import { ChangeDetectionStrategy, Component, ElementRef, EventEmitter, Input, Output } from '@angular/core';
import { CommonModule } from '@angular/common';
import { BehaviorSubject } from 'rxjs';
import { isNullOrUndefined } from '@ironsource/fusion-ui/utils';
import { SvgModule } from '@ironsource/fusion-ui/components/svg';
import { IconModule } from '@ironsource/fusion-ui/components/icon/v1';
import { TooltipDirective } from '@ironsource/fusion-ui/components/tooltip/v4';
import { ClickOutsideModule } from '@ironsource/fusion-ui/directives/click-outside';
import { TooltipPosition } from '@ironsource/fusion-ui/components/tooltip/common/base';
import { RepositionDirective } from '@ironsource/fusion-ui/directives/reposition';
import { NavigationBarItemType } from '../navigation-menu.entities';
import { NavigationPopMenuComponent } from '../navigation-pop-menu/navigation-pop-menu.component';
import { map } from 'rxjs/operators';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@ironsource/fusion-ui/components/svg";
import * as i3 from "@ironsource/fusion-ui/components/icon/v1";
import * as i4 from "@ironsource/fusion-ui/directives/click-outside";
const _c0 = (a0, a1) => ({ item: a0, selectedItem: a1 });
function NavigationPrimaryMenuComponent_div_1_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 4);
    i0.ɵɵelementContainer(1, 5);
    i0.ɵɵpipe(2, "async");
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r0 = i0.ɵɵnextContext();
    const _r4 = i0.ɵɵreference(7);
    i0.ɵɵproperty("fusionTooltip", ctx_r0.homeItem.menuTooltip);
    i0.ɵɵadvance();
    i0.ɵɵproperty("ngTemplateOutlet", _r4)("ngTemplateOutletContext", i0.ɵɵpureFunction2(5, _c0, ctx_r0.homeItem, ctx_r0.homeItem === i0.ɵɵpipeBind1(2, 3, ctx_r0.selectedBarItem$)));
} }
function NavigationPrimaryMenuComponent_ng_container_2_div_1_div_3_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 9);
    i0.ɵɵtext(1);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const networkItem_r7 = i0.ɵɵnextContext().$implicit;
    i0.ɵɵadvance();
    i0.ɵɵtextInterpolate(networkItem_r7.menuTitle);
} }
const _c1 = (a0, a1, a2) => ({ item: a0, selectedItem: a1, hoverMode: a2 });
function NavigationPrimaryMenuComponent_ng_container_2_div_1_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 7);
    i0.ɵɵelementContainer(1, 5);
    i0.ɵɵpipe(2, "async");
    i0.ɵɵtemplate(3, NavigationPrimaryMenuComponent_ng_container_2_div_1_div_3_Template, 2, 1, "div", 8);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const networkItem_r7 = ctx.$implicit;
    const ctx_r6 = i0.ɵɵnextContext(2);
    const _r4 = i0.ɵɵreference(7);
    i0.ɵɵproperty("fusionTooltip", networkItem_r7.menuTooltip);
    i0.ɵɵadvance();
    i0.ɵɵproperty("ngTemplateOutlet", _r4)("ngTemplateOutletContext", i0.ɵɵpureFunction3(6, _c1, networkItem_r7, networkItem_r7 === i0.ɵɵpipeBind1(2, 4, ctx_r6.selectedBarItem$), ctx_r6.menuHoverMode));
    i0.ɵɵadvance(2);
    i0.ɵɵproperty("ngIf", networkItem_r7.menuTitle);
} }
function NavigationPrimaryMenuComponent_ng_container_2_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementContainerStart(0);
    i0.ɵɵtemplate(1, NavigationPrimaryMenuComponent_ng_container_2_div_1_Template, 4, 10, "div", 6);
    i0.ɵɵelementContainerEnd();
} if (rf & 2) {
    const networkItems_r5 = ctx.ngIf;
    i0.ɵɵadvance();
    i0.ɵɵproperty("ngForOf", networkItems_r5);
} }
const _c2 = a0 => ({ item: a0 });
function NavigationPrimaryMenuComponent_ng_container_4_ng_container_2_ng_container_2_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementContainerStart(0);
    i0.ɵɵelementStart(1, "a", 15);
    i0.ɵɵelementContainer(2, 5);
    i0.ɵɵelementEnd();
    i0.ɵɵelementContainerEnd();
} if (rf & 2) {
    const bottomItem_r13 = i0.ɵɵnextContext().$implicit;
    i0.ɵɵnextContext(2);
    const _r4 = i0.ɵɵreference(7);
    i0.ɵɵadvance();
    i0.ɵɵpropertyInterpolate("href", bottomItem_r13.redirect, i0.ɵɵsanitizeUrl);
    i0.ɵɵpropertyInterpolate("target", bottomItem_r13.target);
    i0.ɵɵadvance();
    i0.ɵɵproperty("ngTemplateOutlet", _r4)("ngTemplateOutletContext", i0.ɵɵpureFunction1(4, _c2, bottomItem_r13));
} }
const _c3 = (a0, a2, a3) => ({ item: a0, selectedItem: false, popMenu: a2, index: a3 });
function NavigationPrimaryMenuComponent_ng_container_4_ng_container_2_ng_container_3_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementContainer(0, 5);
} if (rf & 2) {
    const ctx_r19 = i0.ɵɵnextContext();
    const bottomItem_r13 = ctx_r19.$implicit;
    const bottomItemIndex_r14 = ctx_r19.index;
    i0.ɵɵnextContext(2);
    const _r4 = i0.ɵɵreference(7);
    i0.ɵɵproperty("ngTemplateOutlet", _r4)("ngTemplateOutletContext", i0.ɵɵpureFunction3(2, _c3, bottomItem_r13, bottomItem_r13.menuItems, bottomItemIndex_r14));
} }
function NavigationPrimaryMenuComponent_ng_container_4_ng_container_2_ng_container_4_Template(rf, ctx) { if (rf & 1) {
    const _r21 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementContainerStart(0);
    i0.ɵɵelementStart(1, "fusion-navigation-pop-menu", 16);
    i0.ɵɵlistener("menuItemClicked", function NavigationPrimaryMenuComponent_ng_container_4_ng_container_2_ng_container_4_Template_fusion_navigation_pop_menu_menuItemClicked_1_listener($event) { i0.ɵɵrestoreView(_r21); const ctx_r20 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r20.onPopMenuItemClicked($event)); })("fusionClickOutside", function NavigationPrimaryMenuComponent_ng_container_4_ng_container_2_ng_container_4_Template_fusion_navigation_pop_menu_fusionClickOutside_1_listener($event) { i0.ɵɵrestoreView(_r21); const ctx_r22 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r22.onPopMenuOutsideClick($event)); });
    i0.ɵɵpipe(2, "async");
    i0.ɵɵelementEnd();
    i0.ɵɵelementContainerEnd();
} if (rf & 2) {
    const ctx_r23 = i0.ɵɵnextContext();
    const bottomItem_r13 = ctx_r23.$implicit;
    const bottomItemIndex_r14 = ctx_r23.index;
    const ctx_r17 = i0.ɵɵnextContext(2);
    i0.ɵɵadvance();
    i0.ɵɵproperty("layoutUser", (bottomItem_r13 == null ? null : bottomItem_r13.type) === "user" ? ctx_r17.layoutUser : null)("menuItems", bottomItem_r13.menuItems)("fusionReposition", "#fu-bottom-nav-item-btn_" + bottomItemIndex_r14)("fusionRepositionPlacement", ctx_r17.popMenuPosition)("fusionRepositionOffset", i0.ɵɵpipeBind1(2, 5, ctx_r17.popMenuOffset$));
} }
function NavigationPrimaryMenuComponent_ng_container_4_ng_container_2_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementContainerStart(0);
    i0.ɵɵelementStart(1, "div", 13);
    i0.ɵɵtemplate(2, NavigationPrimaryMenuComponent_ng_container_4_ng_container_2_ng_container_2_Template, 3, 6, "ng-container", 2)(3, NavigationPrimaryMenuComponent_ng_container_4_ng_container_2_ng_container_3_Template, 1, 6, "ng-container", 14);
    i0.ɵɵelementEnd();
    i0.ɵɵtemplate(4, NavigationPrimaryMenuComponent_ng_container_4_ng_container_2_ng_container_4_Template, 3, 7, "ng-container", 2);
    i0.ɵɵpipe(5, "async");
    i0.ɵɵelementContainerEnd();
} if (rf & 2) {
    const bottomItem_r13 = ctx.$implicit;
    const bottomItemIndex_r14 = ctx.index;
    const ctx_r11 = i0.ɵɵnextContext(2);
    let tmp_1_0;
    i0.ɵɵadvance();
    i0.ɵɵstyleMap(bottomItem_r13.cssStyle);
    i0.ɵɵproperty("id", (tmp_1_0 = bottomItem_r13.id) !== null && tmp_1_0 !== undefined ? tmp_1_0 : "bottomPrimaryMenuItem_" + bottomItemIndex_r14)("fusionTooltip", bottomItem_r13.menuTooltip);
    i0.ɵɵadvance();
    i0.ɵɵproperty("ngIf", !!bottomItem_r13.redirect);
    i0.ɵɵadvance();
    i0.ɵɵproperty("ngIf", !bottomItem_r13.redirect);
    i0.ɵɵadvance();
    i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(5, 7, bottomItem_r13.menuItems && ctx_r11.showPopMenu$));
} }
function NavigationPrimaryMenuComponent_ng_container_4_div_3_Template(rf, ctx) { if (rf & 1) {
    const _r25 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "div", 17)(1, "div", 18);
    i0.ɵɵlistener("click", function NavigationPrimaryMenuComponent_ng_container_4_div_3_Template_div_click_1_listener($event) { i0.ɵɵrestoreView(_r25); const ctx_r24 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r24.menuToggleButtonClicked($event)); });
    i0.ɵɵelement(2, "fusion-icon", 19);
    i0.ɵɵpipe(3, "async");
    i0.ɵɵelementEnd()();
} if (rf & 2) {
    const ctx_r12 = i0.ɵɵnextContext(2);
    i0.ɵɵadvance(2);
    i0.ɵɵproperty("name", i0.ɵɵpipeBind1(3, 1, ctx_r12.menuToggleCollapsed$) ? ctx_r12.menuExpandedIcon : ctx_r12.menuCollapsedIcon);
} }
function NavigationPrimaryMenuComponent_ng_container_4_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementContainerStart(0);
    i0.ɵɵelementStart(1, "div", 10);
    i0.ɵɵtemplate(2, NavigationPrimaryMenuComponent_ng_container_4_ng_container_2_Template, 6, 9, "ng-container", 11)(3, NavigationPrimaryMenuComponent_ng_container_4_div_3_Template, 4, 3, "div", 12);
    i0.ɵɵpipe(4, "async");
    i0.ɵɵelementEnd();
    i0.ɵɵelementContainerEnd();
} if (rf & 2) {
    const bottomItems_r10 = ctx.ngIf;
    const ctx_r2 = i0.ɵɵnextContext();
    let tmp_1_0;
    i0.ɵɵadvance(2);
    i0.ɵɵproperty("ngForOf", bottomItems_r10);
    i0.ɵɵadvance();
    i0.ɵɵproperty("ngIf", ((tmp_1_0 = i0.ɵɵpipeBind1(4, 2, ctx_r2.selectedBarItem$)) == null ? null : tmp_1_0.type) === "main");
} }
function NavigationPrimaryMenuComponent_ng_template_6_fusion_svg_2_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelement(0, "fusion-svg", 23);
} if (rf & 2) {
    const item_r26 = i0.ɵɵnextContext().item;
    i0.ɵɵproperty("path", item_r26.menuIconPath);
} }
function NavigationPrimaryMenuComponent_ng_template_6_fusion_icon_3_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelement(0, "fusion-icon", 19);
} if (rf & 2) {
    const item_r26 = i0.ɵɵnextContext().item;
    i0.ɵɵproperty("name", item_r26.menuIcon);
} }
function NavigationPrimaryMenuComponent_ng_template_6_Template(rf, ctx) { if (rf & 1) {
    const _r36 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "div", 20);
    i0.ɵɵlistener("click", function NavigationPrimaryMenuComponent_ng_template_6_Template_div_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r36); const item_r26 = restoredCtx.item; const ctx_r35 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r35.networkItemClicked(item_r26)); })("mouseenter", function NavigationPrimaryMenuComponent_ng_template_6_Template_div_mouseenter_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r36); const item_r26 = restoredCtx.item; const hoverMode_r30 = restoredCtx.hoverMode; const ctx_r37 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r37.onItemHover(item_r26, hoverMode_r30)); });
    i0.ɵɵpipe(1, "async");
    i0.ɵɵtemplate(2, NavigationPrimaryMenuComponent_ng_template_6_fusion_svg_2_Template, 1, 1, "fusion-svg", 21)(3, NavigationPrimaryMenuComponent_ng_template_6_fusion_icon_3_Template, 1, 1, "fusion-icon", 22);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const item_r26 = ctx.item;
    const selectedItem_r27 = ctx.selectedItem;
    const popMenu_r28 = ctx.popMenu;
    const index_r29 = ctx.index;
    const ctx_r3 = i0.ɵɵnextContext();
    i0.ɵɵclassProp("fu-selected", selectedItem_r27)("fu-with-pop-menu", popMenu_r28)("fu-selected", popMenu_r28 && i0.ɵɵpipeBind1(1, 11, ctx_r3.showPopMenu$))("fu-triangle", ctx_r3.menuOpened && item_r26 === ctx_r3.menuOpenForPrimaryMenuItem);
    i0.ɵɵpropertyInterpolate1("id", "fu-bottom-nav-item-btn_", index_r29, "");
    i0.ɵɵadvance(2);
    i0.ɵɵproperty("ngIf", item_r26.menuIconPath);
    i0.ɵɵadvance();
    i0.ɵɵproperty("ngIf", item_r26.menuIcon);
} }
export class NavigationPrimaryMenuComponent {
    set menuBarItems(value) {
        if (!isNullOrUndefined(value)) {
            this.parseNavigationBarItems(value);
        }
    }
    get nativeElement() {
        return this.elementRef.nativeElement;
    }
    get bottomItemsTopPosition() {
        return this.nativeElement.querySelector('.fu-navigation-bar-bottom-items > div:first-child')?.offsetTop ?? 0;
    }
    constructor(elementRef) {
        this.elementRef = elementRef;
        this.menuOpened = false;
        this.menuExpanded = false;
        this.menuHoverMode = false;
        this.menuItemClick = new EventEmitter();
        this.primaryMenuItemClicked = new EventEmitter();
        this.changeColorTheme = new EventEmitter();
        this.toggleMenu = new EventEmitter();
        this.resetSecondaryMenu = new EventEmitter();
        this.networkItems$ = new BehaviorSubject([]);
        this.bottomItems$ = new BehaviorSubject([]);
        this.showPopMenu$ = new BehaviorSubject(false);
        this.selectedBarItem$ = new BehaviorSubject(null);
        this.menuToggleCollapsed$ = new BehaviorSubject(false);
        this.menuCollapsedIcon = 'ph/arrow-line-left';
        this.menuExpandedIcon = 'ph/arrow-line-right';
        this.popMenuPosition = TooltipPosition.BottomLeft;
        this.popMenuOffset$ = this.selectedBarItem$.asObservable().pipe(map((selectedBarItem) => {
            return selectedBarItem?.type === NavigationBarItemType.Main ? { x: 56, y: 48 } : { x: 56 };
        }));
    }
    onItemHover(item, hoverMode) {
        if (hoverMode) {
            this.networkItemClicked(item);
        }
    }
    networkItemClicked(item) {
        switch (item?.type) {
            case NavigationBarItemType.User:
                this.showPopMenu$.next(true);
                this.primaryMenuItemClicked.emit(null);
                break;
            case NavigationBarItemType.Home:
                this.setColorTheme(item.cssTheme);
                this.primaryMenuItemClicked.emit(item);
                break;
            case NavigationBarItemType.Main:
                this.primaryMenuItemClicked.emit(item);
                this.primaryMenuOpenedItem = item;
                break;
            case NavigationBarItemType.Bottom:
                if (!!item.customClick) {
                    item.customClick();
                }
                break;
        }
    }
    onPopMenuOutsideClick(target) {
        if (!target.closest('.fu-with-pop-menu')) {
            this.showPopMenu$.next(false);
        }
    }
    onPopMenuItemClicked(menuItem) {
        this.menuItemClick.emit(menuItem);
        this.showPopMenu$.next(false);
        this.setSelectedPrimaryMenuItem(null);
    }
    setColorTheme(cssTheme) {
        if (!isNullOrUndefined(cssTheme)) {
            this.changeColorTheme.emit(cssTheme);
        }
        else if (this.defaultCssTheme) {
            this.changeColorTheme.emit(this.defaultCssTheme);
        }
    }
    setSelectedPrimaryMenuItem(menuItem) {
        this.selectedBarItem$.next(menuItem);
        if (!menuItem) {
            this.resetSecondaryMenu.emit();
        }
    }
    menuToggleButtonClicked($event) {
        this.menuToggleCollapsed$.next(this.menuOpened && !this.menuExpanded);
        this.toggleMenu.emit();
    }
    parseNavigationBarItems(value) {
        const networkItems = [];
        const bottomItems = [];
        value.forEach((barItem) => {
            switch (barItem.type) {
                case NavigationBarItemType.Home:
                    this.homeItem = barItem;
                    if (!isNullOrUndefined(barItem.cssTheme)) {
                        this.defaultCssTheme = barItem.cssTheme;
                    }
                    break;
                case NavigationBarItemType.Main:
                    networkItems.push(barItem);
                    if (isNullOrUndefined(this.defaultCssTheme) && !isNullOrUndefined(barItem.cssTheme)) {
                        this.defaultCssTheme = barItem.cssTheme;
                        this.setColorTheme();
                    }
                    break;
                default:
                    bottomItems.push(barItem);
                    break;
            }
        });
        if (isNullOrUndefined(this.selectedBarItem$.getValue())) {
            this.setSelectedPrimaryMenuItem(this.homeItem);
        }
        this.networkItems$.next(networkItems);
        this.bottomItems$.next(bottomItems);
    }
    static { this.ɵfac = function NavigationPrimaryMenuComponent_Factory(t) { return new (t || NavigationPrimaryMenuComponent)(i0.ɵɵdirectiveInject(i0.ElementRef)); }; }
    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: NavigationPrimaryMenuComponent, selectors: [["fusion-navigation-primary-menu"]], inputs: { menuBarItems: "menuBarItems", layoutUser: "layoutUser", menuOpened: "menuOpened", menuExpanded: "menuExpanded", menuOpenForPrimaryMenuItem: "menuOpenForPrimaryMenuItem", menuHoverMode: "menuHoverMode" }, outputs: { menuItemClick: "menuItemClick", primaryMenuItemClicked: "primaryMenuItemClicked", changeColorTheme: "changeColorTheme", toggleMenu: "toggleMenu", resetSecondaryMenu: "resetSecondaryMenu" }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 8, vars: 7, consts: [[1, "fu-navigation-bar-holder"], ["class", "fu-navigation-bar-item fu-home", 3, "fusionTooltip", 4, "ngIf"], [4, "ngIf"], ["navigationButton", ""], [1, "fu-navigation-bar-item", "fu-home", 3, "fusionTooltip"], [3, "ngTemplateOutlet", "ngTemplateOutletContext"], ["class", "fu-navigation-bar-item fu-network", 3, "fusionTooltip", 4, "ngFor", "ngForOf"], [1, "fu-navigation-bar-item", "fu-network", 3, "fusionTooltip"], ["class", "fu-navigation-bar-network-name", 4, "ngIf"], [1, "fu-navigation-bar-network-name"], [1, "fu-navigation-bar-bottom-items"], [4, "ngFor", "ngForOf"], ["class", "fu-menu-toggle-button-holder", 4, "ngIf"], [1, "fu-navigation-bar-item", "fu-bottom-block", 3, "id", "fusionTooltip"], [3, "ngTemplateOutlet", "ngTemplateOutletContext", 4, "ngIf"], [3, "href", "target"], [3, "layoutUser", "menuItems", "fusionReposition", "fusionRepositionPlacement", "fusionRepositionOffset", "menuItemClicked", "fusionClickOutside"], [1, "fu-menu-toggle-button-holder"], [1, "fu-navigation-bar-button", "fu-menu-toggle", 3, "click"], [1, "fu-navigation-bar-button-icon", 3, "name"], [1, "fu-navigation-bar-button", 3, "id", "click", "mouseenter"], ["class", "fu-navigation-bar-button-icon-wrapper", 3, "path", 4, "ngIf"], ["class", "fu-navigation-bar-button-icon", 3, "name", 4, "ngIf"], [1, "fu-navigation-bar-button-icon-wrapper", 3, "path"]], template: function NavigationPrimaryMenuComponent_Template(rf, ctx) { if (rf & 1) {
            i0.ɵɵelementStart(0, "div", 0);
            i0.ɵɵtemplate(1, NavigationPrimaryMenuComponent_div_1_Template, 3, 8, "div", 1)(2, NavigationPrimaryMenuComponent_ng_container_2_Template, 2, 1, "ng-container", 2);
            i0.ɵɵpipe(3, "async");
            i0.ɵɵtemplate(4, NavigationPrimaryMenuComponent_ng_container_4_Template, 5, 4, "ng-container", 2);
            i0.ɵɵpipe(5, "async");
            i0.ɵɵelementEnd();
            i0.ɵɵtemplate(6, NavigationPrimaryMenuComponent_ng_template_6_Template, 4, 13, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor);
        } if (rf & 2) {
            i0.ɵɵadvance();
            i0.ɵɵproperty("ngIf", ctx.homeItem);
            i0.ɵɵadvance();
            i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(3, 3, ctx.networkItems$));
            i0.ɵɵadvance(2);
            i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(5, 5, ctx.bottomItems$));
        } }, dependencies: [CommonModule, i1.NgForOf, i1.NgIf, i1.NgTemplateOutlet, i1.AsyncPipe, SvgModule, i2.SvgComponent, IconModule, i3.IconComponent, TooltipDirective, ClickOutsideModule, i4.ClickOutsideDirective, RepositionDirective, NavigationPopMenuComponent], styles: ["@import\"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap\";@keyframes _ngcontent-%COMP%_rotation{0%{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes _ngcontent-%COMP%_shineAnimation{0%{background-position:-750px 0}to{background-position:750px 0}}.font-v4-bold[_ngcontent-%COMP%], .font-v4-tab-label-2[_ngcontent-%COMP%], .font-v4-chart-2[_ngcontent-%COMP%], .font-v4-chart-1[_ngcontent-%COMP%]{font-family:Inter,sans-serif;font-weight:700;-webkit-font-smoothing:antialiased}[_nghost-%COMP%]   .fu-navigation-bar-holder[_ngcontent-%COMP%]   .fu-navigation-bar-network-name[_ngcontent-%COMP%], .font-v4-semibold[_ngcontent-%COMP%], .font-v4-chip-label[_ngcontent-%COMP%], .font-v4-table-label[_ngcontent-%COMP%], .font-v4-button[_ngcontent-%COMP%], .font-v4-heading-6[_ngcontent-%COMP%], .font-v4-heading-5[_ngcontent-%COMP%], .font-v4-heading-4[_ngcontent-%COMP%], .font-v4-heading-3[_ngcontent-%COMP%], .font-v4-heading-2[_ngcontent-%COMP%], .font-v4-heading-1[_ngcontent-%COMP%], .font-v4-title[_ngcontent-%COMP%]{font-family:Inter,sans-serif;font-weight:600;-webkit-font-smoothing:antialiased}.font-v4-medium[_ngcontent-%COMP%], .font-v4-tab-label-1[_ngcontent-%COMP%], .font-v4-input-label[_ngcontent-%COMP%], .font-v4-overline[_ngcontent-%COMP%], .font-v4-subtitle-2[_ngcontent-%COMP%], .font-v4-subtitle-1[_ngcontent-%COMP%]{font-family:Inter,sans-serif;font-weight:500;-webkit-font-smoothing:antialiased}.font-v4-regular[_ngcontent-%COMP%], .font-v4-caption[_ngcontent-%COMP%], .font-v4-body-2[_ngcontent-%COMP%], .font-v4-body-1[_ngcontent-%COMP%]{font-family:Inter,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased}.font-v4-title[_ngcontent-%COMP%]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-v4-heading-1[_ngcontent-%COMP%]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-v4-heading-2[_ngcontent-%COMP%]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-v4-heading-3[_ngcontent-%COMP%]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-v4-heading-4[_ngcontent-%COMP%]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-v4-heading-5[_ngcontent-%COMP%]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-v4-heading-6[_ngcontent-%COMP%]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.font-v4-body-1[_ngcontent-%COMP%]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-v4-body-2[_ngcontent-%COMP%]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-v4-subtitle-1[_ngcontent-%COMP%]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-v4-subtitle-2[_ngcontent-%COMP%]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-v4-chart-1[_ngcontent-%COMP%]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-v4-chart-2[_ngcontent-%COMP%]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-v4-button[_ngcontent-%COMP%]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-v4-overline[_ngcontent-%COMP%]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-v4-caption[_ngcontent-%COMP%]{font-size:.75rem;line-height:1rem}.font-v4-table-label[_ngcontent-%COMP%]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-v4-input-label[_ngcontent-%COMP%]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-v4-tab-label-1[_ngcontent-%COMP%], .font-v4-tab-label-2[_ngcontent-%COMP%]{font-size:.875rem;line-height:1rem}.font-v4-chip-label[_ngcontent-%COMP%]{font-size:.75rem;line-height:1rem}[_nghost-%COMP%]   *[_ngcontent-%COMP%]{box-sizing:border-box}[_nghost-%COMP%]{margin:0;padding:0;vertical-align:initial;text-align:initial}[_nghost-%COMP%]{display:block;height:100vh;width:56px}[_nghost-%COMP%]   .fu-navigation-bar-holder[_ngcontent-%COMP%]{position:fixed;z-index:1004;background-color:var(--fu-navbar-background-color, #181818);transition:background-color .8s;height:100%;width:56px;display:flex;flex-direction:column;align-items:flex-start}[_nghost-%COMP%]   .fu-navigation-bar-holder[_ngcontent-%COMP%]   .fu-navigation-bar-item[_ngcontent-%COMP%]{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}[_nghost-%COMP%]   .fu-navigation-bar-holder[_ngcontent-%COMP%]   .fu-navigation-bar-item.fu-home[_ngcontent-%COMP%]{height:48px}[_nghost-%COMP%]   .fu-navigation-bar-holder[_ngcontent-%COMP%]   .fu-navigation-bar-item.fu-home[_ngcontent-%COMP%]   .fu-navigation-bar-button[_ngcontent-%COMP%]:hover{cursor:pointer}[_nghost-%COMP%]   .fu-navigation-bar-holder[_ngcontent-%COMP%]   .fu-navigation-bar-item.fu-home[_ngcontent-%COMP%]:first-child{margin-top:8px}[_nghost-%COMP%]   .fu-navigation-bar-holder[_ngcontent-%COMP%]   .fu-navigation-bar-item.fu-network[_ngcontent-%COMP%]{height:64px;position:relative}[_nghost-%COMP%]   .fu-navigation-bar-holder[_ngcontent-%COMP%]   .fu-navigation-bar-item.fu-network[_ngcontent-%COMP%]   .fu-navigation-bar-button[_ngcontent-%COMP%]   fusion-icon[class^=fu-navigation-bar-button-icon][_ngcontent-%COMP%]{width:20px;height:20px}[_nghost-%COMP%]   .fu-navigation-bar-holder[_ngcontent-%COMP%]   .fu-navigation-bar-item.fu-network[_ngcontent-%COMP%]   .fu-navigation-bar-button[_ngcontent-%COMP%]   fusion-icon[class^=fu-navigation-bar-button-icon][_ngcontent-%COMP%]     svg{width:20px;height:20px}[_nghost-%COMP%]   .fu-navigation-bar-holder[_ngcontent-%COMP%]   .fu-navigation-bar-item.fu-network[_ngcontent-%COMP%]   .fu-navigation-bar-button[_ngcontent-%COMP%]   fusion-icon[class^=fu-navigation-bar-button-icon][_ngcontent-%COMP%]     svg *{fill:#fff}[_nghost-%COMP%]   .fu-navigation-bar-holder[_ngcontent-%COMP%]   .fu-navigation-bar-item.fu-network[_ngcontent-%COMP%]   .fu-navigation-bar-button[_ngcontent-%COMP%]   .fu-navigation-bar-button-icon-wrapper[_ngcontent-%COMP%]{width:20px;height:20px}[_nghost-%COMP%]   .fu-navigation-bar-holder[_ngcontent-%COMP%]   .fu-navigation-bar-item.fu-network[_ngcontent-%COMP%]   .fu-navigation-bar-button[_ngcontent-%COMP%]:hover{cursor:pointer}[_nghost-%COMP%]   .fu-navigation-bar-holder[_ngcontent-%COMP%]   .fu-navigation-bar-item.fu-network[_ngcontent-%COMP%]   .fu-navigation-bar-button.fu-triangle[_ngcontent-%COMP%]:after{content:\"\";position:absolute;top:17px;right:0;width:0;height:0;border-top:7px solid transparent;border-right:6px solid var(--background-paper, hsl(0, 0%, 99%));border-bottom:7px solid transparent}[_nghost-%COMP%]   .fu-navigation-bar-holder[_ngcontent-%COMP%]   .fu-navigation-bar-item.fu-network[_ngcontent-%COMP%]:first-child{margin-top:8px}[_nghost-%COMP%]   .fu-navigation-bar-holder[_ngcontent-%COMP%]   .fu-navigation-bar-item.fu-bottom-block[_ngcontent-%COMP%]{height:40px}[_nghost-%COMP%]   .fu-navigation-bar-holder[_ngcontent-%COMP%]   .fu-navigation-bar-item.fu-bottom-block[_ngcontent-%COMP%]:last-of-type{padding-bottom:8px}[_nghost-%COMP%]   .fu-navigation-bar-holder[_ngcontent-%COMP%]   .fu-navigation-bar-item.fu-bottom-block[_ngcontent-%COMP%]:not(:has(a))   [_ngcontent-%COMP%]:hover{cursor:pointer}[_nghost-%COMP%]   .fu-navigation-bar-holder[_ngcontent-%COMP%]   .fu-navigation-bar-bottom-items[_ngcontent-%COMP%]{width:100%;margin-top:auto;display:flex;flex-direction:column;margin-bottom:8px}[_nghost-%COMP%]   .fu-navigation-bar-holder[_ngcontent-%COMP%]   .fu-navigation-bar-bottom-items[_ngcontent-%COMP%]   .fu-menu-toggle-button-holder[_ngcontent-%COMP%]{height:48px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-top:solid 1px rgba(255,255,255,.12);background-color:#ffffff29;margin-top:8px;margin-bottom:-8px;gap:2px}[_nghost-%COMP%]   .fu-navigation-bar-holder[_ngcontent-%COMP%]   .fu-navigation-bar-network-name[_ngcontent-%COMP%]{color:#ffffffd1;font-size:10px;line-height:16px}[_nghost-%COMP%]   .fu-navigation-bar-holder[_ngcontent-%COMP%]   .fu-navigation-bar-button[_ngcontent-%COMP%]{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center}[_nghost-%COMP%]   .fu-navigation-bar-holder[_ngcontent-%COMP%]   .fu-navigation-bar-button[_ngcontent-%COMP%]   fusion-icon[class^=fu-navigation-bar-button-icon][_ngcontent-%COMP%]{width:20px;height:20px;opacity:.82}[_nghost-%COMP%]   .fu-navigation-bar-holder[_ngcontent-%COMP%]   .fu-navigation-bar-button[_ngcontent-%COMP%]   fusion-icon[class^=fu-navigation-bar-button-icon][_ngcontent-%COMP%]     svg{width:20px;height:20px}[_nghost-%COMP%]   .fu-navigation-bar-holder[_ngcontent-%COMP%]   .fu-navigation-bar-button[_ngcontent-%COMP%]   fusion-icon[class^=fu-navigation-bar-button-icon][_ngcontent-%COMP%]     svg *{fill:#fff}[_nghost-%COMP%]   .fu-navigation-bar-holder[_ngcontent-%COMP%]   .fu-navigation-bar-button[_ngcontent-%COMP%]:hover{background-color:#ffffff29}[_nghost-%COMP%]   .fu-navigation-bar-holder[_ngcontent-%COMP%]   .fu-navigation-bar-button[_ngcontent-%COMP%]:hover   fusion-icon[class^=fu-navigation-bar-button-icon][_ngcontent-%COMP%]{opacity:1}[_nghost-%COMP%]   .fu-navigation-bar-holder[_ngcontent-%COMP%]   .fu-navigation-bar-button[_ngcontent-%COMP%]:hover   fusion-icon[class^=fu-navigation-bar-button-icon][_ngcontent-%COMP%]     svg{width:20px;height:20px}[_nghost-%COMP%]   .fu-navigation-bar-holder[_ngcontent-%COMP%]   .fu-navigation-bar-button[_ngcontent-%COMP%]:hover   fusion-icon[class^=fu-navigation-bar-button-icon][_ngcontent-%COMP%]     svg *{fill:#fff}[_nghost-%COMP%]   .fu-navigation-bar-holder[_ngcontent-%COMP%]   .fu-navigation-bar-button.fu-selected[_ngcontent-%COMP%]{border:solid 1px rgba(255,255,255,.12);background-color:#ffffff29}[_nghost-%COMP%]   .fu-navigation-bar-holder[_ngcontent-%COMP%]   .fu-navigation-bar-button.fu-selected[_ngcontent-%COMP%]   fusion-icon[class^=fu-navigation-bar-button-icon][_ngcontent-%COMP%]{opacity:1}[_nghost-%COMP%]   .fu-navigation-bar-holder[_ngcontent-%COMP%]   .fu-navigation-bar-button.fu-selected[_ngcontent-%COMP%]   fusion-icon[class^=fu-navigation-bar-button-icon][_ngcontent-%COMP%]     svg{width:20px;height:20px}[_nghost-%COMP%]   .fu-navigation-bar-holder[_ngcontent-%COMP%]   .fu-navigation-bar-button.fu-selected[_ngcontent-%COMP%]   fusion-icon[class^=fu-navigation-bar-button-icon][_ngcontent-%COMP%]     svg *{fill:#fff}[_nghost-%COMP%]   .fu-navigation-bar-holder[_ngcontent-%COMP%]   .fu-navigation-bar-button.fu-selected[_ngcontent-%COMP%]:hover{cursor:default}[_nghost-%COMP%]   .fu-navigation-bar-holder[_ngcontent-%COMP%]   .fu-navigation-bar-button.fu-selected[_ngcontent-%COMP%] + .fu-navigation-bar-network-name[_ngcontent-%COMP%]{color:#fff}[_nghost-%COMP%]   .fu-navigation-bar-holder[_ngcontent-%COMP%]   .fu-navigation-bar-button.fu-menu-toggle[_ngcontent-%COMP%]{width:32px;height:32px}[_nghost-%COMP%]   .fu-navigation-bar-holder[_ngcontent-%COMP%]   .fu-navigation-bar-button.fu-menu-toggle[_ngcontent-%COMP%]:hover{cursor:pointer;background-color:#ffffff29}[_nghost-%COMP%]   .fu-navigation-bar-holder[_ngcontent-%COMP%]   .fu-navigation-bar-button.fu-with-pop-menu[_ngcontent-%COMP%]{cursor:pointer}"], changeDetection: 0 }); }
}
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NavigationPrimaryMenuComponent, [{
        type: Component,
        args: [{ selector: 'fusion-navigation-primary-menu', standalone: true, imports: [CommonModule, SvgModule, IconModule, TooltipDirective, ClickOutsideModule, RepositionDirective, NavigationPopMenuComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fu-navigation-bar-holder\">\n    <!--region home item-->\n    <div *ngIf=\"homeItem\" class=\"fu-navigation-bar-item fu-home\" [fusionTooltip]=\"homeItem.menuTooltip\">\n        <ng-container [ngTemplateOutlet]=\"navigationButton\" [ngTemplateOutletContext]=\"{item: homeItem, selectedItem: (homeItem === (selectedBarItem$ |async))}\"></ng-container>\n    </div>\n    <!--endregion home item-->\n    <!--region main items-->\n    <ng-container *ngIf=\"(networkItems$ | async) as networkItems\">\n        <div class=\"fu-navigation-bar-item fu-network\" *ngFor=\"let networkItem of networkItems\" [fusionTooltip]=\"networkItem.menuTooltip\" >\n            <ng-container [ngTemplateOutlet]=\"navigationButton\" [ngTemplateOutletContext]=\"{item: networkItem, selectedItem: (networkItem === (selectedBarItem$ |async)), hoverMode: menuHoverMode}\"></ng-container>\n            <div *ngIf=\"networkItem.menuTitle\" class=\"fu-navigation-bar-network-name\">{{networkItem.menuTitle}}</div>\n        </div>\n    </ng-container>\n    <!--endregion main items-->\n    <!--region bottom items-->\n    <ng-container *ngIf=\"(bottomItems$ | async) as bottomItems\">\n        <div class=\"fu-navigation-bar-bottom-items\">\n            <ng-container *ngFor=\"let bottomItem of bottomItems; let bottomItemIndex = index;\">\n                <div [id]=\"bottomItem.id ?? 'bottomPrimaryMenuItem_'+bottomItemIndex\" class=\"fu-navigation-bar-item fu-bottom-block\" [style]=\"bottomItem.cssStyle\"  [fusionTooltip]=\"bottomItem.menuTooltip\">\n                    <!--region item with link.href-->\n                    <ng-container *ngIf=\"!!bottomItem.redirect\">\n                        <a href=\"{{bottomItem.redirect}}\" target=\"{{bottomItem.target}}\">\n                            <ng-container [ngTemplateOutlet]=\"navigationButton\" [ngTemplateOutletContext]=\"{item: bottomItem}\"></ng-container>\n                        </a>\n                    </ng-container>\n                    <!--endregion item with a.href-->\n                    <!--region item with menu-->\n                    <ng-container *ngIf=\"!bottomItem.redirect\" [ngTemplateOutlet]=\"navigationButton\" [ngTemplateOutletContext]=\"{item: bottomItem, selectedItem: false, popMenu: bottomItem.menuItems, index: bottomItemIndex  }\"></ng-container>\n                    <!--endregion item with menu-->\n                </div>\n                <ng-container *ngIf=\"bottomItem.menuItems && showPopMenu$ | async\">\n                    <fusion-navigation-pop-menu\n                        [layoutUser]=\"bottomItem?.type === 'user' ? layoutUser : null\"\n                        [menuItems]=\"bottomItem.menuItems\"\n                        [fusionReposition]=\"'#fu-bottom-nav-item-btn_'+bottomItemIndex\"\n                        [fusionRepositionPlacement]=\"popMenuPosition\"\n                        [fusionRepositionOffset]=\"popMenuOffset$ | async\"\n                        (menuItemClicked)=\"onPopMenuItemClicked($event)\"\n                        (fusionClickOutside)=\"onPopMenuOutsideClick($event)\"></fusion-navigation-pop-menu>\n                </ng-container>\n            </ng-container>\n            <!--region toggle secondary menu button-->\n            <div class=\"fu-menu-toggle-button-holder\" *ngIf=\"(selectedBarItem$ | async)?.type === 'main'\" >\n                <div class=\"fu-navigation-bar-button fu-menu-toggle\" (click)=\"menuToggleButtonClicked($event)\">\n                    <fusion-icon class=\"fu-navigation-bar-button-icon\" [name]=\"(menuToggleCollapsed$ |async) ? menuExpandedIcon : menuCollapsedIcon\"></fusion-icon>\n                </div>\n            </div>\n            <!--endregion toggle secondary menu button-->\n        </div>\n    </ng-container>\n    <!--endregion bottom items-->\n</div>\n\n<ng-template #navigationButton let-item=\"item\" let-selectedItem=\"selectedItem\" let-popMenu=\"popMenu\" let-index=index let-hoverMode=\"hoverMode\">\n    <div class=\"fu-navigation-bar-button\" id=\"fu-bottom-nav-item-btn_{{index}}\"\n         [class.fu-selected]=\"selectedItem\"\n         [class.fu-with-pop-menu]=\"popMenu\"\n         [class.fu-selected]=\"popMenu && (showPopMenu$ | async)\"\n         [class.fu-triangle]=\"menuOpened && (item === menuOpenForPrimaryMenuItem)\"\n         (click)=\"networkItemClicked(item)\"\n         (mouseenter)=\"onItemHover(item, hoverMode)\"\n    >\n        <fusion-svg  *ngIf=\"item.menuIconPath\" class=\"fu-navigation-bar-button-icon-wrapper\" [path]=\"item.menuIconPath\"></fusion-svg>\n        <fusion-icon *ngIf=\"item.menuIcon\" class=\"fu-navigation-bar-button-icon\" [name]=\"item.menuIcon\"></fusion-icon>\n    </div>\n</ng-template>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap\";@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes shineAnimation{0%{background-position:-750px 0}to{background-position:750px 0}}.font-v4-bold,.font-v4-tab-label-2,.font-v4-chart-2,.font-v4-chart-1{font-family:Inter,sans-serif;font-weight:700;-webkit-font-smoothing:antialiased}:host .fu-navigation-bar-holder .fu-navigation-bar-network-name,.font-v4-semibold,.font-v4-chip-label,.font-v4-table-label,.font-v4-button,.font-v4-heading-6,.font-v4-heading-5,.font-v4-heading-4,.font-v4-heading-3,.font-v4-heading-2,.font-v4-heading-1,.font-v4-title{font-family:Inter,sans-serif;font-weight:600;-webkit-font-smoothing:antialiased}.font-v4-medium,.font-v4-tab-label-1,.font-v4-input-label,.font-v4-overline,.font-v4-subtitle-2,.font-v4-subtitle-1{font-family:Inter,sans-serif;font-weight:500;-webkit-font-smoothing:antialiased}.font-v4-regular,.font-v4-caption,.font-v4-body-2,.font-v4-body-1{font-family:Inter,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased}.font-v4-title{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-v4-heading-1{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-v4-heading-2{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-v4-heading-3{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-v4-heading-4{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-v4-heading-5{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-v4-heading-6{font-size:.75rem;line-height:.75rem;letter-spacing:0}.font-v4-body-1{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-v4-body-2{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-v4-subtitle-1{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-v4-subtitle-2{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-v4-chart-1{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-v4-chart-2{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-v4-button{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-v4-overline{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-v4-caption{font-size:.75rem;line-height:1rem}.font-v4-table-label{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-v4-input-label{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-v4-tab-label-1,.font-v4-tab-label-2{font-size:.875rem;line-height:1rem}.font-v4-chip-label{font-size:.75rem;line-height:1rem}:host *{box-sizing:border-box}:host{margin:0;padding:0;vertical-align:initial;text-align:initial}:host{display:block;height:100vh;width:56px}:host .fu-navigation-bar-holder{position:fixed;z-index:1004;background-color:var(--fu-navbar-background-color, #181818);transition:background-color .8s;height:100%;width:56px;display:flex;flex-direction:column;align-items:flex-start}:host .fu-navigation-bar-holder .fu-navigation-bar-item{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}:host .fu-navigation-bar-holder .fu-navigation-bar-item.fu-home{height:48px}:host .fu-navigation-bar-holder .fu-navigation-bar-item.fu-home .fu-navigation-bar-button:hover{cursor:pointer}:host .fu-navigation-bar-holder .fu-navigation-bar-item.fu-home:first-child{margin-top:8px}:host .fu-navigation-bar-holder .fu-navigation-bar-item.fu-network{height:64px;position:relative}:host .fu-navigation-bar-holder .fu-navigation-bar-item.fu-network .fu-navigation-bar-button fusion-icon[class^=fu-navigation-bar-button-icon]{width:20px;height:20px}:host .fu-navigation-bar-holder .fu-navigation-bar-item.fu-network .fu-navigation-bar-button fusion-icon[class^=fu-navigation-bar-button-icon] ::ng-deep svg{width:20px;height:20px}:host .fu-navigation-bar-holder .fu-navigation-bar-item.fu-network .fu-navigation-bar-button fusion-icon[class^=fu-navigation-bar-button-icon] ::ng-deep svg *{fill:#fff}:host .fu-navigation-bar-holder .fu-navigation-bar-item.fu-network .fu-navigation-bar-button .fu-navigation-bar-button-icon-wrapper{width:20px;height:20px}:host .fu-navigation-bar-holder .fu-navigation-bar-item.fu-network .fu-navigation-bar-button:hover{cursor:pointer}:host .fu-navigation-bar-holder .fu-navigation-bar-item.fu-network .fu-navigation-bar-button.fu-triangle:after{content:\"\";position:absolute;top:17px;right:0;width:0;height:0;border-top:7px solid transparent;border-right:6px solid var(--background-paper, hsl(0, 0%, 99%));border-bottom:7px solid transparent}:host .fu-navigation-bar-holder .fu-navigation-bar-item.fu-network:first-child{margin-top:8px}:host .fu-navigation-bar-holder .fu-navigation-bar-item.fu-bottom-block{height:40px}:host .fu-navigation-bar-holder .fu-navigation-bar-item.fu-bottom-block:last-of-type{padding-bottom:8px}:host .fu-navigation-bar-holder .fu-navigation-bar-item.fu-bottom-block:not(:has(a)) :hover{cursor:pointer}:host .fu-navigation-bar-holder .fu-navigation-bar-bottom-items{width:100%;margin-top:auto;display:flex;flex-direction:column;margin-bottom:8px}:host .fu-navigation-bar-holder .fu-navigation-bar-bottom-items .fu-menu-toggle-button-holder{height:48px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-top:solid 1px rgba(255,255,255,.12);background-color:#ffffff29;margin-top:8px;margin-bottom:-8px;gap:2px}:host .fu-navigation-bar-holder .fu-navigation-bar-network-name{color:#ffffffd1;font-size:10px;line-height:16px}:host .fu-navigation-bar-holder .fu-navigation-bar-button{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center}:host .fu-navigation-bar-holder .fu-navigation-bar-button fusion-icon[class^=fu-navigation-bar-button-icon]{width:20px;height:20px;opacity:.82}:host .fu-navigation-bar-holder .fu-navigation-bar-button fusion-icon[class^=fu-navigation-bar-button-icon] ::ng-deep svg{width:20px;height:20px}:host .fu-navigation-bar-holder .fu-navigation-bar-button fusion-icon[class^=fu-navigation-bar-button-icon] ::ng-deep svg *{fill:#fff}:host .fu-navigation-bar-holder .fu-navigation-bar-button:hover{background-color:#ffffff29}:host .fu-navigation-bar-holder .fu-navigation-bar-button:hover fusion-icon[class^=fu-navigation-bar-button-icon]{opacity:1}:host .fu-navigation-bar-holder .fu-navigation-bar-button:hover fusion-icon[class^=fu-navigation-bar-button-icon] ::ng-deep svg{width:20px;height:20px}:host .fu-navigation-bar-holder .fu-navigation-bar-button:hover fusion-icon[class^=fu-navigation-bar-button-icon] ::ng-deep svg *{fill:#fff}:host .fu-navigation-bar-holder .fu-navigation-bar-button.fu-selected{border:solid 1px rgba(255,255,255,.12);background-color:#ffffff29}:host .fu-navigation-bar-holder .fu-navigation-bar-button.fu-selected fusion-icon[class^=fu-navigation-bar-button-icon]{opacity:1}:host .fu-navigation-bar-holder .fu-navigation-bar-button.fu-selected fusion-icon[class^=fu-navigation-bar-button-icon] ::ng-deep svg{width:20px;height:20px}:host .fu-navigation-bar-holder .fu-navigation-bar-button.fu-selected fusion-icon[class^=fu-navigation-bar-button-icon] ::ng-deep svg *{fill:#fff}:host .fu-navigation-bar-holder .fu-navigation-bar-button.fu-selected:hover{cursor:default}:host .fu-navigation-bar-holder .fu-navigation-bar-button.fu-selected+.fu-navigation-bar-network-name{color:#fff}:host .fu-navigation-bar-holder .fu-navigation-bar-button.fu-menu-toggle{width:32px;height:32px}:host .fu-navigation-bar-holder .fu-navigation-bar-button.fu-menu-toggle:hover{cursor:pointer;background-color:#ffffff29}:host .fu-navigation-bar-holder .fu-navigation-bar-button.fu-with-pop-menu{cursor:pointer}\n"] }]
    }], () => [{ type: i0.ElementRef }], { menuBarItems: [{
            type: Input
        }], layoutUser: [{
            type: Input
        }], menuOpened: [{
            type: Input
        }], menuExpanded: [{
            type: Input
        }], menuOpenForPrimaryMenuItem: [{
            type: Input
        }], menuHoverMode: [{
            type: Input
        }], menuItemClick: [{
            type: Output
        }], primaryMenuItemClicked: [{
            type: Output
        }], changeColorTheme: [{
            type: Output
        }], toggleMenu: [{
            type: Output
        }], resetSecondaryMenu: [{
            type: Output
        }] }); })();
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(NavigationPrimaryMenuComponent, { className: "NavigationPrimaryMenuComponent", filePath: "navigation-primary-menu/navigation-primary-menu.component.ts", lineNumber: 25 }); })();
//# sourceMappingURL=data:application/json;base64, 