@acorex/cdk 22.0.0 → 22.0.1-next.0

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@acorex/cdk",
-  "version": "22.0.0",
+  "version": "22.0.1-next.0",
   "peerDependencies": {
-    "@acorex/core": "22.0.0",
+    "@acorex/core": "22.0.1-next.0",
     "quill": ">=2.0.2",
     "qrcode": ">=1.5.4",
     "swiper": ">=11.1.15",
@@ -40,10 +40,6 @@
       "types": "./types/acorex-cdk-dom.d.ts",
       "default": "./fesm2022/acorex-cdk-dom.mjs"
     },
-    "./double-click": {
-      "types": "./types/acorex-cdk-double-click.d.ts",
-      "default": "./fesm2022/acorex-cdk-double-click.mjs"
-    },
     "./drag-drop": {
       "types": "./types/acorex-cdk-drag-drop.d.ts",
       "default": "./fesm2022/acorex-cdk-drag-drop.mjs"
@@ -64,6 +60,10 @@
       "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"
@@ -100,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/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-common.d.ts

@@ -1181,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

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

package/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

@@ -3,8 +3,8 @@ import { OnDestroy } from '@angular/core';
 import * as i1 from '@acorex/cdk/gesture';
 
 /**
- * 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.
+ * 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">
@@ -25,24 +25,41 @@ declare class AXHorizontalScrollDirective implements OnDestroy {
      */
     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 panStartScrollLeft;
+    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;
@@ -52,12 +69,9 @@ declare class AXHorizontalScrollDirective implements OnDestroy {
     private clearClickSuppression;
     private syncScrollState;
     private startAnimation;
-    private applyScrollPosition;
     private stopAnimation;
-    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, [{ directive: typeof i1.AXGestureDirective; inputs: {}; outputs: {}; }]>;
+    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 };

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

@@ -0,0 +1,68 @@
+import * as _angular_core from '@angular/core';
+
+/**
+ * Applies the shimmer text effect to a host element.
+ */
+declare class AXShimmerDirective {
+    #private;
+    private readonly hostElement;
+    private readonly destroyRef;
+    private readonly platformId;
+    private readonly refresh;
+    /**
+     * Plays the shimmer animation once instead of looping.
+     *
+     * @defaultValue false
+     */
+    once: _angular_core.InputSignal<boolean>;
+    /**
+     * Reverses the shimmer sweep direction.
+     *
+     * @defaultValue false
+     */
+    reverse: _angular_core.InputSignal<boolean>;
+    /**
+     * Disables the shimmer effect and renders normal text.
+     *
+     * @defaultValue false
+     */
+    disabled: _angular_core.InputSignal<boolean>;
+    /**
+     * Duration of one shimmer sweep in milliseconds.
+     *
+     * @defaultValue 2000
+     */
+    duration: _angular_core.InputSignal<number>;
+    /**
+     * Width of the highlight band. Numbers use the spacing scale; strings accept any CSS length.
+     */
+    spread: _angular_core.InputSignal<string | number>;
+    /**
+     * Tilt of the highlight band in degrees.
+     *
+     * @defaultValue 20
+     */
+    angle: _angular_core.InputSignal<number>;
+    /**
+     * Explicit highlight color. Accepts ACoreX semantic colors (`primary`, `danger`, …) or any CSS color value.
+     * Falls back to a tint derived from currentColor when omitted.
+     */
+    color: _angular_core.InputSignal<string>;
+    constructor();
+    private get element();
+    private resolveSpread;
+    private isSemanticColor;
+    private resolveHighlightColor;
+    private isDarkMode;
+    private isRtl;
+    private prefersReducedMotion;
+    private buildBackgroundImage;
+    private applyShimmerStyles;
+    private clearShimmerStyles;
+    private restartShimmerAnimation;
+    private cancelShimmerAnimation;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXShimmerDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AXShimmerDirective, "[axShimmer]", never, { "once": { "alias": "once"; "required": false; "isSignal": true; }; "reverse": { "alias": "reverse"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "duration": { "alias": "duration"; "required": false; "isSignal": true; }; "spread": { "alias": "spread"; "required": false; "isSignal": true; }; "angle": { "alias": "angle"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { AXShimmerDirective };