import { Component, ChangeDetectionStrategy, HostBinding, ViewEncapsulation, Input, Output, EventEmitter, HostListener } from '@angular/core';
import { consumeEvent } from '@eui/core';
import { BaseDirective } from '../../base.directive';
import { EuiMenuItem } from './models/eui-menu-item.model';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "../../directives/eui-tooltip.directive";
import * as i3 from "@angular/router";
import * as i4 from "../eui-chip/eui-chip.component";
import * as i5 from "../eui-button/eui-button.component";
import * as i6 from "./pipes/eui-menu-tooltip-content.pipe";
function EuiMenuItemComponent_li_0_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "li", 4);
    i0.ɵɵpipe(1, "euiMenuTooltipContent");
    i0.ɵɵelement(2, "span", 5);
    i0.ɵɵelementStart(3, "span", 6);
    i0.ɵɵelementStart(4, "span", 7);
    i0.ɵɵtext(5);
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r0 = i0.ɵɵnextContext();
    i0.ɵɵclassProp("eui-menu-item--disabled", ctx_r0.item.disabled);
    i0.ɵɵproperty("euiTooltip", (ctx_r0.hasTooltip || ctx_r0.isCollapsed) && !ctx_r0.item.expanded ? i0.ɵɵpipeBind2(1, 10, ctx_r0.item, ctx_r0.externalLinkLabel) : null);
    i0.ɵɵattribute("aria-disabled", ctx_r0.item.disabled);
    i0.ɵɵadvance(2);
    i0.ɵɵclassMapInterpolate1("eui-menu-item__category-icon eui-u-color-", ctx_r0.item == null ? null : ctx_r0.item.iconTypeClass, " eui-icon");
    i0.ɵɵproperty("ngClass", ctx_r0.hasIcon && ctx_r0.item.iconClass ? ctx_r0.item.iconClass : ctx_r0.isCollapsed ? "eui-menu-item__category-icon--default" : "eui-menu-item__category-icon--none");
    i0.ɵɵattribute("aria-label", ctx_r0.item.iconLabel);
    i0.ɵɵadvance(3);
    i0.ɵɵtextInterpolate(ctx_r0.item.label);
} }
function EuiMenuItemComponent_li_1_3_ng_template_0_Template(rf, ctx) { }
const _c0 = function (a0) { return { $implicit: a0 }; };
function EuiMenuItemComponent_li_1_3_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵtemplate(0, EuiMenuItemComponent_li_1_3_ng_template_0_Template, 0, 0, "ng-template", 11);
} if (rf & 2) {
    const ctx_r7 = i0.ɵɵnextContext(2);
    i0.ɵɵproperty("ngTemplateOutletContext", i0.ɵɵpureFunction1(1, _c0, ctx_r7.item));
} }
function EuiMenuItemComponent_li_1_4_ng_template_0_Template(rf, ctx) { }
function EuiMenuItemComponent_li_1_4_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵtemplate(0, EuiMenuItemComponent_li_1_4_ng_template_0_Template, 0, 0, "ng-template");
} }
function EuiMenuItemComponent_li_1_Template(rf, ctx) { if (rf & 1) {
    const _r12 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "li", 8);
    i0.ɵɵpipe(1, "euiMenuTooltipContent");
    i0.ɵɵelementStart(2, "a", 9);
    i0.ɵɵlistener("click", function EuiMenuItemComponent_li_1_Template_a_click_2_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r11 = i0.ɵɵnextContext(); return ctx_r11.onClick($event); });
    i0.ɵɵtemplate(3, EuiMenuItemComponent_li_1_3_Template, 1, 3, undefined, 10);
    i0.ɵɵelementEnd();
    i0.ɵɵtemplate(4, EuiMenuItemComponent_li_1_4_Template, 1, 0, undefined, 10);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r1 = i0.ɵɵnextContext();
    const _r3 = i0.ɵɵreference(4);
    const _r5 = i0.ɵɵreference(6);
    i0.ɵɵclassProp("eui-menu-item--expanded", ctx_r1.item.expanded);
    i0.ɵɵproperty("euiTooltip", (ctx_r1.hasTooltip || ctx_r1.isCollapsed) && !ctx_r1.item.expanded ? i0.ɵɵpipeBind2(1, 13, ctx_r1.item, ctx_r1.externalLinkLabel) : null);
    i0.ɵɵattribute("aria-haspopup", !!ctx_r1.item.children);
    i0.ɵɵadvance(2);
    i0.ɵɵclassProp("eui-menu-item--disabled", ctx_r1.item.disabled)("eui-menu-item__link--active", ctx_r1.item.active);
    i0.ɵɵproperty("routerLink", ctx_r1.item.url ? ctx_r1.item.url : null)("routerLinkActive", ctx_r1.item.url ? "eui-menu-item__link--active" : "");
    i0.ɵɵattribute("aria-disabled", ctx_r1.item.disabled);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngTemplateOutlet", _r3);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngTemplateOutlet", _r5);
} }
function EuiMenuItemComponent_li_2_3_ng_template_0_Template(rf, ctx) { }
function EuiMenuItemComponent_li_2_3_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵtemplate(0, EuiMenuItemComponent_li_2_3_ng_template_0_Template, 0, 0, "ng-template", 11);
} if (rf & 2) {
    const ctx_r13 = i0.ɵɵnextContext(2);
    i0.ɵɵproperty("ngTemplateOutletContext", i0.ɵɵpureFunction1(1, _c0, ctx_r13.item));
} }
function EuiMenuItemComponent_li_2_4_ng_template_0_Template(rf, ctx) { }
function EuiMenuItemComponent_li_2_4_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵtemplate(0, EuiMenuItemComponent_li_2_4_ng_template_0_Template, 0, 0, "ng-template");
} }
function EuiMenuItemComponent_li_2_Template(rf, ctx) { if (rf & 1) {
    const _r18 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "li", 8);
    i0.ɵɵpipe(1, "euiMenuTooltipContent");
    i0.ɵɵelementStart(2, "a", 12);
    i0.ɵɵlistener("click", function EuiMenuItemComponent_li_2_Template_a_click_2_listener($event) { i0.ɵɵrestoreView(_r18); const ctx_r17 = i0.ɵɵnextContext(); return ctx_r17.onClick($event); });
    i0.ɵɵtemplate(3, EuiMenuItemComponent_li_2_3_Template, 1, 3, undefined, 10);
    i0.ɵɵelementEnd();
    i0.ɵɵtemplate(4, EuiMenuItemComponent_li_2_4_Template, 1, 0, undefined, 10);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r2 = i0.ɵɵnextContext();
    const _r3 = i0.ɵɵreference(4);
    const _r5 = i0.ɵɵreference(6);
    i0.ɵɵclassProp("eui-menu-item--expanded", ctx_r2.item.expanded);
    i0.ɵɵproperty("euiTooltip", (ctx_r2.hasTooltip || ctx_r2.isCollapsed) && !ctx_r2.item.expanded ? i0.ɵɵpipeBind2(1, 11, ctx_r2.item, ctx_r2.externalLinkLabel) : null);
    i0.ɵɵattribute("aria-haspopup", !!ctx_r2.item.children);
    i0.ɵɵadvance(2);
    i0.ɵɵclassProp("eui-menu-item--disabled", ctx_r2.item.disabled)("eui-menu-item__link--active", ctx_r2.item.active);
    i0.ɵɵattribute("aria-disabled", ctx_r2.item.disabled);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngTemplateOutlet", _r3);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngTemplateOutlet", _r5);
} }
function EuiMenuItemComponent_ng_template_3_span_1_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelement(0, "span");
} if (rf & 2) {
    const ctx_r19 = i0.ɵɵnextContext(2);
    i0.ɵɵclassMapInterpolate1("eui-menu-item__link-marker eui-menu-item__link-marker--default eui-icon eui-icon-circle eui-u-color-", ctx_r19.item == null ? null : ctx_r19.item.markerTypeClass, "");
    i0.ɵɵattribute("aria-label", ctx_r19.item.markerTypeClass + " " + "marker");
} }
function EuiMenuItemComponent_ng_template_3_span_5_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelement(0, "span", 20);
} }
function EuiMenuItemComponent_ng_template_3_eui_chip_7_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "eui-chip", 21);
    i0.ɵɵelementStart(1, "span", 22);
    i0.ɵɵtext(2);
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r21 = i0.ɵɵnextContext(2);
    i0.ɵɵpropertyInterpolate1("styleClass", "eui-menu-item__link-tag-label eui-chip--", ctx_r21.item.tagTypeClass, "");
    i0.ɵɵadvance(2);
    i0.ɵɵtextInterpolate(ctx_r21.item.tagLabel);
} }
function EuiMenuItemComponent_ng_template_3_button_9_Template(rf, ctx) { if (rf & 1) {
    const _r24 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "button", 23);
    i0.ɵɵlistener("click", function EuiMenuItemComponent_ng_template_3_button_9_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r24); const ctx_r23 = i0.ɵɵnextContext(2); return ctx_r23.onExpandToggle($event); });
    i0.ɵɵelement(1, "span", 24);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r22 = i0.ɵɵnextContext(2);
    i0.ɵɵproperty("euiDisabled", ctx_r22.item.disabled);
    i0.ɵɵattribute("aria-label", ctx_r22.item.expanded ? ctx_r22.expandMenuLabel : ctx_r22.collapseMenuLabel);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngClass", ctx_r22.item.expanded ? "eui-icon-angle-up" : "eui-icon-angle-down");
} }
function EuiMenuItemComponent_ng_template_3_Template(rf, ctx) { if (rf & 1) {
    const _r26 = i0.ɵɵgetCurrentView();
    i0.ɵɵelement(0, "span", 5);
    i0.ɵɵtemplate(1, EuiMenuItemComponent_ng_template_3_span_1_Template, 1, 4, "span", 13);
    i0.ɵɵelementStart(2, "span", 14);
    i0.ɵɵelementStart(3, "span", 7);
    i0.ɵɵtext(4);
    i0.ɵɵelementEnd();
    i0.ɵɵtemplate(5, EuiMenuItemComponent_ng_template_3_span_5_Template, 1, 0, "span", 15);
    i0.ɵɵelementEnd();
    i0.ɵɵelementStart(6, "div", 16);
    i0.ɵɵtemplate(7, EuiMenuItemComponent_ng_template_3_eui_chip_7_Template, 3, 2, "eui-chip", 17);
    i0.ɵɵelementStart(8, "span", 18);
    i0.ɵɵlistener("click", function EuiMenuItemComponent_ng_template_3_Template_span_click_8_listener($event) { i0.ɵɵrestoreView(_r26); const ctx_r25 = i0.ɵɵnextContext(); return ctx_r25.onActionIconClick($event); });
    i0.ɵɵelementEnd();
    i0.ɵɵtemplate(9, EuiMenuItemComponent_ng_template_3_button_9_Template, 2, 3, "button", 19);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r4 = i0.ɵɵnextContext();
    i0.ɵɵclassMapInterpolate1("eui-menu-item__link-icon eui-u-color-", ctx_r4.item == null ? null : ctx_r4.item.iconTypeClass, " eui-icon");
    i0.ɵɵproperty("ngClass", ctx_r4.hasIcon && ctx_r4.item.iconClass ? ctx_r4.item.iconClass : ctx_r4.isCollapsed && !ctx_r4.item.hasMarker ? "eui-menu-item__link-icon--default eui-icon-circle" : "eui-menu-item__link-icon--none");
    i0.ɵɵattribute("aria-label", ctx_r4.item.iconLabel);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", ctx_r4.item.hasMarker);
    i0.ɵɵadvance(1);
    i0.ɵɵclassProp("eui-menu-item--disabled", ctx_r4.item.disabled);
    i0.ɵɵattribute("aria-disabled", ctx_r4.item.disabled);
    i0.ɵɵadvance(2);
    i0.ɵɵtextInterpolate(ctx_r4.item.label);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", ctx_r4.item.urlExternal);
    i0.ɵɵadvance(2);
    i0.ɵɵproperty("ngIf", ctx_r4.item.tagLabel);
    i0.ɵɵadvance(1);
    i0.ɵɵclassMapInterpolate2("eui-menu-item__link-action-icon eui-u-colors-", ctx_r4.item == null ? null : ctx_r4.item.actionIconTypeClass, " eui-icon ", ctx_r4.item == null ? null : ctx_r4.item.actionIconClass, "");
    i0.ɵɵattribute("aria-label", ctx_r4.item == null ? null : ctx_r4.item.actionIconLabel);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", ctx_r4.item.children);
} }
function EuiMenuItemComponent_ng_template_5_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵprojection(0);
} }
const _c1 = ["*"];
export class EuiMenuItemComponent extends BaseDirective {
    constructor() {
        super();
        this.hasIcon = false;
        this.hasTooltip = false;
        this.isCollapsed = false;
        this.expandToggled = new EventEmitter();
        this.clicked = new EventEmitter();
        this.actionIconClicked = new EventEmitter();
        this.externalLinkLabel = 'external link';
        this.expandMenuLabel = 'Expand';
        this.collapseMenuLabel = 'Collapse';
    }
    get cssClasses() {
        return [
            super.getCssClasses('eui-menu-item'),
        ].join(' ').trim();
    }
    stopPropagation(event) {
        event.stopPropagation();
    }
    onClick(event) {
        this.clicked.emit(this.item);
        consumeEvent(event);
    }
    onExpandToggle(event) {
        this.expandToggled.emit(this.item);
        consumeEvent(event);
    }
    onActionIconClick(event) {
        this.actionIconClicked.emit({ item: this.item, event: event });
    }
}
/** @nocollapse */ EuiMenuItemComponent.ɵfac = function EuiMenuItemComponent_Factory(t) { return new (t || EuiMenuItemComponent)(); };
/** @nocollapse */ EuiMenuItemComponent.ɵcmp = i0.ɵɵdefineComponent({ type: EuiMenuItemComponent, selectors: [["eui-menu-item"]], hostVars: 2, hostBindings: function EuiMenuItemComponent_HostBindings(rf, ctx) { if (rf & 1) {
        i0.ɵɵlistener("click", function EuiMenuItemComponent_click_HostBindingHandler($event) { return ctx.stopPropagation($event); });
    } if (rf & 2) {
        i0.ɵɵclassMap(ctx.cssClasses);
    } }, inputs: { item: "item", hasIcon: "hasIcon", hasTooltip: "hasTooltip", isCollapsed: "isCollapsed" }, outputs: { expandToggled: "expandToggled", clicked: "clicked", actionIconClicked: "actionIconClicked" }, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c1, decls: 7, vars: 3, consts: [["class", "eui-menu-item eui-menu-item__category", "role", "menuitem", "euiTooltipRounded", "", "position", "after", 3, "eui-menu-item--disabled", "euiTooltip", 4, "ngIf"], ["role", "menuitem", "class", "eui-menu-item", "euiTooltipRounded", "", "position", "after", 3, "eui-menu-item--expanded", "euiTooltip", 4, "ngIf"], ["linkContent", ""], ["content", ""], ["role", "menuitem", "euiTooltipRounded", "", "position", "after", 1, "eui-menu-item", "eui-menu-item__category", 3, "euiTooltip"], [3, "ngClass"], [1, "eui-menu-item__category-label"], [1, "eui-menu-item__label"], ["role", "menuitem", "euiTooltipRounded", "", "position", "after", 1, "eui-menu-item", 3, "euiTooltip"], [1, "eui-menu-item__link", 3, "routerLink", "routerLinkActive", "click"], [4, "ngTemplateOutlet"], [3, "ngTemplateOutletContext"], ["href", "javascript:void(0)", 1, "eui-menu-item__link", 3, "click"], [3, "class", 4, "ngIf"], [1, "eui-menu-item__link-label"], ["class", "eui-menu-item__label-external eui-icon eui-icon-ecl-external", 4, "ngIf"], [1, "eui-menu-item__link-right-content"], ["euiSize2XS", "", "euiRounded", "", "euiOutline", "", 3, "styleClass", 4, "ngIf"], [3, "click"], ["euiButton", "", "euiRounded", "", "euiIconButton", "", "euiSizeS", "", "euiBasicButton", "", "euiSecondary", "", "class", "eui-menu-item__link-toggle", 3, "euiDisabled", "click", 4, "ngIf"], [1, "eui-menu-item__label-external", "eui-icon", "eui-icon-ecl-external"], ["euiSize2XS", "", "euiRounded", "", "euiOutline", "", 3, "styleClass"], ["euiLabel", ""], ["euiButton", "", "euiRounded", "", "euiIconButton", "", "euiSizeS", "", "euiBasicButton", "", "euiSecondary", "", 1, "eui-menu-item__link-toggle", 3, "euiDisabled", "click"], [1, "eui-icon", 3, "ngClass"]], template: function EuiMenuItemComponent_Template(rf, ctx) { if (rf & 1) {
        i0.ɵɵprojectionDef();
        i0.ɵɵtemplate(0, EuiMenuItemComponent_li_0_Template, 6, 13, "li", 0);
        i0.ɵɵtemplate(1, EuiMenuItemComponent_li_1_Template, 5, 16, "li", 1);
        i0.ɵɵtemplate(2, EuiMenuItemComponent_li_2_Template, 5, 14, "li", 1);
        i0.ɵɵtemplate(3, EuiMenuItemComponent_ng_template_3_Template, 10, 18, "ng-template", null, 2, i0.ɵɵtemplateRefExtractor);
        i0.ɵɵtemplate(5, EuiMenuItemComponent_ng_template_5_Template, 1, 0, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor);
    } if (rf & 2) {
        i0.ɵɵproperty("ngIf", !ctx.item.url && !ctx.item.urlExternal && !ctx.item.command && !ctx.item.children && !ctx.item.link && ctx.item.visible && ctx.item.filtered);
        i0.ɵɵadvance(1);
        i0.ɵɵproperty("ngIf", (ctx.item.url || ctx.item.urlExternal || ctx.item.children || ctx.item.command || ctx.item.link) && !ctx.item.link && ctx.item.visible && ctx.item.filtered);
        i0.ɵɵadvance(1);
        i0.ɵɵproperty("ngIf", !ctx.item.url && !ctx.item.urlExternal && !ctx.item.command && !ctx.item.children && ctx.item.link && ctx.item.visible && ctx.item.filtered);
    } }, directives: [i1.NgIf, i2.EuiTooltipDirective, i1.NgClass, i3.RouterLinkWithHref, i3.RouterLinkActive, i1.NgTemplateOutlet, i4.EuiChipComponent, i5.EuiButtonComponent], pipes: [i6.EuiMenuTooltipContent], styles: [".eui-menu,.eui-menu-wrapper{display:flex;flex-direction:column;flex-shrink:0;width:100%}.eui-menu--no-items,.eui-menu-wrapper--no-items{color:var(--eui-color-grey);display:block;text-align:center}.eui-menu--collapsed .eui-menu-filter{transition:none;visibility:hidden}.eui-menu-filter{margin:var(--eui-spacing) 0;padding:0 var(--eui-spacing);position:relative}.eui-menu-filter__search-icon{color:var(--eui-color-grey);font-size:var(--eui-font-size-3xl);left:var(--eui-spacing-xs);position:absolute;top:var(--eui-spacing-xs)}.eui-menu-filter.eui-clearable-input-wrapper__clear{background-color:var(--eui-color-white);opacity:1}.eui-menu-filter__input{border:1px solid var(--eui-color-grey-lighter);padding-left:var(--eui-spacing-2xl);padding-right:var(--eui-spacing-xl);width:100%}.eui-menu-item{display:flex;flex-direction:column;position:relative;width:100%}.eui-menu--collapsed .eui-menu-item{align-items:center;display:flex;flex-direction:column}.eui-menu-item__category{align-items:center;color:var(--eui-color-grey-darker);display:flex;flex-direction:row;font-size:var(--eui-font-size-s);font-weight:700;height:calc(var(--eui-spacing)*2.75);justify-content:center;padding:var(--eui-spacing-xs) var(--eui-spacing);text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out}.eui-page-column__body .eui-menu-item__category{font-weight:500;text-transform:inherit}.eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-color-grey-lightest);cursor:default;text-decoration:none}.eui-menu-item__category-icon{color:var(--eui-color-grey-darker);font-size:var(--eui-font-size-2xl)}.eui-menu-item__category-icon:not(.eui-menu-item__category-icon--default)+.eui-menu-item__category-label,.eui-menu-item__category-icon:not(.eui-menu-item__category-icon--none)+.eui-menu-item__category-label{padding-left:var(--eui-spacing-xs)}.eui-menu-item__category-icon--none{padding:0}.eui-menu-item__category-icon--default{align-items:center;display:flex;justify-content:center;width:100%}.eui-menu-item__category-icon--default:before{background:#9b9b9b;border-radius:50%;content:\"\";height:5px;width:5px}.ff.eui-menu--collapsed .eui-menu-item__category-icon--default{margin-left:var(--eui-spacing-2xs)}.eui-menu-item__category-label{overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;width:100%}.eui-menu--collapsed .eui-menu-item__category-label{display:none}.eui-page-column__body .eui-menu-item__category-label{font-size:var(--eui-font-size)}.eui-menu-item__link{align-items:center;border-top:.1rem solid #efefef;color:var(--eui-color-font);display:flex;height:calc(var(--eui-spacing)*2.75);justify-content:center;padding-left:var(--eui-spacing);padding-right:var(--eui-spacing);text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out;white-space:nowrap;width:100%}.eui-page-column__body .eui-menu-item__link{text-transform:inherit}.eui-menu-item__link:focus{text-decoration:none}.eui-menu-item__link:hover:not(.eui-menu-item--disabled){background-color:var(--eui-color-primary-lightester-2);text-decoration:none}.eui-menu-item__link:hover:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-color-primary)}.eui-menu-item__link--active:not(.eui-menu-item--disabled),.eui-menu-item__link:active:not(.eui-menu-item--disabled){background-color:var(--eui-color-primary-lightester-2);font-weight:700;text-decoration:none}.eui-menu-item__link--active:not(.eui-menu-item--disabled) .eui-menu-item__link-label,.eui-menu-item__link:active:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-color-primary)}.eui-menu-item__link-icon{color:var(--eui-color-grey-darker);font-size:var(--eui-font-size-2xl)}.eui-menu-item__link-icon+.eui-menu-item__link-label{padding-left:var(--eui-spacing-xs)}.eui-menu-item__link-icon--with-badge .eui-chip{display:flex;height:var(--eui-spacing);left:-12px;position:absolute;top:-4px}.eui-menu-item__link-icon--none{padding:0}.eui-menu-item__link-icon--none+.eui-menu-item__category-label{margin-left:calc(var(--eui-spacing-s)*-1)}.eui-menu-item__link-icon--default{align-items:center;display:flex;flex-direction:column;font-size:var(--eui-font-size-xs);justify-content:inherit;width:100%}.ff.eui-menu--collapsed .eui-menu-item__link-icon--default{margin-left:var(--eui-spacing-2xs)}.eui-menu-item__link-label{font-size:calc(var(--eui-font-size) - 1px);overflow:hidden;padding-top:var(--eui-spacing-3xs);position:relative;text-overflow:ellipsis;white-space:nowrap;width:100%}.eui-menu--collapsed .eui-menu-item__link-label{display:none}.eui-page-column__body .eui-menu-item__link-label{font-size:var(--eui-font-size)}.eui-menu-item__link-right-content{align-items:center;display:flex;height:calc(var(--eui-spacing)*2.5);margin-left:auto}.eui-menu--collapsed .eui-menu-item__link-right-content{margin:0}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-chip .eui-chip__content-container>span{display:inline-block;max-width:var(--eui-spacing-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-tag-label{display:flex;margin-left:var(--eui-spacing-xs);transform:scale(1)}.eui-menu--collapsed .eui-menu-item__link-tag-label{position:absolute;right:1px;top:0;transform:scale(.875)}.eui-menu-item__link-toggle{font-size:var(--eui-font-size);margin-left:var(--eui-spacing-2xs)!important;margin-right:calc(var(--eui-spacing-xs)*-1)!important;transition:all .3s linear!important}.eui-menu--collapsed .eui-menu-item__link-toggle{display:none;transition:none}.eui-menu-item__link-toggle .eui-button__container .eui-icon{font-size:var(--eui-font-size-l)!important}.eui-menu-item__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.eui-menu-item__label-external{color:var(--eui-color-grey);font-size:var(--eui-font-size-xs);margin-left:var(--eui-spacing-xs)}.eui-menu-item .eui-button.eui-menu-item__link-toggle:active,.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus{border:2px solid var(--eui-color-accessible-focus);outline:none;transition:border .15s ease-in-out}.eui-app.ff.sidebar--close .eui-menu-item__link-tag-label{right:0}.eui-menu-item--expanded .eui-menu-item__category{display:flex}.eui-menu-item--disabled{background-image:none;box-shadow:none;cursor:default;opacity:.65;pointer-events:none}.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__category-icon,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__category-icon--default,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__link-icon,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__link-icon--default{display:none}.eui-menu-sub{text-decoration:none}.eui-menu-sub .eui-menu-item__category{align-items:center;color:var(--eui-color-grey-darker);display:flex;flex-direction:row;font-size:var(--eui-font-size-s);font-weight:700;height:calc(var(--eui-spacing)*2.25);justify-content:center;overflow:hidden;padding:var(--eui-spacing-xs) var(--eui-spacing);text-decoration:none;text-overflow:ellipsis;text-transform:uppercase;transition:all .3s ease-in-out;white-space:nowrap}.eui-page-column__body .eui-menu-sub .eui-menu-item__category{font-weight:500;text-transform:inherit}.eui-menu-sub .eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-color-grey-lightest);cursor:default;text-decoration:none}.eui-menu-sub .eui-menu-item__category-icon--default{color:var(--eui-color-primary-light);font-size:var(--eui-font-size)}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__category-icon--default{margin-left:var(--eui-spacing-2xs)}.eui-menu-sub .eui-menu-item__link{border:none;height:calc(var(--eui-spacing)*2.25);padding-left:calc(var(--eui-spacing)*2);text-transform:none}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-spacing)}.eui-menu-sub .eui-menu-item__link-icon{font-size:var(--eui-font-size-2xl)}.eui-menu-sub .eui-menu-item__link-icon+.eui-menu-item__link-label{padding-left:var(--eui-spacing-xs)}.eui-menu-sub .eui-menu-item__link-icon--default{font-size:var(--eui-font-size-xs);margin:0}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-icon--default{margin-left:var(--eui-spacing-2xs)}.eui-menu-sub .eui-menu-item__link-icon--none{display:none}.eui-menu-sub .eui-menu-item__link-marker{display:flex;font-size:var(--eui-font-size-xs);justify-content:center;position:relative;top:calc(var(--eui-spacing-2xs) - 2px)}.eui-menu-sub .eui-menu-item__link-marker.eui-menu-item__link-marker--default+.eui-menu-item__link-label,.eui-menu-sub .eui-menu-item__link-marker.eui-menu-item__link-marker--none+.eui-menu-item__link-label{padding-left:var(--eui-spacing-xs)}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-marker{margin-left:calc(var(--eui-spacing-2xs)*-1)}.eui-menu-sub .eui-menu-item__link-label{font-size:calc(var(--eui-font-size) - 1px);height:auto;overflow:hidden;padding-top:var(--eui-spacing-3xs);text-overflow:ellipsis;white-space:nowrap;width:100%}.eui-menu-sub .eui-menu-item__link-right-content{align-items:center;display:flex;height:calc(var(--eui-spacing)*2.5);margin-left:auto}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-right-content{margin-left:var(--eui-spacing-2xs)}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-right-content .eui-chip .eui-chip__content-container>span{display:inline-block;max-width:var(--eui-spacing-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-sub .eui-menu-sub .eui-menu-item{padding-left:calc(var(--eui-spacing)*1)}.eui-menu--collapsed .eui-menu--no-icons .eui-menu-sub .eui-menu-item__link{margin-left:calc(var(--eui-spacing)*-1)}.eui-t-compact .eui-menu-item__category-icon,.eui-t-compact .eui-menu-item__link-icon{font-size:var(--eui-font-size-3xl)}.eui-t-compact .eui-menu-item__category-icon--default,.eui-t-compact .eui-menu-item__link-icon--default{font-size:var(--eui-font-size-xs)}.eui-t-compact .eui-menu-item__link-tag-label{transform:scale(1.1)}.eui-t-compact .eui-menu-item__category-label{font-size:calc(var(--eui-font-size) - 1px)}"], encapsulation: 2 });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(EuiMenuItemComponent, [{
        type: Component,
        args: [{
                selector: 'eui-menu-item',
                templateUrl: './eui-menu-item.component.html',
                styleUrls: ['./styles/_index.scss'],
                changeDetection: ChangeDetectionStrategy.Default,
                encapsulation: ViewEncapsulation.None,
            }]
    }], function () { return []; }, { item: [{
            type: Input
        }], hasIcon: [{
            type: Input
        }], hasTooltip: [{
            type: Input
        }], isCollapsed: [{
            type: Input
        }], expandToggled: [{
            type: Output
        }], clicked: [{
            type: Output
        }], actionIconClicked: [{
            type: Output
        }], cssClasses: [{
            type: HostBinding,
            args: ['class']
        }], stopPropagation: [{
            type: HostListener,
            args: ['click', ['$event']]
        }] }); })();
//# sourceMappingURL=data:application/json;base64, 