@acorex/components 19.15.0-next.8 → 20.0.0

package/datetime-box/index.d.ts

@@ -1,2 +1,112 @@
-export * from './lib/datetime-box.component';
-export * from './lib/datetime-box.module';
+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 * as i5 from '@acorex/components/calendar';
+import { MXCalendarBaseComponent, AXDateTimePickerType, AXCalendarNavigateEvent } from '@acorex/components/calendar';
+import * as i3 from '@acorex/components/datetime-input';
+import { AXDateTimeInputComponent } from '@acorex/components/datetime-input';
+import * as i6 from '@acorex/components/datetime-picker';
+import { AXDateTimePickerComponent } from '@acorex/components/datetime-picker';
+import { AXDecoratorGenericComponent } from '@acorex/components/decorators';
+import * as i4 from '@acorex/components/dropdown';
+import { MXDropdownBoxBaseComponent, AXDropdownBoxComponent } from '@acorex/components/dropdown';
+import * as i1 from '@angular/common';
+import * as i2 from '@angular/forms';
+
+declare const AXDateTimeBoxComponent_base: polytype.Polytype.ClusteredConstructor<[{
+    new (): MXInputBaseValueComponent<Date>;
+    ɵfac: _angular_core.ɵɵFactoryDeclaration<MXInputBaseValueComponent<any>, never>;
+    ɵprov: _angular_core.ɵɵInjectableDeclaration<MXInputBaseValueComponent<any>>;
+}, typeof MXCalendarBaseComponent, typeof MXDropdownBoxBaseComponent, typeof MXLookComponent, typeof AXDecoratorGenericComponent]>;
+/**
+ * Represents a date and time input component that allows user interaction and triggers events.
+ *
+ * @category Components
+ */
+declare class AXDateTimeBoxComponent extends AXDateTimeBoxComponent_base {
+    #private;
+    /**
+     *  @ignore
+     */
+    protected input: AXDateTimeInputComponent;
+    /**
+     *  @ignore
+     */
+    protected pickerRef: AXDateTimePickerComponent;
+    /**
+     *  @ignore
+     */
+    protected dropdown: AXDropdownBoxComponent;
+    /**
+     * Emitted when the format of the component changes.
+     *
+     * @event
+     */
+    formatChange: EventEmitter<string>;
+    /**
+     * Indicates whether typing is allowed in the component.
+     *
+     * @defaultValue false
+     */
+    allowTyping: _angular_core.InputSignal<boolean>;
+    /**
+     * @description The calendar type to use for the datetime input.
+     */
+    calendar: _angular_core.InputSignal<string>;
+    protected _calendarSystem: _angular_core.WritableSignal<string>;
+    private _format;
+    picker: _angular_core.InputSignal<AXDateTimePickerType>;
+    /**
+     * @deprecated use locale & mode instead
+     */
+    format: _angular_core.InputSignal<string>;
+    /**
+     *  @ignore
+     */
+    protected _handleInputModelChange(value: Date | null): void;
+    /**
+     *  @ignore
+     */
+    protected _handlePickerModelChange(value: Date | null): void;
+    /**
+     *  @ignore
+     */
+    protected _handleOnOpenedEvent(e: AXEvent): void;
+    /**
+     *  @ignore
+     */
+    protected _handleOnClosedEvent(e: AXEvent): void;
+    /**
+     *  @ignore
+     */
+    protected _handleInputOnFocusEvent(e: AXFocusEvent): void;
+    /**
+     *  @ignore
+     */
+    protected _handleInputOnBlurEvent(e: AXFocusEvent): void;
+    /**
+     *  @ignore
+     */
+    protected _handleCalendarOnNavigate(e: AXCalendarNavigateEvent): void;
+    /**
+     * Handles changes to the internal value.
+     * @param value The new value that was set.
+     * @ignore
+     */
+    internalValueChanged(value: any): void;
+    /**
+     *  @ignore
+     */
+    protected _handleInputOnClick(): void;
+    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; }; "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>;
+}
+
+declare class AXDateTimeBoxModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXDateTimeBoxModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXDateTimeBoxModule, never, [typeof i1.CommonModule, typeof i2.FormsModule, typeof i3.AXDateTimeInputModule, typeof i4.AXDropdownModule, typeof i5.AXCalendarModule, typeof i6.AXDateTimePickerModule, typeof AXDateTimeBoxComponent], [typeof AXDateTimeBoxComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXDateTimeBoxModule>;
+}
+
+export { AXDateTimeBoxComponent, AXDateTimeBoxModule };

