@acorex/cdk 22.1.0-next.30 → 22.1.0-next.31

package/fesm2022/acorex-cdk-gesture.mjs

@@ -0,0 +1,173 @@
+import { isPlatformBrowser } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, ElementRef, NgZone, PLATFORM_ID, input, output, afterNextRender, effect, untracked, Directive } from '@angular/core';
+
+const HAMMER_EVENTS = 'tap doubletap press pan panstart panmove panend swipe pinch rotate';
+const HIGH_FREQUENCY_EVENTS = new Set(['pan', 'panmove', 'pinch', 'rotate']);
+/**
+ * Attaches Hammer.js gesture recognition to the host element.
+ *
+ * Usage:
+ * <div axGesture [direction]="'all'" (tap)="onTap($event)" (pan)="onPan($event)"></div>
+ */
+class AXGestureDirective {
+    constructor() {
+        this.el = inject((ElementRef));
+        this.zone = inject(NgZone);
+        this.platformId = inject(PLATFORM_ID);
+        /**
+         * Extra Hammer.js options forwarded to the manager constructor.
+         */
+        this.options = input({}, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
+        /**
+         * Pan and swipe direction. Defaults to horizontal, matching Hammer.js.
+         */
+        this.direction = input('horizontal', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "direction" }] : /* istanbul ignore next */ []));
+        /**
+         * Enables the multi-touch pinch recognizer. Disabled by default.
+         */
+        this.enablePinch = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "enablePinch" }] : /* istanbul ignore next */ []));
+        /**
+         * Enables the multi-touch rotate recognizer. Disabled by default.
+         */
+        this.enableRotate = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "enableRotate" }] : /* istanbul ignore next */ []));
+        /**
+         * Stops gesture recognition when true.
+         */
+        this.disabled = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+        this.tap = output();
+        this.doubletap = output();
+        this.press = output();
+        this.pan = output();
+        this.panstart = output();
+        this.panmove = output();
+        this.panend = output();
+        this.swipe = output();
+        this.pinch = output();
+        this.rotate = output();
+        this.hammer = null;
+        this.hammerLib = null;
+        this.setupId = 0;
+        this.ready = false;
+        this.emitters = {
+            tap: this.tap,
+            doubletap: this.doubletap,
+            press: this.press,
+            pan: this.pan,
+            panstart: this.panstart,
+            panmove: this.panmove,
+            panend: this.panend,
+            swipe: this.swipe,
+            pinch: this.pinch,
+            rotate: this.rotate,
+        };
+        this.#init = afterNextRender(() => {
+            if (!isPlatformBrowser(this.platformId))
+                return;
+            this.ready = true;
+            void this.setup();
+        });
+        this.#config = effect(() => {
+            this.options();
+            this.direction();
+            this.enablePinch();
+            this.enableRotate();
+            this.disabled();
+            untracked(() => {
+                if (this.ready)
+                    void this.setup();
+            });
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#config" }] : /* istanbul ignore next */ []));
+        this.onHammerEvent = (ev) => {
+            const emit = this.emitters[ev.type];
+            if (!emit)
+                return;
+            if (HIGH_FREQUENCY_EVENTS.has(ev.type)) {
+                emit.emit(ev);
+                return;
+            }
+            this.zone.run(() => emit.emit(ev));
+        };
+    }
+    /**
+     * The underlying Hammer manager, or null when not initialized.
+     */
+    get manager() {
+        return this.hammer;
+    }
+    #init;
+    #config;
+    ngOnDestroy() {
+        this.setupId++;
+        this.teardown();
+    }
+    async setup() {
+        const id = ++this.setupId;
+        this.teardown();
+        if (this.disabled() || !isPlatformBrowser(this.platformId))
+            return;
+        const HammerLib = await this.loadHammer();
+        if (id !== this.setupId)
+            return;
+        this.zone.runOutsideAngular(() => {
+            const options = { ...this.options() };
+            if (!options.touchAction) {
+                const hostTouchAction = this.el.nativeElement.style.touchAction;
+                if (hostTouchAction) {
+                    options.touchAction = hostTouchAction;
+                }
+            }
+            const hammer = new HammerLib(this.el.nativeElement, options);
+            const direction = this.toHammerDirection(HammerLib, this.direction());
+            hammer.get('pan')?.set({ direction });
+            hammer.get('swipe')?.set({ direction });
+            hammer.get('pinch')?.set({ enable: this.enablePinch() });
+            hammer.get('rotate')?.set({ enable: this.enableRotate() });
+            hammer.on(HAMMER_EVENTS, this.onHammerEvent);
+            this.hammer = hammer;
+        });
+    }
+    async loadHammer() {
+        if (this.hammerLib)
+            return this.hammerLib;
+        const mod = (await import('hammerjs'));
+        this.hammerLib = mod.default ?? mod;
+        return this.hammerLib;
+    }
+    toHammerDirection(HammerLib, direction) {
+        if (direction === 'all')
+            return HammerLib.DIRECTION_ALL;
+        if (direction === 'vertical')
+            return HammerLib.DIRECTION_VERTICAL;
+        return HammerLib.DIRECTION_HORIZONTAL;
+    }
+    teardown() {
+        if (!this.hammer)
+            return;
+        this.hammer.off(HAMMER_EVENTS, this.onHammerEvent);
+        this.hammer.destroy();
+        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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXGestureDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[axGesture]',
+                    exportAs: 'axGesture',
+                }]
+        }], 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"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AXGestureDirective };
+//# sourceMappingURL=acorex-cdk-gesture.mjs.map

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

