@acorex/components 20.7.33 → 20.7.34

package/calendar/index.d.ts

@@ -1,13 +1,19 @@
 import * as polytype from 'polytype';
-import * as i0 from '@angular/core';
+import * as _angular_core from '@angular/core';
 import { TemplateRef, EventEmitter, AfterViewInit } from '@angular/core';
-import { MXBaseComponent, AXItemClickEvent, AXRangeChangedEvent, MXValueComponent, AXRange, MXInteractiveComponent, AXClickEvent, MXComponentOptionChanged } from '@acorex/cdk/common';
+import { MXBaseComponent, AXItemClickEvent, AXRangeChangedEvent, MXValueComponent, AXRange, MXInteractiveComponent, AXValueChangedEvent, AXClickEvent, MXComponentOptionChanged } from '@acorex/cdk/common';
 import { AXCalendarService, AXDateTimeRange, AXDateTime } from '@acorex/core/date-time';
 import { AXLocaleService } from '@acorex/core/locale';
 import { AXTranslationService } from '@acorex/core/translation';
 
 type AXCalendarViewType = 'year' | 'month' | 'day';
 type AXCalendarViewDepth = AXCalendarViewType;
+/**
+ * Controls how month and year are chosen in the day view header.
+ * - `classic`: tap year/month labels to open month/year picker panels.
+ * - `select`: month/year dropdowns with prev/next arrows on the edges.
+ */
+type AXCalendarNavigationLookType = 'classic' | 'select';
 type AXCalendarDisabledDates = Date[] | ((date: Date) => boolean);
 type AXCalendarHolidayDates = Date[] | ((date: Date) => boolean);
 type AXCalendarCellCssClass = string | {
@@ -91,21 +97,25 @@ declare class MXCalendarBaseComponent extends MXBaseComponent {
     get holidayDates(): AXCalendarHolidayDates;
     set holidayDates(v: AXCalendarHolidayDates);
     render(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MXCalendarBaseComponent, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<MXCalendarBaseComponent>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MXCalendarBaseComponent, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<MXCalendarBaseComponent>;
 }
 declare const CALENDAR_INPUTS: string[];
 declare const CALENDAR_OUTPUTS: string[];
 
 declare const AXCalendarRangeComponent_base: polytype.Polytype.ClusteredConstructor<[{
     new (): MXValueComponent<AXRange<Date>>;
-    ɵfac: i0.ɵɵFactoryDeclaration<MXValueComponent<any>, never>;
-    ɵprov: i0.ɵɵInjectableDeclaration<MXValueComponent<any>>;
+    ɵfac: _angular_core.ɵɵFactoryDeclaration<MXValueComponent<any>, never>;
+    ɵprov: _angular_core.ɵɵInjectableDeclaration<MXValueComponent<any>>;
 }, typeof MXInteractiveComponent, typeof MXCalendarBaseComponent]>;
 declare class AXCalendarRangeComponent extends AXCalendarRangeComponent_base implements AfterViewInit {
     private formatService;
     private unsubscriber;
-    protected calendar: i0.WritableSignal<string>;
+    protected calendar: _angular_core.WritableSignal<string>;
+    /**
+     * Day view navigation style passed through to embedded calendars.
+     */
+    look: _angular_core.InputSignal<AXCalendarNavigationLookType>;
     /**
      *  @ignore
      */
@@ -174,14 +184,14 @@ declare class AXCalendarRangeComponent extends AXCalendarRangeComponent_base imp
      *  @ignore
      */
     private _syncNav2;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXCalendarRangeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXCalendarRangeComponent, "ax-calendar-range", never, { "rtl": { "alias": "rtl"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "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; }; "dayCellTemplate": { "alias": "dayCellTemplate"; "required": false; }; "monthCellTemplate": { "alias": "monthCellTemplate"; "required": false; }; "yearCellTemplate": { "alias": "yearCellTemplate"; "required": false; }; "cellClass": { "alias": "cellClass"; "required": false; }; "showNavigation": { "alias": "showNavigation"; "required": false; }; }, { "onOptionChanged": "onOptionChanged"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "depthChange": "depthChange"; "typeChange": "typeChange"; "activeViewChange": "activeViewChange"; "disabledDatesChange": "disabledDatesChange"; "holidayDatesChange": "holidayDatesChange"; "onNavigate": "onNavigate"; "onSlotClick": "onSlotClick"; }, never, ["*"], true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXCalendarRangeComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXCalendarRangeComponent, "ax-calendar-range", never, { "rtl": { "alias": "rtl"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "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; }; "dayCellTemplate": { "alias": "dayCellTemplate"; "required": false; }; "monthCellTemplate": { "alias": "monthCellTemplate"; "required": false; }; "yearCellTemplate": { "alias": "yearCellTemplate"; "required": false; }; "cellClass": { "alias": "cellClass"; "required": false; }; "showNavigation": { "alias": "showNavigation"; "required": false; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; }, { "onOptionChanged": "onOptionChanged"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "depthChange": "depthChange"; "typeChange": "typeChange"; "activeViewChange": "activeViewChange"; "disabledDatesChange": "disabledDatesChange"; "holidayDatesChange": "holidayDatesChange"; "onNavigate": "onNavigate"; "onSlotClick": "onSlotClick"; }, never, ["*"], true, never>;
 }
 
 declare const AXCalendarComponent_base: polytype.Polytype.ClusteredConstructor<[{
     new (): MXValueComponent<Date>;
-    ɵfac: i0.ɵɵFactoryDeclaration<MXValueComponent<any>, never>;
-    ɵprov: i0.ɵɵInjectableDeclaration<MXValueComponent<any>>;
+    ɵfac: _angular_core.ɵɵFactoryDeclaration<MXValueComponent<any>, never>;
+    ɵprov: _angular_core.ɵɵInjectableDeclaration<MXValueComponent<any>>;
 }, typeof MXInteractiveComponent, typeof MXCalendarBaseComponent]>;
 /**
  * A calendar component that provides a customizable calendar view with various options for selection, navigation, and styling.
@@ -190,9 +200,15 @@ declare const AXCalendarComponent_base: polytype.Polytype.ClusteredConstructor<[
  */
 declare class AXCalendarComponent extends AXCalendarComponent_base implements AfterViewInit {
     private formatService;
-    weekend: i0.InputSignal<number[]>;
-    weekdays: i0.InputSignal<number[]>;
-    protected calendar: i0.WritableSignal<string>;
+    weekend: _angular_core.InputSignal<number[]>;
+    weekdays: _angular_core.InputSignal<number[]>;
+    /**
+     * Day view navigation style.
+     * - `classic`: tap year/month labels to open month/year picker panels.
+     * - `select`: month/year dropdowns with prev/next arrows on the edges.
+     */
+    look: _angular_core.InputSignal<AXCalendarNavigationLookType>;
+    protected calendar: _angular_core.WritableSignal<string>;
     get displayRange(): AXDateTimeRange | null;
     /**
      *  @ignore
@@ -214,6 +230,28 @@ declare class AXCalendarComponent extends AXCalendarComponent_base implements Af
      *  @ignore
      */
     protected views: AXCalendarView[];
+    /**
+     *  @ignore
+     */
+    protected _monthOptions: {
+        id: number;
+        text: string;
+    }[];
+    /**
+     *  @ignore
+     */
+    protected _yearOptions: {
+        id: number;
+        text: string;
+    }[];
+    /**
+     *  @ignore
+     */
+    protected get _currentMonth(): number;
+    /**
+     *  @ignore
+     */
+    protected get _currentYear(): number;
     /**
      *  @ignore
      */
@@ -246,6 +284,22 @@ declare class AXCalendarComponent extends AXCalendarComponent_base implements Af
      *  @ignore
      */
     render(): void;
+    /**
+     *  @ignore
+     */
+    private _updateSelectOptions;
+    /**
+     *  @ignore
+     */
+    protected _handleMonthSelectChanged(e: AXValueChangedEvent): void;
+    /**
+     *  @ignore
+     */
+    protected _handleYearSelectChanged(e: AXValueChangedEvent): void;
+    /**
+     *  @ignore
+     */
+    private _getSelectBoxValue;
     /**
      *  @ignore
      */
@@ -371,15 +425,15 @@ declare class AXCalendarComponent extends AXCalendarComponent_base implements Af
      *  @ignore
      */
     protected getMonthName(date: AXDateTime, style: 'short' | 'long'): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXCalendarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXCalendarComponent, "ax-calendar", never, { "rtl": { "alias": "rtl"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "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; }; "dayCellTemplate": { "alias": "dayCellTemplate"; "required": false; }; "monthCellTemplate": { "alias": "monthCellTemplate"; "required": false; }; "yearCellTemplate": { "alias": "yearCellTemplate"; "required": false; }; "cellClass": { "alias": "cellClass"; "required": false; }; "showNavigation": { "alias": "showNavigation"; "required": false; }; "count": { "alias": "count"; "required": false; }; "id": { "alias": "id"; "required": false; }; "weekend": { "alias": "weekend"; "required": false; "isSignal": true; }; "weekdays": { "alias": "weekdays"; "required": false; "isSignal": true; }; }, { "onOptionChanged": "onOptionChanged"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "minValueChange": "minValueChange"; "maxValueChange": "maxValueChange"; "onBlur": "onBlur"; "onFocus": "onFocus"; "depthChange": "depthChange"; "typeChange": "typeChange"; "activeViewChange": "activeViewChange"; "disabledDatesChange": "disabledDatesChange"; "holidayDatesChange": "holidayDatesChange"; "onNavigate": "onNavigate"; "onSlotClick": "onSlotClick"; "countChange": "countChange"; }, never, ["ax-header", "ax-footer"], true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXCalendarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXCalendarComponent, "ax-calendar", never, { "rtl": { "alias": "rtl"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "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; }; "dayCellTemplate": { "alias": "dayCellTemplate"; "required": false; }; "monthCellTemplate": { "alias": "monthCellTemplate"; "required": false; }; "yearCellTemplate": { "alias": "yearCellTemplate"; "required": false; }; "cellClass": { "alias": "cellClass"; "required": false; }; "showNavigation": { "alias": "showNavigation"; "required": false; }; "count": { "alias": "count"; "required": false; }; "id": { "alias": "id"; "required": false; }; "weekend": { "alias": "weekend"; "required": false; "isSignal": true; }; "weekdays": { "alias": "weekdays"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; }, { "onOptionChanged": "onOptionChanged"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "minValueChange": "minValueChange"; "maxValueChange": "maxValueChange"; "onBlur": "onBlur"; "onFocus": "onFocus"; "depthChange": "depthChange"; "typeChange": "typeChange"; "activeViewChange": "activeViewChange"; "disabledDatesChange": "disabledDatesChange"; "holidayDatesChange": "holidayDatesChange"; "onNavigate": "onNavigate"; "onSlotClick": "onSlotClick"; "countChange": "countChange"; }, never, ["ax-header", "ax-footer"], true, never>;
 }
 
 declare class AXCalendarModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXCalendarModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXCalendarModule, never, [typeof AXCalendarComponent, typeof AXCalendarRangeComponent], [typeof AXCalendarComponent, typeof AXCalendarRangeComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<AXCalendarModule>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXCalendarModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXCalendarModule, never, [typeof AXCalendarComponent, typeof AXCalendarRangeComponent], [typeof AXCalendarComponent, typeof AXCalendarRangeComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXCalendarModule>;
 }
 
 export { AXCalendarComponent, AXCalendarModule, AXCalendarNavigateEvent, AXCalendarRangeComponent, AXCalendarSlotClick, CALENDAR_INPUTS, CALENDAR_OUTPUTS, MXCalendarBaseComponent };
-export type { AXCalendarCellCssClass, AXCalendarDisabledDates, AXCalendarHolidayDates, AXCalendarView, AXCalendarViewDepth, AXCalendarViewSlot, AXCalendarViewType, AXDateTimePickerType };
+export type { AXCalendarCellCssClass, AXCalendarDisabledDates, AXCalendarHolidayDates, AXCalendarNavigationLookType, AXCalendarView, AXCalendarViewDepth, AXCalendarViewSlot, AXCalendarViewType, AXDateTimePickerType };

package/data-table/index.d.ts

@@ -34,6 +34,7 @@ interface onColumnSizeChangedEvent extends AXEvent {
 }
 interface AXDataTableRowDbClick extends AXDataTableRowClick {
 }
+type AXDataTableBorder = 'full' | 'minimal';
 declare abstract class AXBaseDataTable extends MXBaseComponent {
     dataSource: AXDataSource<unknown>;
     /**
@@ -612,6 +613,15 @@ declare class AXRowSelectColumnComponent extends AXDataTableColumnComponent {
  * @category Components
  */
 declare class AXInfiniteScrollDataTableComponent extends AXBaseDataTable implements OnInit, DoCheck {
+    /**
+     * Controls the table border style.
+     *
+     * - `full` — vertical and horizontal cell borders (default).
+     * - `minimal` — horizontal row borders only.
+     *
+     * @defaultValue `'full'`
+     */
+    border: i0.InputSignal<AXDataTableBorder>;
     private document;
     private platformID;
     private ngZone;
@@ -852,7 +862,7 @@ declare class AXInfiniteScrollDataTableComponent extends AXBaseDataTable impleme
      */
     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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXInfiniteScrollDataTableComponent, "ax-infinite-scroll-data-table", never, { "dataSource": { "alias": "dataSource"; "required": false; }; "border": { "alias": "border"; "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>;
 }
 
 /**
@@ -862,6 +872,15 @@ declare class AXInfiniteScrollDataTableComponent extends AXBaseDataTable impleme
  */
 declare class AXDataTableComponent extends AXBaseDataTable implements OnInit, AfterViewInit {
     #private;
+    /**
+     * Controls the table border style.
+     *
+     * - `full` — vertical and horizontal cell borders (default).
+     * - `minimal` — horizontal row borders only.
+     *
+     * @defaultValue `'full'`
+     */
+    border: i0.InputSignal<AXDataTableBorder>;
     private _unsubscriber;
     private _zone;
     private document;
@@ -1241,7 +1260,7 @@ 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; }; "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; }; "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>;
 }
 
 declare class AXDataTableModule {
@@ -1251,4 +1270,4 @@ declare class AXDataTableModule {
 }
 
 export { AXBaseDataTable, AXBaseRowCommandColumnComponent, AXDataTableColumnComponent, AXDataTableColumnResizableDirective, AXDataTableComponent, AXDataTableModule, AXDataTableTextColumnComponent, AXInfiniteScrollDataTableComponent, AXRowCommandColumnComponent, AXRowDropdownCommandColumnComponent, AXRowExpandColumnComponent, AXRowIndexColumnComponent, AXRowSelectColumnComponent };
-export type { AXColumnsOrderChangedEvent, AXDataTableRowClick, AXDataTableRowDbClick, AXDataTableScrollIndexChanged, AXRowCommandItem, AXRowCommandItemClickEvent, onColumnSizeChangedEvent };
+export type { AXColumnsOrderChangedEvent, AXDataTableBorder, AXDataTableRowClick, AXDataTableRowDbClick, AXDataTableScrollIndexChanged, AXRowCommandItem, AXRowCommandItemClickEvent, onColumnSizeChangedEvent };

package/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/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 {