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

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.32",
   "peerDependencies": {
-    "@acorex/core": "22.1.0-next.30",
+    "@acorex/core": "22.1.0-next.32",
     "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",
@@ -39,10 +40,6 @@
       "types": "./types/acorex-cdk-dom.d.ts",
       "default": "./fesm2022/acorex-cdk-dom.mjs"
     },
-    "./double-click": {
-      "types": "./types/acorex-cdk-double-click.d.ts",
-      "default": "./fesm2022/acorex-cdk-double-click.mjs"
-    },
     "./drag-drop": {
       "types": "./types/acorex-cdk-drag-drop.d.ts",
       "default": "./fesm2022/acorex-cdk-drag-drop.mjs"
@@ -59,6 +56,14 @@
       "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"
+    },
+    "./highlight": {
+      "types": "./types/acorex-cdk-highlight.d.ts",
+      "default": "./fesm2022/acorex-cdk-highlight.mjs"
+    },
     "./horizontal-scroll": {
       "types": "./types/acorex-cdk-horizontal-scroll.d.ts",
       "default": "./fesm2022/acorex-cdk-horizontal-scroll.mjs"
@@ -95,6 +100,10 @@
       "types": "./types/acorex-cdk-selection.d.ts",
       "default": "./fesm2022/acorex-cdk-selection.mjs"
     },
