@acorex/components 6.5.29 → 6.5.31

package/esm2020/lib/menu/menu.component.mjs

@@ -1,86 +1,86 @@
-import { Component, Input, EventEmitter, Output, ElementRef, ViewEncapsulation, ChangeDetectorRef, TemplateRef, ContentChild } from '@angular/core';
-import { AXEvent } from '../base/events.class';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "../tooltip/tooltip.directive";
-export class AXMenuItemClickEvent extends AXEvent {
-}
-export class AXMenuComponent {
-    constructor(ref, cdr) {
-        this.ref = ref;
-        this.cdr = cdr;
-        this.onItemClick = new EventEmitter();
-        this.size = 'md';
-        this.selection = 'none';
-        this.mode = 'visible';
-        this.direction = 'horizontal';
-    }
-    get menuTemplate() {
-        return this._menuTemplate ? this._menuTemplate : this._contentMenuTemplate;
-    }
-    set menuTemplate(v) {
-        this._menuTemplate = v;
-    }
-    get items() {
-        return this._items;
-    }
-    set items(v) {
-        this._items = v;
-    }
-    ngOnInit() {
-        if (this.rtl == null) {
-            this.rtl = window.getComputedStyle(this.ref.nativeElement, null).getPropertyValue('direction') === 'rtl';
-        }
-    }
-    handleItemClick(e, item) {
-        e.stopPropagation();
-        if (item && (!item.items || !item.items.filter((c) => c.visible !== false).length) && !item.disable) {
-            const m = {
-                component: this,
-                htmlElement: this.ref.nativeElement,
-                htmlEvent: e,
-                data: item,
-                name: item?.name
-            };
-            if (item.onClick) {
-                item.onClick();
-            }
-            else {
-                this.onItemClick.emit(m);
-            }
-            return;
-        }
-    }
-}
-AXMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXMenuComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-AXMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AXMenuComponent, selector: "ax-menu", inputs: { menuTemplate: "menuTemplate", rtl: "rtl", size: "size", selection: "selection", mode: "mode", target: "target", floatAlignment: "floatAlignment", floatPlacemnet: "floatPlacemnet", direction: "direction", items: "items" }, outputs: { onItemClick: "onItemClick" }, queries: [{ propertyName: "_contentMenuTemplate", first: true, predicate: TemplateRef, descendants: true, static: true }], ngImport: i0, template: "<!-- <div class=\"ax menu-container {{size}}\" #container>\r\n  <ul class=\"root\" [class.horizontal]=\"direction=='horizontal'\" [class.vertical]=\"direction=='vertical'\" #root>\r\n    <ng-template #recursiveList let-list>\r\n      <ng-container *ngFor=\"let item of list;trackBy:trackByItem\">\r\n        <li class=\"ax-toolbar-menu-item ax {{item.type || 'ax primary'}} {{item.style || 'ax primary'}}\" [class.disabled]='item.disable'  [class.subIcon]='item.items' [class.startIcon]='item.startIcon' [class.startIcon]='item.icon' [class.endIcon]='item.endIcon' *ngIf=\"item.visible!=false\" (click)=\"handleItemClick($event, item)\"\r\n          [class.selected]=\"item.selected\" [class.divider]=\"item.divider\" [attr.title]=\"item.tooltip ? item.tooltip : null\"\r\n          [attr.data-uid]=\"item.uid\"\r\n          [class.split]=\"item.split\">\r\n          <div class=\"content-side\">\r\n            <ng-container *ngIf=\"menuTemplate; else menuBody\">\r\n              <ng-container *ngTemplateOutlet=\"menuTemplate; context: { $implicit: item }\">\r\n              </ng-container>\r\n            </ng-container>\r\n            <ng-template #menuBody>\r\n              <span class=\"ax-toolbar-menu-item-text\">\r\n                <i class=\"{{ item.startIcon }} start-icon ax-menu-item-icon\" *ngIf=\"item.startIcon\"></i>\r\n                <i class=\"{{ item.icon }} start-icon ax-menu-item-icon\" *ngIf=\"item.icon\"></i>\r\n                <span *ngIf=\"item.text\">{{ item.text }}</span>\r\n                <i class=\"{{ item.endIcon }} end-icon ax-menu-item-icon\" *ngIf=\"item.endIcon\"></i>\r\n              </span>\r\n            </ng-template>\r\n          </div>\r\n          <div class=\"sub-icon-side\" *ngIf=\"item.hasChildren\">\r\n            <i class=\"far fa-angle-down ax-menu-item-drop-icon\"></i>\r\n          </div>\r\n          <ul *ngIf=\"item.hasChildren\" class=\"collapsed sub-menu\">\r\n            <ng-container *ngTemplateOutlet=\"\r\n              recursiveList;\r\n              context: { $implicit: item.items }\r\n            \"></ng-container>\r\n          </ul>\r\n        </li>\r\n      </ng-container>\r\n    </ng-template>\r\n    <ng-container *ngTemplateOutlet=\"recursiveList; context: { $implicit: items }\"></ng-container>\r\n    <li class=\"more\" #moreLI (click)=\"handleItemClick($event)\">\r\n      <i class=\"far fa-bars\"></i>\r\n      <ul #moreUL class=\"collapsed sub-menu\"></ul>\r\n    </li>\r\n  </ul>\r\n</div> -->\r\n\r\n<nav>\r\n  <ul class=\"ax nav-menu\" [class.rtl]=\"rtl\" [class.nav-center]=\"direction=='horizontal'\"\r\n    [class.nav-vertical]=\"direction=='vertical'\">\r\n    <ng-container *ngTemplateOutlet=\"recursiveMenu; context:{ $implicit: items }\"></ng-container>\r\n  </ul>\r\n</nav>\r\n\r\n<ng-template #recursiveMenu let-items>\r\n  <ng-container *ngFor=\"let item of items\">\r\n    <li class=\"ax {{item.style}}\" [ngClass]=\"{'disabled': item.disable}\"\r\n      *ngIf=\"item.visible === undefined || item.visible\" (click)=\"handleItemClick($event,item)\" axTooltip\r\n      [placement]=\"item.tooltipPlacement ? item.tooltipPlacement : 'bottom'\"\r\n      [tooltip]=\"item.tooltip ? item.tooltip : ''\">\r\n      <div class=\"ax-menu-item\" >\r\n        <span class=\"menu-item-start-side\">\r\n          <i class=\"{{ item.startIcon }}\" *ngIf=\"item.startIcon\"></i>\r\n          <i class=\"{{ item.icon }}\" *ngIf=\"item.icon\"></i>\r\n          <span class=\"ax-menu-item-text\" *ngIf=\"item.text\">{{item.text}}</span>\r\n        </span>\r\n        <span class=\"menu-item-end-side\">\r\n          <i class=\"far fa-angle-down drop-icon\" *ngIf=\"item.items && item.text\"></i>\r\n          <i class=\"{{ item.endIcon }}\" *ngIf=\"item.endIcon\"></i>\r\n        </span>\r\n\r\n      </div>\r\n      <ul *ngIf=\"item.items\" class=\"ax-sub-menu\">\r\n        <ng-container *ngTemplateOutlet=\"recursiveMenu; context:{ $implicit: item.items }\">\r\n        </ng-container>\r\n      </ul>\r\n    </li>\r\n  </ng-container>\r\n</ng-template>", directives: [{ type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.AXTooltipDirective, selector: "[axTooltip]", inputs: ["tooltip", "placement", "delay"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXMenuComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ax-menu', encapsulation: ViewEncapsulation.None, template: "<!-- <div class=\"ax menu-container {{size}}\" #container>\r\n  <ul class=\"root\" [class.horizontal]=\"direction=='horizontal'\" [class.vertical]=\"direction=='vertical'\" #root>\r\n    <ng-template #recursiveList let-list>\r\n      <ng-container *ngFor=\"let item of list;trackBy:trackByItem\">\r\n        <li class=\"ax-toolbar-menu-item ax {{item.type || 'ax primary'}} {{item.style || 'ax primary'}}\" [class.disabled]='item.disable'  [class.subIcon]='item.items' [class.startIcon]='item.startIcon' [class.startIcon]='item.icon' [class.endIcon]='item.endIcon' *ngIf=\"item.visible!=false\" (click)=\"handleItemClick($event, item)\"\r\n          [class.selected]=\"item.selected\" [class.divider]=\"item.divider\" [attr.title]=\"item.tooltip ? item.tooltip : null\"\r\n          [attr.data-uid]=\"item.uid\"\r\n          [class.split]=\"item.split\">\r\n          <div class=\"content-side\">\r\n            <ng-container *ngIf=\"menuTemplate; else menuBody\">\r\n              <ng-container *ngTemplateOutlet=\"menuTemplate; context: { $implicit: item }\">\r\n              </ng-container>\r\n            </ng-container>\r\n            <ng-template #menuBody>\r\n              <span class=\"ax-toolbar-menu-item-text\">\r\n                <i class=\"{{ item.startIcon }} start-icon ax-menu-item-icon\" *ngIf=\"item.startIcon\"></i>\r\n                <i class=\"{{ item.icon }} start-icon ax-menu-item-icon\" *ngIf=\"item.icon\"></i>\r\n                <span *ngIf=\"item.text\">{{ item.text }}</span>\r\n                <i class=\"{{ item.endIcon }} end-icon ax-menu-item-icon\" *ngIf=\"item.endIcon\"></i>\r\n              </span>\r\n            </ng-template>\r\n          </div>\r\n          <div class=\"sub-icon-side\" *ngIf=\"item.hasChildren\">\r\n            <i class=\"far fa-angle-down ax-menu-item-drop-icon\"></i>\r\n          </div>\r\n          <ul *ngIf=\"item.hasChildren\" class=\"collapsed sub-menu\">\r\n            <ng-container *ngTemplateOutlet=\"\r\n              recursiveList;\r\n              context: { $implicit: item.items }\r\n            \"></ng-container>\r\n          </ul>\r\n        </li>\r\n      </ng-container>\r\n    </ng-template>\r\n    <ng-container *ngTemplateOutlet=\"recursiveList; context: { $implicit: items }\"></ng-container>\r\n    <li class=\"more\" #moreLI (click)=\"handleItemClick($event)\">\r\n      <i class=\"far fa-bars\"></i>\r\n      <ul #moreUL class=\"collapsed sub-menu\"></ul>\r\n    </li>\r\n  </ul>\r\n</div> -->\r\n\r\n<nav>\r\n  <ul class=\"ax nav-menu\" [class.rtl]=\"rtl\" [class.nav-center]=\"direction=='horizontal'\"\r\n    [class.nav-vertical]=\"direction=='vertical'\">\r\n    <ng-container *ngTemplateOutlet=\"recursiveMenu; context:{ $implicit: items }\"></ng-container>\r\n  </ul>\r\n</nav>\r\n\r\n<ng-template #recursiveMenu let-items>\r\n  <ng-container *ngFor=\"let item of items\">\r\n    <li class=\"ax {{item.style}}\" [ngClass]=\"{'disabled': item.disable}\"\r\n      *ngIf=\"item.visible === undefined || item.visible\" (click)=\"handleItemClick($event,item)\" axTooltip\r\n      [placement]=\"item.tooltipPlacement ? item.tooltipPlacement : 'bottom'\"\r\n      [tooltip]=\"item.tooltip ? item.tooltip : ''\">\r\n      <div class=\"ax-menu-item\" >\r\n        <span class=\"menu-item-start-side\">\r\n          <i class=\"{{ item.startIcon }}\" *ngIf=\"item.startIcon\"></i>\r\n          <i class=\"{{ item.icon }}\" *ngIf=\"item.icon\"></i>\r\n          <span class=\"ax-menu-item-text\" *ngIf=\"item.text\">{{item.text}}</span>\r\n        </span>\r\n        <span class=\"menu-item-end-side\">\r\n          <i class=\"far fa-angle-down drop-icon\" *ngIf=\"item.items && item.text\"></i>\r\n          <i class=\"{{ item.endIcon }}\" *ngIf=\"item.endIcon\"></i>\r\n        </span>\r\n\r\n      </div>\r\n      <ul *ngIf=\"item.items\" class=\"ax-sub-menu\">\r\n        <ng-container *ngTemplateOutlet=\"recursiveMenu; context:{ $implicit: item.items }\">\r\n        </ng-container>\r\n      </ul>\r\n    </li>\r\n  </ng-container>\r\n</ng-template>" }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { _contentMenuTemplate: [{
-                type: ContentChild,
-                args: [TemplateRef, { static: true }]
-            }], menuTemplate: [{
-                type: Input
-            }], rtl: [{
-                type: Input
-            }], onItemClick: [{
-                type: Output
-            }], size: [{
-                type: Input
-            }], selection: [{
-                type: Input
-            }], mode: [{
-                type: Input
-            }], target: [{
-                type: Input
-            }], floatAlignment: [{
-                type: Input
-            }], floatPlacemnet: [{
-                type: Input
-            }], direction: [{
-                type: Input
-            }], items: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hY29yZXgvY29tcG9uZW50cy9zcmMvbGliL21lbnUvbWVudS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hY29yZXgvY29tcG9uZW50cy9zcmMvbGliL21lbnUvbWVudS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULEtBQUssRUFDTCxZQUFZLEVBQ1osTUFBTSxFQUNOLFVBQVUsRUFDVixpQkFBaUIsRUFHakIsaUJBQWlCLEVBQ2pCLFdBQVcsRUFDWCxZQUFZLEVBQ2IsTUFBTSxlQUFlLENBQUM7QUFHdkIsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLHNCQUFzQixDQUFDOzs7O0FBRS9DLE1BQU0sT0FBTyxvQkFBcUIsU0FBUSxPQUErQjtDQUV4RTtBQU9ELE1BQU0sT0FBTyxlQUFlO0lBRTFCLFlBQW9CLEdBQWUsRUFBVSxHQUFzQjtRQUEvQyxRQUFHLEdBQUgsR0FBRyxDQUFZO1FBQVUsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUFxQm5FLGdCQUFXLEdBQXVDLElBQUksWUFBWSxFQUF3QixDQUFDO1FBRzNGLFNBQUksR0FBa0IsSUFBSSxDQUFDO1FBR3BCLGNBQVMsR0FBbUMsTUFBTSxDQUFDO1FBR25ELFNBQUksR0FBK0MsU0FBUyxDQUFDO1FBYzdELGNBQVMsR0FBOEIsWUFBWSxDQUFDO0lBM0MzRCxDQUFDO0lBTUQsSUFDVyxZQUFZO1FBQ3JCLE9BQU8sSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLG9CQUFvQixDQUFDO0lBQzdFLENBQUM7SUFDRCxJQUFXLFlBQVksQ0FBQyxDQUFtQjtRQUN6QyxJQUFJLENBQUMsYUFBYSxHQUFHLENBQUMsQ0FBQztJQUN6QixDQUFDO0lBa0NELElBQ1csS0FBSztRQUNkLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQztJQUNyQixDQUFDO0lBQ0QsSUFBVyxLQUFLLENBQUMsQ0FBZTtRQUM5QixJQUFJLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQztJQUNsQixDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksSUFBSSxDQUFDLEdBQUcsSUFBSSxJQUFJLEVBQUU7WUFDcEIsSUFBSSxDQUFDLEdBQUcsR0FBRyxNQUFNLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxhQUFhLEVBQUUsSUFBSSxDQUFDLENBQUMsZ0JBQWdCLENBQUMsV0FBVyxDQUFDLEtBQUssS0FBSyxDQUFDO1NBQzFHO0lBQ0gsQ0FBQztJQUdELGVBQWUsQ0FBQyxDQUFhLEVBQUUsSUFBaUI7UUFDOUMsQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3BCLElBQUksSUFBSSxJQUFJLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxPQUFPLEtBQUssS0FBSyxDQUFDLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFO1lBQ25HLE1BQU0sQ0FBQyxHQUFHO2dCQUNSLFNBQVMsRUFBRSxJQUFJO2dCQUNmLFdBQVcsRUFBRSxJQUFJLENBQUMsR0FBRyxDQUFDLGFBQWE7Z0JBQ25DLFNBQVMsRUFBRSxDQUFDO2dCQUNaLElBQUksRUFBRSxJQUFJO2dCQUNWLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSTthQUNqQixDQUFDO1lBQ0YsSUFBSSxJQUFJLENBQUMsT0FBTyxFQUFFO2dCQUNoQixJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7YUFDaEI7aUJBQ0k7Z0JBQ0gsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUM7YUFDMUI7WUFFRCxPQUFPO1NBQ1I7SUFDSCxDQUFDOzs2R0FuRlUsZUFBZTtpR0FBZixlQUFlLGtYQUtaLFdBQVcsOERDL0IzQiwwOEhBeUVjOzRGRC9DRCxlQUFlO2tCQUwzQixTQUFTOytCQUNFLFNBQVMsaUJBRUosaUJBQWlCLENBQUMsSUFBSTtpSUFRckMsb0JBQW9CO3NCQURuQixZQUFZO3VCQUFDLFdBQVcsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUU7Z0JBS2hDLFlBQVk7c0JBRHRCLEtBQUs7Z0JBV04sR0FBRztzQkFERixLQUFLO2dCQUlOLFdBQVc7c0JBRFYsTUFBTTtnQkFJUCxJQUFJO3NCQURILEtBQUs7Z0JBSUMsU0FBUztzQkFEZixLQUFLO2dCQUlDLElBQUk7c0JBRFYsS0FBSztnQkFJQyxNQUFNO3NCQURaLEtBQUs7Z0JBSUMsY0FBYztzQkFEcEIsS0FBSztnQkFJQyxjQUFjO3NCQURwQixLQUFLO2dCQU1DLFNBQVM7c0JBRGYsS0FBSztnQkFLSyxLQUFLO3NCQURmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENvbXBvbmVudCxcclxuICBJbnB1dCxcclxuICBFdmVudEVtaXR0ZXIsXHJcbiAgT3V0cHV0LFxyXG4gIEVsZW1lbnRSZWYsXHJcbiAgVmlld0VuY2Fwc3VsYXRpb24sXHJcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXHJcbiAgTmdab25lLFxyXG4gIENoYW5nZURldGVjdG9yUmVmLFxyXG4gIFRlbXBsYXRlUmVmLFxyXG4gIENvbnRlbnRDaGlsZFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBBWFBsYWNlbWVudCwgQVhNZW51SXRlbSB9IGZyb20gJ0BhY29yZXgvY29yZSc7XHJcbmltcG9ydCB7IEFYQmFzZVNpemFibGVDb21wb25lbnQsIEFYRWxlbWVudFNpemUgfSBmcm9tICcuLi9iYXNlL2VsZW1lbnQuY2xhc3MnO1xyXG5pbXBvcnQgeyBBWEV2ZW50IH0gZnJvbSAnLi4vYmFzZS9ldmVudHMuY2xhc3MnO1xyXG5cclxuZXhwb3J0IGNsYXNzIEFYTWVudUl0ZW1DbGlja0V2ZW50IGV4dGVuZHMgQVhFdmVudDxBWE1lbnVJdGVtLCBNb3VzZUV2ZW50PiB7XHJcbiAgbmFtZTogc3RyaW5nO1xyXG59XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2F4LW1lbnUnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9tZW51LmNvbXBvbmVudC5odG1sJyxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBWE1lbnVDb21wb25lbnQgaW1wbGVtZW50cyBBWEJhc2VTaXphYmxlQ29tcG9uZW50IHtcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSByZWY6IEVsZW1lbnRSZWYsIHByaXZhdGUgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZikge1xyXG4gIH1cclxuXHJcbiAgQENvbnRlbnRDaGlsZChUZW1wbGF0ZVJlZiwgeyBzdGF0aWM6IHRydWUgfSlcclxuICBfY29udGVudE1lbnVUZW1wbGF0ZTogVGVtcGxhdGVSZWY8YW55PjtcclxuXHJcbiAgcHJpdmF0ZSBfbWVudVRlbXBsYXRlOiBUZW1wbGF0ZVJlZjxhbnk+O1xyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIGdldCBtZW51VGVtcGxhdGUoKTogVGVtcGxhdGVSZWY8YW55PiB7XHJcbiAgICByZXR1cm4gdGhpcy5fbWVudVRlbXBsYXRlID8gdGhpcy5fbWVudVRlbXBsYXRlIDogdGhpcy5fY29udGVudE1lbnVUZW1wbGF0ZTtcclxuICB9XHJcbiAgcHVibGljIHNldCBtZW51VGVtcGxhdGUodjogVGVtcGxhdGVSZWY8YW55Pikge1xyXG4gICAgdGhpcy5fbWVudVRlbXBsYXRlID0gdjtcclxuICB9XHJcblxyXG4gIHJlc2l6ZUNoYW5nZU9ic2VydmVyOiBhbnk7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgcnRsOiBib29sZWFuO1xyXG5cclxuICBAT3V0cHV0KClcclxuICBvbkl0ZW1DbGljazogRXZlbnRFbWl0dGVyPEFYTWVudUl0ZW1DbGlja0V2ZW50PiA9IG5ldyBFdmVudEVtaXR0ZXI8QVhNZW51SXRlbUNsaWNrRXZlbnQ+KCk7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgc2l6ZTogQVhFbGVtZW50U2l6ZSA9ICdtZCc7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIHNlbGVjdGlvbjogJ25vbmUnIHwgJ3NpbmdsZScgfCAnbXVsdGlwbGUnID0gJ25vbmUnO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBtb2RlOiAnY2xpY2snIHwgJ2NvbnRleHQnIHwgJ3Zpc2libGUnIHwgJ21hbnVhbCcgPSAndmlzaWJsZSc7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIHRhcmdldDogc3RyaW5nO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBmbG9hdEFsaWdubWVudDogQVhQbGFjZW1lbnQ7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIGZsb2F0UGxhY2VtbmV0OiBBWFBsYWNlbWVudDtcclxuXHJcbiAgcHVibGljIGN1cnJlbnRUYXJnZXQ6IEhUTUxFbGVtZW50O1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBkaXJlY3Rpb246ICd2ZXJ0aWNhbCcgfCAnaG9yaXpvbnRhbCcgPSAnaG9yaXpvbnRhbCc7XHJcblxyXG4gIHByaXZhdGUgX2l0ZW1zOiBBWE1lbnVJdGVtW107XHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgZ2V0IGl0ZW1zKCk6IEFYTWVudUl0ZW1bXSB7XHJcbiAgICByZXR1cm4gdGhpcy5faXRlbXM7XHJcbiAgfVxyXG4gIHB1YmxpYyBzZXQgaXRlbXModjogQVhNZW51SXRlbVtdKSB7XHJcbiAgICB0aGlzLl9pdGVtcyA9IHY7XHJcbiAgfVxyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICAgIGlmICh0aGlzLnJ0bCA9PSBudWxsKSB7XHJcbiAgICAgIHRoaXMucnRsID0gd2luZG93LmdldENvbXB1dGVkU3R5bGUodGhpcy5yZWYubmF0aXZlRWxlbWVudCwgbnVsbCkuZ2V0UHJvcGVydHlWYWx1ZSgnZGlyZWN0aW9uJykgPT09ICdydGwnO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcblxyXG4gIGhhbmRsZUl0ZW1DbGljayhlOiBNb3VzZUV2ZW50LCBpdGVtPzogQVhNZW51SXRlbSkge1xyXG4gICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcclxuICAgIGlmIChpdGVtICYmICghaXRlbS5pdGVtcyB8fCAhaXRlbS5pdGVtcy5maWx0ZXIoKGMpID0+IGMudmlzaWJsZSAhPT0gZmFsc2UpLmxlbmd0aCkgJiYgIWl0ZW0uZGlzYWJsZSkge1xyXG4gICAgICBjb25zdCBtID0ge1xyXG4gICAgICAgIGNvbXBvbmVudDogdGhpcyxcclxuICAgICAgICBodG1sRWxlbWVudDogdGhpcy5yZWYubmF0aXZlRWxlbWVudCxcclxuICAgICAgICBodG1sRXZlbnQ6IGUsXHJcbiAgICAgICAgZGF0YTogaXRlbSxcclxuICAgICAgICBuYW1lOiBpdGVtPy5uYW1lXHJcbiAgICAgIH07XHJcbiAgICAgIGlmIChpdGVtLm9uQ2xpY2spIHtcclxuICAgICAgICBpdGVtLm9uQ2xpY2soKTtcclxuICAgICAgfVxyXG4gICAgICBlbHNlIHtcclxuICAgICAgICB0aGlzLm9uSXRlbUNsaWNrLmVtaXQobSk7XHJcbiAgICAgIH1cclxuXHJcbiAgICAgIHJldHVybjtcclxuICAgIH1cclxuICB9XHJcbn1cclxuIiwiPCEtLSA8ZGl2IGNsYXNzPVwiYXggbWVudS1jb250YWluZXIge3tzaXplfX1cIiAjY29udGFpbmVyPlxyXG4gIDx1bCBjbGFzcz1cInJvb3RcIiBbY2xhc3MuaG9yaXpvbnRhbF09XCJkaXJlY3Rpb249PSdob3Jpem9udGFsJ1wiIFtjbGFzcy52ZXJ0aWNhbF09XCJkaXJlY3Rpb249PSd2ZXJ0aWNhbCdcIiAjcm9vdD5cclxuICAgIDxuZy10ZW1wbGF0ZSAjcmVjdXJzaXZlTGlzdCBsZXQtbGlzdD5cclxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgaXRlbSBvZiBsaXN0O3RyYWNrQnk6dHJhY2tCeUl0ZW1cIj5cclxuICAgICAgICA8bGkgY2xhc3M9XCJheC10b29sYmFyLW1lbnUtaXRlbSBheCB7e2l0ZW0udHlwZSB8fCAnYXggcHJpbWFyeSd9fSB7e2l0ZW0uc3R5bGUgfHwgJ2F4IHByaW1hcnknfX1cIiBbY2xhc3MuZGlzYWJsZWRdPSdpdGVtLmRpc2FibGUnICBbY2xhc3Muc3ViSWNvbl09J2l0ZW0uaXRlbXMnIFtjbGFzcy5zdGFydEljb25dPSdpdGVtLnN0YXJ0SWNvbicgW2NsYXNzLnN0YXJ0SWNvbl09J2l0ZW0uaWNvbicgW2NsYXNzLmVuZEljb25dPSdpdGVtLmVuZEljb24nICpuZ0lmPVwiaXRlbS52aXNpYmxlIT1mYWxzZVwiIChjbGljayk9XCJoYW5kbGVJdGVtQ2xpY2soJGV2ZW50LCBpdGVtKVwiXHJcbiAgICAgICAgICBbY2xhc3Muc2VsZWN0ZWRdPVwiaXRlbS5zZWxlY3RlZFwiIFtjbGFzcy5kaXZpZGVyXT1cIml0ZW0uZGl2aWRlclwiIFthdHRyLnRpdGxlXT1cIml0ZW0udG9vbHRpcCA/IGl0ZW0udG9vbHRpcCA6IG51bGxcIlxyXG4gICAgICAgICAgW2F0dHIuZGF0YS11aWRdPVwiaXRlbS51aWRcIlxyXG4gICAgICAgICAgW2NsYXNzLnNwbGl0XT1cIml0ZW0uc3BsaXRcIj5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb250ZW50LXNpZGVcIj5cclxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIm1lbnVUZW1wbGF0ZTsgZWxzZSBtZW51Qm9keVwiPlxyXG4gICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJtZW51VGVtcGxhdGU7IGNvbnRleHQ6IHsgJGltcGxpY2l0OiBpdGVtIH1cIj5cclxuICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSAjbWVudUJvZHk+XHJcbiAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJheC10b29sYmFyLW1lbnUtaXRlbS10ZXh0XCI+XHJcbiAgICAgICAgICAgICAgICA8aSBjbGFzcz1cInt7IGl0ZW0uc3RhcnRJY29uIH19IHN0YXJ0LWljb24gYXgtbWVudS1pdGVtLWljb25cIiAqbmdJZj1cIml0ZW0uc3RhcnRJY29uXCI+PC9pPlxyXG4gICAgICAgICAgICAgICAgPGkgY2xhc3M9XCJ7eyBpdGVtLmljb24gfX0gc3RhcnQtaWNvbiBheC1tZW51LWl0ZW0taWNvblwiICpuZ0lmPVwiaXRlbS5pY29uXCI+PC9pPlxyXG4gICAgICAgICAgICAgICAgPHNwYW4gKm5nSWY9XCJpdGVtLnRleHRcIj57eyBpdGVtLnRleHQgfX08L3NwYW4+XHJcbiAgICAgICAgICAgICAgICA8aSBjbGFzcz1cInt7IGl0ZW0uZW5kSWNvbiB9fSBlbmQtaWNvbiBheC1tZW51LWl0ZW0taWNvblwiICpuZ0lmPVwiaXRlbS5lbmRJY29uXCI+PC9pPlxyXG4gICAgICAgICAgICAgIDwvc3Bhbj5cclxuICAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cInN1Yi1pY29uLXNpZGVcIiAqbmdJZj1cIml0ZW0uaGFzQ2hpbGRyZW5cIj5cclxuICAgICAgICAgICAgPGkgY2xhc3M9XCJmYXIgZmEtYW5nbGUtZG93biBheC1tZW51LWl0ZW0tZHJvcC1pY29uXCI+PC9pPlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICA8dWwgKm5nSWY9XCJpdGVtLmhhc0NoaWxkcmVuXCIgY2xhc3M9XCJjb2xsYXBzZWQgc3ViLW1lbnVcIj5cclxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cIlxyXG4gICAgICAgICAgICAgIHJlY3Vyc2l2ZUxpc3Q7XHJcbiAgICAgICAgICAgICAgY29udGV4dDogeyAkaW1wbGljaXQ6IGl0ZW0uaXRlbXMgfVxyXG4gICAgICAgICAgICBcIj48L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgIDwvdWw+XHJcbiAgICAgICAgPC9saT5cclxuICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICA8L25nLXRlbXBsYXRlPlxyXG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInJlY3Vyc2l2ZUxpc3Q7IGNvbnRleHQ6IHsgJGltcGxpY2l0OiBpdGVtcyB9XCI+PC9uZy1jb250YWluZXI+XHJcbiAgICA8bGkgY2xhc3M9XCJtb3JlXCIgI21vcmVMSSAoY2xpY2spPVwiaGFuZGxlSXRlbUNsaWNrKCRldmVudClcIj5cclxuICAgICAgPGkgY2xhc3M9XCJmYXIgZmEtYmFyc1wiPjwvaT5cclxuICAgICAgPHVsICNtb3JlVUwgY2xhc3M9XCJjb2xsYXBzZWQgc3ViLW1lbnVcIj48L3VsPlxyXG4gICAgPC9saT5cclxuICA8L3VsPlxyXG48L2Rpdj4gLS0+XHJcblxyXG48bmF2PlxyXG4gIDx1bCBjbGFzcz1cImF4IG5hdi1tZW51XCIgW2NsYXNzLnJ0bF09XCJydGxcIiBbY2xhc3MubmF2LWNlbnRlcl09XCJkaXJlY3Rpb249PSdob3Jpem9udGFsJ1wiXHJcbiAgICBbY2xhc3MubmF2LXZlcnRpY2FsXT1cImRpcmVjdGlvbj09J3ZlcnRpY2FsJ1wiPlxyXG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInJlY3Vyc2l2ZU1lbnU7IGNvbnRleHQ6eyAkaW1wbGljaXQ6IGl0ZW1zIH1cIj48L25nLWNvbnRhaW5lcj5cclxuICA8L3VsPlxyXG48L25hdj5cclxuXHJcbjxuZy10ZW1wbGF0ZSAjcmVjdXJzaXZlTWVudSBsZXQtaXRlbXM+XHJcbiAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgaXRlbSBvZiBpdGVtc1wiPlxyXG4gICAgPGxpIGNsYXNzPVwiYXgge3tpdGVtLnN0eWxlfX1cIiBbbmdDbGFzc109XCJ7J2Rpc2FibGVkJzogaXRlbS5kaXNhYmxlfVwiXHJcbiAgICAgICpuZ0lmPVwiaXRlbS52aXNpYmxlID09PSB1bmRlZmluZWQgfHwgaXRlbS52aXNpYmxlXCIgKGNsaWNrKT1cImhhbmRsZUl0ZW1DbGljaygkZXZlbnQsaXRlbSlcIiBheFRvb2x0aXBcclxuICAgICAgW3BsYWNlbWVudF09XCJpdGVtLnRvb2x0aXBQbGFjZW1lbnQgPyBpdGVtLnRvb2x0aXBQbGFjZW1lbnQgOiAnYm90dG9tJ1wiXHJcbiAgICAgIFt0b29sdGlwXT1cIml0ZW0udG9vbHRpcCA/IGl0ZW0udG9vbHRpcCA6ICcnXCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJheC1tZW51LWl0ZW1cIiA+XHJcbiAgICAgICAgPHNwYW4gY2xhc3M9XCJtZW51LWl0ZW0tc3RhcnQtc2lkZVwiPlxyXG4gICAgICAgICAgPGkgY2xhc3M9XCJ7eyBpdGVtLnN0YXJ0SWNvbiB9fVwiICpuZ0lmPVwiaXRlbS5zdGFydEljb25cIj48L2k+XHJcbiAgICAgICAgICA8aSBjbGFzcz1cInt7IGl0ZW0uaWNvbiB9fVwiICpuZ0lmPVwiaXRlbS5pY29uXCI+PC9pPlxyXG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJheC1tZW51LWl0ZW0tdGV4dFwiICpuZ0lmPVwiaXRlbS50ZXh0XCI+e3tpdGVtLnRleHR9fTwvc3Bhbj5cclxuICAgICAgICA8L3NwYW4+XHJcbiAgICAgICAgPHNwYW4gY2xhc3M9XCJtZW51LWl0ZW0tZW5kLXNpZGVcIj5cclxuICAgICAgICAgIDxpIGNsYXNzPVwiZmFyIGZhLWFuZ2xlLWRvd24gZHJvcC1pY29uXCIgKm5nSWY9XCJpdGVtLml0ZW1zICYmIGl0ZW0udGV4dFwiPjwvaT5cclxuICAgICAgICAgIDxpIGNsYXNzPVwie3sgaXRlbS5lbmRJY29uIH19XCIgKm5nSWY9XCJpdGVtLmVuZEljb25cIj48L2k+XHJcbiAgICAgICAgPC9zcGFuPlxyXG5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDx1bCAqbmdJZj1cIml0ZW0uaXRlbXNcIiBjbGFzcz1cImF4LXN1Yi1tZW51XCI+XHJcbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInJlY3Vyc2l2ZU1lbnU7IGNvbnRleHQ6eyAkaW1wbGljaXQ6IGl0ZW0uaXRlbXMgfVwiPlxyXG4gICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICA8L3VsPlxyXG4gICAgPC9saT5cclxuICA8L25nLWNvbnRhaW5lcj5cclxuPC9uZy10ZW1wbGF0ZT4iXX0=
+import { Component, Input, EventEmitter, Output, ElementRef, ViewEncapsulation, ChangeDetectorRef, TemplateRef, ContentChild } from '@angular/core';
+import { AXEvent } from '../base/events.class';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../tooltip/tooltip.directive";
+export class AXMenuItemClickEvent extends AXEvent {
+}
+export class AXMenuComponent {
+    constructor(ref, cdr) {
+        this.ref = ref;
+        this.cdr = cdr;
+        this.onItemClick = new EventEmitter();
+        this.size = 'md';
+        this.selection = 'none';
+        this.mode = 'visible';
+        this.direction = 'horizontal';
+    }
+    get menuTemplate() {
+        return this._menuTemplate ? this._menuTemplate : this._contentMenuTemplate;
+    }
+    set menuTemplate(v) {
+        this._menuTemplate = v;
+    }
+    get items() {
+        return this._items;
+    }
+    set items(v) {
+        this._items = v;
+    }
+    ngOnInit() {
+        if (this.rtl == null) {
+            this.rtl = window.getComputedStyle(this.ref.nativeElement, null).getPropertyValue('direction') === 'rtl';
+        }
+    }
+    handleItemClick(e, item) {
+        e.stopPropagation();
+        if (item && (!item.items || !item.items.filter((c) => c.visible !== false).length) && !item.disable) {
+            const m = {
+                component: this,
+                htmlElement: this.ref.nativeElement,
+                htmlEvent: e,
+                data: item,
+                name: item?.name
+            };
+            if (item.onClick) {
+                item.onClick();
+            }
+            else {
+                this.onItemClick.emit(m);
+            }
+            return;
+        }
+    }
+}
+AXMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXMenuComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+AXMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AXMenuComponent, selector: "ax-menu", inputs: { menuTemplate: "menuTemplate", rtl: "rtl", size: "size", selection: "selection", mode: "mode", target: "target", floatAlignment: "floatAlignment", floatPlacemnet: "floatPlacemnet", direction: "direction", items: "items" }, outputs: { onItemClick: "onItemClick" }, queries: [{ propertyName: "_contentMenuTemplate", first: true, predicate: TemplateRef, descendants: true, static: true }], ngImport: i0, template: "<!-- <div class=\"ax menu-container {{size}}\" #container>\n  <ul class=\"root\" [class.horizontal]=\"direction=='horizontal'\" [class.vertical]=\"direction=='vertical'\" #root>\n    <ng-template #recursiveList let-list>\n      <ng-container *ngFor=\"let item of list;trackBy:trackByItem\">\n        <li class=\"ax-toolbar-menu-item ax {{item.type || 'ax primary'}} {{item.style || 'ax primary'}}\" [class.disabled]='item.disable'  [class.subIcon]='item.items' [class.startIcon]='item.startIcon' [class.startIcon]='item.icon' [class.endIcon]='item.endIcon' *ngIf=\"item.visible!=false\" (click)=\"handleItemClick($event, item)\"\n          [class.selected]=\"item.selected\" [class.divider]=\"item.divider\" [attr.title]=\"item.tooltip ? item.tooltip : null\"\n          [attr.data-uid]=\"item.uid\"\n          [class.split]=\"item.split\">\n          <div class=\"content-side\">\n            <ng-container *ngIf=\"menuTemplate; else menuBody\">\n              <ng-container *ngTemplateOutlet=\"menuTemplate; context: { $implicit: item }\">\n              </ng-container>\n            </ng-container>\n            <ng-template #menuBody>\n              <span class=\"ax-toolbar-menu-item-text\">\n                <i class=\"{{ item.startIcon }} start-icon ax-menu-item-icon\" *ngIf=\"item.startIcon\"></i>\n                <i class=\"{{ item.icon }} start-icon ax-menu-item-icon\" *ngIf=\"item.icon\"></i>\n                <span *ngIf=\"item.text\">{{ item.text }}</span>\n                <i class=\"{{ item.endIcon }} end-icon ax-menu-item-icon\" *ngIf=\"item.endIcon\"></i>\n              </span>\n            </ng-template>\n          </div>\n          <div class=\"sub-icon-side\" *ngIf=\"item.hasChildren\">\n            <i class=\"far fa-angle-down ax-menu-item-drop-icon\"></i>\n          </div>\n          <ul *ngIf=\"item.hasChildren\" class=\"collapsed sub-menu\">\n            <ng-container *ngTemplateOutlet=\"\n              recursiveList;\n              context: { $implicit: item.items }\n            \"></ng-container>\n          </ul>\n        </li>\n      </ng-container>\n    </ng-template>\n    <ng-container *ngTemplateOutlet=\"recursiveList; context: { $implicit: items }\"></ng-container>\n    <li class=\"more\" #moreLI (click)=\"handleItemClick($event)\">\n      <i class=\"far fa-bars\"></i>\n      <ul #moreUL class=\"collapsed sub-menu\"></ul>\n    </li>\n  </ul>\n</div> -->\n\n<nav>\n  <ul class=\"ax nav-menu\" [class.rtl]=\"rtl\" [class.nav-center]=\"direction=='horizontal'\"\n    [class.nav-vertical]=\"direction=='vertical'\">\n    <ng-container *ngTemplateOutlet=\"recursiveMenu; context:{ $implicit: items }\"></ng-container>\n  </ul>\n</nav>\n\n<ng-template #recursiveMenu let-items>\n  <ng-container *ngFor=\"let item of items\">\n    <li class=\"ax {{item.style}}\" [ngClass]=\"{'disabled': item.disable}\"\n      *ngIf=\"item.visible === undefined || item.visible\" (click)=\"handleItemClick($event,item)\" axTooltip\n      [placement]=\"item.tooltipPlacement ? item.tooltipPlacement : 'bottom'\"\n      [tooltip]=\"item.tooltip ? item.tooltip : ''\">\n      <div class=\"ax-menu-item\" >\n        <span class=\"menu-item-start-side\">\n          <i class=\"{{ item.startIcon }}\" *ngIf=\"item.startIcon\"></i>\n          <i class=\"{{ item.icon }}\" *ngIf=\"item.icon\"></i>\n          <span class=\"ax-menu-item-text\" *ngIf=\"item.text\">{{item.text}}</span>\n        </span>\n        <span class=\"menu-item-end-side\">\n          <i class=\"far fa-angle-down drop-icon\" *ngIf=\"item.items && item.text\"></i>\n          <i class=\"{{ item.endIcon }}\" *ngIf=\"item.endIcon\"></i>\n        </span>\n\n      </div>\n      <ul *ngIf=\"item.items\" class=\"ax-sub-menu\">\n        <ng-container *ngTemplateOutlet=\"recursiveMenu; context:{ $implicit: item.items }\">\n        </ng-container>\n      </ul>\n    </li>\n  </ng-container>\n</ng-template>", directives: [{ type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.AXTooltipDirective, selector: "[axTooltip]", inputs: ["tooltip", "placement", "delay"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXMenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-menu', encapsulation: ViewEncapsulation.None, template: "<!-- <div class=\"ax menu-container {{size}}\" #container>\n  <ul class=\"root\" [class.horizontal]=\"direction=='horizontal'\" [class.vertical]=\"direction=='vertical'\" #root>\n    <ng-template #recursiveList let-list>\n      <ng-container *ngFor=\"let item of list;trackBy:trackByItem\">\n        <li class=\"ax-toolbar-menu-item ax {{item.type || 'ax primary'}} {{item.style || 'ax primary'}}\" [class.disabled]='item.disable'  [class.subIcon]='item.items' [class.startIcon]='item.startIcon' [class.startIcon]='item.icon' [class.endIcon]='item.endIcon' *ngIf=\"item.visible!=false\" (click)=\"handleItemClick($event, item)\"\n          [class.selected]=\"item.selected\" [class.divider]=\"item.divider\" [attr.title]=\"item.tooltip ? item.tooltip : null\"\n          [attr.data-uid]=\"item.uid\"\n          [class.split]=\"item.split\">\n          <div class=\"content-side\">\n            <ng-container *ngIf=\"menuTemplate; else menuBody\">\n              <ng-container *ngTemplateOutlet=\"menuTemplate; context: { $implicit: item }\">\n              </ng-container>\n            </ng-container>\n            <ng-template #menuBody>\n              <span class=\"ax-toolbar-menu-item-text\">\n                <i class=\"{{ item.startIcon }} start-icon ax-menu-item-icon\" *ngIf=\"item.startIcon\"></i>\n                <i class=\"{{ item.icon }} start-icon ax-menu-item-icon\" *ngIf=\"item.icon\"></i>\n                <span *ngIf=\"item.text\">{{ item.text }}</span>\n                <i class=\"{{ item.endIcon }} end-icon ax-menu-item-icon\" *ngIf=\"item.endIcon\"></i>\n              </span>\n            </ng-template>\n          </div>\n          <div class=\"sub-icon-side\" *ngIf=\"item.hasChildren\">\n            <i class=\"far fa-angle-down ax-menu-item-drop-icon\"></i>\n          </div>\n          <ul *ngIf=\"item.hasChildren\" class=\"collapsed sub-menu\">\n            <ng-container *ngTemplateOutlet=\"\n              recursiveList;\n              context: { $implicit: item.items }\n            \"></ng-container>\n          </ul>\n        </li>\n      </ng-container>\n    </ng-template>\n    <ng-container *ngTemplateOutlet=\"recursiveList; context: { $implicit: items }\"></ng-container>\n    <li class=\"more\" #moreLI (click)=\"handleItemClick($event)\">\n      <i class=\"far fa-bars\"></i>\n      <ul #moreUL class=\"collapsed sub-menu\"></ul>\n    </li>\n  </ul>\n</div> -->\n\n<nav>\n  <ul class=\"ax nav-menu\" [class.rtl]=\"rtl\" [class.nav-center]=\"direction=='horizontal'\"\n    [class.nav-vertical]=\"direction=='vertical'\">\n    <ng-container *ngTemplateOutlet=\"recursiveMenu; context:{ $implicit: items }\"></ng-container>\n  </ul>\n</nav>\n\n<ng-template #recursiveMenu let-items>\n  <ng-container *ngFor=\"let item of items\">\n    <li class=\"ax {{item.style}}\" [ngClass]=\"{'disabled': item.disable}\"\n      *ngIf=\"item.visible === undefined || item.visible\" (click)=\"handleItemClick($event,item)\" axTooltip\n      [placement]=\"item.tooltipPlacement ? item.tooltipPlacement : 'bottom'\"\n      [tooltip]=\"item.tooltip ? item.tooltip : ''\">\n      <div class=\"ax-menu-item\" >\n        <span class=\"menu-item-start-side\">\n          <i class=\"{{ item.startIcon }}\" *ngIf=\"item.startIcon\"></i>\n          <i class=\"{{ item.icon }}\" *ngIf=\"item.icon\"></i>\n          <span class=\"ax-menu-item-text\" *ngIf=\"item.text\">{{item.text}}</span>\n        </span>\n        <span class=\"menu-item-end-side\">\n          <i class=\"far fa-angle-down drop-icon\" *ngIf=\"item.items && item.text\"></i>\n          <i class=\"{{ item.endIcon }}\" *ngIf=\"item.endIcon\"></i>\n        </span>\n\n      </div>\n      <ul *ngIf=\"item.items\" class=\"ax-sub-menu\">\n        <ng-container *ngTemplateOutlet=\"recursiveMenu; context:{ $implicit: item.items }\">\n        </ng-container>\n      </ul>\n    </li>\n  </ng-container>\n</ng-template>" }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { _contentMenuTemplate: [{
+                type: ContentChild,
+                args: [TemplateRef, { static: true }]
+            }], menuTemplate: [{
+                type: Input
+            }], rtl: [{
+                type: Input
+            }], onItemClick: [{
+                type: Output
+            }], size: [{
+                type: Input
+            }], selection: [{
+                type: Input
+            }], mode: [{
+                type: Input
+            }], target: [{
+                type: Input
+            }], floatAlignment: [{
+                type: Input
+            }], floatPlacemnet: [{
+                type: Input
+            }], direction: [{
+                type: Input
+            }], items: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hY29yZXgvY29tcG9uZW50cy9zcmMvbGliL21lbnUvbWVudS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hY29yZXgvY29tcG9uZW50cy9zcmMvbGliL21lbnUvbWVudS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULEtBQUssRUFDTCxZQUFZLEVBQ1osTUFBTSxFQUNOLFVBQVUsRUFDVixpQkFBaUIsRUFHakIsaUJBQWlCLEVBQ2pCLFdBQVcsRUFDWCxZQUFZLEVBQ2IsTUFBTSxlQUFlLENBQUM7QUFHdkIsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLHNCQUFzQixDQUFDOzs7O0FBRS9DLE1BQU0sT0FBTyxvQkFBcUIsU0FBUSxPQUErQjtDQUV4RTtBQU9ELE1BQU0sT0FBTyxlQUFlO0lBRTFCLFlBQW9CLEdBQWUsRUFBVSxHQUFzQjtRQUEvQyxRQUFHLEdBQUgsR0FBRyxDQUFZO1FBQVUsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUFxQm5FLGdCQUFXLEdBQXVDLElBQUksWUFBWSxFQUF3QixDQUFDO1FBRzNGLFNBQUksR0FBa0IsSUFBSSxDQUFDO1FBR3BCLGNBQVMsR0FBbUMsTUFBTSxDQUFDO1FBR25ELFNBQUksR0FBK0MsU0FBUyxDQUFDO1FBYzdELGNBQVMsR0FBOEIsWUFBWSxDQUFDO0lBM0MzRCxDQUFDO0lBTUQsSUFDVyxZQUFZO1FBQ3JCLE9BQU8sSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLG9CQUFvQixDQUFDO0lBQzdFLENBQUM7SUFDRCxJQUFXLFlBQVksQ0FBQyxDQUFtQjtRQUN6QyxJQUFJLENBQUMsYUFBYSxHQUFHLENBQUMsQ0FBQztJQUN6QixDQUFDO0lBa0NELElBQ1csS0FBSztRQUNkLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQztJQUNyQixDQUFDO0lBQ0QsSUFBVyxLQUFLLENBQUMsQ0FBZTtRQUM5QixJQUFJLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQztJQUNsQixDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksSUFBSSxDQUFDLEdBQUcsSUFBSSxJQUFJLEVBQUU7WUFDcEIsSUFBSSxDQUFDLEdBQUcsR0FBRyxNQUFNLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxhQUFhLEVBQUUsSUFBSSxDQUFDLENBQUMsZ0JBQWdCLENBQUMsV0FBVyxDQUFDLEtBQUssS0FBSyxDQUFDO1NBQzFHO0lBQ0gsQ0FBQztJQUdELGVBQWUsQ0FBQyxDQUFhLEVBQUUsSUFBaUI7UUFDOUMsQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3BCLElBQUksSUFBSSxJQUFJLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxPQUFPLEtBQUssS0FBSyxDQUFDLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFO1lBQ25HLE1BQU0sQ0FBQyxHQUFHO2dCQUNSLFNBQVMsRUFBRSxJQUFJO2dCQUNmLFdBQVcsRUFBRSxJQUFJLENBQUMsR0FBRyxDQUFDLGFBQWE7Z0JBQ25DLFNBQVMsRUFBRSxDQUFDO2dCQUNaLElBQUksRUFBRSxJQUFJO2dCQUNWLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSTthQUNqQixDQUFDO1lBQ0YsSUFBSSxJQUFJLENBQUMsT0FBTyxFQUFFO2dCQUNoQixJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7YUFDaEI7aUJBQ0k7Z0JBQ0gsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUM7YUFDMUI7WUFFRCxPQUFPO1NBQ1I7SUFDSCxDQUFDOzs2R0FuRlUsZUFBZTtpR0FBZixlQUFlLGtYQUtaLFdBQVcsOERDL0IzQix3ekhBeUVjOzRGRC9DRCxlQUFlO2tCQUwzQixTQUFTOytCQUNFLFNBQVMsaUJBRUosaUJBQWlCLENBQUMsSUFBSTtpSUFRckMsb0JBQW9CO3NCQURuQixZQUFZO3VCQUFDLFdBQVcsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUU7Z0JBS2hDLFlBQVk7c0JBRHRCLEtBQUs7Z0JBV04sR0FBRztzQkFERixLQUFLO2dCQUlOLFdBQVc7c0JBRFYsTUFBTTtnQkFJUCxJQUFJO3NCQURILEtBQUs7Z0JBSUMsU0FBUztzQkFEZixLQUFLO2dCQUlDLElBQUk7c0JBRFYsS0FBSztnQkFJQyxNQUFNO3NCQURaLEtBQUs7Z0JBSUMsY0FBYztzQkFEcEIsS0FBSztnQkFJQyxjQUFjO3NCQURwQixLQUFLO2dCQU1DLFNBQVM7c0JBRGYsS0FBSztnQkFLSyxLQUFLO3NCQURmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIElucHV0LFxuICBFdmVudEVtaXR0ZXIsXG4gIE91dHB1dCxcbiAgRWxlbWVudFJlZixcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBOZ1pvbmUsXG4gIENoYW5nZURldGVjdG9yUmVmLFxuICBUZW1wbGF0ZVJlZixcbiAgQ29udGVudENoaWxkXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQVhQbGFjZW1lbnQsIEFYTWVudUl0ZW0gfSBmcm9tICdAYWNvcmV4L2NvcmUnO1xuaW1wb3J0IHsgQVhCYXNlU2l6YWJsZUNvbXBvbmVudCwgQVhFbGVtZW50U2l6ZSB9IGZyb20gJy4uL2Jhc2UvZWxlbWVudC5jbGFzcyc7XG5pbXBvcnQgeyBBWEV2ZW50IH0gZnJvbSAnLi4vYmFzZS9ldmVudHMuY2xhc3MnO1xuXG5leHBvcnQgY2xhc3MgQVhNZW51SXRlbUNsaWNrRXZlbnQgZXh0ZW5kcyBBWEV2ZW50PEFYTWVudUl0ZW0sIE1vdXNlRXZlbnQ+IHtcbiAgbmFtZTogc3RyaW5nO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdheC1tZW51JyxcbiAgdGVtcGxhdGVVcmw6ICcuL21lbnUuY29tcG9uZW50Lmh0bWwnLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIEFYTWVudUNvbXBvbmVudCBpbXBsZW1lbnRzIEFYQmFzZVNpemFibGVDb21wb25lbnQge1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVmOiBFbGVtZW50UmVmLCBwcml2YXRlIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHtcbiAgfVxuXG4gIEBDb250ZW50Q2hpbGQoVGVtcGxhdGVSZWYsIHsgc3RhdGljOiB0cnVlIH0pXG4gIF9jb250ZW50TWVudVRlbXBsYXRlOiBUZW1wbGF0ZVJlZjxhbnk+O1xuXG4gIHByaXZhdGUgX21lbnVUZW1wbGF0ZTogVGVtcGxhdGVSZWY8YW55PjtcbiAgQElucHV0KClcbiAgcHVibGljIGdldCBtZW51VGVtcGxhdGUoKTogVGVtcGxhdGVSZWY8YW55PiB7XG4gICAgcmV0dXJuIHRoaXMuX21lbnVUZW1wbGF0ZSA/IHRoaXMuX21lbnVUZW1wbGF0ZSA6IHRoaXMuX2NvbnRlbnRNZW51VGVtcGxhdGU7XG4gIH1cbiAgcHVibGljIHNldCBtZW51VGVtcGxhdGUodjogVGVtcGxhdGVSZWY8YW55Pikge1xuICAgIHRoaXMuX21lbnVUZW1wbGF0ZSA9IHY7XG4gIH1cblxuICByZXNpemVDaGFuZ2VPYnNlcnZlcjogYW55O1xuXG4gIEBJbnB1dCgpXG4gIHJ0bDogYm9vbGVhbjtcblxuICBAT3V0cHV0KClcbiAgb25JdGVtQ2xpY2s6IEV2ZW50RW1pdHRlcjxBWE1lbnVJdGVtQ2xpY2tFdmVudD4gPSBuZXcgRXZlbnRFbWl0dGVyPEFYTWVudUl0ZW1DbGlja0V2ZW50PigpO1xuXG4gIEBJbnB1dCgpXG4gIHNpemU6IEFYRWxlbWVudFNpemUgPSAnbWQnO1xuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBzZWxlY3Rpb246ICdub25lJyB8ICdzaW5nbGUnIHwgJ211bHRpcGxlJyA9ICdub25lJztcblxuICBASW5wdXQoKVxuICBwdWJsaWMgbW9kZTogJ2NsaWNrJyB8ICdjb250ZXh0JyB8ICd2aXNpYmxlJyB8ICdtYW51YWwnID0gJ3Zpc2libGUnO1xuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyB0YXJnZXQ6IHN0cmluZztcblxuICBASW5wdXQoKVxuICBwdWJsaWMgZmxvYXRBbGlnbm1lbnQ6IEFYUGxhY2VtZW50O1xuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBmbG9hdFBsYWNlbW5ldDogQVhQbGFjZW1lbnQ7XG5cbiAgcHVibGljIGN1cnJlbnRUYXJnZXQ6IEhUTUxFbGVtZW50O1xuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBkaXJlY3Rpb246ICd2ZXJ0aWNhbCcgfCAnaG9yaXpvbnRhbCcgPSAnaG9yaXpvbnRhbCc7XG5cbiAgcHJpdmF0ZSBfaXRlbXM6IEFYTWVudUl0ZW1bXTtcbiAgQElucHV0KClcbiAgcHVibGljIGdldCBpdGVtcygpOiBBWE1lbnVJdGVtW10ge1xuICAgIHJldHVybiB0aGlzLl9pdGVtcztcbiAgfVxuICBwdWJsaWMgc2V0IGl0ZW1zKHY6IEFYTWVudUl0ZW1bXSkge1xuICAgIHRoaXMuX2l0ZW1zID0gdjtcbiAgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIGlmICh0aGlzLnJ0bCA9PSBudWxsKSB7XG4gICAgICB0aGlzLnJ0bCA9IHdpbmRvdy5nZXRDb21wdXRlZFN0eWxlKHRoaXMucmVmLm5hdGl2ZUVsZW1lbnQsIG51bGwpLmdldFByb3BlcnR5VmFsdWUoJ2RpcmVjdGlvbicpID09PSAncnRsJztcbiAgICB9XG4gIH1cblxuXG4gIGhhbmRsZUl0ZW1DbGljayhlOiBNb3VzZUV2ZW50LCBpdGVtPzogQVhNZW51SXRlbSkge1xuICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgaWYgKGl0ZW0gJiYgKCFpdGVtLml0ZW1zIHx8ICFpdGVtLml0ZW1zLmZpbHRlcigoYykgPT4gYy52aXNpYmxlICE9PSBmYWxzZSkubGVuZ3RoKSAmJiAhaXRlbS5kaXNhYmxlKSB7XG4gICAgICBjb25zdCBtID0ge1xuICAgICAgICBjb21wb25lbnQ6IHRoaXMsXG4gICAgICAgIGh0bWxFbGVtZW50OiB0aGlzLnJlZi5uYXRpdmVFbGVtZW50LFxuICAgICAgICBodG1sRXZlbnQ6IGUsXG4gICAgICAgIGRhdGE6IGl0ZW0sXG4gICAgICAgIG5hbWU6IGl0ZW0/Lm5hbWVcbiAgICAgIH07XG4gICAgICBpZiAoaXRlbS5vbkNsaWNrKSB7XG4gICAgICAgIGl0ZW0ub25DbGljaygpO1xuICAgICAgfVxuICAgICAgZWxzZSB7XG4gICAgICAgIHRoaXMub25JdGVtQ2xpY2suZW1pdChtKTtcbiAgICAgIH1cblxuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgfVxufVxuIiwiPCEtLSA8ZGl2IGNsYXNzPVwiYXggbWVudS1jb250YWluZXIge3tzaXplfX1cIiAjY29udGFpbmVyPlxuICA8dWwgY2xhc3M9XCJyb290XCIgW2NsYXNzLmhvcml6b250YWxdPVwiZGlyZWN0aW9uPT0naG9yaXpvbnRhbCdcIiBbY2xhc3MudmVydGljYWxdPVwiZGlyZWN0aW9uPT0ndmVydGljYWwnXCIgI3Jvb3Q+XG4gICAgPG5nLXRlbXBsYXRlICNyZWN1cnNpdmVMaXN0IGxldC1saXN0PlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgaXRlbSBvZiBsaXN0O3RyYWNrQnk6dHJhY2tCeUl0ZW1cIj5cbiAgICAgICAgPGxpIGNsYXNzPVwiYXgtdG9vbGJhci1tZW51LWl0ZW0gYXgge3tpdGVtLnR5cGUgfHwgJ2F4IHByaW1hcnknfX0ge3tpdGVtLnN0eWxlIHx8ICdheCBwcmltYXJ5J319XCIgW2NsYXNzLmRpc2FibGVkXT0naXRlbS5kaXNhYmxlJyAgW2NsYXNzLnN1Ykljb25dPSdpdGVtLml0ZW1zJyBbY2xhc3Muc3RhcnRJY29uXT0naXRlbS5zdGFydEljb24nIFtjbGFzcy5zdGFydEljb25dPSdpdGVtLmljb24nIFtjbGFzcy5lbmRJY29uXT0naXRlbS5lbmRJY29uJyAqbmdJZj1cIml0ZW0udmlzaWJsZSE9ZmFsc2VcIiAoY2xpY2spPVwiaGFuZGxlSXRlbUNsaWNrKCRldmVudCwgaXRlbSlcIlxuICAgICAgICAgIFtjbGFzcy5zZWxlY3RlZF09XCJpdGVtLnNlbGVjdGVkXCIgW2NsYXNzLmRpdmlkZXJdPVwiaXRlbS5kaXZpZGVyXCIgW2F0dHIudGl0bGVdPVwiaXRlbS50b29sdGlwID8gaXRlbS50b29sdGlwIDogbnVsbFwiXG4gICAgICAgICAgW2F0dHIuZGF0YS11aWRdPVwiaXRlbS51aWRcIlxuICAgICAgICAgIFtjbGFzcy5zcGxpdF09XCJpdGVtLnNwbGl0XCI+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImNvbnRlbnQtc2lkZVwiPlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIm1lbnVUZW1wbGF0ZTsgZWxzZSBtZW51Qm9keVwiPlxuICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwibWVudVRlbXBsYXRlOyBjb250ZXh0OiB7ICRpbXBsaWNpdDogaXRlbSB9XCI+XG4gICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICA8bmctdGVtcGxhdGUgI21lbnVCb2R5PlxuICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImF4LXRvb2xiYXItbWVudS1pdGVtLXRleHRcIj5cbiAgICAgICAgICAgICAgICA8aSBjbGFzcz1cInt7IGl0ZW0uc3RhcnRJY29uIH19IHN0YXJ0LWljb24gYXgtbWVudS1pdGVtLWljb25cIiAqbmdJZj1cIml0ZW0uc3RhcnRJY29uXCI+PC9pPlxuICAgICAgICAgICAgICAgIDxpIGNsYXNzPVwie3sgaXRlbS5pY29uIH19IHN0YXJ0LWljb24gYXgtbWVudS1pdGVtLWljb25cIiAqbmdJZj1cIml0ZW0uaWNvblwiPjwvaT5cbiAgICAgICAgICAgICAgICA8c3BhbiAqbmdJZj1cIml0ZW0udGV4dFwiPnt7IGl0ZW0udGV4dCB9fTwvc3Bhbj5cbiAgICAgICAgICAgICAgICA8aSBjbGFzcz1cInt7IGl0ZW0uZW5kSWNvbiB9fSBlbmQtaWNvbiBheC1tZW51LWl0ZW0taWNvblwiICpuZ0lmPVwiaXRlbS5lbmRJY29uXCI+PC9pPlxuICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJzdWItaWNvbi1zaWRlXCIgKm5nSWY9XCJpdGVtLmhhc0NoaWxkcmVuXCI+XG4gICAgICAgICAgICA8aSBjbGFzcz1cImZhciBmYS1hbmdsZS1kb3duIGF4LW1lbnUtaXRlbS1kcm9wLWljb25cIj48L2k+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPHVsICpuZ0lmPVwiaXRlbS5oYXNDaGlsZHJlblwiIGNsYXNzPVwiY29sbGFwc2VkIHN1Yi1tZW51XCI+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiXG4gICAgICAgICAgICAgIHJlY3Vyc2l2ZUxpc3Q7XG4gICAgICAgICAgICAgIGNvbnRleHQ6IHsgJGltcGxpY2l0OiBpdGVtLml0ZW1zIH1cbiAgICAgICAgICAgIFwiPjwvbmctY29udGFpbmVyPlxuICAgICAgICAgIDwvdWw+XG4gICAgICAgIDwvbGk+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8L25nLXRlbXBsYXRlPlxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJyZWN1cnNpdmVMaXN0OyBjb250ZXh0OiB7ICRpbXBsaWNpdDogaXRlbXMgfVwiPjwvbmctY29udGFpbmVyPlxuICAgIDxsaSBjbGFzcz1cIm1vcmVcIiAjbW9yZUxJIChjbGljayk9XCJoYW5kbGVJdGVtQ2xpY2soJGV2ZW50KVwiPlxuICAgICAgPGkgY2xhc3M9XCJmYXIgZmEtYmFyc1wiPjwvaT5cbiAgICAgIDx1bCAjbW9yZVVMIGNsYXNzPVwiY29sbGFwc2VkIHN1Yi1tZW51XCI+PC91bD5cbiAgICA8L2xpPlxuICA8L3VsPlxuPC9kaXY+IC0tPlxuXG48bmF2PlxuICA8dWwgY2xhc3M9XCJheCBuYXYtbWVudVwiIFtjbGFzcy5ydGxdPVwicnRsXCIgW2NsYXNzLm5hdi1jZW50ZXJdPVwiZGlyZWN0aW9uPT0naG9yaXpvbnRhbCdcIlxuICAgIFtjbGFzcy5uYXYtdmVydGljYWxdPVwiZGlyZWN0aW9uPT0ndmVydGljYWwnXCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInJlY3Vyc2l2ZU1lbnU7IGNvbnRleHQ6eyAkaW1wbGljaXQ6IGl0ZW1zIH1cIj48L25nLWNvbnRhaW5lcj5cbiAgPC91bD5cbjwvbmF2PlxuXG48bmctdGVtcGxhdGUgI3JlY3Vyc2l2ZU1lbnUgbGV0LWl0ZW1zPlxuICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBpdGVtIG9mIGl0ZW1zXCI+XG4gICAgPGxpIGNsYXNzPVwiYXgge3tpdGVtLnN0eWxlfX1cIiBbbmdDbGFzc109XCJ7J2Rpc2FibGVkJzogaXRlbS5kaXNhYmxlfVwiXG4gICAgICAqbmdJZj1cIml0ZW0udmlzaWJsZSA9PT0gdW5kZWZpbmVkIHx8IGl0ZW0udmlzaWJsZVwiIChjbGljayk9XCJoYW5kbGVJdGVtQ2xpY2soJGV2ZW50LGl0ZW0pXCIgYXhUb29sdGlwXG4gICAgICBbcGxhY2VtZW50XT1cIml0ZW0udG9vbHRpcFBsYWNlbWVudCA/IGl0ZW0udG9vbHRpcFBsYWNlbWVudCA6ICdib3R0b20nXCJcbiAgICAgIFt0b29sdGlwXT1cIml0ZW0udG9vbHRpcCA/IGl0ZW0udG9vbHRpcCA6ICcnXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiYXgtbWVudS1pdGVtXCIgPlxuICAgICAgICA8c3BhbiBjbGFzcz1cIm1lbnUtaXRlbS1zdGFydC1zaWRlXCI+XG4gICAgICAgICAgPGkgY2xhc3M9XCJ7eyBpdGVtLnN0YXJ0SWNvbiB9fVwiICpuZ0lmPVwiaXRlbS5zdGFydEljb25cIj48L2k+XG4gICAgICAgICAgPGkgY2xhc3M9XCJ7eyBpdGVtLmljb24gfX1cIiAqbmdJZj1cIml0ZW0uaWNvblwiPjwvaT5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cImF4LW1lbnUtaXRlbS10ZXh0XCIgKm5nSWY9XCJpdGVtLnRleHRcIj57e2l0ZW0udGV4dH19PC9zcGFuPlxuICAgICAgICA8L3NwYW4+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwibWVudS1pdGVtLWVuZC1zaWRlXCI+XG4gICAgICAgICAgPGkgY2xhc3M9XCJmYXIgZmEtYW5nbGUtZG93biBkcm9wLWljb25cIiAqbmdJZj1cIml0ZW0uaXRlbXMgJiYgaXRlbS50ZXh0XCI+PC9pPlxuICAgICAgICAgIDxpIGNsYXNzPVwie3sgaXRlbS5lbmRJY29uIH19XCIgKm5nSWY9XCJpdGVtLmVuZEljb25cIj48L2k+XG4gICAgICAgIDwvc3Bhbj5cblxuICAgICAgPC9kaXY+XG4gICAgICA8dWwgKm5nSWY9XCJpdGVtLml0ZW1zXCIgY2xhc3M9XCJheC1zdWItbWVudVwiPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwicmVjdXJzaXZlTWVudTsgY29udGV4dDp7ICRpbXBsaWNpdDogaXRlbS5pdGVtcyB9XCI+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgPC91bD5cbiAgICA8L2xpPlxuICA8L25nLWNvbnRhaW5lcj5cbjwvbmctdGVtcGxhdGU+Il19

package/esm2020/lib/menu/menu.module.mjs

@@ -1,22 +1,22 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { AXMenuComponent } from './menu.component';
-import { AXMenu2Component } from './menu2.component';
-import { AXMenuItemComponent } from './menu-item.component';
-import { AXTooltipModule } from '../tooltip/tooltip.module';
-import * as i0 from "@angular/core";
-export class AXMenuModule {
-}
-AXMenuModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AXMenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXMenuModule, declarations: [AXMenuComponent, AXMenu2Component, AXMenuItemComponent], imports: [CommonModule, AXTooltipModule], exports: [AXMenuComponent, AXMenu2Component, AXMenuItemComponent] });
-AXMenuModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXMenuModule, providers: [], imports: [[CommonModule, AXTooltipModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXMenuModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [AXMenuComponent, AXMenu2Component, AXMenuItemComponent],
-                    imports: [CommonModule, AXTooltipModule],
-                    exports: [AXMenuComponent, AXMenu2Component, AXMenuItemComponent],
-                    providers: []
-                }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hY29yZXgvY29tcG9uZW50cy9zcmMvbGliL21lbnUvbWVudS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ25ELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQzVELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7QUFPNUQsTUFBTSxPQUFPLFlBQVk7OzBHQUFaLFlBQVk7MkdBQVosWUFBWSxpQkFMUixlQUFlLEVBQUUsZ0JBQWdCLEVBQUUsbUJBQW1CLGFBQzNELFlBQVksRUFBQyxlQUFlLGFBQzVCLGVBQWUsRUFBRSxnQkFBZ0IsRUFBRSxtQkFBbUI7MkdBR3JELFlBQVksYUFGWixFQUFFLFlBRkosQ0FBQyxZQUFZLEVBQUMsZUFBZSxDQUFDOzRGQUk1QixZQUFZO2tCQU54QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLGVBQWUsRUFBRSxnQkFBZ0IsRUFBRSxtQkFBbUIsQ0FBQztvQkFDdEUsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFDLGVBQWUsQ0FBQztvQkFDdkMsT0FBTyxFQUFFLENBQUMsZUFBZSxFQUFFLGdCQUFnQixFQUFFLG1CQUFtQixDQUFDO29CQUNqRSxTQUFTLEVBQUUsRUFBRTtpQkFDZCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IEFYTWVudUNvbXBvbmVudCB9IGZyb20gJy4vbWVudS5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBBWE1lbnUyQ29tcG9uZW50IH0gZnJvbSAnLi9tZW51Mi5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBBWE1lbnVJdGVtQ29tcG9uZW50IH0gZnJvbSAnLi9tZW51LWl0ZW0uY29tcG9uZW50JztcclxuaW1wb3J0IHsgQVhUb29sdGlwTW9kdWxlIH0gZnJvbSAnLi4vdG9vbHRpcC90b29sdGlwLm1vZHVsZSc7XHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbQVhNZW51Q29tcG9uZW50LCBBWE1lbnUyQ29tcG9uZW50LCBBWE1lbnVJdGVtQ29tcG9uZW50XSxcclxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLEFYVG9vbHRpcE1vZHVsZV0sXHJcbiAgZXhwb3J0czogW0FYTWVudUNvbXBvbmVudCwgQVhNZW51MkNvbXBvbmVudCwgQVhNZW51SXRlbUNvbXBvbmVudF0sXHJcbiAgcHJvdmlkZXJzOiBbXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQVhNZW51TW9kdWxlIHsgfVxyXG4iXX0=
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { AXMenuComponent } from './menu.component';
+import { AXMenu2Component } from './menu2.component';
+import { AXMenuItemComponent } from './menu-item.component';
+import { AXTooltipModule } from '../tooltip/tooltip.module';
+import * as i0 from "@angular/core";
+export class AXMenuModule {
+}
+AXMenuModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AXMenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXMenuModule, declarations: [AXMenuComponent, AXMenu2Component, AXMenuItemComponent], imports: [CommonModule, AXTooltipModule], exports: [AXMenuComponent, AXMenu2Component, AXMenuItemComponent] });
+AXMenuModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXMenuModule, providers: [], imports: [[CommonModule, AXTooltipModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXMenuModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [AXMenuComponent, AXMenu2Component, AXMenuItemComponent],
+                    imports: [CommonModule, AXTooltipModule],
+                    exports: [AXMenuComponent, AXMenu2Component, AXMenuItemComponent],
+                    providers: []
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hY29yZXgvY29tcG9uZW50cy9zcmMvbGliL21lbnUvbWVudS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ25ELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQzVELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7QUFPNUQsTUFBTSxPQUFPLFlBQVk7OzBHQUFaLFlBQVk7MkdBQVosWUFBWSxpQkFMUixlQUFlLEVBQUUsZ0JBQWdCLEVBQUUsbUJBQW1CLGFBQzNELFlBQVksRUFBQyxlQUFlLGFBQzVCLGVBQWUsRUFBRSxnQkFBZ0IsRUFBRSxtQkFBbUI7MkdBR3JELFlBQVksYUFGWixFQUFFLFlBRkosQ0FBQyxZQUFZLEVBQUMsZUFBZSxDQUFDOzRGQUk1QixZQUFZO2tCQU54QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLGVBQWUsRUFBRSxnQkFBZ0IsRUFBRSxtQkFBbUIsQ0FBQztvQkFDdEUsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFDLGVBQWUsQ0FBQztvQkFDdkMsT0FBTyxFQUFFLENBQUMsZUFBZSxFQUFFLGdCQUFnQixFQUFFLG1CQUFtQixDQUFDO29CQUNqRSxTQUFTLEVBQUUsRUFBRTtpQkFDZCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQVhNZW51Q29tcG9uZW50IH0gZnJvbSAnLi9tZW51LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBBWE1lbnUyQ29tcG9uZW50IH0gZnJvbSAnLi9tZW51Mi5jb21wb25lbnQnO1xuaW1wb3J0IHsgQVhNZW51SXRlbUNvbXBvbmVudCB9IGZyb20gJy4vbWVudS1pdGVtLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBBWFRvb2x0aXBNb2R1bGUgfSBmcm9tICcuLi90b29sdGlwL3Rvb2x0aXAubW9kdWxlJztcbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW0FYTWVudUNvbXBvbmVudCwgQVhNZW51MkNvbXBvbmVudCwgQVhNZW51SXRlbUNvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsQVhUb29sdGlwTW9kdWxlXSxcbiAgZXhwb3J0czogW0FYTWVudUNvbXBvbmVudCwgQVhNZW51MkNvbXBvbmVudCwgQVhNZW51SXRlbUNvbXBvbmVudF0sXG4gIHByb3ZpZGVyczogW11cbn0pXG5leHBvcnQgY2xhc3MgQVhNZW51TW9kdWxlIHsgfVxuIl19

package/esm2020/lib/menu/menu2.component.mjs

@@ -1,96 +1,96 @@
-import { Component, ElementRef, EventEmitter, HostListener, Input, Output, ViewContainerRef, ViewEncapsulation, } from '@angular/core';
-import { Overlay } from '@angular/cdk/overlay';
-import { ComponentPortal } from '@angular/cdk/portal';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/cdk/overlay";
-import * as i2 from "./menu-item.component";
-import * as i3 from "@angular/common";
-export class AXMenu2Component {
-    //@ViewChild(TemplateRef) template;
-    constructor(overlay, viewContainerRef, elementRef) {
-        this.overlay = overlay;
-        this.viewContainerRef = viewContainerRef;
-        this.elementRef = elementRef;
-        this.subItemsOverlays = new Array();
-        this.level = 0;
-        this.selected = new EventEmitter();
-    }
-    showSubmenu(event) {
-        const position = [];
-        if (event.level === 0) {
-            position.push({
-                originX: 'start',
-                originY: 'bottom',
-                overlayX: 'start',
-                overlayY: 'top',
-            });
-        }
-        else {
-            position.push({
-                originX: 'end',
-                originY: 'top',
-                overlayX: 'start',
-                overlayY: 'top',
-            });
-        }
-        const positionStrategy = this.overlay
-            .position()
-            .flexibleConnectedTo(event.element)
-            .withPositions(position);
-        const overlayRef = this.overlay.create({
-            positionStrategy,
-            hasBackdrop: false,
-            backdropClass: 'cdk-overlay-transparent-backdrop'
-        });
-        this.subItemsOverlays.push(overlayRef);
-        const portal = new ComponentPortal(AXMenu2Component, this.viewContainerRef);
-        const com = overlayRef.attach(portal);
-        com.instance.level = event.level + 1;
-        com.instance.items = event.item.items;
-    }
-    onDocumentClick(target) {
-        const clickedInside = this.elementRef.nativeElement.contains(target);
-        if (!clickedInside) {
-            this.hideOverlays();
-        }
-    }
-    hideOverlays() {
-        this.subItemsOverlays.forEach((o) => o.dispose());
-        this.subItemsOverlays.length = 0;
-    }
-    ngOnDestroy() {
-        this.hideOverlays();
-    }
-}
-AXMenu2Component.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXMenu2Component, deps: [{ token: i1.Overlay }, { token: i0.ViewContainerRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-AXMenu2Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AXMenu2Component, selector: "ax-menu2", inputs: { items: "items" }, outputs: { selected: "selected" }, host: { listeners: { "document:click": "onDocumentClick($event.target)" } }, ngImport: i0, template: `
-     <div class="ax ax-menu ax-menu-vertical" [attr.data-level]="level">
-        <ax-menu-item
-            *ngFor="let item of items"
-            [level]="level"
-            [item]="item"
-            (showSubMenu)="showSubmenu($event)">
-        </ax-menu-item>
-     </div>
-    `, isInline: true, styles: [".ax.ax-menu{display:flex}.ax.ax-menu.ax-menu-vertical[data-level=\"0\"]{display:flex;flex-direction:row}.ax.ax-menu.ax-menu-vertical:not([data-level=\"0\"]){display:flex;transition:opacity .3s;min-width:12em;box-shadow:0 1px 7px 0 var(--ax-border-color);background:#fff;flex-direction:column}.ax.ax-menu.ax-menu-vertical .ax-menu-item{display:flex;white-space:nowrap;cursor:pointer;padding:0 10px;font-weight:400;font-size:.875rem;line-height:40px;text-decoration:none;align-items:center}.ax.ax-menu.ax-menu-vertical .ax-menu-item .icon:first-child{-webkit-margin-end:var(--ax-size-md);margin-inline-end:var(--ax-size-md)}.ax.ax-menu.ax-menu-vertical .ax-menu-item .icon:last-child{-webkit-margin-start:var(--ax-size-md);margin-inline-start:var(--ax-size-md)}.ax.ax-menu.ax-menu-vertical .ax-menu-item span{flex:1}.ax.ax-menu.ax-menu-vertical .ax-menu-item.disabled{opacity:.6}\n"], components: [{ type: i2.AXMenuItemComponent, selector: "ax-menu-item", inputs: ["item", "level"], outputs: ["showSubMenu"] }], directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXMenu2Component, decorators: [{
-            type: Component,
-            args: [{ selector: 'ax-menu2', template: `
-     <div class="ax ax-menu ax-menu-vertical" [attr.data-level]="level">
-        <ax-menu-item
-            *ngFor="let item of items"
-            [level]="level"
-            [item]="item"
-            (showSubMenu)="showSubmenu($event)">
-        </ax-menu-item>
-     </div>
-    `, encapsulation: ViewEncapsulation.None, styles: [".ax.ax-menu{display:flex}.ax.ax-menu.ax-menu-vertical[data-level=\"0\"]{display:flex;flex-direction:row}.ax.ax-menu.ax-menu-vertical:not([data-level=\"0\"]){display:flex;transition:opacity .3s;min-width:12em;box-shadow:0 1px 7px 0 var(--ax-border-color);background:#fff;flex-direction:column}.ax.ax-menu.ax-menu-vertical .ax-menu-item{display:flex;white-space:nowrap;cursor:pointer;padding:0 10px;font-weight:400;font-size:.875rem;line-height:40px;text-decoration:none;align-items:center}.ax.ax-menu.ax-menu-vertical .ax-menu-item .icon:first-child{-webkit-margin-end:var(--ax-size-md);margin-inline-end:var(--ax-size-md)}.ax.ax-menu.ax-menu-vertical .ax-menu-item .icon:last-child{-webkit-margin-start:var(--ax-size-md);margin-inline-start:var(--ax-size-md)}.ax.ax-menu.ax-menu-vertical .ax-menu-item span{flex:1}.ax.ax-menu.ax-menu-vertical .ax-menu-item.disabled{opacity:.6}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.Overlay }, { type: i0.ViewContainerRef }, { type: i0.ElementRef }]; }, propDecorators: { items: [{
-                type: Input
-            }], selected: [{
-                type: Output
-            }], onDocumentClick: [{
-                type: HostListener,
-                args: ['document:click', ['$event.target']]
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudTIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWNvcmV4L2NvbXBvbmVudHMvc3JjL2xpYi9tZW51L21lbnUyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gsU0FBUyxFQUNULFVBQVUsRUFDVixZQUFZLEVBQ1osWUFBWSxFQUNaLEtBQUssRUFFTCxNQUFNLEVBR04sZ0JBQWdCLEVBQ2hCLGlCQUFpQixHQUNwQixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsT0FBTyxFQUFpQyxNQUFNLHNCQUFzQixDQUFDO0FBQzlFLE9BQU8sRUFBa0IsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7Ozs7O0FBa0J0RSxNQUFNLE9BQU8sZ0JBQWdCO0lBTXpCLG1DQUFtQztJQUVuQyxZQUNZLE9BQWdCLEVBQ2hCLGdCQUFrQyxFQUNsQyxVQUFzQjtRQUZ0QixZQUFPLEdBQVAsT0FBTyxDQUFTO1FBQ2hCLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBa0I7UUFDbEMsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQVZsQyxxQkFBZ0IsR0FBRyxJQUFJLEtBQUssRUFBYyxDQUFDO1FBQzNDLFVBQUssR0FBVyxDQUFDLENBQUM7UUFHUixhQUFRLEdBQUcsSUFBSSxZQUFZLEVBQWMsQ0FBQztJQU9oRCxDQUFDO0lBRUwsV0FBVyxDQUFDLEtBQW9CO1FBQzVCLE1BQU0sUUFBUSxHQUF3QixFQUFFLENBQUM7UUFDekMsSUFBSSxLQUFLLENBQUMsS0FBSyxLQUFLLENBQUMsRUFBRTtZQUNuQixRQUFRLENBQUMsSUFBSSxDQUFDO2dCQUNWLE9BQU8sRUFBRSxPQUFPO2dCQUNoQixPQUFPLEVBQUUsUUFBUTtnQkFDakIsUUFBUSxFQUFFLE9BQU87Z0JBQ2pCLFFBQVEsRUFBRSxLQUFLO2FBQ2xCLENBQUMsQ0FBQztTQUNOO2FBQU07WUFDSCxRQUFRLENBQUMsSUFBSSxDQUFDO2dCQUNWLE9BQU8sRUFBRSxLQUFLO2dCQUNkLE9BQU8sRUFBRSxLQUFLO2dCQUNkLFFBQVEsRUFBRSxPQUFPO2dCQUNqQixRQUFRLEVBQUUsS0FBSzthQUNsQixDQUFDLENBQUM7U0FDTjtRQUVELE1BQU0sZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLE9BQU87YUFDaEMsUUFBUSxFQUFFO2FBQ1YsbUJBQW1CLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQzthQUNsQyxhQUFhLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDN0IsTUFBTSxVQUFVLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUM7WUFDbkMsZ0JBQWdCO1lBQ2hCLFdBQVcsRUFBRSxLQUFLO1lBQ2xCLGFBQWEsRUFBRSxrQ0FBa0M7U0FDcEQsQ0FBQyxDQUFDO1FBQ0gsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUN2QyxNQUFNLE1BQU0sR0FBRyxJQUFJLGVBQWUsQ0FBQyxnQkFBZ0IsRUFBRSxJQUFJLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztRQUU1RSxNQUFNLEdBQUcsR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ3RDLEdBQUcsQ0FBQyxRQUFRLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDO1FBQ3JDLEdBQUcsQ0FBQyxRQUFRLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDO0lBQzFDLENBQUM7SUFHTSxlQUFlLENBQUMsTUFBTTtRQUN6QixNQUFNLGFBQWEsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDckUsSUFBSSxDQUFDLGFBQWEsRUFBRTtZQUNoQixJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7U0FDdkI7SUFDTCxDQUFDO0lBRUQsWUFBWTtRQUNSLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxPQUFPLEVBQUUsQ0FBQyxDQUFDO1FBQ2xELElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDO0lBQ3JDLENBQUM7SUFDRCxXQUFXO1FBQ1AsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3hCLENBQUM7OzhHQS9EUSxnQkFBZ0I7a0dBQWhCLGdCQUFnQiw0TEFiZjs7Ozs7Ozs7O0tBU1Q7NEZBSVEsZ0JBQWdCO2tCQWY1QixTQUFTOytCQUNJLFVBQVUsWUFDVjs7Ozs7Ozs7O0tBU1QsaUJBRWMsaUJBQWlCLENBQUMsSUFBSTtzSkFNNUIsS0FBSztzQkFBYixLQUFLO2dCQUNJLFFBQVE7c0JBQWpCLE1BQU07Z0JBNkNBLGVBQWU7c0JBRHJCLFlBQVk7dUJBQUMsZ0JBQWdCLEVBQUUsQ0FBQyxlQUFlLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gICAgQ29tcG9uZW50LFxyXG4gICAgRWxlbWVudFJlZixcclxuICAgIEV2ZW50RW1pdHRlcixcclxuICAgIEhvc3RMaXN0ZW5lcixcclxuICAgIElucHV0LFxyXG4gICAgT25EZXN0cm95LFxyXG4gICAgT3V0cHV0LFxyXG4gICAgVGVtcGxhdGVSZWYsXHJcbiAgICBWaWV3Q2hpbGQsXHJcbiAgICBWaWV3Q29udGFpbmVyUmVmLFxyXG4gICAgVmlld0VuY2Fwc3VsYXRpb24sXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFN1Ykl0ZW1zRXZlbnQgfSBmcm9tICcuL21lbnUtaXRlbS5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBPdmVybGF5LCBPdmVybGF5UmVmLCBDb25uZWN0ZWRQb3NpdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9vdmVybGF5JztcclxuaW1wb3J0IHsgVGVtcGxhdGVQb3J0YWwsIENvbXBvbmVudFBvcnRhbCB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9wb3J0YWwnO1xyXG5pbXBvcnQgeyBBWE1lbnVJdGVtIH0gZnJvbSAnQGFjb3JleC9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdheC1tZW51MicsXHJcbiAgICB0ZW1wbGF0ZTogYFxyXG4gICAgIDxkaXYgY2xhc3M9XCJheCBheC1tZW51IGF4LW1lbnUtdmVydGljYWxcIiBbYXR0ci5kYXRhLWxldmVsXT1cImxldmVsXCI+XHJcbiAgICAgICAgPGF4LW1lbnUtaXRlbVxyXG4gICAgICAgICAgICAqbmdGb3I9XCJsZXQgaXRlbSBvZiBpdGVtc1wiXHJcbiAgICAgICAgICAgIFtsZXZlbF09XCJsZXZlbFwiXHJcbiAgICAgICAgICAgIFtpdGVtXT1cIml0ZW1cIlxyXG4gICAgICAgICAgICAoc2hvd1N1Yk1lbnUpPVwic2hvd1N1Ym1lbnUoJGV2ZW50KVwiPlxyXG4gICAgICAgIDwvYXgtbWVudS1pdGVtPlxyXG4gICAgIDwvZGl2PlxyXG4gICAgYCxcclxuICAgIHN0eWxlVXJsczogWycuL21lbnUyLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBWE1lbnUyQ29tcG9uZW50IGltcGxlbWVudHMgT25EZXN0cm95IHtcclxuICAgIHN1Ykl0ZW1zT3ZlcmxheXMgPSBuZXcgQXJyYXk8T3ZlcmxheVJlZj4oKTtcclxuICAgIGxldmVsOiBudW1iZXIgPSAwO1xyXG5cclxuICAgIEBJbnB1dCgpIGl0ZW1zOiBBWE1lbnVJdGVtW107XHJcbiAgICBAT3V0cHV0KCkgc2VsZWN0ZWQgPSBuZXcgRXZlbnRFbWl0dGVyPEFYTWVudUl0ZW0+KCk7XHJcbiAgICAvL0BWaWV3Q2hpbGQoVGVtcGxhdGVSZWYpIHRlbXBsYXRlO1xyXG5cclxuICAgIGNvbnN0cnVjdG9yKFxyXG4gICAgICAgIHByaXZhdGUgb3ZlcmxheTogT3ZlcmxheSxcclxuICAgICAgICBwcml2YXRlIHZpZXdDb250YWluZXJSZWY6IFZpZXdDb250YWluZXJSZWYsXHJcbiAgICAgICAgcHJpdmF0ZSBlbGVtZW50UmVmOiBFbGVtZW50UmVmXHJcbiAgICApIHsgfVxyXG5cclxuICAgIHNob3dTdWJtZW51KGV2ZW50OiBTdWJJdGVtc0V2ZW50KSB7XHJcbiAgICAgICAgY29uc3QgcG9zaXRpb246IENvbm5lY3RlZFBvc2l0aW9uW10gPSBbXTtcclxuICAgICAgICBpZiAoZXZlbnQubGV2ZWwgPT09IDApIHtcclxuICAgICAgICAgICAgcG9zaXRpb24ucHVzaCh7XHJcbiAgICAgICAgICAgICAgICBvcmlnaW5YOiAnc3RhcnQnLFxyXG4gICAgICAgICAgICAgICAgb3JpZ2luWTogJ2JvdHRvbScsXHJcbiAgICAgICAgICAgICAgICBvdmVybGF5WDogJ3N0YXJ0JyxcclxuICAgICAgICAgICAgICAgIG92ZXJsYXlZOiAndG9wJyxcclxuICAgICAgICAgICAgfSk7XHJcbiAgICAgICAgfSBlbHNlIHtcclxuICAgICAgICAgICAgcG9zaXRpb24ucHVzaCh7XHJcbiAgICAgICAgICAgICAgICBvcmlnaW5YOiAnZW5kJyxcclxuICAgICAgICAgICAgICAgIG9yaWdpblk6ICd0b3AnLFxyXG4gICAgICAgICAgICAgICAgb3ZlcmxheVg6ICdzdGFydCcsXHJcbiAgICAgICAgICAgICAgICBvdmVybGF5WTogJ3RvcCcsXHJcbiAgICAgICAgICAgIH0pO1xyXG4gICAgICAgIH1cclxuXHJcbiAgICAgICAgY29uc3QgcG9zaXRpb25TdHJhdGVneSA9IHRoaXMub3ZlcmxheVxyXG4gICAgICAgICAgICAucG9zaXRpb24oKVxyXG4gICAgICAgICAgICAuZmxleGlibGVDb25uZWN0ZWRUbyhldmVudC5lbGVtZW50KVxyXG4gICAgICAgICAgICAud2l0aFBvc2l0aW9ucyhwb3NpdGlvbik7XHJcbiAgICAgICAgY29uc3Qgb3ZlcmxheVJlZiA9IHRoaXMub3ZlcmxheS5jcmVhdGUoe1xyXG4gICAgICAgICAgICBwb3NpdGlvblN0cmF0ZWd5LFxyXG4gICAgICAgICAgICBoYXNCYWNrZHJvcDogZmFsc2UsXHJcbiAgICAgICAgICAgIGJhY2tkcm9wQ2xhc3M6ICdjZGstb3ZlcmxheS10cmFuc3BhcmVudC1iYWNrZHJvcCdcclxuICAgICAgICB9KTtcclxuICAgICAgICB0aGlzLnN1Ykl0ZW1zT3ZlcmxheXMucHVzaChvdmVybGF5UmVmKTtcclxuICAgICAgICBjb25zdCBwb3J0YWwgPSBuZXcgQ29tcG9uZW50UG9ydGFsKEFYTWVudTJDb21wb25lbnQsIHRoaXMudmlld0NvbnRhaW5lclJlZik7XHJcblxyXG4gICAgICAgIGNvbnN0IGNvbSA9IG92ZXJsYXlSZWYuYXR0YWNoKHBvcnRhbCk7XHJcbiAgICAgICAgY29tLmluc3RhbmNlLmxldmVsID0gZXZlbnQubGV2ZWwgKyAxO1xyXG4gICAgICAgIGNvbS5pbnN0YW5jZS5pdGVtcyA9IGV2ZW50Lml0ZW0uaXRlbXM7XHJcbiAgICB9XHJcblxyXG4gICAgQEhvc3RMaXN0ZW5lcignZG9jdW1lbnQ6Y2xpY2snLCBbJyRldmVudC50YXJnZXQnXSlcclxuICAgIHB1YmxpYyBvbkRvY3VtZW50Q2xpY2sodGFyZ2V0KSB7XHJcbiAgICAgICAgY29uc3QgY2xpY2tlZEluc2lkZSA9IHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmNvbnRhaW5zKHRhcmdldCk7XHJcbiAgICAgICAgaWYgKCFjbGlja2VkSW5zaWRlKSB7XHJcbiAgICAgICAgICAgIHRoaXMuaGlkZU92ZXJsYXlzKCk7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG5cclxuICAgIGhpZGVPdmVybGF5cygpIHtcclxuICAgICAgICB0aGlzLnN1Ykl0ZW1zT3ZlcmxheXMuZm9yRWFjaCgobykgPT4gby5kaXNwb3NlKCkpO1xyXG4gICAgICAgIHRoaXMuc3ViSXRlbXNPdmVybGF5cy5sZW5ndGggPSAwO1xyXG4gICAgfVxyXG4gICAgbmdPbkRlc3Ryb3koKSB7XHJcbiAgICAgICAgdGhpcy5oaWRlT3ZlcmxheXMoKTtcclxuICAgIH1cclxufVxyXG4iXX0=
+import { Component, ElementRef, EventEmitter, HostListener, Input, Output, ViewContainerRef, ViewEncapsulation, } from '@angular/core';
+import { Overlay } from '@angular/cdk/overlay';
+import { ComponentPortal } from '@angular/cdk/portal';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/overlay";
+import * as i2 from "./menu-item.component";
+import * as i3 from "@angular/common";
+export class AXMenu2Component {
+    //@ViewChild(TemplateRef) template;
+    constructor(overlay, viewContainerRef, elementRef) {
+        this.overlay = overlay;
+        this.viewContainerRef = viewContainerRef;
+        this.elementRef = elementRef;
+        this.subItemsOverlays = new Array();
+        this.level = 0;
+        this.selected = new EventEmitter();
+    }
+    showSubmenu(event) {
+        const position = [];
+        if (event.level === 0) {
+            position.push({
+                originX: 'start',
+                originY: 'bottom',
+                overlayX: 'start',
+                overlayY: 'top',
+            });
+        }
+        else {
+            position.push({
+                originX: 'end',
+                originY: 'top',
+                overlayX: 'start',
+                overlayY: 'top',
+            });
+        }
+        const positionStrategy = this.overlay
+            .position()
+            .flexibleConnectedTo(event.element)
+            .withPositions(position);
+        const overlayRef = this.overlay.create({
+            positionStrategy,
+            hasBackdrop: false,
+            backdropClass: 'cdk-overlay-transparent-backdrop'
+        });
+        this.subItemsOverlays.push(overlayRef);
+        const portal = new ComponentPortal(AXMenu2Component, this.viewContainerRef);
+        const com = overlayRef.attach(portal);
+        com.instance.level = event.level + 1;
+        com.instance.items = event.item.items;
+    }
+    onDocumentClick(target) {
+        const clickedInside = this.elementRef.nativeElement.contains(target);
+        if (!clickedInside) {
+            this.hideOverlays();
+        }
+    }
+    hideOverlays() {
+        this.subItemsOverlays.forEach((o) => o.dispose());
+        this.subItemsOverlays.length = 0;
+    }
+    ngOnDestroy() {
+        this.hideOverlays();
+    }
+}
+AXMenu2Component.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXMenu2Component, deps: [{ token: i1.Overlay }, { token: i0.ViewContainerRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+AXMenu2Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AXMenu2Component, selector: "ax-menu2", inputs: { items: "items" }, outputs: { selected: "selected" }, host: { listeners: { "document:click": "onDocumentClick($event.target)" } }, ngImport: i0, template: `
+     <div class="ax ax-menu ax-menu-vertical" [attr.data-level]="level">
+        <ax-menu-item
+            *ngFor="let item of items"
+            [level]="level"
+            [item]="item"
+            (showSubMenu)="showSubmenu($event)">
+        </ax-menu-item>
+     </div>
+    `, isInline: true, styles: [".ax.ax-menu{display:flex}.ax.ax-menu.ax-menu-vertical[data-level=\"0\"]{display:flex;flex-direction:row}.ax.ax-menu.ax-menu-vertical:not([data-level=\"0\"]){display:flex;transition:opacity .3s;min-width:12em;box-shadow:0 1px 7px 0 var(--ax-border-color);background:#fff;flex-direction:column}.ax.ax-menu.ax-menu-vertical .ax-menu-item{display:flex;white-space:nowrap;cursor:pointer;padding:0 10px;font-weight:400;font-size:.875rem;line-height:40px;text-decoration:none;align-items:center}.ax.ax-menu.ax-menu-vertical .ax-menu-item .icon:first-child{-webkit-margin-end:var(--ax-size-md);margin-inline-end:var(--ax-size-md)}.ax.ax-menu.ax-menu-vertical .ax-menu-item .icon:last-child{-webkit-margin-start:var(--ax-size-md);margin-inline-start:var(--ax-size-md)}.ax.ax-menu.ax-menu-vertical .ax-menu-item span{flex:1}.ax.ax-menu.ax-menu-vertical .ax-menu-item.disabled{opacity:.6}\n"], components: [{ type: i2.AXMenuItemComponent, selector: "ax-menu-item", inputs: ["item", "level"], outputs: ["showSubMenu"] }], directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXMenu2Component, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-menu2', template: `
+     <div class="ax ax-menu ax-menu-vertical" [attr.data-level]="level">
+        <ax-menu-item
+            *ngFor="let item of items"
+            [level]="level"
+            [item]="item"
+            (showSubMenu)="showSubmenu($event)">
+        </ax-menu-item>
+     </div>
+    `, encapsulation: ViewEncapsulation.None, styles: [".ax.ax-menu{display:flex}.ax.ax-menu.ax-menu-vertical[data-level=\"0\"]{display:flex;flex-direction:row}.ax.ax-menu.ax-menu-vertical:not([data-level=\"0\"]){display:flex;transition:opacity .3s;min-width:12em;box-shadow:0 1px 7px 0 var(--ax-border-color);background:#fff;flex-direction:column}.ax.ax-menu.ax-menu-vertical .ax-menu-item{display:flex;white-space:nowrap;cursor:pointer;padding:0 10px;font-weight:400;font-size:.875rem;line-height:40px;text-decoration:none;align-items:center}.ax.ax-menu.ax-menu-vertical .ax-menu-item .icon:first-child{-webkit-margin-end:var(--ax-size-md);margin-inline-end:var(--ax-size-md)}.ax.ax-menu.ax-menu-vertical .ax-menu-item .icon:last-child{-webkit-margin-start:var(--ax-size-md);margin-inline-start:var(--ax-size-md)}.ax.ax-menu.ax-menu-vertical .ax-menu-item span{flex:1}.ax.ax-menu.ax-menu-vertical .ax-menu-item.disabled{opacity:.6}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.Overlay }, { type: i0.ViewContainerRef }, { type: i0.ElementRef }]; }, propDecorators: { items: [{
+                type: Input
+            }], selected: [{
+                type: Output
+            }], onDocumentClick: [{
+                type: HostListener,
+                args: ['document:click', ['$event.target']]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudTIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWNvcmV4L2NvbXBvbmVudHMvc3JjL2xpYi9tZW51L21lbnUyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gsU0FBUyxFQUNULFVBQVUsRUFDVixZQUFZLEVBQ1osWUFBWSxFQUNaLEtBQUssRUFFTCxNQUFNLEVBR04sZ0JBQWdCLEVBQ2hCLGlCQUFpQixHQUNwQixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsT0FBTyxFQUFpQyxNQUFNLHNCQUFzQixDQUFDO0FBQzlFLE9BQU8sRUFBa0IsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7Ozs7O0FBa0J0RSxNQUFNLE9BQU8sZ0JBQWdCO0lBTXpCLG1DQUFtQztJQUVuQyxZQUNZLE9BQWdCLEVBQ2hCLGdCQUFrQyxFQUNsQyxVQUFzQjtRQUZ0QixZQUFPLEdBQVAsT0FBTyxDQUFTO1FBQ2hCLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBa0I7UUFDbEMsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQVZsQyxxQkFBZ0IsR0FBRyxJQUFJLEtBQUssRUFBYyxDQUFDO1FBQzNDLFVBQUssR0FBVyxDQUFDLENBQUM7UUFHUixhQUFRLEdBQUcsSUFBSSxZQUFZLEVBQWMsQ0FBQztJQU9oRCxDQUFDO0lBRUwsV0FBVyxDQUFDLEtBQW9CO1FBQzVCLE1BQU0sUUFBUSxHQUF3QixFQUFFLENBQUM7UUFDekMsSUFBSSxLQUFLLENBQUMsS0FBSyxLQUFLLENBQUMsRUFBRTtZQUNuQixRQUFRLENBQUMsSUFBSSxDQUFDO2dCQUNWLE9BQU8sRUFBRSxPQUFPO2dCQUNoQixPQUFPLEVBQUUsUUFBUTtnQkFDakIsUUFBUSxFQUFFLE9BQU87Z0JBQ2pCLFFBQVEsRUFBRSxLQUFLO2FBQ2xCLENBQUMsQ0FBQztTQUNOO2FBQU07WUFDSCxRQUFRLENBQUMsSUFBSSxDQUFDO2dCQUNWLE9BQU8sRUFBRSxLQUFLO2dCQUNkLE9BQU8sRUFBRSxLQUFLO2dCQUNkLFFBQVEsRUFBRSxPQUFPO2dCQUNqQixRQUFRLEVBQUUsS0FBSzthQUNsQixDQUFDLENBQUM7U0FDTjtRQUVELE1BQU0sZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLE9BQU87YUFDaEMsUUFBUSxFQUFFO2FBQ1YsbUJBQW1CLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQzthQUNsQyxhQUFhLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDN0IsTUFBTSxVQUFVLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUM7WUFDbkMsZ0JBQWdCO1lBQ2hCLFdBQVcsRUFBRSxLQUFLO1lBQ2xCLGFBQWEsRUFBRSxrQ0FBa0M7U0FDcEQsQ0FBQyxDQUFDO1FBQ0gsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUN2QyxNQUFNLE1BQU0sR0FBRyxJQUFJLGVBQWUsQ0FBQyxnQkFBZ0IsRUFBRSxJQUFJLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztRQUU1RSxNQUFNLEdBQUcsR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ3RDLEdBQUcsQ0FBQyxRQUFRLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDO1FBQ3JDLEdBQUcsQ0FBQyxRQUFRLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDO0lBQzFDLENBQUM7SUFHTSxlQUFlLENBQUMsTUFBTTtRQUN6QixNQUFNLGFBQWEsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDckUsSUFBSSxDQUFDLGFBQWEsRUFBRTtZQUNoQixJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7U0FDdkI7SUFDTCxDQUFDO0lBRUQsWUFBWTtRQUNSLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxPQUFPLEVBQUUsQ0FBQyxDQUFDO1FBQ2xELElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDO0lBQ3JDLENBQUM7SUFDRCxXQUFXO1FBQ1AsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3hCLENBQUM7OzhHQS9EUSxnQkFBZ0I7a0dBQWhCLGdCQUFnQiw0TEFiZjs7Ozs7Ozs7O0tBU1Q7NEZBSVEsZ0JBQWdCO2tCQWY1QixTQUFTOytCQUNJLFVBQVUsWUFDVjs7Ozs7Ozs7O0tBU1QsaUJBRWMsaUJBQWlCLENBQUMsSUFBSTtzSkFNNUIsS0FBSztzQkFBYixLQUFLO2dCQUNJLFFBQVE7c0JBQWpCLE1BQU07Z0JBNkNBLGVBQWU7c0JBRHJCLFlBQVk7dUJBQUMsZ0JBQWdCLEVBQUUsQ0FBQyxlQUFlLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENvbXBvbmVudCxcbiAgICBFbGVtZW50UmVmLFxuICAgIEV2ZW50RW1pdHRlcixcbiAgICBIb3N0TGlzdGVuZXIsXG4gICAgSW5wdXQsXG4gICAgT25EZXN0cm95LFxuICAgIE91dHB1dCxcbiAgICBUZW1wbGF0ZVJlZixcbiAgICBWaWV3Q2hpbGQsXG4gICAgVmlld0NvbnRhaW5lclJlZixcbiAgICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdWJJdGVtc0V2ZW50IH0gZnJvbSAnLi9tZW51LWl0ZW0uY29tcG9uZW50JztcbmltcG9ydCB7IE92ZXJsYXksIE92ZXJsYXlSZWYsIENvbm5lY3RlZFBvc2l0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL292ZXJsYXknO1xuaW1wb3J0IHsgVGVtcGxhdGVQb3J0YWwsIENvbXBvbmVudFBvcnRhbCB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9wb3J0YWwnO1xuaW1wb3J0IHsgQVhNZW51SXRlbSB9IGZyb20gJ0BhY29yZXgvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnYXgtbWVudTInLFxuICAgIHRlbXBsYXRlOiBgXG4gICAgIDxkaXYgY2xhc3M9XCJheCBheC1tZW51IGF4LW1lbnUtdmVydGljYWxcIiBbYXR0ci5kYXRhLWxldmVsXT1cImxldmVsXCI+XG4gICAgICAgIDxheC1tZW51LWl0ZW1cbiAgICAgICAgICAgICpuZ0Zvcj1cImxldCBpdGVtIG9mIGl0ZW1zXCJcbiAgICAgICAgICAgIFtsZXZlbF09XCJsZXZlbFwiXG4gICAgICAgICAgICBbaXRlbV09XCJpdGVtXCJcbiAgICAgICAgICAgIChzaG93U3ViTWVudSk9XCJzaG93U3VibWVudSgkZXZlbnQpXCI+XG4gICAgICAgIDwvYXgtbWVudS1pdGVtPlxuICAgICA8L2Rpdj5cbiAgICBgLFxuICAgIHN0eWxlVXJsczogWycuL21lbnUyLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxufSlcbmV4cG9ydCBjbGFzcyBBWE1lbnUyQ29tcG9uZW50IGltcGxlbWVudHMgT25EZXN0cm95IHtcbiAgICBzdWJJdGVtc092ZXJsYXlzID0gbmV3IEFycmF5PE92ZXJsYXlSZWY+KCk7XG4gICAgbGV2ZWw6IG51bWJlciA9IDA7XG5cbiAgICBASW5wdXQoKSBpdGVtczogQVhNZW51SXRlbVtdO1xuICAgIEBPdXRwdXQoKSBzZWxlY3RlZCA9IG5ldyBFdmVudEVtaXR0ZXI8QVhNZW51SXRlbT4oKTtcbiAgICAvL0BWaWV3Q2hpbGQoVGVtcGxhdGVSZWYpIHRlbXBsYXRlO1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIHByaXZhdGUgb3ZlcmxheTogT3ZlcmxheSxcbiAgICAgICAgcHJpdmF0ZSB2aWV3Q29udGFpbmVyUmVmOiBWaWV3Q29udGFpbmVyUmVmLFxuICAgICAgICBwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWZcbiAgICApIHsgfVxuXG4gICAgc2hvd1N1Ym1lbnUoZXZlbnQ6IFN1Ykl0ZW1zRXZlbnQpIHtcbiAgICAgICAgY29uc3QgcG9zaXRpb246IENvbm5lY3RlZFBvc2l0aW9uW10gPSBbXTtcbiAgICAgICAgaWYgKGV2ZW50LmxldmVsID09PSAwKSB7XG4gICAgICAgICAgICBwb3NpdGlvbi5wdXNoKHtcbiAgICAgICAgICAgICAgICBvcmlnaW5YOiAnc3RhcnQnLFxuICAgICAgICAgICAgICAgIG9yaWdpblk6ICdib3R0b20nLFxuICAgICAgICAgICAgICAgIG92ZXJsYXlYOiAnc3RhcnQnLFxuICAgICAgICAgICAgICAgIG92ZXJsYXlZOiAndG9wJyxcbiAgICAgICAgICAgIH0pO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgcG9zaXRpb24ucHVzaCh7XG4gICAgICAgICAgICAgICAgb3JpZ2luWDogJ2VuZCcsXG4gICAgICAgICAgICAgICAgb3JpZ2luWTogJ3RvcCcsXG4gICAgICAgICAgICAgICAgb3ZlcmxheVg6ICdzdGFydCcsXG4gICAgICAgICAgICAgICAgb3ZlcmxheVk6ICd0b3AnLFxuICAgICAgICAgICAgfSk7XG4gICAgICAgIH1cblxuICAgICAgICBjb25zdCBwb3NpdGlvblN0cmF0ZWd5ID0gdGhpcy5vdmVybGF5XG4gICAgICAgICAgICAucG9zaXRpb24oKVxuICAgICAgICAgICAgLmZsZXhpYmxlQ29ubmVjdGVkVG8oZXZlbnQuZWxlbWVudClcbiAgICAgICAgICAgIC53aXRoUG9zaXRpb25zKHBvc2l0aW9uKTtcbiAgICAgICAgY29uc3Qgb3ZlcmxheVJlZiA9IHRoaXMub3ZlcmxheS5jcmVhdGUoe1xuICAgICAgICAgICAgcG9zaXRpb25TdHJhdGVneSxcbiAgICAgICAgICAgIGhhc0JhY2tkcm9wOiBmYWxzZSxcbiAgICAgICAgICAgIGJhY2tkcm9wQ2xhc3M6ICdjZGstb3ZlcmxheS10cmFuc3BhcmVudC1iYWNrZHJvcCdcbiAgICAgICAgfSk7XG4gICAgICAgIHRoaXMuc3ViSXRlbXNPdmVybGF5cy5wdXNoKG92ZXJsYXlSZWYpO1xuICAgICAgICBjb25zdCBwb3J0YWwgPSBuZXcgQ29tcG9uZW50UG9ydGFsKEFYTWVudTJDb21wb25lbnQsIHRoaXMudmlld0NvbnRhaW5lclJlZik7XG5cbiAgICAgICAgY29uc3QgY29tID0gb3ZlcmxheVJlZi5hdHRhY2gocG9ydGFsKTtcbiAgICAgICAgY29tLmluc3RhbmNlLmxldmVsID0gZXZlbnQubGV2ZWwgKyAxO1xuICAgICAgICBjb20uaW5zdGFuY2UuaXRlbXMgPSBldmVudC5pdGVtLml0ZW1zO1xuICAgIH1cblxuICAgIEBIb3N0TGlzdGVuZXIoJ2RvY3VtZW50OmNsaWNrJywgWyckZXZlbnQudGFyZ2V0J10pXG4gICAgcHVibGljIG9uRG9jdW1lbnRDbGljayh0YXJnZXQpIHtcbiAgICAgICAgY29uc3QgY2xpY2tlZEluc2lkZSA9IHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmNvbnRhaW5zKHRhcmdldCk7XG4gICAgICAgIGlmICghY2xpY2tlZEluc2lkZSkge1xuICAgICAgICAgICAgdGhpcy5oaWRlT3ZlcmxheXMoKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIGhpZGVPdmVybGF5cygpIHtcbiAgICAgICAgdGhpcy5zdWJJdGVtc092ZXJsYXlzLmZvckVhY2goKG8pID0+IG8uZGlzcG9zZSgpKTtcbiAgICAgICAgdGhpcy5zdWJJdGVtc092ZXJsYXlzLmxlbmd0aCA9IDA7XG4gICAgfVxuICAgIG5nT25EZXN0cm95KCkge1xuICAgICAgICB0aGlzLmhpZGVPdmVybGF5cygpO1xuICAgIH1cbn1cbiJdfQ==