@acorex/cdk 22.0.0-next.9 → 22.0.1-next.0

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

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { ChangeDetectorRef, ViewContainerRef, EventEmitter, OnDestroy, AfterViewInit, InjectionToken } from '@angular/core';
-import { AXUnsubscriber } from '@acorex/core/utils';
 import { AXValidationSummary, AXValidationRuleOptions } from '@acorex/core/validation';
+import { AXUnsubscriber } from '@acorex/core/utils';
 import { ControlValueAccessor } from '@angular/forms';
 import { DataSource, CollectionViewer } from '@angular/cdk/collections';
 import { Subject, Observable } from 'rxjs';
@@ -44,6 +44,11 @@ declare abstract class NXComponent {
     #private;
     protected isRendered: i0.Signal<boolean>;
     get nativeElement(): HTMLElement;
+    /**
+     * Gets the host HTML element of the component.
+     * Same contract as classic editors so `ax-label` / `ax-form-field` can associate the field.
+     */
+    getHostElement<T = HTMLElement>(): T;
     static ɵfac: i0.ɵɵFactoryDeclaration<NXComponent, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<NXComponent>;
 }
@@ -87,66 +92,6 @@ declare abstract class NXLookComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<NXLookComponent, "ng-component", never, { "look": { "alias": "look"; "required": false; "isSignal": true; }; }, { "look": "lookChange"; }, never, never, true, never>;
 }
 
