@acorex/components 21.0.2-next.4 → 21.0.2-next.41

package/types/acorex-components-data-pager.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

@@ -34,6 +34,7 @@ interface onColumnSizeChangedEvent extends AXEvent {
 }
 interface AXDataTableRowDbClick extends AXDataTableRowClick {
 }
+type AXDataTableLook = 'classic' | 'minimal';
 declare abstract class AXBaseDataTable extends MXBaseComponent {
     dataSource: AXDataSource<unknown>;
     /**
@@ -613,6 +614,15 @@ declare class AXRowSelectColumnComponent extends AXDataTableColumnComponent {
  */
 declare class AXDataTableComponent extends AXBaseDataTable implements OnInit, AfterViewInit {
     #private;
+    /**
+     * Controls the table look.
+     *
+     * - `classic` — classic look (default).
+     * - `minimal` — minimal look.
+     *
+     * @defaultValue `'classic'`
+     */
+    look: i0.InputSignal<AXDataTableLook>;
     private _unsubscriber;
     private _zone;
     private document;
@@ -992,7 +1002,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; }; "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 {
@@ -1002,4 +1012,4 @@ declare class AXDataTableModule {
 }
 
 export { AXBaseDataTable, AXBaseRowCommandColumnComponent, AXDataTableColumnComponent, AXDataTableColumnResizableDirective, AXDataTableComponent, AXDataTableModule, AXDataTableTextColumnComponent, AXRowCommandColumnComponent, AXRowDropdownCommandColumnComponent, AXRowExpandColumnComponent, AXRowIndexColumnComponent, AXRowSelectColumnComponent };
-export type { AXColumnsOrderChangedEvent, AXDataTableRowClick, AXDataTableRowDbClick, AXDataTableScrollIndexChanged, AXRowCommandItem, AXRowCommandItemClickEvent, onColumnSizeChangedEvent };
+export type { AXColumnsOrderChangedEvent, AXDataTableLook, AXDataTableRowClick, AXDataTableRowDbClick, AXDataTableScrollIndexChanged, AXRowCommandItem, AXRowCommandItemClickEvent, onColumnSizeChangedEvent };

package/types/acorex-components-datetime-box.d.ts

@@ -1,13 +1,31 @@
+import { TimeUnit } from '@acorex/core/date-time';
+import * as dist_packages_core_types_acorex_core_date_time from 'dist/packages/core/types/acorex-core-date-time';
+import * as _acorex_components_datetime_box from '@acorex/components/datetime-box';
 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 { MXInputBaseValueComponent, MXLookComponent, AXEvent, AXFocusEvent, AXValueChangedEvent } from '@acorex/cdk/common';
+import { MXCalendarBaseComponent, AXDateTimePickerType, AXCalendarNavigationLookType, AXCalendarYearRange, 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>;
@@ -19,7 +37,6 @@ declare const AXDateTimeBoxComponent_base: polytype.Polytype.ClusteredConstructo
  * @category Components
  */
 declare class AXDateTimeBoxComponent extends AXDateTimeBoxComponent_base {
-    #private;
     /**
      *  @ignore
      */
@@ -51,17 +68,62 @@ 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>;
+    /**
+     * Years shown in the year selector when `calendarLook` is `select`.
+     * Use a number for equal past/future ranges, or `{ past, future }` for asymmetric ranges.
+     * `minValue` and `maxValue` take priority when set.
+     */
+    readonly yearRange: _angular_core.InputSignal<AXCalendarYearRange>;
+    /**
+     * 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
      */
     readonly format: _angular_core.InputSignal<string>;
     protected _editingDateObj: _angular_core.WritableSignal<Date>;
-    protected _calendarSystem: _angular_core.WritableSignal<string>;
-    private _format;
+    protected readonly _calendarSystem: _angular_core.Signal<string>;
+    protected readonly _resolvedFormat: _angular_core.Signal<string>;
+    protected readonly _classicDateFields: _acorex_components_datetime_box.AXDateTimeBoxClassicField[];
+    protected readonly _classicTimeFields: _acorex_components_datetime_box.AXDateTimeBoxClassicField[];
+    private readonly _classicTimeOptions;
+    protected _classicDate: _angular_core.Signal<dist_packages_core_types_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
      */
@@ -92,13 +154,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; }; "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; }; "yearRange": { "alias": "yearRange"; "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 {
@@ -107,4 +177,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/types/acorex-components-datetime-input.d.ts

@@ -34,7 +34,7 @@ declare class AXDateTimeInputComponent extends MXInputBaseValueComponent<Date> {
      * @description The calendar type to use for the datetime input.
      */
     calendar: _angular_core.InputSignal<string>;
-    protected _calendarSystem: _angular_core.WritableSignal<string>;
+    protected readonly _calendarSystem: _angular_core.Signal<string>;
     private _activePart;
     private _editingDate;
     /**
@@ -49,7 +49,7 @@ declare class AXDateTimeInputComponent extends MXInputBaseValueComponent<Date> {
      */
     onClick: _angular_core.OutputEmitterRef<AXClickEvent>;
     picker: _angular_core.InputSignal<AXDateTimePickerType>;
-    private _format;
+    protected readonly _resolvedFormat: _angular_core.Signal<string>;
     /**
      * @deprecated use locale & mode instead
      */

package/types/acorex-components-datetime-picker.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, AXCalendarYearRange, AXDateTimePickerType, AXCalendarNavigateEvent } from '@acorex/components/calendar';
 import { AXTabsComponent, AXTabStripChangedEvent } from '@acorex/components/tabs';
 import { AXDateTimeParts, AXDateTime } from '@acorex/core/date-time';
 
@@ -21,6 +21,16 @@ 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>;
+    /**
+     * Years shown in the year selector when `calendarLook` is `select`.
+     * Use a number for equal past/future ranges, or `{ past, future }` for asymmetric ranges.
+     * `minValue` and `maxValue` take priority when set.
+     */
+    yearRange: _angular_core.InputSignal<AXCalendarYearRange>;
     protected buttonText: _angular_core.Signal<"dateTime.today" | "dateTime.now">;
     private defaultConfig;
     protected pickerHoursMinValue: _angular_core.WritableSignal<number>;
@@ -66,14 +76,14 @@ declare class AXDateTimePickerComponent extends AXDateTimePickerComponent_base i
      *  @ignore
      */
     protected get _hasTimePart(): boolean;
-    editingDateObj: _angular_core.WritableSignal<AXDateTime>;
     /**
      * @description The calendar type to use for the datetime input.
      */
     calendar: _angular_core.InputSignal<string>;
-    protected _calendarSystem: _angular_core.WritableSignal<string>;
+    protected readonly _calendarSystem: _angular_core.Signal<string>;
+    editingDateObj: _angular_core.WritableSignal<AXDateTime>;
     picker: _angular_core.InputSignal<AXDateTimePickerType>;
-    private _format;
+    protected readonly _resolvedFormat: _angular_core.Signal<string>;
     /**
      * @deprecated use locale & mode instead
      */
@@ -127,7 +137,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; }; "yearRange": { "alias": "yearRange"; "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/types/acorex-components-flow-chart.d.ts

@@ -45,6 +45,8 @@ type AXLineClickEvent = {
 declare class AXFlowChartService {
     #private;
     private zone;
+    private platformId;
+    private document;
     initialFlowChartEdge: _angular_core.WritableSignal<any[]>;
     initialFlowChartNode: _angular_core.WritableSignal<any[]>;
     selectedNode: _angular_core.WritableSignal<AXFlowChartNodes>;
@@ -113,6 +115,8 @@ declare class AXFlowChartRendererComponent extends NXComponent implements OnDest
     private canvas;
     private svg;
     private service;
+    private document;
+    private platformId;
     readonly onLineClick: _angular_core.OutputEmitterRef<AXLineClickEvent>;
     readonly onLineDbClick: _angular_core.OutputEmitterRef<AXLineClickEvent>;
     readonly onNodeClick: _angular_core.OutputEmitterRef<AXNodeClickEvent>;

package/types/acorex-components-menu.d.ts

@@ -2,6 +2,7 @@ import * as _angular_core from '@angular/core';
 import { WritableSignal, OutputEmitterRef, OnDestroy } from '@angular/core';
 import { AXStyleColorType, NXComponent, NXClickEvent, AXOrientation, NXEvent } from '@acorex/cdk/common';
 import { AXPoint } from '@acorex/core/utils';
+import { UrlTree, IsActiveMatchOptions } from '@angular/router';
 import { Subject } from 'rxjs';
 
 type AXMenuOpenTrigger = 'click' | 'hover';
@@ -16,22 +17,37 @@ declare abstract class AXRootMenu {
 }
 declare abstract class AXMenuItemComponentBase {
 }
-declare abstract class AXMenuItem {
-    color?: AXStyleColorType;
-    name?: string;
+/** Shared tree item shape for `ax-menu`, `ax-context-menu`, and `ax-side-menu`. */
+interface AXMenuItem {
     text: string;
-    data?: any;
+    name?: string;
     icon?: string;
+    data?: unknown;
     disabled?: boolean;
     items?: AXMenuItem[];
+    color?: AXStyleColorType;
     suffix?: {
         text: string;
     };
+    /** Side-menu alias for `suffix.text`. */
+    suffixText?: string;
     break?: boolean;
     group?: {
         name?: string;
         title?: string;
     };
+    title?: string;
+    routerLink?: string | any[] | UrlTree;
+    routerLinkActive?: string | string[];
+    routerLinkActiveOptions?: {
+        exact: boolean;
+    } | IsActiveMatchOptions;
+    href?: string;
+    target?: '_blank' | '_self' | '_parent' | '_top';
+    active?: boolean;
+    isLoading?: boolean;
+    isCollapsed?: boolean;
+    toggleOnClick?: boolean;
 }
 declare class AXMenuItemClickBaseEvent<T extends NXComponent = NXComponent> extends NXClickEvent<T> {
     item: {
@@ -56,6 +72,8 @@ declare class AXContextMenuComponent extends NXComponent {
     readonly orientation: _angular_core.InputSignal<AXOrientation>;
     readonly openOn: _angular_core.InputSignal<AXMenuOpenTrigger>;
     readonly closeOn: _angular_core.InputSignal<AXMenuCloseTrigger>;
+    /** When true, closes the menu on router navigation (e.g. side-menu route changes). */
+    readonly closeOnRouteChange: _angular_core.InputSignal<boolean>;
     readonly originalItems: _angular_core.InputSignal<AXMenuItem[]>;
     readonly target: _angular_core.InputSignal<string | HTMLElement | HTMLElement[]>;
     onItemClick: _angular_core.OutputEmitterRef<AXContextMenuItemsClickEvent>;
@@ -68,7 +86,11 @@ declare class AXContextMenuComponent extends NXComponent {
     private document;
     private platformID;
     private zIndexService;
+    private injector;
     private zToken;
+    private lastOpenPoint;
+    private router;
+    private destroyRef;
     /** @ignore */
     constructor();
     ngOnDestroy(): void;
@@ -92,6 +114,8 @@ declare class AXContextMenuComponent extends NXComponent {
     private originalParent;
     protected items: _angular_core.WritableSignal<AXMenuItem[]>;
     /** @ignore */
+    private setupCloseOnRouteChange;
+    /** @ignore */
     private getTargetElements;
     /** @ignore */
     private bindContextEvent;
@@ -101,6 +125,13 @@ declare class AXContextMenuComponent extends NXComponent {
     private handleContextMenu;
     /** @ignore */
     private internalShowAt;
+    /**
+     * Positions the menu at `point`, flipping when it would overflow the viewport.
+     * Uses a temporary visible layout pass so parents that hide the host (e.g. side-menu `display: none`) do not yield a zero-sized rect.
+     */
+    private positionAtPoint;
+    /** Measures menu size even when an ancestor hides the host with `display: none`. */
+    private measureMenuRect;
     /** @ignore */
     private createBackdrop;
     /** @ignore */
@@ -111,7 +142,7 @@ declare class AXContextMenuComponent extends NXComponent {
     /** @ignore */
     get __hostClass(): any;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXContextMenuComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXContextMenuComponent, "ax-context-menu", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "openOn": { "alias": "openOn"; "required": false; "isSignal": true; }; "closeOn": { "alias": "closeOn"; "required": false; "isSignal": true; }; "originalItems": { "alias": "items"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; }, { "onItemClick": "onItemClick"; "onOpening": "onOpening"; "onClose": "onClose"; }, never, ["ax-menu-item,ax-divider,ax-title,ng-container"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXContextMenuComponent, "ax-context-menu", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "openOn": { "alias": "openOn"; "required": false; "isSignal": true; }; "closeOn": { "alias": "closeOn"; "required": false; "isSignal": true; }; "closeOnRouteChange": { "alias": "closeOnRouteChange"; "required": false; "isSignal": true; }; "originalItems": { "alias": "items"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; }, { "onItemClick": "onItemClick"; "onOpening": "onOpening"; "onClose": "onClose"; }, never, ["ax-menu-item,ax-divider,ax-title,ng-container"], true, never>;
 }
 
 type AXMenuItemClickEvent = AXMenuItemClickBaseEvent<AXMenuItemComponent>;
@@ -131,6 +162,7 @@ declare class AXMenuItemComponent extends NXComponent implements OnDestroy {
     private scrollableParents;
     private unsuscriber;
     private renderer;
+    private injector;
     private zIndexService;
     private zToken;
     protected arrowIcon: _angular_core.Signal<string>;
@@ -161,10 +193,18 @@ declare class AXMenuItemComponent extends NXComponent implements OnDestroy {
      * @returns void - No return value. Triggers submenu closing side-effects.
      */
     close(): void;
+    /**
+     * Positions the submenu after layout so nested levels measure their full height.
+     */
+    private schedulePositionCalculation;
     /**
      * Calculate the position of the submenu to avoid it going out of the viewport.
      */
     private calculatePosition;
+    /** Measures submenu size using the same flex layout as the rendered menu. */
+    private measureSubmenuRect;
+    /** Keeps the submenu fully inside the viewport vertically. */
+    private clampVerticalPosition;
     handleClick(e: MouseEvent): void;
     handleMouseEnter(event: MouseEvent): void;
     private mouseLeaveTimeout;
@@ -234,5 +274,5 @@ declare class AXMenuModule {
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXMenuModule>;
 }
 
-export { AXContextMenuComponent, AXContextMenuOpeningEvent, AXMenuComponent, AXMenuItem, AXMenuItemClickBaseEvent, AXMenuItemComponent, AXMenuItemComponentBase, AXMenuModule, AXMenuService, AXRootMenu };
-export type { AXContextMenuItemsClickEvent, AXMenuCloseTrigger, AXMenuItemClickEvent, AXMenuItemsClickEvent, AXMenuOpenTrigger };
+export { AXContextMenuComponent, AXContextMenuOpeningEvent, AXMenuComponent, AXMenuItemClickBaseEvent, AXMenuItemComponent, AXMenuItemComponentBase, AXMenuModule, AXMenuService, AXRootMenu };
+export type { AXContextMenuItemsClickEvent, AXMenuCloseTrigger, AXMenuItem, AXMenuItemClickEvent, AXMenuItemsClickEvent, AXMenuOpenTrigger };

package/types/acorex-components-number-box.d.ts

@@ -29,11 +29,20 @@ declare class AXNumberBoxComponent extends AXNumberBoxComponent_base {
     protected mode: _angular_core.WritableSignal<"digits" | "thousandsSeparator" | "decimal">;
     private input;
     protected stringValue: _angular_core.WritableSignal<string>;
+    private translationService;
+    protected validateFn: (val: number) => Promise<{
+        result: boolean;
+        message: string;
+    } | {
+        result: boolean;
+        message?: undefined;
+    }>;
     protected internalValueChanged(value: number | undefined): void;
     private plusValue;
     private minusValue;
     private getNumericValue;
     private getSteppedValue;
+    private clampToRange;
     private getFractionDigits;
     protected handleOnKeydownEvent(e: KeyboardEvent): void;
     protected handleUpClick(): void;

package/types/acorex-components-otp.d.ts

@@ -2,6 +2,7 @@ import { AXEvent, MXValueComponent, MXLookComponent } from '@acorex/cdk/common';
 import * as polytype from 'polytype';
 import * as _angular_core from '@angular/core';
 
+type AXOtpMode = 'number' | 'dot' | 'star';
 declare class AXOtpCompletedEvent extends AXEvent {
     value: string;
     isCompleted: boolean;
@@ -18,6 +19,13 @@ declare const AXOtpComponent_base: polytype.Polytype.ClusteredConstructor<[{
  */
 declare class AXOtpComponent extends AXOtpComponent_base {
     type: _angular_core.InputSignal<"number" | "text">;
+    /**
+     * Controls how entered digits are displayed in each input.
+     * - `number`: shows the actual digit
+     * - `dot`: shows a dot character
+     * - `star`: shows an asterisk character
+     */
+    mode: _angular_core.InputSignal<AXOtpMode>;
     /**
      * Holds the length of the OTP input field.
      */
@@ -50,6 +58,14 @@ declare class AXOtpComponent extends AXOtpComponent_base {
     /** @ignore */
     internalSetValue(value: any): string;
     /** @ignore */
+    protected displayValue(i: number): string;
+    /** @ignore */
+    protected isMasked(): boolean;
+    /** @ignore */
+    protected hasValue(i: number): boolean;
+    /** @ignore */
+    protected _maskCharacter(): string;
+    /** @ignore */
     protected calcFontSize(): void;
     /** @ignore */
     protected _handleOnKeyDown(event: KeyboardEvent, i: number): void;
@@ -60,7 +76,7 @@ declare class AXOtpComponent extends AXOtpComponent_base {
     /** @ignore */
     protected _emitOnComplete(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXOtpComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXOtpComponent, "ax-otp", never, { "state": { "alias": "state"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "look": { "alias": "look"; "required": false; }; "name": { "alias": "name"; "required": false; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "length": { "alias": "length"; "required": false; "isSignal": true; }; }, { "stateChange": "stateChange"; "disabledChange": "disabledChange"; "length": "lengthChange"; "onCompleted": "onCompleted"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXOtpComponent, "ax-otp", never, { "state": { "alias": "state"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "look": { "alias": "look"; "required": false; }; "name": { "alias": "name"; "required": false; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "length": { "alias": "length"; "required": false; "isSignal": true; }; }, { "stateChange": "stateChange"; "disabledChange": "disabledChange"; "length": "lengthChange"; "onCompleted": "onCompleted"; }, never, ["ax-validation-rule"], true, never>;
 }
 
 declare class AXOtpModule {
@@ -70,3 +86,4 @@ declare class AXOtpModule {
 }
 
 export { AXOtpCompletedEvent, AXOtpComponent, AXOtpModule };
+export type { AXOtpMode };

package/types/acorex-components-popup.d.ts

@@ -9,7 +9,7 @@ import * as i3 from '@acorex/components/decorators';
 import * as i4 from '@acorex/core/translation';
 
 type AXPopupContentType = TemplateRef<unknown> | AXComponentType<unknown>;
-type AXPopupSizeType = 'sm' | 'md' | 'lg' | 'full' | 'fit';
+type AXPopupSizeType = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full' | 'fit';
 interface AXPopupConfig {
     title?: string;
     closeButton?: boolean;
@@ -23,6 +23,7 @@ interface AXPopupConfig {
     hasBackdrop?: boolean;
     backdropClass?: string;
     closeOnBackdropClick?: boolean;
+    closeOnNavigation?: boolean;
     viewContainerRef?: ViewContainerRef;
     providers?: StaticProvider[];
     panelClass?: string[];
@@ -67,6 +68,8 @@ declare class AXPopupComponent extends MXBaseComponent implements OnInit, OnDest
     private loadingService;
     private _platform;
     private componentService;
+    private _router;
+    private _destroyRef;
     private contentContainerRef;
     private contentContainerEl;
     readonly __content__: i0.InputSignal<AXPopupContentType>;
@@ -97,6 +100,13 @@ declare class AXPopupComponent extends MXBaseComponent implements OnInit, OnDest
     private elementStartPos;
     /** @ignore */
     ngOnInit(): void;
+    /**
+     * Subscribes to router navigation events so the popup is closed automatically
+     * when the user navigates to another route. Enabled by default; disable via
+     * `closeOnNavigation: false` in the popup config.
+     * @ignore
+     */
+    private _setupCloseOnNavigation;
     /** @ignore */
     private renderContent;
     /** @ignore */

package/types/acorex-components-qrcode.d.ts

@@ -7,6 +7,7 @@ type AXQrcodeLevel = 'L' | 'M' | 'Q' | 'H';
 declare function debounce(func: (...args: any) => void, delayMS: number): (...args: any[]) => void;
 
 declare class AXQrcodeComponent implements AfterViewInit {
+    private platformId;
     /**
      * @description Value of QR code
      */

package/types/acorex-components-query-builder.d.ts

@@ -1,7 +1,7 @@
 import * as _angular_core from '@angular/core';
-import { AXDataSource, AXValueChangedEvent } from '@acorex/cdk/common';
 import * as i1 from '@acorex/components/button-group';
 import { AXButtonGroupItemComponent } from '@acorex/components/button-group';
+import { AXDataSource, AXValueChangedEvent } from '@acorex/cdk/common';
 import * as i3 from '@acorex/components/select-box';
 import { AXSelectBoxComponent } from '@acorex/components/select-box';
 import * as i2 from '@acorex/components/decorators';