@acorex/components 6.5.70 → 6.5.90

package/esm2022/lib/loading/loading.service.mjs

@@ -0,0 +1,47 @@
+import { Injectable } from '@angular/core';
+import { AXRenderService } from '@acorex/core';
+import { AXOverlayService } from '../popover/overlay.service';
+import { AXLoadingIndicatorComponent } from './loading-indicator.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@acorex/core";
+import * as i2 from "../popover/overlay.service";
+export class AXLoadingService {
+    injection;
+    overlayService;
+    _stack = [];
+    constructor(injection, overlayService) {
+        this.injection = injection;
+        this.overlayService = overlayService;
+    }
+    show(location) {
+        let host;
+        if (location) {
+            host = location.closest('.ax-loading-host');
+        }
+        const containerElement = (host || location);
+        const com = this.overlayService.show(AXLoadingIndicatorComponent, {}, {
+            closeOnClickOutside: false,
+            containerElement,
+            hasBackdrop: true,
+            backdropClass: ['ax-loading-overlay'],
+            scroll: 'block'
+        });
+        const id = new Date().getTime();
+        this._stack.push({ id, component: com });
+        return id;
+    }
+    hide(id) {
+        const f = this._stack.find(c => c.id === id);
+        if (f) {
+            f.component.dispose();
+            this._stack = this._stack.filter(c => c.id !== id);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: AXLoadingService, deps: [{ token: i1.AXRenderService }, { token: i2.AXOverlayService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: AXLoadingService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: AXLoadingService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: function () { return [{ type: i1.AXRenderService }, { type: i2.AXOverlayService }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9saWIvbG9hZGluZy9sb2FkaW5nLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBOEIsTUFBTSxlQUFlLENBQUM7QUFDdkUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUUvQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQW9CLE1BQU0sNEJBQTRCLENBQUM7QUFDaEYsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sK0JBQStCLENBQUM7Ozs7QUFJNUUsTUFBTSxPQUFPLGdCQUFnQjtJQUtMO0lBQW9DO0lBSGhELE1BQU0sR0FBa0QsRUFBRSxDQUFDO0lBR25FLFlBQW9CLFNBQTBCLEVBQVUsY0FBZ0M7UUFBcEUsY0FBUyxHQUFULFNBQVMsQ0FBaUI7UUFBVSxtQkFBYyxHQUFkLGNBQWMsQ0FBa0I7SUFFeEYsQ0FBQztJQUVELElBQUksQ0FBQyxRQUFrQjtRQUNuQixJQUFJLElBQWEsQ0FBQztRQUNsQixJQUFJLFFBQVEsRUFBRTtZQUNWLElBQUksR0FBRyxRQUFRLENBQUMsT0FBTyxDQUFDLGtCQUFrQixDQUFDLENBQUM7U0FDL0M7UUFDRCxNQUFNLGdCQUFnQixHQUFHLENBQUMsSUFBSSxJQUFJLFFBQVEsQ0FBbUIsQ0FBQztRQUM5RCxNQUFNLEdBQUcsR0FBRyxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQywyQkFBMkIsRUFBRSxFQUFFLEVBQ2hFO1lBQ0ksbUJBQW1CLEVBQUUsS0FBSztZQUMxQixnQkFBZ0I7WUFDaEIsV0FBVyxFQUFFLElBQUk7WUFDakIsYUFBYSxFQUFFLENBQUMsb0JBQW9CLENBQUM7WUFDckMsTUFBTSxFQUFFLE9BQU87U0FDbEIsQ0FBQyxDQUFDO1FBQ1AsTUFBTSxFQUFFLEdBQUcsSUFBSSxJQUFJLEVBQUUsQ0FBQyxPQUFPLEVBQUUsQ0FBQztRQUNoQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FBQztRQUN6QyxPQUFPLEVBQUUsQ0FBQztJQUNkLENBQUM7SUFFRCxJQUFJLENBQUMsRUFBRTtRQUNILE1BQU0sQ0FBQyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUUsS0FBSyxFQUFFLENBQUMsQ0FBQztRQUM3QyxJQUFJLENBQUMsRUFBRTtZQUNILENBQUMsQ0FBQyxTQUFTLENBQUMsT0FBTyxFQUFFLENBQUM7WUFDdEIsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUM7U0FDdEQ7SUFDTCxDQUFDO3VHQWxDUSxnQkFBZ0I7MkdBQWhCLGdCQUFnQixjQURILE1BQU07OzJGQUNuQixnQkFBZ0I7a0JBRDVCLFVBQVU7bUJBQUMsRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0YWJsZSwgQ29tcG9uZW50UmVmLCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQVhSZW5kZXJTZXJ2aWNlIH0gZnJvbSAnQGFjb3JleC9jb3JlJztcclxuaW1wb3J0IHsgQVhMb2FkaW5nUGFuZWxDb21wb25lbnQgfSBmcm9tICcuL2xvYWRpbmctcGFuZWwuY29tcG9uZW50JztcclxuaW1wb3J0IHsgQVhPdmVybGF5U2VydmljZSwgQVhPdmVybGF5Vmlld1JlZiB9IGZyb20gJy4uL3BvcG92ZXIvb3ZlcmxheS5zZXJ2aWNlJztcclxuaW1wb3J0IHsgQVhMb2FkaW5nSW5kaWNhdG9yQ29tcG9uZW50IH0gZnJvbSAnLi9sb2FkaW5nLWluZGljYXRvci5jb21wb25lbnQnO1xyXG5cclxuXHJcbkBJbmplY3RhYmxlKHsgcHJvdmlkZWRJbjogJ3Jvb3QnIH0pXHJcbmV4cG9ydCBjbGFzcyBBWExvYWRpbmdTZXJ2aWNlIHtcclxuXHJcbiAgICBwcml2YXRlIF9zdGFjazogeyBpZDogbnVtYmVyLCBjb21wb25lbnQ6IEFYT3ZlcmxheVZpZXdSZWYgfVtdID0gW107XHJcblxyXG5cclxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgaW5qZWN0aW9uOiBBWFJlbmRlclNlcnZpY2UsIHByaXZhdGUgb3ZlcmxheVNlcnZpY2U6IEFYT3ZlcmxheVNlcnZpY2UpIHtcclxuXHJcbiAgICB9XHJcblxyXG4gICAgc2hvdyhsb2NhdGlvbj86IEVsZW1lbnQpOiBudW1iZXIge1xyXG4gICAgICAgIGxldCBob3N0OiBFbGVtZW50O1xyXG4gICAgICAgIGlmIChsb2NhdGlvbikge1xyXG4gICAgICAgICAgICBob3N0ID0gbG9jYXRpb24uY2xvc2VzdCgnLmF4LWxvYWRpbmctaG9zdCcpO1xyXG4gICAgICAgIH1cclxuICAgICAgICBjb25zdCBjb250YWluZXJFbGVtZW50ID0gKGhvc3QgfHwgbG9jYXRpb24pIGFzIEhUTUxEaXZFbGVtZW50O1xyXG4gICAgICAgIGNvbnN0IGNvbSA9IHRoaXMub3ZlcmxheVNlcnZpY2Uuc2hvdyhBWExvYWRpbmdJbmRpY2F0b3JDb21wb25lbnQsIHt9LFxyXG4gICAgICAgICAgICB7XHJcbiAgICAgICAgICAgICAgICBjbG9zZU9uQ2xpY2tPdXRzaWRlOiBmYWxzZSxcclxuICAgICAgICAgICAgICAgIGNvbnRhaW5lckVsZW1lbnQsXHJcbiAgICAgICAgICAgICAgICBoYXNCYWNrZHJvcDogdHJ1ZSxcclxuICAgICAgICAgICAgICAgIGJhY2tkcm9wQ2xhc3M6IFsnYXgtbG9hZGluZy1vdmVybGF5J10sXHJcbiAgICAgICAgICAgICAgICBzY3JvbGw6ICdibG9jaydcclxuICAgICAgICAgICAgfSk7XHJcbiAgICAgICAgY29uc3QgaWQgPSBuZXcgRGF0ZSgpLmdldFRpbWUoKTtcclxuICAgICAgICB0aGlzLl9zdGFjay5wdXNoKHsgaWQsIGNvbXBvbmVudDogY29tIH0pO1xyXG4gICAgICAgIHJldHVybiBpZDtcclxuICAgIH1cclxuXHJcbiAgICBoaWRlKGlkKTogdm9pZCB7XHJcbiAgICAgICAgY29uc3QgZiA9IHRoaXMuX3N0YWNrLmZpbmQoYyA9PiBjLmlkID09PSBpZCk7XHJcbiAgICAgICAgaWYgKGYpIHtcclxuICAgICAgICAgICAgZi5jb21wb25lbnQuZGlzcG9zZSgpO1xyXG4gICAgICAgICAgICB0aGlzLl9zdGFjayA9IHRoaXMuX3N0YWNrLmZpbHRlcihjID0+IGMuaWQgIT09IGlkKTtcclxuICAgICAgICB9XHJcbiAgICB9XHJcbn0iXX0=

package/esm2022/lib/menu/menu-item.component.mjs

@@ -0,0 +1,50 @@
+import { Component, ElementRef, EventEmitter, Input, Output, ViewEncapsulation, } from '@angular/core';
+import { AXMenuItem } from '@acorex/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class AXMenuItemComponent {
+    element;
+    item;
+    level;
+    showSubMenu = new EventEmitter();
+    constructor(element) {
+        this.element = element;
+    }
+    showSubItems(event) {
+        event.stopPropagation();
+        if (this.item?.items?.length) {
+            this.showSubMenu.emit({ item: this.item, element: this.element, level: this.level });
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: AXMenuItemComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.0", type: AXMenuItemComponent, selector: "ax-menu-item", inputs: { item: "item", level: "level" }, outputs: { showSubMenu: "showSubMenu" }, ngImport: i0, template: `
+      <div  class="ax-menu-item {{item.style}}" [attr.data-level]="level" (click)="showSubItems($event)" [ngClass]="{'disabled': item.disable}" >
+        <i *ngIf="item.startIcon" class="icon {{item.startIcon}}"></i>
+        <span class="text">{{ item.text }}</span>
+        <i *ngIf="item.endIcon" class="icon {{item.endIcon}}"></i>
+        <i class="far fa-angle-down icon drop-icon" *ngIf="item?.items?.length && item.text"></i>
+      </div>
+    `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: AXMenuItemComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-menu-item',
+                    template: `
+      <div  class="ax-menu-item {{item.style}}" [attr.data-level]="level" (click)="showSubItems($event)" [ngClass]="{'disabled': item.disable}" >
+        <i *ngIf="item.startIcon" class="icon {{item.startIcon}}"></i>
+        <span class="text">{{ item.text }}</span>
+        <i *ngIf="item.endIcon" class="icon {{item.endIcon}}"></i>
+        <i class="far fa-angle-down icon drop-icon" *ngIf="item?.items?.length && item.text"></i>
+      </div>
+    `,
+                    encapsulation: ViewEncapsulation.None
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { item: [{
+                type: Input
+            }], level: [{
+                type: Input
+            }], showSubMenu: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL21lbnUvbWVudS1pdGVtLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gsU0FBUyxFQUNULFVBQVUsRUFDVixZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sRUFDTixpQkFBaUIsR0FDcEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGNBQWMsQ0FBQzs7O0FBYzFDLE1BQU0sT0FBTyxtQkFBbUI7SUFLUjtJQUpYLElBQUksQ0FBYTtJQUNqQixLQUFLLENBQVM7SUFDYixXQUFXLEdBQUcsSUFBSSxZQUFZLEVBQWlCLENBQUM7SUFFMUQsWUFBb0IsT0FBbUI7UUFBbkIsWUFBTyxHQUFQLE9BQU8sQ0FBWTtJQUFJLENBQUM7SUFFNUMsWUFBWSxDQUFDLEtBQVk7UUFDckIsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3hCLElBQUksSUFBSSxDQUFDLElBQUksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFO1lBQzFCLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEVBQUUsSUFBSSxFQUFFLElBQUksQ0FBQyxJQUFJLEVBQUUsT0FBTyxFQUFFLElBQUksQ0FBQyxPQUFPLEVBQUUsS0FBSyxFQUFFLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQyxDQUFDO1NBQ3hGO0lBQ0wsQ0FBQzt1R0FaUSxtQkFBbUI7MkZBQW5CLG1CQUFtQix1SUFWbEI7Ozs7Ozs7S0FPVDs7MkZBR1EsbUJBQW1CO2tCQVovQixTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxjQUFjO29CQUN4QixRQUFRLEVBQUU7Ozs7Ozs7S0FPVDtvQkFDRCxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtpQkFDeEM7aUdBRVksSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDSSxXQUFXO3NCQUFwQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICAgIENvbXBvbmVudCxcclxuICAgIEVsZW1lbnRSZWYsXHJcbiAgICBFdmVudEVtaXR0ZXIsXHJcbiAgICBJbnB1dCxcclxuICAgIE91dHB1dCxcclxuICAgIFZpZXdFbmNhcHN1bGF0aW9uLFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBBWE1lbnVJdGVtIH0gZnJvbSAnQGFjb3JleC9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdheC1tZW51LWl0ZW0nLFxyXG4gICAgdGVtcGxhdGU6IGBcclxuICAgICAgPGRpdiAgY2xhc3M9XCJheC1tZW51LWl0ZW0ge3tpdGVtLnN0eWxlfX1cIiBbYXR0ci5kYXRhLWxldmVsXT1cImxldmVsXCIgKGNsaWNrKT1cInNob3dTdWJJdGVtcygkZXZlbnQpXCIgW25nQ2xhc3NdPVwieydkaXNhYmxlZCc6IGl0ZW0uZGlzYWJsZX1cIiA+XHJcbiAgICAgICAgPGkgKm5nSWY9XCJpdGVtLnN0YXJ0SWNvblwiIGNsYXNzPVwiaWNvbiB7e2l0ZW0uc3RhcnRJY29ufX1cIj48L2k+XHJcbiAgICAgICAgPHNwYW4gY2xhc3M9XCJ0ZXh0XCI+e3sgaXRlbS50ZXh0IH19PC9zcGFuPlxyXG4gICAgICAgIDxpICpuZ0lmPVwiaXRlbS5lbmRJY29uXCIgY2xhc3M9XCJpY29uIHt7aXRlbS5lbmRJY29ufX1cIj48L2k+XHJcbiAgICAgICAgPGkgY2xhc3M9XCJmYXIgZmEtYW5nbGUtZG93biBpY29uIGRyb3AtaWNvblwiICpuZ0lmPVwiaXRlbT8uaXRlbXM/Lmxlbmd0aCAmJiBpdGVtLnRleHRcIj48L2k+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgYCxcclxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcclxufSlcclxuZXhwb3J0IGNsYXNzIEFYTWVudUl0ZW1Db21wb25lbnQge1xyXG4gICAgQElucHV0KCkgaXRlbTogQVhNZW51SXRlbTtcclxuICAgIEBJbnB1dCgpIGxldmVsOiBudW1iZXI7XHJcbiAgICBAT3V0cHV0KCkgc2hvd1N1Yk1lbnUgPSBuZXcgRXZlbnRFbWl0dGVyPFN1Ykl0ZW1zRXZlbnQ+KCk7XHJcblxyXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBlbGVtZW50OiBFbGVtZW50UmVmKSB7IH1cclxuXHJcbiAgICBzaG93U3ViSXRlbXMoZXZlbnQ6IEV2ZW50KSB7XHJcbiAgICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XHJcbiAgICAgICAgaWYgKHRoaXMuaXRlbT8uaXRlbXM/Lmxlbmd0aCkge1xyXG4gICAgICAgICAgICB0aGlzLnNob3dTdWJNZW51LmVtaXQoeyBpdGVtOiB0aGlzLml0ZW0sIGVsZW1lbnQ6IHRoaXMuZWxlbWVudCwgbGV2ZWw6IHRoaXMubGV2ZWwgfSk7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG59XHJcbmV4cG9ydCBpbnRlcmZhY2UgU3ViSXRlbXNFdmVudCB7XHJcbiAgICBlbGVtZW50OiBFbGVtZW50UmVmO1xyXG4gICAgaXRlbTogQVhNZW51SXRlbTtcclxuICAgIGxldmVsOiBudW1iZXI7XHJcbn1cclxuIl19

package/esm2022/lib/menu/menu.component.mjs

@@ -0,0 +1,98 @@
+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 {
+    name;
+}
+export class AXMenuComponent {
+    ref;
+    cdr;
+    constructor(ref, cdr) {
+        this.ref = ref;
+        this.cdr = cdr;
+    }
+    _contentMenuTemplate;
+    _menuTemplate;
+    get menuTemplate() {
+        return this._menuTemplate ? this._menuTemplate : this._contentMenuTemplate;
+    }
+    set menuTemplate(v) {
+        this._menuTemplate = v;
+    }
+    resizeChangeObserver;
+    rtl;
+    onItemClick = new EventEmitter();
+    size = 'md';
+    selection = 'none';
+    mode = 'visible';
+    target;
+    floatAlignment;
+    floatPlacemnet;
+    currentTarget;
+    direction = 'horizontal';
+    _items;
+    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;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: AXMenuComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.0", 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>", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.AXTooltipDirective, selector: "[axTooltip]", inputs: ["tooltip", "placement", "delay"] }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.0", 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL2xpYi9tZW51L21lbnUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9saWIvbWVudS9tZW51LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsS0FBSyxFQUNMLFlBQVksRUFDWixNQUFNLEVBQ04sVUFBVSxFQUNWLGlCQUFpQixFQUdqQixpQkFBaUIsRUFDakIsV0FBVyxFQUNYLFlBQVksRUFDYixNQUFNLGVBQWUsQ0FBQztBQUd2QixPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sc0JBQXNCLENBQUM7Ozs7QUFFL0MsTUFBTSxPQUFPLG9CQUFxQixTQUFRLE9BQStCO0lBQ3ZFLElBQUksQ0FBUztDQUNkO0FBT0QsTUFBTSxPQUFPLGVBQWU7SUFFTjtJQUF5QjtJQUE3QyxZQUFvQixHQUFlLEVBQVUsR0FBc0I7UUFBL0MsUUFBRyxHQUFILEdBQUcsQ0FBWTtRQUFVLFFBQUcsR0FBSCxHQUFHLENBQW1CO0lBQ25FLENBQUM7SUFHRCxvQkFBb0IsQ0FBbUI7SUFFL0IsYUFBYSxDQUFtQjtJQUN4QyxJQUNXLFlBQVk7UUFDckIsT0FBTyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsb0JBQW9CLENBQUM7SUFDN0UsQ0FBQztJQUNELElBQVcsWUFBWSxDQUFDLENBQW1CO1FBQ3pDLElBQUksQ0FBQyxhQUFhLEdBQUcsQ0FBQyxDQUFDO0lBQ3pCLENBQUM7SUFFRCxvQkFBb0IsQ0FBTTtJQUcxQixHQUFHLENBQVU7SUFHYixXQUFXLEdBQXVDLElBQUksWUFBWSxFQUF3QixDQUFDO0lBRzNGLElBQUksR0FBa0IsSUFBSSxDQUFDO0lBR3BCLFNBQVMsR0FBbUMsTUFBTSxDQUFDO0lBR25ELElBQUksR0FBK0MsU0FBUyxDQUFDO0lBRzdELE1BQU0sQ0FBUztJQUdmLGNBQWMsQ0FBYztJQUc1QixjQUFjLENBQWM7SUFFNUIsYUFBYSxDQUFjO0lBRzNCLFNBQVMsR0FBOEIsWUFBWSxDQUFDO0lBRW5ELE1BQU0sQ0FBZTtJQUM3QixJQUNXLEtBQUs7UUFDZCxPQUFPLElBQUksQ0FBQyxNQUFNLENBQUM7SUFDckIsQ0FBQztJQUNELElBQVcsS0FBSyxDQUFDLENBQWU7UUFDOUIsSUFBSSxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUM7SUFDbEIsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLElBQUksQ0FBQyxHQUFHLElBQUksSUFBSSxFQUFFO1lBQ3BCLElBQUksQ0FBQyxHQUFHLEdBQUcsTUFBTSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxFQUFFLElBQUksQ0FBQyxDQUFDLGdCQUFnQixDQUFDLFdBQVcsQ0FBQyxLQUFLLEtBQUssQ0FBQztTQUMxRztJQUNILENBQUM7SUFHRCxlQUFlLENBQUMsQ0FBYSxFQUFFLElBQWlCO1FBQzlDLENBQUMsQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUNwQixJQUFJLElBQUksSUFBSSxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsT0FBTyxLQUFLLEtBQUssQ0FBQyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRTtZQUNuRyxNQUFNLENBQUMsR0FBRztnQkFDUixTQUFTLEVBQUUsSUFBSTtnQkFDZixXQUFXLEVBQUUsSUFBSSxDQUFDLEdBQUcsQ0FBQyxhQUFhO2dCQUNuQyxTQUFTLEVBQUUsQ0FBQztnQkFDWixJQUFJLEVBQUUsSUFBSTtnQkFDVixJQUFJLEVBQUUsSUFBSSxFQUFFLElBQUk7YUFDakIsQ0FBQztZQUNGLElBQUksSUFBSSxDQUFDLE9BQU8sRUFBRTtnQkFDaEIsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO2FBQ2hCO2lCQUNJO2dCQUNILElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDO2FBQzFCO1lBRUQsT0FBTztTQUNSO0lBQ0gsQ0FBQzt1R0FuRlUsZUFBZTsyRkFBZixlQUFlLGtYQUtaLFdBQVcsOERDL0IzQiwwOEhBeUVjOzsyRkQvQ0QsZUFBZTtrQkFMM0IsU0FBUzsrQkFDRSxTQUFTLGlCQUVKLGlCQUFpQixDQUFDLElBQUk7aUlBUXJDLG9CQUFvQjtzQkFEbkIsWUFBWTt1QkFBQyxXQUFXLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFO2dCQUtoQyxZQUFZO3NCQUR0QixLQUFLO2dCQVdOLEdBQUc7c0JBREYsS0FBSztnQkFJTixXQUFXO3NCQURWLE1BQU07Z0JBSVAsSUFBSTtzQkFESCxLQUFLO2dCQUlDLFNBQVM7c0JBRGYsS0FBSztnQkFJQyxJQUFJO3NCQURWLEtBQUs7Z0JBSUMsTUFBTTtzQkFEWixLQUFLO2dCQUlDLGNBQWM7c0JBRHBCLEtBQUs7Z0JBSUMsY0FBYztzQkFEcEIsS0FBSztnQkFNQyxTQUFTO3NCQURmLEtBQUs7Z0JBS0ssS0FBSztzQkFEZixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDb21wb25lbnQsXHJcbiAgSW5wdXQsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIE91dHB1dCxcclxuICBFbGVtZW50UmVmLFxyXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxyXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxyXG4gIE5nWm9uZSxcclxuICBDaGFuZ2VEZXRlY3RvclJlZixcclxuICBUZW1wbGF0ZVJlZixcclxuICBDb250ZW50Q2hpbGRcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQVhQbGFjZW1lbnQsIEFYTWVudUl0ZW0gfSBmcm9tICdAYWNvcmV4L2NvcmUnO1xyXG5pbXBvcnQgeyBBWEJhc2VTaXphYmxlQ29tcG9uZW50LCBBWEVsZW1lbnRTaXplIH0gZnJvbSAnLi4vYmFzZS9lbGVtZW50LmNsYXNzJztcclxuaW1wb3J0IHsgQVhFdmVudCB9IGZyb20gJy4uL2Jhc2UvZXZlbnRzLmNsYXNzJztcclxuXHJcbmV4cG9ydCBjbGFzcyBBWE1lbnVJdGVtQ2xpY2tFdmVudCBleHRlbmRzIEFYRXZlbnQ8QVhNZW51SXRlbSwgTW91c2VFdmVudD4ge1xyXG4gIG5hbWU6IHN0cmluZztcclxufVxyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdheC1tZW51JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vbWVudS5jb21wb25lbnQuaHRtbCcsXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQVhNZW51Q29tcG9uZW50IGltcGxlbWVudHMgQVhCYXNlU2l6YWJsZUNvbXBvbmVudCB7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVmOiBFbGVtZW50UmVmLCBwcml2YXRlIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHtcclxuICB9XHJcblxyXG4gIEBDb250ZW50Q2hpbGQoVGVtcGxhdGVSZWYsIHsgc3RhdGljOiB0cnVlIH0pXHJcbiAgX2NvbnRlbnRNZW51VGVtcGxhdGU6IFRlbXBsYXRlUmVmPGFueT47XHJcblxyXG4gIHByaXZhdGUgX21lbnVUZW1wbGF0ZTogVGVtcGxhdGVSZWY8YW55PjtcclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBnZXQgbWVudVRlbXBsYXRlKCk6IFRlbXBsYXRlUmVmPGFueT4ge1xyXG4gICAgcmV0dXJuIHRoaXMuX21lbnVUZW1wbGF0ZSA/IHRoaXMuX21lbnVUZW1wbGF0ZSA6IHRoaXMuX2NvbnRlbnRNZW51VGVtcGxhdGU7XHJcbiAgfVxyXG4gIHB1YmxpYyBzZXQgbWVudVRlbXBsYXRlKHY6IFRlbXBsYXRlUmVmPGFueT4pIHtcclxuICAgIHRoaXMuX21lbnVUZW1wbGF0ZSA9IHY7XHJcbiAgfVxyXG5cclxuICByZXNpemVDaGFuZ2VPYnNlcnZlcjogYW55O1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHJ0bDogYm9vbGVhbjtcclxuXHJcbiAgQE91dHB1dCgpXHJcbiAgb25JdGVtQ2xpY2s6IEV2ZW50RW1pdHRlcjxBWE1lbnVJdGVtQ2xpY2tFdmVudD4gPSBuZXcgRXZlbnRFbWl0dGVyPEFYTWVudUl0ZW1DbGlja0V2ZW50PigpO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHNpemU6IEFYRWxlbWVudFNpemUgPSAnbWQnO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBzZWxlY3Rpb246ICdub25lJyB8ICdzaW5nbGUnIHwgJ211bHRpcGxlJyA9ICdub25lJztcclxuXHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgbW9kZTogJ2NsaWNrJyB8ICdjb250ZXh0JyB8ICd2aXNpYmxlJyB8ICdtYW51YWwnID0gJ3Zpc2libGUnO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyB0YXJnZXQ6IHN0cmluZztcclxuXHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgZmxvYXRBbGlnbm1lbnQ6IEFYUGxhY2VtZW50O1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBmbG9hdFBsYWNlbW5ldDogQVhQbGFjZW1lbnQ7XHJcblxyXG4gIHB1YmxpYyBjdXJyZW50VGFyZ2V0OiBIVE1MRWxlbWVudDtcclxuXHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgZGlyZWN0aW9uOiAndmVydGljYWwnIHwgJ2hvcml6b250YWwnID0gJ2hvcml6b250YWwnO1xyXG5cclxuICBwcml2YXRlIF9pdGVtczogQVhNZW51SXRlbVtdO1xyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIGdldCBpdGVtcygpOiBBWE1lbnVJdGVtW10ge1xyXG4gICAgcmV0dXJuIHRoaXMuX2l0ZW1zO1xyXG4gIH1cclxuICBwdWJsaWMgc2V0IGl0ZW1zKHY6IEFYTWVudUl0ZW1bXSkge1xyXG4gICAgdGhpcy5faXRlbXMgPSB2O1xyXG4gIH1cclxuXHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgICBpZiAodGhpcy5ydGwgPT0gbnVsbCkge1xyXG4gICAgICB0aGlzLnJ0bCA9IHdpbmRvdy5nZXRDb21wdXRlZFN0eWxlKHRoaXMucmVmLm5hdGl2ZUVsZW1lbnQsIG51bGwpLmdldFByb3BlcnR5VmFsdWUoJ2RpcmVjdGlvbicpID09PSAncnRsJztcclxuICAgIH1cclxuICB9XHJcblxyXG5cclxuICBoYW5kbGVJdGVtQ2xpY2soZTogTW91c2VFdmVudCwgaXRlbT86IEFYTWVudUl0ZW0pIHtcclxuICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XHJcbiAgICBpZiAoaXRlbSAmJiAoIWl0ZW0uaXRlbXMgfHwgIWl0ZW0uaXRlbXMuZmlsdGVyKChjKSA9PiBjLnZpc2libGUgIT09IGZhbHNlKS5sZW5ndGgpICYmICFpdGVtLmRpc2FibGUpIHtcclxuICAgICAgY29uc3QgbSA9IHtcclxuICAgICAgICBjb21wb25lbnQ6IHRoaXMsXHJcbiAgICAgICAgaHRtbEVsZW1lbnQ6IHRoaXMucmVmLm5hdGl2ZUVsZW1lbnQsXHJcbiAgICAgICAgaHRtbEV2ZW50OiBlLFxyXG4gICAgICAgIGRhdGE6IGl0ZW0sXHJcbiAgICAgICAgbmFtZTogaXRlbT8ubmFtZVxyXG4gICAgICB9O1xyXG4gICAgICBpZiAoaXRlbS5vbkNsaWNrKSB7XHJcbiAgICAgICAgaXRlbS5vbkNsaWNrKCk7XHJcbiAgICAgIH1cclxuICAgICAgZWxzZSB7XHJcbiAgICAgICAgdGhpcy5vbkl0ZW1DbGljay5lbWl0KG0pO1xyXG4gICAgICB9XHJcblxyXG4gICAgICByZXR1cm47XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiIsIjwhLS0gPGRpdiBjbGFzcz1cImF4IG1lbnUtY29udGFpbmVyIHt7c2l6ZX19XCIgI2NvbnRhaW5lcj5cclxuICA8dWwgY2xhc3M9XCJyb290XCIgW2NsYXNzLmhvcml6b250YWxdPVwiZGlyZWN0aW9uPT0naG9yaXpvbnRhbCdcIiBbY2xhc3MudmVydGljYWxdPVwiZGlyZWN0aW9uPT0ndmVydGljYWwnXCIgI3Jvb3Q+XHJcbiAgICA8bmctdGVtcGxhdGUgI3JlY3Vyc2l2ZUxpc3QgbGV0LWxpc3Q+XHJcbiAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGl0ZW0gb2YgbGlzdDt0cmFja0J5OnRyYWNrQnlJdGVtXCI+XHJcbiAgICAgICAgPGxpIGNsYXNzPVwiYXgtdG9vbGJhci1tZW51LWl0ZW0gYXgge3tpdGVtLnR5cGUgfHwgJ2F4IHByaW1hcnknfX0ge3tpdGVtLnN0eWxlIHx8ICdheCBwcmltYXJ5J319XCIgW2NsYXNzLmRpc2FibGVkXT0naXRlbS5kaXNhYmxlJyAgW2NsYXNzLnN1Ykljb25dPSdpdGVtLml0ZW1zJyBbY2xhc3Muc3RhcnRJY29uXT0naXRlbS5zdGFydEljb24nIFtjbGFzcy5zdGFydEljb25dPSdpdGVtLmljb24nIFtjbGFzcy5lbmRJY29uXT0naXRlbS5lbmRJY29uJyAqbmdJZj1cIml0ZW0udmlzaWJsZSE9ZmFsc2VcIiAoY2xpY2spPVwiaGFuZGxlSXRlbUNsaWNrKCRldmVudCwgaXRlbSlcIlxyXG4gICAgICAgICAgW2NsYXNzLnNlbGVjdGVkXT1cIml0ZW0uc2VsZWN0ZWRcIiBbY2xhc3MuZGl2aWRlcl09XCJpdGVtLmRpdmlkZXJcIiBbYXR0ci50aXRsZV09XCJpdGVtLnRvb2x0aXAgPyBpdGVtLnRvb2x0aXAgOiBudWxsXCJcclxuICAgICAgICAgIFthdHRyLmRhdGEtdWlkXT1cIml0ZW0udWlkXCJcclxuICAgICAgICAgIFtjbGFzcy5zcGxpdF09XCJpdGVtLnNwbGl0XCI+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29udGVudC1zaWRlXCI+XHJcbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJtZW51VGVtcGxhdGU7IGVsc2UgbWVudUJvZHlcIj5cclxuICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwibWVudVRlbXBsYXRlOyBjb250ZXh0OiB7ICRpbXBsaWNpdDogaXRlbSB9XCI+XHJcbiAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICAgICAgICA8bmctdGVtcGxhdGUgI21lbnVCb2R5PlxyXG4gICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiYXgtdG9vbGJhci1tZW51LWl0ZW0tdGV4dFwiPlxyXG4gICAgICAgICAgICAgICAgPGkgY2xhc3M9XCJ7eyBpdGVtLnN0YXJ0SWNvbiB9fSBzdGFydC1pY29uIGF4LW1lbnUtaXRlbS1pY29uXCIgKm5nSWY9XCJpdGVtLnN0YXJ0SWNvblwiPjwvaT5cclxuICAgICAgICAgICAgICAgIDxpIGNsYXNzPVwie3sgaXRlbS5pY29uIH19IHN0YXJ0LWljb24gYXgtbWVudS1pdGVtLWljb25cIiAqbmdJZj1cIml0ZW0uaWNvblwiPjwvaT5cclxuICAgICAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwiaXRlbS50ZXh0XCI+e3sgaXRlbS50ZXh0IH19PC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgPGkgY2xhc3M9XCJ7eyBpdGVtLmVuZEljb24gfX0gZW5kLWljb24gYXgtbWVudS1pdGVtLWljb25cIiAqbmdJZj1cIml0ZW0uZW5kSWNvblwiPjwvaT5cclxuICAgICAgICAgICAgICA8L3NwYW4+XHJcbiAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJzdWItaWNvbi1zaWRlXCIgKm5nSWY9XCJpdGVtLmhhc0NoaWxkcmVuXCI+XHJcbiAgICAgICAgICAgIDxpIGNsYXNzPVwiZmFyIGZhLWFuZ2xlLWRvd24gYXgtbWVudS1pdGVtLWRyb3AtaWNvblwiPjwvaT5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgPHVsICpuZ0lmPVwiaXRlbS5oYXNDaGlsZHJlblwiIGNsYXNzPVwiY29sbGFwc2VkIHN1Yi1tZW51XCI+XHJcbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJcclxuICAgICAgICAgICAgICByZWN1cnNpdmVMaXN0O1xyXG4gICAgICAgICAgICAgIGNvbnRleHQ6IHsgJGltcGxpY2l0OiBpdGVtLml0ZW1zIH1cclxuICAgICAgICAgICAgXCI+PC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICA8L3VsPlxyXG4gICAgICAgIDwvbGk+XHJcbiAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgPC9uZy10ZW1wbGF0ZT5cclxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJyZWN1cnNpdmVMaXN0OyBjb250ZXh0OiB7ICRpbXBsaWNpdDogaXRlbXMgfVwiPjwvbmctY29udGFpbmVyPlxyXG4gICAgPGxpIGNsYXNzPVwibW9yZVwiICNtb3JlTEkgKGNsaWNrKT1cImhhbmRsZUl0ZW1DbGljaygkZXZlbnQpXCI+XHJcbiAgICAgIDxpIGNsYXNzPVwiZmFyIGZhLWJhcnNcIj48L2k+XHJcbiAgICAgIDx1bCAjbW9yZVVMIGNsYXNzPVwiY29sbGFwc2VkIHN1Yi1tZW51XCI+PC91bD5cclxuICAgIDwvbGk+XHJcbiAgPC91bD5cclxuPC9kaXY+IC0tPlxyXG5cclxuPG5hdj5cclxuICA8dWwgY2xhc3M9XCJheCBuYXYtbWVudVwiIFtjbGFzcy5ydGxdPVwicnRsXCIgW2NsYXNzLm5hdi1jZW50ZXJdPVwiZGlyZWN0aW9uPT0naG9yaXpvbnRhbCdcIlxyXG4gICAgW2NsYXNzLm5hdi12ZXJ0aWNhbF09XCJkaXJlY3Rpb249PSd2ZXJ0aWNhbCdcIj5cclxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJyZWN1cnNpdmVNZW51OyBjb250ZXh0OnsgJGltcGxpY2l0OiBpdGVtcyB9XCI+PC9uZy1jb250YWluZXI+XHJcbiAgPC91bD5cclxuPC9uYXY+XHJcblxyXG48bmctdGVtcGxhdGUgI3JlY3Vyc2l2ZU1lbnUgbGV0LWl0ZW1zPlxyXG4gIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGl0ZW0gb2YgaXRlbXNcIj5cclxuICAgIDxsaSBjbGFzcz1cImF4IHt7aXRlbS5zdHlsZX19XCIgW25nQ2xhc3NdPVwieydkaXNhYmxlZCc6IGl0ZW0uZGlzYWJsZX1cIlxyXG4gICAgICAqbmdJZj1cIml0ZW0udmlzaWJsZSA9PT0gdW5kZWZpbmVkIHx8IGl0ZW0udmlzaWJsZVwiIChjbGljayk9XCJoYW5kbGVJdGVtQ2xpY2soJGV2ZW50LGl0ZW0pXCIgYXhUb29sdGlwXHJcbiAgICAgIFtwbGFjZW1lbnRdPVwiaXRlbS50b29sdGlwUGxhY2VtZW50ID8gaXRlbS50b29sdGlwUGxhY2VtZW50IDogJ2JvdHRvbSdcIlxyXG4gICAgICBbdG9vbHRpcF09XCJpdGVtLnRvb2x0aXAgPyBpdGVtLnRvb2x0aXAgOiAnJ1wiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiYXgtbWVudS1pdGVtXCIgPlxyXG4gICAgICAgIDxzcGFuIGNsYXNzPVwibWVudS1pdGVtLXN0YXJ0LXNpZGVcIj5cclxuICAgICAgICAgIDxpIGNsYXNzPVwie3sgaXRlbS5zdGFydEljb24gfX1cIiAqbmdJZj1cIml0ZW0uc3RhcnRJY29uXCI+PC9pPlxyXG4gICAgICAgICAgPGkgY2xhc3M9XCJ7eyBpdGVtLmljb24gfX1cIiAqbmdJZj1cIml0ZW0uaWNvblwiPjwvaT5cclxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwiYXgtbWVudS1pdGVtLXRleHRcIiAqbmdJZj1cIml0ZW0udGV4dFwiPnt7aXRlbS50ZXh0fX08L3NwYW4+XHJcbiAgICAgICAgPC9zcGFuPlxyXG4gICAgICAgIDxzcGFuIGNsYXNzPVwibWVudS1pdGVtLWVuZC1zaWRlXCI+XHJcbiAgICAgICAgICA8aSBjbGFzcz1cImZhciBmYS1hbmdsZS1kb3duIGRyb3AtaWNvblwiICpuZ0lmPVwiaXRlbS5pdGVtcyAmJiBpdGVtLnRleHRcIj48L2k+XHJcbiAgICAgICAgICA8aSBjbGFzcz1cInt7IGl0ZW0uZW5kSWNvbiB9fVwiICpuZ0lmPVwiaXRlbS5lbmRJY29uXCI+PC9pPlxyXG4gICAgICAgIDwvc3Bhbj5cclxuXHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICA8dWwgKm5nSWY9XCJpdGVtLml0ZW1zXCIgY2xhc3M9XCJheC1zdWItbWVudVwiPlxyXG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJyZWN1cnNpdmVNZW51OyBjb250ZXh0OnsgJGltcGxpY2l0OiBpdGVtLml0ZW1zIH1cIj5cclxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgPC91bD5cclxuICAgIDwvbGk+XHJcbiAgPC9uZy1jb250YWluZXI+XHJcbjwvbmctdGVtcGxhdGU+Il19

package/esm2022/lib/menu/menu.module.mjs

@@ -0,0 +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 {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: AXMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.0", ngImport: i0, type: AXMenuModule, declarations: [AXMenuComponent, AXMenu2Component, AXMenuItemComponent], imports: [CommonModule, AXTooltipModule], exports: [AXMenuComponent, AXMenu2Component, AXMenuItemComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: AXMenuModule, imports: [CommonModule, AXTooltipModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.0", 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL2xpYi9tZW51L21lbnUubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUNuRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7O0FBTzVELE1BQU0sT0FBTyxZQUFZO3VHQUFaLFlBQVk7d0dBQVosWUFBWSxpQkFMUixlQUFlLEVBQUUsZ0JBQWdCLEVBQUUsbUJBQW1CLGFBQzNELFlBQVksRUFBQyxlQUFlLGFBQzVCLGVBQWUsRUFBRSxnQkFBZ0IsRUFBRSxtQkFBbUI7d0dBR3JELFlBQVksWUFKYixZQUFZLEVBQUMsZUFBZTs7MkZBSTNCLFlBQVk7a0JBTnhCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsZUFBZSxFQUFFLGdCQUFnQixFQUFFLG1CQUFtQixDQUFDO29CQUN0RSxPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUMsZUFBZSxDQUFDO29CQUN2QyxPQUFPLEVBQUUsQ0FBQyxlQUFlLEVBQUUsZ0JBQWdCLEVBQUUsbUJBQW1CLENBQUM7b0JBQ2pFLFNBQVMsRUFBRSxFQUFFO2lCQUNkIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQVhNZW51Q29tcG9uZW50IH0gZnJvbSAnLi9tZW51LmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEFYTWVudTJDb21wb25lbnQgfSBmcm9tICcuL21lbnUyLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEFYTWVudUl0ZW1Db21wb25lbnQgfSBmcm9tICcuL21lbnUtaXRlbS5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBBWFRvb2x0aXBNb2R1bGUgfSBmcm9tICcuLi90b29sdGlwL3Rvb2x0aXAubW9kdWxlJztcclxuQE5nTW9kdWxlKHtcclxuICBkZWNsYXJhdGlvbnM6IFtBWE1lbnVDb21wb25lbnQsIEFYTWVudTJDb21wb25lbnQsIEFYTWVudUl0ZW1Db21wb25lbnRdLFxyXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsQVhUb29sdGlwTW9kdWxlXSxcclxuICBleHBvcnRzOiBbQVhNZW51Q29tcG9uZW50LCBBWE1lbnUyQ29tcG9uZW50LCBBWE1lbnVJdGVtQ29tcG9uZW50XSxcclxuICBwcm92aWRlcnM6IFtdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBWE1lbnVNb2R1bGUgeyB9XHJcbiJdfQ==

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

@@ -0,0 +1,100 @@
+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 "@angular/common";
+import * as i3 from "./menu-item.component";
+export class AXMenu2Component {
+    overlay;
+    viewContainerRef;
+    elementRef;
+    subItemsOverlays = new Array();
+    level = 0;
+    items;
+    selected = new EventEmitter();
+    //@ViewChild(TemplateRef) template;
+    constructor(overlay, viewContainerRef, elementRef) {
+        this.overlay = overlay;
+        this.viewContainerRef = viewContainerRef;
+        this.elementRef = elementRef;
+    }
+    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();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: AXMenu2Component, deps: [{ token: i1.Overlay }, { token: i0.ViewContainerRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.0", 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{margin-inline-end:var(--ax-size-md)}.ax.ax-menu.ax-menu-vertical .ax-menu-item .icon:last-child{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"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3.AXMenuItemComponent, selector: "ax-menu-item", inputs: ["item", "level"], outputs: ["showSubMenu"] }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.0", 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{margin-inline-end:var(--ax-size-md)}.ax.ax-menu.ax-menu-vertical .ax-menu-item .icon:last-child{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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudTIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9saWIvbWVudS9tZW51Mi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILFNBQVMsRUFDVCxVQUFVLEVBQ1YsWUFBWSxFQUNaLFlBQVksRUFDWixLQUFLLEVBRUwsTUFBTSxFQUdOLGdCQUFnQixFQUNoQixpQkFBaUIsR0FDcEIsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLE9BQU8sRUFBaUMsTUFBTSxzQkFBc0IsQ0FBQztBQUM5RSxPQUFPLEVBQWtCLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFDOzs7OztBQWtCdEUsTUFBTSxPQUFPLGdCQUFnQjtJQVNiO0lBQ0E7SUFDQTtJQVZaLGdCQUFnQixHQUFHLElBQUksS0FBSyxFQUFjLENBQUM7SUFDM0MsS0FBSyxHQUFXLENBQUMsQ0FBQztJQUVULEtBQUssQ0FBZTtJQUNuQixRQUFRLEdBQUcsSUFBSSxZQUFZLEVBQWMsQ0FBQztJQUNwRCxtQ0FBbUM7SUFFbkMsWUFDWSxPQUFnQixFQUNoQixnQkFBa0MsRUFDbEMsVUFBc0I7UUFGdEIsWUFBTyxHQUFQLE9BQU8sQ0FBUztRQUNoQixxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO1FBQ2xDLGVBQVUsR0FBVixVQUFVLENBQVk7SUFDOUIsQ0FBQztJQUVMLFdBQVcsQ0FBQyxLQUFvQjtRQUM1QixNQUFNLFFBQVEsR0FBd0IsRUFBRSxDQUFDO1FBQ3pDLElBQUksS0FBSyxDQUFDLEtBQUssS0FBSyxDQUFDLEVBQUU7WUFDbkIsUUFBUSxDQUFDLElBQUksQ0FBQztnQkFDVixPQUFPLEVBQUUsT0FBTztnQkFDaEIsT0FBTyxFQUFFLFFBQVE7Z0JBQ2pCLFFBQVEsRUFBRSxPQUFPO2dCQUNqQixRQUFRLEVBQUUsS0FBSzthQUNsQixDQUFDLENBQUM7U0FDTjthQUFNO1lBQ0gsUUFBUSxDQUFDLElBQUksQ0FBQztnQkFDVixPQUFPLEVBQUUsS0FBSztnQkFDZCxPQUFPLEVBQUUsS0FBSztnQkFDZCxRQUFRLEVBQUUsT0FBTztnQkFDakIsUUFBUSxFQUFFLEtBQUs7YUFDbEIsQ0FBQyxDQUFDO1NBQ047UUFFRCxNQUFNLGdCQUFnQixHQUFHLElBQUksQ0FBQyxPQUFPO2FBQ2hDLFFBQVEsRUFBRTthQUNWLG1CQUFtQixDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUM7YUFDbEMsYUFBYSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQzdCLE1BQU0sVUFBVSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDO1lBQ25DLGdCQUFnQjtZQUNoQixXQUFXLEVBQUUsS0FBSztZQUNsQixhQUFhLEVBQUUsa0NBQWtDO1NBQ3BELENBQUMsQ0FBQztRQUNILElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7UUFDdkMsTUFBTSxNQUFNLEdBQUcsSUFBSSxlQUFlLENBQUMsZ0JBQWdCLEVBQUUsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUM7UUFFNUUsTUFBTSxHQUFHLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUN0QyxHQUFHLENBQUMsUUFBUSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUMsS0FBSyxHQUFHLENBQUMsQ0FBQztRQUNyQyxHQUFHLENBQUMsUUFBUSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQztJQUMxQyxDQUFDO0lBR00sZUFBZSxDQUFDLE1BQU07UUFDekIsTUFBTSxhQUFhLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ3JFLElBQUksQ0FBQyxhQUFhLEVBQUU7WUFDaEIsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1NBQ3ZCO0lBQ0wsQ0FBQztJQUVELFlBQVk7UUFDUixJQUFJLENBQUMsZ0JBQWdCLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsT0FBTyxFQUFFLENBQUMsQ0FBQztRQUNsRCxJQUFJLENBQUMsZ0JBQWdCLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQztJQUNyQyxDQUFDO0lBQ0QsV0FBVztRQUNQLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUN4QixDQUFDO3VHQS9EUSxnQkFBZ0I7MkZBQWhCLGdCQUFnQiw0TEFiZjs7Ozs7Ozs7O0tBU1Q7OzJGQUlRLGdCQUFnQjtrQkFmNUIsU0FBUzsrQkFDSSxVQUFVLFlBQ1Y7Ozs7Ozs7OztLQVNULGlCQUVjLGlCQUFpQixDQUFDLElBQUk7c0pBTTVCLEtBQUs7c0JBQWIsS0FBSztnQkFDSSxRQUFRO3NCQUFqQixNQUFNO2dCQTZDQSxlQUFlO3NCQURyQixZQUFZO3VCQUFDLGdCQUFnQixFQUFFLENBQUMsZUFBZSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICAgIENvbXBvbmVudCxcclxuICAgIEVsZW1lbnRSZWYsXHJcbiAgICBFdmVudEVtaXR0ZXIsXHJcbiAgICBIb3N0TGlzdGVuZXIsXHJcbiAgICBJbnB1dCxcclxuICAgIE9uRGVzdHJveSxcclxuICAgIE91dHB1dCxcclxuICAgIFRlbXBsYXRlUmVmLFxyXG4gICAgVmlld0NoaWxkLFxyXG4gICAgVmlld0NvbnRhaW5lclJlZixcclxuICAgIFZpZXdFbmNhcHN1bGF0aW9uLFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBTdWJJdGVtc0V2ZW50IH0gZnJvbSAnLi9tZW51LWl0ZW0uY29tcG9uZW50JztcclxuaW1wb3J0IHsgT3ZlcmxheSwgT3ZlcmxheVJlZiwgQ29ubmVjdGVkUG9zaXRpb24gfSBmcm9tICdAYW5ndWxhci9jZGsvb3ZlcmxheSc7XHJcbmltcG9ydCB7IFRlbXBsYXRlUG9ydGFsLCBDb21wb25lbnRQb3J0YWwgfSBmcm9tICdAYW5ndWxhci9jZGsvcG9ydGFsJztcclxuaW1wb3J0IHsgQVhNZW51SXRlbSB9IGZyb20gJ0BhY29yZXgvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnYXgtbWVudTInLFxyXG4gICAgdGVtcGxhdGU6IGBcclxuICAgICA8ZGl2IGNsYXNzPVwiYXggYXgtbWVudSBheC1tZW51LXZlcnRpY2FsXCIgW2F0dHIuZGF0YS1sZXZlbF09XCJsZXZlbFwiPlxyXG4gICAgICAgIDxheC1tZW51LWl0ZW1cclxuICAgICAgICAgICAgKm5nRm9yPVwibGV0IGl0ZW0gb2YgaXRlbXNcIlxyXG4gICAgICAgICAgICBbbGV2ZWxdPVwibGV2ZWxcIlxyXG4gICAgICAgICAgICBbaXRlbV09XCJpdGVtXCJcclxuICAgICAgICAgICAgKHNob3dTdWJNZW51KT1cInNob3dTdWJtZW51KCRldmVudClcIj5cclxuICAgICAgICA8L2F4LW1lbnUtaXRlbT5cclxuICAgICA8L2Rpdj5cclxuICAgIGAsXHJcbiAgICBzdHlsZVVybHM6IFsnLi9tZW51Mi5jb21wb25lbnQuc2NzcyddLFxyXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQVhNZW51MkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uRGVzdHJveSB7XHJcbiAgICBzdWJJdGVtc092ZXJsYXlzID0gbmV3IEFycmF5PE92ZXJsYXlSZWY+KCk7XHJcbiAgICBsZXZlbDogbnVtYmVyID0gMDtcclxuXHJcbiAgICBASW5wdXQoKSBpdGVtczogQVhNZW51SXRlbVtdO1xyXG4gICAgQE91dHB1dCgpIHNlbGVjdGVkID0gbmV3IEV2ZW50RW1pdHRlcjxBWE1lbnVJdGVtPigpO1xyXG4gICAgLy9AVmlld0NoaWxkKFRlbXBsYXRlUmVmKSB0ZW1wbGF0ZTtcclxuXHJcbiAgICBjb25zdHJ1Y3RvcihcclxuICAgICAgICBwcml2YXRlIG92ZXJsYXk6IE92ZXJsYXksXHJcbiAgICAgICAgcHJpdmF0ZSB2aWV3Q29udGFpbmVyUmVmOiBWaWV3Q29udGFpbmVyUmVmLFxyXG4gICAgICAgIHByaXZhdGUgZWxlbWVudFJlZjogRWxlbWVudFJlZlxyXG4gICAgKSB7IH1cclxuXHJcbiAgICBzaG93U3VibWVudShldmVudDogU3ViSXRlbXNFdmVudCkge1xyXG4gICAgICAgIGNvbnN0IHBvc2l0aW9uOiBDb25uZWN0ZWRQb3NpdGlvbltdID0gW107XHJcbiAgICAgICAgaWYgKGV2ZW50LmxldmVsID09PSAwKSB7XHJcbiAgICAgICAgICAgIHBvc2l0aW9uLnB1c2goe1xyXG4gICAgICAgICAgICAgICAgb3JpZ2luWDogJ3N0YXJ0JyxcclxuICAgICAgICAgICAgICAgIG9yaWdpblk6ICdib3R0b20nLFxyXG4gICAgICAgICAgICAgICAgb3ZlcmxheVg6ICdzdGFydCcsXHJcbiAgICAgICAgICAgICAgICBvdmVybGF5WTogJ3RvcCcsXHJcbiAgICAgICAgICAgIH0pO1xyXG4gICAgICAgIH0gZWxzZSB7XHJcbiAgICAgICAgICAgIHBvc2l0aW9uLnB1c2goe1xyXG4gICAgICAgICAgICAgICAgb3JpZ2luWDogJ2VuZCcsXHJcbiAgICAgICAgICAgICAgICBvcmlnaW5ZOiAndG9wJyxcclxuICAgICAgICAgICAgICAgIG92ZXJsYXlYOiAnc3RhcnQnLFxyXG4gICAgICAgICAgICAgICAgb3ZlcmxheVk6ICd0b3AnLFxyXG4gICAgICAgICAgICB9KTtcclxuICAgICAgICB9XHJcblxyXG4gICAgICAgIGNvbnN0IHBvc2l0aW9uU3RyYXRlZ3kgPSB0aGlzLm92ZXJsYXlcclxuICAgICAgICAgICAgLnBvc2l0aW9uKClcclxuICAgICAgICAgICAgLmZsZXhpYmxlQ29ubmVjdGVkVG8oZXZlbnQuZWxlbWVudClcclxuICAgICAgICAgICAgLndpdGhQb3NpdGlvbnMocG9zaXRpb24pO1xyXG4gICAgICAgIGNvbnN0IG92ZXJsYXlSZWYgPSB0aGlzLm92ZXJsYXkuY3JlYXRlKHtcclxuICAgICAgICAgICAgcG9zaXRpb25TdHJhdGVneSxcclxuICAgICAgICAgICAgaGFzQmFja2Ryb3A6IGZhbHNlLFxyXG4gICAgICAgICAgICBiYWNrZHJvcENsYXNzOiAnY2RrLW92ZXJsYXktdHJhbnNwYXJlbnQtYmFja2Ryb3AnXHJcbiAgICAgICAgfSk7XHJcbiAgICAgICAgdGhpcy5zdWJJdGVtc092ZXJsYXlzLnB1c2gob3ZlcmxheVJlZik7XHJcbiAgICAgICAgY29uc3QgcG9ydGFsID0gbmV3IENvbXBvbmVudFBvcnRhbChBWE1lbnUyQ29tcG9uZW50LCB0aGlzLnZpZXdDb250YWluZXJSZWYpO1xyXG5cclxuICAgICAgICBjb25zdCBjb20gPSBvdmVybGF5UmVmLmF0dGFjaChwb3J0YWwpO1xyXG4gICAgICAgIGNvbS5pbnN0YW5jZS5sZXZlbCA9IGV2ZW50LmxldmVsICsgMTtcclxuICAgICAgICBjb20uaW5zdGFuY2UuaXRlbXMgPSBldmVudC5pdGVtLml0ZW1zO1xyXG4gICAgfVxyXG5cclxuICAgIEBIb3N0TGlzdGVuZXIoJ2RvY3VtZW50OmNsaWNrJywgWyckZXZlbnQudGFyZ2V0J10pXHJcbiAgICBwdWJsaWMgb25Eb2N1bWVudENsaWNrKHRhcmdldCkge1xyXG4gICAgICAgIGNvbnN0IGNsaWNrZWRJbnNpZGUgPSB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5jb250YWlucyh0YXJnZXQpO1xyXG4gICAgICAgIGlmICghY2xpY2tlZEluc2lkZSkge1xyXG4gICAgICAgICAgICB0aGlzLmhpZGVPdmVybGF5cygpO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICBoaWRlT3ZlcmxheXMoKSB7XHJcbiAgICAgICAgdGhpcy5zdWJJdGVtc092ZXJsYXlzLmZvckVhY2goKG8pID0+IG8uZGlzcG9zZSgpKTtcclxuICAgICAgICB0aGlzLnN1Ykl0ZW1zT3ZlcmxheXMubGVuZ3RoID0gMDtcclxuICAgIH1cclxuICAgIG5nT25EZXN0cm95KCkge1xyXG4gICAgICAgIHRoaXMuaGlkZU92ZXJsYXlzKCk7XHJcbiAgICB9XHJcbn1cclxuIl19