@acorex/cdk 22.2.8 → 22.2.10

package/fesm2022/acorex-cdk-carousel.mjs

@@ -6,15 +6,24 @@ class AXCarouselDirective {
     constructor() {
         this.carousel = signal(null, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "carousel" }] : /* istanbul ignore next */ []));
-        // carouselOptions = input<AXCarouselOptions>();
         this.el = inject(ElementRef);
         this.platformId = inject(PLATFORM_ID);
+        this.initId = 0;
+    }
+    destroy() {
+        const instance = this.carousel();
+        if (!instance)
+            return;
+        this.carousel.set(null);
+        if (instance.destroyed)
+            return;
+        instance.destroy(true, true);
     }
     async init(option) {
         if (!isPlatformBrowser(this.platformId))
             return;
-        if (this.carousel())
-            this.carousel().destroy;
+        const id = ++this.initId;
+        this.destroy();
         const parentElem = this.el.nativeElement;
         const slides = parentElem.querySelectorAll('.ax-carousel-slide');
         parentElem.querySelector('.ax-carousel-wrapper')?.classList.add('swiper-wrapper');
@@ -28,7 +37,12 @@ class AXCarouselDirective {
             item.classList.add('swiper-slide');
         });
         const { A11y, Autoplay, Controller, EffectCoverflow, EffectCube, EffectFade, EffectFlip, EffectCreative, EffectCards, HashNavigation, History, Keyboard, Mousewheel, Navigation, Pagination, Parallax, Scrollbar, Thumbs, Virtual, Zoom, FreeMode, Grid, Manipulation, } = await import('swiper/modules');
