@acorex/components 19.8.0-next.9 → 19.9.0

package/image-editor/index.d.ts

@@ -1,4 +1,5 @@
 export * from './lib/image-editor-container/image-editor-container.component';
+export * from './lib/image-editor-toolbar/image-editor-toolbar.component';
 export * from './lib/image-editor-tools/image-editor-color-picker/image-editor-color-picker.component';
 export * from './lib/image-editor-tools/image-editor-crop/image-editor-crop.component';
 export * from './lib/image-editor-tools/image-editor-pen-mode-changer/image-editor-pen-mode-changer.component';

package/image-editor/lib/image-editor-container/image-editor-container.component.d.ts

@@ -1,34 +1,15 @@
-import { MXInputBaseValueComponent, MXLookComponent } from '@acorex/components/common';
-import { AXDialogService } from '@acorex/components/dialog';
+import { MXLookComponent } from '@acorex/components/common';
 import { ElementRef } from '@angular/core';
 import { AXImageEditorService } from '../image-editor.service';
 import * as i0 from "@angular/core";
-declare const AXImageEditorContainerComponent_base: import("polytype").Polytype.ClusteredConstructor<[{
-    new (): MXInputBaseValueComponent<Blob[]>;
-    ɵfac: import("@angular/core").ɵɵFactoryDeclaration<MXInputBaseValueComponent<any>, never>;
-    ɵprov: import("@angular/core").ɵɵInjectableDeclaration<MXInputBaseValueComponent<any>>;
-}, typeof MXLookComponent]>;
 /**
  * paint container.
  * @category Components
  */
