@acorex/cdk 20.2.0-next.2 → 20.2.0-next.21

package/carousel/index.d.ts

@@ -8,6 +8,7 @@ declare class AXCarouselDirective {
     carousel: _angular_core.WritableSignal<Swiper>;
     carouselOptions: _angular_core.InputSignal<SwiperOptions>;
     private el;
+    private platformId;
     private init;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXCarouselDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AXCarouselDirective, "[axCarousel]", ["axCarousel"], { "carouselOptions": { "alias": "carouselOptions"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;

package/common/index.d.ts

@@ -210,6 +210,13 @@ declare class AXItemClickEvent<T = any> extends AXClickEvent {
     name?: string;
     item: T;
 }
+/**
+ *  Fires each time the user select the element.
+ * @category Events
+ */
+declare class AXItemSelectedEvent<T = any> extends AXEvent {
+    item: T;
+}
 /**
  *  Fires each time the component gets focused.
  * @category Events
@@ -262,6 +269,11 @@ declare abstract class MXBaseComponent {
     get id(): string;
     set id(v: string);
     protected get cdr(): ChangeDetectorRef;
+    /**
+     * Gets the host HTML element of the component.
+     *
+     * @returns T - The native DOM element associated with this component.
+     */
     getHostElement<T = HTMLElement>(): T;
     protected getViewContainer(): ViewContainerRef;
     protected internalOptionChanging(option: MXComponentOptionChanging): any;
@@ -276,6 +288,11 @@ declare abstract class MXBaseComponent {
      * @event
      */
     onOptionChanged: EventEmitter<AXOptionChangedEvent>;
+    /**
+     * Sets a component option with optional lifecycle callbacks.
+     *
+     * @param option - The option configuration containing the name, value and optional before/after callbacks.
+     */
     setOption<T = any>(option: MXComponentSetOption<T>): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MXBaseComponent, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<MXBaseComponent>;
@@ -286,6 +303,11 @@ declare class MXInteractiveComponent extends MXBaseComponent {
      *  @ignore
      */
     protected onTouchedCallback: () => void;
+    /**
+     * Registers a touched callback function (ControlValueAccessor method).
+     *
+     * @param fn - The callback function to register.
+     */
     registerOnTouched(fn: () => void): void;
     private _touched;
     /**
@@ -309,6 +331,11 @@ declare class MXInteractiveComponent extends MXBaseComponent {
      */
     get disabled(): boolean;
     set disabled(value: boolean);
+    /**
+     * Sets the disabled state of the component.
+     *
+     * @param isDisabled - Whether the component should be disabled.
+     */
     setDisabledState(isDisabled: boolean): void;
     _tabIndex: number;
     /**
@@ -328,10 +355,18 @@ declare class MXInteractiveComponent extends MXBaseComponent {
      */
     onBlur: EventEmitter<AXFocusEvent>;
     protected emitOnBlurEvent(e?: FocusEvent): void;
+    /**
+     * Focuses the component.
+     */
     focus(): void;
+    /**
+     * Removes focus from the component.
+     */
     blur(): void;
     /**
-     *  Check component is focused or has any focused element.
+     * Checks if the component is focused or has any focused element.
+     *
+     * @returns boolean - True if the component has focus.
      */
     hasFocus(): boolean;
 }
@@ -385,15 +420,54 @@ declare class MXValueComponent<T = any> extends MXInteractiveComponent implement
     validationRulesChange: EventEmitter<AXFormValidationRule[]>;
     private validationRules;
     get isRequired(): boolean;
+    /**
+     * Adds a validation rule.
+     *
+     * @param rule - The validation rule to add.
+     */
     addValidationRule(rule: AXFormValidationRule): void;
+    /**
+     * Removes a validation rule.
+     *
+     * @param ruleToRemove - The validation rule to remove.
+     */
     removeValidationRule(ruleToRemove: AXFormValidationRule): void;
+    /**
+     * Validates the component.
+     *
+     * @returns Promise<AXValidationSummary> - Validation result.
+     */
     validate(): Promise<AXValidationSummary>;
     protected setState(state: AXComponentState, ...args: any[]): void;
     protected onChangeCallback: (value: T) => void;
+    /**
+     * Registers a change callback function (ControlValueAccessor method).
+     *
+     * @param fn - The callback function to register.
+     */
     registerOnChange(fn: (value: T) => void): void;
+    /**
+     * Writes a value to the component (ControlValueAccessor method).
+     *
+     * @param value - The value to write.
+     */
     writeValue(value: T): void;
+    /**
+     * Commits a value with optional user interaction flag.
+     *
+     * @param value - The value to commit.
+     * @param u - Optional flag indicating if this is a user interaction.
+     */
     commitValue(value: T, u?: boolean): void;
+    /**
+     * Resets the component value.
+     *
+     * @param e - Optional flag indicating if this is a user interaction.
+     */
     reset(e?: boolean): void;
+    /**
+     * Resets validation errors.
+     */
     resetErrors(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MXValueComponent<any>, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<MXValueComponent<any>>;
@@ -492,7 +566,7 @@ declare abstract class AXAutocompleteParentComponent<T> extends MXValueComponent
 }
 
 type AXDataSourceOperator = {
-    type: 'equal' | 'isNull' | 'isEmpty' | 'lt' | 'lte' | 'gt' | 'gte' | 'startsWith' | 'endsWith' | 'contains';
+    type: 'equal' | 'isNull' | 'isEmpty' | 'lt' | 'lte' | 'gt' | 'gte' | 'startsWith' | 'endsWith' | 'contains' | 'in';
     negative?: boolean;
 };
 type AXFilterLogic = 'and' | 'or';
@@ -575,10 +649,11 @@ declare class AXDataSource<T = unknown> {
     }): void;
     find(key: unknown): T | Promise<T>;
 }
-declare function convertArrayToDataSource<T>(items: T[], options?: {
+declare function convertArrayToDataSource<T = unknown>(items: T[], options?: {
     key: string;
     pageSize: number;
-}): AXDataSource;
+}): AXDataSource<T>;
+declare function applyDataSourceQuery<T extends Record<string, unknown>>(items: T[], filter: AXDataSourceFilterOption): T[];
 
 interface AXDataListQuery {
     take?: number;
@@ -803,53 +878,204 @@ declare class MXInputBaseValueComponent<T = string> extends MXValueComponent<T>
     static ɵprov: i0.ɵɵInjectableDeclaration<MXInputBaseValueComponent<any>>;
 }
 
+/**
+ * Service that manages selection state and caching for selection components
+ */
 declare class MXSelectionBridgeService {
+    /** Array of currently selected items */
     selectedItems: unknown[];
-    cacheList: {
-        [key: string | number]: unknown;
-    };
+    /** 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>;
 }
+/**
+ * Injection token for the selection bridge service
+ */
 declare const AX_SELECTION_DATA_TOKEN: InjectionToken<MXSelectionBridgeService>;
-declare abstract class MXSelectionValueComponent<T = any> extends MXValueComponent<any> {
-    private formatService;
-    private dataService;
-    disabledCallback: (e: {
-        item: T;
-        index: number;
-    }) => boolean;
+/**
+ * Type definition for disabled callback function
+ */
+type DisabledCallback<T> = (event: {
+    item: T;
+    index: number;
+}) => boolean;
+/**
+ * Type definition for normalized item object
+ */
+interface NormalizedItem {
+    [key: string]: unknown;
+    isLoading?: boolean;
+}
+/**
+ * Abstract base component for selection-based value components
+ * Provides common functionality for components that support item selection
+ */
+declare abstract class MXSelectionValueComponent<T = unknown> extends MXValueComponent<unknown> {
+    private readonly formatService;
+    private readonly dataService;
+    /** Callback function to determine if an item should be disabled */
+    disabledCallback: DisabledCallback<T>;
     private _valueField;
+    /** Field name used to extract the unique value from items */
     get valueField(): string;
-    set valueField(v: string);
-    private _textTemplate;
-    get textTemplate(): string;
-    set textTemplate(v: string);
+    set valueField(value: string);
     private _textField;
+    /** Field name used to extract the display text from items */
     get textField(): string;
-    set textField(v: string);
+    set textField(value: string);
+    private _textTemplate;
+    /** Template string for formatting item display text */
+    get textTemplate(): string;
+    set textTemplate(value: string);
+    private _defaultText;
+    /** Text to display when neither textField nor valueField exist on the item */
+    get defaultText(): string;
+    set defaultText(value: string);
     private _disabledField;
+    /** Field name used to determine if an item is disabled */
     get disabledField(): string;
-    set disabledField(v: string);
+    set disabledField(value: string);
     private _multiple;
+    /** Whether multiple items can be selected */
     get multiple(): boolean;
-    set multiple(v: boolean);
+    set multiple(value: boolean);
+    /** Gets the currently selected items */
     get selectedItems(): unknown[];
-    internalSetValue(value: unknown): any;
-    emitOnValueChangedEvent(oldValue?: unknown, newValue?: unknown): void;
+    onItemSelected: EventEmitter<AXItemSelectedEvent>;
+    /**
+   * Emitted when an item in the list is clicked.
+   *
+   * @event
+   */
+    onItemClick: EventEmitter<AXItemClickEvent>;
+    /**
+     * Abstract method to retrieve an item by its key
+     * @param key The unique identifier of the item
+     * @returns The item or a Promise that resolves to the item
+     */
     abstract getItemByKey(key: unknown): unknown | Promise<unknown>;
-    protected normalizeItemsList(items: unknown[], findBykey?: boolean): unknown[];
+    /**
+     * Internal method to set and normalize the component value
+     * @param value The value to set (can be single item or array)
+     * @returns Normalized value based on multiple selection mode
+     */
+    internalSetValue(value: unknown): unknown;
+    /**
+     * Override to normalize selected items when value changes
+     */
+    emitOnValueChangedEvent(oldValue?: unknown, newValue?: unknown): void;
+    /**
+     * Normalizes a list of items, filtering out null values
+     * @param items Array of items to normalize
+     * @param findByKey Whether to attempt finding items by key
+     * @returns Array of normalized items
+     */
+    protected normalizeItemsList(items: unknown[], findByKey?: boolean): NormalizedItem[];
+    /**
+     * Normalizes a single item, handling caching and async loading
+     * @param item Item to normalize
+     * @param findByKey Whether to attempt finding the item by key
+     * @returns Normalized item object
+     */
     private normalizeItem;
+    /**
+     * Handles the normalization logic for items that need property assignment
+     */
+    private handleItemNormalization;
+    /**
+     * Handles async item loading with loading state
+     */
+    private handleAsyncItem;
+    /**
+     * Assigns value and text properties to the normalized object
+     */
+    private assignItemProperties;
+    /**
+     * Creates a consistent cache key for an item
+     */
+    private createCacheKey;
+    /**
+  * Normalizes currently selected items and updates the data service
+  */
     private _normalizeSelectedItems;
+    /**
+     * Unselects the specified items from the selection
+     * @param items Items to unselect
+     */
     unselectItems(...items: T[]): void;
+    /**
+     * Selects the specified items
+     * @param items Items to select
+     */
     selectItems(...items: T[]): void;
+    /**
+     * Toggles the selection state of the specified items
+     * @param items Items to toggle
+     */
     toggleSelect(...items: T[]): void;
+    /**
+     * Checks if an item is currently selected
+     * @param item Item to check
+     * @returns True if the item is selected
+     */
     isItemSelected(item: T): boolean;
+    /**
+     * Checks if an item is disabled
+     * @param item Item to check
+     * @returns True if the item is disabled
+     */
     isItemDisabled(item: T): boolean;
-    protected getDisplayText(item: T): any;
-    protected getValue(item: T): any;
+    /**
+     * Checks if an item is currently loading
+     * @param item Item to check
+     * @returns True if the item is loading
+     */
+    isItemLoading(item: T): boolean;
+    /**
+     * Gets the display text for an item using template or text field
+     * @param item Item to get display text for
+     * @returns Formatted display text
+     */
+    protected getDisplayText(item: T): string;
+    /**
+     * Gets the value of an item
+     * @param item Item to get value from
+     * @returns Item value
+     */
+    protected getValue(item: T): unknown;
+    /**
+     * Clears the selection cache and selected items
+     */
     protected clearSelectionCache(): void;
+    /**
+     * Clears only the cache while preserving selected items
+     */
     protected softClearSelectionCache(): void;
+    /**
+     * Clears the debouncing cache for specific items to ensure fresh data is displayed
+     */
+    protected clearItemDebouncingCache(item: T): void;
+    /**
+     * Forces a refresh of the display when items are loaded asynchronously
+     * This should be called when the data source is updated
+     */
+    protected refreshDisplay(): void;
+    /**
+     * Refreshes the display for all selected items to ensure consistency
+     * This is useful when the data source has been updated
+     */
+    protected refreshSelectedItemsDisplay(): void;
+    /**
+     * Forces a refresh of all selected items by clearing their debouncing cache
+     * This ensures fresh data is displayed when the data source is updated
+     */
+    protected forceRefreshSelectedItems(): void;
+    /**
+     * Asynchronously loads an item by its key and caches the result
+     * @param key Key to load item by
+     */
+    private loadAndCacheItemByKey;
     static ɵfac: i0.ɵɵFactoryDeclaration<MXSelectionValueComponent<any>, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<MXSelectionValueComponent<any>>;
 }
@@ -928,5 +1154,5 @@ 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, 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, convertArrayToDataSource, convertToPlacement };
-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, AXStyleColorType, AXStyleLookType, AXStyleSizeType, AXSurfaceType, MXComponentOptionChanged, MXComponentOptionChanging, MXComponentSetOption };
+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 };
+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, AXStyleColorType, AXStyleLookType, AXStyleSizeType, AXSurfaceType, DisabledCallback, MXComponentOptionChanged, MXComponentOptionChanging, MXComponentSetOption, NormalizedItem };

