// © 2022 SolarWinds Worldwide, LLC. All rights reserved.
//
// Permission is hereby granted, free of charge, to any person obtaining a copy
//  of this software and associated documentation files (the "Software"), to
//  deal in the Software without restriction, including without limitation the
//  rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
//  sell copies of the Software, and to permit persons to whom the Software is
//  furnished to do so, subject to the following conditions:
//
// The above copyright notice and this permission notice shall be included in
//  all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
//  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
//  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
//  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
//  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
//  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
//  THE SOFTWARE.
import { Component, EventEmitter, HostBinding, Input, Output, QueryList, ViewChildren, ViewEncapsulation, } from "@angular/core";
import _isFunction from "lodash/isFunction";
import moment from "moment/moment";
import { MenuItemBaseComponent } from "../menu-item/menu-item/menu-item-base";
import * as i0 from "@angular/core";
import * as i1 from "../menu-item/menu-action/menu-action.component";
import * as i2 from "../menu-item/menu-link/menu-link.component";
import * as i3 from "../menu-item/menu-option/menu-option.component";
import * as i4 from "../menu-item/menu-switch/menu-switch.component";
import * as i5 from "../menu-item/menu-item/menu-item.component";
import * as i6 from "../../divider/divider.component";
import * as i7 from "@angular/common";
/**
 * @ignore
 */
/**
 * Examples: <example-url>./../../../demo/index.html#/menu</example-url><br />
 * "nui-menu" provides simple dropdown menu option with custom items:
 * "nui-header", "nui-divider", "nui-action", "nui-link", "nui-option"
 */