+    "./shimmer": {
+      "types": "./types/acorex-cdk-shimmer.d.ts",
+      "default": "./fesm2022/acorex-cdk-shimmer.mjs"
+    },
     "./sliding-item": {
       "types": "./types/acorex-cdk-sliding-item.d.ts",
       "default": "./fesm2022/acorex-cdk-sliding-item.mjs"

package/shimmer/README.md

@@ -0,0 +1,11 @@
+# @acorex/cdk/shimmer
+
+Text shimmer directive for loading or streaming states.
+
+```typescript
+import { AXShimmerDirective } from '@acorex/cdk/shimmer';
+```
+
+```html
+<p class="text-sm text-neutral-500" axShimmer>Generating response…</p>
+```

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-carousel.d.ts

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

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

@@ -4,7 +4,7 @@ import { ElementRef } from '@angular/core';
 declare class AXClipBoardService {
     copy(text: string): Promise<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXClipBoardService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<AXClipBoardService>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
 
 /**

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

@@ -50,7 +50,7 @@ declare abstract class NXComponent {
      */
     getHostElement<T = HTMLElement>(): T;
     static ɵfac: i0.ɵɵFactoryDeclaration<NXComponent, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<NXComponent>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
 
 /**
@@ -243,7 +243,7 @@ declare abstract class MXBaseComponent {
      */
     setOption<T = any>(option: MXComponentSetOption<T>): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MXBaseComponent, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<MXBaseComponent>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
 
 declare class MXInteractiveComponent extends MXBaseComponent {
@@ -419,7 +419,7 @@ declare class MXValueComponent<T = any> extends MXInteractiveComponent implement
      */
     resetErrors(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MXValueComponent<any>, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<MXValueComponent<any>>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
 
 declare const TAB_META_KEY = "__meta__";
@@ -449,13 +449,13 @@ declare class AXComponentClosedPromise extends Promise<AXComponentResult> {
 }
 declare abstract class AXComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXComponent, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<AXComponent>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
 declare abstract class AXClosableComponent extends AXComponent {
     abstract close(): void;
     abstract closeAll(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXClosableComponent, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<AXClosableComponent>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
 declare abstract class AXClearableComponent extends AXComponent {
     abstract reset(u: boolean): void;
@@ -463,12 +463,12 @@ declare abstract class AXClearableComponent extends AXComponent {
     abstract get disabled(): boolean;
     abstract get value(): unknown;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXClearableComponent, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<AXClearableComponent>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
 declare abstract class AXSearchableComponent extends AXComponent {
     abstract search(value: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXSearchableComponent, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<AXSearchableComponent>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
 declare abstract class AXValuableComponent extends AXComponent {
     abstract get isRequired(): boolean;
@@ -483,12 +483,12 @@ declare abstract class AXValuableComponent extends AXComponent {
     abstract reset(e: boolean): void;
     abstract resetErrors(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXValuableComponent, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<AXValuableComponent>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
 declare abstract class AXFocusableComponent extends AXComponent {
     abstract focus(): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXFocusableComponent, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<AXFocusableComponent>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
 interface AXPagedComponentInterface {
     goToPage(page: number): any;
@@ -502,7 +502,7 @@ declare abstract class AXPagedComponent extends AXComponent implements AXPagedCo
     abstract pageSize: number;
     abstract onPageChanged: EventEmitter<AXValueChangedEvent<number>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPagedComponent, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<AXPagedComponent>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
 declare abstract class AXAutocompleteParentComponent<T> extends MXValueComponent<T> {
     oldInputEmitValue: T;
@@ -511,7 +511,7 @@ declare abstract class AXAutocompleteParentComponent<T> extends MXValueComponent
     onItemSelected: EventEmitter<AXValueChangedEvent<T>>;
     emitOnItemSelected(value: T, isUserInteraction?: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXAutocompleteParentComponent<any>, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<AXAutocompleteParentComponent<any>>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
 
 /**
@@ -531,7 +531,7 @@ declare abstract class NXValueComponent extends NXComponent {
     resetErrors(): void;
     commitValue(value: unknown, _isUserInteraction?: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NXValueComponent, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<NXValueComponent>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
 
 /**
@@ -798,7 +798,7 @@ declare class MXColorComponent extends MXBaseComponent {
 declare abstract class MXLookableComponent {
     look: AXStyleLookType;
     static ɵfac: i0.ɵɵFactoryDeclaration<MXLookableComponent, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<MXLookableComponent>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
 declare class MXLookComponent extends MXBaseComponent {
     lookChange: EventEmitter<AXStyleLookType>;
@@ -902,7 +902,7 @@ declare class MXInputBaseValueComponent<T = string> extends MXValueComponent<T>
     protected emitOnTextChanged(value: string, isUserInteraction?: boolean): void;
     focus(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MXInputBaseValueComponent<any>, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<MXInputBaseValueComponent<any>>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
 
 /**
@@ -914,7 +914,7 @@ declare class MXSelectionBridgeService {
     /** Cache for normalized items keyed by their unique identifier */
     cacheList: Record<string | number, unknown>;
     static ɵfac: i0.ɵɵFactoryDeclaration<MXSelectionBridgeService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<MXSelectionBridgeService>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
 /**
  * Injection token for the selection bridge service
@@ -1104,7 +1104,7 @@ declare abstract class MXSelectionValueComponent<T = unknown> extends MXValueCom
      */
     private loadAndCacheItemByKey;
     static ɵfac: i0.ɵɵFactoryDeclaration<MXSelectionValueComponent<any>, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<MXSelectionValueComponent<any>>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
 
 declare class AXNgModelDelayedValueChangedDirective implements OnDestroy {
@@ -1151,7 +1151,7 @@ declare class AXRippleDirective implements OnDestroy {
 declare class AXDomService {
     generateElementId(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDomService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<AXDomService>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
 
 type Options = {
@@ -1178,8 +1178,25 @@ declare class AXHotkeysService {
      */
     addShortcut(options: Partial<Options>): Observable$1<unknown>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXHotkeysService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<AXHotkeysService>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
 
-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

@@ -26,9 +26,15 @@ declare class AXDragDirective implements OnInit, OnDestroy {
     dragResetOnDblClick: _angular_core.InputSignal<boolean>;
     dragLockAxis: _angular_core.InputSignal<"x" | "y">;
     dragClonedTemplate: _angular_core.InputSignal<TemplateRef<unknown>>;
-    dragCursor: _angular_core.InputSignal<"move" | "grab" | "none">;
+    dragCursor: _angular_core.InputSignal<"move" | "grab" | "grab-on-drag" | "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" | "grab-on-drag" | "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,20 @@ declare class AXDragDirective implements OnInit, OnDestroy {
     private listenersAttached;
     ngOnInit(): void;
     ngOnDestroy(): void;
+    private usesGrabDragCursor;
+    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 resetHandleCursorAfterDrag;
     private startDrag;
     private handlePointerUp;
     private preventClicking;
@@ -131,6 +150,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 +166,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 +179,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 +241,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 };