@acorex/components 7.2.8 → 7.3.2

package/action-sheet/index.d.ts

@@ -1,4 +1,4 @@
 export * from './lib/action-sheet.component';
-export * from './lib/action-sheet.interface';
+export * from './lib/action-sheet.class';
 export * from './lib/action-sheet.module';
 export * from './lib/action-sheet.service';

package/action-sheet/lib/action-sheet.class.d.ts

@@ -0,0 +1,31 @@
+import { AXStyleColorType } from '@acorex/components/common';
+import { ComponentType } from '@angular/cdk/portal';
+import { TemplateRef } from '@angular/core';
+export interface AXActionSheetItem {
+    name?: string;
+    text: string;
+    icon?: string;
+    disabled?: boolean;
+    color?: AXStyleColorType;
+    onClick?: () => void;
+}
+export type AXActionSheetContentType = TemplateRef<unknown> | ComponentType<unknown>;
+export interface AXActionSheetConfig {
+    title?: string;
+    subTitle?: string;
+    closeButton?: boolean;
+    header?: boolean;
+    data?: unknown;
+    closeOnBackdropClick?: boolean;
+    items?: AXActionSheetItem[];
+    content?: AXActionSheetContentType;
+}
+export interface AXActionSheetData {
+    title: string;
+    subTitle?: string;
+    closeButton?: boolean;
+    header: boolean;
+    data: unknown;
+    content?: AXActionSheetContentType;
+    items?: AXActionSheetItem[];
+}

package/action-sheet/lib/action-sheet.component.d.ts

@@ -1,24 +1,23 @@
 import { AXComponentCloseEvent, MXBaseComponent } from '@acorex/components/common';
 import { CdkPortalOutletAttachedRef, Portal } from '@angular/cdk/portal';