-declare abstract class NXValueComponent {
-    readonly: i0.ModelSignal<boolean>;
-    name: i0.ModelSignal<string>;
-    value: i0.ModelSignal<unknown>;
-    onValueChanged: i0.OutputEmitterRef<void>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NXValueComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NXValueComponent, "ng-component", never, { "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "readonly": "readonlyChange"; "name": "nameChange"; "value": "valueChange"; "onValueChanged": "onValueChanged"; }, never, never, true, never>;
-}
-
-/**
- * A token that specifies the direction of component.
- */
-type AXDirection = 'vertical' | 'horizontal';
-
-/**
- * A token that specifies the orientation of component.
- */
-type AXOrientation = 'vertical' | 'horizontal';
-
-type AXPlacement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'end' | 'end-top' | 'end-bottom' | 'start' | 'start-top' | 'start-bottom';
-type AXPlacementType = AXConnectedPosition | AXConnectedPosition[] | AXPlacement | AXPlacement[];
-declare function convertToPlacement(value: AXPlacementType): AXConnectedPosition[];
-interface AXConnectedPosition {
-    originX: 'start' | 'center' | 'end';
-    originY: 'top' | 'center' | 'bottom';
-    overlayX: 'start' | 'center' | 'end';
-    overlayY: 'top' | 'center' | 'bottom';
-    weight?: number;
-    offsetX?: number;
-    offsetY?: number;
-}
-declare const AX_PLACEMENT_TOP: AXConnectedPosition;
-declare const AX_PLACEMENT_TOP_START: AXConnectedPosition;
-declare const AX_PLACEMENT_TOP_END: AXConnectedPosition;
-declare const AX_PLACEMENT_BOTTOM: AXConnectedPosition;
-declare const AX_PLACEMENT_BOTTOM_START: AXConnectedPosition;
-declare const AX_PLACEMENT_BOTTOM_END: AXConnectedPosition;
-declare const AX_PLACEMENT_START: AXConnectedPosition;
-declare const AX_PLACEMENT_START_TOP: AXConnectedPosition;
-declare const AX_PLACEMENT_START_BOTTOM: AXConnectedPosition;
-declare const AX_PLACEMENT_END: AXConnectedPosition;
-declare const AX_PLACEMENT_END_TOP: AXConnectedPosition;
-declare const AX_PLACEMENT_END_BOTTOM: AXConnectedPosition;
-declare const AX_PLACEMENT_MAP: {
-    [key: string]: {
-        origin: AXConnectedPosition;
-        alts?: AXConnectedPosition[];
-    };
-};
-
-interface AXRange<T> {
-    from: T;
-    end: T;
-}
-
-/**
- * A token that specifies the  selection mode of component.
- */
-type AXSelectionMode = 'single' | 'multiple' | 'none';
-
 /**
  *  Contains native event
  * @category Events
@@ -569,6 +514,77 @@ declare abstract class AXAutocompleteParentComponent<T> extends MXValueComponent
     static ɵprov: i0.ɵɵInjectableDeclaration<AXAutocompleteParentComponent<any>>;
 }
 
+/**
+ * Signal-based value editor with the same `ax-validation-rule` / `ax-form` contract as the classic value mixins.
+ */
+declare abstract class NXValueComponent extends NXComponent {
+    #private;
+    readonly validationRulesChange: EventEmitter<AXFormValidationRule[]>;
+    get isRequired(): boolean;
+    get state(): AXComponentState;
+    protected registerValidation(): void;
+    addValidationRule(rule: AXFormValidationRule): void;
+    removeValidationRule(ruleToRemove: AXFormValidationRule): void;
+    removeValidationRuleByType(type: string): void;
+    validate(): Promise<AXValidationSummary>;
+    setState(state: AXComponentState, ...args: unknown[]): void;
+    resetErrors(): void;
+    commitValue(value: unknown, _isUserInteraction?: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NXValueComponent, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<NXValueComponent>;
+}
+
+/**
+ * A token that specifies the direction of component.
+ */
+type AXDirection = 'vertical' | 'horizontal';
+
+/**
+ * A token that specifies the orientation of component.
+ */
+type AXOrientation = 'vertical' | 'horizontal';
+
+type AXPlacement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'end' | 'end-top' | 'end-bottom' | 'start' | 'start-top' | 'start-bottom';
+type AXPlacementType = AXConnectedPosition | AXConnectedPosition[] | AXPlacement | AXPlacement[];
+declare function convertToPlacement(value: AXPlacementType): AXConnectedPosition[];
+interface AXConnectedPosition {
+    originX: 'start' | 'center' | 'end';
+    originY: 'top' | 'center' | 'bottom';
+    overlayX: 'start' | 'center' | 'end';
+    overlayY: 'top' | 'center' | 'bottom';
+    weight?: number;
+    offsetX?: number;
+    offsetY?: number;
+}
+declare const AX_PLACEMENT_TOP: AXConnectedPosition;
+declare const AX_PLACEMENT_TOP_START: AXConnectedPosition;
+declare const AX_PLACEMENT_TOP_END: AXConnectedPosition;
+declare const AX_PLACEMENT_BOTTOM: AXConnectedPosition;
+declare const AX_PLACEMENT_BOTTOM_START: AXConnectedPosition;
+declare const AX_PLACEMENT_BOTTOM_END: AXConnectedPosition;
+declare const AX_PLACEMENT_START: AXConnectedPosition;
+declare const AX_PLACEMENT_START_TOP: AXConnectedPosition;
+declare const AX_PLACEMENT_START_BOTTOM: AXConnectedPosition;
+declare const AX_PLACEMENT_END: AXConnectedPosition;
+declare const AX_PLACEMENT_END_TOP: AXConnectedPosition;
+declare const AX_PLACEMENT_END_BOTTOM: AXConnectedPosition;
+declare const AX_PLACEMENT_MAP: {
+    [key: string]: {
+        origin: AXConnectedPosition;
+        alts?: AXConnectedPosition[];
+    };
+};
+
+interface AXRange<T> {
+    from: T;
+    end: T;
+}
+
+/**
+ * A token that specifies the  selection mode of component.
+ */
+type AXSelectionMode = 'single' | 'multiple' | 'none';
+
 type AXDataSourceOperator = {
     type: 'equal' | 'isNull' | 'isEmpty' | 'lt' | 'lte' | 'gt' | 'gte' | 'startsWith' | 'endsWith' | 'contains' | 'in';
     negative?: boolean;
@@ -1165,5 +1181,22 @@ declare class AXHotkeysService {
     static ɵprov: i0.ɵɵInjectableDeclaration<AXHotkeysService>;
 }
 
-export { AXAutoFocusDirective, AXAutocompleteParentComponent, AXButtonClickEvent, AXClearableComponent, AXClickEvent, AXClosableComponent, AXCommonModule, AXComponent, AXComponentCloseEvent, AXComponentClosedPromise, AXComponentClosing, AXComponentResult, AXDataSource, AXDomService, AXEvent, AXFocusEvent, AXFocusableComponent, AXHotkeyDirective, AXHotkeysService, AXHtmlEvent, AXInfiniteScrollerDirective, AXInvertedColorDirective, AXItemClickEvent, AXItemSelectedEvent, AXListDataSource, AXNgModelDelayedValueChangedDirective, AXOptionChangedEvent, AXPagedComponent, AXRangeChangedEvent, AXResponsiveDirective, AXRippleDirective, AXSearchableComponent, AXSelectionValueChangedEvent, AXValuableComponent, AXValueChangedEvent, AX_LOCATIONS, AX_PLACEMENT_BOTTOM, AX_PLACEMENT_BOTTOM_END, AX_PLACEMENT_BOTTOM_START, AX_PLACEMENT_END, AX_PLACEMENT_END_BOTTOM, AX_PLACEMENT_END_TOP, AX_PLACEMENT_MAP, AX_PLACEMENT_START, AX_PLACEMENT_START_BOTTOM, AX_PLACEMENT_START_TOP, AX_PLACEMENT_TOP, AX_PLACEMENT_TOP_END, AX_PLACEMENT_TOP_START, AX_SELECTION_DATA_TOKEN, AX_STYLE_COLOR_TYPES, AX_STYLE_LOOK_TYPES, MXBaseComponent, MXButtonBaseComponent, MXColorComponent, MXColorLookComponent, MXInputBaseValueComponent, MXInteractiveComponent, MXLookComponent, MXLookableComponent, MXSelectionBridgeService, MXSelectionValueComponent, MXValueComponent, NXButtonComponent, NXClickEvent, NXColorComponent, NXComponent, NXEvent, NXInteractiveComponent, NXLookComponent, NXNativeEvent, NXValueComponent, TAB_META_KEY, applyDataSourceQuery, convertArrayToDataSource, convertToPlacement };
+/**
+ * Scrolls `element` into view inside `container` using nearest-edge behavior.
+ * Only adjusts the container's own scrollTop — never the document — so overlay
+ * dismissal on document scroll is not triggered.
+ */
+declare function scrollNearestIntoView(container: HTMLElement, element: HTMLElement, topInset?: number): void;
+/**
+ * Scrolls an option into view inside a scrollable container using nearest-edge behavior.
+ * Uses bounding rects relative to the container so it works even when offsetParent differs.
+ */
+declare function scrollOptionWithinContainer(container: HTMLElement, option: HTMLElement): void;
+/**
+ * Retries `fn` on successive animation frames until it returns true or `attempts` is exhausted.
+ * Used when the target element appears only after an overlay has been positioned and laid out.
+ */
+declare function retryFrames(fn: () => boolean, attempts?: number): void;
+
+export { AXAutoFocusDirective, AXAutocompleteParentComponent, AXButtonClickEvent, AXClearableComponent, AXClickEvent, AXClosableComponent, AXCommonModule, AXComponent, AXComponentCloseEvent, AXComponentClosedPromise, AXComponentClosing, AXComponentResult, AXDataSource, AXDomService, AXEvent, AXFocusEvent, AXFocusableComponent, AXHotkeyDirective, AXHotkeysService, AXHtmlEvent, AXInfiniteScrollerDirective, AXInvertedColorDirective, AXItemClickEvent, AXItemSelectedEvent, AXListDataSource, AXNgModelDelayedValueChangedDirective, AXOptionChangedEvent, AXPagedComponent, AXRangeChangedEvent, AXResponsiveDirective, AXRippleDirective, AXSearchableComponent, AXSelectionValueChangedEvent, AXValuableComponent, AXValueChangedEvent, AX_LOCATIONS, AX_PLACEMENT_BOTTOM, AX_PLACEMENT_BOTTOM_END, AX_PLACEMENT_BOTTOM_START, AX_PLACEMENT_END, AX_PLACEMENT_END_BOTTOM, AX_PLACEMENT_END_TOP, AX_PLACEMENT_MAP, AX_PLACEMENT_START, AX_PLACEMENT_START_BOTTOM, AX_PLACEMENT_START_TOP, AX_PLACEMENT_TOP, AX_PLACEMENT_TOP_END, AX_PLACEMENT_TOP_START, AX_SELECTION_DATA_TOKEN, AX_STYLE_COLOR_TYPES, AX_STYLE_LOOK_TYPES, MXBaseComponent, MXButtonBaseComponent, MXColorComponent, MXColorLookComponent, MXInputBaseValueComponent, MXInteractiveComponent, MXLookComponent, MXLookableComponent, MXSelectionBridgeService, MXSelectionValueComponent, MXValueComponent, NXButtonComponent, NXClickEvent, NXColorComponent, NXComponent, NXEvent, NXInteractiveComponent, NXLookComponent, NXNativeEvent, NXValueComponent, TAB_META_KEY, applyDataSourceQuery, convertArrayToDataSource, convertToPlacement, retryFrames, scrollNearestIntoView, scrollOptionWithinContainer };
 export type { AXAnimationEasing, AXComponentState, AXConnectedPosition, AXDataListFetchCallbackResult, AXDataListFetchDataCallback, AXDataListItems, AXDataListQuery, AXDataSourceByKeyCallback, AXDataSourceCallbackResult, AXDataSourceChangedEvent, AXDataSourceConfig, AXDataSourceFilterOption, AXDataSourceItemExpandedEvent, AXDataSourceLoadCallback, AXDataSourceOperator, AXDataSourceQuery, AXDataSourceSortOption, AXDirection, AXExpandToggleIcons, AXFilterLogic, AXFormValidationRule, AXHotKeyAction, AXLocation, AXOrientation, AXPagedComponentInterface, AXPlacement, AXPlacementType, AXRange, AXScrollPosition, AXSelectionMode, AXSizeType, AXSortOrder, AXStyleColorClassType, AXStyleColorType, AXStyleInteractiveLookClassType, AXStyleLookClassType, AXStyleLookType, AXStyleSizeType, AXSurfaceType, DisabledCallback, MXComponentOptionChanged, MXComponentOptionChanging, MXComponentSetOption, NormalizedItem };

package/types/acorex-cdk-drag-drop.d.ts

@@ -29,6 +29,12 @@ declare class AXDragDirective implements OnInit, OnDestroy {
     dragCursor: _angular_core.InputSignal<"move" | "grab" | "none">;
     dragBoundary: _angular_core.InputSignal<string | HTMLElement | ElementRef<HTMLElement>>;
     dragTransitionDuration: _angular_core.InputSignal<number>;
+    readonly isDragDisabled: _angular_core.WritableSignal<boolean>;
+    readonly lockAxis: _angular_core.WritableSignal<"x" | "y">;
+    readonly dragBoundaryOverride: _angular_core.WritableSignal<string | HTMLElement | ElementRef<HTMLElement>>;
+    readonly startDelay: _angular_core.WritableSignal<number>;
+    readonly dragTouchAction: _angular_core.WritableSignal<"none" | "pan-x" | "pan-y">;
+    readonly dragCursorOverride: _angular_core.WritableSignal<"move" | "grab" | "none">;
     dragPositionChanged: _angular_core.OutputEmitterRef<AXPositionType>;
     isMoving: _angular_core.WritableSignal<boolean>;
     clonedElement: _angular_core.WritableSignal<HTMLElement>;
@@ -43,10 +49,14 @@ declare class AXDragDirective implements OnInit, OnDestroy {
     private activePointerId;
     private prevDropZone;
     private dragStartOffset;
+    private pointerDownPosition;
     private clonePointerOffset;
     private clonedElementViewRef;
     private rafId;
     private pendingPointerEvent;
+    private savedBodyCursor;
+    private holdDelayTimer;
+    private holdDelayReady;
     private _parentDropList;
     private _currentDropList;
     readonly createCloneElement: _angular_core.Signal<boolean>;
@@ -61,11 +71,18 @@ declare class AXDragDirective implements OnInit, OnDestroy {
     private listenersAttached;
     ngOnInit(): void;
     ngOnDestroy(): void;
+    private resolveDropCursor;
+    private setActiveDragCursor;
+    private clearActiveDragCursor;
+    private clearHoldDelayTimer;
+    private scheduleHoldDelayFeedback;
+    private setElementDropCursor;
     private setElementTransition;
     private removeElementTransition;
     private handlePointerDown;
     private handleDblClick;
     private handlePointerMove;
+    private abortDragSequence;
     private startDrag;
     private handlePointerUp;
     private preventClicking;
@@ -131,6 +148,8 @@ declare class AXDropListDirective extends NXComponent implements OnInit, AfterCo
     dropListOrientation: _angular_core.InputSignal<"horizontal" | "vertical">;
     /** Emits when an item is dropped into the list. */
     dropListDropped: _angular_core.OutputEmitterRef<AXDropListDroppedEvent>;
+    /** Emits when the sort preview transforms change during an active drag. */
+    sortPreviewChanged: _angular_core.OutputEmitterRef<void>;
     /** The `axDrag` directives that are direct children of this list. */
     readonly _draggableItems: _angular_core.Signal<readonly AXDragDirective[]>;
     /** The native element of the drop list. */
@@ -145,8 +164,12 @@ declare class AXDropListDirective extends NXComponent implements OnInit, AfterCo
     private readonly _listInitialRect;
     /** The detected `gap` of the list for the current orientation. */
     private readonly _listGap;
-    /** A signal-based alias for the orientation input for internal use. */
-    private readonly _orientation;
+    /** Whether the list is in RTL direction (cached at drag start). */
+    private readonly _isRtl;
+    /** Internal orientation state; can be overridden programmatically by host components. */
+    readonly orientation: _angular_core.WritableSignal<"horizontal" | "vertical">;
+    /** Internal sorting-disabled state; can be overridden programmatically by host components. */
+    readonly isSortingDisabled: _angular_core.WritableSignal<boolean>;
     /** DOM placeholder element for inter-list drags */
     private _placeholderElement;
     ngOnInit(): void;
@@ -154,6 +177,8 @@ declare class AXDropListDirective extends NXComponent implements OnInit, AfterCo
     ngOnDestroy(): void;
     /** Checks if the given drag item is the one currently active in this list. */
     isDragActiveForThisList(dragItem: AXDragDirective): boolean;
+    /** Whether the list is horizontal and in RTL direction. */
+    private isHorizontalRtl;
     /**
      * Prepares the list for sorting when a drag operation starts from within this list.
      * @param dragItem The item that is being dragged.
@@ -214,7 +239,7 @@ declare class AXDropListDirective extends NXComponent implements OnInit, AfterCo
     /** Resets the internal state of the directive to its initial values. */
     resetSortState(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXDropListDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AXDropListDirective, "[axDropList]", ["axDropList"], { "axDropList": { "alias": "axDropList"; "required": false; "isSignal": true; }; "sortingDisabled": { "alias": "sortingDisabled"; "required": false; "isSignal": true; }; "dropListGroup": { "alias": "dropListGroup"; "required": false; "isSignal": true; }; "dropListOrientation": { "alias": "dropListOrientation"; "required": false; "isSignal": true; }; }, { "dropListDropped": "dropListDropped"; }, ["_draggableItems"], never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AXDropListDirective, "[axDropList]", ["axDropList"], { "axDropList": { "alias": "axDropList"; "required": false; "isSignal": true; }; "sortingDisabled": { "alias": "sortingDisabled"; "required": false; "isSignal": true; }; "dropListGroup": { "alias": "dropListGroup"; "required": false; "isSignal": true; }; "dropListOrientation": { "alias": "dropListOrientation"; "required": false; "isSignal": true; }; }, { "dropListDropped": "dropListDropped"; "sortPreviewChanged": "sortPreviewChanged"; }, ["_draggableItems"], never, true, never>;
 }
 
 interface AXDropZoneDropEvent extends NXNativeEvent<AXDropZoneDirective, MouseEvent> {

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

@@ -0,0 +1,132 @@
+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>;
+    /** Internal direction state; can be overridden programmatically by host directives. */
+    readonly gestureDirection: _angular_core.WritableSignal<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>;
+    /**
+     * 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>;
+    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;
+    /**
+     * 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;
+    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; }; "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 };
+export type { AXGestureDirection, AXGestureEvent, AXGestureManager, AXGestureOptions };

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

@@ -0,0 +1,54 @@
+import * as _angular_core from '@angular/core';
+import { PipeTransform } from '@angular/core';
+import { AXHighlightOptions, AXHighlightSegment } from '@acorex/core/utils';
+
+/**
+ * Directive that highlights text within the host element or its descendants.
+ *
+ * Usage:
+ * ```html
+ * <div [axHighlight]="query()">...</div>
+ * <table [axHighlight]="query()" highlightSelector="tbody td">...</table>
+ * ```
+ */
+declare class AXHighlightDirective {
+    private readonly host;
+    private readonly destroyRef;
+    private readonly highlightService;
+    /**
+     * Text or list of texts to search and highlight.
+     */
+    readonly axHighlight: _angular_core.InputSignal<string | readonly string[]>;
+    /**
+     * Optional CSS selector scoped to the host element.
+     * When omitted, highlighting is applied to the host element itself.
+     */
+    readonly highlightSelector: _angular_core.InputSignal<string>;
+    /**
+     * Optional highlight behavior configuration.
+     */
+    readonly highlightOptions: _angular_core.InputSignal<AXHighlightOptions>;
+    /**
+     * When true, highlighting is disabled and any existing highlights are cleared.
+     */
+    readonly highlightDisabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Emits the number of matches highlighted after each render cycle.
+     */
+    readonly matchCount: _angular_core.OutputEmitterRef<number>;
+    constructor();
+    private resolveTarget;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXHighlightDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AXHighlightDirective, "[axHighlight]", never, { "axHighlight": { "alias": "axHighlight"; "required": false; "isSignal": true; }; "highlightSelector": { "alias": "highlightSelector"; "required": false; "isSignal": true; }; "highlightOptions": { "alias": "highlightOptions"; "required": false; "isSignal": true; }; "highlightDisabled": { "alias": "highlightDisabled"; "required": false; "isSignal": true; }; }, { "matchCount": "matchCount"; }, never, never, true, never>;
+}
+
+/**
+ * Pure pipe that splits text into highlight segments for template rendering.
+ */
+declare class AXHighlightTextPipe implements PipeTransform {
+    transform(text: string | null | undefined, query: string | readonly string[] | null | undefined, options?: AXHighlightOptions): AXHighlightSegment[];
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXHighlightTextPipe, never>;
+    static ɵpipe: _angular_core.ɵɵPipeDeclaration<AXHighlightTextPipe, "axHighlightText", true>;
+}
+
+export { AXHighlightDirective, AXHighlightTextPipe };

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

@@ -1,44 +1,77 @@
 import * as _angular_core from '@angular/core';
 import { OnDestroy } from '@angular/core';
+import * as i1 from '@acorex/cdk/gesture';
 
 /**
- * Converts vertical mouse-wheel scrolling into horizontal scrolling on the host element.
- * Applies only when the host can scroll horizontally.
+ * Converts vertical mouse-wheel scrolling and pan gestures into scrolling on the host element.
+ * Supports horizontal and vertical orientations. 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 when true.
+     * Disables wheel-to-horizontal conversion and pan scrolling when true.
      */
     disabled: _angular_core.InputSignal<boolean>;
     /**
-     * Horizontal scroll animation duration in milliseconds.
+     * Scroll axis. Horizontal converts wheel + pan; vertical uses pan only.
+     * @defaultValue 'horizontal'
+     */
+    orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
+    /** Internal orientation state; can be overridden programmatically by host components. */
+    readonly scrollOrientation: _angular_core.WritableSignal<"horizontal" | "vertical">;
+    /**
+     * Scroll animation duration in milliseconds.
      * Lower values scroll faster; `0` applies the scroll instantly.
      */
     speed: _angular_core.InputSignal<number>;
     private animationFrameId;
-    private targetScrollLeft;
+    private targetScrollPosition;
     private scrollPosition;
     private lastFrameTime;
+    private isPanning;
+    private ignorePan;
+    private panStartScrollPosition;
+    private suppressClickListener;
+    private suppressClickTimer;
+    private _isRtl;
+    private readonly interactiveSelector;
     private readonly wheelListener;
+    protected touchAction(): string | null;
+    constructor();
     ngOnDestroy(): void;
     private get nativeElement();
+    private isHorizontal;
+    private get rtlSign();
+    private refreshRtlState;
+    private getCurrentScrollPosition;
+    private getMaxScrollPosition;
+    private canScroll;
+    private applyScrollPosition;
+    private isDragInProgress;
     private handleWheel;
+    private handlePanStart;
+    private handlePanMove;
+    private handlePanEnd;
+    private clearPanStyles;
+    private suppressClick;
+    private clearClickSuppression;
     private syncScrollState;
     private startAnimation;
-    private applyScrollPosition;
     private stopAnimation;
-    private canScrollHorizontally;
     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; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "speed": { "alias": "speed"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.AXGestureDirective; inputs: {}; outputs: {}; }]>;
 }
 
 export { AXHorizontalScrollDirective };