@@ -0,0 +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  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  /**\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.direction();\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.direction());\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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"}

package/fesm2022/acorex-cdk-horizontal-scroll.mjs

@@ -1,23 +1,29 @@
 import { isPlatformBrowser } from '@angular/common';
+import * as i1 from '@acorex/cdk/gesture';
+import { AXGestureDirective } from '@acorex/cdk/gesture';
 import * as i0 from '@angular/core';
-import { inject, ElementRef, PLATFORM_ID, NgZone, input, afterNextRender, Directive } from '@angular/core';
+import { inject, ElementRef, PLATFORM_ID, NgZone, DestroyRef, input, afterNextRender, Directive } from '@angular/core';
 
 /**
- * Converts vertical mouse-wheel scrolling and pointer drag/swipe into horizontal scrolling on the host element.
- * Applies only when the host can scroll horizontally. Pointer events cover mouse, touch, and pen.
+ * Converts vertical mouse-wheel scrolling and horizontal pan into horizontal scrolling on the host element.
+ * Applies only when the host can scroll horizontally. Pan is provided by the hosted AXGestureDirective.
  *
  * Usage:
  * <div axHorizontalScroll [speed]="150" class="overflow-x-auto">
  *   ...
  * </div>
+ *
+ * Do not put `axGesture` on the same element; this directive already hosts it.
  */
 class AXHorizontalScrollDirective {
     constructor() {
         this.elementRef = inject((ElementRef));
         this.platformId = inject(PLATFORM_ID);
         this.zone = inject(NgZone);
+        this.gesture = inject(AXGestureDirective);
+        this.destroyRef = inject(DestroyRef);
         /**
-         * Disables wheel-to-horizontal conversion and pointer drag when true.
+         * Disables wheel-to-horizontal conversion and pan scrolling when true.
          */
         this.disabled = input(false, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
@@ -31,54 +37,45 @@ class AXHorizontalScrollDirective {
         this.targetScrollLeft = null;
         this.scrollPosition = 0;
         this.lastFrameTime = 0;
-        this.pointerId = null;
-        this.pointerStartX = 0;
-        this.pointerStartY = 0;
-        this.pointerStartScrollLeft = 0;
-        this.pointerAxis = 'undecided';
-        this.lastPointerX = 0;
-        this.lastPointerTime = 0;
-        this.pointerVelocityX = 0;
+        this.isPanning = false;
+        this.ignorePan = false;
+        this.panStartScrollLeft = 0;
         this.suppressClickListener = null;
         this.suppressClickTimer = null;
-        this.axisLockThreshold = 6;
         this.interactiveSelector = 'input, textarea, select, option, [contenteditable]:not([contenteditable="false"])';
         this.wheelListener = (event) => this.handleWheel(event);
-        this.pointerDownListener = (event) => this.handlePointerDown(event);
-        this.pointerMoveListener = (event) => this.handlePointerMove(event);
-        this.pointerUpListener = (event) => this.handlePointerUp(event);
         this.#init = afterNextRender(() => {
             if (!isPlatformBrowser(this.platformId))
                 return;
             this.zone.runOutsideAngular(() => {
                 this.nativeElement.addEventListener('wheel', this.wheelListener, { passive: false });
-                this.nativeElement.addEventListener('pointerdown', this.pointerDownListener);
-                this.nativeElement.addEventListener('pointermove', this.pointerMoveListener, { passive: false });
-                this.nativeElement.addEventListener('pointerup', this.pointerUpListener);
-                this.nativeElement.addEventListener('pointercancel', this.pointerUpListener);
-                this.nativeElement.addEventListener('lostpointercapture', this.pointerUpListener);
             });
         });
+        const subscriptions = [
+            this.gesture.panstart.subscribe((event) => this.handlePanStart(event)),
+            this.gesture.panmove.subscribe((event) => this.handlePanMove(event)),
+            this.gesture.panend.subscribe((event) => this.handlePanEnd(event)),
+        ];
+        this.destroyRef.onDestroy(() => {
+            for (const subscription of subscriptions) {
+                subscription.unsubscribe();
+            }
+        });
     }
     #init;
     ngOnDestroy() {
         if (!isPlatformBrowser(this.platformId))
             return;
         this.stopAnimation();
-        this.releasePointer();
+        this.clearPanStyles();
         this.clearClickSuppression();
         this.nativeElement.removeEventListener('wheel', this.wheelListener);
-        this.nativeElement.removeEventListener('pointerdown', this.pointerDownListener);
-        this.nativeElement.removeEventListener('pointermove', this.pointerMoveListener);
-        this.nativeElement.removeEventListener('pointerup', this.pointerUpListener);
-        this.nativeElement.removeEventListener('pointercancel', this.pointerUpListener);
-        this.nativeElement.removeEventListener('lostpointercapture', this.pointerUpListener);
     }
     get nativeElement() {
         return this.elementRef.nativeElement;
     }
     handleWheel(event) {
-        if (this.disabled() || this.pointerId !== null || !this.canScrollHorizontally())
+        if (this.disabled() || this.isPanning || !this.canScrollHorizontally())
             return;
         if (event.shiftKey || Math.abs(event.deltaX) > Math.abs(event.deltaY))
             return;
@@ -101,88 +98,55 @@ class AXHorizontalScrollDirective {
         }
         this.startAnimation();
     }
-    handlePointerDown(event) {
-        if (this.disabled() || !event.isPrimary || !this.canScrollHorizontally())
+    handlePanStart(event) {
+        if (this.disabled() || !this.canScrollHorizontally()) {
+            this.ignorePan = true;
             return;
-        if (event.pointerType === 'mouse' && event.button !== 0)
-            return;
-        if (event.target instanceof Element && event.target.closest(this.interactiveSelector))
+        }
+        if (event.target instanceof Element && event.target.closest(this.interactiveSelector)) {
+            this.ignorePan = true;
             return;
+        }
+        this.ignorePan = false;
+        this.isPanning = true;
         this.stopAnimation();
         this.targetScrollLeft = null;
         this.scrollPosition = this.nativeElement.scrollLeft;
-        this.pointerId = event.pointerId;
-        this.pointerStartX = event.clientX;
-        this.pointerStartY = event.clientY;
-        this.pointerStartScrollLeft = this.scrollPosition;
-        this.pointerAxis = 'undecided';
-        this.lastPointerX = event.clientX;
-        this.lastPointerTime = performance.now();
-        this.pointerVelocityX = 0;
-    }
-    handlePointerMove(event) {
-        if (this.pointerId !== event.pointerId || this.disabled())
-            return;
-        const deltaX = event.clientX - this.pointerStartX;
-        const deltaY = event.clientY - this.pointerStartY;
-        if (this.pointerAxis === 'undecided') {
-            if (Math.hypot(deltaX, deltaY) < this.axisLockThreshold)
-                return;
-            this.pointerAxis = Math.abs(deltaX) > Math.abs(deltaY) ? 'horizontal' : 'vertical';
-            if (this.pointerAxis === 'vertical') {
-                this.releasePointer();
-                return;
-            }
-            this.nativeElement.setPointerCapture(event.pointerId);
-            this.nativeElement.style.userSelect = 'none';
-            if (event.pointerType === 'mouse') {
-                this.nativeElement.style.cursor = 'grabbing';
-            }
+        this.panStartScrollLeft = this.scrollPosition;
+        this.nativeElement.style.userSelect = 'none';
+        if (event.pointerType === 'mouse') {
+            this.nativeElement.style.cursor = 'grabbing';
         }
-        if (this.pointerAxis !== 'horizontal')
+    }
+    handlePanMove(event) {
+        if (this.ignorePan || this.disabled() || !this.isPanning)
             return;
         event.preventDefault();
-        const now = performance.now();
-        const elapsed = now - this.lastPointerTime;
-        if (elapsed > 0) {
-            this.pointerVelocityX = (event.clientX - this.lastPointerX) / elapsed;
-        }
-        this.lastPointerX = event.clientX;
-        this.lastPointerTime = now;
-        const next = Math.max(0, Math.min(this.getMaxScrollLeft(), this.pointerStartScrollLeft - deltaX));
+        const next = Math.max(0, Math.min(this.getMaxScrollLeft(), this.panStartScrollLeft - event.deltaX));
         this.applyScrollPosition(next);
     }
-    handlePointerUp(event) {
-        if (this.pointerId !== event.pointerId)
+    handlePanEnd(event) {
+        if (this.ignorePan) {
+            this.ignorePan = false;
+            this.isPanning = false;
             return;
-        const wasHorizontalDrag = this.pointerAxis === 'horizontal';
-        const velocityX = this.pointerVelocityX;
-        const lastMoveAge = performance.now() - this.lastPointerTime;
-        this.releasePointer();
-        if (!wasHorizontalDrag)
+        }
+        this.isPanning = false;
+        this.clearPanStyles();
+        if (this.disabled())
             return;
         this.suppressClick();
-        if (this.speed() <= 0 || lastMoveAge > 80)
+        if (this.speed() <= 0)
             return;
-        const distance = -velocityX * this.speed();
+        const distance = -event.velocityX * this.speed();
         if (Math.abs(distance) < 8)
             return;
         this.targetScrollLeft = Math.max(0, Math.min(this.getMaxScrollLeft(), this.scrollPosition + distance));
         this.startAnimation();
     }
-    releasePointer() {
-        if (this.pointerId === null)
-            return;
-        const pointerId = this.pointerId;
-        this.pointerId = null;
-        this.pointerAxis = 'undecided';
-        this.pointerVelocityX = 0;
-        const element = this.nativeElement;
-        if (element.hasPointerCapture(pointerId)) {
-            element.releasePointerCapture(pointerId);
-        }
-        element.style.userSelect = '';
-        element.style.cursor = '';
+    clearPanStyles() {
+        this.nativeElement.style.userSelect = '';
+        this.nativeElement.style.cursor = '';
     }
     suppressClick() {
         this.clearClickSuppression();
@@ -255,17 +219,18 @@ class AXHorizontalScrollDirective {
         return element.scrollWidth - element.clientWidth;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXHorizontalScrollDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.8", type: AXHorizontalScrollDirective, isStandalone: true, selector: "[axHorizontalScroll]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, speed: { classPropertyName: "speed", publicName: "speed", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.touch-action": "disabled() ? null : \"pan-y\"" } }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.8", type: AXHorizontalScrollDirective, isStandalone: true, selector: "[axHorizontalScroll]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, speed: { classPropertyName: "speed", publicName: "speed", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.touch-action": "disabled() ? null : \"pan-y\"" } }, hostDirectives: [{ directive: i1.AXGestureDirective }], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXHorizontalScrollDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[axHorizontalScroll]',
+                    hostDirectives: [AXGestureDirective],
                     host: {
                         '[style.touch-action]': 'disabled() ? null : "pan-y"',
                     },
                 }]
-        }], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], speed: [{ type: i0.Input, args: [{ isSignal: true, alias: "speed", required: false }] }] } });
+        }], ctorParameters: () => [], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], speed: [{ type: i0.Input, args: [{ isSignal: true, alias: "speed", required: false }] }] } });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/acorex-cdk-horizontal-scroll.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-cdk-horizontal-scroll.mjs","sources":["../../../../packages/cdk/horizontal-scroll/src/lib/horizontal-scroll.directive.ts","../../../../packages/cdk/horizontal-scroll/src/acorex-cdk-horizontal-scroll.ts"],"sourcesContent":["import { isPlatformBrowser } from '@angular/common';\nimport { afterNextRender, Directive, ElementRef, inject, input, NgZone, OnDestroy, PLATFORM_ID } from '@angular/core';\n\n/**\n * Converts vertical mouse-wheel scrolling and pointer drag/swipe into horizontal scrolling on the host element.\n * Applies only when the host can scroll horizontally. Pointer events cover mouse, touch, and pen.\n *\n * Usage:\n * <div axHorizontalScroll [speed]=\"150\" class=\"overflow-x-auto\">\n *   ...\n * </div>\n */\n@Directive({\n  selector: '[axHorizontalScroll]',\n  host: {\n    '[style.touch-action]': 'disabled() ? null : \"pan-y\"',\n  },\n})\nexport class AXHorizontalScrollDirective implements OnDestroy {\n  private elementRef = inject(ElementRef<HTMLElement>);\n  private platformId = inject(PLATFORM_ID);\n  private zone = inject(NgZone);\n\n  /**\n   * Disables wheel-to-horizontal conversion and pointer drag when true.\n   */\n  disabled = input(false);\n\n  /**\n   * Horizontal scroll animation duration in milliseconds.\n   * Lower values scroll faster; `0` applies the scroll instantly.\n   */\n  speed = input(200);\n\n  private animationFrameId: number | null = null;\n  private targetScrollLeft: number | null = null;\n  private scrollPosition = 0;\n  private lastFrameTime = 0;\n\n  private pointerId: number | null = null;\n  private pointerStartX = 0;\n  private pointerStartY = 0;\n  private pointerStartScrollLeft = 0;\n  private pointerAxis: 'undecided' | 'horizontal' | 'vertical' = 'undecided';\n  private lastPointerX = 0;\n  private lastPointerTime = 0;\n  private pointerVelocityX = 0;\n  private suppressClickListener: ((event: Event) => void) | null = null;\n  private suppressClickTimer: ReturnType<typeof setTimeout> | null = null;\n\n  private readonly axisLockThreshold = 6;\n  private readonly interactiveSelector =\n    'input, textarea, select, option, [contenteditable]:not([contenteditable=\"false\"])';\n\n  private readonly wheelListener = (event: WheelEvent) => this.handleWheel(event);\n  private readonly pointerDownListener = (event: PointerEvent) => this.handlePointerDown(event);\n  private readonly pointerMoveListener = (event: PointerEvent) => this.handlePointerMove(event);\n  private readonly pointerUpListener = (event: PointerEvent) => this.handlePointerUp(event);\n\n  #init = afterNextRender(() => {\n    if (!isPlatformBrowser(this.platformId)) return;\n\n    this.zone.runOutsideAngular(() => {\n      this.nativeElement.addEventListener('wheel', this.wheelListener, { passive: false });\n      this.nativeElement.addEventListener('pointerdown', this.pointerDownListener);\n      this.nativeElement.addEventListener('pointermove', this.pointerMoveListener, { passive: false });\n      this.nativeElement.addEventListener('pointerup', this.pointerUpListener);\n      this.nativeElement.addEventListener('pointercancel', this.pointerUpListener);\n      this.nativeElement.addEventListener('lostpointercapture', this.pointerUpListener);\n    });\n  });\n\n  ngOnDestroy(): void {\n    if (!isPlatformBrowser(this.platformId)) return;\n\n    this.stopAnimation();\n    this.releasePointer();\n    this.clearClickSuppression();\n    this.nativeElement.removeEventListener('wheel', this.wheelListener);\n    this.nativeElement.removeEventListener('pointerdown', this.pointerDownListener);\n    this.nativeElement.removeEventListener('pointermove', this.pointerMoveListener);\n    this.nativeElement.removeEventListener('pointerup', this.pointerUpListener);\n    this.nativeElement.removeEventListener('pointercancel', this.pointerUpListener);\n    this.nativeElement.removeEventListener('lostpointercapture', this.pointerUpListener);\n  }\n\n  private get nativeElement(): HTMLElement {\n    return this.elementRef.nativeElement;\n  }\n\n  private handleWheel(event: WheelEvent): void {\n    if (this.disabled() || this.pointerId !== null || !this.canScrollHorizontally()) return;\n    if (event.shiftKey || Math.abs(event.deltaX) > Math.abs(event.deltaY)) return;\n    if (event.deltaY === 0) return;\n\n    const maxScrollLeft = this.getMaxScrollLeft();\n\n    this.syncScrollState();\n\n    const currentPosition = this.targetScrollLeft ?? this.scrollPosition;\n    const atStart = currentPosition <= 0 && event.deltaY < 0;\n    const atEnd = currentPosition >= maxScrollLeft && event.deltaY > 0;\n\n    if (atStart || atEnd) return;\n\n    event.preventDefault();\n\n    const nextTarget = Math.max(0, Math.min(maxScrollLeft, currentPosition + event.deltaY));\n    this.targetScrollLeft = nextTarget;\n\n    if (this.speed() <= 0) {\n      this.applyScrollPosition(nextTarget);\n      this.targetScrollLeft = null;\n      return;\n    }\n\n    this.startAnimation();\n  }\n\n  private handlePointerDown(event: PointerEvent): void {\n    if (this.disabled() || !event.isPrimary || !this.canScrollHorizontally()) return;\n    if (event.pointerType === 'mouse' && event.button !== 0) return;\n    if (event.target instanceof Element && event.target.closest(this.interactiveSelector)) return;\n\n    this.stopAnimation();\n    this.targetScrollLeft = null;\n    this.scrollPosition = this.nativeElement.scrollLeft;\n\n    this.pointerId = event.pointerId;\n    this.pointerStartX = event.clientX;\n    this.pointerStartY = event.clientY;\n    this.pointerStartScrollLeft = this.scrollPosition;\n    this.pointerAxis = 'undecided';\n    this.lastPointerX = event.clientX;\n    this.lastPointerTime = performance.now();\n    this.pointerVelocityX = 0;\n  }\n\n  private handlePointerMove(event: PointerEvent): void {\n    if (this.pointerId !== event.pointerId || this.disabled()) return;\n\n    const deltaX = event.clientX - this.pointerStartX;\n    const deltaY = event.clientY - this.pointerStartY;\n\n    if (this.pointerAxis === 'undecided') {\n      if (Math.hypot(deltaX, deltaY) < this.axisLockThreshold) return;\n\n      this.pointerAxis = Math.abs(deltaX) > Math.abs(deltaY) ? 'horizontal' : 'vertical';\n\n      if (this.pointerAxis === 'vertical') {\n        this.releasePointer();\n        return;\n      }\n\n      this.nativeElement.setPointerCapture(event.pointerId);\n      this.nativeElement.style.userSelect = 'none';\n      if (event.pointerType === 'mouse') {\n        this.nativeElement.style.cursor = 'grabbing';\n      }\n    }\n\n    if (this.pointerAxis !== 'horizontal') return;\n\n    event.preventDefault();\n\n    const now = performance.now();\n    const elapsed = now - this.lastPointerTime;\n    if (elapsed > 0) {\n      this.pointerVelocityX = (event.clientX - this.lastPointerX) / elapsed;\n    }\n    this.lastPointerX = event.clientX;\n    this.lastPointerTime = now;\n\n    const next = Math.max(0, Math.min(this.getMaxScrollLeft(), this.pointerStartScrollLeft - deltaX));\n    this.applyScrollPosition(next);\n  }\n\n  private handlePointerUp(event: PointerEvent): void {\n    if (this.pointerId !== event.pointerId) return;\n\n    const wasHorizontalDrag = this.pointerAxis === 'horizontal';\n    const velocityX = this.pointerVelocityX;\n    const lastMoveAge = performance.now() - this.lastPointerTime;\n\n    this.releasePointer();\n\n    if (!wasHorizontalDrag) return;\n\n    this.suppressClick();\n\n    if (this.speed() <= 0 || lastMoveAge > 80) return;\n\n    const distance = -velocityX * this.speed();\n    if (Math.abs(distance) < 8) return;\n\n    this.targetScrollLeft = Math.max(0, Math.min(this.getMaxScrollLeft(), this.scrollPosition + distance));\n    this.startAnimation();\n  }\n\n  private releasePointer(): void {\n    if (this.pointerId === null) return;\n\n    const pointerId = this.pointerId;\n    this.pointerId = null;\n    this.pointerAxis = 'undecided';\n    this.pointerVelocityX = 0;\n\n    const element = this.nativeElement;\n    if (element.hasPointerCapture(pointerId)) {\n      element.releasePointerCapture(pointerId);\n    }\n\n    element.style.userSelect = '';\n    element.style.cursor = '';\n  }\n\n  private suppressClick(): void {\n    this.clearClickSuppression();\n\n    const preventClick = (event: Event): void => {\n      event.preventDefault();\n      event.stopImmediatePropagation();\n      this.clearClickSuppression();\n    };\n\n    this.suppressClickListener = preventClick;\n    this.nativeElement.addEventListener('click', preventClick, true);\n    this.suppressClickTimer = setTimeout(() => this.clearClickSuppression(), 400);\n  }\n\n  private clearClickSuppression(): void {\n    if (this.suppressClickTimer !== null) {\n      clearTimeout(this.suppressClickTimer);\n      this.suppressClickTimer = null;\n    }\n\n    if (!this.suppressClickListener) return;\n\n    this.nativeElement.removeEventListener('click', this.suppressClickListener, true);\n    this.suppressClickListener = null;\n  }\n\n  private syncScrollState(): void {\n    if (this.targetScrollLeft !== null) return;\n\n    this.scrollPosition = this.nativeElement.scrollLeft;\n    this.targetScrollLeft = this.scrollPosition;\n  }\n\n  private startAnimation(): void {\n    if (this.animationFrameId !== null) return;\n\n    this.lastFrameTime = performance.now();\n\n    const step = (currentTime: number): void => {\n      const target = this.targetScrollLeft;\n\n      if (target === null) {\n        this.stopAnimation();\n        return;\n      }\n\n      const deltaTime = Math.max(currentTime - this.lastFrameTime, 1);\n      this.lastFrameTime = currentTime;\n\n      const factor = 1 - Math.exp(-deltaTime / this.speed());\n      this.scrollPosition += (target - this.scrollPosition) * factor;\n      this.applyScrollPosition(this.scrollPosition);\n\n      if (Math.abs(target - this.scrollPosition) < 0.5) {\n        this.applyScrollPosition(target);\n        this.targetScrollLeft = null;\n        this.stopAnimation();\n        return;\n      }\n\n      this.animationFrameId = requestAnimationFrame(step);\n    };\n\n    this.animationFrameId = requestAnimationFrame(step);\n  }\n\n  private applyScrollPosition(position: number): void {\n    this.scrollPosition = position;\n    this.nativeElement.scrollLeft = position;\n  }\n\n  private stopAnimation(): void {\n    if (this.animationFrameId === null) return;\n\n    cancelAnimationFrame(this.animationFrameId);\n    this.animationFrameId = null;\n  }\n\n  private canScrollHorizontally(): boolean {\n    const element = this.nativeElement;\n    return element.scrollWidth > element.clientWidth;\n  }\n\n  private getMaxScrollLeft(): number {\n    const element = this.nativeElement;\n    return element.scrollWidth - element.clientWidth;\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-horizontal-scroll.mjs","sources":["../../../../packages/cdk/horizontal-scroll/src/lib/horizontal-scroll.directive.ts","../../../../packages/cdk/horizontal-scroll/src/acorex-cdk-horizontal-scroll.ts"],"sourcesContent":["import { isPlatformBrowser } from '@angular/common';\nimport { AXGestureDirective, AXGestureEvent } from '@acorex/cdk/gesture';\nimport {\n  afterNextRender,\n  DestroyRef,\n  Directive,\n  ElementRef,\n  inject,\n  input,\n  NgZone,\n  OnDestroy,\n  PLATFORM_ID,\n} from '@angular/core';\n\n/**\n * Converts vertical mouse-wheel scrolling and horizontal pan into horizontal scrolling on the host element.\n * Applies only when the host can scroll horizontally. Pan is provided by the hosted AXGestureDirective.\n *\n * Usage:\n * <div axHorizontalScroll [speed]=\"150\" class=\"overflow-x-auto\">\n *   ...\n * </div>\n *\n * Do not put `axGesture` on the same element; this directive already hosts it.\n */\n@Directive({\n  selector: '[axHorizontalScroll]',\n  hostDirectives: [AXGestureDirective],\n  host: {\n    '[style.touch-action]': 'disabled() ? null : \"pan-y\"',\n  },\n})\nexport class AXHorizontalScrollDirective implements OnDestroy {\n  private readonly elementRef = inject(ElementRef<HTMLElement>);\n  private readonly platformId = inject(PLATFORM_ID);\n  private readonly zone = inject(NgZone);\n  private readonly gesture = inject(AXGestureDirective);\n  private readonly destroyRef = inject(DestroyRef);\n\n  /**\n   * Disables wheel-to-horizontal conversion and pan scrolling when true.\n   */\n  disabled = input(false);\n\n  /**\n   * Horizontal scroll animation duration in milliseconds.\n   * Lower values scroll faster; `0` applies the scroll instantly.\n   */\n  speed = input(200);\n\n  private animationFrameId: number | null = null;\n  private targetScrollLeft: number | null = null;\n  private scrollPosition = 0;\n  private lastFrameTime = 0;\n\n  private isPanning = false;\n  private ignorePan = false;\n  private panStartScrollLeft = 0;\n  private suppressClickListener: ((event: Event) => void) | null = null;\n  private suppressClickTimer: ReturnType<typeof setTimeout> | null = null;\n\n  private readonly interactiveSelector =\n    'input, textarea, select, option, [contenteditable]:not([contenteditable=\"false\"])';\n\n  private readonly wheelListener = (event: WheelEvent) => this.handleWheel(event);\n\n  constructor() {\n    const subscriptions = [\n      this.gesture.panstart.subscribe((event) => this.handlePanStart(event)),\n      this.gesture.panmove.subscribe((event) => this.handlePanMove(event)),\n      this.gesture.panend.subscribe((event) => this.handlePanEnd(event)),\n    ];\n    this.destroyRef.onDestroy(() => {\n      for (const subscription of subscriptions) {\n        subscription.unsubscribe();\n      }\n    });\n  }\n\n  #init = afterNextRender(() => {\n    if (!isPlatformBrowser(this.platformId)) return;\n\n    this.zone.runOutsideAngular(() => {\n      this.nativeElement.addEventListener('wheel', this.wheelListener, { passive: false });\n    });\n  });\n\n  ngOnDestroy(): void {\n    if (!isPlatformBrowser(this.platformId)) return;\n\n    this.stopAnimation();\n    this.clearPanStyles();\n    this.clearClickSuppression();\n    this.nativeElement.removeEventListener('wheel', this.wheelListener);\n  }\n\n  private get nativeElement(): HTMLElement {\n    return this.elementRef.nativeElement;\n  }\n\n  private handleWheel(event: WheelEvent): void {\n    if (this.disabled() || this.isPanning || !this.canScrollHorizontally()) return;\n    if (event.shiftKey || Math.abs(event.deltaX) > Math.abs(event.deltaY)) return;\n    if (event.deltaY === 0) return;\n\n    const maxScrollLeft = this.getMaxScrollLeft();\n\n    this.syncScrollState();\n\n    const currentPosition = this.targetScrollLeft ?? this.scrollPosition;\n    const atStart = currentPosition <= 0 && event.deltaY < 0;\n    const atEnd = currentPosition >= maxScrollLeft && event.deltaY > 0;\n\n    if (atStart || atEnd) return;\n\n    event.preventDefault();\n\n    const nextTarget = Math.max(0, Math.min(maxScrollLeft, currentPosition + event.deltaY));\n    this.targetScrollLeft = nextTarget;\n\n    if (this.speed() <= 0) {\n      this.applyScrollPosition(nextTarget);\n      this.targetScrollLeft = null;\n      return;\n    }\n\n    this.startAnimation();\n  }\n\n  private handlePanStart(event: AXGestureEvent): void {\n    if (this.disabled() || !this.canScrollHorizontally()) {\n      this.ignorePan = true;\n      return;\n    }\n    if (event.target instanceof Element && event.target.closest(this.interactiveSelector)) {\n      this.ignorePan = true;\n      return;\n    }\n\n    this.ignorePan = false;\n    this.isPanning = true;\n    this.stopAnimation();\n    this.targetScrollLeft = null;\n    this.scrollPosition = this.nativeElement.scrollLeft;\n    this.panStartScrollLeft = this.scrollPosition;\n    this.nativeElement.style.userSelect = 'none';\n    if (event.pointerType === 'mouse') {\n      this.nativeElement.style.cursor = 'grabbing';\n    }\n  }\n\n  private handlePanMove(event: AXGestureEvent): void {\n    if (this.ignorePan || this.disabled() || !this.isPanning) return;\n\n    event.preventDefault();\n    const next = Math.max(0, Math.min(this.getMaxScrollLeft(), this.panStartScrollLeft - event.deltaX));\n    this.applyScrollPosition(next);\n  }\n\n  private handlePanEnd(event: AXGestureEvent): void {\n    if (this.ignorePan) {\n      this.ignorePan = false;\n      this.isPanning = false;\n      return;\n    }\n\n    this.isPanning = false;\n    this.clearPanStyles();\n\n    if (this.disabled()) return;\n\n    this.suppressClick();\n\n    if (this.speed() <= 0) return;\n\n    const distance = -event.velocityX * this.speed();\n    if (Math.abs(distance) < 8) return;\n\n    this.targetScrollLeft = Math.max(0, Math.min(this.getMaxScrollLeft(), this.scrollPosition + distance));\n    this.startAnimation();\n  }\n\n  private clearPanStyles(): void {\n    this.nativeElement.style.userSelect = '';\n    this.nativeElement.style.cursor = '';\n  }\n\n  private suppressClick(): void {\n    this.clearClickSuppression();\n\n    const preventClick = (event: Event): void => {\n      event.preventDefault();\n      event.stopImmediatePropagation();\n      this.clearClickSuppression();\n    };\n\n    this.suppressClickListener = preventClick;\n    this.nativeElement.addEventListener('click', preventClick, true);\n    this.suppressClickTimer = setTimeout(() => this.clearClickSuppression(), 400);\n  }\n\n  private clearClickSuppression(): void {\n    if (this.suppressClickTimer !== null) {\n      clearTimeout(this.suppressClickTimer);\n      this.suppressClickTimer = null;\n    }\n\n    if (!this.suppressClickListener) return;\n\n    this.nativeElement.removeEventListener('click', this.suppressClickListener, true);\n    this.suppressClickListener = null;\n  }\n\n  private syncScrollState(): void {\n    if (this.targetScrollLeft !== null) return;\n\n    this.scrollPosition = this.nativeElement.scrollLeft;\n    this.targetScrollLeft = this.scrollPosition;\n  }\n\n  private startAnimation(): void {\n    if (this.animationFrameId !== null) return;\n\n    this.lastFrameTime = performance.now();\n\n    const step = (currentTime: number): void => {\n      const target = this.targetScrollLeft;\n\n      if (target === null) {\n        this.stopAnimation();\n        return;\n      }\n\n      const deltaTime = Math.max(currentTime - this.lastFrameTime, 1);\n      this.lastFrameTime = currentTime;\n\n      const factor = 1 - Math.exp(-deltaTime / this.speed());\n      this.scrollPosition += (target - this.scrollPosition) * factor;\n      this.applyScrollPosition(this.scrollPosition);\n\n      if (Math.abs(target - this.scrollPosition) < 0.5) {\n        this.applyScrollPosition(target);\n        this.targetScrollLeft = null;\n        this.stopAnimation();\n        return;\n      }\n\n      this.animationFrameId = requestAnimationFrame(step);\n    };\n\n    this.animationFrameId = requestAnimationFrame(step);\n  }\n\n  private applyScrollPosition(position: number): void {\n    this.scrollPosition = position;\n    this.nativeElement.scrollLeft = position;\n  }\n\n  private stopAnimation(): void {\n    if (this.animationFrameId === null) return;\n\n    cancelAnimationFrame(this.animationFrameId);\n    this.animationFrameId = null;\n  }\n\n  private canScrollHorizontally(): boolean {\n    const element = this.nativeElement;\n    return element.scrollWidth > element.clientWidth;\n  }\n\n  private getMaxScrollLeft(): number {\n    const element = this.nativeElement;\n    return element.scrollWidth - element.clientWidth;\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-sliding-item.mjs

@@ -1,13 +1,18 @@
+import * as i1 from '@acorex/cdk/gesture';
+import { AXGestureDirective } from '@acorex/cdk/gesture';
 import * as i0 from '@angular/core';
-import { inject, ElementRef, signal, effect, afterNextRender, Directive } from '@angular/core';
+import { inject, ElementRef, DestroyRef, signal, effect, afterNextRender, Directive } from '@angular/core';
 
+/**
+ * Enables horizontal sliding on the host via the hosted AXGestureDirective pan events.
+ *
+ * Do not put `axGesture` on the same element; this directive already hosts it.
+ */
 class AXSlidingItemDirective {
     constructor() {
-        this.hostElement = inject(ElementRef);
-        this.isMouseDown = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "isMouseDown" }] : /* istanbul ignore next */ []));
-        this.prevX = signal(0, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "prevX" }] : /* istanbul ignore next */ []));
+        this.hostElement = inject((ElementRef));
+        this.gesture = inject(AXGestureDirective);
+        this.destroyRef = inject(DestroyRef);
         this.currentX = signal(0, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "currentX" }] : /* istanbul ignore next */ []));
         this.stopPoint = signal(0, /* @ts-ignore */
@@ -16,6 +21,9 @@ class AXSlidingItemDirective {
         ...(ngDevMode ? [{ debugName: "disableSlidingRight" }] : /* istanbul ignore next */ []));
         this.disableSlidingLeft = signal(false, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "disableSlidingLeft" }] : /* istanbul ignore next */ []));
