@acorex/components 21.0.2-next.3 → 21.0.2-next.31

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

@@ -164,6 +164,8 @@ declare class AXDataPagerNumericSelectorComponent extends AXDataPagerChild {
     protected _currentPage: number;
     protected _lastPage: number;
     protected _loading: boolean;
+    private localeService;
+    protected rtlstatus: 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';
@@ -108,6 +108,10 @@ declare abstract class AXDataTableColumnComponent {
     fixed: 'start' | 'end' | undefined;
     allowSorting: boolean;
     allowResizing: boolean;
+    /**
+     * When true, shows the cell content as tooltip on hover (via `axTooltip`).
+     */
+    hasTitle: boolean;
     sortIndex: number | undefined;
     sortOrder: AXSortOrder | undefined;
     abstract get renderCellTemplate(): TemplateRef<unknown>;
@@ -247,7 +251,7 @@ declare class AXDataTableTextColumnComponent extends AXDataTableColumnComponent
      */
     get name(): string;
     /**
-     * Returns the display text for a row cell. Used for cell tooltip when title is enabled on the table.
+     * Returns the display text for a row cell. Used for cell tooltip when the column has `hasTitle`.
      */
     getCellDisplayText(rowData: unknown): string;
     /**
@@ -264,7 +268,7 @@ declare class AXDataTableTextColumnComponent extends AXDataTableColumnComponent
      */
     formatOptions: AXFormatOptions;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDataTableTextColumnComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXDataTableTextColumnComponent, "ax-text-column", never, { "width": { "alias": "width"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "allowSorting": { "alias": "allowSorting"; "required": false; }; "allowResizing": { "alias": "allowResizing"; "required": false; }; "fixed": { "alias": "fixed"; "required": false; }; "customExpandIcon": { "alias": "customExpandIcon"; "required": false; }; "customCollapseIcon": { "alias": "customCollapseIcon"; "required": false; }; "dataField": { "alias": "dataField"; "required": false; }; "expandHandler": { "alias": "expandHandler"; "required": false; }; "wrapText": { "alias": "wrapText"; "required": false; }; "cellTemplate": { "alias": "cellTemplate"; "required": false; }; "footerTemplate": { "alias": "footerTemplate"; "required": false; }; "headerTemplate": { "alias": "headerTemplate"; "required": false; }; "format": { "alias": "format"; "required": false; }; "formatOptions": { "alias": "formatOptions"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDataTableTextColumnComponent, "ax-text-column", never, { "width": { "alias": "width"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "allowSorting": { "alias": "allowSorting"; "required": false; }; "allowResizing": { "alias": "allowResizing"; "required": false; }; "fixed": { "alias": "fixed"; "required": false; }; "hasTitle": { "alias": "hasTitle"; "required": false; }; "customExpandIcon": { "alias": "customExpandIcon"; "required": false; }; "customCollapseIcon": { "alias": "customCollapseIcon"; "required": false; }; "dataField": { "alias": "dataField"; "required": false; }; "expandHandler": { "alias": "expandHandler"; "required": false; }; "wrapText": { "alias": "wrapText"; "required": false; }; "cellTemplate": { "alias": "cellTemplate"; "required": false; }; "footerTemplate": { "alias": "footerTemplate"; "required": false; }; "headerTemplate": { "alias": "headerTemplate"; "required": false; }; "format": { "alias": "format"; "required": false; }; "formatOptions": { "alias": "formatOptions"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 type AXRowCommandItem = AXButtonItemListItem & {
@@ -602,6 +606,255 @@ 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 {
+    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; }; "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.
  *
@@ -621,10 +874,6 @@ declare class AXDataTableComponent extends AXBaseDataTable implements OnInit, Af
      *  @ignore
      */
     customDataPager: AXDataPagerComponent;
-    /**
-     * When true, shows the cell content as tooltip (title attribute) on hover.
-     */
-    title: boolean;
     /**
      *  @ignore
      */
@@ -860,7 +1109,7 @@ declare class AXDataTableComponent extends AXBaseDataTable implements OnInit, Af
     ngAfterViewInit(): void;
     private captureAutoFitIntentColumns;
     /**
-     * Returns the display text for a cell. Used for the native title (tooltip) on each cell.
+     * Returns the display text for a cell. Used for the cell tooltip when the column has `hasTitle`.
      */
     protected getCellTooltipText(column: AXDataTableColumnComponent, rowData: unknown): string;
     /**
@@ -992,14 +1241,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; }; "title": { "alias": "title"; "required": false; }; "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; }; "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 { AXBaseDataTable, AXBaseRowCommandColumnComponent, AXDataTableColumnComponent, AXDataTableColumnResizableDirective, AXDataTableComponent, AXDataTableModule, AXDataTableTextColumnComponent, AXInfiniteScrollDataTableComponent, AXRowCommandColumnComponent, AXRowDropdownCommandColumnComponent, AXRowExpandColumnComponent, AXRowIndexColumnComponent, AXRowSelectColumnComponent };
 export type { AXColumnsOrderChangedEvent, AXDataTableRowClick, AXDataTableRowDbClick, AXDataTableScrollIndexChanged, AXRowCommandItem, AXRowCommandItemClickEvent, onColumnSizeChangedEvent };

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

@@ -2,7 +2,7 @@ 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 { MXCalendarBaseComponent, AXDateTimePickerType, AXCalendarNavigateEvent } from '@acorex/components/calendar';
+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';
@@ -51,6 +51,10 @@ declare class AXDateTimeBoxComponent extends AXDateTimeBoxComponent_base {
     readonly calendar: _angular_core.InputSignal<string>;
     readonly weekend: _angular_core.InputSignal<number[]>;
     readonly weekdays: _angular_core.InputSignal<number[]>;
+    /**
+     * Day view navigation style of the embedded calendar.
+     */
+    readonly calendarLook: _angular_core.InputSignal<AXCalendarNavigationLookType>;
     /**
      * @deprecated use locale & mode instead
      */
@@ -98,7 +102,7 @@ declare class AXDateTimeBoxComponent extends AXDateTimeBoxComponent_base {
     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; }; "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; }; "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>;
 }
 
 declare class AXDateTimeBoxModule {

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

@@ -2,7 +2,7 @@ import * as polytype from 'polytype';
 import * as _angular_core from '@angular/core';
 import { OnInit, InjectionToken } from '@angular/core';
 import { MXValueComponent, AXValueChangedEvent } from '@acorex/cdk/common';
-import { MXCalendarBaseComponent, AXDateTimePickerType, AXCalendarNavigateEvent } from '@acorex/components/calendar';
+import { MXCalendarBaseComponent, AXCalendarNavigationLookType, AXDateTimePickerType, AXCalendarNavigateEvent } from '@acorex/components/calendar';
 import { AXTabsComponent, AXTabStripChangedEvent } from '@acorex/components/tabs';
 import { AXDateTimeParts, AXDateTime } from '@acorex/core/date-time';
 
@@ -21,6 +21,10 @@ declare class AXDateTimePickerComponent extends AXDateTimePickerComponent_base i
     private formatService;
     weekend: _angular_core.InputSignal<number[]>;
     weekdays: _angular_core.InputSignal<number[]>;
+    /**
+     * Day view navigation style of the embedded calendar.
+     */
+    calendarLook: _angular_core.InputSignal<AXCalendarNavigationLookType>;
     protected buttonText: _angular_core.Signal<"dateTime.today" | "dateTime.now">;
     private defaultConfig;
     protected pickerHoursMinValue: _angular_core.WritableSignal<number>;
@@ -127,7 +131,7 @@ declare class AXDateTimePickerComponent extends AXDateTimePickerComponent_base i
     protected internalSetValue(value: Date): Date | null;
     protected isTodayDisabled(): boolean;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXDateTimePickerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXDateTimePickerComponent, "ax-datetime-picker", 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; }; "depth": { "alias": "depth"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; "disabledDates": { "alias": "disabledDates"; "required": false; }; "holidayDates": { "alias": "holidayDates"; "required": false; }; "type": { "alias": "type"; "required": false; }; "cellTemplate": { "alias": "cellTemplate"; "required": false; }; "cellClass": { "alias": "cellClass"; "required": false; }; "showNavigation": { "alias": "showNavigation"; "required": false; }; "weekend": { "alias": "weekend"; "required": false; "isSignal": true; }; "weekdays": { "alias": "weekdays"; "required": false; "isSignal": true; }; "currentTimeButton": { "alias": "currentTimeButton"; "required": false; }; "calendar": { "alias": "calendar"; "required": false; "isSignal": true; }; "picker": { "alias": "picker"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "onClick": "onClick"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "depthChange": "depthChange"; "typeChange": "typeChange"; "activeViewChange": "activeViewChange"; "disabledDatesChange": "disabledDatesChange"; "holidayDatesChange": "holidayDatesChange"; "onNavigate": "onNavigate"; "onSlotClick": "onSlotClick"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXDateTimePickerComponent, "ax-datetime-picker", 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; }; "depth": { "alias": "depth"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; "disabledDates": { "alias": "disabledDates"; "required": false; }; "holidayDates": { "alias": "holidayDates"; "required": false; }; "type": { "alias": "type"; "required": false; }; "cellTemplate": { "alias": "cellTemplate"; "required": false; }; "cellClass": { "alias": "cellClass"; "required": false; }; "showNavigation": { "alias": "showNavigation"; "required": false; }; "weekend": { "alias": "weekend"; "required": false; "isSignal": true; }; "weekdays": { "alias": "weekdays"; "required": false; "isSignal": true; }; "calendarLook": { "alias": "calendarLook"; "required": false; "isSignal": true; }; "currentTimeButton": { "alias": "currentTimeButton"; "required": false; }; "calendar": { "alias": "calendar"; "required": false; "isSignal": true; }; "picker": { "alias": "picker"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "onClick": "onClick"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "depthChange": "depthChange"; "typeChange": "typeChange"; "activeViewChange": "activeViewChange"; "disabledDatesChange": "disabledDatesChange"; "holidayDatesChange": "holidayDatesChange"; "onNavigate": "onNavigate"; "onSlotClick": "onSlotClick"; }, never, never, true, never>;
 }
 
 interface AXDateTimePickerConfig {

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 {