package/datetime-input/index.d.ts

@@ -1,2 +1,135 @@
-export * from './lib/datetime-input.component';
-export * from './lib/datetime-input.module';
+import * as _angular_core from '@angular/core';
+import { MXInputBaseValueComponent, AXClickEvent } from '@acorex/cdk/common';
+import { AXDateTimePickerType } from '@acorex/components/calendar';
+import * as i1 from '@angular/common';
+import * as i2 from '@angular/forms';
+import * as i3 from '@acorex/core/date-time';
+
+/**
+ * A component for date and time input with various custom features.
+ *
+ * @category Components
+ */
+declare class AXDateTimeInputComponent extends MXInputBaseValueComponent<Date> {
+    #private;
+    private platformService;
+    private formatService;
+    private localeService;
+    private calendarService;
+    /**
+     *  @ignore
+     */
+    private readonly _editingParts;
+    /**
+     *  @ignore
+     */
+    protected _editingText: _angular_core.WritableSignal<string>;
+    /**
+     *  @ignore
+     */
+    protected _inputChars: string[];
+    /**
+     * Indicates whether typing is allowed in the input field.
+     * @defaultValue false
+     */
+    allowTyping: _angular_core.InputSignal<boolean>;
+    /**
+     * @description The calendar type to use for the datetime input.
+     */
+    calendar: _angular_core.InputSignal<string>;
+    protected _calendarSystem: _angular_core.WritableSignal<string>;
+    private _activePart;
+    private _editingDate;
+    /**
+     *  @ignore
+     */
+    private input;
+    minValue: _angular_core.InputSignal<Date>;
+    maxValue: _angular_core.InputSignal<Date>;
+    /**
+     * Emitted when a click event occurs on the datetime box.
+     * @event
+     */
+    onClick: _angular_core.OutputEmitterRef<AXClickEvent>;
+    picker: _angular_core.InputSignal<AXDateTimePickerType>;
+    private _format;
+    /**
+     * @deprecated use locale & mode instead
+     */
+    format: _angular_core.InputSignal<string>;
+    private _detectParts;
+    /**
+     * @description check if page is in rtl or ltr
+     */
+    protected isRtl: _angular_core.WritableSignal<boolean>;
+    /**
+     * @description listen to direction change to react to it.
+     */
+    protected ngOnInit(): void;
+    /**
+     *  @ignore
+     */
+    private _getOrderedParts;
+    /**
+     *  @ignore
+     */
+    private _clearInputBuffer;
+    /**
+     *  @ignore
+     */
+    private _updateText;
+    /**
+     * Sets the internal date value, adjusting it based on editing parts.
+     * @param value - The date to set. Returns `undefined` if no value is provided.
+     * @ignore
+     */
+    /**
+     * Handles changes to the internal date value, updating editing parts and text representation.
+     *
+     * @param value - The new date value. If not provided, resets editing parts.
+     * @ignore
+     */
+    internalValueChanged(value?: Date): void;
+    /**
+     *  @ignore
+     */
+    _handleOnKeydownEvent(e: KeyboardEvent): void;
+    /**
+     *  @ignore
+     */
+    _handleKeyUpEvent(e: KeyboardEvent): void;
+    /**
+     *  @ignore
+     */
+    protected _handleFocusEvent(e: FocusEvent): void;
+    /**
+     *  @ignore
+     */
+    protected _handleBlurEvent(e: FocusEvent): void;
+    /**
+     *  @ignore
+     */
+    protected _handleOnInputClickEvent(e: MouseEvent): void;
+    /**
+     *  @ignore
+     */
+    private _detectPartAtPosition;
+    /**
+     *  @ignore
+     */
+    private _highlightActivePart;
+    /**
+     *  @ignore
+     */
+    private _detectValueChanges;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXDateTimeInputComponent, never>;
+    static ɵcmp: _angular_core.ɵɵ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>;
+}
+
+declare class AXDateTimeInputModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXDateTimeInputModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXDateTimeInputModule, never, [typeof i1.CommonModule, typeof i2.FormsModule, typeof i3.AXDateTimeModule, typeof AXDateTimeInputComponent], [typeof AXDateTimeInputComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXDateTimeInputModule>;
+}
+
+export { AXDateTimeInputComponent, AXDateTimeInputModule };