+        this.cursor = signal('grab', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "cursor" }] : /* istanbul ignore next */ []));
+        this.originX = 0;
         this.#positionChange = effect(() => {
             if (this.currentX() > 0 && this.disableSlidingRight())
                 return;
@@ -26,77 +34,79 @@ class AXSlidingItemDirective {
         ...(ngDevMode ? [{ debugName: "#positionChange" }] : /* istanbul ignore next */ []));
         this.#init = afterNextRender(() => {
             const el = this.hostElement.nativeElement.parentElement;
+            if (!el)
+                return;
             el.style.display = 'flex';
             el.style.justifyContent = 'space-between';
             el.style.position = 'relative';
             el.style.overflow = 'hidden';
         });
-        this.#effect2 = effect(() => {
-            this.hostElement.nativeElement.style.position = 'absolute';
-            this.hostElement.nativeElement.style.top = '0';
-            this.hostElement.nativeElement.style.left = '0';
-            this.hostElement.nativeElement.style.width = '100%';
-            this.hostElement.nativeElement.style.height = '100%';
-            this.hostElement.nativeElement.style.zIndex = '1';
-            this.hostElement.nativeElement.style.cursor = 'grab';
-            this.hostElement.nativeElement.style.userSelect = 'none';
-            this.hostElement.nativeElement.style.touchAction = 'none';
-            this.hostElement.nativeElement.onpointerdown = (e) => {
-                this.hostElement.nativeElement.style.transition = 'none';
-                this.hostElement.nativeElement.style.cursor = 'grabbing';
-                this.isMouseDown.set(true);
-                this.prevX.set(e.clientX);
-            };
-            this.hostElement.nativeElement.onpointermove = (e) => {
-                if (!this.isMouseDown())
-                    return;
-                const currentX = e.clientX;
-                const deltaX = currentX - this.prevX();
-                this.currentX.update((prev) => prev + deltaX);
-                this.prevX.set(currentX);
-            };
-            this.hostElement.nativeElement.onpointerup = () => {
-                this.isMouseDown.set(false);
-                this.dismiss();
-            };
-            this.hostElement.nativeElement.onpointerleave = () => {
-                if (!this.isMouseDown())
-                    return;
-                this.isMouseDown.set(false);
-                this.dismiss();
-            };
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "#effect2" }] : /* istanbul ignore next */ []));
+        const subscriptions = [
+            this.gesture.panstart.subscribe(() => this.handlePanStart()),
+            this.gesture.panmove.subscribe((event) => this.handlePanMove(event)),
+            this.gesture.panend.subscribe(() => this.handlePanEnd()),
+        ];
+        this.destroyRef.onDestroy(() => {
+            for (const subscription of subscriptions) {
+                subscription.unsubscribe();
+            }
+        });
     }
     #positionChange;
     #init;
