import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
import { CommonModule } from '@angular/common';
import { SvgModule } from '@ironsource/fusion-ui/components/svg';
import { IconModule } from '@ironsource/fusion-ui/components/icon/v1';
import { BehaviorSubject } from 'rxjs';
import { IconButtonComponent } from '@ironsource/fusion-ui/components/button/v4';
import { TooltipDirective } from '@ironsource/fusion-ui/components/tooltip/v4';
import { TooltipPosition } from '@ironsource/fusion-ui/components/tooltip/common/base';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@ironsource/fusion-ui/components/icon/v1";
import * as i3 from "@ironsource/fusion-ui/components/svg";
function NavigationSecondaryMenuComponent_fusion_svg_2_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelement(0, "fusion-svg", 9);
} if (rf & 2) {
    const ctx_r0 = i0.ɵɵnextContext();
    i0.ɵɵproperty("path", ctx_r0.menuLogoSrc);
} }
function NavigationSecondaryMenuComponent_ng_container_4_ng_container_1_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementContainer(0);
} }
const _c0 = a0 => ({ item: a0 });
function NavigationSecondaryMenuComponent_ng_container_4_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementContainerStart(0);
    i0.ɵɵtemplate(1, NavigationSecondaryMenuComponent_ng_container_4_ng_container_1_Template, 1, 0, "ng-container", 10);
    i0.ɵɵelementContainerEnd();
} if (rf & 2) {
    const item_r10 = ctx.$implicit;
    i0.ɵɵnextContext();
    const _r3 = i0.ɵɵreference(6);
    i0.ɵɵadvance();
    i0.ɵɵproperty("ngTemplateOutlet", _r3)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c0, item_r10));
} }
function NavigationSecondaryMenuComponent_ng_template_5_ng_container_1_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementContainer(0);
} }
function NavigationSecondaryMenuComponent_ng_template_5_fusion_icon_button_2_Template(rf, ctx) { if (rf & 1) {
    const _r18 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "fusion-icon-button", 14);
    i0.ɵɵlistener("click", function NavigationSecondaryMenuComponent_ng_template_5_fusion_icon_button_2_Template_fusion_icon_button_click_0_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r18); const additionalAction_r16 = restoredCtx.ngIf; const ctx_r17 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r17.onMenuItemClicked($event, additionalAction_r16)); });
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const additionalAction_r16 = ctx.ngIf;
    const ctx_r14 = i0.ɵɵnextContext(2);
    let tmp_0_0;
    i0.ɵɵproperty("iconName", (tmp_0_0 = additionalAction_r16.icon) !== null && tmp_0_0 !== undefined ? tmp_0_0 : "ph/bold/plus")("fusionTooltip", additionalAction_r16.name)("configuration", ctx_r14.quickActionTooltipConfiguration);
} }
function NavigationSecondaryMenuComponent_ng_template_5_ng_container_3_ng_container_2_ng_container_1_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementContainer(0);
} }
function NavigationSecondaryMenuComponent_ng_template_5_ng_container_3_ng_container_2_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementContainerStart(0);
    i0.ɵɵtemplate(1, NavigationSecondaryMenuComponent_ng_template_5_ng_container_3_ng_container_2_ng_container_1_Template, 1, 0, "ng-container", 10);
    i0.ɵɵelementContainerEnd();
} if (rf & 2) {
    const itemChild_r20 = ctx.$implicit;
    i0.ɵɵnextContext(3);
    const _r7 = i0.ɵɵreference(10);
    const _r5 = i0.ɵɵreference(8);
    i0.ɵɵadvance();
    i0.ɵɵproperty("ngTemplateOutlet", itemChild_r20.route || itemChild_r20.redirect ? _r7 : _r5)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c0, itemChild_r20));
} }
function NavigationSecondaryMenuComponent_ng_template_5_ng_container_3_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementContainerStart(0);
    i0.ɵɵelementStart(1, "div", 15);
    i0.ɵɵtemplate(2, NavigationSecondaryMenuComponent_ng_template_5_ng_container_3_ng_container_2_Template, 2, 4, "ng-container", 4);
    i0.ɵɵelementEnd();
    i0.ɵɵelementContainerEnd();
} if (rf & 2) {
    const item_r12 = i0.ɵɵnextContext().item;
    i0.ɵɵadvance();
    i0.ɵɵclassProp("fu-secondary-menu-sub-items-opened", !item_r12.closed);
    i0.ɵɵadvance();
    i0.ɵɵproperty("ngForOf", item_r12.children);
} }
function NavigationSecondaryMenuComponent_ng_template_5_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 11);
    i0.ɵɵtemplate(1, NavigationSecondaryMenuComponent_ng_template_5_ng_container_1_Template, 1, 0, "ng-container", 10)(2, NavigationSecondaryMenuComponent_ng_template_5_fusion_icon_button_2_Template, 1, 3, "fusion-icon-button", 12)(3, NavigationSecondaryMenuComponent_ng_template_5_ng_container_3_Template, 3, 3, "ng-container", 13);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const item_r12 = ctx.item;
    i0.ɵɵnextContext();
    const _r7 = i0.ɵɵreference(10);
    const _r5 = i0.ɵɵreference(8);
    i0.ɵɵadvance();
    i0.ɵɵproperty("ngTemplateOutlet", item_r12.route || item_r12.redirect ? _r7 : _r5)("ngTemplateOutletContext", i0.ɵɵpureFunction1(4, _c0, item_r12));
    i0.ɵɵadvance();
    i0.ɵɵproperty("ngIf", item_r12.additionalAction);
    i0.ɵɵadvance();
    i0.ɵɵproperty("ngIf", item_r12 == null ? null : item_r12.children);
} }
function NavigationSecondaryMenuComponent_ng_template_7_ng_container_2_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementContainer(0);
} }
function NavigationSecondaryMenuComponent_ng_template_7_Template(rf, ctx) { if (rf & 1) {
    const _r26 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "div", 16);
    i0.ɵɵlistener("click", function NavigationSecondaryMenuComponent_ng_template_7_Template_div_click_0_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r26); const item_r23 = restoredCtx.item; const ctx_r25 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r25.onMenuItemClicked($event, item_r23)); });
    i0.ɵɵpipe(1, "async");
    i0.ɵɵtemplate(2, NavigationSecondaryMenuComponent_ng_template_7_ng_container_2_Template, 1, 0, "ng-container", 10);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const item_r23 = ctx.item;
    const ctx_r4 = i0.ɵɵnextContext();
    const _r9 = i0.ɵɵreference(12);
    i0.ɵɵclassProp("fu-nav-menu-title-item", item_r23.isGroupName)("fu-has-sub-items", !!item_r23.children)("fu-secondary-menu-item-selected", item_r23 === i0.ɵɵpipeBind1(1, 11, ctx_r4.selectedMenuItem$))("fu-sub-items-opened", !item_r23.closed);
    i0.ɵɵproperty("ngClass", item_r23.cssClass);
    i0.ɵɵadvance(2);
    i0.ɵɵproperty("ngTemplateOutlet", _r9)("ngTemplateOutletContext", i0.ɵɵpureFunction1(13, _c0, item_r23));
} }
function NavigationSecondaryMenuComponent_ng_template_9_ng_container_2_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementContainer(0);
} }
function NavigationSecondaryMenuComponent_ng_template_9_Template(rf, ctx) { if (rf & 1) {
    const _r30 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "a", 17);
    i0.ɵɵlistener("click", function NavigationSecondaryMenuComponent_ng_template_9_Template_a_click_0_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r30); const item_r27 = restoredCtx.item; const ctx_r29 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r29.onMenuItemClicked($event, item_r27)); });
    i0.ɵɵpipe(1, "async");
    i0.ɵɵtemplate(2, NavigationSecondaryMenuComponent_ng_template_9_ng_container_2_Template, 1, 0, "ng-container", 10);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const item_r27 = ctx.item;
    const ctx_r6 = i0.ɵɵnextContext();
    const _r9 = i0.ɵɵreference(12);
    let tmp_5_0;
    i0.ɵɵclassProp("fu-nav-menu-title-item", item_r27.isGroupName)("fu-has-sub-items", !!item_r27.children)("fu-secondary-menu-item-selected", item_r27 === i0.ɵɵpipeBind1(1, 13, ctx_r6.selectedMenuItem$))("fu-sub-items-opened", !item_r27.closed);
    i0.ɵɵproperty("href", item_r27.route || item_r27.redirect, i0.ɵɵsanitizeUrl)("target", (tmp_5_0 = item_r27.target) !== null && tmp_5_0 !== undefined ? tmp_5_0 : "_self")("ngClass", item_r27.cssClass);
    i0.ɵɵadvance(2);
    i0.ɵɵproperty("ngTemplateOutlet", _r9)("ngTemplateOutletContext", i0.ɵɵpureFunction1(15, _c0, item_r27));
} }
function NavigationSecondaryMenuComponent_ng_template_11_div_0_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 22);
    i0.ɵɵelement(1, "fusion-icon", 23);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const item_r31 = i0.ɵɵnextContext().item;
    i0.ɵɵadvance();
    i0.ɵɵproperty("name", item_r31.icon);
} }
function NavigationSecondaryMenuComponent_ng_template_11_fusion_icon_3_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelement(0, "fusion-icon", 24);
} if (rf & 2) {
    const ctx_r33 = i0.ɵɵnextContext(2);
    i0.ɵɵproperty("name", ctx_r33.itemChildToggleIcon);
} }
function NavigationSecondaryMenuComponent_ng_template_11_fusion_icon_4_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelement(0, "fusion-icon", 25);
} if (rf & 2) {
    const ctx_r34 = i0.ɵɵnextContext(2);
    i0.ɵɵproperty("name", ctx_r34.itemNewTabIcon);
} }
function NavigationSecondaryMenuComponent_ng_template_11_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵtemplate(0, NavigationSecondaryMenuComponent_ng_template_11_div_0_Template, 2, 1, "div", 18);
    i0.ɵɵelementStart(1, "div", 19);
    i0.ɵɵtext(2);
    i0.ɵɵelementEnd();
    i0.ɵɵtemplate(3, NavigationSecondaryMenuComponent_ng_template_11_fusion_icon_3_Template, 1, 1, "fusion-icon", 20)(4, NavigationSecondaryMenuComponent_ng_template_11_fusion_icon_4_Template, 1, 1, "fusion-icon", 21);
} if (rf & 2) {
    const item_r31 = ctx.item;
    i0.ɵɵproperty("ngIf", item_r31.icon);
    i0.ɵɵadvance();
    i0.ɵɵproperty("fusionTooltip", item_r31.name);
    i0.ɵɵadvance();
    i0.ɵɵtextInterpolate(item_r31.name);
    i0.ɵɵadvance();
    i0.ɵɵproperty("ngIf", !!item_r31.children);
    i0.ɵɵadvance();
    i0.ɵɵproperty("ngIf", !!item_r31.target);
} }
export class NavigationSecondaryMenuComponent {
    set menuItems(value) {
        if (Array.isArray(value)) {
            this._menuItems = [...value];
            this.selectedMenuItem$.next(null);
        }
    }
    get menuItems() {
        return this._menuItems;
    }
    constructor() {
        this.menuItemClick = new EventEmitter();
        this.itemChildToggleIcon = 'ph/bold/caret-right';
        this.itemNewTabIcon = 'ph/arrow-square-out';
        this.selectedMenuItem$ = new BehaviorSubject(null);
        this.quickActionTooltipConfiguration = { position: TooltipPosition.Right, suppressPositionArrow: true };
        this._menuItems = [];
    }
    onMenuItemClicked($event, menuItem) {
        if ($event && $event.metaKey) {
            return;
        }
        if ($event && !menuItem.target) {
            $event.preventDefault();
            $event.stopPropagation();
        }
        if (!menuItem.children && !menuItem.target) {
            this.menuItemClick.emit(menuItem);
            this.selectedMenuItem$.next(menuItem);
        }
        else {
            this.toggleChildItems($event, menuItem);
        }
    }
    setSelected(menuItem) {
        this.selectedMenuItem$.next(menuItem);
    }
    toggleChildItems($event, menuItem) {
        menuItem.closed = !menuItem.closed;
    }
    static { this.ɵfac = function NavigationSecondaryMenuComponent_Factory(t) { return new (t || NavigationSecondaryMenuComponent)(); }; }
    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: NavigationSecondaryMenuComponent, selectors: [["fusion-navigation-secondary-menu"]], inputs: { menuItems: "menuItems", menuName: "menuName", menuLogoSrc: "menuLogoSrc" }, outputs: { menuItemClick: "menuItemClick" }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 13, vars: 2, consts: [[1, "fu-secondary-menu-holder"], [1, "fu-logo-holder"], [3, "path", 4, "ngIf"], [1, "fu-secondary-menu"], [4, "ngFor", "ngForOf"], ["menuItem", ""], ["menuItemDiv", ""], ["menuItemLink", ""], ["menuItemInnerContent", ""], [3, "path"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [1, "fu-secondary-menu-item-wrapper"], ["class", "fu-secondary-menu-quick-action", "size", "extraSmall", 3, "iconName", "fusionTooltip", "configuration", "click", 4, "ngIf"], [4, "ngIf"], ["size", "extraSmall", 1, "fu-secondary-menu-quick-action", 3, "iconName", "fusionTooltip", "configuration", "click"], [1, "fu-secondary-menu-sub-items-holder"], [1, "fu-secondary-menu-item-holder", 3, "ngClass", "click"], [1, "fu-secondary-menu-item-holder", 3, "href", "target", "ngClass", "click"], ["class", "fu-secondary-menu-item-icon-holder", 4, "ngIf"], [1, "fu-secondary-menu-item-label", "truncate", 3, "fusionTooltip"], ["class", "fu-secondary-menu-item-parent-icon-toggle", 3, "name", 4, "ngIf"], ["class", "fu-secondary-menu-item-new-tab-icon", 3, "name", 4, "ngIf"], [1, "fu-secondary-menu-item-icon-holder"], [1, "fu-secondary-menu-item-icon", 3, "name"], [1, "fu-secondary-menu-item-parent-icon-toggle", 3, "name"], [1, "fu-secondary-menu-item-new-tab-icon", 3, "name"]], template: function NavigationSecondaryMenuComponent_Template(rf, ctx) { if (rf & 1) {
            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
            i0.ɵɵtemplate(2, NavigationSecondaryMenuComponent_fusion_svg_2_Template, 1, 1, "fusion-svg", 2);
            i0.ɵɵelementEnd();
            i0.ɵɵelementStart(3, "div", 3);
            i0.ɵɵtemplate(4, NavigationSecondaryMenuComponent_ng_container_4_Template, 2, 4, "ng-container", 4);
            i0.ɵɵelementEnd()();
            i0.ɵɵtemplate(5, NavigationSecondaryMenuComponent_ng_template_5_Template, 4, 6, "ng-template", null, 5, i0.ɵɵtemplateRefExtractor)(7, NavigationSecondaryMenuComponent_ng_template_7_Template, 3, 15, "ng-template", null, 6, i0.ɵɵtemplateRefExtractor)(9, NavigationSecondaryMenuComponent_ng_template_9_Template, 3, 17, "ng-template", null, 7, i0.ɵɵtemplateRefExtractor)(11, NavigationSecondaryMenuComponent_ng_template_11_Template, 5, 5, "ng-template", null, 8, i0.ɵɵtemplateRefExtractor);
        } if (rf & 2) {
            i0.ɵɵadvance(2);
            i0.ɵɵproperty("ngIf", ctx.menuLogoSrc);
            i0.ɵɵadvance(2);
            i0.ɵɵproperty("ngForOf", ctx.menuItems);
        } }, dependencies: [CommonModule, i1.NgClass, i1.NgForOf, i1.NgIf, i1.NgTemplateOutlet, i1.AsyncPipe, IconModule, i2.IconComponent, TooltipDirective, SvgModule, i3.SvgComponent, IconButtonComponent], 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}.font-v4-semibold[_ngcontent-%COMP%], [_nghost-%COMP%]   .fu-secondary-menu-holder[_ngcontent-%COMP%]   .fu-secondary-menu[_ngcontent-%COMP%]   .fu-secondary-menu-item-wrapper[_ngcontent-%COMP%]   .fu-secondary-menu-item-holder.fu-nav-menu-title-item[_ngcontent-%COMP%]   .fu-secondary-menu-item-label[_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%], [_nghost-%COMP%]   .fu-secondary-menu-holder[_ngcontent-%COMP%]   .fu-secondary-menu[_ngcontent-%COMP%]   .fu-secondary-menu-item-wrapper[_ngcontent-%COMP%]   .fu-secondary-menu-item-holder[_ngcontent-%COMP%]   .fu-secondary-menu-item-label[_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%], [_nghost-%COMP%]   .fu-secondary-menu-holder[_ngcontent-%COMP%]   .fu-secondary-menu[_ngcontent-%COMP%]   .fu-secondary-menu-item-wrapper[_ngcontent-%COMP%]   .fu-secondary-menu-sub-items-holder[_ngcontent-%COMP%]   .fu-secondary-menu-item-holder[_ngcontent-%COMP%]   .fu-secondary-menu-item-label[_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}[_nghost-%COMP%]   .fu-secondary-menu-holder[_ngcontent-%COMP%]   .fu-secondary-menu[_ngcontent-%COMP%]   .fu-secondary-menu-item-wrapper[_ngcontent-%COMP%]   .fu-secondary-menu-sub-items-holder[_ngcontent-%COMP%]   .fu-secondary-menu-item-holder[_ngcontent-%COMP%]   .fu-secondary-menu-item-label[_ngcontent-%COMP%], .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}[_nghost-%COMP%]   .fu-secondary-menu-holder[_ngcontent-%COMP%]   .fu-secondary-menu[_ngcontent-%COMP%]   .fu-secondary-menu-item-wrapper[_ngcontent-%COMP%]   .fu-secondary-menu-item-holder[_ngcontent-%COMP%]   .fu-secondary-menu-item-label[_ngcontent-%COMP%], .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}[_nghost-%COMP%]   .fu-secondary-menu-holder[_ngcontent-%COMP%]   .fu-secondary-menu[_ngcontent-%COMP%]   .fu-secondary-menu-item-wrapper[_ngcontent-%COMP%]   .fu-secondary-menu-item-holder.fu-nav-menu-title-item[_ngcontent-%COMP%]   .fu-secondary-menu-item-label[_ngcontent-%COMP%], .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%]   .fu-secondary-menu-holder[_ngcontent-%COMP%]   .fu-secondary-menu[_ngcontent-%COMP%]   .truncate[_ngcontent-%COMP%]{width:100%;display:inline-block;white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis}[_nghost-%COMP%]   .fu-secondary-menu-holder[_ngcontent-%COMP%]   .fu-secondary-menu[_ngcontent-%COMP%]::-webkit-scrollbar{background-color:transparent;width:4px}[_nghost-%COMP%]   .fu-secondary-menu-holder[_ngcontent-%COMP%]   .fu-secondary-menu[_ngcontent-%COMP%]::-webkit-scrollbar-track{background-color:transparent}[_nghost-%COMP%]   .fu-secondary-menu-holder[_ngcontent-%COMP%]   .fu-secondary-menu[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{background-color:#53575b4d;border-radius:4px}[_nghost-%COMP%]   .fu-secondary-menu-holder[_ngcontent-%COMP%]   .fu-secondary-menu[_ngcontent-%COMP%]::-webkit-scrollbar-button{display:none}[_nghost-%COMP%]   .fu-secondary-menu-holder[_ngcontent-%COMP%]   .fu-secondary-menu[_ngcontent-%COMP%]   .fu-secondary-menu-item-wrapper[_ngcontent-%COMP%]   .fu-secondary-menu-item-holder[_ngcontent-%COMP%]:hover, [_nghost-%COMP%]   .fu-secondary-menu-holder[_ngcontent-%COMP%]   .fu-secondary-menu[_ngcontent-%COMP%]   .fu-secondary-menu-item-wrapper[_ngcontent-%COMP%]:has(fusion-icon-button:hover)   .fu-secondary-menu-item-holder[_ngcontent-%COMP%]{border-radius:4px;background-color:var(--action-hover, hsla(0, 0%, 0%, .05))}[_nghost-%COMP%]   .fu-secondary-menu-holder[_ngcontent-%COMP%]   .fu-secondary-menu[_ngcontent-%COMP%]   .fu-secondary-menu-item-wrapper[_ngcontent-%COMP%]   .fu-secondary-menu-item-holder[_ngcontent-%COMP%]:hover   .fu-secondary-menu-item-icon-holder[_ngcontent-%COMP%]   fusion-icon[class^=fu-secondary-menu-item-icon][_ngcontent-%COMP%]     svg, [_nghost-%COMP%]   .fu-secondary-menu-holder[_ngcontent-%COMP%]   .fu-secondary-menu[_ngcontent-%COMP%]   .fu-secondary-menu-item-wrapper[_ngcontent-%COMP%]:has(fusion-icon-button:hover)   .fu-secondary-menu-item-holder[_ngcontent-%COMP%]   .fu-secondary-menu-item-icon-holder[_ngcontent-%COMP%]   fusion-icon[class^=fu-secondary-menu-item-icon][_ngcontent-%COMP%]     svg{width:20px;height:20px}[_nghost-%COMP%]   .fu-secondary-menu-holder[_ngcontent-%COMP%]   .fu-secondary-menu[_ngcontent-%COMP%]   .fu-secondary-menu-item-wrapper[_ngcontent-%COMP%]   .fu-secondary-menu-item-holder[_ngcontent-%COMP%]:hover   .fu-secondary-menu-item-icon-holder[_ngcontent-%COMP%]   fusion-icon[class^=fu-secondary-menu-item-icon][_ngcontent-%COMP%]     svg *, [_nghost-%COMP%]   .fu-secondary-menu-holder[_ngcontent-%COMP%]   .fu-secondary-menu[_ngcontent-%COMP%]   .fu-secondary-menu-item-wrapper[_ngcontent-%COMP%]:has(fusion-icon-button:hover)   .fu-secondary-menu-item-holder[_ngcontent-%COMP%]   .fu-secondary-menu-item-icon-holder[_ngcontent-%COMP%]   fusion-icon[class^=fu-secondary-menu-item-icon][_ngcontent-%COMP%]     svg *{fill:var(--action-primary, hsl(0, 0%, 12.5%))}[_nghost-%COMP%]{display:block;background-color:var(--background-paper, hsl(0, 0%, 99%));border-right:solid 1px var(--common-divider, hsl(0, 0%, 86.8%));margin-left:-1px;width:0px;max-width:200px;transition:width .45s ease-out}[_nghost-%COMP%]   .fu-secondary-menu-holder[_ngcontent-%COMP%]{position:fixed;z-index:1002;top:0;left:-144px;max-width:200px;transition:left .45s ease-out}[_nghost-%COMP%]   .fu-secondary-menu-holder[_ngcontent-%COMP%]   .fu-logo-holder[_ngcontent-%COMP%]{height:64px;display:flex;align-items:center;padding:var(--spacing-200, 16px);padding-left:var(--spacing-250, 20px)}[_nghost-%COMP%]   .fu-secondary-menu-holder[_ngcontent-%COMP%]   .fu-logo-holder[_ngcontent-%COMP%]   fusion-svg[_ngcontent-%COMP%]{height:100%;max-width:200px;max-height:64px;display:flex;align-items:center}[_nghost-%COMP%]   .fu-secondary-menu-holder[_ngcontent-%COMP%]   .fu-secondary-menu[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:flex-start;padding:0px var(--spacing-100, 8px) var(--spacing-300, 24px);width:200px;overflow-y:hidden;overflow-x:hidden;max-height:calc(100vh - 64px)}[_nghost-%COMP%]   .fu-secondary-menu-holder[_ngcontent-%COMP%]   .fu-secondary-menu[_ngcontent-%COMP%]   .fu-secondary-menu-item-wrapper[_ngcontent-%COMP%]{width:100%;position:relative}[_nghost-%COMP%]   .fu-secondary-menu-holder[_ngcontent-%COMP%]   .fu-secondary-menu[_ngcontent-%COMP%]   .fu-secondary-menu-item-wrapper[_ngcontent-%COMP%]   .fu-secondary-menu-item-holder[_ngcontent-%COMP%]{width:100%;height:28px;display:flex;flex-direction:row;align-items:center;padding:4px 8px;gap:8px;cursor:pointer;margin-bottom:4px;border:solid 1px transparent;text-decoration:none}[_nghost-%COMP%]   .fu-secondary-menu-holder[_ngcontent-%COMP%]   .fu-secondary-menu[_ngcontent-%COMP%]   .fu-secondary-menu-item-wrapper[_ngcontent-%COMP%]   .fu-secondary-menu-item-holder.fu-secondary-menu-item-selected[_ngcontent-%COMP%]{border:solid 1px var(--common-divider, hsl(0, 0%, 86.8%));border-radius:4px;background-color:var(--action-hover, hsla(0, 0%, 0%, .05));cursor:default;pointer-events:none}[_nghost-%COMP%]   .fu-secondary-menu-holder[_ngcontent-%COMP%]   .fu-secondary-menu[_ngcontent-%COMP%]   .fu-secondary-menu-item-wrapper[_ngcontent-%COMP%]   .fu-secondary-menu-item-holder.fu-secondary-menu-item-selected[_ngcontent-%COMP%]   .fu-secondary-menu-item-icon-holder[_ngcontent-%COMP%]   fusion-icon[class^=fu-secondary-menu-item-icon][_ngcontent-%COMP%]     svg{width:20px;height:20px}[_nghost-%COMP%]   .fu-secondary-menu-holder[_ngcontent-%COMP%]   .fu-secondary-menu[_ngcontent-%COMP%]   .fu-secondary-menu-item-wrapper[_ngcontent-%COMP%]   .fu-secondary-menu-item-holder.fu-secondary-menu-item-selected[_ngcontent-%COMP%]   .fu-secondary-menu-item-icon-holder[_ngcontent-%COMP%]   fusion-icon[class^=fu-secondary-menu-item-icon][_ngcontent-%COMP%]     svg *{fill:var(--action-primary, hsl(0, 0%, 12.5%))}[_nghost-%COMP%]   .fu-secondary-menu-holder[_ngcontent-%COMP%]   .fu-secondary-menu[_ngcontent-%COMP%]   .fu-secondary-menu-item-wrapper[_ngcontent-%COMP%]   .fu-secondary-menu-item-holder.fu-nav-menu-title-item[_ngcontent-%COMP%]{height:36px;cursor:default;pointer-events:none;padding:10px 8px}[_nghost-%COMP%]   .fu-secondary-menu-holder[_ngcontent-%COMP%]   .fu-secondary-menu[_ngcontent-%COMP%]   .fu-secondary-menu-item-wrapper[_ngcontent-%COMP%]   .fu-secondary-menu-item-holder.fu-nav-menu-title-item[_ngcontent-%COMP%]   .fu-secondary-menu-item-icon-holder[_ngcontent-%COMP%]{display:none}[_nghost-%COMP%]   .fu-secondary-menu-holder[_ngcontent-%COMP%]   .fu-secondary-menu[_ngcontent-%COMP%]   .fu-secondary-menu-item-wrapper[_ngcontent-%COMP%]   .fu-secondary-menu-item-holder.fu-nav-menu-title-item[_ngcontent-%COMP%]   .fu-secondary-menu-item-label[_ngcontent-%COMP%]{color:var(--text-secondary, hsl(0, 0%, 39.3%))}[_nghost-%COMP%]   .fu-secondary-menu-holder[_ngcontent-%COMP%]   .fu-secondary-menu[_ngcontent-%COMP%]   .fu-secondary-menu-item-wrapper[_ngcontent-%COMP%]   .fu-secondary-menu-item-holder[_ngcontent-%COMP%]   .fu-secondary-menu-item-icon-holder[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center}[_nghost-%COMP%]   .fu-secondary-menu-holder[_ngcontent-%COMP%]   .fu-secondary-menu[_ngcontent-%COMP%]   .fu-secondary-menu-item-wrapper[_ngcontent-%COMP%]   .fu-secondary-menu-item-holder[_ngcontent-%COMP%]   .fu-secondary-menu-item-icon-holder[_ngcontent-%COMP%]   fusion-icon[class^=fu-secondary-menu-item-icon][_ngcontent-%COMP%]{width:20px;height:20px}[_nghost-%COMP%]   .fu-secondary-menu-holder[_ngcontent-%COMP%]   .fu-secondary-menu[_ngcontent-%COMP%]   .fu-secondary-menu-item-wrapper[_ngcontent-%COMP%]   .fu-secondary-menu-item-holder[_ngcontent-%COMP%]   .fu-secondary-menu-item-icon-holder[_ngcontent-%COMP%]   fusion-icon[class^=fu-secondary-menu-item-icon][_ngcontent-%COMP%]     svg{width:20px;height:20px}[_nghost-%COMP%]   .fu-secondary-menu-holder[_ngcontent-%COMP%]   .fu-secondary-menu[_ngcontent-%COMP%]   .fu-secondary-menu-item-wrapper[_ngcontent-%COMP%]   .fu-secondary-menu-item-holder[_ngcontent-%COMP%]   .fu-secondary-menu-item-icon-holder[_ngcontent-%COMP%]   fusion-icon[class^=fu-secondary-menu-item-icon][_ngcontent-%COMP%]     svg *{fill:var(--action-active, hsl(0, 0%, 50.3%))}[_nghost-%COMP%]   .fu-secondary-menu-holder[_ngcontent-%COMP%]   .fu-secondary-menu[_ngcontent-%COMP%]   .fu-secondary-menu-item-wrapper[_ngcontent-%COMP%]   .fu-secondary-menu-item-holder[_ngcontent-%COMP%]   .fu-secondary-menu-item-label[_ngcontent-%COMP%]{color:var(--text-primary, hsl(0, 0%, 12.5%))}[_nghost-%COMP%]   .fu-secondary-menu-holder[_ngcontent-%COMP%]   .fu-secondary-menu[_ngcontent-%COMP%]   .fu-secondary-menu-item-wrapper[_ngcontent-%COMP%]   .fu-secondary-menu-item-holder[_ngcontent-%COMP%]   fusion-icon[class^=fu-secondary-menu-item-new-tab-icon][_ngcontent-%COMP%]{width:16px;height:16px}[_nghost-%COMP%]   .fu-secondary-menu-holder[_ngcontent-%COMP%]   .fu-secondary-menu[_ngcontent-%COMP%]   .fu-secondary-menu-item-wrapper[_ngcontent-%COMP%]   .fu-secondary-menu-item-holder[_ngcontent-%COMP%]   fusion-icon[class^=fu-secondary-menu-item-new-tab-icon][_ngcontent-%COMP%]     svg{width:16px;height:16px}[_nghost-%COMP%]   .fu-secondary-menu-holder[_ngcontent-%COMP%]   .fu-secondary-menu[_ngcontent-%COMP%]   .fu-secondary-menu-item-wrapper[_ngcontent-%COMP%]   .fu-secondary-menu-item-holder[_ngcontent-%COMP%]   fusion-icon[class^=fu-secondary-menu-item-new-tab-icon][_ngcontent-%COMP%]     svg *{fill:var(--action-active, hsl(0, 0%, 50.3%))}[_nghost-%COMP%]   .fu-secondary-menu-holder[_ngcontent-%COMP%]   .fu-secondary-menu[_ngcontent-%COMP%]   .fu-secondary-menu-item-wrapper[_ngcontent-%COMP%]   .fu-secondary-menu-item-holder[_ngcontent-%COMP%]   fusion-icon[class^=fu-secondary-menu-item-parent-icon-toggle][_ngcontent-%COMP%]{width:12px;height:12px;display:flex;align-items:center;margin-left:auto;cursor:pointer}[_nghost-%COMP%]   .fu-secondary-menu-holder[_ngcontent-%COMP%]   .fu-secondary-menu[_ngcontent-%COMP%]   .fu-secondary-menu-item-wrapper[_ngcontent-%COMP%]   .fu-secondary-menu-item-holder[_ngcontent-%COMP%]   fusion-icon[class^=fu-secondary-menu-item-parent-icon-toggle][_ngcontent-%COMP%]     svg{width:12px;height:12px}[_nghost-%COMP%]   .fu-secondary-menu-holder[_ngcontent-%COMP%]   .fu-secondary-menu[_ngcontent-%COMP%]   .fu-secondary-menu-item-wrapper[_ngcontent-%COMP%]   .fu-secondary-menu-item-holder[_ngcontent-%COMP%]   fusion-icon[class^=fu-secondary-menu-item-parent-icon-toggle][_ngcontent-%COMP%]     svg *{fill:var(--action-active, hsl(0, 0%, 50.3%))}[_nghost-%COMP%]   .fu-secondary-menu-holder[_ngcontent-%COMP%]   .fu-secondary-menu[_ngcontent-%COMP%]   .fu-secondary-menu-item-wrapper[_ngcontent-%COMP%]   .fu-secondary-menu-item-holder.fu-sub-items-opened[_ngcontent-%COMP%]   fusion-icon[class^=fu-secondary-menu-item-parent-icon-toggle][_ngcontent-%COMP%]     svg{width:12px;height:12px;transform:rotate(90deg)}[_nghost-%COMP%]   .fu-secondary-menu-holder[_ngcontent-%COMP%]   .fu-secondary-menu[_ngcontent-%COMP%]   .fu-secondary-menu-item-wrapper[_ngcontent-%COMP%]   .fu-secondary-menu-item-holder.fu-sub-items-opened[_ngcontent-%COMP%]   fusion-icon[class^=fu-secondary-menu-item-parent-icon-toggle][_ngcontent-%COMP%]     svg *{fill:var(--action-active, hsl(0, 0%, 50.3%))}[_nghost-%COMP%]   .fu-secondary-menu-holder[_ngcontent-%COMP%]   .fu-secondary-menu[_ngcontent-%COMP%]   .fu-secondary-menu-item-wrapper[_ngcontent-%COMP%]   .fu-secondary-menu-sub-items-holder[_ngcontent-%COMP%]{margin-left:12px;display:flex;flex-direction:column;align-items:flex-start;transition:max-height,.45s cubic-bezier(0,1,0,1);max-height:0px;overflow-y:hidden}[_nghost-%COMP%]   .fu-secondary-menu-holder[_ngcontent-%COMP%]   .fu-secondary-menu[_ngcontent-%COMP%]   .fu-secondary-menu-item-wrapper[_ngcontent-%COMP%]   .fu-secondary-menu-sub-items-holder.fu-secondary-menu-sub-items-opened[_ngcontent-%COMP%]{max-height:calc(100vh - 28px);transition:max-height,1s ease-out}[_nghost-%COMP%]   .fu-secondary-menu-holder[_ngcontent-%COMP%]   .fu-secondary-menu[_ngcontent-%COMP%]   .fu-secondary-menu-item-wrapper[_ngcontent-%COMP%]   .fu-secondary-menu-sub-items-holder[_ngcontent-%COMP%]   .fu-secondary-menu-item-holder[_ngcontent-%COMP%]{margin-bottom:2px;gap:4px;padding:4px 8px 4px 12px}[_nghost-%COMP%]   .fu-secondary-menu-holder[_ngcontent-%COMP%]   .fu-secondary-menu[_ngcontent-%COMP%]   .fu-secondary-menu-item-wrapper[_ngcontent-%COMP%]   .fu-secondary-menu-quick-action[_ngcontent-%COMP%]{position:absolute;right:5px;top:4px}[_nghost-%COMP%]   .fu-secondary-menu-holder[_ngcontent-%COMP%]   .fu-secondary-menu[_ngcontent-%COMP%]   .truncate[_ngcontent-%COMP%]{width:initial}.fu-menu-open[_nghost-%COMP%]{width:200px}.fu-menu-open[_nghost-%COMP%]   .fu-secondary-menu-holder[_ngcontent-%COMP%]{left:56px}.fu-menu-open[_nghost-%COMP%]   .fu-secondary-menu-holder[_ngcontent-%COMP%]   .fu-secondary-menu[_ngcontent-%COMP%]{overflow-y:auto}.fu-menu-expanded[_nghost-%COMP%]{position:fixed;top:0;left:56px;height:100vh;z-index:1003}"], changeDetection: 0 }); }
}
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NavigationSecondaryMenuComponent, [{
        type: Component,
        args: [{ selector: 'fusion-navigation-secondary-menu', standalone: true, imports: [CommonModule, IconModule, TooltipDirective, SvgModule, IconButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fu-secondary-menu-holder\">\n    <div class=\"fu-logo-holder\">\n        <fusion-svg *ngIf=\"menuLogoSrc\" [path]=\"menuLogoSrc\"></fusion-svg>\n    </div>\n    <div class=\"fu-secondary-menu\">\n        <ng-container *ngFor=\"let item of menuItems\">\n            <ng-container *ngTemplateOutlet=\"menuItem;context: {item: item}\"></ng-container>\n        </ng-container>\n    </div>\n</div>\n\n\n<!--region menu items templating-->\n<ng-template #menuItem let-item=\"item\">\n    <!--region menu item-->\n    <div class=\"fu-secondary-menu-item-wrapper\">\n        <!--region menu first level item-->\n        <ng-container  *ngTemplateOutlet=\"(item.route || item.redirect) ? menuItemLink : menuItemDiv; context: {item: item}\"></ng-container>\n        <!--endregion menu first level item-->\n        <fusion-icon-button *ngIf=\"item.additionalAction as additionalAction\"\n                            class=\"fu-secondary-menu-quick-action\"\n                            size=\"extraSmall\"\n                            [iconName]=\"additionalAction.icon ?? 'ph/bold/plus'\"\n                            [fusionTooltip]=\"additionalAction.name\"\n                            [configuration]=\"quickActionTooltipConfiguration\"\n                            (click)=\"onMenuItemClicked($event, additionalAction)\"\n        ></fusion-icon-button>\n        <!--region second level (child) items-->\n        <ng-container *ngIf=\"item?.children\">\n            <div class=\"fu-secondary-menu-sub-items-holder\" [class.fu-secondary-menu-sub-items-opened]=\"!item.closed\">\n                <ng-container  *ngFor=\"let itemChild of item.children\">\n                    <ng-container  *ngTemplateOutlet=\"(itemChild.route || itemChild.redirect) ? menuItemLink : menuItemDiv; context: {item: itemChild}\"></ng-container>\n                </ng-container>\n            </div>\n        </ng-container>\n        <!--endregion submenu items-->\n    </div>\n    <!--endregion menu item-->\n</ng-template>\n<!--endregion menu items templating-->\n\n<!--region menuitem-->\n<ng-template #menuItemDiv  let-item=\"item\">\n    <div class=\"fu-secondary-menu-item-holder\"\n         [ngClass]=\"item.cssClass\"\n         [class.fu-nav-menu-title-item]=\"item.isGroupName\"\n         [class.fu-has-sub-items]=\"!!item.children\"\n         [class.fu-secondary-menu-item-selected]=\"item === (selectedMenuItem$ | async)\"\n         [class.fu-sub-items-opened]=\"!item.closed\"\n         (click)=\"onMenuItemClicked($event, item)\"\n    >\n        <ng-container *ngTemplateOutlet=\"menuItemInnerContent; context: {item: item}\"></ng-container>\n    </div>\n</ng-template>\n<!--endregion menuitem-->\n\n<!--region menuitem with navigation-->\n<ng-template #menuItemLink  let-item=\"item\">\n    <a class=\"fu-secondary-menu-item-holder\"\n         [href]=\"item.route || item.redirect\"\n         [target]=\"item.target ?? '_self'\"\n         [ngClass]=\"item.cssClass\"\n         [class.fu-nav-menu-title-item]=\"item.isGroupName\"\n         [class.fu-has-sub-items]=\"!!item.children\"\n         [class.fu-secondary-menu-item-selected]=\"item === (selectedMenuItem$ | async)\"\n         [class.fu-sub-items-opened]=\"!item.closed\"\n         (click)=\"onMenuItemClicked($event, item)\"\n    >\n        <ng-container *ngTemplateOutlet=\"menuItemInnerContent; context: {item: item}\"></ng-container>\n    </a>\n</ng-template>\n<!--endregion menuitem with navigation-->\n\n<!--region menu item elements-->\n<ng-template #menuItemInnerContent let-item=\"item\">\n    <div class=\"fu-secondary-menu-item-icon-holder\" *ngIf=\"item.icon\">\n        <fusion-icon class=\"fu-secondary-menu-item-icon\" [name]=\"item.icon\"></fusion-icon>\n    </div>\n    <div class=\"fu-secondary-menu-item-label truncate\" [fusionTooltip]=\"item.name\">{{item.name}}</div>\n    <fusion-icon *ngIf=\"!!item.children\"\n                 class=\"fu-secondary-menu-item-parent-icon-toggle\"\n                 [name]=\"itemChildToggleIcon\"\n    ></fusion-icon>\n    <fusion-icon *ngIf=\"!!item.target\"\n                 class=\"fu-secondary-menu-item-new-tab-icon\"\n                 [name]=\"itemNewTabIcon\"\n    ></fusion-icon>\n</ng-template>\n<!--endregion menu item elements-->\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}.font-v4-semibold,:host .fu-secondary-menu-holder .fu-secondary-menu .fu-secondary-menu-item-wrapper .fu-secondary-menu-item-holder.fu-nav-menu-title-item .fu-secondary-menu-item-label,.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,:host .fu-secondary-menu-holder .fu-secondary-menu .fu-secondary-menu-item-wrapper .fu-secondary-menu-item-holder .fu-secondary-menu-item-label,.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,:host .fu-secondary-menu-holder .fu-secondary-menu .fu-secondary-menu-item-wrapper .fu-secondary-menu-sub-items-holder .fu-secondary-menu-item-holder .fu-secondary-menu-item-label,.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}:host .fu-secondary-menu-holder .fu-secondary-menu .fu-secondary-menu-item-wrapper .fu-secondary-menu-sub-items-holder .fu-secondary-menu-item-holder .fu-secondary-menu-item-label,.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}:host .fu-secondary-menu-holder .fu-secondary-menu .fu-secondary-menu-item-wrapper .fu-secondary-menu-item-holder .fu-secondary-menu-item-label,.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}:host .fu-secondary-menu-holder .fu-secondary-menu .fu-secondary-menu-item-wrapper .fu-secondary-menu-item-holder.fu-nav-menu-title-item .fu-secondary-menu-item-label,.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 .fu-secondary-menu-holder .fu-secondary-menu .truncate{width:100%;display:inline-block;white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis}:host .fu-secondary-menu-holder .fu-secondary-menu::-webkit-scrollbar{background-color:transparent;width:4px}:host .fu-secondary-menu-holder .fu-secondary-menu::-webkit-scrollbar-track{background-color:transparent}:host .fu-secondary-menu-holder .fu-secondary-menu::-webkit-scrollbar-thumb{background-color:#53575b4d;border-radius:4px}:host .fu-secondary-menu-holder .fu-secondary-menu::-webkit-scrollbar-button{display:none}:host .fu-secondary-menu-holder .fu-secondary-menu .fu-secondary-menu-item-wrapper .fu-secondary-menu-item-holder:hover,:host .fu-secondary-menu-holder .fu-secondary-menu .fu-secondary-menu-item-wrapper:has(fusion-icon-button:hover) .fu-secondary-menu-item-holder{border-radius:4px;background-color:var(--action-hover, hsla(0, 0%, 0%, .05))}:host .fu-secondary-menu-holder .fu-secondary-menu .fu-secondary-menu-item-wrapper .fu-secondary-menu-item-holder:hover .fu-secondary-menu-item-icon-holder fusion-icon[class^=fu-secondary-menu-item-icon] ::ng-deep svg,:host .fu-secondary-menu-holder .fu-secondary-menu .fu-secondary-menu-item-wrapper:has(fusion-icon-button:hover) .fu-secondary-menu-item-holder .fu-secondary-menu-item-icon-holder fusion-icon[class^=fu-secondary-menu-item-icon] ::ng-deep svg{width:20px;height:20px}:host .fu-secondary-menu-holder .fu-secondary-menu .fu-secondary-menu-item-wrapper .fu-secondary-menu-item-holder:hover .fu-secondary-menu-item-icon-holder fusion-icon[class^=fu-secondary-menu-item-icon] ::ng-deep svg *,:host .fu-secondary-menu-holder .fu-secondary-menu .fu-secondary-menu-item-wrapper:has(fusion-icon-button:hover) .fu-secondary-menu-item-holder .fu-secondary-menu-item-icon-holder fusion-icon[class^=fu-secondary-menu-item-icon] ::ng-deep svg *{fill:var(--action-primary, hsl(0, 0%, 12.5%))}:host{display:block;background-color:var(--background-paper, hsl(0, 0%, 99%));border-right:solid 1px var(--common-divider, hsl(0, 0%, 86.8%));margin-left:-1px;width:0px;max-width:200px;transition:width .45s ease-out}:host .fu-secondary-menu-holder{position:fixed;z-index:1002;top:0;left:-144px;max-width:200px;transition:left .45s ease-out}:host .fu-secondary-menu-holder .fu-logo-holder{height:64px;display:flex;align-items:center;padding:var(--spacing-200, 16px);padding-left:var(--spacing-250, 20px)}:host .fu-secondary-menu-holder .fu-logo-holder fusion-svg{height:100%;max-width:200px;max-height:64px;display:flex;align-items:center}:host .fu-secondary-menu-holder .fu-secondary-menu{display:flex;flex-direction:column;align-items:flex-start;padding:0px var(--spacing-100, 8px) var(--spacing-300, 24px);width:200px;overflow-y:hidden;overflow-x:hidden;max-height:calc(100vh - 64px)}:host .fu-secondary-menu-holder .fu-secondary-menu .fu-secondary-menu-item-wrapper{width:100%;position:relative}:host .fu-secondary-menu-holder .fu-secondary-menu .fu-secondary-menu-item-wrapper .fu-secondary-menu-item-holder{width:100%;height:28px;display:flex;flex-direction:row;align-items:center;padding:4px 8px;gap:8px;cursor:pointer;margin-bottom:4px;border:solid 1px transparent;text-decoration:none}:host .fu-secondary-menu-holder .fu-secondary-menu .fu-secondary-menu-item-wrapper .fu-secondary-menu-item-holder.fu-secondary-menu-item-selected{border:solid 1px var(--common-divider, hsl(0, 0%, 86.8%));border-radius:4px;background-color:var(--action-hover, hsla(0, 0%, 0%, .05));cursor:default;pointer-events:none}:host .fu-secondary-menu-holder .fu-secondary-menu .fu-secondary-menu-item-wrapper .fu-secondary-menu-item-holder.fu-secondary-menu-item-selected .fu-secondary-menu-item-icon-holder fusion-icon[class^=fu-secondary-menu-item-icon] ::ng-deep svg{width:20px;height:20px}:host .fu-secondary-menu-holder .fu-secondary-menu .fu-secondary-menu-item-wrapper .fu-secondary-menu-item-holder.fu-secondary-menu-item-selected .fu-secondary-menu-item-icon-holder fusion-icon[class^=fu-secondary-menu-item-icon] ::ng-deep svg *{fill:var(--action-primary, hsl(0, 0%, 12.5%))}:host .fu-secondary-menu-holder .fu-secondary-menu .fu-secondary-menu-item-wrapper .fu-secondary-menu-item-holder.fu-nav-menu-title-item{height:36px;cursor:default;pointer-events:none;padding:10px 8px}:host .fu-secondary-menu-holder .fu-secondary-menu .fu-secondary-menu-item-wrapper .fu-secondary-menu-item-holder.fu-nav-menu-title-item .fu-secondary-menu-item-icon-holder{display:none}:host .fu-secondary-menu-holder .fu-secondary-menu .fu-secondary-menu-item-wrapper .fu-secondary-menu-item-holder.fu-nav-menu-title-item .fu-secondary-menu-item-label{color:var(--text-secondary, hsl(0, 0%, 39.3%))}:host .fu-secondary-menu-holder .fu-secondary-menu .fu-secondary-menu-item-wrapper .fu-secondary-menu-item-holder .fu-secondary-menu-item-icon-holder{display:flex;align-items:center;justify-content:center}:host .fu-secondary-menu-holder .fu-secondary-menu .fu-secondary-menu-item-wrapper .fu-secondary-menu-item-holder .fu-secondary-menu-item-icon-holder fusion-icon[class^=fu-secondary-menu-item-icon]{width:20px;height:20px}:host .fu-secondary-menu-holder .fu-secondary-menu .fu-secondary-menu-item-wrapper .fu-secondary-menu-item-holder .fu-secondary-menu-item-icon-holder fusion-icon[class^=fu-secondary-menu-item-icon] ::ng-deep svg{width:20px;height:20px}:host .fu-secondary-menu-holder .fu-secondary-menu .fu-secondary-menu-item-wrapper .fu-secondary-menu-item-holder .fu-secondary-menu-item-icon-holder fusion-icon[class^=fu-secondary-menu-item-icon] ::ng-deep svg *{fill:var(--action-active, hsl(0, 0%, 50.3%))}:host .fu-secondary-menu-holder .fu-secondary-menu .fu-secondary-menu-item-wrapper .fu-secondary-menu-item-holder .fu-secondary-menu-item-label{color:var(--text-primary, hsl(0, 0%, 12.5%))}:host .fu-secondary-menu-holder .fu-secondary-menu .fu-secondary-menu-item-wrapper .fu-secondary-menu-item-holder fusion-icon[class^=fu-secondary-menu-item-new-tab-icon]{width:16px;height:16px}:host .fu-secondary-menu-holder .fu-secondary-menu .fu-secondary-menu-item-wrapper .fu-secondary-menu-item-holder fusion-icon[class^=fu-secondary-menu-item-new-tab-icon] ::ng-deep svg{width:16px;height:16px}:host .fu-secondary-menu-holder .fu-secondary-menu .fu-secondary-menu-item-wrapper .fu-secondary-menu-item-holder fusion-icon[class^=fu-secondary-menu-item-new-tab-icon] ::ng-deep svg *{fill:var(--action-active, hsl(0, 0%, 50.3%))}:host .fu-secondary-menu-holder .fu-secondary-menu .fu-secondary-menu-item-wrapper .fu-secondary-menu-item-holder fusion-icon[class^=fu-secondary-menu-item-parent-icon-toggle]{width:12px;height:12px;display:flex;align-items:center;margin-left:auto;cursor:pointer}:host .fu-secondary-menu-holder .fu-secondary-menu .fu-secondary-menu-item-wrapper .fu-secondary-menu-item-holder fusion-icon[class^=fu-secondary-menu-item-parent-icon-toggle] ::ng-deep svg{width:12px;height:12px}:host .fu-secondary-menu-holder .fu-secondary-menu .fu-secondary-menu-item-wrapper .fu-secondary-menu-item-holder fusion-icon[class^=fu-secondary-menu-item-parent-icon-toggle] ::ng-deep svg *{fill:var(--action-active, hsl(0, 0%, 50.3%))}:host .fu-secondary-menu-holder .fu-secondary-menu .fu-secondary-menu-item-wrapper .fu-secondary-menu-item-holder.fu-sub-items-opened fusion-icon[class^=fu-secondary-menu-item-parent-icon-toggle] ::ng-deep svg{width:12px;height:12px;transform:rotate(90deg)}:host .fu-secondary-menu-holder .fu-secondary-menu .fu-secondary-menu-item-wrapper .fu-secondary-menu-item-holder.fu-sub-items-opened fusion-icon[class^=fu-secondary-menu-item-parent-icon-toggle] ::ng-deep svg *{fill:var(--action-active, hsl(0, 0%, 50.3%))}:host .fu-secondary-menu-holder .fu-secondary-menu .fu-secondary-menu-item-wrapper .fu-secondary-menu-sub-items-holder{margin-left:12px;display:flex;flex-direction:column;align-items:flex-start;transition:max-height,.45s cubic-bezier(0,1,0,1);max-height:0px;overflow-y:hidden}:host .fu-secondary-menu-holder .fu-secondary-menu .fu-secondary-menu-item-wrapper .fu-secondary-menu-sub-items-holder.fu-secondary-menu-sub-items-opened{max-height:calc(100vh - 28px);transition:max-height,1s ease-out}:host .fu-secondary-menu-holder .fu-secondary-menu .fu-secondary-menu-item-wrapper .fu-secondary-menu-sub-items-holder .fu-secondary-menu-item-holder{margin-bottom:2px;gap:4px;padding:4px 8px 4px 12px}:host .fu-secondary-menu-holder .fu-secondary-menu .fu-secondary-menu-item-wrapper .fu-secondary-menu-quick-action{position:absolute;right:5px;top:4px}:host .fu-secondary-menu-holder .fu-secondary-menu .truncate{width:initial}:host.fu-menu-open{width:200px}:host.fu-menu-open .fu-secondary-menu-holder{left:56px}:host.fu-menu-open .fu-secondary-menu-holder .fu-secondary-menu{overflow-y:auto}:host.fu-menu-expanded{position:fixed;top:0;left:56px;height:100vh;z-index:1003}\n"] }]
    }], () => [], { menuItems: [{
            type: Input
        }], menuName: [{
            type: Input
        }], menuLogoSrc: [{
            type: Input
        }], menuItemClick: [{
            type: Output
        }] }); })();
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(NavigationSecondaryMenuComponent, { className: "NavigationSecondaryMenuComponent", filePath: "navigation-secondary-menu/navigation-secondary-menu.component.ts", lineNumber: 20 }); })();
//# sourceMappingURL=data:application/json;base64, 