@acorex/cdk 22.1.7 → 22.2.0

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

@@ -148,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. */
@@ -162,6 +164,8 @@ declare class AXDropListDirective extends NXComponent implements OnInit, AfterCo
     private readonly _listInitialRect;
     /** The detected `gap` of the list for the current orientation. */
     private readonly _listGap;
+    /** 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. */
@@ -173,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.
@@ -233,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-highlight.d.ts

@@ -1,7 +1,6 @@
 import * as _angular_core from '@angular/core';
 import { PipeTransform } from '@angular/core';
 import { AXHighlightOptions, AXHighlightSegment } from '@acorex/core/utils';
-import { SafeHtml } from '@angular/platform-browser';
 
 /**
  * Directive that highlights text within the host element or its descendants.
@@ -43,32 +42,6 @@ declare class AXHighlightDirective {
     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>;
 }
 
-/**
- * Renders text with search-term matches wrapped in `.ax-highlight` spans.
- *
- * Uses a single innerHTML string so Angular control-flow whitespace cannot insert
- * gaps between highlighted and non-highlighted characters.
- *
- * Does not use the `ax-highlight-text` class on the host — that class is reserved for
- * {@link AXHighlightService} DOM wrappers.
- */
-declare class AXHighlightTextComponent {
-    #private;
-    private readonly sanitizer;
-    /** The full text to render. */
-    readonly text: _angular_core.InputSignal<string>;
-    /** The search term or terms to highlight within the text. */
-    readonly query: _angular_core.InputSignal<string | readonly string[]>;
-    /** When true, highlighting is disabled and plain text is shown. */
-    readonly highlightDisabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /** Optional highlight behavior configuration. */
-    readonly highlightOptions: _angular_core.InputSignal<AXHighlightOptions>;
-    protected readonly segments: _angular_core.Signal<AXHighlightSegment[]>;
-    protected readonly highlightedHtml: _angular_core.Signal<SafeHtml>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXHighlightTextComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXHighlightTextComponent, "ax-highlight-text", never, { "text": { "alias": "text"; "required": false; "isSignal": true; }; "query": { "alias": "query"; "required": false; "isSignal": true; }; "highlightDisabled": { "alias": "highlightDisabled"; "required": false; "isSignal": true; }; "highlightOptions": { "alias": "highlightOptions"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
 /**
  * Pure pipe that splits text into highlight segments for template rendering.
  */
@@ -78,4 +51,4 @@ declare class AXHighlightTextPipe implements PipeTransform {
     static ɵpipe: _angular_core.ɵɵPipeDeclaration<AXHighlightTextPipe, "axHighlightText", true>;
 }
 
-export { AXHighlightDirective, AXHighlightTextComponent, AXHighlightTextPipe };
+export { AXHighlightDirective, AXHighlightTextPipe };

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

@@ -45,6 +45,7 @@ declare class AXHorizontalScrollDirective implements OnDestroy {
     private panStartScrollPosition;
     private suppressClickListener;
     private suppressClickTimer;
+    private _isRtl;
     private readonly interactiveSelector;
     private readonly wheelListener;
     protected touchAction(): string | null;
@@ -52,6 +53,8 @@ declare class AXHorizontalScrollDirective implements OnDestroy {
     ngOnDestroy(): void;
     private get nativeElement();
     private isHorizontal;
+    private get rtlSign();
+    private refreshRtlState;
     private getCurrentScrollPosition;
     private getMaxScrollPosition;
     private canScroll;

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 };