-    #effect2;
+    handlePanStart() {
+        this.hostElement.nativeElement.style.transition = 'none';
+        this.cursor.set('grabbing');
+        this.originX = this.currentX();
+    }
+    handlePanMove(event) {
+        let next = this.originX + event.deltaX;
+        if (next > 0 && this.disableSlidingRight())
+            next = 0;
+        if (next < 0 && this.disableSlidingLeft())
+            next = 0;
+        this.currentX.set(next);
+    }
+    handlePanEnd() {
+        this.dismiss();
+    }
     dismiss() {
-        const el = this.hostElement.nativeElement;
         this.hostElement.nativeElement.style.transition = '.5s transform ease';
-        el.style.cursor = 'grab';
-        if (this.stopPoint()) {
-            el.style.transform = `translate(${this.stopPoint()}, 0)`;
-            this.currentX.set(this.stopPoint());
-            this.prevX.set(this.stopPoint());
-        }
-        else {
-            el.style.transform = `translate(0, 0)`;
-            this.currentX.set(0);
-            this.prevX.set(0);
-        }
+        this.cursor.set('grab');
+        const target = this.stopPoint();
+        this.currentX.set(target);
+        this.setPosition(target);
     }
+    /**
+     * Sets the position of the sliding element.
+     *
+     * @param pos - The horizontal position in pixels to set the element to
+     * @returns void - No return value. The element's transform is updated to the specified position.
+     */
     setPosition(pos) {
-        const el = this.hostElement.nativeElement;
-        el.style.transform = `translate(${pos}px, 0)`;
+        this.hostElement.nativeElement.style.transform = `translate(${pos}px, 0)`;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSlidingItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: AXSlidingItemDirective, isStandalone: true, selector: "[axSlidingItem]", ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: AXSlidingItemDirective, isStandalone: true, selector: "[axSlidingItem]", host: { properties: { "style.position": "\"absolute\"", "style.top": "\"0\"", "style.left": "\"0\"", "style.width": "\"100%\"", "style.height": "\"100%\"", "style.z-index": "\"1\"", "style.cursor": "cursor()", "style.user-select": "\"none\"", "style.touch-action": "\"none\"" } }, hostDirectives: [{ directive: i1.AXGestureDirective }], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSlidingItemDirective, decorators: [{
             type: Directive,
-            args: [{ selector: '[axSlidingItem]' }]
-        }] });
+            args: [{
+                    selector: '[axSlidingItem]',
+                    hostDirectives: [AXGestureDirective],
+                    host: {
+                        '[style.position]': '"absolute"',
+                        '[style.top]': '"0"',
+                        '[style.left]': '"0"',
+                        '[style.width]': '"100%"',
+                        '[style.height]': '"100%"',
+                        '[style.z-index]': '"1"',
+                        '[style.cursor]': 'cursor()',
+                        '[style.user-select]': '"none"',
+                        '[style.touch-action]': '"none"',
+                    },
+                }]
+        }], ctorParameters: () => [] });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/acorex-cdk-sliding-item.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-cdk-sliding-item.mjs","sources":["../../../../packages/cdk/sliding-item/src/lib/sliding-item.directive.ts","../../../../packages/cdk/sliding-item/src/acorex-cdk-sliding-item.ts"],"sourcesContent":["import { afterNextRender, Directive, effect, ElementRef, inject, signal } from '@angular/core';\n\n@Directive({ selector: '[axSlidingItem]' })\nexport class AXSlidingItemDirective {\n  private hostElement = inject(ElementRef);\n  private isMouseDown = signal(false);\n  private prevX = signal(0);\n  currentX = signal(0);\n  stopPoint = signal(0);\n  disableSlidingRight = signal(false);\n  disableSlidingLeft = signal(false);\n\n  #positionChange = effect(() => {\n    if (this.currentX() > 0 && this.disableSlidingRight()) return;\n    if (this.currentX() < 0 && this.disableSlidingLeft()) return;\n    this.setPosition(this.currentX());\n  });\n\n  #init = afterNextRender(() => {\n    const el = (this.hostElement.nativeElement as HTMLElement).parentElement;\n    el.style.display = 'flex';\n    el.style.justifyContent = 'space-between';\n    el.style.position = 'relative';\n    el.style.overflow = 'hidden';\n  });\n\n  #effect2 = effect(() => {\n    this.hostElement.nativeElement.style.position = 'absolute';\n    this.hostElement.nativeElement.style.top = '0';\n    this.hostElement.nativeElement.style.left = '0';\n    this.hostElement.nativeElement.style.width = '100%';\n    this.hostElement.nativeElement.style.height = '100%';\n    this.hostElement.nativeElement.style.zIndex = '1';\n    this.hostElement.nativeElement.style.cursor = 'grab';\n    this.hostElement.nativeElement.style.userSelect = 'none';\n    this.hostElement.nativeElement.style.touchAction = 'none';\n\n    this.hostElement.nativeElement.onpointerdown = (e: PointerEvent) => {\n      this.hostElement.nativeElement.style.transition = 'none';\n      this.hostElement.nativeElement.style.cursor = 'grabbing';\n      this.isMouseDown.set(true);\n      this.prevX.set(e.clientX);\n    };\n\n    this.hostElement.nativeElement.onpointermove = (e: PointerEvent) => {\n      if (!this.isMouseDown()) return;\n      const currentX = e.clientX;\n      const deltaX = currentX - this.prevX();\n      this.currentX.update((prev) => prev + deltaX);\n      this.prevX.set(currentX);\n    };\n\n    this.hostElement.nativeElement.onpointerup = () => {\n      this.isMouseDown.set(false);\n      this.dismiss();\n    };\n\n    this.hostElement.nativeElement.onpointerleave = () => {\n      if (!this.isMouseDown()) return;\n      this.isMouseDown.set(false);\n      this.dismiss();\n    };\n  });\n\n  private dismiss() {\n    const el = this.hostElement.nativeElement as HTMLElement;\n    this.hostElement.nativeElement.style.transition = '.5s transform ease';\n    el.style.cursor = 'grab';\n\n    if (this.stopPoint()) {\n      el.style.transform = `translate(${this.stopPoint()}, 0)`;\n      this.currentX.set(this.stopPoint());\n      this.prevX.set(this.stopPoint());\n    } else {\n      el.style.transform = `translate(0, 0)`;\n      this.currentX.set(0);\n      this.prevX.set(0);\n    }\n  }\n\n  setPosition(pos: number) {\n    const el = this.hostElement.nativeElement as HTMLElement;\n    el.style.transform = `translate(${pos}px, 0)`;\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-sliding-item.mjs","sources":["../../../../packages/cdk/sliding-item/src/lib/sliding-item.directive.ts","../../../../packages/cdk/sliding-item/src/acorex-cdk-sliding-item.ts"],"sourcesContent":["import { AXGestureDirective, AXGestureEvent } from '@acorex/cdk/gesture';\nimport { afterNextRender, DestroyRef, Directive, effect, ElementRef, inject, signal } from '@angular/core';\n\n/**\n * Enables horizontal sliding on the host via the hosted AXGestureDirective pan events.\n *\n * Do not put `axGesture` on the same element; this directive already hosts it.\n */\n@Directive({\n  selector: '[axSlidingItem]',\n  hostDirectives: [AXGestureDirective],\n  host: {\n    '[style.position]': '\"absolute\"',\n    '[style.top]': '\"0\"',\n    '[style.left]': '\"0\"',\n    '[style.width]': '\"100%\"',\n    '[style.height]': '\"100%\"',\n    '[style.z-index]': '\"1\"',\n    '[style.cursor]': 'cursor()',\n    '[style.user-select]': '\"none\"',\n    '[style.touch-action]': '\"none\"',\n  },\n})\nexport class AXSlidingItemDirective {\n  private readonly hostElement = inject(ElementRef<HTMLElement>);\n  private readonly gesture = inject(AXGestureDirective);\n  private readonly destroyRef = inject(DestroyRef);\n\n  currentX = signal(0);\n  stopPoint = signal(0);\n  disableSlidingRight = signal(false);\n  disableSlidingLeft = signal(false);\n\n  protected readonly cursor = signal('grab');\n  private originX = 0;\n\n  constructor() {\n    const subscriptions = [\n      this.gesture.panstart.subscribe(() => this.handlePanStart()),\n      this.gesture.panmove.subscribe((event) => this.handlePanMove(event)),\n      this.gesture.panend.subscribe(() => this.handlePanEnd()),\n    ];\n    this.destroyRef.onDestroy(() => {\n      for (const subscription of subscriptions) {\n        subscription.unsubscribe();\n      }\n    });\n  }\n\n  #positionChange = effect(() => {\n    if (this.currentX() > 0 && this.disableSlidingRight()) return;\n    if (this.currentX() < 0 && this.disableSlidingLeft()) return;\n    this.setPosition(this.currentX());\n  });\n\n  #init = afterNextRender(() => {\n    const el = this.hostElement.nativeElement.parentElement;\n    if (!el) return;\n    el.style.display = 'flex';\n    el.style.justifyContent = 'space-between';\n    el.style.position = 'relative';\n    el.style.overflow = 'hidden';\n  });\n\n  private handlePanStart(): void {\n    this.hostElement.nativeElement.style.transition = 'none';\n    this.cursor.set('grabbing');\n    this.originX = this.currentX();\n  }\n\n  private handlePanMove(event: AXGestureEvent): void {\n    let next = this.originX + event.deltaX;\n    if (next > 0 && this.disableSlidingRight()) next = 0;\n    if (next < 0 && this.disableSlidingLeft()) next = 0;\n    this.currentX.set(next);\n  }\n\n  private handlePanEnd(): void {\n    this.dismiss();\n  }\n\n  private dismiss(): void {\n    this.hostElement.nativeElement.style.transition = '.5s transform ease';\n    this.cursor.set('grab');\n    const target = this.stopPoint();\n    this.currentX.set(target);\n    this.setPosition(target);\n  }\n\n  /**\n   * Sets the position of the sliding element.\n   *\n   * @param pos - The horizontal position in pixels to set the element to\n   * @returns void - No return value. The element's transform is updated to the specified position.\n   */\n  setPosition(pos: number): void {\n    this.hostElement.nativeElement.style.transform = `translate(${pos}px, 0)`;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/gesture/README.md

@@ -0,0 +1,3 @@
+# @acorex/cdk/gesture
+
+Secondary entry point of `@acorex/cdk`. It can be used by importing from `@acorex/cdk/gesture`.

package/horizontal-scroll/README.md

@@ -2,4 +2,4 @@
 
 Secondary entry point of `@acorex/cdk`. It can be used by importing from `@acorex/cdk/horizontal-scroll`.
 
-Converts vertical mouse-wheel scrolling and pointer drag/swipe into horizontal scrolling on scrollable host elements. Pointer events cover mouse, touch, and pen.
+Converts vertical mouse-wheel scrolling and horizontal pan into horizontal scrolling on scrollable host elements. Pan is provided by a hosted `AXGestureDirective`. Do not put `axGesture` on the same element.

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@acorex/cdk",
-  "version": "22.1.0-next.30",
+  "version": "22.1.0-next.31",
   "peerDependencies": {
-    "@acorex/core": "22.1.0-next.30",
+    "@acorex/core": "22.1.0-next.31",
     "quill": ">=2.0.2",
     "qrcode": ">=1.5.4",
     "swiper": ">=11.1.15",
-    "maska": ">=3.1.1"
+    "maska": ">=3.1.1",
+    "hammerjs": ">=2.0.8"
   },
   "sideEffects": false,
   "module": "fesm2022/acorex-cdk.mjs",
@@ -59,6 +60,10 @@
       "types": "./types/acorex-cdk-full-screen.d.ts",
       "default": "./fesm2022/acorex-cdk-full-screen.mjs"
     },
