import { Component, Input, ViewChild, ElementRef, HostListener, ChangeDetectorRef } from "@angular/core";
import { Search } from "../search";
import { NavigationService } from "../navigation.service";
import { UserService } from "../user.service";
import { WindowService } from '../window.service';
import * as i0 from "@angular/core";
import * as i1 from "../navigation.service";
import * as i2 from "../user.service";
import * as i3 from "../window.service";
import * as i4 from "@angular/common";
import * as i5 from "@angular/forms";
const _c0 = ["search"];
function NavigationComponent_ng_container_3_ul_6_li_2_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "li", 34);
    i0.ɵɵelementStart(1, "a", 35);
    i0.ɵɵtext(2);
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const option_r9 = ctx.$implicit;
    i0.ɵɵadvance(1);
    i0.ɵɵpropertyInterpolate("href", option_r9.href, i0.ɵɵsanitizeUrl);
    i0.ɵɵadvance(1);
    i0.ɵɵtextInterpolate(option_r9.name);
} }
function NavigationComponent_ng_container_3_ul_6_li_5_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "li", 34);
    i0.ɵɵelementStart(1, "a", 35);
    i0.ɵɵtext(2);
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const option_r10 = ctx.$implicit;
    i0.ɵɵadvance(1);
    i0.ɵɵpropertyInterpolate("href", option_r10.href, i0.ɵɵsanitizeUrl);
    i0.ɵɵadvance(1);
    i0.ɵɵtextInterpolate(option_r10.name);
} }
function NavigationComponent_ng_container_3_ul_6_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "ul", 29, 30);
    i0.ɵɵtemplate(2, NavigationComponent_ng_container_3_ul_6_li_2_Template, 3, 2, "li", 31);
    i0.ɵɵelementStart(3, "li", 32);
    i0.ɵɵtext(4, " About Inspire ");
    i0.ɵɵelementEnd();
    i0.ɵɵtemplate(5, NavigationComponent_ng_container_3_ul_6_li_5_Template, 3, 2, "li", 31);
    i0.ɵɵelementStart(6, "li", 33);
    i0.ɵɵtext(7, " Copyright \u00A9 2020 Inspire. All rights reserved ");
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r5 = i0.ɵɵnextContext(2);
    i0.ɵɵadvance(2);
    i0.ɵɵproperty("ngForOf", ctx_r5.userOptions);
    i0.ɵɵadvance(3);
    i0.ɵɵproperty("ngForOf", ctx_r5.aboutOptions);
} }
function NavigationComponent_ng_container_3_Template(rf, ctx) { if (rf & 1) {
    const _r12 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementContainerStart(0);
    i0.ɵɵelementStart(1, "button", 17);
    i0.ɵɵlistener("click", function NavigationComponent_ng_container_3_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r12); const ctx_r11 = i0.ɵɵnextContext(); return ctx_r11.toggleMenu(); });
    i0.ɵɵelement(2, "img", 18);
    i0.ɵɵelementStart(3, "span", 19);
    i0.ɵɵtext(4);
    i0.ɵɵelementEnd();
    i0.ɵɵelement(5, "img", 20);
    i0.ɵɵelementEnd();
    i0.ɵɵtemplate(6, NavigationComponent_ng_container_3_ul_6_Template, 8, 2, "ul", 21);
    i0.ɵɵelementStart(7, "ul", 22);
    i0.ɵɵelementStart(8, "li", 23);
    i0.ɵɵelementStart(9, "a", 24);
    i0.ɵɵelement(10, "img", 25);
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
    i0.ɵɵelementStart(11, "li", 23);
    i0.ɵɵelementStart(12, "a", 24);
    i0.ɵɵelement(13, "img", 26);
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
    i0.ɵɵelementStart(14, "li", 23);
    i0.ɵɵelementStart(15, "a", 24);
    i0.ɵɵelement(16, "img", 27);
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
    i0.ɵɵelementStart(17, "li", 23);
    i0.ɵɵelementStart(18, "a", 24);
    i0.ɵɵelement(19, "img", 28);
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
    i0.ɵɵelementContainerEnd();
} if (rf & 2) {
    const ctx_r0 = i0.ɵɵnextContext();
    i0.ɵɵadvance(2);
    i0.ɵɵpropertyInterpolate2("src", "", ctx_r0.envUrl, "/api/member/", ctx_r0.username, "/avatar/m", i0.ɵɵsanitizeUrl);
    i0.ɵɵadvance(2);
    i0.ɵɵtextInterpolate(ctx_r0.username);
    i0.ɵɵadvance(2);
    i0.ɵɵproperty("ngIf", ctx_r0.showMenu);
    i0.ɵɵadvance(3);
    i0.ɵɵpropertyInterpolate1("href", "", ctx_r0.envUrl, "/member-groups.pl", i0.ɵɵsanitizeUrl);
    i0.ɵɵadvance(3);
    i0.ɵɵpropertyInterpolate1("href", "", ctx_r0.envUrl, "/?section=following", i0.ɵɵsanitizeUrl);
    i0.ɵɵadvance(3);
    i0.ɵɵpropertyInterpolate1("href", "", ctx_r0.envUrl, "/friends.pl", i0.ɵɵsanitizeUrl);
    i0.ɵɵadvance(3);
    i0.ɵɵpropertyInterpolate1("href", "", ctx_r0.envUrl, "/messages.pl", i0.ɵɵsanitizeUrl);
} }
function NavigationComponent_ng_template_4_ul_3_li_2_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "li", 46);
    i0.ɵɵelementStart(1, "a", 35);
    i0.ɵɵtext(2);
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const item_r16 = ctx.$implicit;
    const ctx_r15 = i0.ɵɵnextContext(3);
    i0.ɵɵadvance(1);
    i0.ɵɵpropertyInterpolate2("href", "", ctx_r15.envUrl, "", item_r16.url, "", i0.ɵɵsanitizeUrl);
    i0.ɵɵadvance(1);
    i0.ɵɵtextInterpolate(item_r16.name);
} }
function NavigationComponent_ng_template_4_ul_3_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "ul", 43, 44);
    i0.ɵɵtemplate(2, NavigationComponent_ng_template_4_ul_3_li_2_Template, 3, 3, "li", 45);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r13 = i0.ɵɵnextContext(2);
    i0.ɵɵadvance(2);
    i0.ɵɵproperty("ngForOf", ctx_r13.localData);
} }
function NavigationComponent_ng_template_4_Template(rf, ctx) { if (rf & 1) {
    const _r19 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "button", 36);
    i0.ɵɵlistener("click", function NavigationComponent_ng_template_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r19); const ctx_r18 = i0.ɵɵnextContext(); return ctx_r18.toggleSelect(); });
    i0.ɵɵtext(1, " Explore ");
    i0.ɵɵelement(2, "img", 37);
    i0.ɵɵelementEnd();
    i0.ɵɵtemplate(3, NavigationComponent_ng_template_4_ul_3_Template, 3, 1, "ul", 38);
    i0.ɵɵelementStart(4, "div", 39);
    i0.ɵɵelementStart(5, "a", 40);
    i0.ɵɵtext(6, " Log In ");
    i0.ɵɵelement(7, "img", 41);
    i0.ɵɵelementEnd();
    i0.ɵɵelementStart(8, "a", 40);
    i0.ɵɵtext(9, " Join ");
    i0.ɵɵelement(10, "img", 42);
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r2 = i0.ɵɵnextContext();
    i0.ɵɵadvance(3);
    i0.ɵɵproperty("ngIf", ctx_r2.showCommunities);
    i0.ɵɵadvance(2);
    i0.ɵɵpropertyInterpolate1("href", "", ctx_r2.envUrl, "/signin.pl", i0.ɵɵsanitizeUrl);
    i0.ɵɵadvance(3);
    i0.ɵɵpropertyInterpolate1("href", "", ctx_r2.envUrl, "/join", i0.ɵɵsanitizeUrl);
} }
function NavigationComponent_ul_15_li_1_Template(rf, ctx) { if (rf & 1) {
    const _r24 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "li");
    i0.ɵɵelementStart(1, "button", 49);
    i0.ɵɵlistener("click", function NavigationComponent_ul_15_li_1_Template_button_click_1_listener($event) { i0.ɵɵrestoreView(_r24); const ctx_r23 = i0.ɵɵnextContext(2); return ctx_r23.setSearchGroup($event); });
    i0.ɵɵtext(2);
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const group_r21 = ctx.$implicit;
    const i_r22 = ctx.index;
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("value", i_r22);
    i0.ɵɵadvance(1);
    i0.ɵɵtextInterpolate1(" Search ", group_r21.name, " ");
} }
function NavigationComponent_ul_15_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "ul", 47);
    i0.ɵɵtemplate(1, NavigationComponent_ul_15_li_1_Template, 3, 2, "li", 48);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r4 = i0.ɵɵnextContext();
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngForOf", ctx_r4.searchGroups);
} }
export class NavigationComponent {
    constructor(navigationService, cd, userService, windowService) {
        this.navigationService = navigationService;
        this.cd = cd;
        this.userService = userService;
        this.windowService = windowService;
        /**
         * Determines whether the component will call the user API to get user info.
         * False will use the `loggedIn` and `username` inputs. Default: `true`.
         */
        this.useAPI = true;
        this.showMenu = false;
        this.showCommunities = false;
        this.showSearchGroups = false;
        this.adStyles = {};
        this.clickOutside = true;
    }
    ngOnInit() {
        this.setCommunityData();
        this.getUserMenuOptions();
        const defaultSearchGroups = [{ group_id: null, name: "All Communities" }];
        this.searchGroups = defaultSearchGroups;
        this.selectedSearchGroup = defaultSearchGroups[0];
        this.searchModel = new Search("");
        this.navigationService.getUserGroups().subscribe((response) => {
            const groups = response["data"];
            groups.map(group => {
                this.searchGroups.push({
                    name: group["name"],
                    group_id: group["group_id"]
                });
            });
        });
        this.topAdSub = this.navigationService.hasTopAd.subscribe(hasAd => {
            this.hasTopAd = hasAd;
            // If there is sticky ad at the top,
            // Set top 110px, to make the navigation stick at the top but below the ad
            this.adStyles = { top: this.hasTopAd ? "110px" : "0" };
            // ngStyle update;
            this.cd.detectChanges();
        });
        if (this.useAPI) {
            this.userService.getUserData(this.envUrl).subscribe((resp) => {
                this.loggedIn = resp["data"]["status"] === 4;
                this.username = resp["data"]["nickname"];
            });
        }
    }
    ngOnDestroy() {
        this.topAdSub.unsubscribe();
    }
    /**
     * Sets the community that a search query will be run against.
     * @param event     The click event that triggered this function.
     */
    setSearchGroup(event) {
        const index = event.target.value;
        this.selectedSearchGroup = this.searchGroups[index];
        this.showSearchGroups = false;
    }
    /**
     * Search a given value. If on mobile, also used to toggle the search dropdown.
     * @param value    The value to search for
     */
    searchValue(value) {
        if (this.windowService.isBrowser()) {
            const mobile = window.innerWidth <= 768;
            if (mobile && !value)
                return this.toggleSearch();
            let searchUrl = new URL(this.envUrl + "/search/?sec=all");
            searchUrl.searchParams.append("query", value);
            this.selectedSearchGroup["group_id"] && searchUrl.searchParams.append("group_id", this.selectedSearchGroup["group_id"]);
            window.location.href = searchUrl.href;
        }
    }
    /**
     * Opens or closes the search dropdown. Closes other open dropdowns.
     * Note: The search dropdown only appears on mobile.
     */
    toggleSearch() {
        if (!this.search.nativeElement.classList.contains("visible"))
            this.closeDropdowns();
        this.search.nativeElement.classList.toggle("visible");
    }
    /** Opens or closes the communities dropdown. Closes other open dropdowns.*/
    toggleSelect() {
        this.search.nativeElement.classList.remove("visible");
        this.showSearchGroups = false;
        this.showCommunities = !this.showCommunities;
    }
    /** Opens or closes the logged in user menu. Closes other open dropdowns.*/
    toggleMenu() {
        this.search.nativeElement.classList.remove("visible");
        this.showSearchGroups = false;
        this.showMenu = !this.showMenu;
    }
    /** Open or close the search groups dropdown menu. Closes other open dropdowns. */
    toggleSearchGroups() {
        this.showMenu = this.showCommunities = false;
        this.showSearchGroups = !this.showSearchGroups;
    }
    /** Close all navigation bar dropdown menus. */
    closeDropdowns() {
        this.showMenu = false;
        this.showCommunities = false;
        this.showSearchGroups = false;
        this.search.nativeElement.classList.remove("visible");
    }
    clickInside() {
        this.clickOutside = false;
    }
    clickout() {
        if (this.clickOutside) {
            this.closeDropdowns();
        }
        this.clickOutside = true;
    }
    setCommunityData() {
        this.localData = [
            { url: "/groups/", name: "See all Communities" },
            { url: "/coronavirus/", name: " ＋ Covid-19 Updates" },
            { url: "/groups/covid-19/", name: " ＋ Covid-19" },
            { url: "/groups/american-lung-association-lung-cancer-survivors/", name: " ＋ Lung Cancer" },
            { url: "/groups/neurofibromatosis-network/", name: " ＋ Neurofibromatosis" },
            { url: "/groups/bladder-cancer-advocacy-network/", name: " ＋ Bladder Cancer" },
            { url: "/groups/thyca-thyroid-cancer-survivors-association/", name: " ＋ Thyroid Cancer" },
            { url: "/groups/scleroderma-foundation/", name: " ＋ Scleroderma" },
            { url: "/groups/psoriasis-community/", name: " ＋ Psoriasis" },
            { url: "/groups/advanced-breast-cancer/", name: " ＋ Metastatic Breast Cancer" },
            { url: "/groups/national-cervical-cancer-coalition/", name: " ＋ Cervical Cancer" },
            { url: "/groups/national-osteoporosis-foundation/", name: " ＋ Osteoporosis" },
            { url: "/groups/american-liver-foundation/", name: " ＋ Liver Disease" },
            { url: "/groups/american-brain-tumor-association/", name: " ＋ Brain Tumor" },
            { url: "/groups/us-too-prostate-cancer/", name: " ＋ Prostate Cancer" },
            { url: "/groups/living-with-pulmonary-fibrosis/", name: " ＋ Pulmonary Fibrosis" },
            { url: "/groups/stop-sarcoidosis/", name: " ＋ Sarcoidosis" },
            { url: "/groups/eos-connections/", name: " ＋ Eosinophilia" },
            { url: "/groups/preemie/", name: " ＋ Preemie" },
            { url: "/groups/head-and-neck-cancer-alliance/", name: " ＋ Head and Neck Cancers" },
            { url: "/groups/arthritis-foundation/", name: " ＋ Arthritis " },
            { url: "/groups/national-eczema-association/", name: " ＋ Eczema" },
            { url: "/groups/tuberous-sclerosis-alliance/", name: " ＋ Tuberous Sclerosis" },
            { url: "/groups/sickle-cell-anemia/", name: " ＋ Sickle Cell Anemia" },
            { url: "/groups/lupusconnect/", name: " ＋ Lupus" },
            { url: "/treatment/", name: "See all Treatments" },
            { url: "/treatment/prednisone/", name: " ＋ Prednisone" },
            { url: "/treatment/alectinib/", name: " ＋ Alectinib" },
            { url: "/treatment/pembrolizumab/", name: " ＋ Pembrolizumab" },
            { url: "/treatment/methotrexate/", name: " ＋ Methotrexate" },
            { url: "/treatment/secukinumab/", name: " ＋ Secukinumab" },
            { url: "/treatment/ustekinumab/", name: " ＋ Ustekinumab" },
            { url: "/treatment/adalimumab/", name: " ＋ Atezolizumab" },
            { url: "/treatment/ixekizumab/", name: " ＋ Ixekizumab" },
            { url: "/treatment/atezolizumab/", name: " ＋ Atezolizumab" },
            { url: "/#", name: "All Resource Centers" },
            { url: "/lung-cancer/resources/", name: " ＋ Lung Cancer" },
            { url: "/psoriasis/resources/", name: " ＋ Psoriasis" },
            { url: "/metastatic-breast-cancer/resources/", name: " ＋ Metastatic Breast Cancer" },
            { url: "/eczema/resources/", name: " ＋ Eczema" },
            { url: "/pulmonary-fibrosis/resources/", name: " ＋ Pulmonary Fibrosis" },
            { url: "/bladder-cancer/resources/", name: " ＋ Bladder Cancer" }
        ];
    }
    getUserMenuOptions() {
        this.userOptions = [
            {
                name: "Your Homepage",
                href: "/"
            },
            {
                name: "Settings",
                href: "/settings"
            },
            {
                name: "Log Out",
                href: "/signout"
            }
        ];
        this.aboutOptions = [
            {
                name: "Privacy Statement",
                href: "/about/privacy"
            },
            {
                name: "Terms of Use",
                href: "/about/terms"
            },
            {
                name: "Community Guidelines",
                href: "/about/guidelines"
            },
            {
                name: "Browse Communities",
                href: "/groups"
            },
            {
                name: "Help",
                href: "/help"
            },
            {
                name: "Glossary",
                href: "/glossary"
            },
            {
                name: "Your Profile",
                href: `/m/${this.username}`
            },
            {
                name: "Advertise With Us",
                href: "https://corp.inspire.com/partnership-customers/pharma-biotech-industry/"
            },
            {
                name: "Become a Partner",
                href: "https://corp.inspire.com/partnership-customers/patient-advocacy-groups/"
            },
            {
                name: "Press Inquiries",
                href: "/contact"
            },
            {
                name: "Work for Us",
                href: "https://corp.inspire.com/meet-inspire/careers/"
            },
            {
                name: "About Us",
                href: "https://corp.inspire.com/meet-inspire/our-story/"
            },
            {
                name: "Our Principles",
                href: "/about/our-principles/"
            },
            {
                name: "Contact Us",
                href: "/contact"
            }
        ];
    }
}
NavigationComponent.ɵfac = function NavigationComponent_Factory(t) { return new (t || NavigationComponent)(i0.ɵɵdirectiveInject(i1.NavigationService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i2.UserService), i0.ɵɵdirectiveInject(i3.WindowService)); };
NavigationComponent.ɵcmp = i0.ɵɵdefineComponent({ type: NavigationComponent, selectors: [["ins-navigation"]], viewQuery: function NavigationComponent_Query(rf, ctx) { if (rf & 1) {
        i0.ɵɵviewQuery(_c0, true);
    } if (rf & 2) {
        var _t;
        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.search = _t.first);
    } }, hostBindings: function NavigationComponent_HostBindings(rf, ctx) { if (rf & 1) {
        i0.ɵɵlistener("click", function NavigationComponent_click_HostBindingHandler() { return ctx.clickInside(); })("click", function NavigationComponent_click_HostBindingHandler() { return ctx.clickout(); }, false, i0.ɵɵresolveDocument);
    } }, inputs: { useAPI: "useAPI", loggedIn: "loggedIn", username: "username", envUrl: "envUrl" }, decls: 18, vars: 13, consts: [["id", "navContainer"], [1, "header", 3, "ngStyle"], [1, "nav"], [4, "ngIf", "ngIfElse"], ["anonymous", ""], [1, "logo", 3, "href"], ["src", "https://s3.amazonaws.com/static.inspire.com/ng-library/navigation/logo-tagline.png", "alt", "Welcome to Inspire", 1, "logo__image"], ["src", "https://s3.amazonaws.com/static.inspire.com/ng-library/navigation/logo.png", "alt", "Welcome to Inspire", 1, "logo__image--mobile"], [1, "search", 3, "submit"], [1, "search__form"], ["search", ""], ["name", "search", "type", "text", 1, "search__input", 3, "ngModel", "placeholder", "ngModelChange"], ["type", "button", 1, "search__dropdownButton", 3, "click"], ["src", "https://s3.amazonaws.com/static.inspire.com/ng-library/navigation/icon-arrow-dropdown-down.png", "alt", "dropdown"], ["class", "search__dropdownMenu", 4, "ngIf"], ["type", "submit", 1, "search__container"], ["src", "https://s3.amazonaws.com/static.inspire.com/ng-library/navigation/icon-search-sm.png", "alt", "search", 1, "search__icon"], [1, "avatar", 3, "click"], [1, "avatar__image", 3, "src"], [1, "avatar__username"], ["src", "https://s3.amazonaws.com/static.inspire.com/ng-library/navigation/icon-arrow-down-sm.png", "alt", "user menu", 1, "avatar__arrow"], ["class", "menu", 4, "ngIf"], [1, "icons"], [1, "icons__item"], [1, "icons__link", 3, "href"], ["alt", "communities", "title", "Communities", "src", "https://static.inspire.com/ng-library/navigation/icon-groups.png", 1, "icons__image"], ["alt", "following", "title", "Following", "src", "https://static.inspire.com/ng-library/navigation/icon-following-2x.png", 1, "icons__image"], ["alt", "friends", "title", "Friends", "src", "https://static.inspire.com/ng-library/navigation/icon-friends.png", 1, "icons__image"], ["alt", "messages", "title", "Messages", "src", "https://static.inspire.com/ng-library/navigation/icon-chat.png", 1, "icons__image"], [1, "menu"], ["menuDropdown", ""], ["class", "menu__dropdownItem", 4, "ngFor", "ngForOf"], [1, "menu__dropdownItem--header"], [1, "menu__dropdownItem--footer"], [1, "menu__dropdownItem"], [3, "href"], [1, "communities", 3, "click"], ["src", "https://s3.amazonaws.com/static.inspire.com/ng-library/navigation/icon-arrow-down-sm.png", "alt", "community menu"], ["class", "popular", 4, "ngIf"], [1, "options"], [1, "options__link", 3, "href"], ["src", "https://s3.amazonaws.com/static.inspire.com/ng-library/navigation/icon-arrow-down-sm.png", "alt", "log in", 1, "options__arrow"], ["src", "https://s3.amazonaws.com/static.inspire.com/ng-library/navigation/icon-arrow-down-sm.png", "alt", "sign up", 1, "options__arrow"], [1, "popular"], ["communityDropdown", ""], ["class", "popular__dropdownItem", 4, "ngFor", "ngForOf"], [1, "popular__dropdownItem"], [1, "search__dropdownMenu"], [4, "ngFor", "ngForOf"], ["type", "button", 1, "search__dropdownItem", 3, "value", "click"]], template: function NavigationComponent_Template(rf, ctx) { if (rf & 1) {
        i0.ɵɵelementStart(0, "div", 0);
        i0.ɵɵelementStart(1, "header", 1);
        i0.ɵɵelementStart(2, "nav", 2);
        i0.ɵɵtemplate(3, NavigationComponent_ng_container_3_Template, 20, 8, "ng-container", 3);
        i0.ɵɵtemplate(4, NavigationComponent_ng_template_4_Template, 11, 3, "ng-template", null, 4, i0.ɵɵtemplateRefExtractor);
        i0.ɵɵelementStart(6, "a", 5);
        i0.ɵɵelement(7, "img", 6);
        i0.ɵɵelement(8, "img", 7);
        i0.ɵɵelementEnd();
        i0.ɵɵelementStart(9, "form", 8);
        i0.ɵɵlistener("submit", function NavigationComponent_Template_form_submit_9_listener() { return ctx.searchValue(ctx.searchModel.searchParam); });
        i0.ɵɵelementStart(10, "div", 9, 10);
        i0.ɵɵelementStart(12, "input", 11);
        i0.ɵɵlistener("ngModelChange", function NavigationComponent_Template_input_ngModelChange_12_listener($event) { return ctx.searchModel.searchParam = $event; });
        i0.ɵɵelementEnd();
        i0.ɵɵelementStart(13, "button", 12);
        i0.ɵɵlistener("click", function NavigationComponent_Template_button_click_13_listener() { return ctx.toggleSearchGroups(); });
        i0.ɵɵelement(14, "img", 13);
        i0.ɵɵelementEnd();
        i0.ɵɵtemplate(15, NavigationComponent_ul_15_Template, 2, 1, "ul", 14);
        i0.ɵɵelementEnd();
        i0.ɵɵelementStart(16, "button", 15);
        i0.ɵɵelement(17, "img", 16);
        i0.ɵɵelementEnd();
        i0.ɵɵelementEnd();
        i0.ɵɵelementEnd();
        i0.ɵɵelementEnd();
        i0.ɵɵelementEnd();
    } if (rf & 2) {
        const _r1 = i0.ɵɵreference(5);
        i0.ɵɵattribute("anonymous", !ctx.loggedIn);
        i0.ɵɵadvance(1);
        i0.ɵɵproperty("ngStyle", ctx.adStyles);
        i0.ɵɵadvance(1);
        i0.ɵɵattribute("anonymous", !ctx.loggedIn);
        i0.ɵɵadvance(1);
        i0.ɵɵproperty("ngIf", ctx.loggedIn)("ngIfElse", _r1);
        i0.ɵɵadvance(3);
        i0.ɵɵpropertyInterpolate("href", ctx.envUrl, i0.ɵɵsanitizeUrl);
        i0.ɵɵattribute("anonymous", !ctx.loggedIn);
        i0.ɵɵadvance(2);
        i0.ɵɵattribute("visible", !ctx.loggedIn);
        i0.ɵɵadvance(1);
        i0.ɵɵattribute("anonymous", !ctx.loggedIn);
        i0.ɵɵadvance(1);
        i0.ɵɵattribute("anonymous", !ctx.loggedIn);
        i0.ɵɵadvance(2);
        i0.ɵɵpropertyInterpolate1("placeholder", "Search ", ctx.selectedSearchGroup["name"], "");
        i0.ɵɵproperty("ngModel", ctx.searchModel.searchParam);
        i0.ɵɵadvance(3);
        i0.ɵɵproperty("ngIf", ctx.showSearchGroups);
    } }, directives: [i4.NgStyle, i4.NgIf, i5.ɵangular_packages_forms_forms_y, i5.NgControlStatusGroup, i5.NgForm, i5.DefaultValueAccessor, i5.NgControlStatus, i5.NgModel, i4.NgForOf], styles: [".add-sign[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.91d0815ca.png);background-position:-186px -87px;width:20px;height:20px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.add-sign[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.26bbb921e@2x.png);background-size:263px 251px}}.icon_treatment-xs[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.91d0815ca.png);background-position:-164px -227px;width:15px;height:15px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.icon_treatment-xs[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.26bbb921e@2x.png);background-size:263px 251px}}.icon-add-friend[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.91d0815ca.png);background-position:-156px -87px;width:30px;height:30px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.icon-add-friend[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.26bbb921e@2x.png);background-size:263px 251px}}.icon-arrow-down-on[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.91d0815ca.png);background-position:-193px -50px;width:13px;height:8px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.icon-arrow-down-on[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.26bbb921e@2x.png);background-size:263px 251px}}.icon-arrow-down[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.91d0815ca.png);background-position:-193px -58px;width:13px;height:8px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.icon-arrow-down[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.26bbb921e@2x.png);background-size:263px 251px}}.icon-comment-count[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.91d0815ca.png);background-position:-134px -97px;width:18px;height:18px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.icon-comment-count[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.26bbb921e@2x.png);background-size:263px 251px}}.icon-condition-sm-on[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.91d0815ca.png);background-position:-111px -160px;width:30px;height:30px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.icon-condition-sm-on[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.26bbb921e@2x.png);background-size:263px 251px}}.icon-condition-sm[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.91d0815ca.png);background-position:-141px -160px;width:30px;height:30px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.icon-condition-sm[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.26bbb921e@2x.png);background-size:263px 251px}}.icon-condition-xs[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.91d0815ca.png);background-position:-149px -227px;width:15px;height:20px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.icon-condition-xs[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.26bbb921e@2x.png);background-size:263px 251px}}.icon-double-arrow[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.91d0815ca.png);background-position:-236px -157px;width:24px;height:24px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.icon-double-arrow[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.26bbb921e@2x.png);background-size:263px 251px}}.icon-facebook-sm[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.91d0815ca.png);background-position:-179px -227px;width:14px;height:14px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.icon-facebook-sm[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.26bbb921e@2x.png);background-size:263px 251px}}.icon-facebook[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.91d0815ca.png);background-position:-236px -181px;width:24px;height:24px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.icon-facebook[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.26bbb921e@2x.png);background-size:263px 251px}}.icon-following-on[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.91d0815ca.png);background-position:-156px -50px;width:37px;height:37px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.icon-following-on[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.26bbb921e@2x.png);background-size:263px 251px}}.icon-following-white-sm[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.91d0815ca.png);background-position:-171px -160px;width:30px;height:30px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.icon-following-white-sm[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.26bbb921e@2x.png);background-size:263px 251px}}.icon-following[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.91d0815ca.png);background-position:-97px -78px;width:37px;height:37px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.icon-following[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.26bbb921e@2x.png);background-size:263px 251px}}.icon-friends-on[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.91d0815ca.png);background-position:0 -123px;width:37px;height:37px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.icon-friends-on[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.26bbb921e@2x.png);background-size:263px 251px}}.icon-friends-sm-on[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.91d0815ca.png);background-position:-206px 0;width:30px;height:30px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.icon-friends-sm-on[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.26bbb921e@2x.png);background-size:263px 251px}}.icon-friends-sm[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.91d0815ca.png);background-position:-206px -30px;width:30px;height:30px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.icon-friends-sm[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.26bbb921e@2x.png);background-size:263px 251px}}.icon-friends-white-sm[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.91d0815ca.png);background-position:-206px -60px;width:30px;height:30px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.icon-friends-white-sm[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.26bbb921e@2x.png);background-size:263px 251px}}.icon-friends[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.91d0815ca.png);background-position:-37px -123px;width:37px;height:37px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.icon-friends[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.26bbb921e@2x.png);background-size:263px 251px}}.icon-groups-on[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.91d0815ca.png);background-position:-74px -123px;width:37px;height:37px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.icon-groups-on[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.26bbb921e@2x.png);background-size:263px 251px}}.icon-groups-sm-on[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.91d0815ca.png);background-position:-206px -90px;width:30px;height:30px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.icon-groups-sm-on[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.26bbb921e@2x.png);background-size:263px 251px}}.icon-groups-sm[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.91d0815ca.png);background-position:-206px -120px;width:30px;height:30px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.icon-groups-sm[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.26bbb921e@2x.png);background-size:263px 251px}}.icon-groups-white-sm[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.91d0815ca.png);background-position:-206px -150px;width:30px;height:30px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.icon-groups-white-sm[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.26bbb921e@2x.png);background-size:263px 251px}}.icon-groups-xs[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.91d0815ca.png);background-position:-206px -180px;width:20px;height:15px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.icon-groups-xs[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.26bbb921e@2x.png);background-size:263px 251px}}.icon-groups[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.91d0815ca.png);background-position:-111px -123px;width:37px;height:37px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.icon-groups[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.26bbb921e@2x.png);background-size:263px 251px}}.icon-hamburger-menu-on[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.91d0815ca.png);background-position:-236px -205px;width:25px;height:22px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.icon-hamburger-menu-on[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.26bbb921e@2x.png);background-size:263px 251px}}.icon-hamburger-menu[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.91d0815ca.png);background-position:-72px -227px;width:25px;height:22px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.icon-hamburger-menu[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.26bbb921e@2x.png);background-size:263px 251px}}.icon-home-feed-on[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.91d0815ca.png);background-position:-148px -123px;width:37px;height:37px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.icon-home-feed-on[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.26bbb921e@2x.png);background-size:263px 251px}}.icon-home-feed-white-sm[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.91d0815ca.png);background-position:0 -197px;width:30px;height:30px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.icon-home-feed-white-sm[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.26bbb921e@2x.png);background-size:263px 251px}}.icon-home-feed[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.91d0815ca.png);background-position:0 -160px;width:37px;height:37px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.icon-home-feed[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.26bbb921e@2x.png);background-size:263px 251px}}.icon-instagram-sm[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.91d0815ca.png);background-position:-193px -227px;width:14px;height:14px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.icon-instagram-sm[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.26bbb921e@2x.png);background-size:263px 251px}}.icon-instagram[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.91d0815ca.png);background-position:-210px -197px;width:24px;height:24px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.icon-instagram[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.26bbb921e@2x.png);background-size:263px 251px}}.icon-logout-white-sm[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.91d0815ca.png);background-position:-30px -197px;width:30px;height:30px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.icon-logout-white-sm[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.26bbb921e@2x.png);background-size:263px 251px}}.icon-messages-on[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.91d0815ca.png);background-position:-37px -160px;width:37px;height:37px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.icon-messages-on[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.26bbb921e@2x.png);background-size:263px 251px}}.icon-messages-white-sm[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.91d0815ca.png);background-position:-60px -197px;width:30px;height:30px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.icon-messages-white-sm[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.26bbb921e@2x.png);background-size:263px 251px}}.icon-messages[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.91d0815ca.png);background-position:-74px -160px;width:37px;height:37px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.icon-messages[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.26bbb921e@2x.png);background-size:263px 251px}}.icon-pinterest-sm[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.91d0815ca.png);background-position:-207px -227px;width:14px;height:14px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.icon-pinterest-sm[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.26bbb921e@2x.png);background-size:263px 251px}}.icon-pinterest[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.91d0815ca.png);background-position:0 -227px;width:24px;height:24px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.icon-pinterest[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.26bbb921e@2x.png);background-size:263px 251px}}.icon-profile-white-sm[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.91d0815ca.png);background-position:-90px -197px;width:30px;height:30px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.icon-profile-white-sm[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.26bbb921e@2x.png);background-size:263px 251px}}.icon-search-sm-on[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.91d0815ca.png);background-position:-185px -123px;width:18px;height:18px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.icon-search-sm-on[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.26bbb921e@2x.png);background-size:263px 251px}}.icon-search-sm[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.91d0815ca.png);background-position:-185px -141px;width:18px;height:18px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.icon-search-sm[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.26bbb921e@2x.png);background-size:263px 251px}}.icon-thumbnails-on[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.91d0815ca.png);background-position:-236px -107px;width:25px;height:25px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.icon-thumbnails-on[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.26bbb921e@2x.png);background-size:263px 251px}}.icon-thumbnails[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.91d0815ca.png);background-position:-236px -132px;width:25px;height:25px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.icon-thumbnails[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.26bbb921e@2x.png);background-size:263px 251px}}.icon-transcript-on[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.91d0815ca.png);background-position:-97px -227px;width:26px;height:21px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.icon-transcript-on[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.26bbb921e@2x.png);background-size:263px 251px}}.icon-transcript[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.91d0815ca.png);background-position:-123px -227px;width:26px;height:21px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.icon-transcript[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.26bbb921e@2x.png);background-size:263px 251px}}.icon-treatment-sm-on[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.91d0815ca.png);background-position:-120px -197px;width:30px;height:30px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.icon-treatment-sm-on[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.26bbb921e@2x.png);background-size:263px 251px}}.icon-treatment-sm[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.91d0815ca.png);background-position:-150px -197px;width:30px;height:30px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.icon-treatment-sm[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.26bbb921e@2x.png);background-size:263px 251px}}.icon-tumblr-sm[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.91d0815ca.png);background-position:-221px -227px;width:14px;height:14px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.icon-tumblr-sm[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.26bbb921e@2x.png);background-size:263px 251px}}.icon-tumblr[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.91d0815ca.png);background-position:-24px -227px;width:24px;height:24px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.icon-tumblr[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.26bbb921e@2x.png);background-size:263px 251px}}.icon-twitter-sm[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.91d0815ca.png);background-position:-235px -227px;width:14px;height:14px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.icon-twitter-sm[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.26bbb921e@2x.png);background-size:263px 251px}}.icon-twitter[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.91d0815ca.png);background-position:-48px -227px;width:24px;height:24px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.icon-twitter[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.26bbb921e@2x.png);background-size:263px 251px}}.icon-user-white-sm[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.91d0815ca.png);background-position:-180px -197px;width:30px;height:30px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.icon-user-white-sm[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.26bbb921e@2x.png);background-size:263px 251px}}.icon-video-on[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.91d0815ca.png);background-position:-236px -27px;width:26px;height:26px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.icon-video-on[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.26bbb921e@2x.png);background-size:263px 251px}}.icon-video[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.91d0815ca.png);background-position:-236px -53px;width:26px;height:26px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.icon-video[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.26bbb921e@2x.png);background-size:263px 251px}}.inspire-guy-small[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.91d0815ca.png);background-position:-236px -79px;width:23px;height:28px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.inspire-guy-small[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.26bbb921e@2x.png);background-size:263px 251px}}.left-arrow[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.91d0815ca.png);background-position:-134px -78px;width:22px;height:19px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.left-arrow[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.26bbb921e@2x.png);background-size:263px 251px}}.logo-inspire-guy-blue-lg[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.91d0815ca.png);background-position:0 0;width:78px;height:78px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.logo-inspire-guy-blue-lg[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.26bbb921e@2x.png);background-size:263px 251px}}.logo-inspire-guy-blue[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.91d0815ca.png);background-position:-236px 0;width:27px;height:27px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.logo-inspire-guy-blue[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.26bbb921e@2x.png);background-size:263px 251px}}.logo-inspire-guy[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.91d0815ca.png);background-position:-78px 0;width:78px;height:78px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.logo-inspire-guy[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.26bbb921e@2x.png);background-size:263px 251px}}.media-open[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.91d0815ca.png);background-position:-156px 0;width:50px;height:50px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.media-open[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.26bbb921e@2x.png);background-size:263px 251px}}.unav-logo[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.91d0815ca.png);background-position:0 -78px;width:97px;height:45px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.unav-logo[_ngcontent-%COMP%]{background-image:url(https://static.inspire.com/ng-library/icons/icons-inspire.26bbb921e@2x.png);background-size:263px 251px}}*[_ngcontent-%COMP%], [_ngcontent-%COMP%]:after, [_ngcontent-%COMP%]:before{box-sizing:border-box;font-family:Palanquin,sans-serif}.communities[_ngcontent-%COMP%], .options__link[_ngcontent-%COMP%]{color:#061a73;font-size:18px;font-weight:700;display:flex;align-items:center;padding:0 5px}@media screen and (min-width:768px){.communities[_ngcontent-%COMP%], .options__link[_ngcontent-%COMP%]{padding:0 5px}}.menu[_ngcontent-%COMP%], .popular[_ngcontent-%COMP%], .search__dropdownMenu[_ngcontent-%COMP%]{list-style:none;padding:0;margin:0;text-align:left;height:300px;max-width:240px;overflow-y:scroll;box-shadow:0 1px 2px rgba(0,0,0,.2);border-top:1px solid #c7c7c7}.menu__dropdownItem[_ngcontent-%COMP%], .popular__dropdownItem[_ngcontent-%COMP%], .search__dropdownItem[_ngcontent-%COMP%]{background-color:#fff;padding:8px 15px;border-bottom:1px solid #c7c7c7}.header[_ngcontent-%COMP%]{width:100%;display:flex;justify-content:center;position:fixed;top:0;background-color:#fff;border-top:3px solid #061a73;box-shadow:0 1px 2px rgba(0,0,0,.2);z-index:6000000}.nav[_ngcontent-%COMP%]{display:-ms-grid;display:grid;align-items:center;height:58px;width:100%;max-width:1170px;-ms-grid-columns:1fr 2fr 1fr 3fr;grid-template-columns:1fr 2fr 1fr 3fr;grid-template-areas:\"avatar nav logo search\"}.nav[anonymous=true][_ngcontent-%COMP%]{grid-template-areas:\"popular options logo search\";-ms-grid-columns:(-webkit-max-content)[2] auto minmax(325px,27%);-ms-grid-columns:(max-content)[2] auto minmax(325px,27%);grid-template-columns:repeat(2,-webkit-max-content) auto minmax(325px,27%);grid-template-columns:repeat(2,max-content) auto minmax(325px,27%);max-width:100%}#navContainer[_ngcontent-%COMP%]{height:61px}@media screen and (max-width:768px){.nav[_ngcontent-%COMP%]{height:36px;-ms-grid-columns:-webkit-max-content 2fr 3fr;-ms-grid-columns:max-content 2fr 3fr;grid-template-columns:-webkit-max-content 2fr 3fr;grid-template-columns:max-content 2fr 3fr}.nav[anonymous=true][_ngcontent-%COMP%]{height:75px;-ms-grid-columns:30% 40% 30%;grid-template-columns:30% 40% 30%;-ms-grid-rows:30% 30% 40%;grid-template-rows:30% 30% 40%;grid-template-areas:\"options logo search\" \"options logo search\" \"popular popular popular\"}.nav[anonymous=true][_ngcontent-%COMP%]   .logo[_ngcontent-%COMP%]{display:block}#navContainer[_ngcontent-%COMP%]{height:40px}#navContainer[anonymous=true][_ngcontent-%COMP%]{height:78px}}.logo[_ngcontent-%COMP%]{-ms-grid-row:1;-ms-grid-column:3;grid-area:logo;justify-self:center;padding:3px 0;height:100%;max-height:50px;display:flex;align-items:center}.nav[anonymous=true][_ngcontent-%COMP%] > .logo[_ngcontent-%COMP%]{-ms-grid-row:1;-ms-grid-column:3}@media screen and (min-width:1190px){.logo[_ngcontent-%COMP%]{max-height:58px}}.logo__image[_ngcontent-%COMP%]{position:relative;width:auto;max-height:100%;overflow:hidden}.logo__image--mobile[_ngcontent-%COMP%]{max-height:100%;display:none}@media screen and (min-width:768px) and (max-width:1190px){.logo__image[_ngcontent-%COMP%]{display:none}.logo__image--mobile[_ngcontent-%COMP%]{display:block}}@media screen and (max-width:768px){.logo__image[_ngcontent-%COMP%]{display:none}.logo__image--mobile[visible=true][_ngcontent-%COMP%]{display:block}}.search[_ngcontent-%COMP%]{-ms-grid-row:1;-ms-grid-column:4;display:flex;align-items:center;justify-content:flex-end;grid-area:search;justify-self:end;width:75%;min-width:275px;height:50px}.nav[anonymous=true][_ngcontent-%COMP%] > .search[_ngcontent-%COMP%]{-ms-grid-row:1;-ms-grid-column:4}.search[anonymous=true][_ngcontent-%COMP%]{width:100%}.search__form[_ngcontent-%COMP%]{display:flex;width:100%}@media screen and (max-width:768px){.search[_ngcontent-%COMP%]{height:36px;min-width:0}.search__form[_ngcontent-%COMP%]{display:none;width:225px}.search__form.visible[_ngcontent-%COMP%]{display:flex;position:absolute;top:36px;right:0;background:#fff;box-shadow:0 3px 4px rgba(0,0,0,.2);padding:5px}.search__form.visible[anonymous=true][_ngcontent-%COMP%]{top:75px}}.search__input[_ngcontent-%COMP%]{font-size:1em;padding:5px 5px 5px 10px;border:1px solid #061a73;border-radius:5px 0 0 5px;width:100%}.search__container[_ngcontent-%COMP%]{width:50px;height:25px;margin-left:10px;text-align:left;background:0 0;border:none;padding:0;cursor:pointer}.search__icon[_ngcontent-%COMP%]{width:24px;height:24px}.search__dropdownButton[_ngcontent-%COMP%]{width:50px;height:50px;background-color:#061a73;border:1px solid #061a73;border-radius:0 5px 5px 0;cursor:pointer;display:flex;align-content:center;justify-content:center}.search__dropdownButtonimg[_ngcontent-%COMP%]{height:6px;width:12px;display:block}.search__dropdownMenu[_ngcontent-%COMP%]{position:absolute;width:335px;max-width:335px;height:auto;max-height:300px;top:50px}@media screen and (max-width:768px){.search__dropdownMenu[_ngcontent-%COMP%]{top:60px;left:0;width:225px}}.search__dropdownItem[_ngcontent-%COMP%]{border:none;color:#061a73;cursor:pointer;width:100%;text-align:left;font-size:14px}.avatar[_ngcontent-%COMP%]{-ms-grid-row:1;-ms-grid-column:1;background:0 0;border:none;display:flex;align-items:center;grid-area:avatar;justify-self:end;padding:0;margin-left:10px}.avatar[_ngcontent-%COMP%]:hover{cursor:pointer}.avatar[_ngcontent-%COMP%]:hover   .avatar__username[_ngcontent-%COMP%]{-webkit-filter:brightness(125%);filter:brightness(125%)}.avatar__image[_ngcontent-%COMP%]{border-radius:50%;border:1px solid #061a73;width:50px;height:50px}@media screen and (max-width:768px){.avatar__image[_ngcontent-%COMP%]{width:30px;height:30px}.icons[_ngcontent-%COMP%]   [_ngcontent-%COMP%]:first-child   a[_ngcontent-%COMP%]{width:26px}}.avatar__username[_ngcontent-%COMP%]{color:#061a73;font-weight:700;font-size:18px;margin-left:5px;max-width:145px;text-overflow:ellipsis}@media screen and (max-width:1190px){.avatar__username[_ngcontent-%COMP%]{display:none}}.avatar__arrow[_ngcontent-%COMP%]{width:18px;height:18px;margin-left:6px;margin-top:4px;margin-right:3px}.icons[_ngcontent-%COMP%]{-ms-grid-row:1;-ms-grid-column:2;list-style:none;margin:0;padding:0;display:flex;font-size:16px;grid-area:nav}.icons__item[_ngcontent-%COMP%]{display:flex;padding:0 5px;border-left:1px solid #c7c7c7}.icons__link[_ngcontent-%COMP%]{height:17px;width:17px;text-align:center;overflow:hidden}.icons__link[_ngcontent-%COMP%]:hover{-webkit-filter:brightness(125%);filter:brightness(125%)}@media screen and (min-width:768px){.icons__link[_ngcontent-%COMP%]{width:30px;height:20px}}.icons__image[_ngcontent-%COMP%]{max-width:100%;max-height:100%}.communities[_ngcontent-%COMP%]{-ms-grid-row:1;-ms-grid-column:1;border:none;border-right:1px solid #c7c7c7;background:0 0;text-align:left;height:100%;width:150px;line-height:.875rem;grid-area:popular}.communities[_ngcontent-%COMP%]:hover{cursor:pointer;color:#005cc9}@media screen and (max-width:768px){.communities[_ngcontent-%COMP%]{width:100%;justify-content:center;border-top:1px solid #c7c7c7;border-right:none}}.communitiesimg[_ngcontent-%COMP%]{width:20px;height:20px;margin-left:5px}.options[_ngcontent-%COMP%]{-ms-grid-row:1;-ms-grid-column:2;display:flex;justify-self:flex-start;justify-content:center;height:100%;grid-area:options}@media screen and (max-width:1190px){.options[_ngcontent-%COMP%]{flex-direction:column}.options[_ngcontent-%COMP%]   .options__link[_ngcontent-%COMP%]:last-child{border-top:1px solid #c7c7c7}}.options__link[_ngcontent-%COMP%]{text-decoration:none;border-right:1px solid #c7c7c7;justify-content:center;flex-grow:1;padding:0 15px}@media screen and (max-width:1190px){.options__link[_ngcontent-%COMP%]{padding:0 5px}}.options__link[_ngcontent-%COMP%]:hover{color:#005cc9;cursor:pointer}.options__link[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{height:20px;width:20px;margin-left:5px}.popular[_ngcontent-%COMP%]{position:absolute;top:58px}@media screen and (max-width:768px){.nav[anonymous=true][_ngcontent-%COMP%] > .logo[_ngcontent-%COMP%]{-ms-grid-row:1;-ms-grid-row-span:2;-ms-grid-column:2}.nav[anonymous=true][_ngcontent-%COMP%] > .search[_ngcontent-%COMP%]{-ms-grid-row:1;-ms-grid-row-span:2;-ms-grid-column:3}.communities[_ngcontent-%COMP%]{-ms-grid-row:3;-ms-grid-column:1;-ms-grid-column-span:3}.options[_ngcontent-%COMP%]{-ms-grid-row:1;-ms-grid-row-span:2;-ms-grid-column:1}.options__link[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{width:18px;height:18px}.options__arrow[_ngcontent-%COMP%]{display:none}.popular[_ngcontent-%COMP%]{max-width:100%;width:100%;top:75px;text-align:center}}.popular__dropdownItem[_ngcontent-%COMP%], .popular__dropdownItema[_ngcontent-%COMP%]{font-weight:700}.menu[_ngcontent-%COMP%]{position:absolute;top:58px}@media screen and (max-width:768px){.menu[_ngcontent-%COMP%]{top:36px}}.menu__dropdownItem--header[_ngcontent-%COMP%]{color:#061a73;font-weight:700;background:#f9f9f9;padding:20px 15px 12px;border-bottom:1px solid #c7c7c7}.menu__dropdownItem--footer[_ngcontent-%COMP%]{font-size:12px;padding:8px 15px;background:#fff}"] });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(NavigationComponent, [{
        type: Component,
        args: [{
                selector: "ins-navigation",
                templateUrl: "./navigation.component.html",
                styleUrls: ["./navigation.component.scss"]
            }]
    }], function () { return [{ type: i1.NavigationService }, { type: i0.ChangeDetectorRef }, { type: i2.UserService }, { type: i3.WindowService }]; }, { useAPI: [{
            type: Input
        }], loggedIn: [{
            type: Input
        }], username: [{
            type: Input
        }], envUrl: [{
            type: Input
        }], search: [{
            type: ViewChild,
            args: ["search", { static: false }]
        }], clickInside: [{
            type: HostListener,
            args: ["click"]
        }], clickout: [{
            type: HostListener,
            args: ["document:click"]
        }] }); })();
//# sourceMappingURL=data:application/json;base64, 