-import { EventEmitter, OnInit } from '@angular/core';
-import { AXActionSheetItem } from './action-sheet.interface';
+import { OnInit } from '@angular/core';
+import { AXActionSheetData, AXActionSheetItem } from './action-sheet.class';
+import { DialogRef } from '@angular/cdk/dialog';
 import * as i0 from "@angular/core";
 export declare class AXActionSheetComponent extends MXBaseComponent implements OnInit {
+    protected data: AXActionSheetData;
+    private dialogRef;
     protected _selectedPortal: Portal<any>;
-    title: string;
-    subTitle: string;
-    items: AXActionSheetItem[];
-    content: any;
-    showCloseButton: boolean;
-    showHeader: boolean;
-    data: unknown;
-    onClosed: EventEmitter<AXComponentCloseEvent>;
-    close(): void;
+    private _componentRef;
+    /**
+       *  @ignore
+       */
+    constructor(data: AXActionSheetData, dialogRef: DialogRef<AXComponentCloseEvent>);
     ngOnInit(): void;
     protected onKeydownHandler(): void;
-    protected _handleAttched(ref: CdkPortalOutletAttachedRef): void;
-    protected _handleCloseClick(): void;
+    _handleAttched(ref: CdkPortalOutletAttachedRef): void;
     onItemClick(item: AXActionSheetItem): void;
+    close(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXActionSheetComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXActionSheetComponent, "ax-action-sheet", never, {}, {}, never, never, false, never>;
 }

package/action-sheet/lib/action-sheet.module.d.ts

@@ -7,8 +7,9 @@ import * as i5 from "@angular/cdk/a11y";
 import * as i6 from "@acorex/components/button";
 import * as i7 from "@angular/cdk/portal";
 import * as i8 from "@acorex/components/decorators";
+import * as i9 from "@angular/cdk/dialog";
 export declare class AXActionSheetModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXActionSheetModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXActionSheetModule, [typeof i1.AXActionSheetComponent], [typeof i2.CommonModule, typeof i3.AXCommonModule, typeof i4.DragDropModule, typeof i5.A11yModule, typeof i6.AXButtonModule, typeof i7.PortalModule, typeof i8.AXDecoratorModule], [typeof i1.AXActionSheetComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXActionSheetModule, [typeof i1.AXActionSheetComponent], [typeof i2.CommonModule, typeof i3.AXCommonModule, typeof i4.DragDropModule, typeof i5.A11yModule, typeof i6.AXButtonModule, typeof i7.PortalModule, typeof i8.AXDecoratorModule, typeof i9.DialogModule], [typeof i1.AXActionSheetComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXActionSheetModule>;
 }

package/action-sheet/lib/action-sheet.service.d.ts

@@ -1,13 +1,9 @@
-import { AXComponentClosedPromise, AXOverlayService } from '@acorex/components/common';
-import { Overlay } from '@angular/cdk/overlay';
-import { AXActionSheetOptions } from './action-sheet.interface';
+import { AXComponentClosedPromise } from '@acorex/components/common';
+import { AXActionSheetConfig } from './action-sheet.class';
 import * as i0 from "@angular/core";
 export declare class AXActionSheetService {
-    private _overlay;
-    private overlayService;
-    constructor(_overlay: Overlay, overlayService: AXOverlayService);
-    open(options: AXActionSheetOptions): AXComponentClosedPromise;
-    private closePopup;
+    private dialog;
+    open(config: AXActionSheetConfig): AXComponentClosedPromise;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXActionSheetService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AXActionSheetService>;
 }

package/alert/lib/alert.component.d.ts

@@ -1,6 +1,6 @@
-import { AXButtonComponent } from '@acorex/components/button';
-import { AXEvent, AXOptionChangedEvent, MXColorComponent } from '@acorex/components/common';
-import { EventEmitter } from '@angular/core';
+import { AXEvent, MXColorComponent } from '@acorex/components/common';
+import { AXDecoratorGenericComponent } from '@acorex/components/decorators';
+import { AfterViewInit, EventEmitter, OnDestroy, OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
 declare const AXAlertComponent_base: import("polytype").Polytype.ClusteredConstructor<[typeof MXColorComponent]>;
 /**
@@ -8,12 +8,12 @@ declare const AXAlertComponent_base: import("polytype").Polytype.ClusteredConstr
  *
  * @category Components
  */
-export declare class AXAlertComponent extends AXAlertComponent_base {
+export declare class AXAlertComponent extends AXAlertComponent_base implements OnInit, AfterViewInit, OnDestroy {
     private _iconComp;
     private _buttonComps;
-    protected _titleComp: AXButtonComponent;
-    protected _contentComp: AXButtonComponent;
-    protected _footerComp: AXButtonComponent;
+    protected _titleComp: AXDecoratorGenericComponent;
+    protected _contentComp: AXDecoratorGenericComponent;
+    protected _footerComp: AXDecoratorGenericComponent;
     protected _showInline: boolean;
     onClosed: EventEmitter<AXEvent>;
     private _customIcon;
@@ -32,10 +32,10 @@ export declare class AXAlertComponent extends AXAlertComponent_base {
      */
     get visible(): boolean;
     set visible(v: boolean);
-    protected ngOnInit(): void;
-    protected ngAfterViewInit(): void;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
     private _setLayout;
-    protected _handleOnOptionChanged(e: AXOptionChangedEvent): void;
+    protected _handleOnOptionChanged(): void;
     private _setIcon;
     private _applyButtonStyle;
     /**

package/button/lib/button-group.component.d.ts

@@ -4,9 +4,9 @@ import { AXClickEvent, AXItemClickEvent, AXSelectionMode, AXSelectionValueChange
 import { AXBaseComponent } from '@acorex/components/mixin';
 import * as i0 from "@angular/core";
 export declare const AXBaseButtonGroupMixin: (abstract new (...args: any[]) => {
-    "__#5174@#disabled": boolean;
+    "__#4805@#disabled": boolean;
     disabled: boolean;
-    "__#5174@#tabIndex": number;
+    "__#4805@#tabIndex": number;
     tabIndex: number;
     onFocus: EventEmitter<import("@acorex/components/common").AXFocusEvent>;
     _emitOnFocusEvent(e: FocusEvent): void;
@@ -15,9 +15,9 @@ export declare const AXBaseButtonGroupMixin: (abstract new (...args: any[]) => {
     focus(): void;
     hasFocus(): boolean;
     id: string;
-    "__#5171@#rtl": boolean;
+    "__#4802@#rtl": boolean;
     rtl: boolean;
-    "__#5171@#elementRef": ElementRef<any>;
+    "__#4802@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -44,9 +44,9 @@ export declare const AXBaseButtonGroupMixin: (abstract new (...args: any[]) => {
     _look?: import("@acorex/components/common").AXStyleLookType;
     look: import("@acorex/components/common").AXStyleLookType;
     id: string;
-    "__#5171@#rtl": boolean;
+    "__#4802@#rtl": boolean;
     rtl: boolean;
-    "__#5171@#elementRef": ElementRef<any>;
+    "__#4802@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;

package/button/lib/button-item.class.d.ts

@@ -12,12 +12,16 @@ export interface AXClickItemBase {
     selected?: boolean;
     seperated?: boolean;
     name?: string;
-    data?: any;
-    onClick?: (...args: any) => void;
+    data?: unknown;
+    onClick?: (e?: {
+        source: AXButtonItem;
+        handled?: boolean;
+    }) => void;
     hotkey?: string | AXHotKeyAction;
 }
 export interface AXButtonItem extends AXClickItemBase {
     type?: AXButtonType;
+    loading?: boolean;
     autofocus?: boolean;
 }
 export interface AXMenuItem extends AXClickItemBase {

package/button/lib/button-item.component.d.ts

@@ -3,9 +3,9 @@ import { AXStyleColorType } from '@acorex/components/common';
 import { AXBaseComponent } from '@acorex/components/mixin';
 import * as i0 from "@angular/core";
 export declare const AXBaseItemButtonMixin: (abstract new (...args: any[]) => {
-    "__#5174@#disabled": boolean;
+    "__#4805@#disabled": boolean;
     disabled: boolean;
-    "__#5174@#tabIndex": number;
+    "__#4805@#tabIndex": number;
     tabIndex: number;
     onFocus: import("@angular/core").EventEmitter<import("@acorex/components/common").AXFocusEvent>;
     _emitOnFocusEvent(e: FocusEvent): void;
@@ -14,9 +14,9 @@ export declare const AXBaseItemButtonMixin: (abstract new (...args: any[]) => {
     focus(): void;
     hasFocus(): boolean;
     id: string;
-    "__#5171@#rtl": boolean;
+    "__#4802@#rtl": boolean;
     rtl: boolean;
-    "__#5171@#elementRef": ElementRef<any>;
+    "__#4802@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -39,9 +39,9 @@ export declare const AXBaseItemButtonMixin: (abstract new (...args: any[]) => {
     onClick: import("@angular/core").EventEmitter<import("@acorex/components/common").AXClickEvent>;
     _emitOnClickEvent(e: MouseEvent): void;
     id: string;
-    "__#5171@#rtl": boolean;
+    "__#4802@#rtl": boolean;
     rtl: boolean;
-    "__#5171@#elementRef": ElementRef<any>;
+    "__#4802@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;

package/button/lib/button.component.d.ts

@@ -1,5 +1,5 @@
-import { EventEmitter } from '@angular/core';
 import { AXClickEvent, MXButtonBaseComponent } from '@acorex/components/common';
+import { AfterViewInit, EventEmitter } from '@angular/core';
 import { AXButtonType } from './button-item.class';
 import * as i0 from "@angular/core";
 /**
@@ -7,7 +7,7 @@ import * as i0 from "@angular/core";
  *
  * @category Components
  */
-export declare class AXButtonComponent extends MXButtonBaseComponent {
+export declare class AXButtonComponent extends MXButtonBaseComponent implements AfterViewInit {
     /**
      *  Fires each time the user clicks the button.
      *  @event
@@ -15,9 +15,11 @@ export declare class AXButtonComponent extends MXButtonBaseComponent {
     onClick: EventEmitter<AXClickEvent>;
     type: AXButtonType;
     ngAfterViewInit(): void;
-    protected emitOnClickEvent(e: MouseEvent): void;
+    private getButton;
+    _handleClick(e: MouseEvent): void;
     click(): void;
     private get __hostClass();
+    focus(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXButtonComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonComponent, "ax-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "color": { "alias": "color"; "required": false; }; "look": { "alias": "look"; "required": false; }; "text": { "alias": "text"; "required": false; }; "toggleable": { "alias": "toggleable"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "onClick": "onClick"; "selectedChange": "selectedChange"; "toggleableChange": "toggleableChange"; "lookChange": "lookChange"; "colorChange": "colorChange"; }, never, ["ax-prefix, ax-loading, ax-icon", "ax-content", "ax-suffix", "ax-dropdown-panel"], false, never>;
 }

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

@@ -42,6 +42,6 @@ export declare class AXCalendarComponent extends AXCalendarComponent_base {
     protected isHoliday(date: AXDateTime): boolean;
     protected isWeekend(date: AXDateTime): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXCalendarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXCalendarComponent, "ax-calendar", never, { "rtl": { "alias": "rtl"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "depth": { "alias": "depth"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "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; }; "count": { "alias": "count"; "required": false; }; }, { "onOptionChanged": "onOptionChanged"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "depthChange": "depthChange"; "typeChange": "typeChange"; "activeViewChange": "activeViewChange"; "disabledDatesChange": "disabledDatesChange"; "holidayDatesChange": "holidayDatesChange"; "onNavigate": "onNavigate"; "onSlotClick": "onSlotClick"; "countChange": "countChange"; }, never, ["ax-header", "ax-footer"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXCalendarComponent, "ax-calendar", never, { "rtl": { "alias": "rtl"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "depth": { "alias": "depth"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "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; }; "count": { "alias": "count"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, { "onOptionChanged": "onOptionChanged"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "depthChange": "depthChange"; "typeChange": "typeChange"; "activeViewChange": "activeViewChange"; "disabledDatesChange": "disabledDatesChange"; "holidayDatesChange": "holidayDatesChange"; "onNavigate": "onNavigate"; "onSlotClick": "onSlotClick"; "countChange": "countChange"; }, never, ["ax-header", "ax-footer"], false, never>;
 }
 export {};

package/check-box/README.md

@@ -0,0 +1,3 @@
+# @acorex/components/check-box
+
+Secondary entry point of `@acorex/components`. It can be used by importing from `@acorex/components/check-box`.

package/check-box/index.d.ts

@@ -0,0 +1,2 @@
+export * from './lib/check-box.component';
+export * from './lib/check-box.module';

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

@@ -0,0 +1,14 @@
+import { MXValueComponent } from '@acorex/components/common';
+import * as i0 from "@angular/core";
+export declare class AXCheckBoxComponent extends MXValueComponent<boolean | null> {
+    private _labels;
+    indeterminate: boolean;
+    protected _stateIndeterminate: boolean;
+    protected internalGetValue(value: any): boolean | null;
+    internalSetValue(value: boolean | null): boolean;
+    ngAfterViewChecked(): void;
+    private _handleClick;
+    protected _handleModelChange(value: boolean | null): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXCheckBoxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXCheckBoxComponent, "ax-check-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; }, ["_labels"], ["ax-label", "ax-form-hint", "ax-validation-rule"], false, never>;
+}

package/{checkbox/lib/checkbox.module.d.ts → check-box/lib/check-box.module.d.ts}

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./checkbox.component";
+import * as i1 from "./check-box.component";
 import * as i2 from "@angular/common";
 import * as i3 from "@angular/forms";
 import * as i4 from "@acorex/components/decorators";

package/color-palette/lib/color-palette-input.component.d.ts

@@ -1,7 +1,7 @@
 import { AXUnsubscriber } from '@acorex/core/utils';
 import { AXValueChangedEvent, MXBaseComponent } from '@acorex/components/common';
 import { AXColorPaletteParentComponent } from './color-palette.class';
-import { AXMaskOptions } from '@acorex/components/textbox';
+import { AXMaskOptions } from '@acorex/components/text-box';
 import * as i0 from "@angular/core";
 export declare class AXColorPaletteInputComponent extends MXBaseComponent {
     _parent: AXColorPaletteParentComponent;

package/color-palette/lib/color-palette.module.d.ts

@@ -6,7 +6,7 @@ import * as i4 from "./color-palette-input.component";
 import * as i5 from "./color-palette-picker.component";
 import * as i6 from "@angular/common";
 import * as i7 from "@angular/forms";
-import * as i8 from "@acorex/components/textbox";
+import * as i8 from "@acorex/components/text-box";
 import * as i9 from "@acorex/components/label";
 import * as i10 from "@acorex/components/button";
 import * as i11 from "@acorex/components/decorators";

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

@@ -6,9 +6,9 @@ import { AXPopoverComponent } from '@acorex/components/popover';
 import { AXBaseComponent } from '@acorex/components/mixin';
 import * as i0 from "@angular/core";
 export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
-    "__#5174@#disabled": boolean;
+    "__#4805@#disabled": boolean;
     disabled: boolean;
-    "__#5174@#tabIndex": number;
+    "__#4805@#tabIndex": number;
     tabIndex: number;
     onFocus: import("@angular/core").EventEmitter<import("@acorex/components/common").AXFocusEvent>;
     _emitOnFocusEvent(e: FocusEvent): void;
@@ -17,9 +17,9 @@ export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
     focus(): void;
     hasFocus(): boolean;
     id: string;
-    "__#5171@#rtl": boolean;
+    "__#4802@#rtl": boolean;
     rtl: boolean;
-    "__#5171@#elementRef": ElementRef<any>;
+    "__#4802@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -49,18 +49,13 @@ export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
     onInit(): void;
     onViewInit(): void;
     toggle(): void;
-    /**
-     * The Button is a component which detects user interaction and triggers a corresponding event
-     *
-     * @category Components
-     */
     close(): void;
     open(): void;
     readonly isOpen: boolean;
     id: string;
-    "__#5171@#rtl": boolean;
+    "__#4802@#rtl": boolean;
     rtl: boolean;
-    "__#5171@#elementRef": ElementRef<any>;
+    "__#4802@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -81,17 +76,17 @@ export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
     onValueChanged: import("@angular/core").EventEmitter<AXValueChangedEvent<any>>;
     valueChange: import("@angular/core").EventEmitter<any>;
     stateChange: import("@angular/core").EventEmitter<import("@acorex/components/mixin").AXComponentState>;
-    "__#5175@#readonly": boolean;
+    "__#4806@#readonly": boolean;
     readonly: boolean;
-    "__#5175@#allowNull": boolean;
+    "__#4806@#allowNull": boolean;
     allowNull: boolean;
-    "__#5175@#name": string;
+    "__#4806@#name": string;
     name: string;
-    "__#5175@#isUserInteraction": boolean;
+    "__#4806@#isUserInteraction": boolean;
     readonly isUserInteraction: boolean;
-    "__#5175@#value": any;
+    "__#4806@#value": any;
     value: any;
-    "__#5175@#state": import("@acorex/components/mixin").AXComponentState;
+    "__#4806@#state": import("@acorex/components/mixin").AXComponentState;
     state: import("@acorex/components/mixin").AXComponentState;
     _emitOnValueChangedEvent(oldValue?: any, newValue?: any): void;
     _internalSetValue(value: any): any;
@@ -109,14 +104,12 @@ export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
     validate(): Promise<any>;
     _setState(state: import("@acorex/components/mixin").AXComponentState, ...args: any[]): void;
     id: string;
-    "__#5171@#rtl": boolean;
+    "__#4802@#rtl": boolean;
     rtl: boolean;
-    "__#5171@#elementRef": ElementRef<any>;
+    "__#4802@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
-    _isRendered: boolean; /**
-     *  @ignore
-     */
+    _isRendered: boolean;
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
@@ -141,9 +134,9 @@ export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
     _emitOnKeyupEvent(e: KeyboardEvent): void;
     _emitOnKeypressEvent(e: KeyboardEvent): void;
     id: string;
-    "__#5171@#rtl": boolean;
+    "__#4802@#rtl": boolean;
     rtl: boolean;
-    "__#5171@#elementRef": ElementRef<any>;
+    "__#4802@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;

package/color-picker/lib/color-picker.module.d.ts

@@ -9,7 +9,7 @@ import * as i7 from "@acorex/components/button";
 import * as i8 from "@angular/cdk/a11y";
 import * as i9 from "@acorex/components/loading";
 import * as i10 from "@acorex/core/translation";
-import * as i11 from "@acorex/components/textbox";
+import * as i11 from "@acorex/components/text-box";
 import * as i12 from "@acorex/components/color-palette";
 export declare class AXColorPickerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXColorPickerModule, never>;

package/common/index.d.ts

@@ -3,6 +3,7 @@ export * from './lib/classes/data.class';
 export * from './lib/classes/drawing.class';
 export * from './lib/classes/events.class';
 export * from './lib/classes/styles.class';
+export * from './lib/classes/datalist.class';
 export * from './lib/common.module';
 export * from './lib/components/base-component.class';
 export * from './lib/components/button-base-component.class';
@@ -14,10 +15,9 @@ export * from './lib/components/value-component.class';
 export * from './lib/components/input-base-value-component.class';
 export * from './lib/constant/positions';
 export * from './lib/directives/auto-focus.directive';
-export * from './lib/directives/debounce-time.directive';
+export * from './lib/directives/delayed-value-changed.directive';
 export * from './lib/directives/hotkey.directive';
 export * from './lib/directives/infinite-scroll.directive';
 export * from './lib/directives/responsive.directive';
-export * from './lib/services/custom-cdk-overlay.service';
 export * from './lib/services/hotkey.service';
-export * from './lib/services/overlay.service';
+export * from './lib/services/dom.service';

package/common/lib/classes/components.class.d.ts

@@ -30,15 +30,24 @@ export declare abstract class AXClosbaleComponent extends AXComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXClosbaleComponent, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AXClosbaleComponent>;
 }
+export declare abstract class AXClearableComponent extends AXComponent {
+    abstract clear(u: boolean): void;
+    abstract get readonly(): boolean;
+    abstract get disabled(): boolean;
+    abstract get value(): unknown;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXClearableComponent, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AXClearableComponent>;
+}
 export declare abstract class AXSearchableComponent extends AXComponent {
     abstract search(value: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXSearchableComponent, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AXSearchableComponent>;
 }
 export declare abstract class AXValuableComponent extends AXComponent {
-    abstract get value(): any;
-    abstract onValueChanged: EventEmitter<AXValueChangedEvent<any>>;
-    abstract commitValue(value: any, u: boolean): any;
+    abstract get name(): string;
+    abstract get value(): unknown;
+    abstract onValueChanged: EventEmitter<AXValueChangedEvent<unknown>>;
+    abstract commitValue(value: unknown, u: boolean): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXValuableComponent, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AXValuableComponent>;
 }

package/common/lib/classes/datalist.class.d.ts

@@ -0,0 +1,11 @@
+export interface AXDataListQuery {
+    take?: number;
+    skip?: number;
+    searchQuery?: string;
+}
+export interface AXDataListFetchCallbackResult {
+    items: any[];
+    total: number;
+}
+export type AXDataListFetchDataCallback = (e: AXDataListQuery) => Promise<any[] | AXDataListFetchCallbackResult>;
+export type AXDataListItems = any[] | AXDataListFetchDataCallback;

package/common/lib/common.module.d.ts

@@ -1,11 +1,10 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./directives/responsive.directive";
 import * as i2 from "./directives/infinite-scroll.directive";
-import * as i3 from "./directives/debounce-time.directive";
-import * as i4 from "./directives/auto-focus.directive";
-import * as i5 from "./directives/hotkey.directive";
+import * as i3 from "./directives/auto-focus.directive";
+import * as i4 from "./directives/hotkey.directive";
 export declare class AXCommonModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXCommonModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXCommonModule, [typeof i1.AXResponsiveDirective, typeof i2.AXInfiniteScrollerDirective, typeof i3.AXNgModelChangeDebouncedDirective, typeof i4.AXAutoFocusDirective, typeof i5.AXHotkeyDirective], never, [typeof i1.AXResponsiveDirective, typeof i2.AXInfiniteScrollerDirective, typeof i4.AXAutoFocusDirective, typeof i3.AXNgModelChangeDebouncedDirective, typeof i5.AXHotkeyDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXCommonModule, [typeof i1.AXResponsiveDirective, typeof i2.AXInfiniteScrollerDirective, typeof i3.AXAutoFocusDirective, typeof i4.AXHotkeyDirective], never, [typeof i1.AXResponsiveDirective, typeof i2.AXInfiniteScrollerDirective, typeof i3.AXAutoFocusDirective, typeof i4.AXHotkeyDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXCommonModule>;
 }

package/common/lib/components/base-component.class.d.ts

@@ -14,18 +14,24 @@ export type MXComponentSetOption<T> = {
 };
 export type AXComponentState = 'clear' | 'success' | 'error';
 export declare abstract class MXBaseComponent {
-    id: string;
     private _cdr;
     private _elementRef;
     private _viewRef;
+    private _domService;
+    private _id;
+    get id(): string;
+    set id(v: string);
     protected get cdr(): ChangeDetectorRef;
     getHostElement<T = HTMLElement>(): T;
     protected getViewContainer(): ViewContainerRef;
     protected internalOptionChanging(option: MXComponentOptionChanging): any;
     protected internalOptionChanged(option: MXComponentOptionChanged): void;
-    protected init(): void;
+    /**
+     * @ignore
+     */
+    constructor();
     onOptionChanged: EventEmitter<AXOptionChangedEvent>;
-    protected setOption<T = any>(option: MXComponentSetOption<T>): void;
+    setOption<T = any>(option: MXComponentSetOption<T>): void;
     private _rtl;
     get rtl(): boolean;
     set rtl(value: boolean);

package/common/lib/components/input-base-value-component.class.d.ts

@@ -3,6 +3,7 @@ import { MXValueComponent } from "./value-component.class";
 import { AXHtmlEvent } from "../classes/events.class";
 import * as i0 from "@angular/core";
 export declare class MXInputBaseValueComponent<T = string> extends MXValueComponent<T> {
+    placeholder: string;
     /**
     *  Fires each time the user press a key.
     *  @event

package/common/lib/components/value-component.class.d.ts

@@ -1,8 +1,8 @@
 import { EventEmitter } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { AXValueChangedEvent } from '../classes/events.class';
 import { AXComponentState } from './base-component.class';
 import { MXInteractiveComponent } from './interactive-component.class';
-import { AXValueChangedEvent } from '../classes/events.class';
-import { ControlValueAccessor } from '@angular/forms';
 import * as i0 from "@angular/core";
 export declare class MXValueComponent<T = any> extends MXInteractiveComponent implements ControlValueAccessor {
     /**
@@ -10,6 +10,9 @@ export declare class MXValueComponent<T = any> extends MXInteractiveComponent im
      *  @event
      */
     onValueChanged: EventEmitter<AXValueChangedEvent<any>>;
+    /**
+     * @deprecated The event should not be used, use ngModelChange instead
+     */
     valueChange: EventEmitter<any>;
     stateChange: EventEmitter<AXComponentState>;
     readonlyChange: EventEmitter<boolean>;
@@ -29,6 +32,9 @@ export declare class MXValueComponent<T = any> extends MXInteractiveComponent im
     initValue: T;
     defaultValue: T;
     private _value;
+    /**
+     * @deprecated The property should not be used, use ngModel instead
+     */
     get value(): T;
     set value(v: T);
     private _state;
@@ -48,6 +54,7 @@ export declare class MXValueComponent<T = any> extends MXInteractiveComponent im
     registerOnChange(fn: (value: T) => void): void;
     writeValue(value: T): void;
     commitValue(value: T, u?: boolean): void;
+    clear(e: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MXValueComponent<any>, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<MXValueComponent<any>>;
 }

package/common/lib/directives/auto-focus.directive.d.ts

@@ -1,13 +1,14 @@
-import { AfterContentInit, ElementRef } from '@angular/core';
+import { AfterViewInit, ElementRef, Renderer2 } from '@angular/core';
 import { AXFocusableComponent } from '../classes/components.class';
 import * as i0 from "@angular/core";
-export declare class AXAutoFocusDirective implements AfterContentInit {
+export declare class AXAutoFocusDirective implements AfterViewInit {
+    private renderer;
     private el;
     _host: AXFocusableComponent;
     autoFocus?: boolean;
-    constructor(el: ElementRef<HTMLElement>, _host: AXFocusableComponent);
+    constructor(renderer: Renderer2, el: ElementRef<HTMLElement>, _host: AXFocusableComponent);
     time: number;
-    ngAfterContentInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXAutoFocusDirective, [null, { optional: true; host: true; self: true; }]>;
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXAutoFocusDirective, [null, null, { optional: true; host: true; self: true; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<AXAutoFocusDirective, "[axAutoFocus]", never, { "autoFocus": { "alias": "axAutoFocus"; "required": false; }; "time": { "alias": "focus-time"; "required": false; }; }, {}, never, never, false, never>;
 }