+    "./gesture": {
+      "types": "./types/acorex-cdk-gesture.d.ts",
+      "default": "./fesm2022/acorex-cdk-gesture.mjs"
+    },
     "./horizontal-scroll": {
       "types": "./types/acorex-cdk-horizontal-scroll.d.ts",
       "default": "./fesm2022/acorex-cdk-horizontal-scroll.mjs"

package/sliding-item/README.md

@@ -1,3 +1,5 @@
-# @acorex/cdk/sliding-items
+# @acorex/cdk/sliding-item
 
-Secondary entry point of `@acorex/cdk`. It can be used by importing from `@acorex/cdk/sliding-items`.
+Secondary entry point of `@acorex/cdk`. It can be used by importing from `@acorex/cdk/sliding-item`.
+
+Enables horizontal sliding on the host via a hosted `AXGestureDirective`. Do not put `axGesture` on the same element.

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

@@ -0,0 +1,120 @@
+import * as _angular_core from '@angular/core';
+import { OnDestroy, OutputEmitterRef } from '@angular/core';
+
+/**
+ * Hammer.js event payload emitted by AXGestureDirective outputs.
+ */
+interface AXGestureEvent {
+    type: string;
+    deltaX: number;
+    deltaY: number;
+    deltaTime: number;
+    distance: number;
+    angle: number;
+    velocity: number;
+    velocityX: number;
+    velocityY: number;
+    direction: number;
+    offsetDirection: number;
+    scale: number;
+    rotation: number;
+    center: {
+        x: number;
+        y: number;
+    };
+    srcEvent: Event;
+    target: HTMLElement;
+    pointerType: string;
+    eventType: number;
+    isFirst: boolean;
+    isFinal: boolean;
+    preventDefault: () => void;
+}
+/**
+ * Hammer.js constructor options passed through to the manager.
+ */
+interface AXGestureOptions {
+    touchAction?: string;
+    enable?: boolean;
+    cssProps?: Record<string, string | number>;
+    domEvents?: boolean;
+    inputTarget?: EventTarget;
+}
+/**
+ * Allowed pan and swipe directions. Maps to Hammer.DIRECTION_* constants.
+ */
+type AXGestureDirection = 'all' | 'horizontal' | 'vertical';
+/**
+ * Public surface of the Hammer manager exposed via AXGestureDirective.manager.
+ */
+interface AXGestureManager {
+    get: (name: string) => {
+        set: (options: object) => unknown;
+    } | null;
+    on: (events: string, handler: (ev: AXGestureEvent) => void) => void;
+    off: (events: string, handler: (ev: AXGestureEvent) => void) => void;
+    destroy: () => void;
+}
+
+/**
+ * Attaches Hammer.js gesture recognition to the host element.
+ *
+ * Usage:
+ * <div axGesture [direction]="'all'" (tap)="onTap($event)" (pan)="onPan($event)"></div>
+ */
+declare class AXGestureDirective implements OnDestroy {
+    #private;
+    private readonly el;
+    private readonly zone;
+    private readonly platformId;
+    /**
+     * Extra Hammer.js options forwarded to the manager constructor.
+     */
+    options: _angular_core.InputSignal<AXGestureOptions>;
+    /**
+     * Pan and swipe direction. Defaults to horizontal, matching Hammer.js.
+     */
+    direction: _angular_core.InputSignal<AXGestureDirection>;
+    /**
+     * Enables the multi-touch pinch recognizer. Disabled by default.
+     */
+    enablePinch: _angular_core.InputSignal<boolean>;
+    /**
+     * Enables the multi-touch rotate recognizer. Disabled by default.
+     */
+    enableRotate: _angular_core.InputSignal<boolean>;
+    /**
+     * Stops gesture recognition when true.
+     */
+    disabled: _angular_core.InputSignal<boolean>;
+    tap: OutputEmitterRef<AXGestureEvent>;
+    doubletap: OutputEmitterRef<AXGestureEvent>;
+    press: OutputEmitterRef<AXGestureEvent>;
+    pan: OutputEmitterRef<AXGestureEvent>;
+    panstart: OutputEmitterRef<AXGestureEvent>;
+    panmove: OutputEmitterRef<AXGestureEvent>;
+    panend: OutputEmitterRef<AXGestureEvent>;
+    swipe: OutputEmitterRef<AXGestureEvent>;
+    pinch: OutputEmitterRef<AXGestureEvent>;
+    rotate: OutputEmitterRef<AXGestureEvent>;
+    private hammer;
+    private hammerLib;
+    private setupId;
+    private ready;
+    private readonly emitters;
+    /**
+     * The underlying Hammer manager, or null when not initialized.
+     */
+    get manager(): AXGestureManager | null;
+    ngOnDestroy(): void;
+    private setup;
+    private loadHammer;
+    private toHammerDirection;
+    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>;
+}
+
+export { AXGestureDirective };
+export type { AXGestureDirection, AXGestureEvent, AXGestureManager, AXGestureOptions };

package/types/acorex-cdk-horizontal-scroll.d.ts

@@ -1,22 +1,27 @@
 import * as _angular_core from '@angular/core';
 import { OnDestroy } from '@angular/core';
+import * as i1 from '@acorex/cdk/gesture';
 
 /**
- * Converts vertical mouse-wheel scrolling and pointer drag/swipe into horizontal scrolling on the host element.
- * Applies only when the host can scroll horizontally. Pointer events cover mouse, touch, and pen.
+ * Converts vertical mouse-wheel scrolling and horizontal pan into horizontal scrolling on the host element.
+ * Applies only when the host can scroll horizontally. Pan is provided by the hosted AXGestureDirective.
  *
  * Usage:
  * <div axHorizontalScroll [speed]="150" class="overflow-x-auto">
  *   ...
  * </div>
+ *
+ * Do not put `axGesture` on the same element; this directive already hosts it.
  */
 declare class AXHorizontalScrollDirective implements OnDestroy {
     #private;
-    private elementRef;
-    private platformId;
-    private zone;
+    private readonly elementRef;
+    private readonly platformId;
+    private readonly zone;
+    private readonly gesture;
+    private readonly destroyRef;
     /**
-     * Disables wheel-to-horizontal conversion and pointer drag when true.
+     * Disables wheel-to-horizontal conversion and pan scrolling when true.
      */
     disabled: _angular_core.InputSignal<boolean>;
     /**
@@ -28,29 +33,21 @@ declare class AXHorizontalScrollDirective implements OnDestroy {
     private targetScrollLeft;
     private scrollPosition;
     private lastFrameTime;
-    private pointerId;
-    private pointerStartX;
-    private pointerStartY;
-    private pointerStartScrollLeft;
-    private pointerAxis;
-    private lastPointerX;
-    private lastPointerTime;
-    private pointerVelocityX;
+    private isPanning;
+    private ignorePan;
+    private panStartScrollLeft;
     private suppressClickListener;
     private suppressClickTimer;
-    private readonly axisLockThreshold;
     private readonly interactiveSelector;
     private readonly wheelListener;
-    private readonly pointerDownListener;
-    private readonly pointerMoveListener;
-    private readonly pointerUpListener;
+    constructor();
     ngOnDestroy(): void;
     private get nativeElement();
     private handleWheel;
-    private handlePointerDown;
-    private handlePointerMove;
-    private handlePointerUp;
-    private releasePointer;
+    private handlePanStart;
+    private handlePanMove;
+    private handlePanEnd;
+    private clearPanStyles;
     private suppressClick;
     private clearClickSuppression;
     private syncScrollState;
@@ -60,7 +57,7 @@ declare class AXHorizontalScrollDirective implements OnDestroy {
     private canScrollHorizontally;
     private getMaxScrollLeft;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXHorizontalScrollDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AXHorizontalScrollDirective, "[axHorizontalScroll]", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "speed": { "alias": "speed"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AXHorizontalScrollDirective, "[axHorizontalScroll]", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "speed": { "alias": "speed"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.AXGestureDirective; inputs: {}; outputs: {}; }]>;
 }
 
 export { AXHorizontalScrollDirective };

package/types/acorex-cdk-sliding-item.d.ts

@@ -1,18 +1,36 @@
 import * as _angular_core from '@angular/core';
+import * as i1 from '@acorex/cdk/gesture';
 
+/**
+ * Enables horizontal sliding on the host via the hosted AXGestureDirective pan events.
+ *
+ * Do not put `axGesture` on the same element; this directive already hosts it.
+ */
 declare class AXSlidingItemDirective {
     #private;
-    private hostElement;
-    private isMouseDown;
-    private prevX;
+    private readonly hostElement;
+    private readonly gesture;
+    private readonly destroyRef;
     currentX: _angular_core.WritableSignal<number>;
     stopPoint: _angular_core.WritableSignal<number>;
     disableSlidingRight: _angular_core.WritableSignal<boolean>;
     disableSlidingLeft: _angular_core.WritableSignal<boolean>;
+    protected readonly cursor: _angular_core.WritableSignal<string>;
+    private originX;
+    constructor();
+    private handlePanStart;
+    private handlePanMove;
+    private handlePanEnd;
     private dismiss;
+    /**
+     * Sets the position of the sliding element.
+     *
+     * @param pos - The horizontal position in pixels to set the element to
+     * @returns void - No return value. The element's transform is updated to the specified position.
+     */
     setPosition(pos: number): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXSlidingItemDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AXSlidingItemDirective, "[axSlidingItem]", never, {}, {}, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AXSlidingItemDirective, "[axSlidingItem]", never, {}, {}, never, never, true, [{ directive: typeof i1.AXGestureDirective; inputs: {}; outputs: {}; }]>;
 }
 
 export { AXSlidingItemDirective };