import { ChangeDetectionStrategy, Component, ElementRef, EventEmitter, Input, Output } from '@angular/core';
import { CommonModule } from '@angular/common';
import { IconModule } from '@ironsource/fusion-ui/components/icon/v1';
import { TooltipModule } from '@ironsource/fusion-ui/components/tooltip';
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/tooltip";
function NavigationPopMenuComponent_div_1_div_2_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelement(0, "div", 11);
} if (rf & 2) {
    const ctx_r2 = i0.ɵɵnextContext(2);
    i0.ɵɵstyleProp("background-image", "url(" + ctx_r2.layoutUser.avatar + ")");
} }
function NavigationPopMenuComponent_div_1_fusion_icon_3_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelement(0, "fusion-icon", 12);
} if (rf & 2) {
    const ctx_r3 = i0.ɵɵnextContext(2);
    i0.ɵɵproperty("name", ctx_r3.userIcon);
} }
function NavigationPopMenuComponent_div_1_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 4)(1, "div", 5);
    i0.ɵɵtemplate(2, NavigationPopMenuComponent_div_1_div_2_Template, 1, 2, "div", 6)(3, NavigationPopMenuComponent_div_1_fusion_icon_3_Template, 1, 1, "fusion-icon", 7);
    i0.ɵɵelementEnd();
    i0.ɵɵelementStart(4, "div", 8)(5, "div", 9);
    i0.ɵɵtext(6);
    i0.ɵɵelementEnd();
    i0.ɵɵelementStart(7, "div", 10);
    i0.ɵɵtext(8);
    i0.ɵɵelementEnd()()();
} if (rf & 2) {
    const ctx_r0 = i0.ɵɵnextContext();
    i0.ɵɵadvance(2);
    i0.ɵɵproperty("ngIf", ctx_r0.layoutUser.avatar);
    i0.ɵɵadvance();
    i0.ɵɵproperty("ngIf", !ctx_r0.layoutUser.avatar);
    i0.ɵɵadvance(2);
    i0.ɵɵproperty("fusionTooltip", ctx_r0.layoutUser.name);
    i0.ɵɵadvance();
    i0.ɵɵtextInterpolate(ctx_r0.layoutUser.name);
    i0.ɵɵadvance();
    i0.ɵɵproperty("fusionTooltip", ctx_r0.layoutUser.email);
    i0.ɵɵadvance();
    i0.ɵɵtextInterpolate(ctx_r0.layoutUser.email);
} }
function NavigationPopMenuComponent_ng_container_3_div_1_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelement(0, "div", 17);
} }
function NavigationPopMenuComponent_ng_container_3_fusion_icon_3_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelement(0, "fusion-icon", 18);
} if (rf & 2) {
    const menuItem_r4 = i0.ɵɵnextContext().$implicit;
    i0.ɵɵproperty("name", menuItem_r4.icon);
} }
function NavigationPopMenuComponent_ng_container_3_Template(rf, ctx) { if (rf & 1) {
    const _r9 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementContainerStart(0);
    i0.ɵɵtemplate(1, NavigationPopMenuComponent_ng_container_3_div_1_Template, 1, 0, "div", 13);
    i0.ɵɵelementStart(2, "a", 14);
    i0.ɵɵlistener("click", function NavigationPopMenuComponent_ng_container_3_Template_a_click_2_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r9); const menuItem_r4 = restoredCtx.$implicit; const ctx_r8 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r8.onMenuItemClicked($event, menuItem_r4)); });
    i0.ɵɵtemplate(3, NavigationPopMenuComponent_ng_container_3_fusion_icon_3_Template, 1, 1, "fusion-icon", 15);
    i0.ɵɵelementStart(4, "div", 16);
    i0.ɵɵtext(5);
    i0.ɵɵelementEnd()();
    i0.ɵɵelementContainerEnd();
} if (rf & 2) {
    const menuItem_r4 = ctx.$implicit;
    let tmp_3_0;
    i0.ɵɵadvance();
    i0.ɵɵproperty("ngIf", menuItem_r4.withTopDelimiter);
    i0.ɵɵadvance();
    i0.ɵɵclassMapInterpolate1("fu-pop-menu-item ", menuItem_r4.cssClass, "");
    i0.ɵɵproperty("href", menuItem_r4.route || menuItem_r4.redirect, i0.ɵɵsanitizeUrl)("target", (tmp_3_0 = menuItem_r4.target) !== null && tmp_3_0 !== undefined ? tmp_3_0 : "_self");
    i0.ɵɵadvance();
    i0.ɵɵproperty("ngIf", menuItem_r4.icon);
    i0.ɵɵadvance(2);
    i0.ɵɵtextInterpolate(menuItem_r4.name);
} }
export class NavigationPopMenuComponent {
    constructor(element) {
        this.element = element;
        this.menuItemClicked = new EventEmitter();
        /** @internal */
        this.userIcon = { iconName: 'userCircle', iconVersion: 'v4' };
    }
    ngAfterViewInit() {
        const popupHeight = this.element.nativeElement.querySelector('.fu-pop-menu')?.offsetHeight;
        if (!!popupHeight) {
            this.element.nativeElement.style.height = `${popupHeight}px`;
        }
    }
    onMenuItemClicked($event, menuItem) {
        if ($event && $event.metaKey) {
            return;
        }
        if ($event && !menuItem.target) {
            $event.preventDefault();
            $event.stopPropagation();
            this.menuItemClicked.emit(menuItem);
        }
    }
    static { this.ɵfac = function NavigationPopMenuComponent_Factory(t) { return new (t || NavigationPopMenuComponent)(i0.ɵɵdirectiveInject(i0.ElementRef)); }; }
    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: NavigationPopMenuComponent, selectors: [["fusion-navigation-pop-menu"]], inputs: { layoutUser: "layoutUser", menuItems: "menuItems" }, outputs: { menuItemClicked: "menuItemClicked" }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 4, vars: 2, consts: [[1, "fu-pop-menu"], ["class", "fu-pop-menu-header", 4, "ngIf"], [1, "fu-pop-menu-items"], [4, "ngFor", "ngForOf"], [1, "fu-pop-menu-header"], [1, "fu-user-icon-holder"], ["class", "fu-user-avatar", 3, "background-image", 4, "ngIf"], ["class", "fu-user-icon", 3, "name", 4, "ngIf"], [1, "fu-user-data-holder"], [1, "fu-user-name", "truncate", 3, "fusionTooltip"], [1, "fu-user-email", "truncate", 3, "fusionTooltip"], [1, "fu-user-avatar"], [1, "fu-user-icon", 3, "name"], ["class", "fu-pop-menu-item-delimiter", 4, "ngIf"], [3, "href", "target", "click"], ["class", "fu-pop-menu-icon", 3, "name", 4, "ngIf"], [1, "fu-pop-menu-text"], [1, "fu-pop-menu-item-delimiter"], [1, "fu-pop-menu-icon", 3, "name"]], template: function NavigationPopMenuComponent_Template(rf, ctx) { if (rf & 1) {
            i0.ɵɵelementStart(0, "div", 0);
            i0.ɵɵtemplate(1, NavigationPopMenuComponent_div_1_Template, 9, 6, "div", 1);
            i0.ɵɵelementStart(2, "div", 2);
            i0.ɵɵtemplate(3, NavigationPopMenuComponent_ng_container_3_Template, 6, 8, "ng-container", 3);
            i0.ɵɵelementEnd()();
        } if (rf & 2) {
            i0.ɵɵadvance();
            i0.ɵɵproperty("ngIf", ctx.layoutUser);
            i0.ɵɵadvance(2);
            i0.ɵɵproperty("ngForOf", ctx.menuItems);
        } }, dependencies: [CommonModule, i1.NgForOf, i1.NgIf, IconModule, i2.IconComponent, TooltipModule, i3.TooltipDirective], 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%], .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%], [_nghost-%COMP%]   .fu-pop-menu[_ngcontent-%COMP%]   .fu-pop-menu-header[_ngcontent-%COMP%]   .fu-user-data-holder[_ngcontent-%COMP%]   .fu-user-name[_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%], [_nghost-%COMP%]   .fu-pop-menu[_ngcontent-%COMP%]   .fu-pop-menu-header[_ngcontent-%COMP%]   .fu-user-data-holder[_ngcontent-%COMP%]   .fu-user-email[_ngcontent-%COMP%], .font-v4-caption[_ngcontent-%COMP%], [_nghost-%COMP%]   .fu-pop-menu[_ngcontent-%COMP%]   .fu-pop-menu-items[_ngcontent-%COMP%]   .fu-pop-menu-item[_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}[_nghost-%COMP%]   .fu-pop-menu[_ngcontent-%COMP%]   .fu-pop-menu-header[_ngcontent-%COMP%]   .fu-user-data-holder[_ngcontent-%COMP%]   .fu-user-name[_ngcontent-%COMP%], .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-pop-menu[_ngcontent-%COMP%]   .fu-pop-menu-items[_ngcontent-%COMP%]   .fu-pop-menu-item[_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}.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}[_nghost-%COMP%]   .fu-pop-menu[_ngcontent-%COMP%]   .fu-pop-menu-header[_ngcontent-%COMP%]   .fu-user-data-holder[_ngcontent-%COMP%]   .fu-user-email[_ngcontent-%COMP%], .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%]   .fu-pop-menu[_ngcontent-%COMP%]   .truncate[_ngcontent-%COMP%]{width:100%;display:inline-block;white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis}[_nghost-%COMP%]{display:block;position:absolute;z-index:1004;bottom:0;left:0}[_nghost-%COMP%]   .fu-pop-menu[_ngcontent-%COMP%]{display:block;width:296px;padding:0 8px;background-color:#fff;box-shadow:0 8px 8px -4px #10182808,0 20px 24px -6px #10182814;border-radius:6px;border:1px solid var(--common-divider-elevation-0, hsl(0, 0%, 89%))}[_nghost-%COMP%]   .fu-pop-menu[_ngcontent-%COMP%]   .fu-pop-menu-header[_ngcontent-%COMP%]{display:flex;flex-direction:row;align-items:center;padding:14px 16px 14px 8px;gap:16px;border-bottom:1px solid var(--common-divider, hsl(0, 0%, 86.8%));height:72px}[_nghost-%COMP%]   .fu-pop-menu[_ngcontent-%COMP%]   .fu-pop-menu-header[_ngcontent-%COMP%]   .fu-user-icon-holder[_ngcontent-%COMP%]{display:flex;align-items:center;justify-items:center}[_nghost-%COMP%]   .fu-pop-menu[_ngcontent-%COMP%]   .fu-pop-menu-header[_ngcontent-%COMP%]   .fu-user-icon-holder[_ngcontent-%COMP%]   fusion-icon[class^=fu-user-icon][_ngcontent-%COMP%]{width:32px;height:32px}[_nghost-%COMP%]   .fu-pop-menu[_ngcontent-%COMP%]   .fu-pop-menu-header[_ngcontent-%COMP%]   .fu-user-icon-holder[_ngcontent-%COMP%]   fusion-icon[class^=fu-user-icon][_ngcontent-%COMP%]     svg{width:32px;height:32px}[_nghost-%COMP%]   .fu-pop-menu[_ngcontent-%COMP%]   .fu-pop-menu-header[_ngcontent-%COMP%]   .fu-user-icon-holder[_ngcontent-%COMP%]   fusion-icon[class^=fu-user-icon][_ngcontent-%COMP%]     svg *{fill:var(--action-active, hsl(0, 0%, 50.3%))}[_nghost-%COMP%]   .fu-pop-menu[_ngcontent-%COMP%]   .fu-pop-menu-header[_ngcontent-%COMP%]   .fu-user-icon-holder[_ngcontent-%COMP%]   .fu-user-avatar[_ngcontent-%COMP%]{width:32px;height:32px;border:solid 1px var(--text-primary, hsl(0, 0%, 12.5%));border-radius:50%;background-size:contain;background-repeat:no-repeat}[_nghost-%COMP%]   .fu-pop-menu[_ngcontent-%COMP%]   .fu-pop-menu-header[_ngcontent-%COMP%]   .fu-user-data-holder[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:208px}[_nghost-%COMP%]   .fu-pop-menu[_ngcontent-%COMP%]   .fu-pop-menu-header[_ngcontent-%COMP%]   .fu-user-data-holder[_ngcontent-%COMP%]   .fu-user-name[_ngcontent-%COMP%]{cursor:default;color:var(--text-primary, hsl(0, 0%, 12.5%))}[_nghost-%COMP%]   .fu-pop-menu[_ngcontent-%COMP%]   .fu-pop-menu-header[_ngcontent-%COMP%]   .fu-user-data-holder[_ngcontent-%COMP%]   .fu-user-email[_ngcontent-%COMP%]{cursor:default;color:var(--text-secondary, hsl(0, 0%, 39.3%))}[_nghost-%COMP%]   .fu-pop-menu[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{text-decoration:none}[_nghost-%COMP%]   .fu-pop-menu[_ngcontent-%COMP%]   .fu-pop-menu-items[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:flex-start;padding:8px 0;gap:2px}[_nghost-%COMP%]   .fu-pop-menu[_ngcontent-%COMP%]   .fu-pop-menu-items[_ngcontent-%COMP%]   .fu-pop-menu-item[_ngcontent-%COMP%]{height:32px;width:100%;display:flex;flex-direction:row;align-items:center;padding:6px 12px;gap:8px;border-radius:4px;color:var(--text-primary, hsl(0, 0%, 12.5%))}[_nghost-%COMP%]   .fu-pop-menu[_ngcontent-%COMP%]   .fu-pop-menu-items[_ngcontent-%COMP%]   .fu-pop-menu-item[_ngcontent-%COMP%]   fusion-icon[class^=fu-pop-menu-icon][_ngcontent-%COMP%]{width:20px;height:20px}[_nghost-%COMP%]   .fu-pop-menu[_ngcontent-%COMP%]   .fu-pop-menu-items[_ngcontent-%COMP%]   .fu-pop-menu-item[_ngcontent-%COMP%]   fusion-icon[class^=fu-pop-menu-icon][_ngcontent-%COMP%]     svg{width:20px;height:20px}[_nghost-%COMP%]   .fu-pop-menu[_ngcontent-%COMP%]   .fu-pop-menu-items[_ngcontent-%COMP%]   .fu-pop-menu-item[_ngcontent-%COMP%]   fusion-icon[class^=fu-pop-menu-icon][_ngcontent-%COMP%]     svg *{fill:var(--action-active, hsl(0, 0%, 50.3%))}[_nghost-%COMP%]   .fu-pop-menu[_ngcontent-%COMP%]   .fu-pop-menu-items[_ngcontent-%COMP%]   .fu-pop-menu-item[_ngcontent-%COMP%]:hover{background-color:var(--action-hover, hsla(0, 0%, 0%, .05))}[_nghost-%COMP%]   .fu-pop-menu[_ngcontent-%COMP%]   .fu-pop-menu-items[_ngcontent-%COMP%]   .fu-pop-menu-item-delimiter[_ngcontent-%COMP%]{content:\"\";height:6px;width:100%;border-bottom:1px solid var(--common-divider, hsl(0, 0%, 86.8%));margin-bottom:6px}[_nghost-%COMP%]   .fu-pop-menu[_ngcontent-%COMP%]   .fu-pop-menu-items[_ngcontent-%COMP%]:hover{cursor:pointer}"], changeDetection: 0 }); }
}
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NavigationPopMenuComponent, [{
        type: Component,
        args: [{ selector: 'fusion-navigation-pop-menu', standalone: true, imports: [CommonModule, IconModule, TooltipModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fu-pop-menu\">\n    <!--region logged user info-->\n    <div class=\"fu-pop-menu-header\" *ngIf=\"layoutUser\">\n        <div class=\"fu-user-icon-holder\" >\n            <div *ngIf=\"layoutUser.avatar\" class=\"fu-user-avatar\" [style.background-image]=\"'url(' + layoutUser.avatar + ')'\"></div>\n            <fusion-icon *ngIf=\"!layoutUser.avatar\" class=\"fu-user-icon\" [name]=\"userIcon\"></fusion-icon>\n        </div>\n        <div class=\"fu-user-data-holder\">\n            <div class=\"fu-user-name truncate\" [fusionTooltip]=\"layoutUser.name\">{{layoutUser.name}}</div>\n            <div class=\"fu-user-email truncate\" [fusionTooltip]=\"layoutUser.email\">{{layoutUser.email}}</div>\n        </div>\n    </div>\n    <!--endregion logged user info-->\n    <div class=\"fu-pop-menu-items\">\n        <!--region menu items-->\n        <ng-container *ngFor=\"let menuItem of menuItems\">\n            <div *ngIf=\"menuItem.withTopDelimiter\" class=\"fu-pop-menu-item-delimiter\"></div>\n            <a class=\"fu-pop-menu-item {{menuItem.cssClass}}\"\n               [href]=\"menuItem.route || menuItem.redirect\"\n               [target]=\"menuItem.target ?? '_self'\"\n               (click)=\"onMenuItemClicked($event,menuItem)\"\n            >\n                <fusion-icon class=\"fu-pop-menu-icon\" *ngIf=\"menuItem.icon\" [name]=\"menuItem.icon\"></fusion-icon>\n                <div class=\"fu-pop-menu-text\">{{menuItem.name}}</div>\n            </a>\n        </ng-container>\n        <!--endregion menu items-->\n    </div>\n</div>\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,.font-v4-chip-label,.font-v4-table-label,.font-v4-button,.font-v4-heading-6,.font-v4-heading-5,:host .fu-pop-menu .fu-pop-menu-header .fu-user-data-holder .fu-user-name,.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,:host .fu-pop-menu .fu-pop-menu-header .fu-user-data-holder .fu-user-email,.font-v4-caption,:host .fu-pop-menu .fu-pop-menu-items .fu-pop-menu-item,.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}:host .fu-pop-menu .fu-pop-menu-header .fu-user-data-holder .fu-user-name,.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-pop-menu .fu-pop-menu-items .fu-pop-menu-item,.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}:host .fu-pop-menu .fu-pop-menu-header .fu-user-data-holder .fu-user-email,.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 .fu-pop-menu .truncate{width:100%;display:inline-block;white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis}:host{display:block;position:absolute;z-index:1004;bottom:0;left:0}:host .fu-pop-menu{display:block;width:296px;padding:0 8px;background-color:#fff;box-shadow:0 8px 8px -4px #10182808,0 20px 24px -6px #10182814;border-radius:6px;border:1px solid var(--common-divider-elevation-0, hsl(0, 0%, 89%))}:host .fu-pop-menu .fu-pop-menu-header{display:flex;flex-direction:row;align-items:center;padding:14px 16px 14px 8px;gap:16px;border-bottom:1px solid var(--common-divider, hsl(0, 0%, 86.8%));height:72px}:host .fu-pop-menu .fu-pop-menu-header .fu-user-icon-holder{display:flex;align-items:center;justify-items:center}:host .fu-pop-menu .fu-pop-menu-header .fu-user-icon-holder fusion-icon[class^=fu-user-icon]{width:32px;height:32px}:host .fu-pop-menu .fu-pop-menu-header .fu-user-icon-holder fusion-icon[class^=fu-user-icon] ::ng-deep svg{width:32px;height:32px}:host .fu-pop-menu .fu-pop-menu-header .fu-user-icon-holder fusion-icon[class^=fu-user-icon] ::ng-deep svg *{fill:var(--action-active, hsl(0, 0%, 50.3%))}:host .fu-pop-menu .fu-pop-menu-header .fu-user-icon-holder .fu-user-avatar{width:32px;height:32px;border:solid 1px var(--text-primary, hsl(0, 0%, 12.5%));border-radius:50%;background-size:contain;background-repeat:no-repeat}:host .fu-pop-menu .fu-pop-menu-header .fu-user-data-holder{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:208px}:host .fu-pop-menu .fu-pop-menu-header .fu-user-data-holder .fu-user-name{cursor:default;color:var(--text-primary, hsl(0, 0%, 12.5%))}:host .fu-pop-menu .fu-pop-menu-header .fu-user-data-holder .fu-user-email{cursor:default;color:var(--text-secondary, hsl(0, 0%, 39.3%))}:host .fu-pop-menu a{text-decoration:none}:host .fu-pop-menu .fu-pop-menu-items{display:flex;flex-direction:column;align-items:flex-start;padding:8px 0;gap:2px}:host .fu-pop-menu .fu-pop-menu-items .fu-pop-menu-item{height:32px;width:100%;display:flex;flex-direction:row;align-items:center;padding:6px 12px;gap:8px;border-radius:4px;color:var(--text-primary, hsl(0, 0%, 12.5%))}:host .fu-pop-menu .fu-pop-menu-items .fu-pop-menu-item fusion-icon[class^=fu-pop-menu-icon]{width:20px;height:20px}:host .fu-pop-menu .fu-pop-menu-items .fu-pop-menu-item fusion-icon[class^=fu-pop-menu-icon] ::ng-deep svg{width:20px;height:20px}:host .fu-pop-menu .fu-pop-menu-items .fu-pop-menu-item fusion-icon[class^=fu-pop-menu-icon] ::ng-deep svg *{fill:var(--action-active, hsl(0, 0%, 50.3%))}:host .fu-pop-menu .fu-pop-menu-items .fu-pop-menu-item:hover{background-color:var(--action-hover, hsla(0, 0%, 0%, .05))}:host .fu-pop-menu .fu-pop-menu-items .fu-pop-menu-item-delimiter{content:\"\";height:6px;width:100%;border-bottom:1px solid var(--common-divider, hsl(0, 0%, 86.8%));margin-bottom:6px}:host .fu-pop-menu .fu-pop-menu-items:hover{cursor:pointer}\n"] }]
    }], () => [{ type: i0.ElementRef }], { layoutUser: [{
            type: Input
        }], menuItems: [{
            type: Input
        }], menuItemClicked: [{
            type: Output
        }] }); })();
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(NavigationPopMenuComponent, { className: "NavigationPopMenuComponent", filePath: "navigation-pop-menu/navigation-pop-menu.component.ts", lineNumber: 16 }); })();
//# sourceMappingURL=data:application/json;base64, 