@acorex/components 19.12.0 → 19.13.0-next.1

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

@@ -1,5 +1,6 @@
 import { AXRange, MXInteractiveComponent, MXValueComponent } from '@acorex/components/common';
 import { AXDateTime } from '@acorex/core/date-time';
+import { AXUnsubscriber } from '@acorex/core/utils';
 import { AfterViewInit } from '@angular/core';
 import { AXCalendarSlotClick, MXCalendarBaseComponent } from './calendar.class';
 import * as i0 from "@angular/core";
@@ -9,6 +10,8 @@ declare const AXCalendarRangeComponent_base: import("polytype").Polytype.Cluster
     ɵprov: import("@angular/core").ɵɵInjectableDeclaration<MXValueComponent<any>>;
 }, typeof MXInteractiveComponent, typeof MXCalendarBaseComponent]>;
 export declare class AXCalendarRangeComponent extends AXCalendarRangeComponent_base implements AfterViewInit {
+    private formatService;
+    protected calendar: import("@angular/core").WritableSignal<string>;
     /**
      *  @ignore
      */
@@ -23,7 +26,7 @@ export declare class AXCalendarRangeComponent extends AXCalendarRangeComponent_b
     /**
      *  @ignore
      */
-    constructor();
+    constructor(unsubscriber: AXUnsubscriber);
     /**
      *  @ignore
      */

package/calendar/lib/calendar.class.d.ts

@@ -1,5 +1,7 @@
 import { AXItemClickEvent, AXRangeChangedEvent, MXBaseComponent } from '@acorex/components/common';
 import { AXCalendarService, AXDateTime, AXDateTimeRange } from '@acorex/core/date-time';
+import { AXLocaleService } from '@acorex/core/locale';
+import { AXTranslationService } from '@acorex/core/translation';
 import { EventEmitter, TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export type AXCalendarViewType = 'year' | 'month' | 'day';
@@ -9,6 +11,7 @@ export type AXCalendarHolidayDates = Date[] | ((date: Date) => boolean);
 export type AXCalendarCellCssClass = string | {
     [key: string]: boolean;
 } | ((date: Date) => string);
+export type AXDateTimePickerType = 'date' | 'time' | 'datetime';
 /**
  *  Contains native event
  * @category Events
@@ -37,7 +40,9 @@ export interface AXCalendarView {
     slots: AXCalendarViewSlot[];
 }
 export declare class MXCalendarBaseComponent extends MXBaseComponent {
+    protected localeService: AXLocaleService;
     protected calendarService: AXCalendarService;
+    protected translateService: AXTranslationService;
     interface: 'calendar' | 'picker';
     cellTemplate?: TemplateRef<unknown>;
     cellClass?: AXCalendarCellCssClass;
@@ -51,6 +56,9 @@ export declare class MXCalendarBaseComponent extends MXBaseComponent {
     set activeView(v: AXCalendarViewType);
     typeChange: EventEmitter<string>;
     private _type;
+    /**
+     * @deprecated use calendar input instead
+     */
     get type(): string;
     set type(v: string);
     depthChange: EventEmitter<AXCalendarViewDepth>;

package/calendar/lib/calendar.component.d.ts

@@ -14,6 +14,8 @@ declare const AXCalendarComponent_base: import("polytype").Polytype.ClusteredCon
  * @category Components
  */
 export declare class AXCalendarComponent extends AXCalendarComponent_base {
+    private formatService;
+    protected calendar: import("@angular/core").WritableSignal<string>;
     get displayRange(): AXDateTimeRange;
     /**
      *  @ignore

package/data-pager/lib/data-pager-base.component.d.ts

@@ -54,11 +54,11 @@ export declare abstract class AXDataPagerChild extends MXInteractiveComponent {
     /**
      *  @ignore
      */
-    ngAfterViewInit(): void;
+    ngAfterViewInit(): Promise<void>;
     /**
      *  @ignore
      */
-    protected abstract applyParent(): void;
+    protected abstract applyParent(): Promise<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDataPagerChild, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AXDataPagerChild>;
 }

package/data-pager/lib/data-pager-info.component.d.ts

@@ -19,7 +19,7 @@ export declare class AXDataPagerInfoComponent extends AXDataPagerChild {
     /**
      *  @ignore
      */
-    protected applyParent(): void;
+    protected applyParent(): Promise<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDataPagerInfoComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXDataPagerInfoComponent, "ax-data-pager-info", never, { "text": { "alias": "text"; "required": false; }; }, {}, never, never, true, never>;
 }

package/data-pager/lib/data-pager-input-selector.component.d.ts

@@ -18,7 +18,7 @@ export declare class AXDataPagerInputSelectorComponent extends AXDataPagerChild
     /**
      *  @ignore
      */
-    protected applyParent(): void;
+    protected applyParent(): Promise<void>;
     /**
      *  @ignore
      */

package/data-pager/lib/data-pager-next-buttons.component.d.ts

@@ -18,7 +18,7 @@ export declare class AXDataPagerNextButtonsComponent extends AXDataPagerChild {
     /**
      *  @ignore
      */
-    protected applyParent(): void;
+    protected applyParent(): Promise<void>;
     /**
      *  @ignore
      */

package/data-pager/lib/data-pager-numeric-selector.component.d.ts

@@ -26,7 +26,7 @@ export declare class AXDataPagerNumericSelectorComponent extends AXDataPagerChil
     /**
      *  @ignore
      */
-    protected applyParent(): void;
+    protected applyParent(): Promise<void>;
     /**
      *  @ignore
      */

package/data-pager/lib/data-pager-pagesize-dropdown.component.d.ts

@@ -32,7 +32,7 @@ export declare class AXDataPagerPageSizesComponent extends AXDataPagerChild {
     /**
      *  @ignore
      */
-    protected applyParent(): void;
+    protected applyParent(): Promise<void>;
     /**
      *  @ignore
      */

package/data-pager/lib/data-pager-prev-buttons.component.d.ts

@@ -18,7 +18,7 @@ export declare class AXDataPagerPrevButtonsComponent extends AXDataPagerChild {
     /**
      *  @ignore
      */
-    protected applyParent(): void;
+    protected applyParent(): Promise<void>;
     /**
      *  @ignore
      */

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

@@ -1,4 +1,4 @@
-import { AXCalendarNavigateEvent, MXCalendarBaseComponent } from '@acorex/components/calendar';
+import { AXCalendarNavigateEvent, AXDateTimePickerType, MXCalendarBaseComponent } from '@acorex/components/calendar';
 import { AXEvent, AXFocusEvent, MXInputBaseValueComponent, MXLookComponent } from '@acorex/components/common';
 import { AXDateTimeInputComponent } from '@acorex/components/datetime-input';
 import { AXDateTimePickerComponent } from '@acorex/components/datetime-picker';
@@ -24,7 +24,7 @@ export declare class AXDateTimeBoxComponent extends AXDateTimeBoxComponent_base
     /**
      *  @ignore
      */
-    protected picker: AXDateTimePickerComponent;
+    protected pickerRef: AXDateTimePickerComponent;
     /**
      *  @ignore
      */
@@ -41,20 +41,18 @@ export declare class AXDateTimeBoxComponent extends AXDateTimeBoxComponent_base
      * @defaultValue false
      */
     allowTyping: import("@angular/core").InputSignal<boolean>;
-    isRtl: import("@angular/core").WritableSignal<boolean>;
+    protected isRtl: import("@angular/core").WritableSignal<boolean>;
     /**
-     *  @ignore
-     */
+   * @description The calendar type to use for the datetime input.
+   */
+    calendar: import("@angular/core").InputSignal<string>;
+    protected _calendarSystem: import("@angular/core").WritableSignal<string>;
     private _format;
+    picker: import("@angular/core").InputSignal<AXDateTimePickerType>;
     /**
-     * Gets the format string used for displaying values.
-     */
-    get format(): string;
-    /**
-     * Sets the format string for displaying values.
-     * @param v The format string to be set.
+     * @deprecated use locale & mode instead
      */
-    set format(v: string);
+    format: import("@angular/core").InputSignal<string>;
     /**
      *  @ignore
      */
@@ -94,6 +92,6 @@ export declare class AXDateTimeBoxComponent extends AXDateTimeBoxComponent_base
      */
     protected _handleInputOnClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDateTimeBoxComponent, never>;
-    static ɵcmp: i0.ɵɵ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; }; "format": { "alias": "format"; "required": false; }; }, { "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: i0.ɵɵ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; }; "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"; "onOpened": "onOpened"; "onClosed": "onClosed"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "formatChange": "formatChange"; }, never, ["ax-prefix", "ax-clear-button", "ax-suffix", "ax-validation-rule"], true, never>;
 }
 export {};

package/datetime-input/lib/datetime-input.component.d.ts

@@ -1,5 +1,5 @@
+import { AXDateTimePickerType } from '@acorex/components/calendar';
 import { AXClickEvent, MXInputBaseValueComponent } from '@acorex/components/common';
-import { ElementRef, EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * A component for date and time input with various custom features.
@@ -7,120 +7,57 @@ import * as i0 from "@angular/core";
  * @category Components
  */
 export declare class AXDateTimeInputComponent extends MXInputBaseValueComponent<Date> {
-    private calendarService;
+    #private;
     private platformService;
+    private formatService;
+    private localeService;
+    private calendarService;
     /**
      *  @ignore
      */
-    private _editingParts;
+    private readonly _editingParts;
     /**
      *  @ignore
      */
-    protected _editingText: string;
+    protected _editingText: import("@angular/core").WritableSignal<string>;
     /**
      *  @ignore
      */
     protected _inputChars: string[];
-    /**
-     *  @ignore
-     */
-    private _type;
     /**
      * Indicates whether typing is allowed in the input field.
      * @defaultValue false
      */
     allowTyping: import("@angular/core").InputSignal<boolean>;
     /**
-     * Gets the type of the datetime input.
-     */
-    get type(): string;
-    /**
-     * Sets the type of the datetime input.
-     *
-     * @param v The new type to set for the datetime input.
-     */
-    set type(v: string);
-    /**
-     *  @ignore
+     * @description The calendar type to use for the datetime input.
      */
+    calendar: import("@angular/core").InputSignal<string>;
+    protected _calendarSystem: import("@angular/core").WritableSignal<string>;
     private _activePart;
-    /**
-     * Gets the currently active part of the datetime input.
-     */
-    get activePart(): string;
-    /**
-     * Sets the currently active part of the datetime input.
-     *
-     * @param v The new name or identifier of the active part.
-     */
-    set activePart(v: string);
-    /**
-     *  @ignore
-     */
-    private _editingDateObj;
-    /**
-     *  @ignore
-     */
-    private get editingDateObj();
-    /**
-     *  @ignore
-     */
-    input: ElementRef<HTMLInputElement>;
-    /**
-     *  @ignore
-     */
-    private _minValue;
-    /**
-     * Gets the minimum allowed date value for the datetime input.
-     */
-    get minValue(): Date;
-    /**
-     * Sets the minimum allowable date value for the datetime input.
-     *
-     * @param v The minimum allowable date value to set.
-     */
-    set minValue(v: Date);
+    private _editingDate;
     /**
      *  @ignore
      */
-    private _maxValue;
-    /**
-     * Gets the maximum allowed date value for the datetime input.
-     */
-    get maxValue(): Date;
-    /**
-     * Sets the maximum allowable date value for the datetime input.
-     *
-     * @param v - The maximum allowable date value to set.
-     */
-    set maxValue(v: Date);
-    /**
-     * Emitted when the format of the datetime input changes.
-     * @event
-     */
-    formatChange: EventEmitter<string>;
+    private input;
+    minValue: import("@angular/core").InputSignal<Date>;
+    maxValue: import("@angular/core").InputSignal<Date>;
     /**
      * Emitted when a click event occurs on the datetime box.
      * @event
      */
-    onClick: EventEmitter<AXClickEvent>;
-    /**
-     *  @ignore
-     */
+    onClick: import("@angular/core").OutputEmitterRef<AXClickEvent>;
+    picker: import("@angular/core").InputSignal<AXDateTimePickerType>;
     private _format;
     /**
-     * Gets or sets the format string for displaying date and time values.
-     */
-    get format(): string;
-    /**
-     * Sets the format string for displaying date and time values.
-     * @param v - The new format string. It defines how date and time values should be formatted.
+     * @deprecated use locale & mode instead
      */
-    set format(v: string);
+    format: import("@angular/core").InputSignal<string>;
+    private _detectParts;
     /**
      * @description check if page is in rtl or ltr
      */
-    isRtl: import("@angular/core").WritableSignal<boolean>;
+    protected isRtl: import("@angular/core").WritableSignal<boolean>;
     /**
      * @description listen to direction change to react to it.
      */
@@ -183,5 +120,5 @@ export declare class AXDateTimeInputComponent extends MXInputBaseValueComponent<
      */
     private _detectValueChanges;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDateTimeInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXDateTimeInputComponent, "ax-datetime-input", 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; }; "allowTyping": { "alias": "allowTyping"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; "format": { "alias": "format"; "required": false; }; }, { "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "onClick": "onClick"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "formatChange": "formatChange"; }, never, ["ax-validation-rule"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDateTimeInputComponent, "ax-datetime-input", 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; }; "allowTyping": { "alias": "allowTyping"; "required": false; "isSignal": true; }; "calendar": { "alias": "calendar"; "required": false; "isSignal": true; }; "minValue": { "alias": "minValue"; "required": false; "isSignal": true; }; "maxValue": { "alias": "maxValue"; "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"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onClick": "onClick"; }, never, ["ax-validation-rule"], true, never>;
 }

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

@@ -1,8 +1,8 @@
-import { AXCalendarNavigateEvent, MXCalendarBaseComponent } from '@acorex/components/calendar';
+import { AXCalendarNavigateEvent, AXDateTimePickerType, MXCalendarBaseComponent } from '@acorex/components/calendar';
 import { AXValueChangedEvent, MXValueComponent } from '@acorex/components/common';
 import { AXTabStripChangedEvent, AXTabsComponent } from '@acorex/components/tabs';
 import { AXDateTime, AXDateTimeParts } from '@acorex/core/date-time';
-import { EventEmitter, OnInit } from '@angular/core';
+import { OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
 declare const AXDateTimePickerComponent_base: import("polytype").Polytype.ClusteredConstructor<[typeof MXCalendarBaseComponent, {
     new (): MXValueComponent<Date>;
@@ -16,7 +16,8 @@ declare const AXDateTimePickerComponent_base: import("polytype").Polytype.Cluste
  */
 export declare class AXDateTimePickerComponent extends AXDateTimePickerComponent_base implements OnInit {
     #private;
-    buttonText: string;
+    private formatService;
+    protected buttonText: import("@angular/core").Signal<"dateTime.today" | "dateTime.now">;
     private defaultConfig;
     isRtl: import("@angular/core").ModelSignal<boolean>;
     /**
@@ -31,8 +32,6 @@ export declare class AXDateTimePickerComponent extends AXDateTimePickerComponent
      * Sets whether the button for selecting the current time is displayed.
      */
     set currentTimeButton(v: boolean);
-    private _calendarService;
-    private _tranlationService;
     /**
      *  @ignore
      */
@@ -49,7 +48,7 @@ export declare class AXDateTimePickerComponent extends AXDateTimePickerComponent
     /**
      *  @ignore
      */
-    protected _activePart: 'date' | 'time';
+    protected _activePart: import("@angular/core").WritableSignal<"date" | "time">;
     /**
      *  @ignore
      */
@@ -58,31 +57,18 @@ export declare class AXDateTimePickerComponent extends AXDateTimePickerComponent
      *  @ignore
      */
     protected get _hasTimePart(): boolean;
+    protected _editingDateObj: import("@angular/core").WritableSignal<AXDateTime>;
     /**
-     *  @ignore
-     */
-    private _editingDateObj;
-    protected get editingDateObj(): AXDateTime;
-    /**
-     * Emits an event when the format changes.
-     *
-     * @event
-     */
-    formatChange: EventEmitter<string>;
-    /**
-     *  @ignore
+     * @description The calendar type to use for the datetime input.
      */
+    calendar: import("@angular/core").InputSignal<string>;
+    protected _calendarSystem: import("@angular/core").WritableSignal<string>;
+    picker: import("@angular/core").InputSignal<AXDateTimePickerType>;
     private _format;
     /**
-     * Gets or sets the format for the datetime input.
+     * @deprecated use locale & mode instead
      */
-    get format(): string;
-    /**
-     * Sets the format for the datetime input and updates internal parts.
-     *
-     * @param v - The new format string to be set.
-     */
-    set format(v: string);
+    format: import("@angular/core").InputSignal<string>;
     /**
      *  @ignore
      */
@@ -92,10 +78,6 @@ export declare class AXDateTimePickerComponent extends AXDateTimePickerComponent
      * @param value - The new date value. If not provided, defaults to the current date.
      */
     internalValueChanged(value?: Date): void;
-    /**
-     *  @ignore
-     */
-    protected detectButtonText(): void;
     /**
      *  @ignore
      */
@@ -134,6 +116,6 @@ export declare class AXDateTimePickerComponent extends AXDateTimePickerComponent
     protected internalSetValue(value: Date): Date | null;
     protected isTodayDisabled(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDateTimePickerComponent, never>;
-    static ɵcmp: i0.ɵɵ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; }; "isRtl": { "alias": "isRtl"; "required": false; "isSignal": true; }; "currentTimeButton": { "alias": "currentTimeButton"; "required": false; }; "format": { "alias": "format"; "required": false; }; }, { "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"; "isRtl": "isRtlChange"; "formatChange": "formatChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵ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; }; "isRtl": { "alias": "isRtl"; "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"; "isRtl": "isRtlChange"; }, never, never, true, never>;
 }
 export {};

package/fesm2022/acorex-components-action-sheet.mjs

@@ -78,10 +78,10 @@ class AXActionSheetService {
     setActionSheetEventState(event) {
         this.actionSheetEvent.next(event);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AXActionSheetService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AXActionSheetService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: AXActionSheetService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: AXActionSheetService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AXActionSheetService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: AXActionSheetService, decorators: [{
             type: Injectable
         }] });
 
@@ -289,8 +289,8 @@ class AXActionSheetComponent extends MXBaseComponent {
             this.close(null);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AXActionSheetComponent, deps: [{ token: DIALOG_DATA }, { token: i1.DialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: AXActionSheetComponent, isStandalone: true, selector: "ax-action-sheet", host: { listeners: { "keydown.escape": "onKeydownHandler()" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: AXActionSheetComponent, deps: [{ token: DIALOG_DATA }, { token: i1.DialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: AXActionSheetComponent, isStandalone: true, selector: "ax-action-sheet", host: { listeners: { "keydown.escape": "onKeydownHandler()" } }, providers: [
             {
                 provide: AXClosbaleComponent,
                 useExisting: AXActionSheetComponent,
@@ -301,7 +301,7 @@ class AXActionSheetComponent extends MXBaseComponent {
             },
         ], usesInheritance: true, ngImport: i0, template: "@if (data.draggable) {\n  <div (mousedown)=\"handleMouseDown($event)\" (touchstart)=\"handleTouchDown($event)\" class=\"ax-drag-handle-container\">\n    <div class=\"ax-drag-handle\"></div>\n  </div>\n}\n@if (data.header) {\n  <ax-header\n    [class.draggable-header]=\"data.draggable\"\n    (mousedown)=\"data.draggable ? handleMouseDown($event) : null\"\n    (touchstart)=\"data.draggable ? handleTouchDown($event) : null\"\n  >\n    <ax-prefix>\n      <ax-title>{{ data.title | translate | async }}</ax-title>\n\n      @if (data.subTitle) {\n        <ax-subtitle>\n          {{ data.subTitle }}\n        </ax-subtitle>\n      }\n    </ax-prefix>\n    @if (data.closeButton) {\n      <ax-suffix>\n        <ax-close-button></ax-close-button>\n      </ax-suffix>\n    }\n  </ax-header>\n}\n@if (this.data.content) {\n  <div class=\"ax-custom-template-container\">\n    <ng-template [cdkPortalOutlet]=\"_selectedPortal\" (attached)=\"handleAttched($event)\"></ng-template>\n  </div>\n}\n\n<div class=\"ax-action-list ax-action-list-vertical\">\n  @for (item of data.items; let i = $index; track i) {\n    @if (item.group?.title) {\n      <ax-title>{{ item.group?.title }}</ax-title>\n    }\n    <div class=\"ax-action-item ax-{{ item.color || 'default' }}\" [class.ax-state-disabled]=\"item.disabled\" [tabindex]=\"i\" (click)=\"onItemClick(item)\">\n      <div class=\"ax-action-item-prefix\">\n        @if (item.icon) {\n          <span class=\"ax-item-icon\" [class]=\"item.icon\"></span>\n        }\n        <ax-text>{{ item.text | translate | async }}</ax-text>\n      </div>\n      <div class=\"ax-action-item-suffix\"></div>\n    </div>\n    @if (item.break) {\n      <ax-divider></ax-divider>\n    }\n  }\n</div>\n", styles: ["ax-action-sheet{--ax-comp-action-sheet-bg-color: var(--ax-sys-color-lightest-surface)}ax-action-sheet .ax-action-item.ax-primary{--ax-comp-action-sheet-text-color: var(--ax-sys-color-primary-surface);--ax-comp-action-sheet-hover-bg-color: var(--ax-sys-color-primary-surface), .1}ax-action-sheet .ax-action-item.ax-secondary{--ax-comp-action-sheet-text-color: var(--ax-sys-color-secondary-surface);--ax-comp-action-sheet-hover-bg-color: var(--ax-sys-color-secondary-surface), .1}ax-action-sheet .ax-action-item.ax-success{--ax-comp-action-sheet-text-color: var(--ax-sys-color-success-surface);--ax-comp-action-sheet-hover-bg-color: var(--ax-sys-color-success-surface), .1}ax-action-sheet .ax-action-item.ax-warning{--ax-comp-action-sheet-text-color: var(--ax-sys-color-warning-surface);--ax-comp-action-sheet-hover-bg-color: var(--ax-sys-color-warning-surface), .1}ax-action-sheet .ax-action-item.ax-danger{--ax-comp-action-sheet-text-color: var(--ax-sys-color-danger-surface);--ax-comp-action-sheet-hover-bg-color: var(--ax-sys-color-danger-surface), .1}ax-action-sheet{display:block;width:100vw;position:relative;transition-property:height;transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function);background-color:rgba(var(--ax-comp-action-sheet-bg-color))}@media (min-width: 768px){ax-action-sheet{width:70vw}}@media (min-width: 1024px){ax-action-sheet{width:50vw}}ax-action-sheet .ax-custom-template-container{overflow-y:auto;max-height:100vh}ax-action-sheet .ax-drag-handle-container{padding-top:.5rem}ax-action-sheet .ax-drag-handle-container .ax-drag-handle{height:.375rem;width:3rem;margin:auto;border-radius:.5rem;background-color:rgba(var(--ax-sys-color-surface))}ax-action-sheet ax-header{padding:1rem;border-bottom-width:1px;font-size:1rem;line-height:1.5rem;font-weight:500}@media (min-width: 768px){ax-action-sheet ax-header{font-size:1.125rem;line-height:1.75rem}}ax-action-sheet ax-header.draggable-header{padding-top:0;-webkit-user-select:none;user-select:none}ax-action-sheet ax-header ax-prefix,ax-action-sheet ax-header ax-suffix{display:flex;flex-direction:column;justify-content:flex-start}ax-action-sheet ax-header ax-prefix{align-items:flex-start}ax-action-sheet ax-header ax-prefix ax-title{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}ax-action-sheet ax-header ax-suffix{align-items:flex-end;max-width:fit-content}ax-action-sheet .ax-action-list{overflow-y:auto;max-height:100vh}ax-action-sheet .ax-action-list ax-title{font-size:.875rem}ax-action-sheet .ax-action-list .ax-action-item{min-height:3.5rem!important;font-size:1rem!important;color:rgba(var(--ax-comp-action-sheet-text-color))}ax-action-sheet .ax-action-list .ax-action-item:hover:not(ax-action-sheet .ax-action-list .ax-action-item:hover.ax-state-disabled,ax-action-sheet .ax-action-list .ax-action-item:hover.ax-state-selected){background-color:rgba(var(--ax-comp-action-sheet-hover-bg-color, var(--ax-sys-color-surface)))!important}ax-action-sheet .ax-action-list .ax-action-item .ax-item-icon{margin-inline-end:.75rem!important;font-size:1.5rem!important;line-height:2rem!important}.ax-dark ax-action-sheet{--ax-comp-action-sheet-bg-color: var(--ax-sys-color-darker-surface)}\n"], dependencies: [{ kind: "component", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXDecoratorCloseButtonComponent, selector: "ax-close-button", inputs: ["closeAll", "icon"] }, { kind: "directive", type: CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AXActionSheetComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: AXActionSheetComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-action-sheet', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
                         {
@@ -323,11 +323,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
 
 const MODULES = [AXCommonModule, DragDropModule, A11yModule, AXButtonModule, PortalModule, AXDecoratorModule, AXTranslationModule, DialogModule, AsyncPipe];
 class AXActionSheetModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AXActionSheetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.5", ngImport: i0, type: AXActionSheetModule, imports: [AXCommonModule, DragDropModule, A11yModule, AXButtonModule, PortalModule, AXDecoratorModule, AXTranslationModule, DialogModule, AsyncPipe, AXActionSheetComponent], exports: [AXActionSheetComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AXActionSheetModule, providers: [AXActionSheetService], imports: [AXCommonModule, DragDropModule, A11yModule, AXButtonModule, PortalModule, AXDecoratorModule, AXTranslationModule, DialogModule, AXActionSheetComponent] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: AXActionSheetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.8", ngImport: i0, type: AXActionSheetModule, imports: [AXCommonModule, DragDropModule, A11yModule, AXButtonModule, PortalModule, AXDecoratorModule, AXTranslationModule, DialogModule, AsyncPipe, AXActionSheetComponent], exports: [AXActionSheetComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: AXActionSheetModule, providers: [AXActionSheetService], imports: [AXCommonModule, DragDropModule, A11yModule, AXButtonModule, PortalModule, AXDecoratorModule, AXTranslationModule, DialogModule, AXActionSheetComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: AXActionSheetModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: AXActionSheetModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...MODULES, AXActionSheetComponent],