@acorex/components 6.0.2 → 6.0.5

package/fesm2020/acorex-components-menu.mjs

@@ -1,15 +1,17 @@
+import { ComponentPortal } from '@angular/cdk/portal';
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, ViewEncapsulation, ViewChild, ContentChild, NgModule } from '@angular/core';
-import { AXPopoverComponent, AXPopoverModule } from '@acorex/components/popover';
-import { AXSearchBoxComponent } from '@acorex/components/search-box';
+import { Component, ChangeDetectionStrategy, ViewEncapsulation, ContentChild, NgModule } from '@angular/core';
 import { AXBaseMenuMixin } from '@acorex/components/mixin';
-import * as i1 from '@angular/common';
+import * as i1 from '@angular/cdk/overlay';
+import { OverlayModule } from '@angular/cdk/overlay';
+import * as i2 from '@acorex/core/platform';
+import * as i3 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i2 from '@acorex/components/decorators';
+import * as i4 from '@acorex/components/decorators';
 import { AXDecoratorModule } from '@acorex/components/decorators';
-import * as i3 from '@acorex/components/loading';
+import * as i5 from '@acorex/components/loading';
 import { AXLoadingModule } from '@acorex/components/loading';
-import * as i4 from '@acorex/core/translation';
+import * as i6 from '@acorex/core/translation';
 import { AXTranslationModule } from '@acorex/core/translation';
 
 /**
@@ -18,23 +20,13 @@ import { AXTranslationModule } from '@acorex/core/translation';
  * @category Components
  */
 class AXMenuComponent extends AXBaseMenuMixin {
-    constructor(elementRef, cdr) {
-        super(elementRef, cdr);
-        this.elementRef = elementRef;
+    constructor(_elementRef, cdr, _overlay, _platform) {
+        super(_elementRef, cdr);
+        this._elementRef = _elementRef;
         this.cdr = cdr;
-        this._forceFocus = false;
-        window.addEventListener('click', (e) => {
-            if (this.displayItems.length > 0) {
-                const target = document.querySelector('UL');
-                if (e.target != target) {
-                    this.displayItems.forEach((element) => {
-                        element.isActive = false;
-                        element.isOpen = false;
-                    });
-                    cdr.detectChanges();
-                }
-            }
-        });
+        this._overlay = _overlay;
+        this._platform = _platform;
+        this._levelCount = 0;
     }
     get emptyTemplate() {
         return this._contentEmptyTemplate;
@@ -44,134 +36,290 @@ class AXMenuComponent extends AXBaseMenuMixin {
     }
     onInit() {
         super.onInit();
-        if (this.hasChildField) {
-            this._fetchData();
-        }
     }
     ngAfterViewInit() {
         super.onViewInit();
     }
-    _onMenuClick(e, item) {
+    _onMenuMouseEnter(e, item) {
         if (this.isLoading) {
             return;
         }
-        const checkSpacing = e.target;
-        if (!item[this.disableField] &&
-            this.openMode === 'click' &&
-            checkSpacing.closest('a')) {
-            if (this.openMode === 'click' && this.direction === 'horizontal') {
-                this.displayItems.forEach((element) => {
-                    if (element[this.valueField] != item[this.valueField] &&
-                        !item.parentId) {
-                        element.isOpen = false;
-                    }
-                });
-            }
-            this._notActive(this.displayItems);
-            if (item.children?.length > 0 || item[this.hasChildField]) {
-                if (item.children?.length > 0) {
-                    if (this.openMode === 'click' && this.direction === 'horizontal') {
-                        this._setParentNode(item.children, item[this.valueField]);
-                    }
-                    this._closeChild(item.children);
-                }
-                item.isOpen = !item.isOpen;
-            }
-            item.isActive = !item.isActive;
-            this.onMenuItemClick.emit({
-                component: this,
-                item: item,
-                nativeEvent: e,
-            });
-            if (item.isOpen && item[this.hasChildField] && !item.children) {
-                item.isLoading = true;
-                this._fetchData(item[this.valueField]).then(() => {
-                    item.isLoading = false;
-                });
-            }
+        if (this.openMode === 'hover') {
+            this._handelMenuLogic(e, item);
         }
         e.stopPropagation();
         e.preventDefault();
     }
-    _onMouseEnter(e, item) {
+    _onMenuClick(e, item) {
         if (this.isLoading) {
             return;
         }
-        if (!item[this.disableField] && this.openMode === 'hover') {
-            if (item.children?.length > 0 || item[this.hasChildField]) {
-                if (item.children?.length > 0) {
-                    this._closeChild(item.children);
-                }
-                item.isOpen = true;
-            }
-            this.onMenuItemClick.emit({
-                component: this,
-                item: item,
-                nativeEvent: e,
-            });
-            if (item.isOpen && item[this.hasChildField] && !item.children) {
-                item.isLoading = true;
-                this._fetchData(item[this.valueField]).then(() => {
-                    item.isLoading = false;
-                });
-            }
+        if (this.openMode === 'click') {
+            this._handelMenuLogic(e, item);
         }
+        this.onMenuItemClick.emit({
+            component: this,
+            item: item,
+            nativeEvent: e,
+        });
         e.stopPropagation();
         e.preventDefault();
     }
-    _onMouseLeave(item) {
-        if (!item[this.disableField] && this.openMode === 'hover') {
-            if (item.children?.length > 0 || item[this.hasChildField]) {
-                if (item.children?.length > 0) {
-                    this._closeChild(item.children);
-                }
-                item.isOpen = false;
-            }
+    _getDirection() {
+        if (this.orientation === 'horizontal' && this._levelCount === 0) {
+            return 'ax-horizontal';
+        }
+        else if (this._levelCount > 0) {
+            return 'ax-vertical ax-submenu-ul';
+        }
+        else if (this.orientation === 'sidemenu') {
+            return 'ax-side-menu';
+        }
+        else {
+            return 'ax-vertical';
         }
     }
-    _notActive(items) {
+    _removeActive(items) {
         items.forEach((element) => {
             element.isActive = false;
-            if (element.children?.length > 0) {
-                this._notActive(element.children);
+            if (element?.children?.length > 0) {
+                this._removeActive(element.children);
             }
         });
     }
-    _closeChild(items) {
+    _closeOpenChild(items) {
         items.forEach((element) => {
             element.isOpen = false;
-            if (element.children?.length > 0) {
-                this._closeChild(element.children);
+            if (element?.children?.length > 0) {
+                this._closeOpenChild(element.children);
             }
         });
     }
-    _setParentNode(item, parentId) {
-        item.forEach((element) => {
+    _initParent(items, parentId) {
+        items.forEach((element) => {
             element.parentId = parentId;
         });
     }
-    _onSearchExprChanged(e) {
-        // this.empty();
-        this._forceFocus = true;
-        this._fetchData(0, this._searchBox?.searchExp);
+    _handelMenuLogic(e, item) {
+        if (!item[this.disableField] || item[this.dividerField] === false) {
+            const targetElement = e.target;
+            if ((targetElement.closest('li') && this.openMode === 'click') ||
+                (targetElement.closest('li') && this.openMode === 'hover')) {
+                if (this._overlayRef && this._oldItem !== item) {
+                    this._overlayRef.detach();
+                }
+                if (this.orientation === 'horizontal') {
+                    this.displayItems.forEach((element) => {
+                        if (!item.parentId &&
+                            item[this.valueField] !== element[this.valueField]) {
+                            element.isOpen = false;
+                        }
+                    });
+                }
+                if (item?.children?.length > 0) {
+                    if (this.orientation === 'horizontal') {
+                        this._initParent(item.children, item[this.valueField]);
+                    }
+                    if (this.orientation === 'horizontal' ||
+                        this.orientation === 'vertical') {
+                        if (this._oldItem !== item) {
+                            this._openAsOverlay(targetElement.closest('li'), item.children);
+                        }
+                    }
+                    this._closeOpenChild(item.children);
+                    if (this.orientation === 'horizontal' ||
+                        this.orientation === 'vertical') {
+                        item.isOpen = true;
+                    }
+                    else {
+                        item.isOpen = !item.isOpen;
+                    }
+                }
+                this._removeActive(this.displayItems);
+                item.isActive = !item.isActive;
+                if (this.orientation === 'horizontal' ||
+                    this.orientation === 'vertical') {
+                    if (this._oldItem &&
+                        this._oldItem?.isOpen &&
+                        item[this.valueField] !== this._oldItem[this.valueField]) {
+                        this._oldItem.isOpen = false;
+                    }
+                    this._oldItem = item;
+                }
+            }
+        }
     }
-    _getDirection() {
-        if (this.direction === 'horizontal') {
-            return 'horizontal-mode';
+    _openAsOverlay(targetRef, overlayItems) {
+        let positions = [];
+        if (this.orientation === 'vertical') {
+            if (this._levelCount >= 1) {
+                positions = [
+                    {
+                        originX: 'end',
+                        originY: 'center',
+                        overlayX: 'start',
+                        overlayY: 'top',
+                    },
+                    {
+                        originX: 'end',
+                        originY: 'center',
+                        overlayX: 'start',
+                        overlayY: 'bottom',
+                    },
+                    {
+                        originX: 'center',
+                        originY: 'center',
+                        overlayX: 'center',
+                        overlayY: 'center',
+                    },
+                ];
+            }
+            else {
+                positions = [
+                    {
+                        originX: 'end',
+                        originY: 'center',
+                        overlayX: 'start',
+                        overlayY: 'top',
+                    },
+                    {
+                        originX: 'end',
+                        originY: 'top',
+                        overlayX: 'start',
+                        overlayY: 'bottom',
+                    },
+                    {
+                        originX: 'center',
+                        originY: 'center',
+                        overlayX: 'center',
+                        overlayY: 'center',
+                    },
+                ];
+            }
         }
         else {
-            return 'vertical-mode';
+            if (this._levelCount >= 1) {
+                positions = [
+                    {
+                        originX: 'end',
+                        originY: 'center',
+                        overlayX: 'start',
+                        overlayY: 'top',
+                    },
+                    {
+                        originX: 'end',
+                        originY: 'center',
+                        overlayX: 'start',
+                        overlayY: 'bottom',
+                    },
+                    {
+                        originX: 'end',
+                        originY: 'top',
+                        overlayX: 'center',
+                        overlayY: 'top',
+                    },
+                    {
+                        originX: 'center',
+                        originY: 'top',
+                        overlayX: 'center',
+                        overlayY: 'top',
+                    },
+                ];
+            }
+            else {
+                positions = [
+                    {
+                        originX: 'start',
+                        originY: 'bottom',
+                        overlayX: 'start',
+                        overlayY: 'top',
+                    },
+                    {
+                        originX: 'end',
+                        originY: 'center',
+                        overlayX: 'start',
+                        overlayY: 'bottom',
+                    },
+                    {
+                        originX: 'end',
+                        originY: 'top',
+                        overlayX: 'center',
+                        overlayY: 'top',
+                    },
+                    {
+                        originX: 'center',
+                        originY: 'top',
+                        overlayX: 'center',
+                        overlayY: 'top',
+                    },
+                ];
+            }
         }
+        this._overlayRef = this._overlay.create({
+            scrollStrategy: this._overlay.scrollStrategies.close(),
+            positionStrategy: this._overlay
+                .position()
+                .flexibleConnectedTo(targetRef)
+                .withPositions([...positions])
+                .withPush(false),
+            disposeOnNavigation: true,
+            panelClass: ['ax-animate-fadeIn', 'ax-animate-faster', 'ax-overlay-menu'],
+            maxHeight: 'unset',
+            hasBackdrop: false,
+            backdropClass: ['cdk-overlay-transparent-backdrop'],
+        });
+        const ref = this._overlayRef.attach(new ComponentPortal(AXMenuComponent));
+        ref.instance.items = overlayItems;
+        ref.instance.orientation = this.orientation;
+        ref.instance.openMode = 'hover';
+        ref.instance._levelCount = this._levelCount + 1;
+        ref.instance.disableField = this.disableField;
+        ref.instance.visibleField = this.visibleField;
+        ref.instance.iconField = this.iconField;
+        ref.instance.dividerField = this.dividerField;
+        ref.onDestroy(() => {
+            ref.instance?._overlayRef?.dispose();
+        });
+        this._overlayRef.outsidePointerEvents().subscribe((e) => {
+            if (this._overlayRef && this.openMode === 'click') {
+                this._close();
+                e.stopPropagation();
+            }
+        });
+        this._platform.scroll.subscribe(() => {
+            if (this._overlayRef) {
+                this._close();
+            }
+        });
+        this._platform.resize.subscribe(() => {
+            if (this._overlayRef) {
+                this._close();
+            }
+        });
+    }
+    _close() {
+        this._overlayRef.detach();
+        this._oldItem = null;
+        this.displayItems.forEach((element) => {
+            element.isOpen = false;
+            element.isActive = false;
+        });
+        this.cdr.detectChanges();
+    }
+    onDestroy() {
+        this._overlayRef?.detach();
     }
 }
-AXMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXMenuComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-AXMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: AXMenuComponent, selector: "ax-menu", inputs: { disabled: "disabled", tabIndex: "tabIndex", textField: "textField", valueField: "valueField", items: "items", id: "id", parentId: "parentId", iconField: "iconField", tooltip: "tooltip", isOpen: "isOpen", isActive: "isActive", visibleField: "visibleField", disableField: "disableField", hasChildField: "hasChildField", openMode: "openMode", direction: "direction" }, outputs: { onBlur: "onBlur", onFocus: "onFocus", onMenuItemClick: "onMenuItemClick" }, host: { classAttribute: "ax-menu" }, queries: [{ propertyName: "_contentEmptyTemplate", first: true, predicate: ["emptyTemplate"], descendants: true }, { propertyName: "_contentItemTemplate", first: true, predicate: ["itemTemplate"], descendants: true }, { propertyName: "_searchBox", first: true, predicate: AXSearchBoxComponent, descendants: true, static: true }], viewQueries: [{ propertyName: "popover", first: true, predicate: AXPopoverComponent, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"displayItems.length; else tmpEmpty\">\r\n  <ul [ngClass]=\"_getDirection()\">\r\n    <ng-container *ngTemplateOutlet=\"recursiveListTmpl; context:{ list: displayItems }\"></ng-container>\r\n  </ul>\r\n\r\n  <ng-template #recursiveListTmpl let-list=\"list\">\r\n    <ng-container *ngFor=\"let item of list;  trackBy: _trackLoaded\">\r\n      <li #parentRef *ngIf=\"item[visibleField] !=false\" [class.ax-state-disabled]=\"item[disableField]\"\r\n        (click)=\"_onMenuClick($event,item)\" (mouseenter)=\"_onMouseEnter($event,item)\"\r\n        (mouseleave)=\"_onMouseLeave(item)\">\r\n        <a [ngClass]=\"{'active': item.isActive}\">\r\n          <div class=\"ax-menu-start-side\">\r\n            <ax-icon *ngIf=\"item[iconField] else tmpItem\" [class]=\"item[iconField]\"></ax-icon>\r\n            <span>{{_getItemDisplayTextTemplte(item)}}</span>\r\n          </div>\r\n          <div class=\"ax-menu-end-side\">\r\n            <ax-icon *ngIf=\"!item.isLoading\"\r\n              [ngClass]=\"{'ax-ic-chevron':item?.children?.length > 0 || item[hasChildField],'active-icon': item.isOpen}\">\r\n            </ax-icon>\r\n            <ax-loading *ngIf=\"item.isLoading\">\r\n            </ax-loading>\r\n          </div>\r\n        </a>\r\n        <!-- <ax-popover [target]=\"parentRef\" [position]=\"position\" [openTrigger]=\"'mouseover'\" [closeTrigger]=\"'clickout'\"> -->\r\n        <ul [class.ax-state-disabled]=\"item[disableField]\" *ngIf=\"item?.children?.length > 0 && item.isOpen\">\r\n          <ng-container *ngTemplateOutlet=\"recursiveListTmpl; context:{ list: item.children }\"></ng-container>\r\n        </ul>\r\n        <!-- </ax-popover> -->\r\n      </li>\r\n    </ng-container>\r\n  </ng-template>\r\n</ng-container>\r\n\r\n\r\n<ng-container *ngIf=\"isLoading\">\r\n  <ng-template>\r\n    <div class=\"ax-flex ax-items-center ax-justify-center ax-p-4\">\r\n      <ax-loading text=\"{{ 'layout.loading.text' | trans }}\"></ax-loading>\r\n    </div>\r\n  </ng-template>\r\n</ng-container>\r\n<ng-template #tmpEmpty>\r\n  <ng-container *ngIf=\"!isLoading\">\r\n    <!--------------- check for custom template  --------------->\r\n    <ng-container *ngIf=\"emptyTemplate; else elseEmptyTemplate\">\r\n      <ng-container *ngTemplateOutlet=\"emptyTemplate\">\r\n      </ng-container>\r\n    </ng-container>\r\n    <ng-template #elseEmptyTemplate>\r\n      <div class=\"ax-list-item\">\r\n        {{ 'common.no-result-found' | trans }}\r\n      </div>\r\n    </ng-template>\r\n  </ng-container>\r\n</ng-template>\r\n<ng-template #tmpItem>\r\n  <ng-container *ngIf=\"!isLoading\">\r\n    <!--------------- check for custom template  --------------->\r\n    <ng-container *ngIf=\"itemTemplate\">\r\n      <ng-container *ngTemplateOutlet=\"itemTemplate\">\r\n      </ng-container>\r\n    </ng-container>\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: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "text"], outputs: ["visibleChange"] }, { kind: "pipe", type: i4.AXTranslatorPipe, name: "trans" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+AXMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXMenuComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.Overlay }, { token: i2.AXPlatform }], target: i0.ɵɵFactoryTarget.Component });
+AXMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: AXMenuComponent, selector: "ax-menu", inputs: { disabled: "disabled", tabIndex: "tabIndex", textField: "textField", valueField: "valueField", items: "items", parentId: "parentId", iconField: "iconField", tooltip: "tooltip", isOpen: "isOpen", isActive: "isActive", visibleField: "visibleField", disableField: "disableField", hasChildField: "hasChildField", dividerField: "dividerField", openMode: "openMode", orientation: "orientation", showModal: "showModal" }, outputs: { onBlur: "onBlur", onFocus: "onFocus", onMenuItemClick: "onMenuItemClick" }, host: { classAttribute: "ax-menu" }, queries: [{ propertyName: "_contentEmptyTemplate", first: true, predicate: ["emptyTemplate"], descendants: true }, { propertyName: "_contentItemTemplate", first: true, predicate: ["itemTemplate"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"displayItems.length; else tmpEmpty\">\r\n    <ul [ngClass]=\"_getDirection()\">\r\n        <ng-container *ngTemplateOutlet=\"recursiveListTmpl; context:{ list: displayItems }\"></ng-container>\r\n    </ul>\r\n    <ng-template #recursiveListTmpl let-list=\"list\">\r\n        <ng-container *ngFor=\"let item of list\">\r\n            <li *ngIf=\"item[visibleField] !=false\" [class.ax-state-disabled]=\"item[disableField]\"\r\n                (click)=\"_onMenuClick($event,item)\" (mouseenter)=\"_onMenuMouseEnter($event,item)\"\r\n                [ngClass]=\"{'ax-state-active ': item.isActive}\">\r\n                <div class=\"ax-menu-item\" *ngIf=\"itemTemplate == null else tmpItem\">\r\n                    <div class=\"ax-menu-item-prefix\">\r\n                        <ax-icon *ngIf=\"item[iconField]\" [class]=\"item[iconField]\"></ax-icon>\r\n                        <span>{{_getItemDisplayTextTemplte(item)}}</span>\r\n                    </div>\r\n                    <div class=\"ax-menu-item-suffix\">\r\n                        <ax-icon *ngIf=\"!item.isLoading\"\r\n                            [ngClass]=\"{'ax-ic-chevron':item?.children?.length > 0,'ax-menu-active-icon': item.isOpen}\">\r\n                        </ax-icon>\r\n                        <ax-loading *ngIf=\"item.isLoading\">\r\n                        </ax-loading>\r\n                    </div>\r\n                </div>\r\n                <!--------------- check for custom  item template  --------------->\r\n                <ng-template #tmpItem>\r\n                    <ng-container *ngIf=\"!isLoading\">\r\n                        <ng-container *ngTemplateOutlet=\"itemTemplate;context: { $implicit: item }\">\r\n                        </ng-container>\r\n                    </ng-container>\r\n                </ng-template>\r\n                <ul *ngIf=\"item?.children?.length > 0 && item.isOpen &&!_overlayRef\"\r\n                    [class.ax-state-disabled]=\"item[disableField]\">\r\n                    <ng-container *ngTemplateOutlet=\"recursiveListTmpl; context:{ list: item.children }\">\r\n                    </ng-container>\r\n                </ul>\r\n            </li>\r\n            <li class=\"ax-divider\" *ngIf=\"item[this.dividerField]\"></li>\r\n        </ng-container>\r\n    </ng-template>\r\n</ng-container>\r\n<ng-container *ngIf=\"isLoading\">\r\n    <ng-template>\r\n        <div class=\"ax-flex ax-items-center ax-justify-center ax-p-4\">\r\n            <ax-loading text=\"{{ 'layout.loading.text' | trans }}\"></ax-loading>\r\n        </div>\r\n    </ng-template>\r\n</ng-container>\r\n\r\n<ng-template #tmpEmpty>\r\n    <ng-container *ngIf=\"!isLoading\">\r\n        <!--------------- check for custom template  --------------->\r\n        <ng-container *ngIf=\"emptyTemplate; else elseEmptyTemplate\">\r\n            <ng-container *ngTemplateOutlet=\"emptyTemplate\">\r\n            </ng-container>\r\n        </ng-container>\r\n        <ng-template #elseEmptyTemplate>\r\n            <div class=\"ax-list-item\">\r\n                {{ 'common.no-result-found' | trans }}\r\n            </div>\r\n        </ng-template>\r\n    </ng-container>\r\n</ng-template>", dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i5.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "text"], outputs: ["visibleChange"] }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "trans" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXMenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-menu', inputs: ['disabled', 'tabIndex', 'textField',
+            args: [{ selector: 'ax-menu', inputs: [
+                        'disabled',
+                        'tabIndex',
+                        'textField',
                         'valueField',
                         'items',
-                        'id',
                         'parentId',
                         'iconField',
                         'tooltip',
@@ -180,34 +328,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImpor
                         'visibleField',
                         'disableField',
                         'hasChildField',
+                        'dividerField',
                         'openMode',
-                        'direction',], outputs: ['onBlur', 'onFocus', 'onMenuItemClick'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { class: 'ax-menu' }, template: "<ng-container *ngIf=\"displayItems.length; else tmpEmpty\">\r\n  <ul [ngClass]=\"_getDirection()\">\r\n    <ng-container *ngTemplateOutlet=\"recursiveListTmpl; context:{ list: displayItems }\"></ng-container>\r\n  </ul>\r\n\r\n  <ng-template #recursiveListTmpl let-list=\"list\">\r\n    <ng-container *ngFor=\"let item of list;  trackBy: _trackLoaded\">\r\n      <li #parentRef *ngIf=\"item[visibleField] !=false\" [class.ax-state-disabled]=\"item[disableField]\"\r\n        (click)=\"_onMenuClick($event,item)\" (mouseenter)=\"_onMouseEnter($event,item)\"\r\n        (mouseleave)=\"_onMouseLeave(item)\">\r\n        <a [ngClass]=\"{'active': item.isActive}\">\r\n          <div class=\"ax-menu-start-side\">\r\n            <ax-icon *ngIf=\"item[iconField] else tmpItem\" [class]=\"item[iconField]\"></ax-icon>\r\n            <span>{{_getItemDisplayTextTemplte(item)}}</span>\r\n          </div>\r\n          <div class=\"ax-menu-end-side\">\r\n            <ax-icon *ngIf=\"!item.isLoading\"\r\n              [ngClass]=\"{'ax-ic-chevron':item?.children?.length > 0 || item[hasChildField],'active-icon': item.isOpen}\">\r\n            </ax-icon>\r\n            <ax-loading *ngIf=\"item.isLoading\">\r\n            </ax-loading>\r\n          </div>\r\n        </a>\r\n        <!-- <ax-popover [target]=\"parentRef\" [position]=\"position\" [openTrigger]=\"'mouseover'\" [closeTrigger]=\"'clickout'\"> -->\r\n        <ul [class.ax-state-disabled]=\"item[disableField]\" *ngIf=\"item?.children?.length > 0 && item.isOpen\">\r\n          <ng-container *ngTemplateOutlet=\"recursiveListTmpl; context:{ list: item.children }\"></ng-container>\r\n        </ul>\r\n        <!-- </ax-popover> -->\r\n      </li>\r\n    </ng-container>\r\n  </ng-template>\r\n</ng-container>\r\n\r\n\r\n<ng-container *ngIf=\"isLoading\">\r\n  <ng-template>\r\n    <div class=\"ax-flex ax-items-center ax-justify-center ax-p-4\">\r\n      <ax-loading text=\"{{ 'layout.loading.text' | trans }}\"></ax-loading>\r\n    </div>\r\n  </ng-template>\r\n</ng-container>\r\n<ng-template #tmpEmpty>\r\n  <ng-container *ngIf=\"!isLoading\">\r\n    <!--------------- check for custom template  --------------->\r\n    <ng-container *ngIf=\"emptyTemplate; else elseEmptyTemplate\">\r\n      <ng-container *ngTemplateOutlet=\"emptyTemplate\">\r\n      </ng-container>\r\n    </ng-container>\r\n    <ng-template #elseEmptyTemplate>\r\n      <div class=\"ax-list-item\">\r\n        {{ 'common.no-result-found' | trans }}\r\n      </div>\r\n    </ng-template>\r\n  </ng-container>\r\n</ng-template>\r\n<ng-template #tmpItem>\r\n  <ng-container *ngIf=\"!isLoading\">\r\n    <!--------------- check for custom template  --------------->\r\n    <ng-container *ngIf=\"itemTemplate\">\r\n      <ng-container *ngTemplateOutlet=\"itemTemplate\">\r\n      </ng-container>\r\n    </ng-container>\r\n  </ng-container>\r\n</ng-template>" }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { popover: [{
-                type: ViewChild,
-                args: [AXPopoverComponent, { static: true }]
-            }], _contentEmptyTemplate: [{
+                        'orientation',
+                        'showModal',
+                    ], outputs: ['onBlur', 'onFocus', 'onMenuItemClick'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { class: 'ax-menu' }, template: "<ng-container *ngIf=\"displayItems.length; else tmpEmpty\">\r\n    <ul [ngClass]=\"_getDirection()\">\r\n        <ng-container *ngTemplateOutlet=\"recursiveListTmpl; context:{ list: displayItems }\"></ng-container>\r\n    </ul>\r\n    <ng-template #recursiveListTmpl let-list=\"list\">\r\n        <ng-container *ngFor=\"let item of list\">\r\n            <li *ngIf=\"item[visibleField] !=false\" [class.ax-state-disabled]=\"item[disableField]\"\r\n                (click)=\"_onMenuClick($event,item)\" (mouseenter)=\"_onMenuMouseEnter($event,item)\"\r\n                [ngClass]=\"{'ax-state-active ': item.isActive}\">\r\n                <div class=\"ax-menu-item\" *ngIf=\"itemTemplate == null else tmpItem\">\r\n                    <div class=\"ax-menu-item-prefix\">\r\n                        <ax-icon *ngIf=\"item[iconField]\" [class]=\"item[iconField]\"></ax-icon>\r\n                        <span>{{_getItemDisplayTextTemplte(item)}}</span>\r\n                    </div>\r\n                    <div class=\"ax-menu-item-suffix\">\r\n                        <ax-icon *ngIf=\"!item.isLoading\"\r\n                            [ngClass]=\"{'ax-ic-chevron':item?.children?.length > 0,'ax-menu-active-icon': item.isOpen}\">\r\n                        </ax-icon>\r\n                        <ax-loading *ngIf=\"item.isLoading\">\r\n                        </ax-loading>\r\n                    </div>\r\n                </div>\r\n                <!--------------- check for custom  item template  --------------->\r\n                <ng-template #tmpItem>\r\n                    <ng-container *ngIf=\"!isLoading\">\r\n                        <ng-container *ngTemplateOutlet=\"itemTemplate;context: { $implicit: item }\">\r\n                        </ng-container>\r\n                    </ng-container>\r\n                </ng-template>\r\n                <ul *ngIf=\"item?.children?.length > 0 && item.isOpen &&!_overlayRef\"\r\n                    [class.ax-state-disabled]=\"item[disableField]\">\r\n                    <ng-container *ngTemplateOutlet=\"recursiveListTmpl; context:{ list: item.children }\">\r\n                    </ng-container>\r\n                </ul>\r\n            </li>\r\n            <li class=\"ax-divider\" *ngIf=\"item[this.dividerField]\"></li>\r\n        </ng-container>\r\n    </ng-template>\r\n</ng-container>\r\n<ng-container *ngIf=\"isLoading\">\r\n    <ng-template>\r\n        <div class=\"ax-flex ax-items-center ax-justify-center ax-p-4\">\r\n            <ax-loading text=\"{{ 'layout.loading.text' | trans }}\"></ax-loading>\r\n        </div>\r\n    </ng-template>\r\n</ng-container>\r\n\r\n<ng-template #tmpEmpty>\r\n    <ng-container *ngIf=\"!isLoading\">\r\n        <!--------------- check for custom template  --------------->\r\n        <ng-container *ngIf=\"emptyTemplate; else elseEmptyTemplate\">\r\n            <ng-container *ngTemplateOutlet=\"emptyTemplate\">\r\n            </ng-container>\r\n        </ng-container>\r\n        <ng-template #elseEmptyTemplate>\r\n            <div class=\"ax-list-item\">\r\n                {{ 'common.no-result-found' | trans }}\r\n            </div>\r\n        </ng-template>\r\n    </ng-container>\r\n</ng-template>" }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.Overlay }, { type: i2.AXPlatform }]; }, propDecorators: { _contentEmptyTemplate: [{
                 type: ContentChild,
                 args: ['emptyTemplate']
             }], _contentItemTemplate: [{
                 type: ContentChild,
                 args: ['itemTemplate']
-            }], _searchBox: [{
-                type: ContentChild,
-                args: [AXSearchBoxComponent, { static: true }]
             }] } });
 
 const COMPONENT = [AXMenuComponent];
-const MODULES = [CommonModule, AXDecoratorModule];
+const MODULES = [
+    AXDecoratorModule,
+    AXLoadingModule,
+    AXTranslationModule,
+    OverlayModule,
+];
 class AXMenuModule {
 }
 AXMenuModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AXMenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: AXMenuModule, declarations: [AXMenuComponent], imports: [CommonModule, AXDecoratorModule, AXLoadingModule, AXTranslationModule, AXPopoverModule], exports: [AXMenuComponent] });
-AXMenuModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXMenuModule, imports: [MODULES, AXLoadingModule, AXTranslationModule, AXPopoverModule] });
+AXMenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: AXMenuModule, declarations: [AXMenuComponent], imports: [CommonModule, AXDecoratorModule,
+        AXLoadingModule,
+        AXTranslationModule,
+        OverlayModule], exports: [AXMenuComponent] });
+AXMenuModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXMenuModule, imports: [CommonModule, MODULES] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXMenuModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [...COMPONENT],
-                    imports: [...MODULES, AXLoadingModule, AXTranslationModule, AXPopoverModule],
+                    imports: [CommonModule, ...MODULES],
                     exports: [...COMPONENT],
                     providers: [],
                 }]

package/fesm2020/acorex-components-menu.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-menu.mjs","sources":["../../../../projects/acorex/components/menu/src/menu.component.ts","../../../../projects/acorex/components/menu/src/menu.component.html","../../../../projects/acorex/components/menu/src/menu.module.ts","../../../../projects/acorex/components/menu/acorex-components-menu.ts"],"sourcesContent":["import {\r\n  Component,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n  TemplateRef,\r\n  ContentChild,\r\n  ViewChild,\r\n} from '@angular/core';\r\nimport { AXValueChangedEvent } from '@acorex/components/common';\r\n\r\n\r\nimport { AXPopoverComponent } from '@acorex/components/popover';\r\nimport { AXSearchBoxComponent } from '@acorex/components/search-box';\r\nimport { AXBaseMenuMixin } from '@acorex/components/mixin';\r\n\r\nexport interface AXMenuItems {\r\n  id?: string;\r\n  name?: string;\r\n  text?: string;\r\n  tooltip?: string;\r\n  parentId?: string;\r\n  icon?: string;\r\n  visibleField?: boolean;\r\n  disableField?: boolean;\r\n  selected?: boolean;\r\n  data?: any;\r\n  style?: string;\r\n  children?: AXMenuItems[];\r\n  isOpen?: boolean;\r\n  isActive?: boolean;\r\n  onClick?: (e?: any) => void;\r\n}\r\n/**\r\n * The Button is a component which detects user interaction and triggers a corresponding event\r\n *\r\n * @category Components\r\n */\r\n@Component({\r\n  selector: 'ax-menu',\r\n  templateUrl: './menu.component.html',\r\n  inputs: ['disabled', 'tabIndex', 'textField',\r\n  'valueField',\r\n  'items',\r\n  'id',\r\n  'parentId',\r\n  'iconField',\r\n  'tooltip',\r\n  'isOpen',\r\n  'isActive',\r\n  'visibleField',\r\n  'disableField',\r\n  'hasChildField',\r\n  'openMode',\r\n  'direction',],\r\n  outputs: ['onBlur', 'onFocus', 'onMenuItemClick'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None,\r\n  host: { class: 'ax-menu' },\r\n})\r\nexport class AXMenuComponent extends AXBaseMenuMixin {\r\n  @ViewChild(AXPopoverComponent, { static: true })\r\n  popover: AXPopoverComponent;\r\n\r\n  @ContentChild('emptyTemplate')\r\n  private _contentEmptyTemplate: TemplateRef<any>;\r\n\r\n  @ContentChild('itemTemplate')\r\n  private _contentItemTemplate: TemplateRef<any>;\r\n\r\n  @ContentChild(AXSearchBoxComponent, { static: true })\r\n  _searchBox: AXSearchBoxComponent;\r\n\r\n  _forceFocus: boolean = false;\r\n  _target: HTMLDivElement;\r\n\r\n  get emptyTemplate(): TemplateRef<any> {\r\n    return this._contentEmptyTemplate;\r\n  }\r\n\r\n  get itemTemplate(): TemplateRef<any> {\r\n    return this._contentItemTemplate;\r\n  }\r\n  constructor(private elementRef: ElementRef, private cdr: ChangeDetectorRef) {\r\n    super(elementRef, cdr);\r\n    window.addEventListener('click', (e) => {\r\n      if (this.displayItems.length > 0) {\r\n        const target = document.querySelector('UL');\r\n        if (e.target != target) {\r\n          this.displayItems.forEach((element) => {\r\n            element.isActive = false;\r\n            element.isOpen = false;\r\n          });\r\n          cdr.detectChanges();\r\n        }\r\n      }\r\n    });\r\n  }\r\n\r\n  onInit(): void {\r\n    super.onInit();\r\n    if (this.hasChildField) {\r\n      this._fetchData();\r\n    }\r\n  }\r\n\r\n  ngAfterViewInit(): void {\r\n    super.onViewInit();\r\n  }\r\n\r\n  _onMenuClick(e: MouseEvent, item: any) {\r\n    if (this.isLoading) {\r\n      return;\r\n    }\r\n    const checkSpacing = e.target as HTMLDivElement;\r\n    if (\r\n      !item[this.disableField] &&\r\n      this.openMode === 'click' &&\r\n      checkSpacing.closest('a')\r\n    ) {\r\n      if (this.openMode === 'click' && this.direction === 'horizontal') {\r\n        this.displayItems.forEach((element) => {\r\n          if (\r\n            element[this.valueField] != item[this.valueField] &&\r\n            !item.parentId\r\n          ) {\r\n            element.isOpen = false;\r\n          }\r\n        });\r\n      }\r\n      this._notActive(this.displayItems);\r\n      if (item.children?.length > 0 || item[this.hasChildField]) {\r\n        if (item.children?.length > 0) {\r\n          if (this.openMode === 'click' && this.direction === 'horizontal') {\r\n            this._setParentNode(item.children, item[this.valueField]);\r\n          }\r\n          this._closeChild(item.children);\r\n        }\r\n        item.isOpen = !item.isOpen;\r\n      }\r\n      item.isActive = !item.isActive;\r\n      this.onMenuItemClick.emit({\r\n        component: this,\r\n        item: item,\r\n        nativeEvent: e,\r\n      });\r\n      if (item.isOpen && item[this.hasChildField] && !item.children) {\r\n        item.isLoading = true;\r\n        this._fetchData(item[this.valueField]).then(() => {\r\n          item.isLoading = false;\r\n        });\r\n      }\r\n    }\r\n    e.stopPropagation();\r\n    e.preventDefault();\r\n  }\r\n\r\n  _onMouseEnter(e: MouseEvent, item: any) {\r\n    if (this.isLoading) {\r\n      return;\r\n    }\r\n    if (!item[this.disableField] && this.openMode === 'hover') {\r\n      if (item.children?.length > 0 || item[this.hasChildField]) {\r\n        if (item.children?.length > 0) {\r\n          this._closeChild(item.children);\r\n        }\r\n        item.isOpen = true;\r\n      }\r\n      this.onMenuItemClick.emit({\r\n        component: this,\r\n        item: item,\r\n        nativeEvent: e,\r\n      });\r\n      if (item.isOpen && item[this.hasChildField] && !item.children) {\r\n        item.isLoading = true;\r\n        this._fetchData(item[this.valueField]).then(() => {\r\n          item.isLoading = false;\r\n        });\r\n      }\r\n    }\r\n    e.stopPropagation();\r\n    e.preventDefault();\r\n  }\r\n\r\n  _onMouseLeave(item: any) {\r\n    if (!item[this.disableField] && this.openMode === 'hover') {\r\n      if (item.children?.length > 0 || item[this.hasChildField]) {\r\n        if (item.children?.length > 0) {\r\n          this._closeChild(item.children);\r\n        }\r\n        item.isOpen = false;\r\n      }\r\n    }\r\n  }\r\n\r\n  _notActive(items: any[]) {\r\n    items.forEach((element: any) => {\r\n      element.isActive = false;\r\n      if (element.children?.length > 0) {\r\n        this._notActive(element.children);\r\n      }\r\n    });\r\n  }\r\n\r\n  _closeChild(items: any[]) {\r\n    items.forEach((element: any) => {\r\n      element.isOpen = false;\r\n      if (element.children?.length > 0) {\r\n        this._closeChild(element.children);\r\n      }\r\n    });\r\n  }\r\n\r\n  _setParentNode(item, parentId) {\r\n    item.forEach((element) => {\r\n      element.parentId = parentId;\r\n    });\r\n  }\r\n\r\n  _onSearchExprChanged(e: AXValueChangedEvent<string>) {\r\n    // this.empty();\r\n    this._forceFocus = true;\r\n    this._fetchData(0, this._searchBox?.searchExp);\r\n  }\r\n\r\n  _getDirection() {\r\n    if (this.direction === 'horizontal') {\r\n      return 'horizontal-mode';\r\n    } else {\r\n      return 'vertical-mode';\r\n    }\r\n  }\r\n}\r\n","<ng-container *ngIf=\"displayItems.length; else tmpEmpty\">\r\n  <ul [ngClass]=\"_getDirection()\">\r\n    <ng-container *ngTemplateOutlet=\"recursiveListTmpl; context:{ list: displayItems }\"></ng-container>\r\n  </ul>\r\n\r\n  <ng-template #recursiveListTmpl let-list=\"list\">\r\n    <ng-container *ngFor=\"let item of list;  trackBy: _trackLoaded\">\r\n      <li #parentRef *ngIf=\"item[visibleField] !=false\" [class.ax-state-disabled]=\"item[disableField]\"\r\n        (click)=\"_onMenuClick($event,item)\" (mouseenter)=\"_onMouseEnter($event,item)\"\r\n        (mouseleave)=\"_onMouseLeave(item)\">\r\n        <a [ngClass]=\"{'active': item.isActive}\">\r\n          <div class=\"ax-menu-start-side\">\r\n            <ax-icon *ngIf=\"item[iconField] else tmpItem\" [class]=\"item[iconField]\"></ax-icon>\r\n            <span>{{_getItemDisplayTextTemplte(item)}}</span>\r\n          </div>\r\n          <div class=\"ax-menu-end-side\">\r\n            <ax-icon *ngIf=\"!item.isLoading\"\r\n              [ngClass]=\"{'ax-ic-chevron':item?.children?.length > 0 || item[hasChildField],'active-icon': item.isOpen}\">\r\n            </ax-icon>\r\n            <ax-loading *ngIf=\"item.isLoading\">\r\n            </ax-loading>\r\n          </div>\r\n        </a>\r\n        <!-- <ax-popover [target]=\"parentRef\" [position]=\"position\" [openTrigger]=\"'mouseover'\" [closeTrigger]=\"'clickout'\"> -->\r\n        <ul [class.ax-state-disabled]=\"item[disableField]\" *ngIf=\"item?.children?.length > 0 && item.isOpen\">\r\n          <ng-container *ngTemplateOutlet=\"recursiveListTmpl; context:{ list: item.children }\"></ng-container>\r\n        </ul>\r\n        <!-- </ax-popover> -->\r\n      </li>\r\n    </ng-container>\r\n  </ng-template>\r\n</ng-container>\r\n\r\n\r\n<ng-container *ngIf=\"isLoading\">\r\n  <ng-template>\r\n    <div class=\"ax-flex ax-items-center ax-justify-center ax-p-4\">\r\n      <ax-loading text=\"{{ 'layout.loading.text' | trans }}\"></ax-loading>\r\n    </div>\r\n  </ng-template>\r\n</ng-container>\r\n<ng-template #tmpEmpty>\r\n  <ng-container *ngIf=\"!isLoading\">\r\n    <!--------------- check for custom template  --------------->\r\n    <ng-container *ngIf=\"emptyTemplate; else elseEmptyTemplate\">\r\n      <ng-container *ngTemplateOutlet=\"emptyTemplate\">\r\n      </ng-container>\r\n    </ng-container>\r\n    <ng-template #elseEmptyTemplate>\r\n      <div class=\"ax-list-item\">\r\n        {{ 'common.no-result-found' | trans }}\r\n      </div>\r\n    </ng-template>\r\n  </ng-container>\r\n</ng-template>\r\n<ng-template #tmpItem>\r\n  <ng-container *ngIf=\"!isLoading\">\r\n    <!--------------- check for custom template  --------------->\r\n    <ng-container *ngIf=\"itemTemplate\">\r\n      <ng-container *ngTemplateOutlet=\"itemTemplate\">\r\n      </ng-container>\r\n    </ng-container>\r\n  </ng-container>\r\n</ng-template>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXTranslationModule } from '@acorex/core/translation';\r\nimport { AXLoadingModule } from '@acorex/components/loading';\r\nimport { AXPopoverModule } from '@acorex/components/popover';\r\nimport { AXDecoratorModule } from '@acorex/components/decorators';\r\nimport { AXMenuComponent } from './menu.component';\r\n\r\nconst COMPONENT = [AXMenuComponent];\r\nconst MODULES = [CommonModule, AXDecoratorModule];\r\n\r\n@NgModule({\r\n  declarations: [...COMPONENT],\r\n  imports: [...MODULES, AXLoadingModule, AXTranslationModule, AXPopoverModule],\r\n  exports: [...COMPONENT],\r\n  providers: [],\r\n})\r\nexport class AXMenuModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-components-menu.mjs","sources":["../../../../projects/acorex/components/menu/src/menu.component.ts","../../../../projects/acorex/components/menu/src/menu.component.html","../../../../projects/acorex/components/menu/src/menu.module.ts","../../../../projects/acorex/components/menu/acorex-components-menu.ts"],"sourcesContent":["import { OverlayRef, Overlay } from '@angular/cdk/overlay';\r\nimport { ComponentPortal } from '@angular/cdk/portal';\r\n\r\nimport {\r\n  Component,\r\n  ChangeDetectionStrategy,\r\n  ViewEncapsulation,\r\n  OnInit,\r\n  ContentChild,\r\n  TemplateRef,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n} from '@angular/core';\r\nimport { AXBaseMenuMixin } from '@acorex/components/mixin';\r\nimport { AXPlatform } from '@acorex/core/platform';\r\n\r\n/**\r\n * The Button is a component which detects user interaction and triggers a corresponding event\r\n *\r\n * @category Components\r\n */\r\n@Component({\r\n  selector: 'ax-menu',\r\n  templateUrl: './menu.component.html',\r\n  inputs: [\r\n    'disabled',\r\n    'tabIndex',\r\n    'textField',\r\n    'valueField',\r\n    'items',\r\n    'parentId',\r\n    'iconField',\r\n    'tooltip',\r\n    'isOpen',\r\n    'isActive',\r\n    'visibleField',\r\n    'disableField',\r\n    'hasChildField',\r\n    'dividerField',\r\n    'openMode',\r\n    'orientation',\r\n    'showModal',\r\n  ],\r\n  outputs: ['onBlur', 'onFocus', 'onMenuItemClick'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None,\r\n  host: { class: 'ax-menu' },\r\n})\r\nexport class AXMenuComponent extends AXBaseMenuMixin implements OnInit {\r\n  @ContentChild('emptyTemplate')\r\n  private _contentEmptyTemplate: TemplateRef<any>;\r\n\r\n  @ContentChild('itemTemplate')\r\n  private _contentItemTemplate: TemplateRef<any>;\r\n\r\n  public _overlayRef: OverlayRef;\r\n\r\n  get emptyTemplate(): TemplateRef<any> {\r\n    return this._contentEmptyTemplate;\r\n  }\r\n\r\n  get itemTemplate(): TemplateRef<any> {\r\n    return this._contentItemTemplate;\r\n  }\r\n\r\n  private _levelCount: number = 0;\r\n\r\n  private _oldItem: any;\r\n\r\n  constructor(\r\n    private _elementRef: ElementRef,\r\n    private cdr: ChangeDetectorRef,\r\n    private _overlay: Overlay,\r\n    private _platform: AXPlatform\r\n  ) {\r\n    super(_elementRef, cdr);\r\n  }\r\n\r\n  onInit(): void {\r\n    super.onInit();\r\n  }\r\n\r\n  ngAfterViewInit(): void {\r\n    super.onViewInit();\r\n  }\r\n\r\n  _onMenuMouseEnter(e: MouseEvent, item: any): void {\r\n    if (this.isLoading) {\r\n      return;\r\n    }\r\n    if (this.openMode === 'hover') {\r\n      this._handelMenuLogic(e, item);\r\n    }\r\n    e.stopPropagation();\r\n    e.preventDefault();\r\n  }\r\n\r\n  _onMenuClick(e: MouseEvent, item: any): void {\r\n    if (this.isLoading) {\r\n      return;\r\n    }\r\n\r\n    if (this.openMode === 'click') {\r\n      this._handelMenuLogic(e, item);\r\n    }\r\n\r\n    this.onMenuItemClick.emit({\r\n      component: this,\r\n      item: item,\r\n      nativeEvent: e,\r\n    });\r\n    e.stopPropagation();\r\n    e.preventDefault();\r\n  }\r\n\r\n  _getDirection(): string {\r\n    if (this.orientation === 'horizontal' && this._levelCount === 0) {\r\n      return 'ax-horizontal';\r\n    } else if (this._levelCount > 0) {\r\n      return 'ax-vertical ax-submenu-ul';\r\n    } else if (this.orientation === 'sidemenu') {\r\n      return 'ax-side-menu';\r\n    } else {\r\n      return 'ax-vertical';\r\n    }\r\n  }\r\n\r\n  private _removeActive(items: any): void {\r\n    items.forEach((element) => {\r\n      element.isActive = false;\r\n      if (element?.children?.length > 0) {\r\n        this._removeActive(element.children);\r\n      }\r\n    });\r\n  }\r\n\r\n  private _closeOpenChild(items: any): void {\r\n    items.forEach((element) => {\r\n      element.isOpen = false;\r\n      if (element?.children?.length > 0) {\r\n        this._closeOpenChild(element.children);\r\n      }\r\n    });\r\n  }\r\n\r\n  private _initParent(items: any, parentId: any): void {\r\n    items.forEach((element) => {\r\n      element.parentId = parentId;\r\n    });\r\n  }\r\n\r\n  private _handelMenuLogic(e: MouseEvent, item: any): void {\r\n    if (!item[this.disableField] || item[this.dividerField] === false) {\r\n      const targetElement = e.target as HTMLDivElement;\r\n      if (\r\n        (targetElement.closest('li') && this.openMode === 'click') ||\r\n        (targetElement.closest('li') && this.openMode === 'hover')\r\n      ) {\r\n        if (this._overlayRef && this._oldItem !== item) {\r\n          this._overlayRef.detach();\r\n        }\r\n        if (this.orientation === 'horizontal') {\r\n          this.displayItems.forEach((element) => {\r\n            if (\r\n              !item.parentId &&\r\n              item[this.valueField] !== element[this.valueField]\r\n            ) {\r\n              element.isOpen = false;\r\n            }\r\n          });\r\n        }\r\n        if (item?.children?.length > 0) {\r\n          if (this.orientation === 'horizontal') {\r\n            this._initParent(item.children, item[this.valueField]);\r\n          }\r\n          if (\r\n            this.orientation === 'horizontal' ||\r\n            this.orientation === 'vertical'\r\n          ) {\r\n            if (this._oldItem !== item) {\r\n              this._openAsOverlay(targetElement.closest('li'), item.children);\r\n            }\r\n          }\r\n          this._closeOpenChild(item.children);\r\n\r\n          if (\r\n            this.orientation === 'horizontal' ||\r\n            this.orientation === 'vertical'\r\n          ) {\r\n            item.isOpen = true;\r\n          } else {\r\n            item.isOpen = !item.isOpen;\r\n          }\r\n        }\r\n\r\n        this._removeActive(this.displayItems);\r\n\r\n        item.isActive = !item.isActive;\r\n\r\n        if (\r\n          this.orientation === 'horizontal' ||\r\n          this.orientation === 'vertical'\r\n        ) {\r\n          if (\r\n            this._oldItem &&\r\n            this._oldItem?.isOpen &&\r\n            item[this.valueField] !== this._oldItem[this.valueField]\r\n          ) {\r\n            this._oldItem.isOpen = false;\r\n          }\r\n          this._oldItem = item;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  private _openAsOverlay(targetRef, overlayItems: any[]): void {\r\n    let positions = [];\r\n\r\n    if (this.orientation === 'vertical') {\r\n      if (this._levelCount >= 1) {\r\n        positions = [\r\n          {\r\n            originX: 'end',\r\n            originY: 'center',\r\n            overlayX: 'start',\r\n            overlayY: 'top',\r\n          },\r\n          {\r\n            originX: 'end',\r\n            originY: 'center',\r\n            overlayX: 'start',\r\n            overlayY: 'bottom',\r\n          },\r\n          {\r\n            originX: 'center',\r\n            originY: 'center',\r\n            overlayX: 'center',\r\n            overlayY: 'center',\r\n          },\r\n        ];\r\n      } else {\r\n        positions = [\r\n          {\r\n            originX: 'end',\r\n            originY: 'center',\r\n            overlayX: 'start',\r\n            overlayY: 'top',\r\n          },\r\n          {\r\n            originX: 'end',\r\n            originY: 'top',\r\n            overlayX: 'start',\r\n            overlayY: 'bottom',\r\n          },\r\n          {\r\n            originX: 'center',\r\n            originY: 'center',\r\n            overlayX: 'center',\r\n            overlayY: 'center',\r\n          },\r\n        ];\r\n      }\r\n    } else {\r\n      if (this._levelCount >= 1) {\r\n        positions = [\r\n          {\r\n            originX: 'end',\r\n            originY: 'center',\r\n            overlayX: 'start',\r\n            overlayY: 'top',\r\n          },\r\n          {\r\n            originX: 'end',\r\n            originY: 'center',\r\n            overlayX: 'start',\r\n            overlayY: 'bottom',\r\n          },\r\n          {\r\n            originX: 'end',\r\n            originY: 'top',\r\n            overlayX: 'center',\r\n            overlayY: 'top',\r\n          },\r\n          {\r\n            originX: 'center',\r\n            originY: 'top',\r\n            overlayX: 'center',\r\n            overlayY: 'top',\r\n          },\r\n        ];\r\n      } else {\r\n        positions = [\r\n          {\r\n            originX: 'start',\r\n            originY: 'bottom',\r\n            overlayX: 'start',\r\n            overlayY: 'top',\r\n          },\r\n          {\r\n            originX: 'end',\r\n            originY: 'center',\r\n            overlayX: 'start',\r\n            overlayY: 'bottom',\r\n          },\r\n          {\r\n            originX: 'end',\r\n            originY: 'top',\r\n            overlayX: 'center',\r\n            overlayY: 'top',\r\n          },\r\n          {\r\n            originX: 'center',\r\n            originY: 'top',\r\n            overlayX: 'center',\r\n            overlayY: 'top',\r\n          },\r\n        ];\r\n      }\r\n    }\r\n\r\n    this._overlayRef = this._overlay.create({\r\n      scrollStrategy: this._overlay.scrollStrategies.close(),\r\n      positionStrategy: this._overlay\r\n        .position()\r\n        .flexibleConnectedTo(targetRef)\r\n        .withPositions([...positions])\r\n        .withPush(false),\r\n      disposeOnNavigation: true,\r\n      panelClass: ['ax-animate-fadeIn', 'ax-animate-faster', 'ax-overlay-menu'],\r\n      maxHeight: 'unset',\r\n      hasBackdrop: false,\r\n      backdropClass: ['cdk-overlay-transparent-backdrop'],\r\n    });\r\n\r\n    const ref = this._overlayRef.attach(new ComponentPortal(AXMenuComponent));\r\n\r\n    ref.instance.items = overlayItems;\r\n\r\n    ref.instance.orientation = this.orientation;\r\n\r\n    ref.instance.openMode = 'hover';\r\n\r\n    ref.instance._levelCount = this._levelCount + 1;\r\n\r\n    ref.instance.disableField = this.disableField;\r\n\r\n    ref.instance.visibleField = this.visibleField;\r\n\r\n    ref.instance.iconField = this.iconField;\r\n\r\n    ref.instance.dividerField = this.dividerField;\r\n\r\n    ref.onDestroy(() => {\r\n      ref.instance?._overlayRef?.dispose();\r\n    });\r\n\r\n    this._overlayRef.outsidePointerEvents().subscribe((e) => {\r\n      if (this._overlayRef && this.openMode === 'click') {\r\n        this._close();\r\n        e.stopPropagation();\r\n      }\r\n    });\r\n\r\n    this._platform.scroll.subscribe(() => {\r\n      if (this._overlayRef) {\r\n        this._close();\r\n      }\r\n    });\r\n\r\n    this._platform.resize.subscribe(() => {\r\n      if (this._overlayRef) {\r\n        this._close();\r\n      }\r\n    });\r\n  }\r\n\r\n  private _close() {\r\n    this._overlayRef.detach();\r\n    this._oldItem = null;\r\n    this.displayItems.forEach((element) => {\r\n      element.isOpen = false;\r\n      element.isActive = false;\r\n    });\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  onDestroy(): void {\r\n    this._overlayRef?.detach();\r\n  }\r\n}\r\n","<ng-container *ngIf=\"displayItems.length; else tmpEmpty\">\r\n    <ul [ngClass]=\"_getDirection()\">\r\n        <ng-container *ngTemplateOutlet=\"recursiveListTmpl; context:{ list: displayItems }\"></ng-container>\r\n    </ul>\r\n    <ng-template #recursiveListTmpl let-list=\"list\">\r\n        <ng-container *ngFor=\"let item of list\">\r\n            <li *ngIf=\"item[visibleField] !=false\" [class.ax-state-disabled]=\"item[disableField]\"\r\n                (click)=\"_onMenuClick($event,item)\" (mouseenter)=\"_onMenuMouseEnter($event,item)\"\r\n                [ngClass]=\"{'ax-state-active ': item.isActive}\">\r\n                <div class=\"ax-menu-item\" *ngIf=\"itemTemplate == null else tmpItem\">\r\n                    <div class=\"ax-menu-item-prefix\">\r\n                        <ax-icon *ngIf=\"item[iconField]\" [class]=\"item[iconField]\"></ax-icon>\r\n                        <span>{{_getItemDisplayTextTemplte(item)}}</span>\r\n                    </div>\r\n                    <div class=\"ax-menu-item-suffix\">\r\n                        <ax-icon *ngIf=\"!item.isLoading\"\r\n                            [ngClass]=\"{'ax-ic-chevron':item?.children?.length > 0,'ax-menu-active-icon': item.isOpen}\">\r\n                        </ax-icon>\r\n                        <ax-loading *ngIf=\"item.isLoading\">\r\n                        </ax-loading>\r\n                    </div>\r\n                </div>\r\n                <!--------------- check for custom  item template  --------------->\r\n                <ng-template #tmpItem>\r\n                    <ng-container *ngIf=\"!isLoading\">\r\n                        <ng-container *ngTemplateOutlet=\"itemTemplate;context: { $implicit: item }\">\r\n                        </ng-container>\r\n                    </ng-container>\r\n                </ng-template>\r\n                <ul *ngIf=\"item?.children?.length > 0 && item.isOpen &&!_overlayRef\"\r\n                    [class.ax-state-disabled]=\"item[disableField]\">\r\n                    <ng-container *ngTemplateOutlet=\"recursiveListTmpl; context:{ list: item.children }\">\r\n                    </ng-container>\r\n                </ul>\r\n            </li>\r\n            <li class=\"ax-divider\" *ngIf=\"item[this.dividerField]\"></li>\r\n        </ng-container>\r\n    </ng-template>\r\n</ng-container>\r\n<ng-container *ngIf=\"isLoading\">\r\n    <ng-template>\r\n        <div class=\"ax-flex ax-items-center ax-justify-center ax-p-4\">\r\n            <ax-loading text=\"{{ 'layout.loading.text' | trans }}\"></ax-loading>\r\n        </div>\r\n    </ng-template>\r\n</ng-container>\r\n\r\n<ng-template #tmpEmpty>\r\n    <ng-container *ngIf=\"!isLoading\">\r\n        <!--------------- check for custom template  --------------->\r\n        <ng-container *ngIf=\"emptyTemplate; else elseEmptyTemplate\">\r\n            <ng-container *ngTemplateOutlet=\"emptyTemplate\">\r\n            </ng-container>\r\n        </ng-container>\r\n        <ng-template #elseEmptyTemplate>\r\n            <div class=\"ax-list-item\">\r\n                {{ 'common.no-result-found' | trans }}\r\n            </div>\r\n        </ng-template>\r\n    </ng-container>\r\n</ng-template>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXMenuComponent } from './menu.component';\r\nimport { AXLoadingModule } from '@acorex/components/loading';\r\nimport { AXTranslationModule } from '@acorex/core/translation';\r\nimport { AXDecoratorModule } from '@acorex/components/decorators';\r\nimport { OverlayModule } from '@angular/cdk/overlay';\r\n\r\nconst COMPONENT = [AXMenuComponent];\r\nconst MODULES = [\r\n  AXDecoratorModule,\r\n  AXLoadingModule,\r\n  AXTranslationModule,\r\n  OverlayModule,\r\n];\r\n\r\n@NgModule({\r\n  declarations: [...COMPONENT],\r\n  imports: [CommonModule, ...MODULES],\r\n  exports: [...COMPONENT],\r\n  providers: [],\r\n})\r\nexport class AXMenuModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAgBA;;;;AAIG;AA4BG,MAAO,eAAgB,SAAQ,eAAe,CAAA;AAqBlD,IAAA,WAAA,CACU,WAAuB,EACvB,GAAsB,EACtB,QAAiB,EACjB,SAAqB,EAAA;AAE7B,QAAA,KAAK,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC;QALhB,IAAW,CAAA,WAAA,GAAX,WAAW,CAAY;QACvB,IAAG,CAAA,GAAA,GAAH,GAAG,CAAmB;QACtB,IAAQ,CAAA,QAAA,GAAR,QAAQ,CAAS;QACjB,IAAS,CAAA,SAAA,GAAT,SAAS,CAAY;QARvB,IAAW,CAAA,WAAA,GAAW,CAAC,CAAC;KAW/B;AAnBD,IAAA,IAAI,aAAa,GAAA;QACf,OAAO,IAAI,CAAC,qBAAqB,CAAC;KACnC;AAED,IAAA,IAAI,YAAY,GAAA;QACd,OAAO,IAAI,CAAC,oBAAoB,CAAC;KAClC;IAeD,MAAM,GAAA;QACJ,KAAK,CAAC,MAAM,EAAE,CAAC;KAChB;IAED,eAAe,GAAA;QACb,KAAK,CAAC,UAAU,EAAE,CAAC;KACpB;IAED,iBAAiB,CAAC,CAAa,EAAE,IAAS,EAAA;QACxC,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,OAAO;AACR,SAAA;AACD,QAAA,IAAI,IAAI,CAAC,QAAQ,KAAK,OAAO,EAAE;AAC7B,YAAA,IAAI,CAAC,gBAAgB,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;AAChC,SAAA;QACD,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,CAAC,CAAC,cAAc,EAAE,CAAC;KACpB;IAED,YAAY,CAAC,CAAa,EAAE,IAAS,EAAA;QACnC,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,OAAO;AACR,SAAA;AAED,QAAA,IAAI,IAAI,CAAC,QAAQ,KAAK,OAAO,EAAE;AAC7B,YAAA,IAAI,CAAC,gBAAgB,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;AAChC,SAAA;AAED,QAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC;AACxB,YAAA,SAAS,EAAE,IAAI;AACf,YAAA,IAAI,EAAE,IAAI;AACV,YAAA,WAAW,EAAE,CAAC;AACf,SAAA,CAAC,CAAC;QACH,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,CAAC,CAAC,cAAc,EAAE,CAAC;KACpB;IAED,aAAa,GAAA;QACX,IAAI,IAAI,CAAC,WAAW,KAAK,YAAY,IAAI,IAAI,CAAC,WAAW,KAAK,CAAC,EAAE;AAC/D,YAAA,OAAO,eAAe,CAAC;AACxB,SAAA;AAAM,aAAA,IAAI,IAAI,CAAC,WAAW,GAAG,CAAC,EAAE;AAC/B,YAAA,OAAO,2BAA2B,CAAC;AACpC,SAAA;AAAM,aAAA,IAAI,IAAI,CAAC,WAAW,KAAK,UAAU,EAAE;AAC1C,YAAA,OAAO,cAAc,CAAC;AACvB,SAAA;AAAM,aAAA;AACL,YAAA,OAAO,aAAa,CAAC;AACtB,SAAA;KACF;AAEO,IAAA,aAAa,CAAC,KAAU,EAAA;AAC9B,QAAA,KAAK,CAAC,OAAO,CAAC,CAAC,OAAO,KAAI;AACxB,YAAA,OAAO,CAAC,QAAQ,GAAG,KAAK,CAAC;AACzB,YAAA,IAAI,OAAO,EAAE,QAAQ,EAAE,MAAM,GAAG,CAAC,EAAE;AACjC,gBAAA,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;AACtC,aAAA;AACH,SAAC,CAAC,CAAC;KACJ;AAEO,IAAA,eAAe,CAAC,KAAU,EAAA;AAChC,QAAA,KAAK,CAAC,OAAO,CAAC,CAAC,OAAO,KAAI;AACxB,YAAA,OAAO,CAAC,MAAM,GAAG,KAAK,CAAC;AACvB,YAAA,IAAI,OAAO,EAAE,QAAQ,EAAE,MAAM,GAAG,CAAC,EAAE;AACjC,gBAAA,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;AACxC,aAAA;AACH,SAAC,CAAC,CAAC;KACJ;IAEO,WAAW,CAAC,KAAU,EAAE,QAAa,EAAA;AAC3C,QAAA,KAAK,CAAC,OAAO,CAAC,CAAC,OAAO,KAAI;AACxB,YAAA,OAAO,CAAC,QAAQ,GAAG,QAAQ,CAAC;AAC9B,SAAC,CAAC,CAAC;KACJ;IAEO,gBAAgB,CAAC,CAAa,EAAE,IAAS,EAAA;AAC/C,QAAA,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,KAAK,EAAE;AACjE,YAAA,MAAM,aAAa,GAAG,CAAC,CAAC,MAAwB,CAAC;AACjD,YAAA,IACE,CAAC,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,QAAQ,KAAK,OAAO;AACzD,iBAAC,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,QAAQ,KAAK,OAAO,CAAC,EAC1D;gBACA,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,EAAE;AAC9C,oBAAA,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,CAAC;AAC3B,iBAAA;AACD,gBAAA,IAAI,IAAI,CAAC,WAAW,KAAK,YAAY,EAAE;oBACrC,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,OAAO,KAAI;wBACpC,IACE,CAAC,IAAI,CAAC,QAAQ;AACd,4BAAA,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,EAClD;AACA,4BAAA,OAAO,CAAC,MAAM,GAAG,KAAK,CAAC;AACxB,yBAAA;AACH,qBAAC,CAAC,CAAC;AACJ,iBAAA;AACD,gBAAA,IAAI,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAG,CAAC,EAAE;AAC9B,oBAAA,IAAI,IAAI,CAAC,WAAW,KAAK,YAAY,EAAE;AACrC,wBAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;AACxD,qBAAA;AACD,oBAAA,IACE,IAAI,CAAC,WAAW,KAAK,YAAY;AACjC,wBAAA,IAAI,CAAC,WAAW,KAAK,UAAU,EAC/B;AACA,wBAAA,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,EAAE;AAC1B,4BAAA,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;AACjE,yBAAA;AACF,qBAAA;AACD,oBAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;AAEpC,oBAAA,IACE,IAAI,CAAC,WAAW,KAAK,YAAY;AACjC,wBAAA,IAAI,CAAC,WAAW,KAAK,UAAU,EAC/B;AACA,wBAAA,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;AACpB,qBAAA;AAAM,yBAAA;AACL,wBAAA,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC;AAC5B,qBAAA;AACF,iBAAA;AAED,gBAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;AAEtC,gBAAA,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;AAE/B,gBAAA,IACE,IAAI,CAAC,WAAW,KAAK,YAAY;AACjC,oBAAA,IAAI,CAAC,WAAW,KAAK,UAAU,EAC/B;oBACA,IACE,IAAI,CAAC,QAAQ;wBACb,IAAI,CAAC,QAAQ,EAAE,MAAM;AACrB,wBAAA,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,EACxD;AACA,wBAAA,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,KAAK,CAAC;AAC9B,qBAAA;AACD,oBAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;AACtB,iBAAA;AACF,aAAA;AACF,SAAA;KACF;IAEO,cAAc,CAAC,SAAS,EAAE,YAAmB,EAAA;QACnD,IAAI,SAAS,GAAG,EAAE,CAAC;AAEnB,QAAA,IAAI,IAAI,CAAC,WAAW,KAAK,UAAU,EAAE;AACnC,YAAA,IAAI,IAAI,CAAC,WAAW,IAAI,CAAC,EAAE;AACzB,gBAAA,SAAS,GAAG;AACV,oBAAA;AACE,wBAAA,OAAO,EAAE,KAAK;AACd,wBAAA,OAAO,EAAE,QAAQ;AACjB,wBAAA,QAAQ,EAAE,OAAO;AACjB,wBAAA,QAAQ,EAAE,KAAK;AAChB,qBAAA;AACD,oBAAA;AACE,wBAAA,OAAO,EAAE,KAAK;AACd,wBAAA,OAAO,EAAE,QAAQ;AACjB,wBAAA,QAAQ,EAAE,OAAO;AACjB,wBAAA,QAAQ,EAAE,QAAQ;AACnB,qBAAA;AACD,oBAAA;AACE,wBAAA,OAAO,EAAE,QAAQ;AACjB,wBAAA,OAAO,EAAE,QAAQ;AACjB,wBAAA,QAAQ,EAAE,QAAQ;AAClB,wBAAA,QAAQ,EAAE,QAAQ;AACnB,qBAAA;iBACF,CAAC;AACH,aAAA;AAAM,iBAAA;AACL,gBAAA,SAAS,GAAG;AACV,oBAAA;AACE,wBAAA,OAAO,EAAE,KAAK;AACd,wBAAA,OAAO,EAAE,QAAQ;AACjB,wBAAA,QAAQ,EAAE,OAAO;AACjB,wBAAA,QAAQ,EAAE,KAAK;AAChB,qBAAA;AACD,oBAAA;AACE,wBAAA,OAAO,EAAE,KAAK;AACd,wBAAA,OAAO,EAAE,KAAK;AACd,wBAAA,QAAQ,EAAE,OAAO;AACjB,wBAAA,QAAQ,EAAE,QAAQ;AACnB,qBAAA;AACD,oBAAA;AACE,wBAAA,OAAO,EAAE,QAAQ;AACjB,wBAAA,OAAO,EAAE,QAAQ;AACjB,wBAAA,QAAQ,EAAE,QAAQ;AAClB,wBAAA,QAAQ,EAAE,QAAQ;AACnB,qBAAA;iBACF,CAAC;AACH,aAAA;AACF,SAAA;AAAM,aAAA;AACL,YAAA,IAAI,IAAI,CAAC,WAAW,IAAI,CAAC,EAAE;AACzB,gBAAA,SAAS,GAAG;AACV,oBAAA;AACE,wBAAA,OAAO,EAAE,KAAK;AACd,wBAAA,OAAO,EAAE,QAAQ;AACjB,wBAAA,QAAQ,EAAE,OAAO;AACjB,wBAAA,QAAQ,EAAE,KAAK;AAChB,qBAAA;AACD,oBAAA;AACE,wBAAA,OAAO,EAAE,KAAK;AACd,wBAAA,OAAO,EAAE,QAAQ;AACjB,wBAAA,QAAQ,EAAE,OAAO;AACjB,wBAAA,QAAQ,EAAE,QAAQ;AACnB,qBAAA;AACD,oBAAA;AACE,wBAAA,OAAO,EAAE,KAAK;AACd,wBAAA,OAAO,EAAE,KAAK;AACd,wBAAA,QAAQ,EAAE,QAAQ;AAClB,wBAAA,QAAQ,EAAE,KAAK;AAChB,qBAAA;AACD,oBAAA;AACE,wBAAA,OAAO,EAAE,QAAQ;AACjB,wBAAA,OAAO,EAAE,KAAK;AACd,wBAAA,QAAQ,EAAE,QAAQ;AAClB,wBAAA,QAAQ,EAAE,KAAK;AAChB,qBAAA;iBACF,CAAC;AACH,aAAA;AAAM,iBAAA;AACL,gBAAA,SAAS,GAAG;AACV,oBAAA;AACE,wBAAA,OAAO,EAAE,OAAO;AAChB,wBAAA,OAAO,EAAE,QAAQ;AACjB,wBAAA,QAAQ,EAAE,OAAO;AACjB,wBAAA,QAAQ,EAAE,KAAK;AAChB,qBAAA;AACD,oBAAA;AACE,wBAAA,OAAO,EAAE,KAAK;AACd,wBAAA,OAAO,EAAE,QAAQ;AACjB,wBAAA,QAAQ,EAAE,OAAO;AACjB,wBAAA,QAAQ,EAAE,QAAQ;AACnB,qBAAA;AACD,oBAAA;AACE,wBAAA,OAAO,EAAE,KAAK;AACd,wBAAA,OAAO,EAAE,KAAK;AACd,wBAAA,QAAQ,EAAE,QAAQ;AAClB,wBAAA,QAAQ,EAAE,KAAK;AAChB,qBAAA;AACD,oBAAA;AACE,wBAAA,OAAO,EAAE,QAAQ;AACjB,wBAAA,OAAO,EAAE,KAAK;AACd,wBAAA,QAAQ,EAAE,QAAQ;AAClB,wBAAA,QAAQ,EAAE,KAAK;AAChB,qBAAA;iBACF,CAAC;AACH,aAAA;AACF,SAAA;QAED,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;YACtC,cAAc,EAAE,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,KAAK,EAAE;YACtD,gBAAgB,EAAE,IAAI,CAAC,QAAQ;AAC5B,iBAAA,QAAQ,EAAE;iBACV,mBAAmB,CAAC,SAAS,CAAC;AAC9B,iBAAA,aAAa,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC;iBAC7B,QAAQ,CAAC,KAAK,CAAC;AAClB,YAAA,mBAAmB,EAAE,IAAI;AACzB,YAAA,UAAU,EAAE,CAAC,mBAAmB,EAAE,mBAAmB,EAAE,iBAAiB,CAAC;AACzE,YAAA,SAAS,EAAE,OAAO;AAClB,YAAA,WAAW,EAAE,KAAK;YAClB,aAAa,EAAE,CAAC,kCAAkC,CAAC;AACpD,SAAA,CAAC,CAAC;AAEH,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,IAAI,eAAe,CAAC,eAAe,CAAC,CAAC,CAAC;AAE1E,QAAA,GAAG,CAAC,QAAQ,CAAC,KAAK,GAAG,YAAY,CAAC;QAElC,GAAG,CAAC,QAAQ,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC;AAE5C,QAAA,GAAG,CAAC,QAAQ,CAAC,QAAQ,GAAG,OAAO,CAAC;QAEhC,GAAG,CAAC,QAAQ,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;QAEhD,GAAG,CAAC,QAAQ,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC;QAE9C,GAAG,CAAC,QAAQ,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC;QAE9C,GAAG,CAAC,QAAQ,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC;QAExC,GAAG,CAAC,QAAQ,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC;AAE9C,QAAA,GAAG,CAAC,SAAS,CAAC,MAAK;AACjB,YAAA,GAAG,CAAC,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC;AACvC,SAAC,CAAC,CAAC;QAEH,IAAI,CAAC,WAAW,CAAC,oBAAoB,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,KAAI;YACtD,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,QAAQ,KAAK,OAAO,EAAE;gBACjD,IAAI,CAAC,MAAM,EAAE,CAAC;gBACd,CAAC,CAAC,eAAe,EAAE,CAAC;AACrB,aAAA;AACH,SAAC,CAAC,CAAC;QAEH,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,MAAK;YACnC,IAAI,IAAI,CAAC,WAAW,EAAE;gBACpB,IAAI,CAAC,MAAM,EAAE,CAAC;AACf,aAAA;AACH,SAAC,CAAC,CAAC;QAEH,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,MAAK;YACnC,IAAI,IAAI,CAAC,WAAW,EAAE;gBACpB,IAAI,CAAC,MAAM,EAAE,CAAC;AACf,aAAA;AACH,SAAC,CAAC,CAAC;KACJ;IAEO,MAAM,GAAA;AACZ,QAAA,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,CAAC;AAC1B,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACrB,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,OAAO,KAAI;AACpC,YAAA,OAAO,CAAC,MAAM,GAAG,KAAK,CAAC;AACvB,YAAA,OAAO,CAAC,QAAQ,GAAG,KAAK,CAAC;AAC3B,SAAC,CAAC,CAAC;AACH,QAAA,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;KAC1B;IAED,SAAS,GAAA;AACP,QAAA,IAAI,CAAC,WAAW,EAAE,MAAM,EAAE,CAAC;KAC5B;;4GArVU,eAAe,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,OAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAf,eAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAe,q0BChD5B,ooGA4Dc,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,wBAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,IAAA,EAAA,OAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;2FDZD,eAAe,EAAA,UAAA,EAAA,CAAA;kBA3B3B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,SAAS,EAEX,MAAA,EAAA;wBACN,UAAU;wBACV,UAAU;wBACV,WAAW;wBACX,YAAY;wBACZ,OAAO;wBACP,UAAU;wBACV,WAAW;wBACX,SAAS;wBACT,QAAQ;wBACR,UAAU;wBACV,cAAc;wBACd,cAAc;wBACd,eAAe;wBACf,cAAc;wBACd,UAAU;wBACV,aAAa;wBACb,WAAW;qBACZ,EACQ,OAAA,EAAA,CAAC,QAAQ,EAAE,SAAS,EAAE,iBAAiB,CAAC,mBAChC,uBAAuB,CAAC,MAAM,EAChC,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,IAAA,EAC/B,EAAE,KAAK,EAAE,SAAS,EAAE,EAAA,QAAA,EAAA,ooGAAA,EAAA,CAAA;gLAIlB,qBAAqB,EAAA,CAAA;sBAD5B,YAAY;uBAAC,eAAe,CAAA;gBAIrB,oBAAoB,EAAA,CAAA;sBAD3B,YAAY;uBAAC,cAAc,CAAA;;;AE5C9B,MAAM,SAAS,GAAG,CAAC,eAAe,CAAC,CAAC;AACpC,MAAM,OAAO,GAAG;IACd,iBAAiB;IACjB,eAAe;IACf,mBAAmB;IACnB,aAAa;CACd,CAAC;MAQW,YAAY,CAAA;;yGAAZ,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAZ,YAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,YAAY,EAdN,YAAA,EAAA,CAAA,eAAe,CAUtB,EAAA,OAAA,EAAA,CAAA,YAAY,EARtB,iBAAiB;QACjB,eAAe;QACf,mBAAmB;AACnB,QAAA,aAAa,aALI,eAAe,CAAA,EAAA,CAAA,CAAA;0GAcrB,YAAY,EAAA,OAAA,EAAA,CAJb,YAAY,EAAK,OAAO,CAAA,EAAA,CAAA,CAAA;2FAIvB,YAAY,EAAA,UAAA,EAAA,CAAA;kBANxB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE,CAAC,GAAG,SAAS,CAAC;AAC5B,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,GAAG,OAAO,CAAC;AACnC,oBAAA,OAAO,EAAE,CAAC,GAAG,SAAS,CAAC;AACvB,oBAAA,SAAS,EAAE,EAAE;AACd,iBAAA,CAAA;;;ACrBD;;AAEG;;;;"}