-export declare class AXImageEditorContainerComponent extends AXImageEditorContainerComponent_base {
+export declare class AXImageEditorContainerComponent extends MXLookComponent {
     /** @ignore */
     protected service: AXImageEditorService;
     imageEditorContainer: import("@angular/core").Signal<ElementRef<any>>;
-    /** @ignore */
-    protected dialogService: AXDialogService;
-    /** @ignore */
-    protected options: import("@angular/core").WritableSignal<{
-        color: string;
-        title: string;
-        vertical: boolean;
-        content: string;
-        orientation: any;
-        draggable: boolean;
-    }>;
-    save(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXImageEditorContainerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXImageEditorContainerComponent, "ax-image-editor-container", never, { "look": { "alias": "look"; "required": false; }; }, { "onValueChanged": "onValueChanged"; }, never, ["*", "ax-validation-rule"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXImageEditorContainerComponent, "ax-image-editor-container", never, {}, {}, never, ["*"], false, never>;
 }
-export {};

package/image-editor/lib/image-editor-toolbar/image-editor-toolbar.component.d.ts

@@ -0,0 +1,27 @@
+import { MXInputBaseValueComponent } from '@acorex/components/common';
+import { AXDialogService } from '@acorex/components/dialog';
+import { AXImageEditorService } from '../image-editor.service';
+import * as i0 from "@angular/core";
+/**
+ *paint toolbar
+ * @category Components
+ */
+export declare class AXImageEditorToolbarComponent extends MXInputBaseValueComponent<Blob[]> {
+    /** @ignore */
+    protected dialogService: AXDialogService;
+    /** @ignore */
+    protected service: AXImageEditorService;
+    /** @ignore */
+    protected options: import("@angular/core").WritableSignal<{
+        color: string;
+        title: string;
+        vertical: boolean;
+        content: string;
+        orientation: any;
+        draggable: boolean;
+    }>;
+    /** @ignore */
+    protected saveHandler(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXImageEditorToolbarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXImageEditorToolbarComponent, "ax-image-editor-toolbar", never, {}, { "onValueChanged": "onValueChanged"; }, never, ["ax-prefix", "*", "ax-suffix"], false, never>;
+}

package/image-editor/lib/image-editor.module.d.ts

@@ -1,21 +1,22 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./image-editor-tools/image-editor-color-picker/image-editor-color-picker.component";
-import * as i2 from "./image-editor-tools/image-editor-pen-mode-changer/image-editor-pen-mode-changer.component";
-import * as i3 from "./image-editor-view/image-editor-view.component";
-import * as i4 from "./image-editor-container/image-editor-container.component";
-import * as i5 from "./image-editor-tools/image-editor-crop/image-editor-crop.component";
-import * as i6 from "@acorex/components/button";
-import * as i7 from "@angular/forms";
-import * as i8 from "@acorex/components/range-slider";
-import * as i9 from "@acorex/components/select-box";
-import * as i10 from "@acorex/components/color-box";
-import * as i11 from "@acorex/components/popover";
-import * as i12 from "@acorex/components/decorators";
-import * as i13 from "@acorex/components/loading";
-import * as i14 from "@acorex/components/dialog";
-import * as i15 from "@acorex/components/tooltip";
+import * as i1 from "./image-editor-toolbar/image-editor-toolbar.component";
+import * as i2 from "./image-editor-tools/image-editor-color-picker/image-editor-color-picker.component";
+import * as i3 from "./image-editor-tools/image-editor-pen-mode-changer/image-editor-pen-mode-changer.component";
+import * as i4 from "./image-editor-view/image-editor-view.component";
+import * as i5 from "./image-editor-container/image-editor-container.component";
+import * as i6 from "./image-editor-tools/image-editor-crop/image-editor-crop.component";
+import * as i7 from "@acorex/components/button";
+import * as i8 from "@angular/forms";
+import * as i9 from "@acorex/components/range-slider";
+import * as i10 from "@acorex/components/select-box";
+import * as i11 from "@acorex/components/color-box";
+import * as i12 from "@acorex/components/popover";
+import * as i13 from "@acorex/components/decorators";
+import * as i14 from "@acorex/components/loading";
+import * as i15 from "@acorex/components/dialog";
+import * as i16 from "@acorex/components/tooltip";
 export declare class AXImageEditorModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXImageEditorModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXImageEditorModule, [typeof i1.AXImageEditorColorPickerComponent, typeof i2.AXImageEditorPenModeChangerComponent, typeof i3.AXImageEditorViewComponent, typeof i4.AXImageEditorContainerComponent, typeof i5.AXImageEditorCropComponent], [typeof i6.AXButtonModule, typeof i7.FormsModule, typeof i8.AXRangeSliderModule, typeof i9.AXSelectBoxModule, typeof i10.AXColorBoxModule, typeof i11.AXPopoverModule, typeof i12.AXDecoratorModule, typeof i13.AXLoadingModule, typeof i14.AXDialogModule, typeof i15.AXTooltipModule], [typeof i1.AXImageEditorColorPickerComponent, typeof i2.AXImageEditorPenModeChangerComponent, typeof i3.AXImageEditorViewComponent, typeof i4.AXImageEditorContainerComponent, typeof i5.AXImageEditorCropComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXImageEditorModule, [typeof i1.AXImageEditorToolbarComponent, typeof i2.AXImageEditorColorPickerComponent, typeof i3.AXImageEditorPenModeChangerComponent, typeof i4.AXImageEditorViewComponent, typeof i5.AXImageEditorContainerComponent, typeof i6.AXImageEditorCropComponent], [typeof i7.AXButtonModule, typeof i8.FormsModule, typeof i9.AXRangeSliderModule, typeof i10.AXSelectBoxModule, typeof i11.AXColorBoxModule, typeof i12.AXPopoverModule, typeof i13.AXDecoratorModule, typeof i14.AXLoadingModule, typeof i15.AXDialogModule, typeof i16.AXTooltipModule], [typeof i1.AXImageEditorToolbarComponent, typeof i2.AXImageEditorColorPickerComponent, typeof i3.AXImageEditorPenModeChangerComponent, typeof i4.AXImageEditorViewComponent, typeof i5.AXImageEditorContainerComponent, typeof i6.AXImageEditorCropComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXImageEditorModule>;
 }

package/loading/lib/loading-spinner.component.d.ts

@@ -14,7 +14,7 @@ export declare class AXLoadingSpinnerComponent {
      * Color of the spinner. Can be a predefined style color or a custom color.
      * @defaultValue 'ghost'
      */
-    color: AXStyleColorType | 'white' | 'black';
+    color: AXStyleColorType | string;
     /**
      * Size of the spinner, in pixels. This determines both the width and height of the spinner.
      * @defaultValue 16

package/menu/lib/menu-item.component.d.ts

@@ -1,5 +1,4 @@
 import { AXStyleColorType, NXComponent } from '@acorex/components/common';
-import { OnDestroy } from '@angular/core';
 import { AXMenuItemClickBaseEvent, AXRootMenu } from './menu.types';
 import * as i0 from "@angular/core";
 export type AXMenuItemClickEvent = AXMenuItemClickBaseEvent<AXMenuItemComponent>;
@@ -7,7 +6,7 @@ export type AXMenuItemClickEvent = AXMenuItemClickBaseEvent<AXMenuItemComponent>
  * Represents a menu item component used within an `ax-menu`.
  * @category Components
  */
-export declare class AXMenuItemComponent extends NXComponent implements OnDestroy {
+export declare class AXMenuItemComponent extends NXComponent {
     protected isOpen: import("@angular/core").WritableSignal<boolean>;
     protected hasSubItems: import("@angular/core").WritableSignal<boolean>;
     protected isFirstLevel: import("@angular/core").WritableSignal<boolean>;

package/notification/lib/notification.service.d.ts

@@ -15,7 +15,7 @@ export declare class AXNotificationService {
     hideAll(): void;
     private handleShowReservedNotification;
     private handleReservedNotificationCounter;
-    private createReservedCounternotification;
+    private createReservedCounterToast;
     private reposition;
     private getRepositionPosition;
     private getPosition;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acorex/components",
-  "version": "19.8.0-next.9",
+  "version": "19.9.0",
   "peerDependencies": {
     "@angular/common": ">=19.0.0",
     "@angular/core": ">=19.0.0",
@@ -145,6 +145,10 @@
       "types": "./dropdown-button/index.d.ts",
       "default": "./fesm2022/acorex-components-dropdown-button.mjs"
     },
+    "./file-explorer": {
+      "types": "./file-explorer/index.d.ts",
+      "default": "./fesm2022/acorex-components-file-explorer.mjs"
+    },
     "./form": {
       "types": "./form/index.d.ts",
       "default": "./fesm2022/acorex-components-form.mjs"

package/paint/lib/paint/paint-view/paint-view.component.d.ts

@@ -12,7 +12,7 @@ export declare class AXPaintViewComponent implements OnDestroy {
     /** @ignore */
     protected service: AXPaintService;
     /** @ignore */
-    protected renderer: Renderer2;
+    protected rendred: Renderer2;
     private platformID;
     /** @ignore */
     resizeEvent: any;

package/picker/index.d.ts

@@ -1,4 +1,3 @@
-export * from './lib/picker-container/picker-container.component';
-export * from './lib/picker-items/picker-items.component';
-export * from './lib/picker-title/picker-title.component';
+export * from './lib/picker-column.directive';
+export * from './lib/picker.component';
 export * from './lib/picker.module';

package/picker/lib/picker-column.directive.d.ts

@@ -0,0 +1,16 @@
+import { MXValueComponent } from '@acorex/components/common';
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class AXPickerColumnDirective extends MXValueComponent {
+    valueField: string;
+    textField: string;
+    title: string;
+    step: number;
+    itemsChange: EventEmitter<unknown[]>;
+    private _items;
+    get items(): unknown[];
+    set items(v: unknown[]);
+    internalSetValue(v: any): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPickerColumnDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AXPickerColumnDirective, "ax-picker-column", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "readonlyChange": { "alias": "readonlyChange"; "required": false; }; "disabledChange": { "alias": "disabledChange"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "title": { "alias": "title"; "required": false; }; "step": { "alias": "step"; "required": false; }; "items": { "alias": "items"; "required": false; }; }, { "onValueChanged": "onValueChanged"; "itemsChange": "itemsChange"; }, never, never, false, never>;
+}

package/picker/lib/picker.component.d.ts

@@ -0,0 +1,61 @@
+import { MXBaseComponent } from '@acorex/components/common';
+import { AXUnsubscriber } from '@acorex/core/utils';
+import { AfterContentInit, NgZone, OnDestroy, QueryList } from '@angular/core';
+import { AXPickerColumnDirective } from './picker-column.directive';
+import * as i0 from "@angular/core";
+/**
+ * @category Components
+ * A picker component with OnPush change detection and no encapsulation.
+ */
+export declare class AXPickerComponent extends MXBaseComponent implements AfterContentInit, OnDestroy {
+    /** @ignore */
+    /** @ignore */
+    protected _columns: QueryList<AXPickerColumnDirective>;
+    /** @ignore */
+    private _itemHeight;
+    /** @ignore */
+    private _htmlColumns;
+    /** @ignore */
+    private _dragging;
+    /** @ignore */
+    private _previousY;
+    /** @ignore */
+    private _currentList;
+    /** @ignore */
+    protected _unsubscriber: AXUnsubscriber;
+    /** @ignore */
+    protected _zone: NgZone;
+    protected platformID: Object;
+    /** @ignore */
+    ngAfterContentInit(): void;
+    /** @ignore */
+    ngOnDestroy(): void;
+    /** @ignore */
+    private _setHeights;
+    /** @ignore */
+    private _calcItemheight;
+    /** @ignore */
+    private _bindEvents;
+    /** @ignore */
+    private _removeEvents;
+    /** @ignore */
+    _handleTouchStart(e: MouseEvent | TouchEvent): void;
+    /** @ignore */
+    private _handleTouchMove;
+    /** @ignore */
+    private _handleTouchEnd;
+    /** @ignore */
+    private _handleMouseWeel;
+    /** @ignore */
+    private _moveByDelta;
+    /** @ignore */
+    protected _handleItemClick(column: AXPickerColumnDirective, item: any): void;
+    /** @ignore */
+    private _detectSelectedItemsByValue;
+    /**
+     * Refreshes the component by setting heights and detecting selected items by value.
+     */
+    refresh(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPickerComponent, "ax-picker", never, {}, {}, ["_columns"], never, false, never>;
+}

package/picker/lib/picker.module.d.ts

@@ -1,11 +1,9 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./picker-container/picker-container.component";
-import * as i2 from "./picker-items/picker-items.component";
-import * as i3 from "./picker-title/picker-title.component";
-import * as i4 from "@angular/common";
-import * as i5 from "@acorex/cdk/carousel";
+import * as i1 from "./picker.component";
+import * as i2 from "./picker-column.directive";
+import * as i3 from "@angular/common";
 export declare class AXPickerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPickerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXPickerModule, [typeof i1.AXPickerContainerComponent, typeof i2.AXPickerItemsComponent, typeof i3.AXPickerTitleComponent], [typeof i4.CommonModule, typeof i5.AXCarouselDirective], [typeof i1.AXPickerContainerComponent, typeof i2.AXPickerItemsComponent, typeof i3.AXPickerTitleComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXPickerModule, [typeof i1.AXPickerComponent, typeof i2.AXPickerColumnDirective], [typeof i3.CommonModule], [typeof i1.AXPickerComponent, typeof i2.AXPickerColumnDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXPickerModule>;
 }

package/progress-bar/lib/progress-bar.component.d.ts

@@ -11,41 +11,41 @@ export declare class AXProgressBarComponent extends MXColorComponent {
     /** @ignore */
     circle: ElementRef;
     /**
-     * @event
-     * Emits when the slider value changes.
-     */
+   * @event
+   * Emits when the slider value changes.
+   */
     ValueChange: EventEmitter<number>;
     /** @ignore */
     private _progress;
     /**
-     * Specifies the progress indicator mode.
-     */
+   * Specifies the progress indicator mode.
+   */
     mode: AXProgressMode;
     /**
-     * Gets or sets the progress value (0-100).
-     */
+   * Gets or sets the progress value (0-100).
+   */
     get progress(): number;
     /**
-     * Sets the progress value (0-100).
-     * @param {number} v
-     */
+   * Sets the progress value (0-100).
+   * @param {number} v
+   */
     set progress(v: number);
     /**
-     * Emitted when the size changes.
-     * @event
-     */
+   * Emitted when the size changes.
+   * @event
+   */
     sizeChange: EventEmitter<number>;
     /** @ignore */
     private _height;
     /**
-     * Gets or sets the height of the component.
-     * @param {number} v
-     */
+   * Gets or sets the height of the component.
+   * @param {number} v
+   */
     get height(): number;
     /**
-     * Sets the height of the component.
-     * @param {number} v
-     */
+   * Sets the height of the component.
+   * @param {number} v
+   */
     set height(v: number);
     /** @ignore */
     private get __hostClass();

package/range-slider/lib/range-slider.component.d.ts

@@ -27,7 +27,7 @@ export declare class AXRangeSliderComponent extends AXRangeSliderComponent_base
      * Color theme for the slider, affecting highlight, tooltip, and handler.
      * @default 'primary'
      */
-    color: import("@angular/core").InputSignal<"success" | "primary" | "secondary" | "warning" | "danger">;
+    color: import("@angular/core").InputSignal<"success" | "primary" | "warning" | "danger" | "neutral">;
     /**
      * @description
      * The value(s) of the slider. Can be a single number for single mode or an array of two numbers for dual mode.

package/scheduler/lib/scheduler-month-view.component.d.ts

@@ -25,16 +25,16 @@ export declare class AXSchedulerMonthViewComponent extends MXBaseComponent {
      */
     get date(): AXDateTime;
     /**
-     * Sets the date for the scheduler view and triggers the generation of time slots.
-     * @param {AXDateTime} v
-     */
+   * Sets the date for the scheduler view and triggers the generation of time slots.
+   * @param {AXDateTime} v
+   */
     set date(v: AXDateTime);
     /** @ignore */
     ngOnInit(): void;
     /**
-     * Generates slots for the scheduler, including CSS classes for days outside the current month
-     * and a flag for the current day.
-     */
+   * Generates slots for the scheduler, including CSS classes for days outside the current month
+   * and a flag for the current day.
+   */
     generateSlots(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXSchedulerMonthViewComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXSchedulerMonthViewComponent, "ax-scheduler-month-view", never, { "date": { "alias": "date"; "required": false; }; }, {}, never, never, false, never>;

package/search-box/lib/search-box.component.d.ts

@@ -16,10 +16,6 @@ export declare class AXSearchBoxComponent extends AXSearchBoxComponent_base {
     constructor(
     /** @ignore */
     _parent: AXSearchableComponent);
-    /**
-     * Defines custom CSS classes to apply to the component.
-     */
-    classNames: string;
     /**
      * The delay time for search actions, specified in milliseconds.
      * @defaultValue 500
@@ -34,6 +30,6 @@ export declare class AXSearchBoxComponent extends AXSearchBoxComponent_base {
     /** @ignore */
     get __hostClass(): string[];
     static ɵfac: i0.ɵɵFactoryDeclaration<AXSearchBoxComponent, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXSearchBoxComponent, "ax-search-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "look": { "alias": "look"; "required": false; }; "classNames": { "alias": "class"; "required": false; }; "delayTime": { "alias": "delayTime"; "required": false; }; }, { "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onKeyDown": "onKeyDown"; "onKeyUp": "onKeyUp"; "onKeyPress": "onKeyPress"; }, never, ["ax-prefix", "ax-clear-button", "ax-suffix"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXSearchBoxComponent, "ax-search-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "look": { "alias": "look"; "required": false; }; "delayTime": { "alias": "delayTime"; "required": false; }; }, { "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onKeyDown": "onKeyDown"; "onKeyUp": "onKeyUp"; "onKeyPress": "onKeyPress"; }, never, ["ax-prefix", "ax-icon", "ax-clear-button", "ax-suffix"], false, never>;
 }
 export {};

package/selection-list/README.md

@@ -1,3 +1,3 @@
-# @acorex/components/selection-list-2
+# @acorex/components/selection-list
 
-Secondary entry point of `@acorex/components`. It can be used by importing from `@acorex/components/selection-list-2`.
+Secondary entry point of `@acorex/components`. It can be used by importing from `@acorex/components/selection-list`.

package/selection-list/lib/selection-list.component.d.ts

@@ -1,25 +1,77 @@
-import { AXSelectionGroupDirective } from '@acorex/cdk/selection';
-import { MXInputBaseValueComponent } from '@acorex/components/common';
+import { AXDirection, MXSelectionValueComponent } from '@acorex/components/common';
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
-export type AXSelectionListLook = 'divided' | 'card';
-export declare class AXSelectionListComponent extends MXInputBaseValueComponent<string[]> {
-    items: import("@angular/core").InputSignal<{
-        id: number;
-        text: string;
-        hint: string;
-    }[]>;
-    multiple: import("@angular/core").InputSignal<boolean>;
-    look: import("@angular/core").InputSignal<AXSelectionListLook>;
-    direction: import("@angular/core").InputSignal<"vertical" | "horizontal">;
+export type AXSelectionListLook = 'solid' | 'divided' | 'card';
+/**
+ * The Button is a component which detects user interaction and triggers a corresponding event
+ *
+ * @category Components
+ */
+export declare class AXSelectionListComponent extends MXSelectionValueComponent {
+    /**
+     * sets the direction of the component.
+     * @param {AXDirection} value
+     */
+    direction: import("@angular/core").InputSignal<AXDirection>;
+    /**
+     * The custom template used for rendering content.
+     *
+     * @param {TemplateRef<unknown>} customTemplate
+     */
     customTemplate: import("@angular/core").InputSignal<TemplateRef<unknown>>;
-    showControl: import("@angular/core").InputSignal<boolean>;
-    protected changeHandler(e: {
-        sender: AXSelectionGroupDirective;
-        selectedKeys: string[];
-    }): void;
+    /** @ignore */
+    private _showControl;
+    /**
+     * @param {void}
+     * Gets the current state of the control visibility.
+     */
+    get showControl(): boolean;
+    /**
+     * @param {boolean} v
+     * Sets the visibility state of the control.
+     */
+    set showControl(v: boolean);
+    /** @ignore */
+    private _items;
+    /**
+     * Gets the list of items.
+     * @param {void}
+     */
+    get items(): any[];
+    /**
+     * Sets the list of items.
+     *
+     * @param {any[]} v
+     */
+    set items(v: any[]);
+    /** @ignore */
+    private _hintField;
+    /**
+     * Gets the field used for displaying hints.
+     */
+    get hintField(): string;
+    /**
+     * Sets the field used for displaying hints.
+     *
+     * @param {string} v
+     */
+    set hintField(v: string);
+    /**
+     * Retrieves an item from the list by its key.
+     *
+     * @param {unknown} key - The key to search for.
+     */
+    getItemByKey(key: unknown): unknown;
+    /**
+     * Defines the visual appearance of the selection list.
+     *
+     * @defaultValue 'solid'
+     */
+    look: AXSelectionListLook;
+    /** @ignore */
+    protected _handleOnItemValueChange(item: any, e: Event): void;
     /** @ignore */
     private get __hostClass();
     static ɵfac: i0.ɵɵFactoryDeclaration<AXSelectionListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXSelectionListComponent, "ax-selection-list", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "customTemplate": { "alias": "customTemplate"; "required": false; "isSignal": true; }; "showControl": { "alias": "showControl"; "required": false; "isSignal": true; }; }, { "onValueChanged": "onValueChanged"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXSelectionListComponent, "ax-selection-list", never, { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "disabledField": { "alias": "disabledField"; "required": false; }; "readonlyField": { "alias": "readonlyField"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "customTemplate": { "alias": "customTemplate"; "required": false; "isSignal": true; }; "showControl": { "alias": "showControl"; "required": false; }; "items": { "alias": "items"; "required": false; }; "look": { "alias": "look"; "required": false; }; }, { "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; }, never, ["ax-validation-rule"], false, never>;
 }

package/selection-list/lib/selection-list.module.d.ts

@@ -1,9 +1,13 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./selection-list.component";
-import * as i2 from "@acorex/cdk/selection";
-import * as i3 from "@acorex/cdk/list-navigation";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "@acorex/components/check-box";
+import * as i5 from "@acorex/components/radio";
+import * as i6 from "@acorex/components/label";
+import * as i7 from "@acorex/components/form";
 export declare class AXSelectionListModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXSelectionListModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXSelectionListModule, [typeof i1.AXSelectionListComponent], [typeof i2.AXSelectionModule, typeof i3.AXListNavigationModule], [typeof i1.AXSelectionListComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXSelectionListModule, [typeof i1.AXSelectionListComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.AXCheckBoxModule, typeof i5.AXRadioModule, typeof i6.AXLabelModule, typeof i7.AXFormModule], [typeof i1.AXSelectionListComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXSelectionListModule>;
 }

package/side-menu/lib/side-menu-item/side-menu-item.component.d.ts

@@ -1,11 +1,12 @@
-import { AXClickEvent, MXInteractiveComponent } from '@acorex/components/common';
+import { AXClickEvent, MXColorComponent, MXInteractiveComponent } from '@acorex/components/common';
 import { ElementRef } from '@angular/core';
 import { IsActiveMatchOptions, UrlTree } from '@angular/router';
 import * as i0 from "@angular/core";
 export declare class AXSideMenuItemClickEvent extends AXClickEvent {
     handled: boolean;
 }
-export declare class AXSideMenuItemComponent extends MXInteractiveComponent {
+declare const AXSideMenuItemComponent_base: import("polytype").Polytype.ClusteredConstructor<[typeof MXInteractiveComponent, typeof MXColorComponent]>;
+export declare class AXSideMenuItemComponent extends AXSideMenuItemComponent_base {
     private elem;
     text: import("@angular/core").ModelSignal<string>;
     active: import("@angular/core").ModelSignal<boolean>;
@@ -25,6 +26,8 @@ export declare class AXSideMenuItemComponent extends MXInteractiveComponent {
     toggle(): void;
     open(): void;
     close(): void;
+    private get __hostClass();
     static ɵfac: i0.ɵɵFactoryDeclaration<AXSideMenuItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXSideMenuItemComponent, "ax-side-menu-item", never, { "disabled": { "alias": "disabled"; "required": false; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "routerLink": { "alias": "routerLink"; "required": false; "isSignal": true; }; "routerLinkActive": { "alias": "routerLinkActive"; "required": false; "isSignal": true; }; "routerLinkActiveOptions": { "alias": "routerLinkActiveOptions"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; }, { "text": "textChange"; "active": "activeChange"; "isLoading": "isLoadingChange"; "isCollapsed": "isCollapsedChange"; "onClick": "onClick"; }, never, ["ax-title", "ax-side-menu-item, ng-container", "ax-divider", "ax-prefix", "*", "ax-suffix"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXSideMenuItemComponent, "ax-side-menu-item", never, { "disabled": { "alias": "disabled"; "required": false; }; "color": { "alias": "color"; "required": false; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "routerLink": { "alias": "routerLink"; "required": false; "isSignal": true; }; "routerLinkActive": { "alias": "routerLinkActive"; "required": false; "isSignal": true; }; "routerLinkActiveOptions": { "alias": "routerLinkActiveOptions"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; }, { "text": "textChange"; "active": "activeChange"; "isLoading": "isLoadingChange"; "isCollapsed": "isCollapsedChange"; "onClick": "onClick"; }, never, ["ax-title", "ax-side-menu-item, ng-container", "ax-divider", "ax-prefix", "*", "ax-suffix"], false, never>;
 }
+export {};

package/side-menu/lib/side-menu.component.d.ts

@@ -1,4 +1,4 @@
-import { NXComponent } from '@acorex/components/common';
+import { AXStyleColorType, NXComponent } from '@acorex/components/common';
 import { IsActiveMatchOptions, UrlTree } from '@angular/router';
 import { AXSideMenuItemComponent } from './side-menu-item/side-menu-item.component';
 import * as i0 from "@angular/core";
@@ -14,6 +14,7 @@ export type AXSideMenuItem = {
     href?: string;
     target?: '_blank' | '_self' | '_parent' | '_top';
     text: string;
+    color?: AXStyleColorType;
     active?: boolean;
     disabled?: boolean;
     isLoading?: boolean;

package/tabs/lib/tabs.class.d.ts

@@ -4,5 +4,5 @@ export declare class AXTabStripChangedEvent extends AXEvent {
     tab: AXTabItemComponent;
     index: number;
 }
-export type AXTabLook = 'default' | 'pills' | 'pills-color' | 'with-line' | 'with-line-color' | 'classic';
+export type AXTabLook = 'default' | 'pills' | 'pills-color' | 'with-line' | 'with-line-color' | 'classic' | 'custom';
 export type AXTabLocation = 'top' | 'bottom' | 'start' | 'end';

package/text-area/lib/text-area.component.d.ts

@@ -29,13 +29,9 @@ export declare class AXTextAreaComponent extends AXTextAreaComponent_base {
      * Specifies the maximum number of characters allowed in the input field.
      */
     maxLength: number;
-    /**
-     * CSS classes to apply to the component.
-     */
-    classNames: string;
     /** @ignore */
     protected _handleModelChange(value: string | null): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXTextAreaComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXTextAreaComponent, "ax-text-area", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "look": { "alias": "look"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "allowResize": { "alias": "allowResize"; "required": false; }; "showCounter": { "alias": "showCounter"; "required": false; }; "classNames": { "alias": "class"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onKeyDown": "onKeyDown"; "onKeyUp": "onKeyUp"; "onKeyPress": "onKeyPress"; }, never, ["ax-validation-rule"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXTextAreaComponent, "ax-text-area", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "look": { "alias": "look"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "allowResize": { "alias": "allowResize"; "required": false; }; "showCounter": { "alias": "showCounter"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onKeyDown": "onKeyDown"; "onKeyUp": "onKeyUp"; "onKeyPress": "onKeyPress"; }, never, ["ax-validation-rule"], false, never>;
 }
 export {};

package/time-line/lib/time-line.component.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
-export type AXTimeLineMode = 'icon' | 'bullet';
+export type AXTimeLineMode = 'icon' | 'bulet';
 export declare class AXTimeLineComponent {
     #private;
     mode: import("@angular/core").InputSignal<AXTimeLineMode>;