package/datetime-picker/index.d.ts

@@ -1,3 +1,147 @@
-export * from './lib/datetime-picker.component';
-export * from './lib/datetime-picker.config';
-export * from './lib/datetime-picker.module';
+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 * as i6 from '@acorex/components/calendar';
+import { MXCalendarBaseComponent, AXDateTimePickerType, AXCalendarNavigateEvent } from '@acorex/components/calendar';
+import * as i3 from '@acorex/components/tabs';
+import { AXTabsComponent, AXTabStripChangedEvent } from '@acorex/components/tabs';
+import * as i4 from '@acorex/core/date-time';
+import { AXDateTimeParts, AXDateTime } from '@acorex/core/date-time';
+import * as i1 from '@angular/common';
+import * as i2 from '@angular/forms';
+import * as i5 from '@acorex/components/button';
+import * as i7 from '@acorex/components/picker';
+import * as i8 from '@acorex/core/translation';
+import * as i9 from '@acorex/components/decorators';
+
+declare const AXDateTimePickerComponent_base: polytype.Polytype.ClusteredConstructor<[typeof MXCalendarBaseComponent, {
+    new (): MXValueComponent<Date>;
+    ɵfac: _angular_core.ɵɵFactoryDeclaration<MXValueComponent<any>, never>;
+    ɵprov: _angular_core.ɵɵInjectableDeclaration<MXValueComponent<any>>;
+}]>;
+/**
+ * allows users to select a date and time from a calendar and time picker interface.
+ *
+ * @category Components
+ */
+declare class AXDateTimePickerComponent extends AXDateTimePickerComponent_base implements OnInit {
+    #private;
+    private formatService;
+    protected buttonText: _angular_core.Signal<"dateTime.today" | "dateTime.now">;
+    private defaultConfig;
+    /**
+     *  @ignore
+     */
+    private _currentTimeButton;
+    /**
+     * Determines whether a button for selecting the current time is displayed.
+     */
+    get currentTimeButton(): boolean;
+    /**
+     * Sets whether the button for selecting the current time is displayed.
+     */
+    set currentTimeButton(v: boolean);
+    /**
+     *  @ignore
+     */
+    protected tabs: AXTabsComponent;
+    /**
+     *  @ignore
+     */
+    protected hours: any[];
+    minutes: any[];
+    /**
+     *  @ignore
+     */
+    protected _parts: AXDateTimeParts;
+    /**
+     *  @ignore
+     */
+    protected _activePart: _angular_core.WritableSignal<"date" | "time">;
+    /**
+     *  @ignore
+     */
+    protected get _hasDatePart(): boolean;
+    /**
+     *  @ignore
+     */
+    protected get _hasTimePart(): boolean;
+    protected _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>;
+    picker: _angular_core.InputSignal<AXDateTimePickerType>;
+    private _format;
+    /**
+     * @deprecated use locale & mode instead
+     */
+    format: _angular_core.InputSignal<string>;
+    /**
+     *  @ignore
+     */
+    ngOnInit(): Promise<void>;
+    /**
+     * Handles changes to the internal value of the component.
+     * @param value - The new date value. If not provided, defaults to the current date.
+     */
+    internalValueChanged(value?: Date): void;
+    /**
+     *  @ignore
+     */
+    protected _handleViewChanged(e: AXTabStripChangedEvent): void;
+    /**
+     *  @ignore
+     */
+    protected _handlePickerOnValueChanged(e: AXValueChangedEvent<Date>, part: string): void;
+    /**
+     *  @ignore
+     */
+    protected _handleCalendarOnNavigate(e: AXCalendarNavigateEvent): void;
+    /**
+     *  @ignore
+     */
+    protected _handleCalendarOnValueChanged(e: AXValueChangedEvent<Date>): void;
+    /**
+     *  @ignore
+     */
+    private _detectParts;
+    /**
+     *  @ignore
+     */
+    protected _handleSetClick(): void;
+    /**
+     *  @ignore
+     */
+    protected _handleNowClick(): void;
+    /**
+     *  @ignore
+     */
+    protected isDisabled(date: AXDateTime): boolean;
+    /**
+     *  @ignore
+     */
+    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; }; "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 {
+    currentTimeButton: boolean;
+}
+declare const AX_DATETIME_PICKER_CONFIG: InjectionToken<AXDateTimePickerConfig>;
+declare const AXDateTimePickerDefaultConfig: AXDateTimePickerConfig;
+type PartialDateTimePickerConfig = Partial<AXDateTimePickerConfig>;
+declare function dateTimePickerConfig(config?: PartialDateTimePickerConfig): AXDateTimePickerConfig;
+
+declare class AXDateTimePickerModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXDateTimePickerModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXDateTimePickerModule, never, [typeof i1.CommonModule, typeof i2.FormsModule, typeof i3.AXTabsModule, typeof i4.AXDateTimeModule, typeof i5.AXButtonModule, typeof i6.AXCalendarModule, typeof i7.AXPickerModule, typeof i8.AXTranslationModule, typeof i9.AXDecoratorModule, typeof AXDateTimePickerComponent], [typeof AXDateTimePickerComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXDateTimePickerModule>;
+}
+
+export { AXDateTimePickerComponent, AXDateTimePickerDefaultConfig, AXDateTimePickerModule, AX_DATETIME_PICKER_CONFIG, dateTimePickerConfig };
+export type { AXDateTimePickerConfig, PartialDateTimePickerConfig };

