@acorex/cdk 21.0.1-next.7 → 21.0.1-next.70

package/fesm2022/acorex-cdk-drawer.mjs

@@ -1,6 +1,7 @@
 import * as i0 from '@angular/core';
 import { inject, ElementRef, signal, PLATFORM_ID, output, model, afterNextRender, effect, Directive, contentChildren, NgModule } from '@angular/core';
 import { AXHtmlUtil } from '@acorex/core/utils';
+import { AXZIndexService } from '@acorex/core/z-index';
 import { isPlatformBrowser } from '@angular/common';
 
 class AXDrawerItemDirective {
@@ -9,6 +10,8 @@ class AXDrawerItemDirective {
         this.htmlElem = signal(null, ...(ngDevMode ? [{ debugName: "htmlElem" }] : []));
         this.parent = inject(AXDrawerContainerDirective);
         this.platformID = inject(PLATFORM_ID);
+        this.zIndexService = inject(AXZIndexService);
+        this.zToken = null;
         this.collapseState = signal(false, ...(ngDevMode ? [{ debugName: "collapseState" }] : []));
         this.collapseStateChanged = output();
         this.location = model('start', ...(ngDevMode ? [{ debugName: "location" }] : []));
@@ -27,7 +30,6 @@ class AXDrawerItemDirective {
                 this.htmlElem().style.display = 'none';
             }
             this.htmlElem().style.height = '100%';
-            this.htmlElem().style.zIndex = '60';
             window.addEventListener('resize', this.removeBackDropOnResize);
             this.resizeObserver = new ResizeObserver(() => {
                 if (this.collapsed()) {
@@ -101,6 +103,14 @@ class AXDrawerItemDirective {
     show() {
         if (!this.htmlElem())
             return;
+        // Idempotency guard: if the drawer is already shown, do not re-acquire a
+        // new z-index. Without this guard, repeated show() calls (e.g. from effects
+        // re-evaluating on window resize or input changes) would keep incrementing
+        // the z-index via AXZIndexService, causing the drawer to jump above other
+        // overlays like popup/modal that were opened later.
+        if (this.collapseState() && this.zToken) {
+            return;
+        }
         if (this.singleOpenMode()) {
             this.parent.drawerItem().forEach((item) => {
                 if (item.location() === this.location() && item.id !== this.id)
@@ -108,6 +118,15 @@ class AXDrawerItemDirective {
             });
         }
         this.resizeObserver.unobserve(this.htmlElem());
+        // Release any stale token before acquiring a new one so we never leak
+        // tokens inside AXZIndexService.
+        if (this.zToken) {
+            this.zIndexService.release(this.zToken);
+            this.zToken = null;
+        }
+        // Acquire z-index from service
+        this.zToken = this.zIndexService.acquire();
+        this.htmlElem().style.zIndex = String(this.zToken.zIndex);
         this.htmlElem().style.transition = `${this.transition()}ms all ease`;
         this.htmlElem().style.display = 'block';
         if (this.mode() === 'overlay') {
@@ -126,7 +145,6 @@ class AXDrawerItemDirective {
             }
         }
         if (this.mode() === 'push') {
-            this.htmlElem().style.zIndex = '60';
             if (this.location() === 'start') {
                 this.htmlElem().style.marginInlineStart = '0px';
             }
@@ -154,9 +172,12 @@ class AXDrawerItemDirective {
     hide() {
         if (!this.htmlElem())
             return;
+        // Release z-index token
+        this.zIndexService.release(this.zToken);
+        this.zToken = null;
+        this.htmlElem().style.zIndex = '';
         const rect = this.htmlElem().getBoundingClientRect();
         if (this.mode() === 'push') {
-            this.htmlElem().style.zIndex = '0';
             if (this.location() === 'end') {
                 this.htmlElem().style.marginInlineEnd = `-${rect.width}px`;
             }
@@ -216,10 +237,10 @@ class AXDrawerItemDirective {
         backdropElem.classList.add('ax-cdk-drawer-backdrop');
         backdropElem.style.position = 'absolute';
         backdropElem.style.top = '0';
-        backdropElem.style.zIndex = '0';
         backdropElem.style.width = '100vw';
         backdropElem.style.height = '100vh';
-        backdropElem.style.zIndex = '50';
+        // Set backdrop z-index just below the drawer's z-index
+        backdropElem.style.zIndex = String((this.zToken?.zIndex ?? 1001) - 1);
         backdropElem.style.opacity = '0';
         backdropElem.style.transition = `opacity ${this.transition()}ms ease`;
         backdropElem.classList.add(...this.backdropClass().split(' '));
@@ -251,6 +272,9 @@ class AXDrawerItemDirective {
         }
     }
     ngOnDestroy() {
+        // Release z-index token on destroy
+        this.zIndexService.release(this.zToken);
+        this.zToken = null;
         if (this.resizeObserver && this.htmlElem()) {
             this.resizeObserver.unobserve(this.htmlElem());
         }
@@ -258,10 +282,10 @@ class AXDrawerItemDirective {
             window.removeEventListener('resize', this.removeBackDropOnResize);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXDrawerItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.15", type: AXDrawerItemDirective, isStandalone: true, selector: "[axDrawerItem]", inputs: { location: { classPropertyName: "location", publicName: "location", isSignal: true, isRequired: false, transformFunction: null }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null }, backDrop: { classPropertyName: "backDrop", publicName: "backDrop", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, transition: { classPropertyName: "transition", publicName: "transition", isSignal: true, isRequired: false, transformFunction: null }, closeOnBackdropClick: { classPropertyName: "closeOnBackdropClick", publicName: "closeOnBackdropClick", isSignal: true, isRequired: false, transformFunction: null }, backdropClass: { classPropertyName: "backdropClass", publicName: "backdropClass", isSignal: true, isRequired: false, transformFunction: null }, singleOpenMode: { classPropertyName: "singleOpenMode", publicName: "singleOpenMode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { collapseStateChanged: "collapseStateChanged", location: "locationChange", collapsed: "collapsedChange", backDrop: "backDropChange", mode: "modeChange", transition: "transitionChange", closeOnBackdropClick: "closeOnBackdropClickChange", backdropClass: "backdropClassChange", onBackdropClick: "onBackdropClick", singleOpenMode: "singleOpenModeChange" }, exportAs: ["axDrawerItem"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXDrawerItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.3", type: AXDrawerItemDirective, isStandalone: true, selector: "[axDrawerItem]", inputs: { location: { classPropertyName: "location", publicName: "location", isSignal: true, isRequired: false, transformFunction: null }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null }, backDrop: { classPropertyName: "backDrop", publicName: "backDrop", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, transition: { classPropertyName: "transition", publicName: "transition", isSignal: true, isRequired: false, transformFunction: null }, closeOnBackdropClick: { classPropertyName: "closeOnBackdropClick", publicName: "closeOnBackdropClick", isSignal: true, isRequired: false, transformFunction: null }, backdropClass: { classPropertyName: "backdropClass", publicName: "backdropClass", isSignal: true, isRequired: false, transformFunction: null }, singleOpenMode: { classPropertyName: "singleOpenMode", publicName: "singleOpenMode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { collapseStateChanged: "collapseStateChanged", location: "locationChange", collapsed: "collapsedChange", backDrop: "backDropChange", mode: "modeChange", transition: "transitionChange", closeOnBackdropClick: "closeOnBackdropClickChange", backdropClass: "backdropClassChange", onBackdropClick: "onBackdropClick", singleOpenMode: "singleOpenModeChange" }, exportAs: ["axDrawerItem"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXDrawerItemDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXDrawerItemDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[axDrawerItem]',
@@ -272,7 +296,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
 class AXDrawerContainerDirective {
     constructor() {
         this.el = inject(ElementRef);
-        this.drawerItem = contentChildren(AXDrawerItemDirective, ...(ngDevMode ? [{ debugName: "drawerItem", descendants: true }] : [{ descendants: true }]));
+        this.drawerItem = contentChildren(AXDrawerItemDirective, { ...(ngDevMode ? { debugName: "drawerItem" } : {}), descendants: true });
         this.#init = afterNextRender(() => {
             const htmlElem = this.el.nativeElement;
             htmlElem.style.position = 'relative';
@@ -283,10 +307,10 @@ class AXDrawerContainerDirective {
         });
     }
     #init;
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXDrawerContainerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "20.3.15", type: AXDrawerContainerDirective, isStandalone: true, selector: "[axDrawerContainer]", queries: [{ propertyName: "drawerItem", predicate: AXDrawerItemDirective, descendants: true, isSignal: true }], exportAs: ["axDrawerContainer"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXDrawerContainerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.1.3", type: AXDrawerContainerDirective, isStandalone: true, selector: "[axDrawerContainer]", queries: [{ propertyName: "drawerItem", predicate: AXDrawerItemDirective, descendants: true, isSignal: true }], exportAs: ["axDrawerContainer"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXDrawerContainerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXDrawerContainerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[axDrawerContainer]',
@@ -297,11 +321,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
 const COMPONENT = [AXDrawerContainerDirective, AXDrawerItemDirective];
 const MODULES = [];
 class AXDrawerDirectiveModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXDrawerDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: AXDrawerDirectiveModule, imports: [AXDrawerContainerDirective, AXDrawerItemDirective], exports: [AXDrawerContainerDirective, AXDrawerItemDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXDrawerDirectiveModule, imports: [MODULES] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXDrawerDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: AXDrawerDirectiveModule, imports: [AXDrawerContainerDirective, AXDrawerItemDirective], exports: [AXDrawerContainerDirective, AXDrawerItemDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXDrawerDirectiveModule, imports: [MODULES] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXDrawerDirectiveModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXDrawerDirectiveModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...MODULES, ...COMPONENT],

package/fesm2022/acorex-cdk-drawer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-cdk-drawer.mjs","sources":["../../../../packages/cdk/drawer/src/lib/drawer-item.directive.ts","../../../../packages/cdk/drawer/src/lib/drawer-container.directive.ts","../../../../packages/cdk/drawer/src/lib/drawer.module.ts","../../../../packages/cdk/drawer/src/acorex-cdk-drawer.ts"],"sourcesContent":["import { AXClickEvent } from '@acorex/cdk/common';\nimport { AXHtmlUtil } from '@acorex/core/utils';\nimport { isPlatformBrowser } from '@angular/common';\nimport {\n  afterNextRender,\n  Directive,\n  effect,\n  ElementRef,\n  inject,\n  model,\n  OnDestroy,\n  output,\n  PLATFORM_ID,\n  signal,\n} from '@angular/core';\nimport { AXDrawerContainerDirective } from './drawer-container.directive';\nexport type AXDrawerMode = 'push' | 'overlay';\nexport type AXDrawerLocation = 'start' | 'end' | 'top' | 'bottom';\n\n@Directive({\n  selector: '[axDrawerItem]',\n  exportAs: 'axDrawerItem',\n})\nexport class AXDrawerItemDirective implements OnDestroy {\n  private el = inject(ElementRef);\n  private htmlElem = signal<HTMLElement>(null);\n  private parent = inject(AXDrawerContainerDirective);\n  private platformID = inject(PLATFORM_ID);\n  private collapseState = signal(false);\n  private resizeObserver: ResizeObserver;\n  collapseStateChanged = output<boolean>();\n\n  location = model<AXDrawerLocation>('start');\n  collapsed = model(true);\n  backDrop = model(true);\n  mode = model<AXDrawerMode>('overlay');\n  transition = model<number>(100);\n  closeOnBackdropClick = model(false);\n  backdropClass = model('ax-bg-black/45');\n  onBackdropClick = output<AXClickEvent>();\n  singleOpenMode = model(true);\n  id = Math.random();\n\n  #init = afterNextRender(() => {\n    this.htmlElem.set(this.el.nativeElement as HTMLElement);\n\n    if (this.collapsed()) {\n      this.htmlElem().style.display = 'none';\n    }\n\n    this.htmlElem().style.height = '100%';\n    this.htmlElem().style.zIndex = '60';\n\n    window.addEventListener('resize', this.removeBackDropOnResize);\n\n    this.resizeObserver = new ResizeObserver(() => {\n      if (this.collapsed()) {\n        this.hide();\n      }\n    });\n    this.resizeObserver.observe(this.htmlElem());\n  });\n\n  #eff2 = effect(() => {\n    if (this.collapsed()) {\n      this.hide();\n    } else {\n      this.show();\n    }\n  });\n\n  #eff3 = effect(() => {\n    if (!this.htmlElem()) return;\n\n    if (this.mode() === 'overlay') {\n      this.htmlElem().style.position = 'absolute';\n      this.htmlElem().style.marginInlineEnd = 'auto';\n      this.htmlElem().style.marginInlineStart = 'auto';\n      this.htmlElem().style.marginBlockStart = 'auto';\n      this.htmlElem().style.marginBlockEnd = 'auto';\n    }\n  });\n\n  #eff4 = effect(() => {\n    if (!this.htmlElem()) return;\n\n    if (this.mode() === 'push') {\n      this.htmlElem().style.position = 'relative';\n      this.htmlElem().style.top = 'auto';\n      this.htmlElem().style.left = 'auto';\n      this.htmlElem().style.right = 'auto';\n      this.htmlElem().style.bottom = 'auto';\n\n      switch (this.location()) {\n        case 'end':\n          this.htmlElem().style.order = '999';\n          this.parent.el.nativeElement.style.justifyContent = 'space-between';\n          break;\n        case 'start':\n          this.htmlElem().style.order = '-999';\n          break;\n        case 'bottom':\n          this.htmlElem().style.order = '999';\n          this.parent.el.nativeElement.style.flexDirection = 'column';\n          break;\n        case 'top':\n          this.htmlElem().style.order = '-999';\n          this.parent.el.nativeElement.style.flexDirection = 'column';\n          break;\n      }\n    }\n  });\n\n  /**\n   * Shows the drawer by animating it into view.\n   *\n   * @returns void - No return value. The drawer becomes visible.\n   */\n  public show() {\n    if (!this.htmlElem()) return;\n\n    if (this.singleOpenMode()) {\n      this.parent.drawerItem().forEach((item) => {\n        if (item.location() === this.location() && item.id !== this.id) item.hide();\n      });\n    }\n\n    this.resizeObserver.unobserve(this.htmlElem());\n\n    this.htmlElem().style.transition = `${this.transition()}ms all ease`;\n    this.htmlElem().style.display = 'block';\n\n    if (this.mode() === 'overlay') {\n      if (this.location() === 'start') {\n        AXHtmlUtil.isRtl(this.htmlElem())\n          ? (this.htmlElem().style.right = `0px`)\n          : (this.htmlElem().style.left = `0px`);\n      }\n\n      if (this.location() === 'end') {\n        AXHtmlUtil.isRtl(this.htmlElem())\n          ? (this.htmlElem().style.left = `0px`)\n          : (this.htmlElem().style.right = `0px`);\n      }\n\n      if (this.location() === 'top' || this.location() === 'bottom') {\n        this.htmlElem().style.top = `0px`;\n      }\n    }\n\n    if (this.mode() === 'push') {\n      this.htmlElem().style.zIndex = '60';\n\n      if (this.location() === 'start') {\n        this.htmlElem().style.marginInlineStart = '0px';\n      }\n\n      if (this.location() === 'end') {\n        this.htmlElem().style.marginInlineEnd = '0px';\n      }\n\n      if (this.location() === 'bottom') {\n        this.htmlElem().style.marginBlockStart = '0px';\n      }\n\n      if (this.location() === 'top') {\n        this.htmlElem().style.marginBlockStart = '0px';\n      }\n    }\n\n    if (this.backDrop() && this.mode() === 'overlay') {\n      this.addBackdrop();\n    }\n\n    this.collapseState.set(true);\n    this.collapseStateChanged.emit(true);\n  }\n\n  /**\n   * Hides the drawer by animating it out of view.\n   *\n   * @returns void - No return value. The drawer becomes hidden.\n   */\n  public hide() {\n    if (!this.htmlElem()) return;\n\n    const rect = this.htmlElem().getBoundingClientRect();\n\n    if (this.mode() === 'push') {\n      this.htmlElem().style.zIndex = '0';\n      if (this.location() === 'end') {\n        this.htmlElem().style.marginInlineEnd = `-${rect.width}px`;\n      }\n\n      if (this.location() === 'start') {\n        this.htmlElem().style.marginInlineStart = `-${rect.width}px`;\n      }\n\n      if (this.location() === 'bottom') {\n        this.htmlElem().style.marginBlockStart = `${rect.height}px`;\n      }\n\n      if (this.location() === 'top') {\n        this.htmlElem().style.marginBlockStart = `-${rect.height}px`;\n      }\n    }\n\n    if (this.mode() === 'overlay') {\n      if (this.location() === 'start') {\n        AXHtmlUtil.isRtl(this.htmlElem())\n          ? (this.htmlElem().style.right = `-${rect.width}px`)\n          : (this.htmlElem().style.left = `-${rect.width}px`);\n      }\n\n      if (this.location() === 'end') {\n        AXHtmlUtil.isRtl(this.htmlElem())\n          ? (this.htmlElem().style.left = `-${rect.width}px`)\n          : (this.htmlElem().style.right = `-${rect.width}px`);\n      }\n\n      if (this.location() === 'top') {\n        AXHtmlUtil.isRtl(this.htmlElem())\n          ? (this.htmlElem().style.bottom = `-${rect.height}px`)\n          : (this.htmlElem().style.top = `-${rect.height}px`);\n      }\n\n      if (this.location() === 'bottom') {\n        AXHtmlUtil.isRtl(this.htmlElem())\n          ? (this.htmlElem().style.top = `${rect.height}px`)\n          : (this.htmlElem().style.bottom = `${rect.height}px`);\n      }\n    }\n\n    if (this.backDrop() && this.mode() === 'overlay') {\n      this.removeBackdrop();\n    }\n\n    this.collapseState.set(false);\n    this.collapseStateChanged.emit(false);\n  }\n\n  /**\n   * Toggles the drawer state between visible and hidden.\n   *\n   * @returns void - No return value. The drawer state is toggled.\n   */\n  public toggle() {\n    if (this.collapseState()) {\n      this.hide();\n    } else {\n      this.show();\n    }\n  }\n\n  private addBackdrop() {\n    const backdropElem = document.createElement('div');\n    backdropElem.classList.add('ax-cdk-drawer-backdrop');\n    backdropElem.style.position = 'absolute';\n    backdropElem.style.top = '0';\n    backdropElem.style.zIndex = '0';\n    backdropElem.style.width = '100vw';\n    backdropElem.style.height = '100vh';\n    backdropElem.style.zIndex = '50';\n    backdropElem.style.opacity = '0';\n    backdropElem.style.transition = `opacity ${this.transition()}ms ease`;\n    backdropElem.classList.add(...this.backdropClass().split(' '));\n\n    this.parent.el.nativeElement.appendChild(backdropElem);\n\n    // Trigger animation after element is added to DOM\n    requestAnimationFrame(() => {\n      backdropElem.style.opacity = '1';\n    });\n    backdropElem.addEventListener('pointerdown', (event: MouseEvent) => {\n      event.stopPropagation();\n      if (!this.htmlElem().contains(event.target as Node) && this.collapseState()) {\n        this.onBackdropClick.emit({ nativeEvent: event, component: this });\n        if (this.closeOnBackdropClick()) {\n          this.hide();\n        }\n      }\n    });\n  }\n\n  private removeBackdrop() {\n    const backdropElem = this.parent.el.nativeElement.querySelector('.ax-cdk-drawer-backdrop');\n    if (backdropElem) {\n      backdropElem.style.opacity = '0';\n\n      // Remove element after animation completes\n      setTimeout(\n        () => {\n          if (backdropElem.parentNode) {\n            backdropElem.remove();\n          }\n        },\n        parseFloat(String(this.transition())),\n      );\n    }\n  }\n\n  private removeBackDropOnResize = () => {\n    if (this.collapseState() && this.mode() === 'overlay') {\n      this.removeBackdrop();\n    }\n  };\n\n  ngOnDestroy(): void {\n    if (this.resizeObserver && this.htmlElem()) {\n      this.resizeObserver.unobserve(this.htmlElem());\n    }\n\n    if (isPlatformBrowser(this.platformID)) {\n      window.removeEventListener('resize', this.removeBackDropOnResize);\n    }\n  }\n}\n","import { afterNextRender, contentChildren, Directive, ElementRef, inject } from '@angular/core';\nimport { AXDrawerItemDirective } from './drawer-item.directive';\n\n@Directive({\n  selector: '[axDrawerContainer]',\n  exportAs: 'axDrawerContainer',\n})\nexport class AXDrawerContainerDirective {\n  el = inject(ElementRef);\n  drawerItem = contentChildren(AXDrawerItemDirective, { descendants: true });\n\n  #init = afterNextRender(() => {\n    const htmlElem = this.el.nativeElement as HTMLElement;\n    htmlElem.style.position = 'relative';\n    htmlElem.style.overflow = 'hidden';\n    htmlElem.style.display = 'flex';\n    htmlElem.style.touchAction = 'none';\n    htmlElem.style.width = '100%';\n  });\n}\n","import { NgModule } from '@angular/core';\nimport { AXDrawerContainerDirective } from './drawer-container.directive';\nimport { AXDrawerItemDirective } from './drawer-item.directive';\n\nconst COMPONENT = [AXDrawerContainerDirective, AXDrawerItemDirective];\n\nconst MODULES = [];\n\n@NgModule({\n  imports: [...MODULES, ...COMPONENT],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXDrawerDirectiveModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-cdk-drawer.mjs","sources":["../../../../packages/cdk/drawer/src/lib/drawer-item.directive.ts","../../../../packages/cdk/drawer/src/lib/drawer-container.directive.ts","../../../../packages/cdk/drawer/src/lib/drawer.module.ts","../../../../packages/cdk/drawer/src/acorex-cdk-drawer.ts"],"sourcesContent":["import { AXClickEvent } from '@acorex/cdk/common';\nimport { AXHtmlUtil } from '@acorex/core/utils';\nimport { AXZIndexService, AXZToken } from '@acorex/core/z-index';\nimport { isPlatformBrowser } from '@angular/common';\nimport {\n  afterNextRender,\n  Directive,\n  effect,\n  ElementRef,\n  inject,\n  model,\n  OnDestroy,\n  output,\n  PLATFORM_ID,\n  signal,\n} from '@angular/core';\nimport { AXDrawerContainerDirective } from './drawer-container.directive';\nexport type AXDrawerMode = 'push' | 'overlay';\nexport type AXDrawerLocation = 'start' | 'end' | 'top' | 'bottom';\n\n@Directive({\n  selector: '[axDrawerItem]',\n  exportAs: 'axDrawerItem',\n})\nexport class AXDrawerItemDirective implements OnDestroy {\n  private el = inject(ElementRef);\n  private htmlElem = signal<HTMLElement>(null);\n  private parent = inject(AXDrawerContainerDirective);\n  private platformID = inject(PLATFORM_ID);\n  private zIndexService = inject(AXZIndexService);\n  private zToken: AXZToken | null = null;\n  private collapseState = signal(false);\n  private resizeObserver: ResizeObserver;\n  collapseStateChanged = output<boolean>();\n\n  location = model<AXDrawerLocation>('start');\n  collapsed = model(true);\n  backDrop = model(true);\n  mode = model<AXDrawerMode>('overlay');\n  transition = model<number>(100);\n  closeOnBackdropClick = model(false);\n  backdropClass = model('ax-bg-black/45');\n  onBackdropClick = output<AXClickEvent>();\n  singleOpenMode = model(true);\n  id = Math.random();\n\n  #init = afterNextRender(() => {\n    this.htmlElem.set(this.el.nativeElement as HTMLElement);\n\n    if (this.collapsed()) {\n      this.htmlElem().style.display = 'none';\n    }\n\n    this.htmlElem().style.height = '100%';\n\n    window.addEventListener('resize', this.removeBackDropOnResize);\n\n    this.resizeObserver = new ResizeObserver(() => {\n      if (this.collapsed()) {\n        this.hide();\n      }\n    });\n    this.resizeObserver.observe(this.htmlElem());\n  });\n\n  #eff2 = effect(() => {\n    if (this.collapsed()) {\n      this.hide();\n    } else {\n      this.show();\n    }\n  });\n\n  #eff3 = effect(() => {\n    if (!this.htmlElem()) return;\n\n    if (this.mode() === 'overlay') {\n      this.htmlElem().style.position = 'absolute';\n      this.htmlElem().style.marginInlineEnd = 'auto';\n      this.htmlElem().style.marginInlineStart = 'auto';\n      this.htmlElem().style.marginBlockStart = 'auto';\n      this.htmlElem().style.marginBlockEnd = 'auto';\n    }\n  });\n\n  #eff4 = effect(() => {\n    if (!this.htmlElem()) return;\n\n    if (this.mode() === 'push') {\n      this.htmlElem().style.position = 'relative';\n      this.htmlElem().style.top = 'auto';\n      this.htmlElem().style.left = 'auto';\n      this.htmlElem().style.right = 'auto';\n      this.htmlElem().style.bottom = 'auto';\n\n      switch (this.location()) {\n        case 'end':\n          this.htmlElem().style.order = '999';\n          this.parent.el.nativeElement.style.justifyContent = 'space-between';\n          break;\n        case 'start':\n          this.htmlElem().style.order = '-999';\n          break;\n        case 'bottom':\n          this.htmlElem().style.order = '999';\n          this.parent.el.nativeElement.style.flexDirection = 'column';\n          break;\n        case 'top':\n          this.htmlElem().style.order = '-999';\n          this.parent.el.nativeElement.style.flexDirection = 'column';\n          break;\n      }\n    }\n  });\n\n  /**\n   * Shows the drawer by animating it into view.\n   *\n   * @returns void - No return value. The drawer becomes visible.\n   */\n  public show() {\n    if (!this.htmlElem()) return;\n\n    // Idempotency guard: if the drawer is already shown, do not re-acquire a\n    // new z-index. Without this guard, repeated show() calls (e.g. from effects\n    // re-evaluating on window resize or input changes) would keep incrementing\n    // the z-index via AXZIndexService, causing the drawer to jump above other\n    // overlays like popup/modal that were opened later.\n    if (this.collapseState() && this.zToken) {\n      return;\n    }\n\n    if (this.singleOpenMode()) {\n      this.parent.drawerItem().forEach((item) => {\n        if (item.location() === this.location() && item.id !== this.id) item.hide();\n      });\n    }\n\n    this.resizeObserver.unobserve(this.htmlElem());\n\n    // Release any stale token before acquiring a new one so we never leak\n    // tokens inside AXZIndexService.\n    if (this.zToken) {\n      this.zIndexService.release(this.zToken);\n      this.zToken = null;\n    }\n\n    // Acquire z-index from service\n    this.zToken = this.zIndexService.acquire();\n    this.htmlElem().style.zIndex = String(this.zToken.zIndex);\n\n    this.htmlElem().style.transition = `${this.transition()}ms all ease`;\n    this.htmlElem().style.display = 'block';\n\n    if (this.mode() === 'overlay') {\n      if (this.location() === 'start') {\n        AXHtmlUtil.isRtl(this.htmlElem())\n          ? (this.htmlElem().style.right = `0px`)\n          : (this.htmlElem().style.left = `0px`);\n      }\n\n      if (this.location() === 'end') {\n        AXHtmlUtil.isRtl(this.htmlElem())\n          ? (this.htmlElem().style.left = `0px`)\n          : (this.htmlElem().style.right = `0px`);\n      }\n\n      if (this.location() === 'top' || this.location() === 'bottom') {\n        this.htmlElem().style.top = `0px`;\n      }\n    }\n\n    if (this.mode() === 'push') {\n      if (this.location() === 'start') {\n        this.htmlElem().style.marginInlineStart = '0px';\n      }\n\n      if (this.location() === 'end') {\n        this.htmlElem().style.marginInlineEnd = '0px';\n      }\n\n      if (this.location() === 'bottom') {\n        this.htmlElem().style.marginBlockStart = '0px';\n      }\n\n      if (this.location() === 'top') {\n        this.htmlElem().style.marginBlockStart = '0px';\n      }\n    }\n\n    if (this.backDrop() && this.mode() === 'overlay') {\n      this.addBackdrop();\n    }\n\n    this.collapseState.set(true);\n    this.collapseStateChanged.emit(true);\n  }\n\n  /**\n   * Hides the drawer by animating it out of view.\n   *\n   * @returns void - No return value. The drawer becomes hidden.\n   */\n  public hide() {\n    if (!this.htmlElem()) return;\n\n    // Release z-index token\n    this.zIndexService.release(this.zToken);\n    this.zToken = null;\n    this.htmlElem().style.zIndex = '';\n\n    const rect = this.htmlElem().getBoundingClientRect();\n\n    if (this.mode() === 'push') {\n      if (this.location() === 'end') {\n        this.htmlElem().style.marginInlineEnd = `-${rect.width}px`;\n      }\n\n      if (this.location() === 'start') {\n        this.htmlElem().style.marginInlineStart = `-${rect.width}px`;\n      }\n\n      if (this.location() === 'bottom') {\n        this.htmlElem().style.marginBlockStart = `${rect.height}px`;\n      }\n\n      if (this.location() === 'top') {\n        this.htmlElem().style.marginBlockStart = `-${rect.height}px`;\n      }\n    }\n\n    if (this.mode() === 'overlay') {\n      if (this.location() === 'start') {\n        AXHtmlUtil.isRtl(this.htmlElem())\n          ? (this.htmlElem().style.right = `-${rect.width}px`)\n          : (this.htmlElem().style.left = `-${rect.width}px`);\n      }\n\n      if (this.location() === 'end') {\n        AXHtmlUtil.isRtl(this.htmlElem())\n          ? (this.htmlElem().style.left = `-${rect.width}px`)\n          : (this.htmlElem().style.right = `-${rect.width}px`);\n      }\n\n      if (this.location() === 'top') {\n        AXHtmlUtil.isRtl(this.htmlElem())\n          ? (this.htmlElem().style.bottom = `-${rect.height}px`)\n          : (this.htmlElem().style.top = `-${rect.height}px`);\n      }\n\n      if (this.location() === 'bottom') {\n        AXHtmlUtil.isRtl(this.htmlElem())\n          ? (this.htmlElem().style.top = `${rect.height}px`)\n          : (this.htmlElem().style.bottom = `${rect.height}px`);\n      }\n    }\n\n    if (this.backDrop() && this.mode() === 'overlay') {\n      this.removeBackdrop();\n    }\n\n    this.collapseState.set(false);\n    this.collapseStateChanged.emit(false);\n  }\n\n  /**\n   * Toggles the drawer state between visible and hidden.\n   *\n   * @returns void - No return value. The drawer state is toggled.\n   */\n  public toggle() {\n    if (this.collapseState()) {\n      this.hide();\n    } else {\n      this.show();\n    }\n  }\n\n  private addBackdrop() {\n    const backdropElem = document.createElement('div');\n    backdropElem.classList.add('ax-cdk-drawer-backdrop');\n    backdropElem.style.position = 'absolute';\n    backdropElem.style.top = '0';\n    backdropElem.style.width = '100vw';\n    backdropElem.style.height = '100vh';\n    // Set backdrop z-index just below the drawer's z-index\n    backdropElem.style.zIndex = String((this.zToken?.zIndex ?? 1001) - 1);\n    backdropElem.style.opacity = '0';\n    backdropElem.style.transition = `opacity ${this.transition()}ms ease`;\n    backdropElem.classList.add(...this.backdropClass().split(' '));\n\n    this.parent.el.nativeElement.appendChild(backdropElem);\n\n    // Trigger animation after element is added to DOM\n    requestAnimationFrame(() => {\n      backdropElem.style.opacity = '1';\n    });\n    backdropElem.addEventListener('pointerdown', (event: MouseEvent) => {\n      event.stopPropagation();\n      if (!this.htmlElem().contains(event.target as Node) && this.collapseState()) {\n        this.onBackdropClick.emit({ nativeEvent: event, component: this });\n        if (this.closeOnBackdropClick()) {\n          this.hide();\n        }\n      }\n    });\n  }\n\n  private removeBackdrop() {\n    const backdropElem = this.parent.el.nativeElement.querySelector('.ax-cdk-drawer-backdrop');\n    if (backdropElem) {\n      backdropElem.style.opacity = '0';\n\n      // Remove element after animation completes\n      setTimeout(\n        () => {\n          if (backdropElem.parentNode) {\n            backdropElem.remove();\n          }\n        },\n        parseFloat(String(this.transition())),\n      );\n    }\n  }\n\n  private removeBackDropOnResize = () => {\n    if (this.collapseState() && this.mode() === 'overlay') {\n      this.removeBackdrop();\n    }\n  };\n\n  ngOnDestroy(): void {\n    // Release z-index token on destroy\n    this.zIndexService.release(this.zToken);\n    this.zToken = null;\n\n    if (this.resizeObserver && this.htmlElem()) {\n      this.resizeObserver.unobserve(this.htmlElem());\n    }\n\n    if (isPlatformBrowser(this.platformID)) {\n      window.removeEventListener('resize', this.removeBackDropOnResize);\n    }\n  }\n}\n","import { afterNextRender, contentChildren, Directive, ElementRef, inject } from '@angular/core';\nimport { AXDrawerItemDirective } from './drawer-item.directive';\n\n@Directive({\n  selector: '[axDrawerContainer]',\n  exportAs: 'axDrawerContainer',\n})\nexport class AXDrawerContainerDirective {\n  el = inject(ElementRef);\n  drawerItem = contentChildren(AXDrawerItemDirective, { descendants: true });\n\n  #init = afterNextRender(() => {\n    const htmlElem = this.el.nativeElement as HTMLElement;\n    htmlElem.style.position = 'relative';\n    htmlElem.style.overflow = 'hidden';\n    htmlElem.style.display = 'flex';\n    htmlElem.style.touchAction = 'none';\n    htmlElem.style.width = '100%';\n  });\n}\n","import { NgModule } from '@angular/core';\nimport { AXDrawerContainerDirective } from './drawer-container.directive';\nimport { AXDrawerItemDirective } from './drawer-item.directive';\n\nconst COMPONENT = [AXDrawerContainerDirective, AXDrawerItemDirective];\n\nconst MODULES = [];\n\n@NgModule({\n  imports: [...MODULES, ...COMPONENT],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXDrawerDirectiveModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-cdk-focus-trap.mjs

@@ -50,10 +50,10 @@ class AXFocusTrapDirective {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXFocusTrapDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: AXFocusTrapDirective, isStandalone: true, selector: "[axFocusTrap]", host: { listeners: { "keydown": "handleKeyboardEvent($event)" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXFocusTrapDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.3", type: AXFocusTrapDirective, isStandalone: true, selector: "[axFocusTrap]", host: { listeners: { "keydown": "handleKeyboardEvent($event)" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXFocusTrapDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXFocusTrapDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[axFocusTrap]',

package/fesm2022/acorex-cdk-focus-trap.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-cdk-focus-trap.mjs","sources":["../../../../packages/cdk/focus-trap/src/lib/focus-trap.directive.ts","../../../../packages/cdk/focus-trap/src/acorex-cdk-focus-trap.ts"],"sourcesContent":["import { afterNextRender, Directive, ElementRef, HostListener, inject, OnDestroy, signal } from '@angular/core';\n\n@Directive({\n  selector: '[axFocusTrap]',\n})\nexport class AXFocusTrapDirective implements OnDestroy {\n  private el = inject(ElementRef);\n  private focusableElements: HTMLElement[] = [];\n  private firstElement!: HTMLElement;\n  private lastElement!: HTMLElement;\n  private nativeElement = signal<HTMLElement>(null);\n  private observer = new MutationObserver(() => this.setFocusableElements());\n\n  #init = afterNextRender(() => {\n    this.nativeElement.set(this.el.nativeElement);\n    this.setFocusableElements();\n    this.observer.observe(this.el.nativeElement, { childList: true, subtree: true });\n  });\n\n  ngOnDestroy(): void {\n    this.observer.disconnect();\n  }\n\n  private setFocusableElements() {\n    const focusableSelectors = [\n      'a[href]',\n      'button:not([disabled])',\n      'textarea:not([disabled])',\n      'input:not([disabled])',\n      'select:not([disabled])',\n      '[tabindex]:not([tabindex=\"-1\"])',\n    ];\n\n    this.focusableElements = Array.from(this.nativeElement().querySelectorAll(focusableSelectors.join(',')))\n      .filter((el: Element) => !el.hasAttribute('disabled'))\n      .map((el) => el as HTMLElement);\n\n    if (this.focusableElements.length) {\n      this.firstElement = this.focusableElements[0];\n      this.lastElement = this.focusableElements[this.focusableElements.length - 1];\n    }\n  }\n\n  @HostListener('keydown', ['$event'])\n  private handleKeyboardEvent(event: KeyboardEvent): void {\n    if (event.key !== 'Tab' || this.focusableElements.length === 0) return;\n\n    if (event.shiftKey) {\n      if (document.activeElement === this.firstElement) {\n        this.lastElement.focus();\n        event.preventDefault();\n      }\n    } else {\n      if (document.activeElement === this.lastElement) {\n        this.firstElement.focus();\n        event.preventDefault();\n      }\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-cdk-focus-trap.mjs","sources":["../../../../packages/cdk/focus-trap/src/lib/focus-trap.directive.ts","../../../../packages/cdk/focus-trap/src/acorex-cdk-focus-trap.ts"],"sourcesContent":["import { afterNextRender, Directive, ElementRef, HostListener, inject, OnDestroy, signal } from '@angular/core';\n\n@Directive({\n  selector: '[axFocusTrap]',\n})\nexport class AXFocusTrapDirective implements OnDestroy {\n  private el = inject(ElementRef);\n  private focusableElements: HTMLElement[] = [];\n  private firstElement!: HTMLElement;\n  private lastElement!: HTMLElement;\n  private nativeElement = signal<HTMLElement>(null);\n  private observer = new MutationObserver(() => this.setFocusableElements());\n\n  #init = afterNextRender(() => {\n    this.nativeElement.set(this.el.nativeElement);\n    this.setFocusableElements();\n    this.observer.observe(this.el.nativeElement, { childList: true, subtree: true });\n  });\n\n  ngOnDestroy(): void {\n    this.observer.disconnect();\n  }\n\n  private setFocusableElements() {\n    const focusableSelectors = [\n      'a[href]',\n      'button:not([disabled])',\n      'textarea:not([disabled])',\n      'input:not([disabled])',\n      'select:not([disabled])',\n      '[tabindex]:not([tabindex=\"-1\"])',\n    ];\n\n    this.focusableElements = Array.from(this.nativeElement().querySelectorAll(focusableSelectors.join(',')))\n      .filter((el: Element) => !el.hasAttribute('disabled'))\n      .map((el) => el as HTMLElement);\n\n    if (this.focusableElements.length) {\n      this.firstElement = this.focusableElements[0];\n      this.lastElement = this.focusableElements[this.focusableElements.length - 1];\n    }\n  }\n\n  @HostListener('keydown', ['$event'])\n  handleKeyboardEvent(event: KeyboardEvent): void {\n    if (event.key !== 'Tab' || this.focusableElements.length === 0) return;\n\n    if (event.shiftKey) {\n      if (document.activeElement === this.firstElement) {\n        this.lastElement.focus();\n        event.preventDefault();\n      }\n    } else {\n      if (document.activeElement === this.lastElement) {\n        this.firstElement.focus();\n        event.preventDefault();\n      }\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-cdk-full-screen.mjs

@@ -1,3 +1,4 @@
+import { AXZIndexService } from '@acorex/core/z-index';
 import * as i0 from '@angular/core';
 import { signal, output, inject, Renderer2, ElementRef, effect, untracked, Directive } from '@angular/core';
 
@@ -28,8 +29,13 @@ class AXFullScreenDirective {
          * Fullscreen change event
          */
         this.fullscreenChange = output();
+        /**
+         * Z-index token for this fullscreen instance
+         */
+        this.zToken = null;
         this.renderer = inject(Renderer2);
         this.elementRef = inject(ElementRef);
+        this.zIndexService = inject(AXZIndexService);
         // Sync state changes to output
         effect(() => {
             const isFullscreen = this.isFullscreenState();
@@ -61,6 +67,8 @@ class AXFullScreenDirective {
             // Store original styles and parent
             this.storeOriginalStyles(element);
             this.originalParent = element.parentElement;
+            // Acquire z-index token
+            this.zToken = this.zIndexService.acquire();
             // Create fullscreen container
             this.fullscreenContainer = this.renderer.createElement('div');
             this.renderer.setStyle(this.fullscreenContainer, 'position', 'fixed');
@@ -68,7 +76,7 @@ class AXFullScreenDirective {
             this.renderer.setStyle(this.fullscreenContainer, 'left', '0');
             this.renderer.setStyle(this.fullscreenContainer, 'width', '100vw');
             this.renderer.setStyle(this.fullscreenContainer, 'height', '100vh');
-            this.renderer.setStyle(this.fullscreenContainer, 'z-index', '100');
+            this.renderer.setStyle(this.fullscreenContainer, 'z-index', String(this.zToken.zIndex));
             this.renderer.setStyle(this.fullscreenContainer, 'background-color', '#ffffff');
             this.renderer.setStyle(this.fullscreenContainer, 'overflow', 'auto');
             // Move element to container
@@ -109,6 +117,9 @@ class AXFullScreenDirective {
                 this.renderer.removeChild(document.body, this.fullscreenContainer);
                 this.fullscreenContainer = null;
             }
+            // Release z-index token
+            this.zIndexService.release(this.zToken);
+            this.zToken = null;
             // Restore original styles
             this.restoreOriginalStyles(element);
             this.isFullscreenState.set(false);
@@ -165,10 +176,10 @@ class AXFullScreenDirective {
     camelToKebabCase(str) {
         return str.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, '$1-$2').toLowerCase();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXFullScreenDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: AXFullScreenDirective, isStandalone: true, selector: "[axFullscreen]", outputs: { fullscreenChange: "fullscreenChange" }, exportAs: ["axFullscreen"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXFullScreenDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.3", type: AXFullScreenDirective, isStandalone: true, selector: "[axFullscreen]", outputs: { fullscreenChange: "fullscreenChange" }, exportAs: ["axFullscreen"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXFullScreenDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXFullScreenDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[axFullscreen]',

package/fesm2022/acorex-cdk-full-screen.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-cdk-full-screen.mjs","sources":["../../../../packages/cdk/full-screen/src/lib/full-screen.directive.ts","../../../../packages/cdk/full-screen/src/acorex-cdk-full-screen.ts"],"sourcesContent":["import { Directive, effect, ElementRef, inject, output, Renderer2, signal, untracked } from '@angular/core';\n\n/**\n * Fullscreen directive that provides CSS-based fullscreen functionality\n * Usage: <element axFullscreen #fullscreen=\"axFullscreen\"></element>\n * Then: fullscreen.toggle() or fullscreen.enter() or fullscreen.exit()\n */\n@Directive({\n  selector: '[axFullscreen]',\n  standalone: true,\n  exportAs: 'axFullscreen',\n})\nexport class AXFullScreenDirective {\n  /**\n   * Current fullscreen state\n   */\n  private readonly isFullscreenState = signal<boolean>(false);\n\n  /**\n   * Original element styles to restore\n   */\n  private originalStyles: {\n    position?: string;\n    top?: string;\n    left?: string;\n    width?: string;\n    height?: string;\n    zIndex?: string;\n    backgroundColor?: string;\n    margin?: string;\n    padding?: string;\n  } = {};\n\n  /**\n   * Original parent element reference\n   */\n  private originalParent: HTMLElement | null = null;\n\n  /**\n   * Fullscreen container element\n   */\n  private fullscreenContainer: HTMLElement | null = null;\n\n  /**\n   * Fullscreen change event\n   */\n  readonly fullscreenChange = output<boolean>();\n\n  private readonly renderer = inject(Renderer2);\n  private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n  constructor() {\n    // Sync state changes to output\n    effect(() => {\n      const isFullscreen = this.isFullscreenState();\n      untracked(() => {\n        this.fullscreenChange.emit(isFullscreen);\n      });\n    });\n  }\n\n  /**\n   * Toggle fullscreen state\n   */\n  toggle(): void {\n    if (this.isFullscreenState()) {\n      this.exit();\n    } else {\n      this.enter();\n    }\n  }\n\n  /**\n   * Enter fullscreen mode using CSS\n   */\n  enter(): void {\n    if (this.isFullscreenState()) {\n      return;\n    }\n\n    const element = this.elementRef.nativeElement;\n\n    try {\n      // Store original styles and parent\n      this.storeOriginalStyles(element);\n      this.originalParent = element.parentElement;\n\n      // Create fullscreen container\n      this.fullscreenContainer = this.renderer.createElement('div');\n      this.renderer.setStyle(this.fullscreenContainer, 'position', 'fixed');\n      this.renderer.setStyle(this.fullscreenContainer, 'top', '0');\n      this.renderer.setStyle(this.fullscreenContainer, 'left', '0');\n      this.renderer.setStyle(this.fullscreenContainer, 'width', '100vw');\n      this.renderer.setStyle(this.fullscreenContainer, 'height', '100vh');\n      this.renderer.setStyle(this.fullscreenContainer, 'z-index', '100');\n      this.renderer.setStyle(this.fullscreenContainer, 'background-color', '#ffffff');\n      this.renderer.setStyle(this.fullscreenContainer, 'overflow', 'auto');\n\n      // Move element to container\n      this.renderer.appendChild(this.fullscreenContainer, element);\n\n      // Apply fullscreen styles to element\n      this.renderer.setStyle(element, 'position', 'relative');\n      this.renderer.setStyle(element, 'width', '100%');\n      this.renderer.setStyle(element, 'height', '100%');\n      this.renderer.setStyle(element, 'margin', '0');\n      this.renderer.setStyle(element, 'padding', '0');\n\n      // Append container to body\n      this.renderer.appendChild(document.body, this.fullscreenContainer);\n\n      // Prevent body scroll\n      this.renderer.setStyle(document.body, 'overflow', 'hidden');\n\n      this.isFullscreenState.set(true);\n    } catch (error) {\n      console.error('Error entering fullscreen:', error);\n      this.restoreOriginalStyles(element);\n    }\n  }\n\n  /**\n   * Exit fullscreen mode\n   */\n  exit(): void {\n    if (!this.isFullscreenState()) {\n      return;\n    }\n\n    const element = this.elementRef.nativeElement;\n\n    try {\n      // Restore body scroll\n      this.renderer.removeStyle(document.body, 'overflow');\n\n      // Move element back to original parent\n      if (this.fullscreenContainer && this.originalParent) {\n        this.renderer.removeChild(this.fullscreenContainer, element);\n        this.renderer.appendChild(this.originalParent, element);\n\n        // Remove container\n        this.renderer.removeChild(document.body, this.fullscreenContainer);\n        this.fullscreenContainer = null;\n      }\n\n      // Restore original styles\n      this.restoreOriginalStyles(element);\n\n      this.isFullscreenState.set(false);\n    } catch (error) {\n      console.error('Error exiting fullscreen:', error);\n    }\n  }\n\n  /**\n   * Check if currently in fullscreen mode\n   */\n  isFullscreen(): boolean {\n    return this.isFullscreenState();\n  }\n\n  /**\n   * Store original element styles\n   */\n  private storeOriginalStyles(element: HTMLElement): void {\n    const computedStyle = window.getComputedStyle(element);\n    this.originalStyles = {\n      position: computedStyle.position,\n      top: computedStyle.top,\n      left: computedStyle.left,\n      width: computedStyle.width,\n      height: computedStyle.height,\n      zIndex: computedStyle.zIndex,\n      backgroundColor: computedStyle.backgroundColor,\n      margin: computedStyle.margin,\n      padding: computedStyle.padding,\n    };\n  }\n\n  /**\n   * Restore original element styles\n   */\n  private restoreOriginalStyles(element: HTMLElement): void {\n    if (!this.originalStyles) {\n      return;\n    }\n\n    // Restore each style property\n    Object.entries(this.originalStyles).forEach(([key, value]) => {\n      const styleKey = this.camelToKebabCase(key);\n      if (value) {\n        this.renderer.setStyle(element, styleKey, value);\n      } else {\n        this.renderer.removeStyle(element, styleKey);\n      }\n    });\n\n    this.originalStyles = {};\n  }\n\n  /**\n   * Convert camelCase to kebab-case for CSS properties\n   */\n  private camelToKebabCase(str: string): string {\n    return str.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, '$1-$2').toLowerCase();\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-cdk-full-screen.mjs","sources":["../../../../packages/cdk/full-screen/src/lib/full-screen.directive.ts","../../../../packages/cdk/full-screen/src/acorex-cdk-full-screen.ts"],"sourcesContent":["import { AXZIndexService, AXZToken } from '@acorex/core/z-index';\nimport { Directive, effect, ElementRef, inject, output, Renderer2, signal, untracked } from '@angular/core';\n\n/**\n * Fullscreen directive that provides CSS-based fullscreen functionality\n * Usage: <element axFullscreen #fullscreen=\"axFullscreen\"></element>\n * Then: fullscreen.toggle() or fullscreen.enter() or fullscreen.exit()\n */\n@Directive({\n  selector: '[axFullscreen]',\n  standalone: true,\n  exportAs: 'axFullscreen',\n})\nexport class AXFullScreenDirective {\n  /**\n   * Current fullscreen state\n   */\n  private readonly isFullscreenState = signal<boolean>(false);\n\n  /**\n   * Original element styles to restore\n   */\n  private originalStyles: {\n    position?: string;\n    top?: string;\n    left?: string;\n    width?: string;\n    height?: string;\n    zIndex?: string;\n    backgroundColor?: string;\n    margin?: string;\n    padding?: string;\n  } = {};\n\n  /**\n   * Original parent element reference\n   */\n  private originalParent: HTMLElement | null = null;\n\n  /**\n   * Fullscreen container element\n   */\n  private fullscreenContainer: HTMLElement | null = null;\n\n  /**\n   * Fullscreen change event\n   */\n  readonly fullscreenChange = output<boolean>();\n\n  /**\n   * Z-index token for this fullscreen instance\n   */\n  private zToken: AXZToken | null = null;\n\n  private readonly renderer = inject(Renderer2);\n  private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly zIndexService = inject(AXZIndexService);\n\n  constructor() {\n    // Sync state changes to output\n    effect(() => {\n      const isFullscreen = this.isFullscreenState();\n      untracked(() => {\n        this.fullscreenChange.emit(isFullscreen);\n      });\n    });\n  }\n\n  /**\n   * Toggle fullscreen state\n   */\n  toggle(): void {\n    if (this.isFullscreenState()) {\n      this.exit();\n    } else {\n      this.enter();\n    }\n  }\n\n  /**\n   * Enter fullscreen mode using CSS\n   */\n  enter(): void {\n    if (this.isFullscreenState()) {\n      return;\n    }\n\n    const element = this.elementRef.nativeElement;\n\n    try {\n      // Store original styles and parent\n      this.storeOriginalStyles(element);\n      this.originalParent = element.parentElement;\n\n      // Acquire z-index token\n      this.zToken = this.zIndexService.acquire();\n\n      // Create fullscreen container\n      this.fullscreenContainer = this.renderer.createElement('div');\n      this.renderer.setStyle(this.fullscreenContainer, 'position', 'fixed');\n      this.renderer.setStyle(this.fullscreenContainer, 'top', '0');\n      this.renderer.setStyle(this.fullscreenContainer, 'left', '0');\n      this.renderer.setStyle(this.fullscreenContainer, 'width', '100vw');\n      this.renderer.setStyle(this.fullscreenContainer, 'height', '100vh');\n      this.renderer.setStyle(this.fullscreenContainer, 'z-index', String(this.zToken.zIndex));\n      this.renderer.setStyle(this.fullscreenContainer, 'background-color', '#ffffff');\n      this.renderer.setStyle(this.fullscreenContainer, 'overflow', 'auto');\n\n      // Move element to container\n      this.renderer.appendChild(this.fullscreenContainer, element);\n\n      // Apply fullscreen styles to element\n      this.renderer.setStyle(element, 'position', 'relative');\n      this.renderer.setStyle(element, 'width', '100%');\n      this.renderer.setStyle(element, 'height', '100%');\n      this.renderer.setStyle(element, 'margin', '0');\n      this.renderer.setStyle(element, 'padding', '0');\n\n      // Append container to body\n      this.renderer.appendChild(document.body, this.fullscreenContainer);\n\n      // Prevent body scroll\n      this.renderer.setStyle(document.body, 'overflow', 'hidden');\n\n      this.isFullscreenState.set(true);\n    } catch (error) {\n      console.error('Error entering fullscreen:', error);\n      this.restoreOriginalStyles(element);\n    }\n  }\n\n  /**\n   * Exit fullscreen mode\n   */\n  exit(): void {\n    if (!this.isFullscreenState()) {\n      return;\n    }\n\n    const element = this.elementRef.nativeElement;\n\n    try {\n      // Restore body scroll\n      this.renderer.removeStyle(document.body, 'overflow');\n\n      // Move element back to original parent\n      if (this.fullscreenContainer && this.originalParent) {\n        this.renderer.removeChild(this.fullscreenContainer, element);\n        this.renderer.appendChild(this.originalParent, element);\n\n        // Remove container\n        this.renderer.removeChild(document.body, this.fullscreenContainer);\n        this.fullscreenContainer = null;\n      }\n\n      // Release z-index token\n      this.zIndexService.release(this.zToken);\n      this.zToken = null;\n\n      // Restore original styles\n      this.restoreOriginalStyles(element);\n\n      this.isFullscreenState.set(false);\n    } catch (error) {\n      console.error('Error exiting fullscreen:', error);\n    }\n  }\n\n  /**\n   * Check if currently in fullscreen mode\n   */\n  isFullscreen(): boolean {\n    return this.isFullscreenState();\n  }\n\n  /**\n   * Store original element styles\n   */\n  private storeOriginalStyles(element: HTMLElement): void {\n    const computedStyle = window.getComputedStyle(element);\n    this.originalStyles = {\n      position: computedStyle.position,\n      top: computedStyle.top,\n      left: computedStyle.left,\n      width: computedStyle.width,\n      height: computedStyle.height,\n      zIndex: computedStyle.zIndex,\n      backgroundColor: computedStyle.backgroundColor,\n      margin: computedStyle.margin,\n      padding: computedStyle.padding,\n    };\n  }\n\n  /**\n   * Restore original element styles\n   */\n  private restoreOriginalStyles(element: HTMLElement): void {\n    if (!this.originalStyles) {\n      return;\n    }\n\n    // Restore each style property\n    Object.entries(this.originalStyles).forEach(([key, value]) => {\n      const styleKey = this.camelToKebabCase(key);\n      if (value) {\n        this.renderer.setStyle(element, styleKey, value);\n      } else {\n        this.renderer.removeStyle(element, styleKey);\n      }\n    });\n\n    this.originalStyles = {};\n  }\n\n  /**\n   * Convert camelCase to kebab-case for CSS properties\n   */\n  private camelToKebabCase(str: string): string {\n    return str.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, '$1-$2').toLowerCase();\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-cdk-input-mask.mjs

@@ -43,8 +43,32 @@ class AXInputMaskDirective {
          * @default 0
          */
         this.decimal = input(0, ...(ngDevMode ? [{ debugName: "decimal" }] : []));
+        /**
+         * Custom mask pattern for 'mask' mode.
+         * Use the following tokens:
+         * - `#`: Required digit (0-9)
+         * - `^`: Required letter (a-z, A-Z)
+         * - `@`: Required alphanumeric (0-9, a-z, A-Z)
+         *
+         * Use ! before token to escape symbol. For example !# will render # instead of a digit.
+         * Any other character is treated as a literal separator.
+         * @example '(###) ###-####' for phone numbers
+         * @example 'AA-####' for license plates
+         * @example '##/##/####' for dates
+         */
+        this.maskPattern = input(null, ...(ngDevMode ? [{ debugName: "maskPattern" }] : []));
+        /**
+         * Custom token definitions to extend or override default mask tokens.
+         * Each token maps to a pattern regex and optional transformation.
+         * @example { 'P': { pattern: /[1-9]/, transform: (c) => c.toUpperCase() } }
+         */
+        this.customTokens = input({}, ...(ngDevMode ? [{ debugName: "customTokens" }] : []));
         this.#eff = effect(() => {
-            void this.initializeMask();
+            if (this.maskMode() === null)
+                return;
+            if (this.maskMode() === 'mask' && !this.maskPattern())
+                return;
+            this.initializeMask();
         }, ...(ngDevMode ? [{ debugName: "#eff" }] : []));
     }
     #eff;
@@ -52,29 +76,48 @@ class AXInputMaskDirective {
         if (this.maskaJs)
             this.maskaJs.destroy();
         let mask;
+        let tokens;
+        // Default tokens for built-in modes
+        const defaultTokens = {
+            D: { pattern: /-/, optional: true },
+            F: { pattern: /[0-9\u06F0-\u06F9\u0660-\u0669]/, repeated: true },
+            X: { pattern: /[0-9\u06F0-\u06F9\u0660-\u0669.]/, repeated: true },
+            U: { pattern: /[-0-9\u06F0-\u06F9\u0660-\u0669.]/, repeated: true },
+        };
+        // Tokens for custom mask mode
+        const maskModeTokens = {
+            '#': { pattern: /[0-9]/ },
+            '^': { pattern: /[a-zA-Z]/ },
+            '@': { pattern: /[a-zA-Z0-9]/ },
+            ...this.customTokens(),
+        };
         switch (this.maskMode()) {
             case 'hijriDate':
                 mask = [`1###${this.separator()}##${this.separator()}##`];
+                tokens = defaultTokens;
                 break;
             case 'digits':
                 mask = ['DF'];
+                tokens = defaultTokens;
                 break;
             case 'decimal':
                 mask = [`DX`];
+                tokens = defaultTokens;
                 break;
             case 'thousandsSeparator':
                 mask = [`U`];
+                tokens = defaultTokens;
+                break;
+            case 'mask':
+                mask = [this.maskPattern()];
+                tokens = maskModeTokens;
+                break;
         }
         const { MaskInput } = await import('maska');
         this.maskaJs = new MaskInput(this.elm.nativeElement, {
             mask,
             reversed: this.maskMode() === 'thousandsSeparator' ? true : false,
-            tokens: {
-                D: { pattern: /-/, optional: true },
-                F: { pattern: /[0-9]/, repeated: true },
-                X: { pattern: /[0-9.]/, repeated: true },
-                U: { pattern: /[-0-9.]/, repeated: true },
-            },
+            tokens,
             postProcess: (value) => {
                 switch (this.maskMode()) {
                     case 'hijriDate':
@@ -85,20 +128,25 @@ class AXInputMaskDirective {
                         return this.decimalMaskHandler(value);
                     case 'thousandsSeparator':
                         return this.thousandsSeparatorHandler(value);
+                    case 'mask':
+                        return value;
                     default:
                         return value;
                 }
             },
             preProcess: (value) => {
+                const normalized = this.convertToEnglishDigits(value);
                 switch (this.maskMode()) {
                     case 'hijriDate':
                         return this.hijriMaskHandler(value);
                     case 'digits':
-                        return this.rangeValueLimit(value);
+                        return this.rangeValueLimit(normalized);
                     case 'decimal':
-                        return this.decimalMaskHandler(value);
+                        return this.decimalMaskHandler(normalized);
                     case 'thousandsSeparator':
-                        return this.thousandsSeparatorHandler(value);
+                        return this.thousandsSeparatorHandler(normalized);
+                    case 'mask':
+                        return value;
                     default:
                         return value;
                 }
@@ -188,6 +236,11 @@ class AXInputMaskDirective {
         }
         return value;
     }
+    convertToEnglishDigits(value) {
+        return value
+            .replace(/[۰-۹]/g, (c) => String(c.charCodeAt(0) - 0x06f0))
+            .replace(/[٠-٩]/g, (c) => String(c.charCodeAt(0) - 0x0660));
+    }
     decimalMaskHandler(value) {
         // Remove any non-digit and non-decimal characters except the first decimal point
         let cleanValue = value;
@@ -216,16 +269,16 @@ class AXInputMaskDirective {
         }
         return this.rangeValueLimit(finalValue);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXInputMaskDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.15", type: AXInputMaskDirective, isStandalone: true, selector: "[axInputMask]", inputs: { maskMode: { classPropertyName: "maskMode", publicName: "maskMode", isSignal: true, isRequired: false, transformFunction: null }, separator: { classPropertyName: "separator", publicName: "separator", isSignal: true, isRequired: false, transformFunction: null }, eager: { classPropertyName: "eager", publicName: "eager", isSignal: true, isRequired: false, transformFunction: null }, minValue: { classPropertyName: "minValue", publicName: "minValue", isSignal: true, isRequired: false, transformFunction: null }, maxValue: { classPropertyName: "maxValue", publicName: "maxValue", isSignal: true, isRequired: false, transformFunction: null }, decimal: { classPropertyName: "decimal", publicName: "decimal", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onMaskChanged: "onMaskChanged" }, exportAs: ["axInputMask"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXInputMaskDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.3", type: AXInputMaskDirective, isStandalone: true, selector: "[axInputMask]", inputs: { maskMode: { classPropertyName: "maskMode", publicName: "maskMode", isSignal: true, isRequired: false, transformFunction: null }, separator: { classPropertyName: "separator", publicName: "separator", isSignal: true, isRequired: false, transformFunction: null }, eager: { classPropertyName: "eager", publicName: "eager", isSignal: true, isRequired: false, transformFunction: null }, minValue: { classPropertyName: "minValue", publicName: "minValue", isSignal: true, isRequired: false, transformFunction: null }, maxValue: { classPropertyName: "maxValue", publicName: "maxValue", isSignal: true, isRequired: false, transformFunction: null }, decimal: { classPropertyName: "decimal", publicName: "decimal", isSignal: true, isRequired: false, transformFunction: null }, maskPattern: { classPropertyName: "maskPattern", publicName: "maskPattern", isSignal: true, isRequired: false, transformFunction: null }, customTokens: { classPropertyName: "customTokens", publicName: "customTokens", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onMaskChanged: "onMaskChanged" }, exportAs: ["axInputMask"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXInputMaskDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXInputMaskDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[axInputMask]',
                     exportAs: 'axInputMask',
                 }]
-        }], propDecorators: { maskMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "maskMode", required: false }] }], separator: [{ type: i0.Input, args: [{ isSignal: true, alias: "separator", required: false }] }], eager: [{ type: i0.Input, args: [{ isSignal: true, alias: "eager", required: false }] }], onMaskChanged: [{ type: i0.Output, args: ["onMaskChanged"] }], minValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "minValue", required: false }] }], maxValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxValue", required: false }] }], decimal: [{ type: i0.Input, args: [{ isSignal: true, alias: "decimal", required: false }] }] } });
+        }], propDecorators: { maskMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "maskMode", required: false }] }], separator: [{ type: i0.Input, args: [{ isSignal: true, alias: "separator", required: false }] }], eager: [{ type: i0.Input, args: [{ isSignal: true, alias: "eager", required: false }] }], onMaskChanged: [{ type: i0.Output, args: ["onMaskChanged"] }], minValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "minValue", required: false }] }], maxValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxValue", required: false }] }], decimal: [{ type: i0.Input, args: [{ isSignal: true, alias: "decimal", required: false }] }], maskPattern: [{ type: i0.Input, args: [{ isSignal: true, alias: "maskPattern", required: false }] }], customTokens: [{ type: i0.Input, args: [{ isSignal: true, alias: "customTokens", required: false }] }] } });
 
 /**
  * Generated bundle index. Do not edit.