package/drag-drop/index.d.ts

@@ -154,6 +154,7 @@ declare class AXDropListDirective extends NXComponent implements OnInit, AfterCo
     private readonly _zone;
     private readonly _renderer;
     private readonly _cdr;
+    private readonly _platformId;
     private readonly _hostEl;
     /** Whether sorting within this list is disabled. */
     sortingDisabled: _angular_core.InputSignal<boolean>;

package/drawer/index.d.ts

@@ -28,8 +28,23 @@ declare class AXDrawerItemDirective implements OnDestroy {
     closeOnBackdropClick: _angular_core.ModelSignal<boolean>;
     backdropClass: _angular_core.ModelSignal<string>;
     onBackdropClick: _angular_core.OutputEmitterRef<AXClickEvent>;
+    /**
+     * Shows the drawer by animating it into view.
+     *
+     * @returns void - No return value. The drawer becomes visible.
+     */
     show(): void;
+    /**
+     * Hides the drawer by animating it out of view.
+     *
+     * @returns void - No return value. The drawer becomes hidden.
+     */
     hide(): void;
+    /**
+     * Toggles the drawer state between visible and hidden.
+     *
+     * @returns void - No return value. The drawer state is toggled.
+     */
     toggle(): void;
     private addBackdrop;
     private removeBackdrop;

package/fesm2022/acorex-cdk-accordion.mjs

@@ -7,10 +7,10 @@ class AXAccordionCloseButtonDirective {
     constructor() {
         this.elm = inject(ElementRef);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXAccordionCloseButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.3", type: AXAccordionCloseButtonDirective, isStandalone: true, selector: "[axAccordionCloseButton]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXAccordionCloseButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.8", type: AXAccordionCloseButtonDirective, isStandalone: true, selector: "[axAccordionCloseButton]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXAccordionCloseButtonDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXAccordionCloseButtonDirective, decorators: [{
             type: Directive,
             args: [{ selector: '[axAccordionCloseButton]' }]
         }] });
@@ -19,10 +19,10 @@ class AXAccordionItemHeaderDirective {
     constructor() {
         this.elm = inject(ElementRef);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXAccordionItemHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.3", type: AXAccordionItemHeaderDirective, isStandalone: true, selector: "[axAccordionItemHeader]", exportAs: ["axAccordionItemHeader"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXAccordionItemHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.8", type: AXAccordionItemHeaderDirective, isStandalone: true, selector: "[axAccordionItemHeader]", exportAs: ["axAccordionItemHeader"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXAccordionItemHeaderDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXAccordionItemHeaderDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[axAccordionItemHeader]',
@@ -58,10 +58,10 @@ class AXAccordionItemDirective {
         });
     }
     #init;
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXAccordionItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "20.1.3", type: AXAccordionItemDirective, isStandalone: true, selector: "[axAccordionItem]", inputs: { isCollapsed: { classPropertyName: "isCollapsed", publicName: "isCollapsed", isSignal: true, isRequired: false, transformFunction: null }, collapsedOnItemClick: { classPropertyName: "collapsedOnItemClick", publicName: "collapsedOnItemClick", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isCollapsed: "isCollapsedChange", onClick: "onClick", collapsedOnItemClick: "collapsedOnItemClickChange" }, queries: [{ propertyName: "close", first: true, predicate: AXAccordionCloseButtonDirective, descendants: true, isSignal: true }, { propertyName: "header", first: true, predicate: AXAccordionItemHeaderDirective, descendants: true, isSignal: true }], exportAs: ["axAccordionItem"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXAccordionItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "20.1.8", type: AXAccordionItemDirective, isStandalone: true, selector: "[axAccordionItem]", inputs: { isCollapsed: { classPropertyName: "isCollapsed", publicName: "isCollapsed", isSignal: true, isRequired: false, transformFunction: null }, collapsedOnItemClick: { classPropertyName: "collapsedOnItemClick", publicName: "collapsedOnItemClick", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isCollapsed: "isCollapsedChange", onClick: "onClick", collapsedOnItemClick: "collapsedOnItemClickChange" }, queries: [{ propertyName: "close", first: true, predicate: AXAccordionCloseButtonDirective, descendants: true, isSignal: true }, { propertyName: "header", first: true, predicate: AXAccordionItemHeaderDirective, descendants: true, isSignal: true }], exportAs: ["axAccordionItem"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXAccordionItemDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXAccordionItemDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[axAccordionItem]',
@@ -116,10 +116,10 @@ class AXAccordionGroupDirective {
     #init;
     #eff2;
     #eff3;
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXAccordionGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "20.1.3", type: AXAccordionGroupDirective, isStandalone: true, selector: "[axAccordionGroup]", inputs: { accordion: { classPropertyName: "accordion", publicName: "accordion", isSignal: true, isRequired: false, transformFunction: null }, activeIndex: { classPropertyName: "activeIndex", publicName: "activeIndex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { accordion: "accordionChange", activeIndex: "activeIndexChange" }, queries: [{ propertyName: "content", predicate: AXAccordionItemDirective, isSignal: true }], exportAs: ["axAccordionGroup"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXAccordionGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "20.1.8", type: AXAccordionGroupDirective, isStandalone: true, selector: "[axAccordionGroup]", inputs: { accordion: { classPropertyName: "accordion", publicName: "accordion", isSignal: true, isRequired: false, transformFunction: null }, activeIndex: { classPropertyName: "activeIndex", publicName: "activeIndex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { accordion: "accordionChange", activeIndex: "activeIndexChange" }, queries: [{ propertyName: "content", predicate: AXAccordionItemDirective, isSignal: true }], exportAs: ["axAccordionGroup"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXAccordionGroupDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXAccordionGroupDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[axAccordionGroup]',
@@ -163,10 +163,10 @@ class AXAccordionItemContentDirective {
     }
     #init;
     #eff;
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXAccordionItemContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.1.3", type: AXAccordionItemContentDirective, isStandalone: true, selector: "[axAccordionItemContent]", inputs: { transition: { classPropertyName: "transition", publicName: "transition", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["axAccordionItemContent"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXAccordionItemContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.1.8", type: AXAccordionItemContentDirective, isStandalone: true, selector: "[axAccordionItemContent]", inputs: { transition: { classPropertyName: "transition", publicName: "transition", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["axAccordionItemContent"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXAccordionItemContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXAccordionItemContentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[axAccordionItemContent]',
@@ -183,8 +183,8 @@ const COMPONENT = [
 ];
 const MODULES = [CommonModule];
 class AXAccordionCdkModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXAccordionCdkModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.3", ngImport: i0, type: AXAccordionCdkModule, imports: [CommonModule, AXAccordionGroupDirective,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXAccordionCdkModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.8", ngImport: i0, type: AXAccordionCdkModule, imports: [CommonModule, AXAccordionGroupDirective,
             AXAccordionItemContentDirective,
             AXAccordionItemHeaderDirective,
             AXAccordionItemDirective,
@@ -193,9 +193,9 @@ class AXAccordionCdkModule {
             AXAccordionItemHeaderDirective,
             AXAccordionItemDirective,
             AXAccordionCloseButtonDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXAccordionCdkModule, imports: [MODULES] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXAccordionCdkModule, imports: [MODULES] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXAccordionCdkModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: AXAccordionCdkModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...MODULES, ...COMPONENT],