package/decorators/index.d.ts

@@ -1,8 +1,129 @@
-export * from './lib/components/clear-button/clear-button.component';
-export * from './lib/components/close-button/close-button.component';
-export * from './lib/components/color-indicator/color-indicator.component';
-export * from './lib/components/full-screen/full-screen-button.component';
-export * from './lib/components/generic-content.component';
-export * from './lib/components/heading/heading.component';
-export * from './lib/components/icon/icon.component';
-export * from './lib/decorators.module';
+import { MXBaseComponent, AXSurfaceType } from '@acorex/cdk/common';
+import * as i0 from '@angular/core';
+import * as i1 from '@angular/common';
+
+/**
+ * A button component that allows users to clear or reset a value.
+ *
+ * @category Components
+ */
+declare class AXDecoratorClearButtonComponent extends MXBaseComponent {
+    private _parent;
+    /**
+     *  @ignore
+     */
+    private _icon;
+    /**
+     * The icon displayed on the clear button.
+     */
+    get icon(): string;
+    /**
+     * Sets the icon displayed on the clear button.
+     *
+     * @param v - The icon class to display. If not provided, defaults to 'ax-icon-close'.
+     */
+    set icon(v: string);
+    /**
+     *  @ignore
+     */
+    private get hostClass();
+    /**
+     *  @ignore
+     */
+    protected _handleOnClick(e: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXDecoratorClearButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDecoratorClearButtonComponent, "ax-clear-button", never, { "icon": { "alias": "icon"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * A button component that displays a close icon and triggers an action when clicked.
+ *
+ * @category Components
+ */
+declare class AXDecoratorCloseButtonComponent extends MXBaseComponent {
+    private _parent;
+    closeAll: i0.InputSignal<boolean>;
+    /**
+     *  @ignore
+     */
+    private _icon;
+    /**
+     * The icon class to be applied to the button.
+     */
+    get icon(): string;
+    /**
+     * Sets the icon class to be applied to the button.
+     *
+     * @param v The icon class.
+     */
+    set icon(v: string);
+    /**
+     *  @ignore
+     */
+    protected _handleOnClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXDecoratorCloseButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDecoratorCloseButtonComponent, "ax-close-button", never, { "closeAll": { "alias": "closeAll"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class AXDecoratorColorIndicatorComponent {
+    previewColor: i0.InputSignal<unknown>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXDecoratorColorIndicatorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDecoratorColorIndicatorComponent, "ax-color-indicator", never, { "previewColor": { "alias": "previewColor"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class AXDecoratorFullScreenButtonComponent extends MXBaseComponent {
+    isActive: i0.WritableSignal<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXDecoratorFullScreenButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDecoratorFullScreenButtonComponent, "ax-fullscreen-button", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * A flexible component for various UI elements like footer, header, content, and more.
+ * @category Components
+ */
+declare class AXDecoratorGenericComponent extends MXBaseComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXDecoratorGenericComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDecoratorGenericComponent, "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", never, {}, {}, never, ["*"], true, never>;
+}
+
+type AXHeadingWeight = 'regular' | 'medium' | 'semibold' | 'bold';
+/**
+ * A button component that displays a close icon and triggers an action when clicked.
+ *
+ * @category Components
+ */
+declare class AXDecoratorHeadingComponent extends MXBaseComponent {
+    darkMode: i0.InputSignal<boolean>;
+    color: i0.InputSignal<AXSurfaceType>;
+    weight: i0.InputSignal<AXHeadingWeight>;
+    private get __hostClass();
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXDecoratorHeadingComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDecoratorHeadingComponent, "ax-heading", never, { "darkMode": { "alias": "darkMode"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "weight": { "alias": "weight"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * A component for displaying various types of icons including `<i>`, `<span>`, `<svg>`, and `<img>`.
+ * @category Components
+ */
+declare class AXDecoratorIconComponent extends MXBaseComponent {
+    /**
+     * Specifies the icon to be displayed.
+     *
+     * @defaultValue  ''
+     */
+    icon: string;
+    /**
+     *  @ignore
+     */
+    private get __iconClass();
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXDecoratorIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDecoratorIconComponent, "ax-icon", never, { "icon": { "alias": "icon"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class AXDecoratorModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXDecoratorModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXDecoratorModule, never, [typeof i1.CommonModule, typeof AXDecoratorIconComponent, typeof AXDecoratorClearButtonComponent, typeof AXDecoratorCloseButtonComponent, typeof AXDecoratorGenericComponent, typeof AXDecoratorFullScreenButtonComponent, typeof AXDecoratorHeadingComponent, typeof AXDecoratorColorIndicatorComponent], [typeof AXDecoratorIconComponent, typeof AXDecoratorClearButtonComponent, typeof AXDecoratorCloseButtonComponent, typeof AXDecoratorGenericComponent, typeof AXDecoratorFullScreenButtonComponent, typeof AXDecoratorHeadingComponent, typeof AXDecoratorColorIndicatorComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXDecoratorModule>;
+}
+
+export { AXDecoratorClearButtonComponent, AXDecoratorCloseButtonComponent, AXDecoratorColorIndicatorComponent, AXDecoratorFullScreenButtonComponent, AXDecoratorGenericComponent, AXDecoratorHeadingComponent, AXDecoratorIconComponent, AXDecoratorModule };

package/dialog/index.d.ts

@@ -1,4 +1,122 @@
-export * from './lib/dialog.class';
-export * from './lib/dialog.component';
-export * from './lib/dialog.module';
-export * from './lib/dialog.service';
+import * as i2 from '@acorex/cdk/common';
+import { AXStyleColorType, AXStyleLookType, AXHotKeyAction, MXBaseComponent } from '@acorex/cdk/common';
+import * as i0 from '@angular/core';
+import * as i1 from '@angular/common';
+import * as i3 from '@angular/cdk/drag-drop';
+import * as i4 from '@angular/cdk/a11y';
+import * as i5 from '@acorex/components/button';
+import * as i6 from '@acorex/components/decorators';
+import * as i7 from '@acorex/components/loading';
+import * as i8 from '@angular/cdk/dialog';
+import * as i9 from '@acorex/core/translation';
+
+interface AXDialogButtonItem {
+    text: string;
+    color?: AXStyleColorType;
+    look?: AXStyleLookType;
+    name?: string;
+    disabled?: boolean;
+    loading?: boolean;
+    hotkey?: string | AXHotKeyAction;
+    autofocus?: boolean;
+    onClick?: (e?: {
+        source: AXDialogButtonItem;
+        handled?: boolean;
+    }) => void;
+}
+interface AXDialogConfig {
+    title: string;
+    content: string;
+    type: AXStyleColorType;
+    buttons: AXDialogButtonItem[];
+    closeButton?: boolean;
+    orientation?: 'horizontal' | 'vertical';
+    icon?: string | 'none';
+    draggable?: boolean;
+    direction?: 'rtl' | 'ltr';
+}
+interface AXDialogRef {
+    close(): void;
+}
+interface AXDialogData {
+    title: string;
+    content: string;
+    type: AXStyleColorType;
+    buttons: AXDialogButtonItem[];
+    closeButton: boolean;
+    orientation: 'horizontal' | 'vertical';
+    icon?: string | 'none';
+    draggable?: boolean;
+}
+
+/**
+ * A dialog component that provides a modal interface for user interactions.
+ * @category Components
+ */
+declare class AXDialogComponent extends MXBaseComponent {
+    protected data: AXDialogData;
+    private dialogRef;
+    /**
+     *  @ignore
+     */
+    protected _icon: string;
+    /**
+     *  @ignore
+     */
+    protected _handleButtonClick(button: AXDialogButtonItem): void;
+    /**
+     *  @ignore
+     */
+    protected _hasAutoFocus(button: AXDialogButtonItem): boolean;
+    /**
+     * Closes the dialog.
+     * @ignore
+     */
+    close(): void;
+    /**
+     *  @ignore
+     */
+    get tabIndex(): string;
+    /** @ignore */
+    private get __hostClass();
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDialogComponent, "ax-dialog", never, {}, {}, never, never, true, never>;
+}
+
+declare class AXDialogModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXDialogModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXDialogModule, never, [typeof i1.CommonModule, typeof i2.AXCommonModule, typeof i3.DragDropModule, typeof i4.A11yModule, typeof i5.AXButtonModule, typeof i6.AXDecoratorModule, typeof i7.AXLoadingModule, typeof i8.DialogModule, typeof i9.AXTranslationModule, typeof AXDialogComponent], [typeof AXDialogComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXDialogModule>;
+}
+
+/**
+ * The Button is a component which detects user interaction and triggers a corresponding event
+ *
+ * @category Components
+ */
+declare class AXDialogService {
+    private dialog;
+    private detectIcon;
+    /**
+     *  Show an alert box with 'Okay' button.
+     */
+    alert(title: string, content: string, type?: AXStyleColorType, orientation?: 'horizontal' | 'vertical', draggable?: boolean): Promise<void>;
+    /**
+     *  Show a confirm box with 'Okay' & 'Cancel' buttons.
+     */
+    confirm(title: string, content: string, type?: AXStyleColorType, orientation?: 'horizontal' | 'vertical', draggable?: boolean): Promise<{
+        result: boolean;
+    }>;
+    /**
+     *  Show a custom dialog box.
+     */
+    show(options: AXDialogConfig): Promise<{
+        name: string;
+    }>;
+    open(config: AXDialogConfig): AXDialogRef;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXDialogService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AXDialogService>;
+}
+
+export { AXDialogComponent, AXDialogModule, AXDialogService };
+export type { AXDialogButtonItem, AXDialogConfig, AXDialogData, AXDialogRef };