export class MenuPopupComponent {
    constructor() {
        this.menuItemClicked = new EventEmitter();
    }
    get smCssClass() {
        return this.size === "small";
    }
    get lgCssClass() {
        return this.size === "large";
    }
    handleClick(item) {
        if (!item.disabled) {
            this.menuItemClicked?.emit(item);
            if (_isFunction(item.action)) {
                item.action();
            }
        }
    }
    getDisplayValue(item) {
        return item.displayFormat
            ? moment(item.title).format(item.displayFormat)
            : item.title;
    }
    stopClickPropagation(event) {
        event.stopImmediatePropagation();
    }
}
MenuPopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MenuPopupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
MenuPopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: MenuPopupComponent, selector: "nui-menu-popup", inputs: { itemsSource: "itemsSource", size: "size" }, outputs: { menuItemClicked: "menuItemClicked" }, host: { attributes: { "role": "menu" }, properties: { "class.nui-menu-popup--sm": "this.smCssClass", "class.nui-menu-popup--lg": "this.lgCssClass" }, classAttribute: "nui-menu-popup" }, viewQueries: [{ propertyName: "menuItems", predicate: MenuItemBaseComponent, descendants: true }], ngImport: i0, template: "<ng-template ngFor let-group [ngForOf]=\"itemsSource\" let-last=\"last\">\n    <div\n        class=\"nui-menu-item nui-menu-item--header\"\n        *ngIf=\"group.header\"\n        (click)=\"stopClickPropagation($event)\"\n    >\n        {{ group.header }}\n    </div>\n    <ng-template ngFor let-item [ngForOf]=\"group.itemsSource\">\n        <ng-container [ngSwitch]=\"item.itemType\">\n            <ng-container *ngSwitchCase=\"'action'\">\n                <nui-menu-action\n                    [disabled]=\"item.disabled\"\n                    [icon]=\"item.icon\"\n                    *ngIf=\"!item.removed\"\n                    [hidden]=\"item.hidden\"\n                    [type]=\"item.itemClass\"\n                    (click)=\"handleClick(item)\"\n                >\n                    <ng-container>\n                        {{ getDisplayValue(item) }}\n                    </ng-container>\n                </nui-menu-action>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'link'\">\n                <nui-menu-link\n                    [disabled]=\"item.disabled\"\n                    [url]=\"item.url\"\n                    [target]=\"item.target\"\n                    [icon]=\"item.icon\"\n                    *ngIf=\"!item.removed\"\n                    [hidden]=\"item.hidden\"\n                    (click)=\"handleClick(item)\"\n                >\n                    <ng-container>\n                        {{ getDisplayValue(item) }}\n                    </ng-container>\n                </nui-menu-link>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'option'\">\n                <nui-menu-option\n                    [disabled]=\"item.disabled\"\n                    [checked]=\"item.checked\"\n                    (click)=\"handleClick(item)\"\n                >\n                    <ng-container>\n                        {{ getDisplayValue(item) }}\n                    </ng-container>\n                </nui-menu-option>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'switch'\">\n                <nui-menu-switch\n                    [disabled]=\"item.disabled\"\n                    [checked]=\"item.checked\"\n                    (click)=\"handleClick(item)\"\n                >\n                    <ng-container>\n                        {{ getDisplayValue(item) }}\n                    </ng-container>\n                </nui-menu-switch>\n            </ng-container>\n            <ng-container *ngSwitchDefault>\n                <nui-menu-item\n                    [ngClass]=\"{ 'nui-menu-item--selected': item.isSelected }\"\n                    (actionDone)=\"handleClick(item)\"\n                >\n                    {{ getDisplayValue(item) }}\n                </nui-menu-item>\n            </ng-container>\n        </ng-container>\n    </ng-template>\n    <div\n        *ngIf=\"!last\"\n        class=\"nui-menu-popup-divider--container\"\n        (click)=\"stopClickPropagation($event)\"\n    >\n        <nui-divider size=\"extra-small\"></nui-divider>\n    </div>\n</ng-template>\n", styles: [".nui-menu-item{display:list-item;list-style-type:none;white-space:nowrap;margin-bottom:1px;font-size:13px;background-color:var(--nui-color-bg-transparent,transparent)}.nui-menu-item:not(.nui-menu-item--header){min-height:30px}.nui-menu-item .nui-icon{margin-right:5px}.nui-menu-item:not(.nui-menu-item--header):hover{background-color:var(--nui-color-bg-transparent-hover,rgba(17, 17, 17, .05))}.nui-menu-item:not(.nui-menu-item--header):hover .nui-checkbox__label{background-color:var(--transparent,transparent)}.nui-menu-item.nui-menu-item--header{padding:5px 10px;text-transform:uppercase;cursor:default;font-size:11px;color:var(--nui-color-text-secondary,rgba(17, 17, 17, .6));line-height:14px}.nui-menu-item.nui-menu-item__default,.nui-menu-item .nui-checkbox__transclude,.nui-menu-item>.nui-menu-item__link,.nui-menu-item>.nui-menu-item__switch,.nui-menu-item>.nui-menu-item__option{overflow:hidden;text-overflow:ellipsis}.nui-menu-item>.nui-menu-item__link,.nui-menu-item>.nui-menu-item__switch,.nui-menu-item>.nui-menu-item__option,.nui-menu-item>.nui-menu-item__default{display:flex;align-items:center;padding:5px 10px;text-decoration:none}.nui-menu-item>.nui-menu-item__link:active,.nui-menu-item>.nui-menu-item__switch:active,.nui-menu-item>.nui-menu-item__option:active,.nui-menu-item>.nui-menu-item__default:active,.nui-menu-item>.nui-menu-item__link:focus,.nui-menu-item>.nui-menu-item__switch:focus,.nui-menu-item>.nui-menu-item__option:focus,.nui-menu-item>.nui-menu-item__default:focus{outline:none;z-index:500;box-shadow:inset 0 0 0 2px #00c4d280}.nui-menu-item.checked{background-color:var(--nui-color-selected,rgba(0, 196, 210, .1));font-weight:600}.nui-menu-item.checked:hover{background-color:var(--nui-color-selected-hover,rgba(0, 196, 210, .2));font-weight:600;cursor:pointer}.nui-menu-item .nui-menu-item__default{padding:5px 10px;cursor:pointer;color:var(--nui-color-text-default,#111)}.nui-menu-item .nui-menu-item__default:hover{color:var(--nui-color-text-default-hover,#000000)}.nui-menu-item--active{background-color:var(--nui-color-bg-light-hover,#f2f2f2);outline:none;z-index:500;box-shadow:inset 0 0 0 2px #00c4d280}.nui-menu-item--active.nui-menu-item--selected,.nui-menu-item--active.nui-menu-item.checked{background-color:var(--nui-color-selected-hover,rgba(0, 196, 210, .2))}.nui-menu-item.nui-menu-item--selected{background-color:var(--nui-color-selected,rgba(0, 196, 210, .1));font-weight:600}.nui-menu-item.nui-menu-item--selected:hover{background-color:var(--nui-color-selected-hover,rgba(0, 196, 210, .2))}.nui-menu-popup [hidden]{display:none!important}@-moz-document url-prefix(){.nui-menu-popup .nui-menu-item{padding-right:15px}}.nui-menu-popup.nui-menu-popup--lg{font-size:13px;line-height:18px;border-radius:0}.nui-menu-popup.nui-menu-popup--lg .nui-menu-item{font-size:13px;line-height:18px}.nui-menu-popup.nui-menu-popup--lg .nui-menu-item.nui-menu-item--header{font-size:13px}.nui-menu-popup.nui-menu-popup--sm{font-size:11px;line-height:18px;border-radius:0}.nui-menu-popup.nui-menu-popup--sm .nui-menu-item{font-size:11px;line-height:18px}.nui-menu-popup.nui-menu-popup--sm .nui-menu-item.nui-menu-item--header{font-size:11px}.nui-menu-popup .nui-menu-item{display:list-item;list-style-type:none;white-space:nowrap;margin-bottom:1px;font-size:13px;background-color:var(--nui-color-bg-transparent,transparent)}.nui-menu-popup .nui-menu-item:not(.nui-menu-item--header){min-height:30px}.nui-menu-popup .nui-menu-item .nui-icon{margin-right:5px}.nui-menu-popup .nui-menu-item:not(.nui-menu-item--header):hover{background-color:var(--nui-color-bg-transparent-hover,rgba(17, 17, 17, .05))}.nui-menu-popup .nui-menu-item:not(.nui-menu-item--header):hover .nui-checkbox__label{background-color:var(--transparent,transparent)}.nui-menu-popup .nui-menu-item.nui-menu-item--header{padding:5px 10px;text-transform:uppercase;cursor:default;font-size:11px;color:var(--nui-color-text-secondary,rgba(17, 17, 17, .6));line-height:14px}.nui-menu-popup .nui-menu-item.nui-menu-item__default,.nui-menu-popup .nui-menu-item .nui-checkbox__transclude,.nui-menu-popup .nui-menu-item>.nui-menu-item__link,.nui-menu-popup .nui-menu-item>.nui-menu-item__switch,.nui-menu-popup .nui-menu-item>.nui-menu-item__option{overflow:hidden;text-overflow:ellipsis}.nui-menu-popup .nui-menu-item>.nui-menu-item__link,.nui-menu-popup .nui-menu-item>.nui-menu-item__switch,.nui-menu-popup .nui-menu-item>.nui-menu-item__option,.nui-menu-popup .nui-menu-item>.nui-menu-item__default{display:flex;align-items:center;padding:5px 10px;text-decoration:none}.nui-menu-popup .nui-menu-item>.nui-menu-item__link:active,.nui-menu-popup .nui-menu-item>.nui-menu-item__switch:active,.nui-menu-popup .nui-menu-item>.nui-menu-item__option:active,.nui-menu-popup .nui-menu-item>.nui-menu-item__default:active,.nui-menu-popup .nui-menu-item>.nui-menu-item__link:focus,.nui-menu-popup .nui-menu-item>.nui-menu-item__switch:focus,.nui-menu-popup .nui-menu-item>.nui-menu-item__option:focus,.nui-menu-popup .nui-menu-item>.nui-menu-item__default:focus{outline:none;z-index:500;box-shadow:inset 0 0 0 2px #00c4d280}.nui-menu-popup .nui-menu-item.checked{background-color:var(--nui-color-selected,rgba(0, 196, 210, .1));font-weight:600}.nui-menu-popup .nui-menu-item.checked:hover{background-color:var(--nui-color-selected-hover,rgba(0, 196, 210, .2));font-weight:600;cursor:pointer}.nui-menu-popup .nui-menu-item .nui-menu-item__default{padding:5px 10px;cursor:pointer;color:var(--nui-color-text-default,#111)}.nui-menu-popup .nui-menu-item .nui-menu-item__default:hover{color:var(--nui-color-text-default-hover,#000000)}.nui-menu-popup .nui-menu-item--active{background-color:var(--nui-color-bg-light-hover,#f2f2f2);outline:none;z-index:500;box-shadow:inset 0 0 0 2px #00c4d280}.nui-menu-popup .nui-menu-item.nui-menu-item--selected{background-color:var(--nui-color-selected,rgba(0, 196, 210, .1));font-weight:600}.nui-menu-popup .nui-menu-item.nui-menu-item--selected:hover{background-color:var(--nui-color-selected-hover,rgba(0, 196, 210, .2))}.nui-menu-popup .nui-menu-item--active{background-color:var(--nui-color-bg-light-hover,#f2f2f2)}.nui-menu-popup .nui-menu-item--active.nui-menu-item--selected,.nui-menu-popup .nui-menu-item--active.nui-menu-item.checked{background-color:var(--nui-color-selected-hover,rgba(0, 196, 210, .2))}.nui-menu-popup-divider--container{overflow:auto}\n"], components: [{ type: i1.MenuActionComponent, selector: "nui-menu-action", inputs: ["icon", "type"] }, { type: i2.MenuLinkComponent, selector: "nui-menu-link", inputs: ["url", "target", "icon"] }, { type: i3.MenuOptionComponent, selector: "nui-menu-option", inputs: ["name", "value", "checked"] }, { type: i4.MenuSwitchComponent, selector: "nui-menu-switch", inputs: ["checked", "disabled"] }, { type: i5.MenuItemComponent, selector: "nui-menu-item" }, { type: i6.DividerComponent, selector: "nui-divider", inputs: ["isVertical", "size"] }], directives: [{ type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i7.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i7.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MenuPopupComponent, decorators: [{
            type: Component,
            args: [{ selector: "nui-menu-popup", host: {
                        class: "nui-menu-popup",
                        role: "menu",
                    }, encapsulation: ViewEncapsulation.None, template: "<ng-template ngFor let-group [ngForOf]=\"itemsSource\" let-last=\"last\">\n    <div\n        class=\"nui-menu-item nui-menu-item--header\"\n        *ngIf=\"group.header\"\n        (click)=\"stopClickPropagation($event)\"\n    >\n        {{ group.header }}\n    </div>\n    <ng-template ngFor let-item [ngForOf]=\"group.itemsSource\">\n        <ng-container [ngSwitch]=\"item.itemType\">\n            <ng-container *ngSwitchCase=\"'action'\">\n                <nui-menu-action\n                    [disabled]=\"item.disabled\"\n                    [icon]=\"item.icon\"\n                    *ngIf=\"!item.removed\"\n                    [hidden]=\"item.hidden\"\n                    [type]=\"item.itemClass\"\n                    (click)=\"handleClick(item)\"\n                >\n                    <ng-container>\n                        {{ getDisplayValue(item) }}\n                    </ng-container>\n                </nui-menu-action>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'link'\">\n                <nui-menu-link\n                    [disabled]=\"item.disabled\"\n                    [url]=\"item.url\"\n                    [target]=\"item.target\"\n                    [icon]=\"item.icon\"\n                    *ngIf=\"!item.removed\"\n                    [hidden]=\"item.hidden\"\n                    (click)=\"handleClick(item)\"\n                >\n                    <ng-container>\n                        {{ getDisplayValue(item) }}\n                    </ng-container>\n                </nui-menu-link>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'option'\">\n                <nui-menu-option\n                    [disabled]=\"item.disabled\"\n                    [checked]=\"item.checked\"\n                    (click)=\"handleClick(item)\"\n                >\n                    <ng-container>\n                        {{ getDisplayValue(item) }}\n                    </ng-container>\n                </nui-menu-option>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'switch'\">\n                <nui-menu-switch\n                    [disabled]=\"item.disabled\"\n                    [checked]=\"item.checked\"\n                    (click)=\"handleClick(item)\"\n                >\n                    <ng-container>\n                        {{ getDisplayValue(item) }}\n                    </ng-container>\n                </nui-menu-switch>\n            </ng-container>\n            <ng-container *ngSwitchDefault>\n                <nui-menu-item\n                    [ngClass]=\"{ 'nui-menu-item--selected': item.isSelected }\"\n                    (actionDone)=\"handleClick(item)\"\n                >\n                    {{ getDisplayValue(item) }}\n                </nui-menu-item>\n            </ng-container>\n        </ng-container>\n    </ng-template>\n    <div\n        *ngIf=\"!last\"\n        class=\"nui-menu-popup-divider--container\"\n        (click)=\"stopClickPropagation($event)\"\n    >\n        <nui-divider size=\"extra-small\"></nui-divider>\n    </div>\n</ng-template>\n", styles: [".nui-menu-item{display:list-item;list-style-type:none;white-space:nowrap;margin-bottom:1px;font-size:13px;background-color:var(--nui-color-bg-transparent,transparent)}.nui-menu-item:not(.nui-menu-item--header){min-height:30px}.nui-menu-item .nui-icon{margin-right:5px}.nui-menu-item:not(.nui-menu-item--header):hover{background-color:var(--nui-color-bg-transparent-hover,rgba(17, 17, 17, .05))}.nui-menu-item:not(.nui-menu-item--header):hover .nui-checkbox__label{background-color:var(--transparent,transparent)}.nui-menu-item.nui-menu-item--header{padding:5px 10px;text-transform:uppercase;cursor:default;font-size:11px;color:var(--nui-color-text-secondary,rgba(17, 17, 17, .6));line-height:14px}.nui-menu-item.nui-menu-item__default,.nui-menu-item .nui-checkbox__transclude,.nui-menu-item>.nui-menu-item__link,.nui-menu-item>.nui-menu-item__switch,.nui-menu-item>.nui-menu-item__option{overflow:hidden;text-overflow:ellipsis}.nui-menu-item>.nui-menu-item__link,.nui-menu-item>.nui-menu-item__switch,.nui-menu-item>.nui-menu-item__option,.nui-menu-item>.nui-menu-item__default{display:flex;align-items:center;padding:5px 10px;text-decoration:none}.nui-menu-item>.nui-menu-item__link:active,.nui-menu-item>.nui-menu-item__switch:active,.nui-menu-item>.nui-menu-item__option:active,.nui-menu-item>.nui-menu-item__default:active,.nui-menu-item>.nui-menu-item__link:focus,.nui-menu-item>.nui-menu-item__switch:focus,.nui-menu-item>.nui-menu-item__option:focus,.nui-menu-item>.nui-menu-item__default:focus{outline:none;z-index:500;box-shadow:inset 0 0 0 2px #00c4d280}.nui-menu-item.checked{background-color:var(--nui-color-selected,rgba(0, 196, 210, .1));font-weight:600}.nui-menu-item.checked:hover{background-color:var(--nui-color-selected-hover,rgba(0, 196, 210, .2));font-weight:600;cursor:pointer}.nui-menu-item .nui-menu-item__default{padding:5px 10px;cursor:pointer;color:var(--nui-color-text-default,#111)}.nui-menu-item .nui-menu-item__default:hover{color:var(--nui-color-text-default-hover,#000000)}.nui-menu-item--active{background-color:var(--nui-color-bg-light-hover,#f2f2f2);outline:none;z-index:500;box-shadow:inset 0 0 0 2px #00c4d280}.nui-menu-item--active.nui-menu-item--selected,.nui-menu-item--active.nui-menu-item.checked{background-color:var(--nui-color-selected-hover,rgba(0, 196, 210, .2))}.nui-menu-item.nui-menu-item--selected{background-color:var(--nui-color-selected,rgba(0, 196, 210, .1));font-weight:600}.nui-menu-item.nui-menu-item--selected:hover{background-color:var(--nui-color-selected-hover,rgba(0, 196, 210, .2))}.nui-menu-popup [hidden]{display:none!important}@-moz-document url-prefix(){.nui-menu-popup .nui-menu-item{padding-right:15px}}.nui-menu-popup.nui-menu-popup--lg{font-size:13px;line-height:18px;border-radius:0}.nui-menu-popup.nui-menu-popup--lg .nui-menu-item{font-size:13px;line-height:18px}.nui-menu-popup.nui-menu-popup--lg .nui-menu-item.nui-menu-item--header{font-size:13px}.nui-menu-popup.nui-menu-popup--sm{font-size:11px;line-height:18px;border-radius:0}.nui-menu-popup.nui-menu-popup--sm .nui-menu-item{font-size:11px;line-height:18px}.nui-menu-popup.nui-menu-popup--sm .nui-menu-item.nui-menu-item--header{font-size:11px}.nui-menu-popup .nui-menu-item{display:list-item;list-style-type:none;white-space:nowrap;margin-bottom:1px;font-size:13px;background-color:var(--nui-color-bg-transparent,transparent)}.nui-menu-popup .nui-menu-item:not(.nui-menu-item--header){min-height:30px}.nui-menu-popup .nui-menu-item .nui-icon{margin-right:5px}.nui-menu-popup .nui-menu-item:not(.nui-menu-item--header):hover{background-color:var(--nui-color-bg-transparent-hover,rgba(17, 17, 17, .05))}.nui-menu-popup .nui-menu-item:not(.nui-menu-item--header):hover .nui-checkbox__label{background-color:var(--transparent,transparent)}.nui-menu-popup .nui-menu-item.nui-menu-item--header{padding:5px 10px;text-transform:uppercase;cursor:default;font-size:11px;color:var(--nui-color-text-secondary,rgba(17, 17, 17, .6));line-height:14px}.nui-menu-popup .nui-menu-item.nui-menu-item__default,.nui-menu-popup .nui-menu-item .nui-checkbox__transclude,.nui-menu-popup .nui-menu-item>.nui-menu-item__link,.nui-menu-popup .nui-menu-item>.nui-menu-item__switch,.nui-menu-popup .nui-menu-item>.nui-menu-item__option{overflow:hidden;text-overflow:ellipsis}.nui-menu-popup .nui-menu-item>.nui-menu-item__link,.nui-menu-popup .nui-menu-item>.nui-menu-item__switch,.nui-menu-popup .nui-menu-item>.nui-menu-item__option,.nui-menu-popup .nui-menu-item>.nui-menu-item__default{display:flex;align-items:center;padding:5px 10px;text-decoration:none}.nui-menu-popup .nui-menu-item>.nui-menu-item__link:active,.nui-menu-popup .nui-menu-item>.nui-menu-item__switch:active,.nui-menu-popup .nui-menu-item>.nui-menu-item__option:active,.nui-menu-popup .nui-menu-item>.nui-menu-item__default:active,.nui-menu-popup .nui-menu-item>.nui-menu-item__link:focus,.nui-menu-popup .nui-menu-item>.nui-menu-item__switch:focus,.nui-menu-popup .nui-menu-item>.nui-menu-item__option:focus,.nui-menu-popup .nui-menu-item>.nui-menu-item__default:focus{outline:none;z-index:500;box-shadow:inset 0 0 0 2px #00c4d280}.nui-menu-popup .nui-menu-item.checked{background-color:var(--nui-color-selected,rgba(0, 196, 210, .1));font-weight:600}.nui-menu-popup .nui-menu-item.checked:hover{background-color:var(--nui-color-selected-hover,rgba(0, 196, 210, .2));font-weight:600;cursor:pointer}.nui-menu-popup .nui-menu-item .nui-menu-item__default{padding:5px 10px;cursor:pointer;color:var(--nui-color-text-default,#111)}.nui-menu-popup .nui-menu-item .nui-menu-item__default:hover{color:var(--nui-color-text-default-hover,#000000)}.nui-menu-popup .nui-menu-item--active{background-color:var(--nui-color-bg-light-hover,#f2f2f2);outline:none;z-index:500;box-shadow:inset 0 0 0 2px #00c4d280}.nui-menu-popup .nui-menu-item.nui-menu-item--selected{background-color:var(--nui-color-selected,rgba(0, 196, 210, .1));font-weight:600}.nui-menu-popup .nui-menu-item.nui-menu-item--selected:hover{background-color:var(--nui-color-selected-hover,rgba(0, 196, 210, .2))}.nui-menu-popup .nui-menu-item--active{background-color:var(--nui-color-bg-light-hover,#f2f2f2)}.nui-menu-popup .nui-menu-item--active.nui-menu-item--selected,.nui-menu-popup .nui-menu-item--active.nui-menu-item.checked{background-color:var(--nui-color-selected-hover,rgba(0, 196, 210, .2))}.nui-menu-popup-divider--container{overflow:auto}\n"] }]
        }], propDecorators: { itemsSource: [{
                type: Input
            }], size: [{
                type: Input
            }], menuItems: [{
                type: ViewChildren,
                args: [MenuItemBaseComponent]
            }], smCssClass: [{
                type: HostBinding,
                args: ["class.nui-menu-popup--sm"]
            }], lgCssClass: [{
                type: HostBinding,
                args: ["class.nui-menu-popup--lg"]
            }], menuItemClicked: [{
                type: Output
            }] } });
//# sourceMappingURL=data:application/json;base64, 