@acorex/components 21.0.2-next.33 → 21.0.2-next.35

package/{types/acorex-components-data-pager.d.ts → data-pager/index.d.ts}

@@ -59,6 +59,7 @@ declare abstract class AXDataPagerParentComponent {
 declare abstract class AXDataPagerChild extends MXInteractiveComponent {
     protected _parent: AXDataPagerParentComponent;
     protected _unsubscriber: AXUnsubscriber;
+    private _localeService;
     /**
      *  @ignore
      */
@@ -130,14 +131,8 @@ declare class AXDataPagerInputSelectorComponent extends AXDataPagerChild {
  * @category Components
  */
 declare class AXDataPagerNextButtonsComponent extends AXDataPagerChild {
-    /**
-     *  @ignore
-     */
-    protected rtl: boolean;
-    /**
-     *  @ignore
-     */
-    ngOnInit(): void;
+    private localeService;
+    protected readonly isRtl: i0.Signal<boolean>;
     /**
      *  @ignore
      */
@@ -165,19 +160,11 @@ declare class AXDataPagerNumericSelectorComponent extends AXDataPagerChild {
     protected _lastPage: number;
     protected _loading: boolean;
     private localeService;
-    protected rtlstatus: i0.Signal<boolean>;
+    protected readonly isRtl: i0.Signal<boolean>;
     /**
      *  @ignore
      */
     private _displayCount;
-    /**
-     *  @ignore
-     */
-    protected rtl: boolean;
-    /**
-     *  @ignore
-     */
-    constructor();
     /**
      *  @ignore
      */
@@ -236,14 +223,8 @@ declare class AXDataPagerPageSizesComponent extends AXDataPagerChild {
  * @category Components
  */
 declare class AXDataPagerPrevButtonsComponent extends AXDataPagerChild {
-    /**
-     *  @ignore
-     */
-    protected rtl: boolean;
-    /**
-     *  @ignore
-     */
-    ngOnInit(): void;
+    private localeService;
+    protected readonly isRtl: i0.Signal<boolean>;
     /**
      *  @ignore
      */

package/{types/acorex-components-data-table.d.ts → data-table/index.d.ts}

@@ -1,7 +1,7 @@
 import * as i2 from '@acorex/cdk/common';
-import { MXBaseComponent, AXDataSource, AXEvent, AXSortOrder, AXButtonClickEvent, AXStyleLookType, AXClickEvent, AXItemClickEvent, AXValueChangedEvent } from '@acorex/cdk/common';
+import { MXBaseComponent, AXDataSource, AXEvent, AXSortOrder, AXButtonClickEvent, AXStyleLookType, AXClickEvent, AXItemClickEvent, AXValueChangedEvent, AXListDataSource } from '@acorex/cdk/common';
 import * as i0 from '@angular/core';
-import { TemplateRef, EventEmitter, ChangeDetectorRef, OnInit, AfterViewInit, WritableSignal, Signal, QueryList } from '@angular/core';
+import { TemplateRef, EventEmitter, ChangeDetectorRef, OnInit, DoCheck, QueryList, WritableSignal, ElementRef, AfterViewInit, Signal } from '@angular/core';
 import * as i11 from '@acorex/core/format';
 import { AXFormatOptions } from '@acorex/core/format';
 import * as i8 from '@acorex/components/button';
@@ -34,7 +34,7 @@ interface onColumnSizeChangedEvent extends AXEvent {
 }
 interface AXDataTableRowDbClick extends AXDataTableRowClick {
 }
-type AXDataTableBorder = 'full' | 'minimal';
+type AXDataTableLook = 'classic' | 'minimal';
 declare abstract class AXBaseDataTable extends MXBaseComponent {
     dataSource: AXDataSource<unknown>;
     /**
@@ -607,6 +607,264 @@ declare class AXRowSelectColumnComponent extends AXDataTableColumnComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<AXRowSelectColumnComponent, "ax-select-column", never, { "width": { "alias": "width"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "fixed": { "alias": "fixed"; "required": false; }; }, {}, never, never, true, never>;
 }
 
+/**
+ * Component for a data table with infinite scrolling capabilities.
+ *
+ * @category Components
+ */
+declare class AXInfiniteScrollDataTableComponent extends AXBaseDataTable implements OnInit, DoCheck {
+    /**
+     * Controls the table look.
+     *
+     * - `classic` — classic look (default).
+     * - `minimal` — minimal look.
+     *
+     * @defaultValue `'classic'`
+     */
+    look: i0.InputSignal<AXDataTableLook>;
+    private document;
+    private platformID;
+    private ngZone;
+    /**
+     *  @ignore
+     */
+    protected columns: QueryList<AXDataTableColumnComponent>;
+    /**
+     *  @ignore
+     */
+    protected startFixedColumn(): AXDataTableColumnComponent[];
+    /**
+     *  @ignore
+     */
+    protected endFixedColumn(): AXDataTableColumnComponent[];
+    /**
+     *  @ignore
+     */
+    protected notFixedColumn(): AXDataTableColumnComponent[];
+    /**
+     *  @ignore
+     */
+    protected notFixedColumnCount(): number;
+    /**
+     *  @ignore
+     */
+    protected fixedColumnCount(): number;
+    /**
+     * Emits an event when the page changes.
+     *
+     * @event
+     */
+    onPageChanged: EventEmitter<AXValueChangedEvent<number>>;
+    /**
+     *  @ignore
+     */
+    private clickSubject;
+    /**
+     * Emits an event when a row is clicked.
+     *
+     * @event
+     */
+    onRowClick: EventEmitter<AXDataTableRowClick>;
+    /**
+     * Emits an event when a row is double-clicked.
+     *
+     * @event
+     */
+    onRowDbClick: EventEmitter<AXDataTableRowDbClick>;
+    /**
+     * Template for rendering rows in the data table.
+     */
+    rowTemplate?: TemplateRef<unknown>;
+    /**
+     * Template to display when the data table is empty.
+     */
+    emptyTemplate?: TemplateRef<unknown>;
+    /**
+     * Controls the visibility of the table header.
+     *
+     * @defaultValue true
+     */
+    showHeader: boolean;
+    /**
+     * Defines the mode for fetching data.
+     *
+     * @defaultValue 'auto'
+     */
+    fetchDataMode: 'auto' | 'manual';
+    /**
+     * Configuration for the loading state of the data table.
+     *
+     * @defaultValue { enabled: true, animation: true }
+     */
+    loading: {
+        enabled: boolean;
+        animation: boolean;
+        loadingTemplate?: TemplateRef<unknown>;
+    };
+    /**
+     *  @ignore
+     */
+    protected listDataSource: AXListDataSource<unknown>;
+    /**
+     *  @ignore
+     */
+    protected isLoading: WritableSignal<boolean>;
+    /**
+     *  @ignore
+     */
+    protected hasItems: boolean;
+    /**
+     *  @ignore
+     */
+    protected totalRows: number;
+    /**
+     *  @ignore
+     */
+    protected currentPage: number;
+    /**
+     *  @ignore
+     */
+    protected totalPages: number;
+    /**
+     *  @ignore
+     */
+    protected startRowIndex: number;
+    /**
+     *  @ignore
+     */
+    private lastIndex;
+    /**
+     * Event emitted when the focused row changes.
+     *
+     * @event
+     */
+    focusedRowChange: EventEmitter<unknown>;
+    /**
+     *  @ignore
+     */
+    private _focusedRow;
+    /**
+     * Retrieves the currently focused row.
+     */
+    get focusedRow(): unknown;
+    /**
+     * Sets the currently focused row and emits a change event.
+     *
+     * @param v - The row data to be set as focused.
+     */
+    set focusedRow(v: unknown);
+    /**
+     * Defines the height of each item in the table.
+     *
+     * @default 40
+     */
+    itemHeight: number | 'auto';
+    /**
+     *  @ignore
+     */
+    protected width: string;
+    /**
+     *  @ignore
+     */
+    protected height: string;
+    /**
+     *  @ignore
+     */
+    private viewport;
+    /**
+     * Emitted when the scroll index changes in the table.
+     *
+     * @event
+     */
+    onScrolledIndexChanged: EventEmitter<AXDataTableScrollIndexChanged>;
+    trackByIdx(i: any): any;
+    /**
+     *  @ignore
+     */
+    ngOnInit(): void;
+    /**
+     *  @ignore
+     */
+    headerContainer: ElementRef<HTMLDivElement>;
+    /**
+     *  @ignore
+     */
+    footerContainer: ElementRef;
+    /**
+     *  @ignore
+     */
+    scrollableContainer: ElementRef<HTMLDivElement>;
+    /**
+     *  @ignore
+     */
+    protected _handleOnscrolledIndexChange(e: number): void;
+    /**
+     *  @ignore
+     */
+    ngDoCheck(): void;
+    /**
+     *  @ignore
+     */
+    private updateTotalCount;
+    /**
+     *  @ignore
+     */
+    private updateHeight;
+    /**
+     *  @ignore
+     */
+    private updateWidth;
+    /**
+     *  @ignore
+     */
+    private updateHScroll;
+    /**
+     *  @ignore
+     */
+    private copyFixedColumns;
+    /**
+     * Updates the viewport by checking its size and scrolling to the last index.
+     * Marks the component for change detection.
+     * @ignore
+     */
+    render(): void;
+    /**
+     * Resets the index to zero and refreshes the data source.
+     * @ignore
+     */
+    refresh(): void;
+    /**
+     *  @ignore
+     */
+    protected handleRowClick(event: MouseEvent, item: unknown): void;
+    /**
+     *  @ignore
+     */
+    private handleRowSingleClick;
+    /**
+     *  @ignore
+     */
+    protected handleRowDoubleClick(e: MouseEvent, item: unknown): void;
+    /**
+     * Handles column header clicks to toggle sorting on the column.
+     *
+     * @param e - The mouse event triggered by the click.
+     * @param column - The column that was clicked.
+     * @ignore
+     */
+    handleColumnClick(e: MouseEvent, column: AXDataTableColumnComponent): void;
+    /**
+     *  @ignore
+     */
+    protected getSort(column: AXDataTableColumnComponent): string | undefined;
+    /**
+     *  @ignore
+     */
+    protected _handleOnScroll(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXInfiniteScrollDataTableComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXInfiniteScrollDataTableComponent, "ax-infinite-scroll-data-table", never, { "dataSource": { "alias": "dataSource"; "required": false; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "rowTemplate": { "alias": "rowTemplate"; "required": false; }; "emptyTemplate": { "alias": "emptyTemplate"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "fetchDataMode": { "alias": "fetchDataMode"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "focusedRow": { "alias": "focusedRow"; "required": false; }; "itemHeight": { "alias": "itemHeight"; "required": false; }; }, { "selectedRowsChange": "selectedRowsChange"; "onPageChanged": "onPageChanged"; "onRowClick": "onRowClick"; "onRowDbClick": "onRowDbClick"; "focusedRowChange": "focusedRowChange"; "onScrolledIndexChanged": "onScrolledIndexChanged"; }, ["columns"], ["ax-header", "ax-footer"], true, never>;
+}
+
 /**
  * Component for displaying and managing a data table with advanced features.
  *
@@ -615,14 +873,14 @@ declare class AXRowSelectColumnComponent extends AXDataTableColumnComponent {
 declare class AXDataTableComponent extends AXBaseDataTable implements OnInit, AfterViewInit {
     #private;
     /**
-     * Controls the table border style.
+     * Controls the table look.
      *
-     * - `full` — vertical and horizontal cell borders (default).
-     * - `minimal` — horizontal row borders only.
+     * - `classic` — classic look (default).
+     * - `minimal` — minimal look.
      *
-     * @defaultValue `'full'`
+     * @defaultValue `'classic'`
      */
-    border: i0.InputSignal<AXDataTableBorder>;
+    look: i0.InputSignal<AXDataTableLook>;
     private _unsubscriber;
     private _zone;
     private document;
@@ -1002,14 +1260,14 @@ declare class AXDataTableComponent extends AXBaseDataTable implements OnInit, Af
         headerOnly?: boolean;
     }): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDataTableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXDataTableComponent, "ax-data-table", never, { "dataSource": { "alias": "dataSource"; "required": false; }; "selectedRows": { "alias": "selectedRows"; "required": false; }; "parentField": { "alias": "parentField"; "required": false; }; "hasChildrenField": { "alias": "hasChildrenField"; "required": false; }; "rowDetailsTemplate": { "alias": "rowDetailsTemplate"; "required": false; }; "border": { "alias": "border"; "required": false; "isSignal": true; }; "rowTemplate": { "alias": "rowTemplate"; "required": false; }; "emptyTemplate": { "alias": "emptyTemplate"; "required": false; }; "noDataTemplate": { "alias": "noDataTemplate"; "required": false; }; "alternative": { "alias": "alternative"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "fixedHeader": { "alias": "fixedHeader"; "required": false; }; "showFooter": { "alias": "showFooter"; "required": false; }; "fixedFooter": { "alias": "fixedFooter"; "required": false; }; "itemHeight": { "alias": "itemHeight"; "required": false; }; "allowReordering": { "alias": "allowReordering"; "required": false; }; "paging": { "alias": "paging"; "required": false; }; "fetchDataMode": { "alias": "fetchDataMode"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "focusedRow": { "alias": "focusedRow"; "required": false; }; }, { "selectedRowsChange": "selectedRowsChange"; "focusedRowChange": "focusedRowChange"; "onRowClick": "onRowClick"; "onRowDbClick": "onRowDbClick"; "onColumnsOrderChanged": "onColumnsOrderChanged"; "onColumnSizeChanged": "onColumnSizeChanged"; "onPageChanged": "onPageChanged"; }, ["customDataPager", "columns"], ["ax-header", "ax-data-pager", "ax-footer"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDataTableComponent, "ax-data-table", never, { "dataSource": { "alias": "dataSource"; "required": false; }; "selectedRows": { "alias": "selectedRows"; "required": false; }; "parentField": { "alias": "parentField"; "required": false; }; "hasChildrenField": { "alias": "hasChildrenField"; "required": false; }; "rowDetailsTemplate": { "alias": "rowDetailsTemplate"; "required": false; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "rowTemplate": { "alias": "rowTemplate"; "required": false; }; "emptyTemplate": { "alias": "emptyTemplate"; "required": false; }; "noDataTemplate": { "alias": "noDataTemplate"; "required": false; }; "alternative": { "alias": "alternative"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "fixedHeader": { "alias": "fixedHeader"; "required": false; }; "showFooter": { "alias": "showFooter"; "required": false; }; "fixedFooter": { "alias": "fixedFooter"; "required": false; }; "itemHeight": { "alias": "itemHeight"; "required": false; }; "allowReordering": { "alias": "allowReordering"; "required": false; }; "paging": { "alias": "paging"; "required": false; }; "fetchDataMode": { "alias": "fetchDataMode"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "focusedRow": { "alias": "focusedRow"; "required": false; }; }, { "selectedRowsChange": "selectedRowsChange"; "focusedRowChange": "focusedRowChange"; "onRowClick": "onRowClick"; "onRowDbClick": "onRowDbClick"; "onColumnsOrderChanged": "onColumnsOrderChanged"; "onColumnSizeChanged": "onColumnSizeChanged"; "onPageChanged": "onPageChanged"; }, ["customDataPager", "columns"], ["ax-header", "ax-data-pager", "ax-footer"], true, never>;
 }
 
 declare class AXDataTableModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDataTableModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXDataTableModule, never, [typeof i1.CommonModule, typeof i2.AXCommonModule, typeof i3.ScrollingModule, typeof i4.AXTranslationModule, typeof i5.AXResultModule, typeof i6.AXLoadingModule, typeof i7.AXSkeletonModule, typeof i8.AXButtonModule, typeof i9.AXDecoratorModule, typeof i10.AXDropdownModule, typeof i11.AXFormatModule, typeof i2.AXRippleDirective, typeof i12.AXDataPagerModule, typeof i13.CdkDropList, typeof i13.CdkDrag, typeof i13.CdkDragPlaceholder, typeof i13.CdkDragHandle, typeof AXDataTableComponent, typeof AXDataTableTextColumnComponent, typeof AXRowIndexColumnComponent, typeof AXRowSelectColumnComponent, typeof AXRowExpandColumnComponent, typeof AXRowCommandColumnComponent, typeof AXRowDropdownCommandColumnComponent, typeof AXDataTableColumnResizableDirective], [typeof AXDataTableComponent, typeof AXDataTableTextColumnComponent, typeof AXRowIndexColumnComponent, typeof AXRowSelectColumnComponent, typeof AXRowExpandColumnComponent, typeof AXRowCommandColumnComponent, typeof AXRowDropdownCommandColumnComponent, typeof AXDataTableColumnResizableDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXDataTableModule, never, [typeof i1.CommonModule, typeof i2.AXCommonModule, typeof i3.ScrollingModule, typeof i4.AXTranslationModule, typeof i5.AXResultModule, typeof i6.AXLoadingModule, typeof i7.AXSkeletonModule, typeof i8.AXButtonModule, typeof i9.AXDecoratorModule, typeof i10.AXDropdownModule, typeof i11.AXFormatModule, typeof i2.AXRippleDirective, typeof i12.AXDataPagerModule, typeof i13.CdkDropList, typeof i13.CdkDrag, typeof i13.CdkDragPlaceholder, typeof i13.CdkDragHandle, typeof AXInfiniteScrollDataTableComponent, typeof AXDataTableComponent, typeof AXDataTableTextColumnComponent, typeof AXRowIndexColumnComponent, typeof AXRowSelectColumnComponent, typeof AXRowExpandColumnComponent, typeof AXRowCommandColumnComponent, typeof AXRowDropdownCommandColumnComponent, typeof AXDataTableColumnResizableDirective], [typeof AXInfiniteScrollDataTableComponent, typeof AXDataTableComponent, typeof AXDataTableTextColumnComponent, typeof AXRowIndexColumnComponent, typeof AXRowSelectColumnComponent, typeof AXRowExpandColumnComponent, typeof AXRowCommandColumnComponent, typeof AXRowDropdownCommandColumnComponent, typeof AXDataTableColumnResizableDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXDataTableModule>;
 }
 
-export { AXBaseDataTable, AXBaseRowCommandColumnComponent, AXDataTableColumnComponent, AXDataTableColumnResizableDirective, AXDataTableComponent, AXDataTableModule, AXDataTableTextColumnComponent, AXRowCommandColumnComponent, AXRowDropdownCommandColumnComponent, AXRowExpandColumnComponent, AXRowIndexColumnComponent, AXRowSelectColumnComponent };
-export type { AXColumnsOrderChangedEvent, AXDataTableBorder, AXDataTableRowClick, AXDataTableRowDbClick, AXDataTableScrollIndexChanged, AXRowCommandItem, AXRowCommandItemClickEvent, onColumnSizeChangedEvent };
+export { AXBaseDataTable, AXBaseRowCommandColumnComponent, AXDataTableColumnComponent, AXDataTableColumnResizableDirective, AXDataTableComponent, AXDataTableModule, AXDataTableTextColumnComponent, AXInfiniteScrollDataTableComponent, AXRowCommandColumnComponent, AXRowDropdownCommandColumnComponent, AXRowExpandColumnComponent, AXRowIndexColumnComponent, AXRowSelectColumnComponent };
+export type { AXColumnsOrderChangedEvent, AXDataTableLook, AXDataTableRowClick, AXDataTableRowDbClick, AXDataTableScrollIndexChanged, AXRowCommandItem, AXRowCommandItemClickEvent, onColumnSizeChangedEvent };

package/{types/acorex-components-datetime-box.d.ts → datetime-box/index.d.ts}

@@ -1,13 +1,30 @@
+import * as _acorex_core_date_time from '@acorex/core/date-time';
+import { TimeUnit } from '@acorex/core/date-time';
 import * as polytype from 'polytype';
 import * as _angular_core from '@angular/core';
 import { EventEmitter } from '@angular/core';
-import { MXInputBaseValueComponent, MXLookComponent, AXEvent, AXFocusEvent } from '@acorex/cdk/common';
+import { MXInputBaseValueComponent, MXLookComponent, AXEvent, AXFocusEvent, AXValueChangedEvent } from '@acorex/cdk/common';
 import { MXCalendarBaseComponent, AXDateTimePickerType, AXCalendarNavigationLookType, AXCalendarNavigateEvent } from '@acorex/components/calendar';
 import { AXDateTimeInputComponent } from '@acorex/components/datetime-input';
 import { AXDateTimePickerComponent } from '@acorex/components/datetime-picker';
 import { AXDecoratorGenericComponent } from '@acorex/components/decorators';
 import { MXDropdownBoxBaseComponent, AXDropdownBoxComponent } from '@acorex/components/dropdown';
 
+/**
+ * Controls how date/time is chosen in the datetime box.
+ * - `default`: text input with calendar popup.
+ * - `classic`: inline select boxes for year, month, day, and optionally hour/minute.
+ */
+type AXDateTimeBoxLookType = 'default' | 'classic';
+type AXDateTimeBoxClassicPart = Extract<TimeUnit, 'year' | 'month' | 'day' | 'hour' | 'minute'>;
+interface AXDateTimeBoxClassicField {
+    part: AXDateTimeBoxClassicPart;
+    dropdownWidth: string;
+    maxVisibleItems: number;
+}
+declare const AX_DATETIME_BOX_CLASSIC_DATE_FIELDS: AXDateTimeBoxClassicField[];
+declare const AX_DATETIME_BOX_CLASSIC_TIME_FIELDS: AXDateTimeBoxClassicField[];
+
 declare const AXDateTimeBoxComponent_base: polytype.Polytype.ClusteredConstructor<[{
     new (): MXInputBaseValueComponent<Date>;
     ɵfac: _angular_core.ɵɵFactoryDeclaration<MXInputBaseValueComponent<any>, never>;
@@ -55,6 +72,12 @@ declare class AXDateTimeBoxComponent extends AXDateTimeBoxComponent_base {
      * Day view navigation style of the embedded calendar.
      */
     readonly calendarLook: _angular_core.InputSignal<AXCalendarNavigationLookType>;
+    /**
+     * Input style of the datetime box.
+     * - `default`: text input with calendar popup.
+     * - `classic`: inline select boxes for date/time parts.
+     */
+    readonly boxLook: _angular_core.InputSignal<AXDateTimeBoxLookType>;
     /**
      * @deprecated use locale & mode instead
      */
@@ -62,10 +85,39 @@ declare class AXDateTimeBoxComponent extends AXDateTimeBoxComponent_base {
     protected _editingDateObj: _angular_core.WritableSignal<Date>;
     protected _calendarSystem: _angular_core.WritableSignal<string>;
     private _format;
+    protected readonly _classicDateFields: AXDateTimeBoxClassicField[];
+    protected readonly _classicTimeFields: AXDateTimeBoxClassicField[];
+    private readonly _classicTimeOptions;
+    protected _classicDate: _angular_core.Signal<_acorex_core_date_time.AXDateTime>;
+    protected _classicYearOptions: _angular_core.Signal<{
+        id: number;
+        text: string;
+    }[]>;
+    protected _classicMonthOptions: _angular_core.Signal<{
+        id: number;
+        text: string;
+    }[]>;
+    protected _classicDayOptions: _angular_core.Signal<{
+        id: number;
+        text: string;
+    }[]>;
+    protected get _classicBoxClass(): string;
+    protected get _classicHasDatePart(): boolean;
+    protected get _classicHasTimePart(): boolean;
     /**
      *  @ignore
      */
-    protected _handleInputModelChange(value: Date | null): void;
+    protected _classicPartValue(part: AXDateTimeBoxClassicPart): {
+        id: number;
+        text: string;
+    } | null;
+    /**
+     *  @ignore
+     */
+    protected _classicPartOptions(part: AXDateTimeBoxClassicPart): {
+        id: number;
+        text: string;
+    }[];
     /**
      *  @ignore
      */
@@ -96,13 +148,21 @@ declare class AXDateTimeBoxComponent extends AXDateTimeBoxComponent_base {
      * @ignore
      */
     internalValueChanged(value: any): void;
+    /**
+     *  @ignore
+     */
+    protected _handleClassicPartChanged(e: AXValueChangedEvent, part: AXDateTimeBoxClassicPart): void;
+    /**
+     *  @ignore
+     */
+    private _readSelectValue;
     /**
      *  @ignore
      */
     protected _handleInputOnClick(): void;
     private get __hostName();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXDateTimeBoxComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXDateTimeBoxComponent, "ax-datetime-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "depth": { "alias": "depth"; "required": false; }; "id": { "alias": "id"; "required": false; }; "type": { "alias": "type"; "required": false; }; "look": { "alias": "look"; "required": false; }; "holidayDates": { "alias": "holidayDates"; "required": false; }; "allowTyping": { "alias": "allowTyping"; "required": false; "isSignal": true; }; "picker": { "alias": "picker"; "required": false; "isSignal": true; }; "calendar": { "alias": "calendar"; "required": false; "isSignal": true; }; "weekend": { "alias": "weekend"; "required": false; "isSignal": true; }; "weekdays": { "alias": "weekdays"; "required": false; "isSignal": true; }; "calendarLook": { "alias": "calendarLook"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "onOpened": "onOpened"; "onClosed": "onClosed"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "formatChange": "formatChange"; }, never, ["ax-prefix", "ax-clear-button", "ax-suffix", "ax-validation-rule"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXDateTimeBoxComponent, "ax-datetime-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "depth": { "alias": "depth"; "required": false; }; "id": { "alias": "id"; "required": false; }; "type": { "alias": "type"; "required": false; }; "look": { "alias": "look"; "required": false; }; "holidayDates": { "alias": "holidayDates"; "required": false; }; "allowTyping": { "alias": "allowTyping"; "required": false; "isSignal": true; }; "picker": { "alias": "picker"; "required": false; "isSignal": true; }; "calendar": { "alias": "calendar"; "required": false; "isSignal": true; }; "weekend": { "alias": "weekend"; "required": false; "isSignal": true; }; "weekdays": { "alias": "weekdays"; "required": false; "isSignal": true; }; "calendarLook": { "alias": "calendarLook"; "required": false; "isSignal": true; }; "boxLook": { "alias": "boxLook"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "onOpened": "onOpened"; "onClosed": "onClosed"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "formatChange": "formatChange"; }, never, ["ax-prefix", "ax-suffix", "ax-prefix", "ax-clear-button", "ax-suffix", "ax-validation-rule"], true, never>;
 }
 
 declare class AXDateTimeBoxModule {
@@ -111,4 +171,5 @@ declare class AXDateTimeBoxModule {
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXDateTimeBoxModule>;
 }
 
-export { AXDateTimeBoxComponent, AXDateTimeBoxModule };
+export { AXDateTimeBoxComponent, AXDateTimeBoxModule, AX_DATETIME_BOX_CLASSIC_DATE_FIELDS, AX_DATETIME_BOX_CLASSIC_TIME_FIELDS };
+export type { AXDateTimeBoxClassicField, AXDateTimeBoxClassicPart, AXDateTimeBoxLookType };

package/drawer-legacy/README.md

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

package/drawer-legacy/index.d.ts

@@ -0,0 +1,86 @@
+import { MXBaseComponent } from '@acorex/cdk/common';
+import * as i0 from '@angular/core';
+import { AfterContentInit, DoCheck } from '@angular/core';
+import * as i1 from '@angular/common';
+
+/**
+ * A container component that organizes and positions drawer components.
+ * @category component
+ */
+declare class AXDrawerLegacyContainerComponent extends MXBaseComponent {
+    private service;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXDrawerLegacyContainerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDrawerLegacyContainerComponent, "ax-drawer-legacy-container", never, {}, {}, never, ["ax-drawer", "ax-content"], true, never>;
+}
+
+type AXDrawerMode = 'push' | 'overlay';
+type AXDrawerLocation = 'start' | 'end';
+/**
+ * A component that represents a drawer with header and content sections.
+ *
+ * @category Components
+ */
+declare class AXDrawerLegacyComponent extends MXBaseComponent implements AfterContentInit, DoCheck {
+    #private;
+    location: i0.ModelSignal<AXDrawerLocation>;
+    showBackdrop: i0.InputSignal<boolean>;
+    mode: i0.ModelSignal<AXDrawerMode>;
+    closeOthers: i0.InputSignal<boolean>;
+    collapsed: i0.ModelSignal<boolean>;
+    private backdropElement;
+    protected loaded: i0.WritableSignal<boolean>;
+    private service;
+    private _zone;
+    private document;
+    private platformID;
+    /**
+     *
+     *  @ignore
+     */
+    ngAfterContentInit(): void;
+    /**
+     *  @ignore
+     */
+    ngDoCheck(): void;
+    /**
+     *  @ignore
+     */
+    private _detectBoundingSize;
+    /**
+     * Toggles the collapsed state of the drawer.
+     */
+    toggle(): void;
+    /**
+     * Collapses the drawer.
+     * @ignore
+     */
+    close(): void;
+    /**
+     * Expands the drawer.
+     */
+    open(): void;
+    /**
+     *  @ignore
+     */
+    private _addBackdrop;
+    /**
+     *  @ignore
+     */
+    private _removeBackdrop;
+    /**
+     *  @ignore
+     */
+    private get __hostClass();
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXDrawerLegacyComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDrawerLegacyComponent, "ax-drawer-legacy", never, { "location": { "alias": "location"; "required": false; "isSignal": true; }; "showBackdrop": { "alias": "showBackdrop"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "closeOthers": { "alias": "closeOthers"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; }, { "location": "locationChange"; "mode": "modeChange"; "collapsed": "collapsedChange"; }, never, ["ax-header", "ax-content"], true, never>;
+}
+
+declare class AXDrawerLegacyModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXDrawerLegacyModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXDrawerLegacyModule, never, [typeof i1.CommonModule, typeof AXDrawerLegacyComponent, typeof AXDrawerLegacyContainerComponent], [typeof AXDrawerLegacyComponent, typeof AXDrawerLegacyContainerComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXDrawerLegacyModule>;
+}
+
+export { AXDrawerLegacyComponent, AXDrawerLegacyContainerComponent, AXDrawerLegacyModule };
+export type { AXDrawerLocation, AXDrawerMode };

package/{types/acorex-components-dropdown-button.d.ts → dropdown-button/index.d.ts}

@@ -1,5 +1,5 @@
 import * as i2 from '@acorex/cdk/common';
-import { MXButtonBaseComponent, AXStyleColorType, AXStyleLookType, AXClickEvent, AXClosableComponent } from '@acorex/cdk/common';
+import { MXButtonBaseComponent, AXClickEvent, AXClosableComponent } from '@acorex/cdk/common';
 import * as i6 from '@acorex/components/button';
 import { AXButtonType } from '@acorex/components/button';
 import * as i0 from '@angular/core';
@@ -15,8 +15,6 @@ import * as i5 from '@acorex/components/dropdown';
  * @category Components
  */
 declare class AXDropdownButtonComponent extends MXButtonBaseComponent implements AfterViewInit {
-    dropdownColor: AXStyleColorType;
-    dropdownLook: AXStyleLookType;
     /**
      *  Fires each time the user clicks the button.
      *  @event
@@ -77,7 +75,7 @@ declare class AXDropdownButtonComponent extends MXButtonBaseComponent implements
     close(): void;
     private get __hostClass();
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDropdownButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXDropdownButtonComponent, "ax-dropdown-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; "text": { "alias": "text"; "required": false; }; "dropdownColor": { "alias": "color"; "required": false; }; "dropdownLook": { "alias": "look"; "required": false; }; "type": { "alias": "type"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "onClick": "onClick"; "selectedChange": "selectedChange"; "lookChange": "lookChange"; "colorChange": "colorChange"; "disabledChange": "disabledChange"; }, never, ["ax-button-item-list", "ax-prefix, ax-loading, ax-loading-spinner"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDropdownButtonComponent, "ax-dropdown-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; "color": { "alias": "color"; "required": false; }; "look": { "alias": "look"; "required": false; }; "text": { "alias": "text"; "required": false; }; "type": { "alias": "type"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "onClick": "onClick"; "selectedChange": "selectedChange"; "lookChange": "lookChange"; "colorChange": "colorChange"; "disabledChange": "disabledChange"; }, never, ["ax-button-item-list", "ax-prefix, ax-loading, ax-loading-spinner"], true, never>;
 }
 
 declare class AXDropdownButtonModule {