@acorex/components 7.1.0 → 7.1.2

package/fesm2022/acorex-components-context-menu.mjs

@@ -13,297 +13,297 @@ import { AXLoadingModule } from '@acorex/components/loading';
 import { AXTranslationModule } from '@acorex/core/translation';
 import { AXDecoratorModule } from '@acorex/components/decorators';
 
-/**
- * The Button is a component which detects user interaction and triggers a corresponding event
- *
- * @category Components
- */
-class AXContextMenuComponent extends AXBaseMenuMixin {
-    _elementRef;
-    cdr;
-    _overlay;
-    _viewContainerRef;
-    _platform;
-    _contextTemplate;
-    get contextTemplate() {
-        return this._contextTemplate;
-    }
-    _menuTmp;
-    _overlayRef;
-    _templatePortal;
-    _target;
-    get target() {
-        return this._target;
-    }
-    set target(v) {
-        if (v instanceof HTMLElement)
-            this._target = v;
-        else if (v instanceof ElementRef)
-            this._target = v.nativeElement;
-        else if (v instanceof AXBaseComponent)
-            this._target = v._getInnerElement();
-    }
-    constructor(_elementRef, cdr, _overlay, _viewContainerRef, _platform) {
-        super(_elementRef, cdr);
-        this._elementRef = _elementRef;
-        this.cdr = cdr;
-        this._overlay = _overlay;
-        this._viewContainerRef = _viewContainerRef;
-        this._platform = _platform;
-    }
-    onInit() {
-        super.onInit();
-    }
-    ngAfterViewInit() {
-        super.onViewInit();
-        this._templatePortal = new TemplatePortal(this._contextTemplate ? this._contextTemplate : this._menuTmp, this._viewContainerRef);
-        if (this._target) {
-            this._target.addEventListener('contextmenu', e => {
-                e.preventDefault();
-                const position = {
-                    getBoundingClientRect: () => ({
-                        bottom: e.clientY,
-                        height: 0,
-                        left: e.clientX,
-                        right: e.clientX,
-                        top: e.clientY,
-                        width: 0,
-                    }),
-                };
-                this._openAsOverlay(new ElementRef(position));
-            });
-        }
-    }
-    _openAsOverlay(position) {
-        this._overlayRef = this._overlay.create({
-            positionStrategy: this._overlay
-                .position()
-                .flexibleConnectedTo(position)
-                .withPositions([
-                {
-                    originX: 'end',
-                    originY: 'top',
-                    overlayX: 'start',
-                    overlayY: 'top',
-                },
-                {
-                    originX: 'end',
-                    originY: 'center',
-                    overlayX: 'start',
-                    overlayY: 'top',
-                },
-                {
-                    originX: 'end',
-                    originY: 'bottom',
-                    overlayX: 'start',
-                    overlayY: 'top',
-                },
-                {
-                    originX: 'end',
-                    originY: 'top',
-                    overlayX: 'center',
-                    overlayY: 'top',
-                },
-                {
-                    originX: 'end',
-                    originY: 'top',
-                    overlayX: 'end',
-                    overlayY: 'top',
-                },
-                {
-                    originX: 'end',
-                    originY: 'top',
-                    overlayX: 'end',
-                    overlayY: 'center',
-                },
-                {
-                    originX: 'end',
-                    originY: 'top',
-                    overlayX: 'end',
-                    overlayY: 'bottom',
-                },
-                {
-                    originX: 'start',
-                    originY: 'top',
-                    overlayX: 'start',
-                    overlayY: 'top',
-                },
-                {
-                    originX: 'start',
-                    originY: 'center',
-                    overlayX: 'start',
-                    overlayY: 'top',
-                },
-                {
-                    originX: 'start',
-                    originY: 'bottom',
-                    overlayX: 'start',
-                    overlayY: 'top',
-                },
-                {
-                    originX: 'start',
-                    originY: 'top',
-                    overlayX: 'center',
-                    overlayY: 'top',
-                },
-                {
-                    originX: 'start',
-                    originY: 'top',
-                    overlayX: 'end',
-                    overlayY: 'top',
-                },
-                {
-                    originX: 'start',
-                    originY: 'top',
-                    overlayX: 'end',
-                    overlayY: 'center',
-                },
-                {
-                    originX: 'start',
-                    originY: 'top',
-                    overlayX: 'end',
-                    overlayY: 'bottom',
-                },
-                {
-                    originX: 'center',
-                    originY: 'top',
-                    overlayX: 'start',
-                    overlayY: 'top',
-                },
-                {
-                    originX: 'center',
-                    originY: 'center',
-                    overlayX: 'start',
-                    overlayY: 'top',
-                },
-                {
-                    originX: 'center',
-                    originY: 'bottom',
-                    overlayX: 'start',
-                    overlayY: 'top',
-                },
-                {
-                    originX: 'center',
-                    originY: 'top',
-                    overlayX: 'center',
-                    overlayY: 'top',
-                },
-                {
-                    originX: 'center',
-                    originY: 'top',
-                    overlayX: 'end',
-                    overlayY: 'top',
-                },
-                {
-                    originX: 'center',
-                    originY: 'top',
-                    overlayX: 'end',
-                    overlayY: 'center',
-                },
-                {
-                    originX: 'center',
-                    originY: 'top',
-                    overlayX: 'end',
-                    overlayY: 'bottom',
-                },
-            ])
-                .withPush(false),
-            direction: this._platform.isRtl() ? 'rtl' : 'ltr',
-            disposeOnNavigation: true,
-            panelClass: ['ax-animate-fadeIn', 'ax-animate-faster', 'ax-overlay-menu'],
-            maxHeight: 'unset',
-            hasBackdrop: false,
-            backdropClass: ['cdk-overlay-transparent-backdrop'],
-        });
-        this._overlayRef.attach(this._templatePortal);
-        this._overlayRef.outsidePointerEvents().subscribe(() => {
-            if (this._overlayRef && this.openMode === 'click') {
-                this.close();
-            }
-        });
-        this._platform.scroll.subscribe(() => {
-            if (this._overlayRef) {
-                this.close();
-            }
-        });
-        this._platform.resize.subscribe(() => {
-            if (this._overlayRef) {
-                this.close();
-            }
-        });
-    }
-    close() {
-        this._overlayRef.detach();
-        this.displayItems.forEach(element => {
-            element.opened = false;
-            element.active = false;
-        });
-        this.cdr.detectChanges();
-    }
-    /***********defultTmp***********/
-    onContextMenuClick(e) {
-        this.onMenuItemClick.emit(e);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXContextMenuComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.Overlay }, { token: i0.ViewContainerRef }, { token: i2.AXPlatform }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: AXContextMenuComponent, selector: "ax-context-menu", inputs: { disabled: "disabled", textField: "textField", valueField: "valueField", items: "items", parentId: "parentId", iconField: "iconField", opened: "opened", active: "active", visibleField: "visibleField", disableField: "disableField", hasChildField: "hasChildField", dividerField: "dividerField", openMode: "openMode", displayMode: "displayMode", target: "target" }, outputs: { onBlur: "onBlur", onFocus: "onFocus", onMenuItemClick: "onMenuItemClick" }, viewQueries: [{ propertyName: "_contextTemplate", first: true, predicate: ["contextTemplate"], descendants: true }, { propertyName: "_menuTmp", first: true, predicate: ["menuTmp"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-template #contextTemplateRef>\r\n    <ng-container *ngIf=\"contextTemplate  else menuTmp\">\r\n            <ng-container *ngTemplateOutlet=\"contextTemplate\">\r\n            </ng-container>\r\n    </ng-container>\r\n</ng-template>\r\n\r\n\r\n<ng-template #menuTmp>\r\n    <ax-menu class=\"ax-context-menu\" displayMode=\"vertical\" openMode=\"hover\" [items]='items'\r\n        [disableField]=\"disableField\" [hasChildField]=\"hasChildField\" [textField]=\"textField\" [iconField]=\"iconField\"\r\n        [valueField]=\"valueField\" [dividerField]=\"dividerField\" (onMenuItemClick)='onContextMenuClick($event)'>\r\n    </ax-menu>\r\n</ng-template>", styles: [".ax-context-menu{background-color:rgba(var(--ax-color-surface));border:1px solid;border-color:rgba(var(--ax-color-border-default));min-width:12rem;border-radius:var(--ax-rounded-border-default)}\n"], dependencies: [{ 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.AXMenuComponent, selector: "ax-menu", inputs: ["disabled", "tabIndex", "textField", "valueField", "items", "parentId", "iconField", "tooltip", "opened", "active", "visibleField", "disableField", "hasChildField", "dividerField", "openMode", "displayMode", "showModal"], outputs: ["onBlur", "onFocus", "onMenuItemClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXContextMenuComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ax-context-menu', inputs: [
-                        'disabled',
-                        'textField',
-                        'valueField',
-                        'items',
-                        'parentId',
-                        'iconField',
-                        'opened',
-                        'active',
-                        'visibleField',
-                        'disableField',
-                        'hasChildField',
-                        'dividerField',
-                        'openMode',
-                        'displayMode',
-                    ], outputs: ['onBlur', 'onFocus', 'onMenuItemClick'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-template #contextTemplateRef>\r\n    <ng-container *ngIf=\"contextTemplate  else menuTmp\">\r\n            <ng-container *ngTemplateOutlet=\"contextTemplate\">\r\n            </ng-container>\r\n    </ng-container>\r\n</ng-template>\r\n\r\n\r\n<ng-template #menuTmp>\r\n    <ax-menu class=\"ax-context-menu\" displayMode=\"vertical\" openMode=\"hover\" [items]='items'\r\n        [disableField]=\"disableField\" [hasChildField]=\"hasChildField\" [textField]=\"textField\" [iconField]=\"iconField\"\r\n        [valueField]=\"valueField\" [dividerField]=\"dividerField\" (onMenuItemClick)='onContextMenuClick($event)'>\r\n    </ax-menu>\r\n</ng-template>", styles: [".ax-context-menu{background-color:rgba(var(--ax-color-surface));border:1px solid;border-color:rgba(var(--ax-color-border-default));min-width:12rem;border-radius:var(--ax-rounded-border-default)}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.Overlay }, { type: i0.ViewContainerRef }, { type: i2.AXPlatform }]; }, propDecorators: { _contextTemplate: [{
-                type: ViewChild,
-                args: ['contextTemplate']
-            }], _menuTmp: [{
-                type: ViewChild,
-                args: ['menuTmp', { static: true }]
-            }], target: [{
-                type: Input
+/**
+ * The Button is a component which detects user interaction and triggers a corresponding event
+ *
+ * @category Components
+ */
+class AXContextMenuComponent extends AXBaseMenuMixin {
+    _elementRef;
+    cdr;
+    _overlay;
+    _viewContainerRef;
+    _platform;
+    _contextTemplate;
+    get contextTemplate() {
+        return this._contextTemplate;
+    }
+    _menuTmp;
+    _overlayRef;
+    _templatePortal;
+    _target;
+    get target() {
+        return this._target;
+    }
+    set target(v) {
+        if (v instanceof HTMLElement)
+            this._target = v;
+        else if (v instanceof ElementRef)
+            this._target = v.nativeElement;
+        else if (v instanceof AXBaseComponent)
+            this._target = v._getInnerElement();
+    }
+    constructor(_elementRef, cdr, _overlay, _viewContainerRef, _platform) {
+        super(_elementRef, cdr);
+        this._elementRef = _elementRef;
+        this.cdr = cdr;
+        this._overlay = _overlay;
+        this._viewContainerRef = _viewContainerRef;
+        this._platform = _platform;
+    }
+    onInit() {
+        super.onInit();
+    }
+    ngAfterViewInit() {
+        super.onViewInit();
+        this._templatePortal = new TemplatePortal(this._contextTemplate ? this._contextTemplate : this._menuTmp, this._viewContainerRef);
+        if (this._target) {
+            this._target.addEventListener('contextmenu', e => {
+                e.preventDefault();
+                const position = {
+                    getBoundingClientRect: () => ({
+                        bottom: e.clientY,
+                        height: 0,
+                        left: e.clientX,
+                        right: e.clientX,
+                        top: e.clientY,
+                        width: 0,
+                    }),
+                };
+                this._openAsOverlay(new ElementRef(position));
+            });
+        }
+    }
+    _openAsOverlay(position) {
+        this._overlayRef = this._overlay.create({
+            positionStrategy: this._overlay
+                .position()
+                .flexibleConnectedTo(position)
+                .withPositions([
+                {
+                    originX: 'end',
+                    originY: 'top',
+                    overlayX: 'start',
+                    overlayY: 'top',
+                },
+                {
+                    originX: 'end',
+                    originY: 'center',
+                    overlayX: 'start',
+                    overlayY: 'top',
+                },
+                {
+                    originX: 'end',
+                    originY: 'bottom',
+                    overlayX: 'start',
+                    overlayY: 'top',
+                },
+                {
+                    originX: 'end',
+                    originY: 'top',
+                    overlayX: 'center',
+                    overlayY: 'top',
+                },
+                {
+                    originX: 'end',
+                    originY: 'top',
+                    overlayX: 'end',
+                    overlayY: 'top',
+                },
+                {
+                    originX: 'end',
+                    originY: 'top',
+                    overlayX: 'end',
+                    overlayY: 'center',
+                },
+                {
+                    originX: 'end',
+                    originY: 'top',
+                    overlayX: 'end',
+                    overlayY: 'bottom',
+                },
+                {
+                    originX: 'start',
+                    originY: 'top',
+                    overlayX: 'start',
+                    overlayY: 'top',
+                },
+                {
+                    originX: 'start',
+                    originY: 'center',
+                    overlayX: 'start',
+                    overlayY: 'top',
+                },
+                {
+                    originX: 'start',
+                    originY: 'bottom',
+                    overlayX: 'start',
+                    overlayY: 'top',
+                },
+                {
+                    originX: 'start',
+                    originY: 'top',
+                    overlayX: 'center',
+                    overlayY: 'top',
+                },
+                {
+                    originX: 'start',
+                    originY: 'top',
+                    overlayX: 'end',
+                    overlayY: 'top',
+                },
+                {
+                    originX: 'start',
+                    originY: 'top',
+                    overlayX: 'end',
+                    overlayY: 'center',
+                },
+                {
+                    originX: 'start',
+                    originY: 'top',
+                    overlayX: 'end',
+                    overlayY: 'bottom',
+                },
+                {
+                    originX: 'center',
+                    originY: 'top',
+                    overlayX: 'start',
+                    overlayY: 'top',
+                },
+                {
+                    originX: 'center',
+                    originY: 'center',
+                    overlayX: 'start',
+                    overlayY: 'top',
+                },
+                {
+                    originX: 'center',
+                    originY: 'bottom',
+                    overlayX: 'start',
+                    overlayY: 'top',
+                },
+                {
+                    originX: 'center',
+                    originY: 'top',
+                    overlayX: 'center',
+                    overlayY: 'top',
+                },
+                {
+                    originX: 'center',
+                    originY: 'top',
+                    overlayX: 'end',
+                    overlayY: 'top',
+                },
+                {
+                    originX: 'center',
+                    originY: 'top',
+                    overlayX: 'end',
+                    overlayY: 'center',
+                },
+                {
+                    originX: 'center',
+                    originY: 'top',
+                    overlayX: 'end',
+                    overlayY: 'bottom',
+                },
+            ])
+                .withPush(false),
+            direction: this._platform.isRtl() ? 'rtl' : 'ltr',
+            disposeOnNavigation: true,
+            panelClass: ['ax-animate-fadeIn', 'ax-animate-faster', 'ax-overlay-menu'],
+            maxHeight: 'unset',
+            hasBackdrop: false,
+            backdropClass: ['cdk-overlay-transparent-backdrop'],
+        });
+        this._overlayRef.attach(this._templatePortal);
+        this._overlayRef.outsidePointerEvents().subscribe(() => {
+            if (this._overlayRef && this.openMode === 'click') {
+                this.close();
+            }
+        });
+        this._platform.scroll.subscribe(() => {
+            if (this._overlayRef) {
+                this.close();
+            }
+        });
+        this._platform.resize.subscribe(() => {
+            if (this._overlayRef) {
+                this.close();
+            }
+        });
+    }
+    close() {
+        this._overlayRef.detach();
+        this.displayItems.forEach(element => {
+            element.opened = false;
+            element.active = false;
+        });
+        this.cdr.detectChanges();
+    }
+    /***********defultTmp***********/
+    onContextMenuClick(e) {
+        this.onMenuItemClick.emit(e);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXContextMenuComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.Overlay }, { token: i0.ViewContainerRef }, { token: i2.AXPlatform }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: AXContextMenuComponent, selector: "ax-context-menu", inputs: { disabled: "disabled", textField: "textField", valueField: "valueField", items: "items", parentId: "parentId", iconField: "iconField", opened: "opened", active: "active", visibleField: "visibleField", disableField: "disableField", hasChildField: "hasChildField", dividerField: "dividerField", openMode: "openMode", displayMode: "displayMode", target: "target" }, outputs: { onBlur: "onBlur", onFocus: "onFocus", onMenuItemClick: "onMenuItemClick" }, viewQueries: [{ propertyName: "_contextTemplate", first: true, predicate: ["contextTemplate"], descendants: true }, { propertyName: "_menuTmp", first: true, predicate: ["menuTmp"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-template #contextTemplateRef>\r\n    <ng-container *ngIf=\"contextTemplate  else menuTmp\">\r\n            <ng-container *ngTemplateOutlet=\"contextTemplate\">\r\n            </ng-container>\r\n    </ng-container>\r\n</ng-template>\r\n\r\n\r\n<ng-template #menuTmp>\r\n    <ax-menu class=\"ax-context-menu\" displayMode=\"vertical\" openMode=\"hover\" [items]='items'\r\n        [disableField]=\"disableField\" [hasChildField]=\"hasChildField\" [textField]=\"textField\" [iconField]=\"iconField\"\r\n        [valueField]=\"valueField\" [dividerField]=\"dividerField\" (onMenuItemClick)='onContextMenuClick($event)'>\r\n    </ax-menu>\r\n</ng-template>", styles: [".ax-context-menu{background-color:rgba(var(--ax-color-surface));border:1px solid;border-color:rgba(var(--ax-color-border-default));min-width:12rem;border-radius:var(--ax-rounded-border-default)}\n"], dependencies: [{ 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.AXMenuComponent, selector: "ax-menu", inputs: ["disabled", "tabIndex", "textField", "valueField", "items", "parentId", "iconField", "tooltip", "opened", "active", "visibleField", "disableField", "hasChildField", "dividerField", "openMode", "displayMode", "showModal"], outputs: ["onBlur", "onFocus", "onMenuItemClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXContextMenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-context-menu', inputs: [
+                        'disabled',
+                        'textField',
+                        'valueField',
+                        'items',
+                        'parentId',
+                        'iconField',
+                        'opened',
+                        'active',
+                        'visibleField',
+                        'disableField',
+                        'hasChildField',
+                        'dividerField',
+                        'openMode',
+                        'displayMode',
+                    ], outputs: ['onBlur', 'onFocus', 'onMenuItemClick'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-template #contextTemplateRef>\r\n    <ng-container *ngIf=\"contextTemplate  else menuTmp\">\r\n            <ng-container *ngTemplateOutlet=\"contextTemplate\">\r\n            </ng-container>\r\n    </ng-container>\r\n</ng-template>\r\n\r\n\r\n<ng-template #menuTmp>\r\n    <ax-menu class=\"ax-context-menu\" displayMode=\"vertical\" openMode=\"hover\" [items]='items'\r\n        [disableField]=\"disableField\" [hasChildField]=\"hasChildField\" [textField]=\"textField\" [iconField]=\"iconField\"\r\n        [valueField]=\"valueField\" [dividerField]=\"dividerField\" (onMenuItemClick)='onContextMenuClick($event)'>\r\n    </ax-menu>\r\n</ng-template>", styles: [".ax-context-menu{background-color:rgba(var(--ax-color-surface));border:1px solid;border-color:rgba(var(--ax-color-border-default));min-width:12rem;border-radius:var(--ax-rounded-border-default)}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.Overlay }, { type: i0.ViewContainerRef }, { type: i2.AXPlatform }]; }, propDecorators: { _contextTemplate: [{
+                type: ViewChild,
+                args: ['contextTemplate']
+            }], _menuTmp: [{
+                type: ViewChild,
+                args: ['menuTmp', { static: true }]
+            }], target: [{
+                type: Input
             }] } });
 
-const COMPONENT = [AXContextMenuComponent];
-const MODULES = [
-    AXDecoratorModule,
-    AXLoadingModule,
-    AXTranslationModule,
-    OverlayModule,
-    AXMenuModule,
-];
-class AXContextMenuModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXContextMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: AXContextMenuModule, declarations: [AXContextMenuComponent], imports: [CommonModule, AXDecoratorModule,
-            AXLoadingModule,
-            AXTranslationModule,
-            OverlayModule,
-            AXMenuModule], exports: [AXContextMenuComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXContextMenuModule, imports: [CommonModule, MODULES] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXContextMenuModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [...COMPONENT],
-                    imports: [CommonModule, ...MODULES],
-                    exports: [...COMPONENT],
-                    providers: [],
-                }]
+const COMPONENT = [AXContextMenuComponent];
+const MODULES = [
+    AXDecoratorModule,
+    AXLoadingModule,
+    AXTranslationModule,
+    OverlayModule,
+    AXMenuModule,
+];
+class AXContextMenuModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXContextMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: AXContextMenuModule, declarations: [AXContextMenuComponent], imports: [CommonModule, AXDecoratorModule,
+            AXLoadingModule,
+            AXTranslationModule,
+            OverlayModule,
+            AXMenuModule], exports: [AXContextMenuComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXContextMenuModule, imports: [CommonModule, MODULES] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXContextMenuModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [...COMPONENT],
+                    imports: [CommonModule, ...MODULES],
+                    exports: [...COMPONENT],
+                    providers: [],
+                }]
         }] });
 
-/**
- * Generated bundle index. Do not edit.
+/**
+ * Generated bundle index. Do not edit.
  */
 
 export { AXContextMenuComponent, AXContextMenuModule };