-        const res = new (await import('swiper')).Swiper(parentElem, {
+        if (id !== this.initId)
+            return;
+        const SwiperCtor = (await import('swiper')).Swiper;
+        if (id !== this.initId)
+            return;
+        const res = new SwiperCtor(parentElem, {
             ...option,
             modules: [
                 A11y,
@@ -56,6 +70,10 @@ class AXCarouselDirective {
                 Manipulation,
             ],
         });
+        if (id !== this.initId) {
+            res.destroy(true, true);
+            return;
+        }
         this.carousel.set(res);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXCarouselDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }

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

@@ -1 +1 @@
-{"version":3,"file":"acorex-cdk-carousel.mjs","sources":["../../../../packages/cdk/carousel/src/carousel.directive.ts","../../../../packages/cdk/carousel/src/acorex-cdk-carousel.ts"],"sourcesContent":["import { isPlatformBrowser } from '@angular/common';\nimport { Directive, ElementRef, inject, PLATFORM_ID, signal } from '@angular/core';\nimport type { Swiper, SwiperOptions } from 'swiper/types';\n\nexport type AXCarousel = Swiper;\nexport type AXCarouselOptions = SwiperOptions;\n\n@Directive({\n  selector: '[axCarousel]',\n  exportAs: 'axCarousel',\n})\nexport class AXCarouselDirective {\n  carousel = signal<AXCarousel>(null);\n  // carouselOptions = input<AXCarouselOptions>();\n  private el = inject(ElementRef);\n  private platformId = inject(PLATFORM_ID);\n\n  async init(option: AXCarouselOptions) {\n    if (!isPlatformBrowser(this.platformId)) return;\n    if (this.carousel()) this.carousel().destroy;\n    const parentElem = this.el.nativeElement as HTMLElement;\n    const slides = parentElem.querySelectorAll('.ax-carousel-slide');\n\n    parentElem.querySelector('.ax-carousel-wrapper')?.classList.add('swiper-wrapper');\n    parentElem.querySelector('.ax-carousel-pagination')?.classList.add('swiper-pagination');\n    parentElem.querySelector('.ax-carousel-scrollbar')?.classList.add('swiper-scrollbar');\n    parentElem.querySelector('.ax-carousel-button-prev')?.classList.add('swiper-button-prev');\n    parentElem.querySelector('.ax-carousel-button-next')?.classList.add('swiper-button-next');\n\n    slides?.forEach((item) => {\n      if (item.classList.contains('swiper-slide')) return;\n      item.classList.add('swiper-slide');\n    });\n\n    const {\n      A11y,\n      Autoplay,\n      Controller,\n      EffectCoverflow,\n      EffectCube,\n      EffectFade,\n      EffectFlip,\n      EffectCreative,\n      EffectCards,\n      HashNavigation,\n      History,\n      Keyboard,\n      Mousewheel,\n      Navigation,\n      Pagination,\n      Parallax,\n      Scrollbar,\n      Thumbs,\n      Virtual,\n      Zoom,\n      FreeMode,\n      Grid,\n      Manipulation,\n    } = await import('swiper/modules');\n\n    const res = new (await import('swiper')).Swiper(parentElem, {\n      ...option,\n      modules: [\n        A11y,\n        Autoplay,\n        Controller,\n        EffectCoverflow,\n        EffectCube,\n        EffectFade,\n        EffectFlip,\n        EffectCreative,\n        EffectCards,\n        HashNavigation,\n        History,\n        Keyboard,\n        Mousewheel,\n        Navigation,\n        Pagination,\n        Parallax,\n        Scrollbar,\n        Thumbs,\n        Virtual,\n        Zoom,\n        FreeMode,\n        Grid,\n        Manipulation,\n      ],\n    });\n\n    this.carousel.set(res);\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-carousel.mjs","sources":["../../../../packages/cdk/carousel/src/carousel.directive.ts","../../../../packages/cdk/carousel/src/acorex-cdk-carousel.ts"],"sourcesContent":["import { isPlatformBrowser } from '@angular/common';\nimport { Directive, ElementRef, inject, PLATFORM_ID, signal } from '@angular/core';\nimport type { Swiper, SwiperOptions } from 'swiper/types';\n\nexport type AXCarousel = Swiper;\nexport type AXCarouselOptions = SwiperOptions;\n\n@Directive({\n  selector: '[axCarousel]',\n  exportAs: 'axCarousel',\n})\nexport class AXCarouselDirective {\n  carousel = signal<AXCarousel>(null);\n  private el = inject(ElementRef);\n  private platformId = inject(PLATFORM_ID);\n  private initId = 0;\n\n  destroy(): void {\n    const instance = this.carousel();\n    if (!instance) return;\n    this.carousel.set(null);\n    if (instance.destroyed) return;\n    instance.destroy(true, true);\n  }\n\n  async init(option: AXCarouselOptions) {\n    if (!isPlatformBrowser(this.platformId)) return;\n    const id = ++this.initId;\n    this.destroy();\n    const parentElem = this.el.nativeElement as HTMLElement;\n    const slides = parentElem.querySelectorAll('.ax-carousel-slide');\n\n    parentElem.querySelector('.ax-carousel-wrapper')?.classList.add('swiper-wrapper');\n    parentElem.querySelector('.ax-carousel-pagination')?.classList.add('swiper-pagination');\n    parentElem.querySelector('.ax-carousel-scrollbar')?.classList.add('swiper-scrollbar');\n    parentElem.querySelector('.ax-carousel-button-prev')?.classList.add('swiper-button-prev');\n    parentElem.querySelector('.ax-carousel-button-next')?.classList.add('swiper-button-next');\n\n    slides?.forEach((item) => {\n      if (item.classList.contains('swiper-slide')) return;\n      item.classList.add('swiper-slide');\n    });\n\n    const {\n      A11y,\n      Autoplay,\n      Controller,\n      EffectCoverflow,\n      EffectCube,\n      EffectFade,\n      EffectFlip,\n      EffectCreative,\n      EffectCards,\n      HashNavigation,\n      History,\n      Keyboard,\n      Mousewheel,\n      Navigation,\n      Pagination,\n      Parallax,\n      Scrollbar,\n      Thumbs,\n      Virtual,\n      Zoom,\n      FreeMode,\n      Grid,\n      Manipulation,\n    } = await import('swiper/modules');\n\n    if (id !== this.initId) return;\n\n    const SwiperCtor = (await import('swiper')).Swiper;\n    if (id !== this.initId) return;\n\n    const res = new SwiperCtor(parentElem, {\n      ...option,\n      modules: [\n        A11y,\n        Autoplay,\n        Controller,\n        EffectCoverflow,\n        EffectCube,\n        EffectFade,\n        EffectFlip,\n        EffectCreative,\n        EffectCards,\n        HashNavigation,\n        History,\n        Keyboard,\n        Mousewheel,\n        Navigation,\n        Pagination,\n        Parallax,\n        Scrollbar,\n        Thumbs,\n        Virtual,\n        Zoom,\n        FreeMode,\n        Grid,\n        Manipulation,\n      ],\n    });\n\n    if (id !== this.initId) {\n      res.destroy(true, true);\n      return;\n    }\n\n    this.carousel.set(res);\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,193 +1,72 @@
-import { AXZIndexService } from '@acorex/core/z-index';
+import { AXFullScreenService } from '@acorex/core/full-screen';
 import * as i0 from '@angular/core';
-import { signal, output, inject, Renderer2, ElementRef, effect, untracked, Directive } from '@angular/core';
+import { input, output, inject, ElementRef, effect, untracked, Directive } from '@angular/core';
 
 /**
- * Fullscreen directive that provides CSS-based fullscreen functionality
+ * Fullscreen directive with overlay and browser modes.
  * Usage: <element axFullscreen #fullscreen="axFullscreen"></element>
  * Then: fullscreen.toggle() or fullscreen.enter() or fullscreen.exit()
  */
 class AXFullScreenDirective {
     constructor() {
         /**
-         * Current fullscreen state
+         * Fullscreen implementation mode.
+         * @defaultValue 'overlay'
          */
-        this.isFullscreenState = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "isFullscreenState" }] : /* istanbul ignore next */ []));
+        this.mode = input('overlay', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []));
         /**
-         * Original element styles to restore
-         */
-        this.originalStyles = {};
-        /**
-         * Original parent element reference
-         */
-        this.originalParent = null;
-        /**
-         * Fullscreen container element
-         */
-        this.fullscreenContainer = null;
-        /**
-         * Fullscreen change event
+         * Fullscreen change event for this host element.
          */
         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
+        this.fullScreenService = inject(AXFullScreenService);
         effect(() => {
-            const isFullscreen = this.isFullscreenState();
+            const isActive = this.fullScreenService.isActive(this.elementRef.nativeElement);
             untracked(() => {
-                this.fullscreenChange.emit(isFullscreen);
+                this.fullscreenChange.emit(isActive);
             });
         });
     }
     /**
-     * Toggle fullscreen state
+     * Toggle fullscreen state.
      */
     toggle() {
-        if (this.isFullscreenState()) {
-            this.exit();
-        }
-        else {
-            this.enter();
-        }
+        this.fullScreenService.toggle(this.elementRef.nativeElement, this.mode());
     }
     /**
-     * Enter fullscreen mode using CSS
+     * Enter fullscreen mode.
      */
     enter() {
-        if (this.isFullscreenState()) {
-            return;
-        }
-        const element = this.elementRef.nativeElement;
-        try {
-            // 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');
-            this.renderer.setStyle(this.fullscreenContainer, 'top', '0');
-            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', String(this.zToken.zIndex));
-            this.renderer.setStyle(this.fullscreenContainer, 'background-color', '#ffffff');
-            this.renderer.setStyle(this.fullscreenContainer, 'overflow', 'auto');
-            // Move element to container
-            this.renderer.appendChild(this.fullscreenContainer, element);
-            // Apply fullscreen styles to element
-            this.renderer.setStyle(element, 'position', 'relative');
-            this.renderer.setStyle(element, 'width', '100%');
-            this.renderer.setStyle(element, 'height', '100%');
-            this.renderer.setStyle(element, 'margin', '0');
-            this.renderer.setStyle(element, 'padding', '0');
-            // Append container to body
-            this.renderer.appendChild(document.body, this.fullscreenContainer);
-            // Prevent body scroll
-            this.renderer.setStyle(document.body, 'overflow', 'hidden');
-            this.isFullscreenState.set(true);
-        }
-        catch (error) {
-            console.error('Error entering fullscreen:', error);
-            this.restoreOriginalStyles(element);
-        }
+        this.fullScreenService.enter(this.elementRef.nativeElement, this.mode());
     }
     /**
-     * Exit fullscreen mode
+     * Exit fullscreen mode.
      */
     exit() {
-        if (!this.isFullscreenState()) {
-            return;
-        }
-        const element = this.elementRef.nativeElement;
-        try {
-            // Restore body scroll
-            this.renderer.removeStyle(document.body, 'overflow');
-            // Move element back to original parent
-            if (this.fullscreenContainer && this.originalParent) {
-                this.renderer.removeChild(this.fullscreenContainer, element);
-                this.renderer.appendChild(this.originalParent, element);
-                // Remove container
-                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);
-        }
-        catch (error) {
-            console.error('Error exiting fullscreen:', error);
-        }
+        this.fullScreenService.exit(this.elementRef.nativeElement);
     }
     /**
-     * Check if currently in fullscreen mode
+     * Check if this host is currently in fullscreen mode.
      */
     isFullscreen() {
-        return this.isFullscreenState();
-    }
-    /**
-     * Store original element styles
-     */
-    storeOriginalStyles(element) {
-        const computedStyle = window.getComputedStyle(element);
-        this.originalStyles = {
-            position: computedStyle.position,
-            top: computedStyle.top,
-            left: computedStyle.left,
-            width: computedStyle.width,
-            height: computedStyle.height,
-            zIndex: computedStyle.zIndex,
-            backgroundColor: computedStyle.backgroundColor,
-            margin: computedStyle.margin,
-            padding: computedStyle.padding,
-        };
+        return this.fullScreenService.isActive(this.elementRef.nativeElement);
     }
-    /**
-     * Restore original element styles
-     */
-    restoreOriginalStyles(element) {
-        if (!this.originalStyles) {
-            return;
+    ngOnDestroy() {
+        if (this.fullScreenService.isActive(this.elementRef.nativeElement)) {
+            this.fullScreenService.exit(this.elementRef.nativeElement);
         }
-        // Restore each style property
-        Object.entries(this.originalStyles).forEach(([key, value]) => {
-            const styleKey = this.camelToKebabCase(key);
-            if (value) {
-                this.renderer.setStyle(element, styleKey, value);
-            }
-            else {
-                this.renderer.removeStyle(element, styleKey);
-            }
-        });
-        this.originalStyles = {};
-    }
-    /**
-     * Convert camelCase to kebab-case for CSS properties
-     */
-    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: "22.0.8", ngImport: i0, type: AXFullScreenDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: AXFullScreenDirective, isStandalone: true, selector: "[axFullscreen]", outputs: { fullscreenChange: "fullscreenChange" }, exportAs: ["axFullscreen"], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.8", type: AXFullScreenDirective, isStandalone: true, selector: "[axFullscreen]", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { fullscreenChange: "fullscreenChange" }, exportAs: ["axFullscreen"], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXFullScreenDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[axFullscreen]',
-                    standalone: true,
                     exportAs: 'axFullscreen',
                 }]
-        }], ctorParameters: () => [], propDecorators: { fullscreenChange: [{ type: i0.Output, args: ["fullscreenChange"] }] } });
+        }], ctorParameters: () => [], propDecorators: { mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], fullscreenChange: [{ type: i0.Output, args: ["fullscreenChange"] }] } });
 
 /**
  * Generated bundle index. Do not edit.

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 { 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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"}
+{"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 { AXFullScreenMode, AXFullScreenService } from '@acorex/core/full-screen';\nimport { Directive, effect, ElementRef, inject, input, OnDestroy, output, untracked } from '@angular/core';\n\n/**\n * Fullscreen directive with overlay and browser modes.\n * Usage: <element axFullscreen #fullscreen=\"axFullscreen\"></element>\n * Then: fullscreen.toggle() or fullscreen.enter() or fullscreen.exit()\n */\n@Directive({\n  selector: '[axFullscreen]',\n  exportAs: 'axFullscreen',\n})\nexport class AXFullScreenDirective implements OnDestroy {\n  /**\n   * Fullscreen implementation mode.\n   * @defaultValue 'overlay'\n   */\n  readonly mode = input<AXFullScreenMode>('overlay');\n\n  /**\n   * Fullscreen change event for this host element.\n   */\n  readonly fullscreenChange = output<boolean>();\n\n  private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly fullScreenService = inject(AXFullScreenService);\n\n  constructor() {\n    effect(() => {\n      const isActive = this.fullScreenService.isActive(this.elementRef.nativeElement);\n      untracked(() => {\n        this.fullscreenChange.emit(isActive);\n      });\n    });\n  }\n\n  /**\n   * Toggle fullscreen state.\n   */\n  toggle(): void {\n    this.fullScreenService.toggle(this.elementRef.nativeElement, this.mode());\n  }\n\n  /**\n   * Enter fullscreen mode.\n   */\n  enter(): void {\n    this.fullScreenService.enter(this.elementRef.nativeElement, this.mode());\n  }\n\n  /**\n   * Exit fullscreen mode.\n   */\n  exit(): void {\n    this.fullScreenService.exit(this.elementRef.nativeElement);\n  }\n\n  /**\n   * Check if this host is currently in fullscreen mode.\n   */\n  isFullscreen(): boolean {\n    return this.fullScreenService.isActive(this.elementRef.nativeElement);\n  }\n\n  ngOnDestroy(): void {\n    if (this.fullScreenService.isActive(this.elementRef.nativeElement)) {\n      this.fullScreenService.exit(this.elementRef.nativeElement);\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAGA;;;;AAIG;MAKU,qBAAqB,CAAA;AAehC,IAAA,WAAA,GAAA;AAdA;;;AAGG;QACM,IAAA,CAAA,IAAI,GAAG,KAAK,CAAmB,SAAS;iFAAC;AAElD;;AAEG;QACM,IAAA,CAAA,gBAAgB,GAAG,MAAM,EAAW;AAE5B,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAA0B,UAAU,CAAC;AACxD,QAAA,IAAA,CAAA,iBAAiB,GAAG,MAAM,CAAC,mBAAmB,CAAC;QAG9D,MAAM,CAAC,MAAK;AACV,YAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC;YAC/E,SAAS,CAAC,MAAK;AACb,gBAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,QAAQ,CAAC;AACtC,YAAA,CAAC,CAAC;AACJ,QAAA,CAAC,CAAC;IACJ;AAEA;;AAEG;IACH,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC;IAC3E;AAEA;;AAEG;IACH,KAAK,GAAA;AACH,QAAA,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC;IAC1E;AAEA;;AAEG;IACH,IAAI,GAAA;QACF,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC;IAC5D;AAEA;;AAEG;IACH,YAAY,GAAA;AACV,QAAA,OAAO,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC;IACvE;IAEA,WAAW,GAAA;AACT,QAAA,IAAI,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,EAAE;YAClE,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC;QAC5D;IACF;8GAxDW,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAArB,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,EAAA,QAAA,EAAA,CAAA,cAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAArB,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAJjC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,QAAQ,EAAE,cAAc;AACzB,iBAAA;;;ACXD;;AAEG;;;;"}

package/fesm2022/acorex-cdk-gesture.mjs

@@ -43,6 +43,12 @@ class AXGestureDirective {
          */
         this.disabled = input(false, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+        /**
+         * Maximum interval in milliseconds between taps for double-tap recognition.
+         * Maps to Hammer.js tap recognizer `interval`. Defaults to Hammer's built-in value (300ms).
+         */
+        this.tapInterval = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "tapInterval" }] : /* istanbul ignore next */ []));
         this.tap = output();
         this.doubletap = output();
         this.press = output();
@@ -81,6 +87,7 @@ class AXGestureDirective {
             this.enablePinch();
             this.enableRotate();
             this.disabled();
+            this.tapInterval();
             untracked(() => {
                 if (this.ready)
                     void this.setup();
@@ -106,6 +113,17 @@ class AXGestureDirective {
     }
     #init;
     #config;
+    /**
+     * Suppresses native click propagation when Hammer.js is active so tap/doubletap
+     * outputs are the single source of click handling.
+     */
+    onHostClick(event) {
+        if (this.disabled() || !this.hammer)
+            return;
+        event.preventDefault();
+        event.stopPropagation();
+        event.stopImmediatePropagation();
+    }
     ngOnDestroy() {
         this.setupId++;
         this.teardown();
@@ -132,6 +150,11 @@ class AXGestureDirective {
             hammer.get('swipe')?.set({ direction });
             hammer.get('pinch')?.set({ enable: this.enablePinch() });
             hammer.get('rotate')?.set({ enable: this.enableRotate() });
+            const interval = this.tapInterval();
+            if (interval != null) {
+                hammer.get('tap')?.set({ interval });
+                hammer.get('doubletap')?.set({ interval });
+            }
             hammer.on(HAMMER_EVENTS, this.onHammerEvent);
             this.hammer = hammer;
         });
@@ -158,15 +181,18 @@ class AXGestureDirective {
         this.hammer = null;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXGestureDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.8", type: AXGestureDirective, isStandalone: true, selector: "[axGesture]", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, enablePinch: { classPropertyName: "enablePinch", publicName: "enablePinch", isSignal: true, isRequired: false, transformFunction: null }, enableRotate: { classPropertyName: "enableRotate", publicName: "enableRotate", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { tap: "tap", doubletap: "doubletap", press: "press", pan: "pan", panstart: "panstart", panmove: "panmove", panend: "panend", swipe: "swipe", pinch: "pinch", rotate: "rotate" }, exportAs: ["axGesture"], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.8", type: AXGestureDirective, isStandalone: true, selector: "[axGesture]", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, enablePinch: { classPropertyName: "enablePinch", publicName: "enablePinch", isSignal: true, isRequired: false, transformFunction: null }, enableRotate: { classPropertyName: "enableRotate", publicName: "enableRotate", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, tapInterval: { classPropertyName: "tapInterval", publicName: "tapInterval", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { tap: "tap", doubletap: "doubletap", press: "press", pan: "pan", panstart: "panstart", panmove: "panmove", panend: "panend", swipe: "swipe", pinch: "pinch", rotate: "rotate" }, host: { listeners: { "click": "onHostClick($event)" } }, exportAs: ["axGesture"], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXGestureDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[axGesture]',
                     exportAs: 'axGesture',
+                    host: {
+                        '(click)': 'onHostClick($event)',
+                    },
                 }]
-        }], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], direction: [{ type: i0.Input, args: [{ isSignal: true, alias: "direction", required: false }] }], enablePinch: [{ type: i0.Input, args: [{ isSignal: true, alias: "enablePinch", required: false }] }], enableRotate: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableRotate", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], tap: [{ type: i0.Output, args: ["tap"] }], doubletap: [{ type: i0.Output, args: ["doubletap"] }], press: [{ type: i0.Output, args: ["press"] }], pan: [{ type: i0.Output, args: ["pan"] }], panstart: [{ type: i0.Output, args: ["panstart"] }], panmove: [{ type: i0.Output, args: ["panmove"] }], panend: [{ type: i0.Output, args: ["panend"] }], swipe: [{ type: i0.Output, args: ["swipe"] }], pinch: [{ type: i0.Output, args: ["pinch"] }], rotate: [{ type: i0.Output, args: ["rotate"] }] } });
+        }], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], direction: [{ type: i0.Input, args: [{ isSignal: true, alias: "direction", required: false }] }], enablePinch: [{ type: i0.Input, args: [{ isSignal: true, alias: "enablePinch", required: false }] }], enableRotate: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableRotate", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], tapInterval: [{ type: i0.Input, args: [{ isSignal: true, alias: "tapInterval", required: false }] }], tap: [{ type: i0.Output, args: ["tap"] }], doubletap: [{ type: i0.Output, args: ["doubletap"] }], press: [{ type: i0.Output, args: ["press"] }], pan: [{ type: i0.Output, args: ["pan"] }], panstart: [{ type: i0.Output, args: ["panstart"] }], panmove: [{ type: i0.Output, args: ["panmove"] }], panend: [{ type: i0.Output, args: ["panend"] }], swipe: [{ type: i0.Output, args: ["swipe"] }], pinch: [{ type: i0.Output, args: ["pinch"] }], rotate: [{ type: i0.Output, args: ["rotate"] }] } });
 
 /**
  * Generated bundle index. Do not edit.

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

@@ -1 +1 @@
-{"version":3,"file":"acorex-cdk-gesture.mjs","sources":["../../../../packages/cdk/gesture/src/lib/gesture.directive.ts","../../../../packages/cdk/gesture/src/acorex-cdk-gesture.ts"],"sourcesContent":["import { isPlatformBrowser } from '@angular/common';\nimport {\n  afterNextRender,\n  Directive,\n  effect,\n  ElementRef,\n  inject,\n  input,\n  linkedSignal,\n  NgZone,\n  OnDestroy,\n  output,\n  OutputEmitterRef,\n  PLATFORM_ID,\n  untracked,\n} from '@angular/core';\nimport { AXGestureDirection, AXGestureEvent, AXGestureManager, AXGestureOptions } from './gesture.types';\n\nconst HAMMER_EVENTS = 'tap doubletap press pan panstart panmove panend swipe pinch rotate';\nconst HIGH_FREQUENCY_EVENTS = new Set(['pan', 'panmove', 'pinch', 'rotate']);\n\ntype HammerStatic = {\n  new (element: HTMLElement | SVGElement, options?: AXGestureOptions): AXGestureManager;\n  DIRECTION_ALL: number;\n  DIRECTION_HORIZONTAL: number;\n  DIRECTION_VERTICAL: number;\n};\n\n/**\n * Attaches Hammer.js gesture recognition to the host element.\n *\n * Usage:\n * <div axGesture [direction]=\"'all'\" (tap)=\"onTap($event)\" (pan)=\"onPan($event)\"></div>\n */\n@Directive({\n  selector: '[axGesture]',\n  exportAs: 'axGesture',\n})\nexport class AXGestureDirective implements OnDestroy {\n  private readonly el = inject(ElementRef<HTMLElement>);\n  private readonly zone = inject(NgZone);\n  private readonly platformId = inject(PLATFORM_ID);\n\n  /**\n   * Extra Hammer.js options forwarded to the manager constructor.\n   */\n  options = input<AXGestureOptions>({});\n\n  /**\n   * Pan and swipe direction. Defaults to horizontal, matching Hammer.js.\n   */\n  direction = input<AXGestureDirection>('horizontal');\n\n  /** Internal direction state; can be overridden programmatically by host directives. */\n  readonly gestureDirection = linkedSignal(() => this.direction());\n\n  /**\n   * Enables the multi-touch pinch recognizer. Disabled by default.\n   */\n  enablePinch = input(false);\n\n  /**\n   * Enables the multi-touch rotate recognizer. Disabled by default.\n   */\n  enableRotate = input(false);\n\n  /**\n   * Stops gesture recognition when true.\n   */\n  disabled = input(false);\n\n  tap = output<AXGestureEvent>();\n  doubletap = output<AXGestureEvent>();\n  press = output<AXGestureEvent>();\n  pan = output<AXGestureEvent>();\n  panstart = output<AXGestureEvent>();\n  panmove = output<AXGestureEvent>();\n  panend = output<AXGestureEvent>();\n  swipe = output<AXGestureEvent>();\n  pinch = output<AXGestureEvent>();\n  rotate = output<AXGestureEvent>();\n\n  private hammer: AXGestureManager | null = null;\n  private hammerLib: HammerStatic | null = null;\n  private setupId = 0;\n  private ready = false;\n\n  private readonly emitters: Record<string, OutputEmitterRef<AXGestureEvent>> = {\n    tap: this.tap,\n    doubletap: this.doubletap,\n    press: this.press,\n    pan: this.pan,\n    panstart: this.panstart,\n    panmove: this.panmove,\n    panend: this.panend,\n    swipe: this.swipe,\n    pinch: this.pinch,\n    rotate: this.rotate,\n  };\n\n  /**\n   * The underlying Hammer manager, or null when not initialized.\n   */\n  get manager(): AXGestureManager | null {\n    return this.hammer;\n  }\n\n  #init = afterNextRender(() => {\n    if (!isPlatformBrowser(this.platformId)) return;\n    this.ready = true;\n    void this.setup();\n  });\n\n  #config = effect(() => {\n    this.options();\n    this.gestureDirection();\n    this.enablePinch();\n    this.enableRotate();\n    this.disabled();\n    untracked(() => {\n      if (this.ready) void this.setup();\n    });\n  });\n\n  ngOnDestroy(): void {\n    this.setupId++;\n    this.teardown();\n  }\n\n  private async setup(): Promise<void> {\n    const id = ++this.setupId;\n    this.teardown();\n    if (this.disabled() || !isPlatformBrowser(this.platformId)) return;\n\n    const HammerLib = await this.loadHammer();\n    if (id !== this.setupId) return;\n\n    this.zone.runOutsideAngular(() => {\n      const options: AXGestureOptions = { ...this.options() };\n      if (!options.touchAction) {\n        const hostTouchAction = this.el.nativeElement.style.touchAction;\n        if (hostTouchAction) {\n          options.touchAction = hostTouchAction;\n        }\n      }\n\n      const hammer = new HammerLib(this.el.nativeElement, options);\n      const direction = this.toHammerDirection(HammerLib, this.gestureDirection());\n\n      hammer.get('pan')?.set({ direction });\n      hammer.get('swipe')?.set({ direction });\n      hammer.get('pinch')?.set({ enable: this.enablePinch() });\n      hammer.get('rotate')?.set({ enable: this.enableRotate() });\n      hammer.on(HAMMER_EVENTS, this.onHammerEvent);\n\n      this.hammer = hammer;\n    });\n  }\n\n  private async loadHammer(): Promise<HammerStatic> {\n    if (this.hammerLib) return this.hammerLib;\n    const mod = (await import('hammerjs')) as unknown as HammerStatic & { default?: HammerStatic };\n    this.hammerLib = mod.default ?? mod;\n    return this.hammerLib;\n  }\n\n  private toHammerDirection(HammerLib: HammerStatic, direction: AXGestureDirection): number {\n    if (direction === 'all') return HammerLib.DIRECTION_ALL;\n    if (direction === 'vertical') return HammerLib.DIRECTION_VERTICAL;\n    return HammerLib.DIRECTION_HORIZONTAL;\n  }\n\n  private teardown(): void {\n    if (!this.hammer) return;\n    this.hammer.off(HAMMER_EVENTS, this.onHammerEvent);\n    this.hammer.destroy();\n    this.hammer = null;\n  }\n\n  private readonly onHammerEvent = (ev: AXGestureEvent) => {\n    const emit = this.emitters[ev.type];\n    if (!emit) return;\n    if (HIGH_FREQUENCY_EVENTS.has(ev.type)) {\n      emit.emit(ev);\n      return;\n    }\n    this.zone.run(() => emit.emit(ev));\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-gesture.mjs","sources":["../../../../packages/cdk/gesture/src/lib/gesture.directive.ts","../../../../packages/cdk/gesture/src/acorex-cdk-gesture.ts"],"sourcesContent":["import { isPlatformBrowser } from '@angular/common';\nimport {\n  afterNextRender,\n  Directive,\n  effect,\n  ElementRef,\n  inject,\n  input,\n  linkedSignal,\n  NgZone,\n  OnDestroy,\n  output,\n  OutputEmitterRef,\n  PLATFORM_ID,\n  untracked,\n} from '@angular/core';\nimport { AXGestureDirection, AXGestureEvent, AXGestureManager, AXGestureOptions } from './gesture.types';\n\nconst HAMMER_EVENTS = 'tap doubletap press pan panstart panmove panend swipe pinch rotate';\nconst HIGH_FREQUENCY_EVENTS = new Set(['pan', 'panmove', 'pinch', 'rotate']);\n\ntype HammerStatic = {\n  new (element: HTMLElement | SVGElement, options?: AXGestureOptions): AXGestureManager;\n  DIRECTION_ALL: number;\n  DIRECTION_HORIZONTAL: number;\n  DIRECTION_VERTICAL: number;\n};\n\n/**\n * Attaches Hammer.js gesture recognition to the host element.\n *\n * Usage:\n * <div axGesture [direction]=\"'all'\" (tap)=\"onTap($event)\" (pan)=\"onPan($event)\"></div>\n */\n@Directive({\n  selector: '[axGesture]',\n  exportAs: 'axGesture',\n  host: {\n    '(click)': 'onHostClick($event)',\n  },\n})\nexport class AXGestureDirective implements OnDestroy {\n  private readonly el = inject(ElementRef<HTMLElement>);\n  private readonly zone = inject(NgZone);\n  private readonly platformId = inject(PLATFORM_ID);\n\n  /**\n   * Extra Hammer.js options forwarded to the manager constructor.\n   */\n  options = input<AXGestureOptions>({});\n\n  /**\n   * Pan and swipe direction. Defaults to horizontal, matching Hammer.js.\n   */\n  direction = input<AXGestureDirection>('horizontal');\n\n  /** Internal direction state; can be overridden programmatically by host directives. */\n  readonly gestureDirection = linkedSignal(() => this.direction());\n\n  /**\n   * Enables the multi-touch pinch recognizer. Disabled by default.\n   */\n  enablePinch = input(false);\n\n  /**\n   * Enables the multi-touch rotate recognizer. Disabled by default.\n   */\n  enableRotate = input(false);\n\n  /**\n   * Stops gesture recognition when true.\n   */\n  disabled = input(false);\n\n  /**\n   * Maximum interval in milliseconds between taps for double-tap recognition.\n   * Maps to Hammer.js tap recognizer `interval`. Defaults to Hammer's built-in value (300ms).\n   */\n  tapInterval = input<number | undefined>(undefined);\n\n  tap = output<AXGestureEvent>();\n  doubletap = output<AXGestureEvent>();\n  press = output<AXGestureEvent>();\n  pan = output<AXGestureEvent>();\n  panstart = output<AXGestureEvent>();\n  panmove = output<AXGestureEvent>();\n  panend = output<AXGestureEvent>();\n  swipe = output<AXGestureEvent>();\n  pinch = output<AXGestureEvent>();\n  rotate = output<AXGestureEvent>();\n\n  private hammer: AXGestureManager | null = null;\n  private hammerLib: HammerStatic | null = null;\n  private setupId = 0;\n  private ready = false;\n\n  private readonly emitters: Record<string, OutputEmitterRef<AXGestureEvent>> = {\n    tap: this.tap,\n    doubletap: this.doubletap,\n    press: this.press,\n    pan: this.pan,\n    panstart: this.panstart,\n    panmove: this.panmove,\n    panend: this.panend,\n    swipe: this.swipe,\n    pinch: this.pinch,\n    rotate: this.rotate,\n  };\n\n  /**\n   * The underlying Hammer manager, or null when not initialized.\n   */\n  get manager(): AXGestureManager | null {\n    return this.hammer;\n  }\n\n  #init = afterNextRender(() => {\n    if (!isPlatformBrowser(this.platformId)) return;\n    this.ready = true;\n    void this.setup();\n  });\n\n  #config = effect(() => {\n    this.options();\n    this.gestureDirection();\n    this.enablePinch();\n    this.enableRotate();\n    this.disabled();\n    this.tapInterval();\n    untracked(() => {\n      if (this.ready) void this.setup();\n    });\n  });\n\n  /**\n   * Suppresses native click propagation when Hammer.js is active so tap/doubletap\n   * outputs are the single source of click handling.\n   */\n  protected onHostClick(event: MouseEvent): void {\n    if (this.disabled() || !this.hammer) return;\n    event.preventDefault();\n    event.stopPropagation();\n    event.stopImmediatePropagation();\n  }\n\n  ngOnDestroy(): void {\n    this.setupId++;\n    this.teardown();\n  }\n\n  private async setup(): Promise<void> {\n    const id = ++this.setupId;\n    this.teardown();\n    if (this.disabled() || !isPlatformBrowser(this.platformId)) return;\n\n    const HammerLib = await this.loadHammer();\n    if (id !== this.setupId) return;\n\n    this.zone.runOutsideAngular(() => {\n      const options: AXGestureOptions = { ...this.options() };\n      if (!options.touchAction) {\n        const hostTouchAction = this.el.nativeElement.style.touchAction;\n        if (hostTouchAction) {\n          options.touchAction = hostTouchAction;\n        }\n      }\n\n      const hammer = new HammerLib(this.el.nativeElement, options);\n      const direction = this.toHammerDirection(HammerLib, this.gestureDirection());\n\n      hammer.get('pan')?.set({ direction });\n      hammer.get('swipe')?.set({ direction });\n      hammer.get('pinch')?.set({ enable: this.enablePinch() });\n      hammer.get('rotate')?.set({ enable: this.enableRotate() });\n\n      const interval = this.tapInterval();\n      if (interval != null) {\n        hammer.get('tap')?.set({ interval });\n        hammer.get('doubletap')?.set({ interval });\n      }\n\n      hammer.on(HAMMER_EVENTS, this.onHammerEvent);\n\n      this.hammer = hammer;\n    });\n  }\n\n  private async loadHammer(): Promise<HammerStatic> {\n    if (this.hammerLib) return this.hammerLib;\n    const mod = (await import('hammerjs')) as unknown as HammerStatic & { default?: HammerStatic };\n    this.hammerLib = mod.default ?? mod;\n    return this.hammerLib;\n  }\n\n  private toHammerDirection(HammerLib: HammerStatic, direction: AXGestureDirection): number {\n    if (direction === 'all') return HammerLib.DIRECTION_ALL;\n    if (direction === 'vertical') return HammerLib.DIRECTION_VERTICAL;\n    return HammerLib.DIRECTION_HORIZONTAL;\n  }\n\n  private teardown(): void {\n    if (!this.hammer) return;\n    this.hammer.off(HAMMER_EVENTS, this.onHammerEvent);\n    this.hammer.destroy();\n    this.hammer = null;\n  }\n\n  private readonly onHammerEvent = (ev: AXGestureEvent) => {\n    const emit = this.emitters[ev.type];\n    if (!emit) return;\n    if (HIGH_FREQUENCY_EVENTS.has(ev.type)) {\n      emit.emit(ev);\n      return;\n    }\n    this.zone.run(() => emit.emit(ev));\n  };\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@acorex/cdk",
-  "version": "22.2.8",
+  "version": "22.2.10",
   "peerDependencies": {
-    "@acorex/core": "22.2.8",
+    "@acorex/core": "22.2.10",
     "quill": ">=2.0.2",
     "qrcode": ">=1.5.4",
     "swiper": ">=11.1.15",
@@ -40,10 +40,6 @@
       "types": "./types/acorex-cdk-dom.d.ts",
       "default": "./fesm2022/acorex-cdk-dom.mjs"
     },
-    "./double-click": {
-      "types": "./types/acorex-cdk-double-click.d.ts",
-      "default": "./fesm2022/acorex-cdk-double-click.mjs"
-    },
     "./drag-drop": {
       "types": "./types/acorex-cdk-drag-drop.d.ts",
       "default": "./fesm2022/acorex-cdk-drag-drop.mjs"

package/types/acorex-cdk-carousel.d.ts

@@ -7,6 +7,8 @@ declare class AXCarouselDirective {
     carousel: i0.WritableSignal<Swiper>;
     private el;
     private platformId;
+    private initId;
+    destroy(): void;
     init(option: AXCarouselOptions): Promise<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXCarouselDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<AXCarouselDirective, "[axCarousel]", ["axCarousel"], {}, {}, never, never, true, never>;

package/types/acorex-cdk-full-screen.d.ts

@@ -1,69 +1,44 @@
-import * as i0 from '@angular/core';
+import * as _angular_core from '@angular/core';
+import { OnDestroy } from '@angular/core';
+import { AXFullScreenMode } from '@acorex/core/full-screen';
 
 /**
- * Fullscreen directive that provides CSS-based fullscreen functionality
+ * Fullscreen directive with overlay and browser modes.
  * Usage: <element axFullscreen #fullscreen="axFullscreen"></element>
  * Then: fullscreen.toggle() or fullscreen.enter() or fullscreen.exit()
  */
-declare class AXFullScreenDirective {
+declare class AXFullScreenDirective implements OnDestroy {
     /**
-     * Current fullscreen state
+     * Fullscreen implementation mode.
+     * @defaultValue 'overlay'
      */
-    private readonly isFullscreenState;
+    readonly mode: _angular_core.InputSignal<AXFullScreenMode>;
     /**
-     * Original element styles to restore
+     * Fullscreen change event for this host element.
      */
-    private originalStyles;
-    /**
-     * Original parent element reference
-     */
-    private originalParent;
-    /**
-     * Fullscreen container element
-     */
-    private fullscreenContainer;
-    /**
-     * Fullscreen change event
-     */
-    readonly fullscreenChange: i0.OutputEmitterRef<boolean>;
-    /**
-     * Z-index token for this fullscreen instance
-     */
-    private zToken;
-    private readonly renderer;
+    readonly fullscreenChange: _angular_core.OutputEmitterRef<boolean>;
     private readonly elementRef;
-    private readonly zIndexService;
+    private readonly fullScreenService;
     constructor();
     /**
-     * Toggle fullscreen state
+     * Toggle fullscreen state.
      */
     toggle(): void;
     /**
-     * Enter fullscreen mode using CSS
+     * Enter fullscreen mode.
      */
     enter(): void;
     /**
-     * Exit fullscreen mode
+     * Exit fullscreen mode.
      */
     exit(): void;
     /**
-     * Check if currently in fullscreen mode
+     * Check if this host is currently in fullscreen mode.
      */
     isFullscreen(): boolean;
-    /**
-     * Store original element styles
-     */
-    private storeOriginalStyles;
-    /**
-     * Restore original element styles
-     */
-    private restoreOriginalStyles;
-    /**
-     * Convert camelCase to kebab-case for CSS properties
-     */
-    private camelToKebabCase;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXFullScreenDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AXFullScreenDirective, "[axFullscreen]", ["axFullscreen"], {}, { "fullscreenChange": "fullscreenChange"; }, never, never, true, never>;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXFullScreenDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AXFullScreenDirective, "[axFullscreen]", ["axFullscreen"], { "mode": { "alias": "mode"; "required": false; "isSignal": true; }; }, { "fullscreenChange": "fullscreenChange"; }, never, never, true, never>;
 }
 
 export { AXFullScreenDirective };

package/types/acorex-cdk-gesture.d.ts

@@ -89,6 +89,11 @@ declare class AXGestureDirective implements OnDestroy {
      * Stops gesture recognition when true.
      */
     disabled: _angular_core.InputSignal<boolean>;
+    /**
+     * Maximum interval in milliseconds between taps for double-tap recognition.
+     * Maps to Hammer.js tap recognizer `interval`. Defaults to Hammer's built-in value (300ms).
+     */
+    tapInterval: _angular_core.InputSignal<number>;
     tap: OutputEmitterRef<AXGestureEvent>;
     doubletap: OutputEmitterRef<AXGestureEvent>;
     press: OutputEmitterRef<AXGestureEvent>;
@@ -108,6 +113,11 @@ declare class AXGestureDirective implements OnDestroy {
      * The underlying Hammer manager, or null when not initialized.
      */
     get manager(): AXGestureManager | null;
+    /**
+     * Suppresses native click propagation when Hammer.js is active so tap/doubletap
+     * outputs are the single source of click handling.
+     */
+    protected onHostClick(event: MouseEvent): void;
     ngOnDestroy(): void;
     private setup;
     private loadHammer;
@@ -115,7 +125,7 @@ declare class AXGestureDirective implements OnDestroy {
     private teardown;
     private readonly onHammerEvent;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXGestureDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AXGestureDirective, "[axGesture]", ["axGesture"], { "options": { "alias": "options"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "enablePinch": { "alias": "enablePinch"; "required": false; "isSignal": true; }; "enableRotate": { "alias": "enableRotate"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "tap": "tap"; "doubletap": "doubletap"; "press": "press"; "pan": "pan"; "panstart": "panstart"; "panmove": "panmove"; "panend": "panend"; "swipe": "swipe"; "pinch": "pinch"; "rotate": "rotate"; }, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AXGestureDirective, "[axGesture]", ["axGesture"], { "options": { "alias": "options"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "enablePinch": { "alias": "enablePinch"; "required": false; "isSignal": true; }; "enableRotate": { "alias": "enableRotate"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "tapInterval": { "alias": "tapInterval"; "required": false; "isSignal": true; }; }, { "tap": "tap"; "doubletap": "doubletap"; "press": "press"; "pan": "pan"; "panstart": "panstart"; "panmove": "panmove"; "panend": "panend"; "swipe": "swipe"; "pinch": "pinch"; "rotate": "rotate"; }, never, never, true, never>;
 }
 
 export { AXGestureDirective };

package/fesm2022/acorex-cdk-double-click.mjs

@@ -1,178 +0,0 @@
-import * as i0 from '@angular/core';
-import { inject, ElementRef, input, output, Directive } from '@angular/core';
-
-/**
- * Directive to detect single-click and double-click events on the host element.
- * Supports both desktop (click-based detection) and mobile (touchend) events.
- * Prevents native click event propagation and emits separate single-click and double-click events.
- * Can be disabled to allow native DOM behavior (click and dblclick events).
- *
- * Usage:
- * <button
- *   axDoubleClick
- *   [duration]="300"
- *   [disabled]="false"
- *   (onClick)="onSingleClick($event)"
- *   (onDblClick)="onDoubleClick($event)"
- * >Click me</button>
- */
-class AXDoubleClickDirective {
-    constructor() {
-        this.elementRef = inject(ElementRef);
-        /**
-         * Input to configure the duration in milliseconds for detecting double-clicks.
-         * Defaults to 250ms.
-         * Two clicks/taps within this duration are considered a double-click.
-         */
-        this.duration = input(250, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "duration" }] : /* istanbul ignore next */ []));
-        /**
-         * Input to disable the directive's custom click handling.
-         * When true, native click and dblclick events will fire normally (DOM default behavior).
-         * When false (default), the directive prevents default and emits custom single/double-click events.
-         * Defaults to false.
-         */
-        this.disabled = input(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
-        /**
-         * Output event emitted when a single-click is detected.
-         * Emits after the configured duration milliseconds if no second click occurs.
-         * Emits the MouseEvent.
-         */
-        this.onClick = output();
-        /**
-         * Output event emitted when a double-click is detected.
-         * Emits when two clicks occur within the configured duration milliseconds.
-         * Emits the Event (MouseEvent for desktop, TouchEvent for mobile).
-         */
-        this.onDblClick = output();
-        this.lastClick = 0;
-        this.lastTap = 0;
-        this.clickTimeout = null;
-        this.pendingClickEvent = null;
-    }
-    /**
-     * Handles click events and detects both single-clicks and double-clicks.
-     * Prevents native click propagation and emits appropriate events.
-     * When disabled is true, emits click immediately, still detects double-clicks, and allows native DOM behavior (no preventDefault).
-     */
-    handleClick(event) {
-        const duration = this.duration();
-        const currentTime = new Date().getTime();
-        const clickGap = currentTime - this.lastClick;
-        // If disabled, emit click immediately and still track for double-click, but don't prevent default
-        if (this.disabled()) {
-            // Emit single click immediately
-            this.onClick.emit(event);
-            // Still track for double-click detection
-            if (clickGap > 0 && clickGap < duration) {
-                // Double-click detected - emit double-click
-                if (this.clickTimeout) {
-                    clearTimeout(this.clickTimeout);
-                    this.clickTimeout = null;
-                }
-                if (this.pendingClickEvent) {
-                    this.pendingClickEvent = null;
-                }
-                this.onDblClick.emit(event);
-                this.lastClick = 0;
-            }
-            else {
-                // First click - store it and wait to see if a second click comes
-                this.lastClick = currentTime;
-                this.pendingClickEvent = event;
-                if (this.clickTimeout) {
-                    clearTimeout(this.clickTimeout);
-                }
-                // Set timeout to emit double-click if second click occurs within duration
-                // Note: We already emitted single-click, so we just track for double-click here
-                this.clickTimeout = setTimeout(() => {
-                    // No double-click detected within duration, reset state
-                    this.pendingClickEvent = null;
-                    this.lastClick = 0;
-                    this.clickTimeout = null;
-                }, duration);
-            }
-            // Don't prevent default - allow native click and dblclick to fire
-            return;
-        }
-        // When enabled, prevent the native click event from propagating
-        event.preventDefault();
-        event.stopPropagation();
-        event.stopImmediatePropagation();
-        if (clickGap > 0 && clickGap < duration) {
-            // Double-click detected - clear pending single click and emit double-click
-            if (this.clickTimeout) {
-                clearTimeout(this.clickTimeout);
-                this.clickTimeout = null;
-            }
-            if (this.pendingClickEvent) {
-                this.pendingClickEvent = null;
-            }
-            this.onDblClick.emit(event);
-            this.lastClick = 0;
-        }
-        else {
-            // First click - store it and wait to see if a second click comes
-            this.lastClick = currentTime;
-            this.pendingClickEvent = event;
-            if (this.clickTimeout) {
-                clearTimeout(this.clickTimeout);
-            }
-            // Set timeout to emit single-click if no second click occurs
-            this.clickTimeout = setTimeout(() => {
-                // No double-click detected, emit single-click
-                if (this.pendingClickEvent) {
-                    this.onClick.emit(this.pendingClickEvent);
-                    this.pendingClickEvent = null;
-                }
-                this.lastClick = 0;
-                this.clickTimeout = null;
-            }, duration);
-        }
-    }
-    /**
-     * Handles touchend events (mobile) to detect double-tap.
-     * When disabled is true, allows native touch behavior.
-     */
-    onTouchEnd(event) {
-        // If disabled, let native events fire normally
-        if (this.disabled()) {
-            return;
-        }
-        const duration = this.duration();
-        const currentTime = new Date().getTime();
-        const tapGap = currentTime - this.lastTap;
-        if (tapGap > 0 && tapGap < duration) {
-            // Detected a double-tap
-            this.onDblClick.emit(event);
-            event.preventDefault(); // Prevent further default actions
-        }
-        this.lastTap = currentTime;
-    }
-    ngOnDestroy() {
-        if (this.clickTimeout) {
-            clearTimeout(this.clickTimeout);
-            this.clickTimeout = null;
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXDoubleClickDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.8", type: AXDoubleClickDirective, isStandalone: true, selector: "[axDoubleClick]", inputs: { duration: { classPropertyName: "duration", publicName: "duration", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClick: "onClick", onDblClick: "onDblClick" }, host: { listeners: { "click": "handleClick($event)", "touchend": "onTouchEnd($event)" } }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXDoubleClickDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[axDoubleClick]',
-                    host: {
-                        '(click)': 'handleClick($event)',
-                        '(touchend)': 'onTouchEnd($event)',
-                    },
-                }]
-        }], propDecorators: { duration: [{ type: i0.Input, args: [{ isSignal: true, alias: "duration", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], onClick: [{ type: i0.Output, args: ["onClick"] }], onDblClick: [{ type: i0.Output, args: ["onDblClick"] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { AXDoubleClickDirective };
-//# sourceMappingURL=acorex-cdk-double-click.mjs.map

package/fesm2022/acorex-cdk-double-click.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"acorex-cdk-double-click.mjs","sources":["../../../../packages/cdk/double-click/src/lib/double-click.directive.ts","../../../../packages/cdk/double-click/src/acorex-cdk-double-click.ts"],"sourcesContent":["import { Directive, ElementRef, inject, input, OnDestroy, output } from '@angular/core';\n\n/**\n * Directive to detect single-click and double-click events on the host element.\n * Supports both desktop (click-based detection) and mobile (touchend) events.\n * Prevents native click event propagation and emits separate single-click and double-click events.\n * Can be disabled to allow native DOM behavior (click and dblclick events).\n *\n * Usage:\n * <button\n *   axDoubleClick\n *   [duration]=\"300\"\n *   [disabled]=\"false\"\n *   (onClick)=\"onSingleClick($event)\"\n *   (onDblClick)=\"onDoubleClick($event)\"\n * >Click me</button>\n */\n@Directive({\n  selector: '[axDoubleClick]',\n  host: {\n    '(click)': 'handleClick($event)',\n    '(touchend)': 'onTouchEnd($event)',\n  },\n})\nexport class AXDoubleClickDirective implements OnDestroy {\n  private elementRef = inject(ElementRef);\n\n  /**\n   * Input to configure the duration in milliseconds for detecting double-clicks.\n   * Defaults to 250ms.\n   * Two clicks/taps within this duration are considered a double-click.\n   */\n  public duration = input<number>(250);\n\n  /**\n   * Input to disable the directive's custom click handling.\n   * When true, native click and dblclick events will fire normally (DOM default behavior).\n   * When false (default), the directive prevents default and emits custom single/double-click events.\n   * Defaults to false.\n   */\n  public disabled = input<boolean>(false);\n\n  /**\n   * Output event emitted when a single-click is detected.\n   * Emits after the configured duration milliseconds if no second click occurs.\n   * Emits the MouseEvent.\n   */\n  public onClick = output<MouseEvent>();\n\n  /**\n   * Output event emitted when a double-click is detected.\n   * Emits when two clicks occur within the configured duration milliseconds.\n   * Emits the Event (MouseEvent for desktop, TouchEvent for mobile).\n   */\n  public onDblClick = output<Event>();\n\n  private lastClick = 0;\n  private lastTap = 0;\n  private clickTimeout: ReturnType<typeof setTimeout> | null = null;\n  private pendingClickEvent: MouseEvent | null = null;\n\n  /**\n   * Handles click events and detects both single-clicks and double-clicks.\n   * Prevents native click propagation and emits appropriate events.\n   * When disabled is true, emits click immediately, still detects double-clicks, and allows native DOM behavior (no preventDefault).\n   */\n  handleClick(event: MouseEvent): void {\n    const duration = this.duration();\n    const currentTime = new Date().getTime();\n    const clickGap = currentTime - this.lastClick;\n\n    // If disabled, emit click immediately and still track for double-click, but don't prevent default\n    if (this.disabled()) {\n      // Emit single click immediately\n      this.onClick.emit(event);\n\n      // Still track for double-click detection\n      if (clickGap > 0 && clickGap < duration) {\n        // Double-click detected - emit double-click\n        if (this.clickTimeout) {\n          clearTimeout(this.clickTimeout);\n          this.clickTimeout = null;\n        }\n        if (this.pendingClickEvent) {\n          this.pendingClickEvent = null;\n        }\n        this.onDblClick.emit(event);\n        this.lastClick = 0;\n      } else {\n        // First click - store it and wait to see if a second click comes\n        this.lastClick = currentTime;\n        this.pendingClickEvent = event;\n\n        if (this.clickTimeout) {\n          clearTimeout(this.clickTimeout);\n        }\n\n        // Set timeout to emit double-click if second click occurs within duration\n        // Note: We already emitted single-click, so we just track for double-click here\n        this.clickTimeout = setTimeout(() => {\n          // No double-click detected within duration, reset state\n          this.pendingClickEvent = null;\n          this.lastClick = 0;\n          this.clickTimeout = null;\n        }, duration);\n      }\n\n      // Don't prevent default - allow native click and dblclick to fire\n      return;\n    }\n\n    // When enabled, prevent the native click event from propagating\n    event.preventDefault();\n    event.stopPropagation();\n    event.stopImmediatePropagation();\n\n    if (clickGap > 0 && clickGap < duration) {\n      // Double-click detected - clear pending single click and emit double-click\n      if (this.clickTimeout) {\n        clearTimeout(this.clickTimeout);\n        this.clickTimeout = null;\n      }\n      if (this.pendingClickEvent) {\n        this.pendingClickEvent = null;\n      }\n      this.onDblClick.emit(event);\n      this.lastClick = 0;\n    } else {\n      // First click - store it and wait to see if a second click comes\n      this.lastClick = currentTime;\n      this.pendingClickEvent = event;\n\n      if (this.clickTimeout) {\n        clearTimeout(this.clickTimeout);\n      }\n\n      // Set timeout to emit single-click if no second click occurs\n      this.clickTimeout = setTimeout(() => {\n        // No double-click detected, emit single-click\n        if (this.pendingClickEvent) {\n          this.onClick.emit(this.pendingClickEvent);\n          this.pendingClickEvent = null;\n        }\n        this.lastClick = 0;\n        this.clickTimeout = null;\n      }, duration);\n    }\n  }\n\n  /**\n   * Handles touchend events (mobile) to detect double-tap.\n   * When disabled is true, allows native touch behavior.\n   */\n  onTouchEnd(event: TouchEvent): void {\n    // If disabled, let native events fire normally\n    if (this.disabled()) {\n      return;\n    }\n\n    const duration = this.duration();\n    const currentTime = new Date().getTime();\n    const tapGap = currentTime - this.lastTap;\n\n    if (tapGap > 0 && tapGap < duration) {\n      // Detected a double-tap\n      this.onDblClick.emit(event);\n      event.preventDefault(); // Prevent further default actions\n    }\n    this.lastTap = currentTime;\n  }\n\n  ngOnDestroy(): void {\n    if (this.clickTimeout) {\n      clearTimeout(this.clickTimeout);\n      this.clickTimeout = null;\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAEA;;;;;;;;;;;;;;AAcG;MAQU,sBAAsB,CAAA;AAPnC,IAAA,WAAA,GAAA;AAQU,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;AAEvC;;;;AAIG;QACI,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAS,GAAG;qFAAC;AAEpC;;;;;AAKG;QACI,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAU,KAAK;qFAAC;AAEvC;;;;AAIG;QACI,IAAA,CAAA,OAAO,GAAG,MAAM,EAAc;AAErC;;;;AAIG;QACI,IAAA,CAAA,UAAU,GAAG,MAAM,EAAS;QAE3B,IAAA,CAAA,SAAS,GAAG,CAAC;QACb,IAAA,CAAA,OAAO,GAAG,CAAC;QACX,IAAA,CAAA,YAAY,GAAyC,IAAI;QACzD,IAAA,CAAA,iBAAiB,GAAsB,IAAI;AAsHpD,IAAA;AApHC;;;;AAIG;AACH,IAAA,WAAW,CAAC,KAAiB,EAAA;AAC3B,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,EAAE;QAChC,MAAM,WAAW,GAAG,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE;AACxC,QAAA,MAAM,QAAQ,GAAG,WAAW,GAAG,IAAI,CAAC,SAAS;;AAG7C,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;;AAEnB,YAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC;;YAGxB,IAAI,QAAQ,GAAG,CAAC,IAAI,QAAQ,GAAG,QAAQ,EAAE;;AAEvC,gBAAA,IAAI,IAAI,CAAC,YAAY,EAAE;AACrB,oBAAA,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC;AAC/B,oBAAA,IAAI,CAAC,YAAY,GAAG,IAAI;gBAC1B;AACA,gBAAA,IAAI,IAAI,CAAC,iBAAiB,EAAE;AAC1B,oBAAA,IAAI,CAAC,iBAAiB,GAAG,IAAI;gBAC/B;AACA,gBAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC;AAC3B,gBAAA,IAAI,CAAC,SAAS,GAAG,CAAC;YACpB;iBAAO;;AAEL,gBAAA,IAAI,CAAC,SAAS,GAAG,WAAW;AAC5B,gBAAA,IAAI,CAAC,iBAAiB,GAAG,KAAK;AAE9B,gBAAA,IAAI,IAAI,CAAC,YAAY,EAAE;AACrB,oBAAA,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC;gBACjC;;;AAIA,gBAAA,IAAI,CAAC,YAAY,GAAG,UAAU,CAAC,MAAK;;AAElC,oBAAA,IAAI,CAAC,iBAAiB,GAAG,IAAI;AAC7B,oBAAA,IAAI,CAAC,SAAS,GAAG,CAAC;AAClB,oBAAA,IAAI,CAAC,YAAY,GAAG,IAAI;gBAC1B,CAAC,EAAE,QAAQ,CAAC;YACd;;YAGA;QACF;;QAGA,KAAK,CAAC,cAAc,EAAE;QACtB,KAAK,CAAC,eAAe,EAAE;QACvB,KAAK,CAAC,wBAAwB,EAAE;QAEhC,IAAI,QAAQ,GAAG,CAAC,IAAI,QAAQ,GAAG,QAAQ,EAAE;;AAEvC,YAAA,IAAI,IAAI,CAAC,YAAY,EAAE;AACrB,gBAAA,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC;AAC/B,gBAAA,IAAI,CAAC,YAAY,GAAG,IAAI;YAC1B;AACA,YAAA,IAAI,IAAI,CAAC,iBAAiB,EAAE;AAC1B,gBAAA,IAAI,CAAC,iBAAiB,GAAG,IAAI;YAC/B;AACA,YAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC;AAC3B,YAAA,IAAI,CAAC,SAAS,GAAG,CAAC;QACpB;aAAO;;AAEL,YAAA,IAAI,CAAC,SAAS,GAAG,WAAW;AAC5B,YAAA,IAAI,CAAC,iBAAiB,GAAG,KAAK;AAE9B,YAAA,IAAI,IAAI,CAAC,YAAY,EAAE;AACrB,gBAAA,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC;YACjC;;AAGA,YAAA,IAAI,CAAC,YAAY,GAAG,UAAU,CAAC,MAAK;;AAElC,gBAAA,IAAI,IAAI,CAAC,iBAAiB,EAAE;oBAC1B,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC;AACzC,oBAAA,IAAI,CAAC,iBAAiB,GAAG,IAAI;gBAC/B;AACA,gBAAA,IAAI,CAAC,SAAS,GAAG,CAAC;AAClB,gBAAA,IAAI,CAAC,YAAY,GAAG,IAAI;YAC1B,CAAC,EAAE,QAAQ,CAAC;QACd;IACF;AAEA;;;AAGG;AACH,IAAA,UAAU,CAAC,KAAiB,EAAA;;AAE1B,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;YACnB;QACF;AAEA,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,EAAE;QAChC,MAAM,WAAW,GAAG,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE;AACxC,QAAA,MAAM,MAAM,GAAG,WAAW,GAAG,IAAI,CAAC,OAAO;QAEzC,IAAI,MAAM,GAAG,CAAC,IAAI,MAAM,GAAG,QAAQ,EAAE;;AAEnC,YAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC;AAC3B,YAAA,KAAK,CAAC,cAAc,EAAE,CAAC;QACzB;AACA,QAAA,IAAI,CAAC,OAAO,GAAG,WAAW;IAC5B;IAEA,WAAW,GAAA;AACT,QAAA,IAAI,IAAI,CAAC,YAAY,EAAE;AACrB,YAAA,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC;AAC/B,YAAA,IAAI,CAAC,YAAY,GAAG,IAAI;QAC1B;IACF;8GAxJW,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,qBAAA,EAAA,UAAA,EAAA,oBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAtB,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAPlC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,iBAAiB;AAC3B,oBAAA,IAAI,EAAE;AACJ,wBAAA,SAAS,EAAE,qBAAqB;AAChC,wBAAA,YAAY,EAAE,oBAAoB;AACnC,qBAAA;AACF,iBAAA;;;ACvBD;;AAEG;;;;"}

package/types/acorex-cdk-double-click.d.ts

@@ -1,66 +0,0 @@
-import * as _angular_core from '@angular/core';
-import { OnDestroy } from '@angular/core';
-
-/**
- * Directive to detect single-click and double-click events on the host element.
- * Supports both desktop (click-based detection) and mobile (touchend) events.
- * Prevents native click event propagation and emits separate single-click and double-click events.
- * Can be disabled to allow native DOM behavior (click and dblclick events).
- *
- * Usage:
- * <button
- *   axDoubleClick
- *   [duration]="300"
- *   [disabled]="false"
- *   (onClick)="onSingleClick($event)"
- *   (onDblClick)="onDoubleClick($event)"
- * >Click me</button>
- */
-declare class AXDoubleClickDirective implements OnDestroy {
-    private elementRef;
-    /**
-     * Input to configure the duration in milliseconds for detecting double-clicks.
-     * Defaults to 250ms.
-     * Two clicks/taps within this duration are considered a double-click.
-     */
-    duration: _angular_core.InputSignal<number>;
-    /**
-     * Input to disable the directive's custom click handling.
-     * When true, native click and dblclick events will fire normally (DOM default behavior).
-     * When false (default), the directive prevents default and emits custom single/double-click events.
-     * Defaults to false.
-     */
-    disabled: _angular_core.InputSignal<boolean>;
-    /**
-     * Output event emitted when a single-click is detected.
-     * Emits after the configured duration milliseconds if no second click occurs.
-     * Emits the MouseEvent.
-     */
-    onClick: _angular_core.OutputEmitterRef<MouseEvent>;
-    /**
-     * Output event emitted when a double-click is detected.
-     * Emits when two clicks occur within the configured duration milliseconds.
-     * Emits the Event (MouseEvent for desktop, TouchEvent for mobile).
-     */
-    onDblClick: _angular_core.OutputEmitterRef<Event>;
-    private lastClick;
-    private lastTap;
-    private clickTimeout;
-    private pendingClickEvent;
-    /**
-     * Handles click events and detects both single-clicks and double-clicks.
-     * Prevents native click propagation and emits appropriate events.
-     * When disabled is true, emits click immediately, still detects double-clicks, and allows native DOM behavior (no preventDefault).
-     */
-    handleClick(event: MouseEvent): void;
-    /**
-     * Handles touchend events (mobile) to detect double-tap.
-     * When disabled is true, allows native touch behavior.
-     */
-    onTouchEnd(event: TouchEvent): void;
-    ngOnDestroy(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXDoubleClickDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AXDoubleClickDirective, "[axDoubleClick]", never, { "duration": { "alias": "duration"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "onClick": "onClick"; "onDblClick": "onDblClick"; }, never, never, true, never>;
-}
-
-export { AXDoubleClickDirective };