@acorex/components 7.0.40 → 7.1.0

package/color-picker/src/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[]) => {
-    "__#36564@#disabled": boolean;
+    "__#37491@#disabled": boolean;
     disabled: boolean;
-    "__#36564@#tabIndex": number;
+    "__#37491@#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;
-    "__#36561@#rtl": boolean;
+    "__#37488@#rtl": boolean;
     rtl: boolean;
-    "__#36561@#elementRef": ElementRef<any>;
+    "__#37488@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -53,9 +53,9 @@ export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
     open(): void;
     readonly isOpen: boolean;
     id: string;
-    "__#36561@#rtl": boolean;
+    "__#37488@#rtl": boolean;
     rtl: boolean;
-    "__#36561@#elementRef": ElementRef<any>;
+    "__#37488@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -76,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>;
-    "__#36565@#readonly": boolean;
+    "__#37492@#readonly": boolean;
     readonly: boolean;
-    "__#36565@#allowNull": boolean;
+    "__#37492@#allowNull": boolean;
     allowNull: boolean;
-    "__#36565@#name": string;
+    "__#37492@#name": string;
     name: string;
-    "__#36565@#isUserInteraction": boolean;
+    "__#37492@#isUserInteraction": boolean;
     readonly isUserInteraction: boolean;
-    "__#36565@#value": any;
+    "__#37492@#value": any;
     value: any;
-    "__#36565@#state": import("@acorex/components/mixin").AXComponentState;
+    "__#37492@#state": import("@acorex/components/mixin").AXComponentState;
     state: import("@acorex/components/mixin").AXComponentState;
     _emitOnValueChangedEvent(oldValue?: any, newValue?: any): void;
     _internalSetValue(value: any): any;
@@ -103,9 +103,9 @@ export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
     validate(): Promise<any>;
     _setState(state: import("@acorex/components/mixin").AXComponentState, ...args: any[]): void;
     id: string;
-    "__#36561@#rtl": boolean;
+    "__#37488@#rtl": boolean;
     rtl: boolean;
-    "__#36561@#elementRef": ElementRef<any>;
+    "__#37488@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -133,9 +133,9 @@ export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
     _emitOnKeyupEvent(e: KeyboardEvent): void;
     _emitOnKeypressEvent(e: KeyboardEvent): void;
     id: string;
-    "__#36561@#rtl": boolean;
+    "__#37488@#rtl": boolean;
     rtl: boolean;
-    "__#36561@#elementRef": ElementRef<any>;
+    "__#37488@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -145,6 +145,9 @@ export declare const AXBaseColorPickerMixin: (abstract new (...args: any[]) => {
     _getHostElement<T_4 = HTMLElement>(): T_4;
     _getInnerElement<T_1_3 = HTMLElement>(): T_1_3;
     _onInternalInit(): void;
+    /**
+     *  @ignore
+     */
     _onInternalViewInit(): void;
     _onInternalDestroy(): void;
     onInit(): void;
@@ -186,5 +189,5 @@ export declare class AXColorPickerComponent extends AXBaseColorPickerMixin {
     _handlePopupOnClosed(e: any): void;
     _handleKeydown(e: KeyboardEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXColorPickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXColorPickerComponent, "ax-color-picker", never, { "isOpen": "isOpen"; "fitParent": "fitParent"; "dropdownWidth": "dropdownWidth"; "position": "position"; "disabled": "disabled"; "tabIndex": "tabIndex"; "readonly": "readonly"; "allowNull": "allowNull"; "value": "value"; "name": "name"; "checked": "checked"; "placeholder": "placeholder"; "maxLength": "maxLength"; "type": "type"; "autoComplete": "autoComplete"; }, { "onOpened": "onOpened"; "onClosed": "onClosed"; "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; }, never, ["ax-prefix", "ax-validation-rule", "ax-suffix"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXColorPickerComponent, "ax-color-picker", never, { "isOpen": { "alias": "isOpen"; "required": false; }; "fitParent": { "alias": "fitParent"; "required": false; }; "dropdownWidth": { "alias": "dropdownWidth"; "required": false; }; "position": { "alias": "position"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "allowNull": { "alias": "allowNull"; "required": false; }; "value": { "alias": "value"; "required": false; }; "name": { "alias": "name"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "type": { "alias": "type"; "required": false; }; "autoComplete": { "alias": "autoComplete"; "required": false; }; }, { "onOpened": "onOpened"; "onClosed": "onClosed"; "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; }, never, ["ax-prefix", "ax-validation-rule", "ax-suffix"], false, never>;
 }

package/common/public-api.d.ts

@@ -4,6 +4,7 @@ export * from './src/classes/events.class';
 export * from './src/classes/styles.class';
 export * from './src/constant/positions';
 export * from './src/components';
+export * from './src/classes/data.class';
 export * from './src/directives/auto-focus.directive';
 export * from './src/directives/debounce-time.directive';
 export * from './src/directives/hotkey.directive';

package/common/src/classes/data.class.d.ts

@@ -0,0 +1,4 @@
+export interface AXRange<T> {
+    from: T;
+    end: T;
+}

package/common/src/classes/events.class.d.ts

@@ -29,6 +29,15 @@ export declare class AXValueChangedEvent<T = any> extends AXEvent {
     value?: T;
     oldValue?: T;
 }
+/**
+ *  Contains native event
+ * @category Events
+ */
+export declare class AXOptionChangedEvent<T = any> extends AXEvent {
+    name?: string;
+    newValue?: T;
+    oldValue?: T;
+}
 /**
  *  Fires each time the user click the element.
  * @category Events

package/common/src/classes/styles.class.d.ts

@@ -2,16 +2,16 @@ export declare const AX_STYLE_COLOR_TYPES: string[];
 /**
  * A token that specifies the  color style of component.
  */
-export declare type AXStyleColorType = 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info' | 'ghost';
-export declare type AXStyleLookType = 'default' | 'blank' | 'outline';
+export type AXStyleColorType = 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info' | 'ghost';
+export type AXStyleLookType = 'default' | 'blank' | 'outline';
 export declare const AX_LOCATIONS: string[];
-export declare type AXLocation = 'bottom-start' | 'bottom-center' | 'bottom-end' | 'top-start' | 'top-center' | 'top-end' | 'center-end' | 'center-start';
+export type AXLocation = 'bottom-start' | 'bottom-center' | 'bottom-end' | 'top-start' | 'top-center' | 'top-end' | 'center-end' | 'center-start';
 export declare const AX_DIRECTIONS: string[];
 /**
  * A token that specifies the  direction of component.
  */
-export declare type AXDirection = 'vertical' | 'horizontal';
+export type AXDirection = 'vertical' | 'horizontal';
 /**
  * A token that specifies the  selection mode of component.
  */
-export declare type AXSelectionMode = 'single' | 'multiple';
+export type AXSelectionMode = 'single' | 'multiple';

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

@@ -1,19 +1,16 @@
-import { ChangeDetectorRef } from "@angular/core";
-export declare type MXComponentOptionChanging = {
+import { ChangeDetectorRef, EventEmitter } from "@angular/core";
+import { AXOptionChangedEvent } from "../classes/events.class";
+export type MXComponentOptionChanging = {
     name: string;
     value?: any;
 };
-export declare type MXComponentOptionChanged = {
-    name: string;
-    newValue?: any;
-    oldValue?: any;
-};
-export declare type MXComponentSetOption = {
+export type MXComponentSetOption = {
     name: string;
     value?: any;
     afterCallback?: (oldValue?: any, newValue?: any) => void;
     beforeCallback?: (oldValue?: any, newValue?: any) => void;
 };
+export type AXComponentState = 'clear' | 'success' | 'error';
 export declare class MXBaseComponent {
     id: string;
     private _cdr;
@@ -21,7 +18,7 @@ export declare class MXBaseComponent {
     protected get cdr(): ChangeDetectorRef;
     getHostElement<T = HTMLElement>(): T;
     protected onOptionChanging(option: MXComponentOptionChanging): any;
-    protected onOptionChanged(option: MXComponentOptionChanged): void;
+    protected onOptionChanged: EventEmitter<AXOptionChangedEvent>;
     protected setOption(option: MXComponentSetOption): void;
     private _rtl;
     get rtl(): boolean;

package/common/src/components/index.d.ts

@@ -4,3 +4,4 @@ export * from './color-component.class';
 export * from './look-component.class';
 export * from './colorlook-component.class';
 export * from './button-base-component.class';
+export * from './value-component.class';

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

@@ -0,0 +1,45 @@
+import { EventEmitter } from '@angular/core';
+import { AXComponentState, MXBaseComponent } from './base-component.class';
+import { AXValueChangedEvent } from '../classes/events.class';
+import * as i0 from "@angular/core";
+export declare class MXValueComponent<T = any> extends MXBaseComponent {
+    /**
+     *  Fires each time the user press a key.
+     *  @event
+     */
+    onValueChanged: EventEmitter<AXValueChangedEvent<any>>;
+    valueChange: EventEmitter<any>;
+    stateChange: EventEmitter<AXComponentState>;
+    private _readonly;
+    /**
+     *  If set to true, user cannot change the value of component.
+     */
+    get readonly(): boolean;
+    set readonly(value: boolean);
+    private _name;
+    get name(): string;
+    set name(value: string);
+    private _isUserInteraction;
+    get isUserInteraction(): boolean;
+    set isUserInteraction(value: boolean);
+    initValue: T;
+    defaultValue: T;
+    private _value;
+    get value(): T;
+    set value(v: T);
+    private _state;
+    get state(): AXComponentState;
+    set state(value: AXComponentState);
+    protected emitOnValueChangedEvent(oldValue?: any, newValue?: any): void;
+    protected setValue(value: any): any;
+    protected getValue(value: any): any;
+    protected ngOnInit(): void;
+    protected ngAfterViewInit(): void;
+    protected ngOnDestroy(): void;
+    clear(): void;
+    private _checkRequired;
+    validate(): Promise<any>;
+    protected setState(state: AXComponentState, ...args: any[]): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MXValueComponent<any>, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<MXValueComponent<any>>;
+}

package/common/src/constant/positions.d.ts

@@ -1,4 +1,4 @@
-export declare type AXPosition = 'top-start' | 'top-center' | 'top-end' | 'start-start' | 'start-center' | 'start-end' | 'bottom-start' | 'bottom-center' | 'bottom-end' | 'end-start' | 'end-center' | 'end-end';
+export type AXPosition = 'top-start' | 'top-center' | 'top-end' | 'start-start' | 'start-center' | 'start-end' | 'bottom-start' | 'bottom-center' | 'bottom-end' | 'end-start' | 'end-center' | 'end-end';
 export declare const AXPositions: {
     topStart: {
         originX: string;

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

@@ -9,5 +9,5 @@ export declare class AXAutoFocusDirective implements AfterContentInit {
     time: number;
     ngAfterContentInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXAutoFocusDirective, [null, { optional: true; host: true; self: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AXAutoFocusDirective, "[axAutoFocus]", never, { "autoFocus": "axAutoFocus"; "time": "focus-time"; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AXAutoFocusDirective, "[axAutoFocus]", never, { "autoFocus": { "alias": "axAutoFocus"; "required": false; }; "time": { "alias": "focus-time"; "required": false; }; }, {}, never, never, false, never>;
 }

package/common/src/directives/debounce-time.directive.d.ts

@@ -13,5 +13,5 @@ export declare class AXNgModelChangeDebouncedDirective implements OnDestroy {
     constructor(ngModel: NgModel);
     private update;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXNgModelChangeDebouncedDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AXNgModelChangeDebouncedDirective, "[ngModelChangeDebounced]", never, { "ngModelChangeDebounceTime": "ngModelChangeDebounceTime"; }, { "ngModelChangeDebounced": "ngModelChangeDebounced"; "ngModelChangeDebounceTimeChange": "ngModelChangeDebounceTimeChange"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AXNgModelChangeDebouncedDirective, "[ngModelChangeDebounced]", never, { "ngModelChangeDebounceTime": { "alias": "ngModelChangeDebounceTime"; "required": false; }; }, { "ngModelChangeDebounced": "ngModelChangeDebounced"; "ngModelChangeDebounceTimeChange": "ngModelChangeDebounceTimeChange"; }, never, never, false, never>;
 }

package/common/src/directives/hotkey.directive.d.ts

@@ -2,7 +2,7 @@ import { AfterViewInit, ElementRef } from '@angular/core';
 import { AXComponent } from '../classes/components.class';
 import { AXHotkeysService } from '../services/hotkey.service';
 import * as i0 from "@angular/core";
-export declare type AXHotKeyAction = {
+export type AXHotKeyAction = {
     [key: string]: string | Function;
     parmas?: any;
 };
@@ -18,5 +18,5 @@ export declare class AXHotkeyDirective implements AfterViewInit {
     private _addHotKeyAction;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXHotkeyDirective, [null, { optional: true; host: true; self: true; }, null]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AXHotkeyDirective, "[hotkey]", never, { "hotkey": "hotkey"; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AXHotkeyDirective, "[hotkey]", never, { "hotkey": { "alias": "hotkey"; "required": false; }; }, {}, never, never, false, never>;
 }

package/common/src/directives/infinite-scroll.directive.d.ts

@@ -21,5 +21,5 @@ export declare class AXInfiniteScrollerDirective implements AfterViewInit {
     private isUserScrollingDown;
     private isScrollExpectedPercent;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXInfiniteScrollerDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AXInfiniteScrollerDirective, "[axInfiniteScroller]", never, { "scrollCallback": "scrollCallback"; "immediateCallback": "immediateCallback"; "scrollPercent": "scrollPercent"; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AXInfiniteScrollerDirective, "[axInfiniteScroller]", never, { "scrollCallback": { "alias": "scrollCallback"; "required": false; }; "immediateCallback": { "alias": "immediateCallback"; "required": false; }; "scrollPercent": { "alias": "scrollPercent"; "required": false; }; }, {}, never, never, false, never>;
 }

package/common/src/services/hotkey.service.d.ts

@@ -1,7 +1,7 @@
 import { EventManager } from '@angular/platform-browser';
 import { Observable } from 'rxjs/internal/Observable';
 import * as i0 from "@angular/core";
-declare type Options = {
+type Options = {
     element: any;
     keys: string;
 };

package/context-menu/src/context-menu.component.d.ts

@@ -30,5 +30,5 @@ export declare class AXContextMenuComponent extends AXBaseMenuMixin implements O
     /***********defultTmp***********/
     onContextMenuClick(e: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXContextMenuComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXContextMenuComponent, "ax-context-menu", never, { "disabled": "disabled"; "textField": "textField"; "valueField": "valueField"; "items": "items"; "parentId": "parentId"; "iconField": "iconField"; "opened": "opened"; "active": "active"; "visibleField": "visibleField"; "disableField": "disableField"; "hasChildField": "hasChildField"; "dividerField": "dividerField"; "openMode": "openMode"; "displayMode": "displayMode"; "target": "target"; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "onMenuItemClick": "onMenuItemClick"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXContextMenuComponent, "ax-context-menu", never, { "disabled": { "alias": "disabled"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "items": { "alias": "items"; "required": false; }; "parentId": { "alias": "parentId"; "required": false; }; "iconField": { "alias": "iconField"; "required": false; }; "opened": { "alias": "opened"; "required": false; }; "active": { "alias": "active"; "required": false; }; "visibleField": { "alias": "visibleField"; "required": false; }; "disableField": { "alias": "disableField"; "required": false; }; "hasChildField": { "alias": "hasChildField"; "required": false; }; "dividerField": { "alias": "dividerField"; "required": false; }; "openMode": { "alias": "openMode"; "required": false; }; "displayMode": { "alias": "displayMode"; "required": false; }; "target": { "alias": "target"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "onMenuItemClick": "onMenuItemClick"; }, never, never, false, never>;
 }

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

@@ -5,7 +5,7 @@ import * as i0 from "@angular/core";
 /**
  * A token that specifies the  display mode of datapager component.
  */
-export declare type AXDataPagerDisplayMode = 'full' | 'compact' | 'custom';
+export type AXDataPagerDisplayMode = 'full' | 'compact' | 'custom';
 export interface AXDataPagerInfoData {
     range: {
         from: number;

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

@@ -11,5 +11,5 @@ export declare class AXDataPagerInfoComponent extends AXDataPagerChild {
     onViewInit(): void;
     private _updateText;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDataPagerInfoComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXDataPagerInfoComponent, "ax-data-pager-info", never, { "text": "text"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDataPagerInfoComponent, "ax-data-pager-info", never, { "text": { "alias": "text"; "required": false; }; }, {}, never, never, false, never>;
 }

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

@@ -14,5 +14,5 @@ export declare class AXDataPagerPageSizesComponent extends AXDataPagerChild {
     private _generateDisplayItems;
     _emitOnItemClick(e: AXClickEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDataPagerPageSizesComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXDataPagerPageSizesComponent, "ax-data-pager-page-sizes", never, { "sizes": "sizes"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDataPagerPageSizesComponent, "ax-data-pager-page-sizes", never, { "sizes": { "alias": "sizes"; "required": false; }; }, {}, never, never, false, never>;
 }

package/data-pager/src/data-pager.component.d.ts

@@ -31,5 +31,5 @@ export declare class AXDataPagerComponent extends AXBaseValueComponentMixin {
     goPrevPage(): void;
     goToPage(page: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDataPagerComponent, [null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXDataPagerComponent, "ax-data-pager", never, { "value": "value"; "name": "name"; "size": "size"; "total": "total"; "displayMode": "displayMode"; }, { "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "onStateChanged": "onStateChanged"; }, never, ["ax-prefix", "ax-suffix"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDataPagerComponent, "ax-data-pager", never, { "value": { "alias": "value"; "required": false; }; "name": { "alias": "name"; "required": false; }; "size": { "alias": "size"; "required": false; }; "total": { "alias": "total"; "required": false; }; "displayMode": { "alias": "displayMode"; "required": false; }; }, { "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "onStateChanged": "onStateChanged"; }, never, ["ax-prefix", "ax-suffix"], false, never>;
 }

package/data-table/src/data-column.directive.d.ts

@@ -12,5 +12,5 @@ export declare class AXDataColumnComponent {
     caption: string;
     width: string | number;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDataColumnComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AXDataColumnComponent, "ax-data-column", never, { "_inputHeaderTemplate": "headerTemplate"; "_inputCellTemplate": "cellTemplate"; "valueField": "valueField"; "caption": "caption"; "width": "width"; }, {}, ["_contentHeaderTemplate", "_defaultTemplate", "_contentCellTemplate"], never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AXDataColumnComponent, "ax-data-column", never, { "_inputHeaderTemplate": { "alias": "headerTemplate"; "required": false; }; "_inputCellTemplate": { "alias": "cellTemplate"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, {}, ["_contentHeaderTemplate", "_defaultTemplate", "_contentCellTemplate"], never, false, never>;
 }

package/data-table/src/data-table.component.d.ts

@@ -33,5 +33,5 @@ export declare class AXDataTableComponent extends AXBaseComponentMixin implement
     refresh(): void;
     goToPage(page: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDataTableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXDataTableComponent, "ax-data-table", never, { "rowTemplate": "rowTemplate"; "emptyTemplate": "emptyTemplate"; "showHeader": "showHeader"; "pageSize": "pageSize"; "fetchDataMode": "fetchDataMode"; "items": "items"; }, { "onPageChanged": "onPageChanged"; }, ["_columns"], ["ax-header", "ax-footer"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDataTableComponent, "ax-data-table", never, { "rowTemplate": { "alias": "rowTemplate"; "required": false; }; "emptyTemplate": { "alias": "emptyTemplate"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "fetchDataMode": { "alias": "fetchDataMode"; "required": false; }; "items": { "alias": "items"; "required": false; }; }, { "onPageChanged": "onPageChanged"; }, ["_columns"], ["ax-header", "ax-footer"], false, never>;
 }

package/date-picker/src/datepicker.component.d.ts

@@ -5,9 +5,9 @@ import { AXPopoverComponent } from '@acorex/components/popover';
 import { AXComponentOptionChanged } from '@acorex/components/mixin';
 import * as i0 from "@angular/core";
 export declare const AXBaseDatePickerMixin: (abstract new (...args: any[]) => {
-    "__#36564@#disabled": boolean;
+    "__#37491@#disabled": boolean;
     disabled: boolean;
-    "__#36564@#tabIndex": number;
+    "__#37491@#tabIndex": number;
     tabIndex: number;
     onFocus: EventEmitter<import("@acorex/components/common").AXFocusEvent>;
     _emitOnFocusEvent(e: FocusEvent): void;
@@ -16,9 +16,9 @@ export declare const AXBaseDatePickerMixin: (abstract new (...args: any[]) => {
     focus(): void;
     hasFocus(): boolean;
     id: string;
-    "__#36561@#rtl": boolean;
+    "__#37488@#rtl": boolean;
     rtl: boolean;
-    "__#36561@#elementRef": ElementRef<any>;
+    "__#37488@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -52,9 +52,9 @@ export declare const AXBaseDatePickerMixin: (abstract new (...args: any[]) => {
     open(): void;
     readonly isOpen: boolean;
     id: string;
-    "__#36561@#rtl": boolean;
+    "__#37488@#rtl": boolean;
     rtl: boolean;
-    "__#36561@#elementRef": ElementRef<any>;
+    "__#37488@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -75,17 +75,17 @@ export declare const AXBaseDatePickerMixin: (abstract new (...args: any[]) => {
     onValueChanged: EventEmitter<import("@acorex/components/common").AXValueChangedEvent<any>>;
     valueChange: EventEmitter<any>;
     stateChange: EventEmitter<import("@acorex/components/mixin").AXComponentState>;
-    "__#36565@#readonly": boolean;
+    "__#37492@#readonly": boolean;
     readonly: boolean;
-    "__#36565@#allowNull": boolean;
+    "__#37492@#allowNull": boolean;
     allowNull: boolean;
-    "__#36565@#name": string;
+    "__#37492@#name": string;
     name: string;
-    "__#36565@#isUserInteraction": boolean;
+    "__#37492@#isUserInteraction": boolean;
     readonly isUserInteraction: boolean;
-    "__#36565@#value": any;
+    "__#37492@#value": any;
     value: any;
-    "__#36565@#state": import("@acorex/components/mixin").AXComponentState;
+    "__#37492@#state": import("@acorex/components/mixin").AXComponentState;
     state: import("@acorex/components/mixin").AXComponentState;
     _emitOnValueChangedEvent(oldValue?: any, newValue?: any): void;
     _internalSetValue(value: any): any;
@@ -102,9 +102,9 @@ export declare const AXBaseDatePickerMixin: (abstract new (...args: any[]) => {
     validate(): Promise<any>;
     _setState(state: import("@acorex/components/mixin").AXComponentState, ...args: any[]): void;
     id: string;
-    "__#36561@#rtl": boolean;
+    "__#37488@#rtl": boolean;
     rtl: boolean;
-    "__#36561@#elementRef": ElementRef<any>;
+    "__#37488@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -150,5 +150,5 @@ export declare class AXDatePickerComponent extends AXBaseDatePickerMixin {
     protected _handleOnNavigate(e: AXCalendarNavigateEvent): void;
     private _highlightPart;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDatePickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXDatePickerComponent, "ax-date-picker", never, { "rtl": "rtl"; "isOpen": "isOpen"; "fitParent": "fitParent"; "dropdownWidth": "dropdownWidth"; "position": "position"; "disabled": "disabled"; "tabIndex": "tabIndex"; "readonly": "readonly"; "allowNull": "allowNull"; "value": "value"; "name": "name"; "checked": "checked"; "placeholder": "placeholder"; "maxLength": "maxLength"; "type": "type"; "autoComplete": "autoComplete"; "depth": "depth"; "activeView": "activeView"; "min": "min"; "max": "max"; "disabledDates": "disabledDates"; "holidayDates": "holidayDates"; "format": "format"; "interface": "interface"; }, { "onOpened": "onOpened"; "onClosed": "onClosed"; "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "depthChange": "depthChange"; "typeChange": "typeChange"; "disabledDatesChange": "disabledDatesChange"; "holidayDatesChange": "holidayDatesChange"; "onNavigate": "onNavigate"; "formatChange": "formatChange"; }, never, ["ax-prefix", "ax-suffix", "ax-validation-rule"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDatePickerComponent, "ax-date-picker", never, { "rtl": { "alias": "rtl"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "fitParent": { "alias": "fitParent"; "required": false; }; "dropdownWidth": { "alias": "dropdownWidth"; "required": false; }; "position": { "alias": "position"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "allowNull": { "alias": "allowNull"; "required": false; }; "value": { "alias": "value"; "required": false; }; "name": { "alias": "name"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "type": { "alias": "type"; "required": false; }; "autoComplete": { "alias": "autoComplete"; "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; }; "format": { "alias": "format"; "required": false; }; "interface": { "alias": "interface"; "required": false; }; }, { "onOpened": "onOpened"; "onClosed": "onClosed"; "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "depthChange": "depthChange"; "typeChange": "typeChange"; "disabledDatesChange": "disabledDatesChange"; "holidayDatesChange": "holidayDatesChange"; "onNavigate": "onNavigate"; "formatChange": "formatChange"; }, never, ["ax-prefix", "ax-suffix", "ax-validation-rule"], false, never>;
 }

package/decorators/src/close-button.component.d.ts

@@ -10,5 +10,5 @@ export declare class AXDecoratorCloseButtonComponent extends AXBaseComponentMixi
     set icon(v: string);
     _handleOnClick(e: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDecoratorCloseButtonComponent, [null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXDecoratorCloseButtonComponent, "ax-close-button", never, { "icon": "icon"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDecoratorCloseButtonComponent, "ax-close-button", never, { "icon": { "alias": "icon"; "required": false; }; }, {}, never, never, false, never>;
 }

package/decorators/src/icon.component.d.ts

@@ -6,5 +6,5 @@ export declare class AXDecoratorIconComponent extends AXBaseComponentMixin {
     private get __iconClass();
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDecoratorIconComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXDecoratorIconComponent, "ax-icon", never, { "icon": "icon"; }, {}, never, ["i,span,svg,img"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDecoratorIconComponent, "ax-icon", never, { "icon": { "alias": "icon"; "required": false; }; }, {}, never, ["i,span,svg,img"], false, never>;
 }

package/decorators/src/overlay.component.d.ts

@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
 export declare class AXDecoratorOverlayComponent {
     displayMode: 'hover' | 'always';
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDecoratorOverlayComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXDecoratorOverlayComponent, "ax-overlay", never, { "displayMode": "displayMode"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDecoratorOverlayComponent, "ax-overlay", never, { "displayMode": { "alias": "displayMode"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/decorators/src/sub-title.component.d.ts

@@ -5,5 +5,5 @@ export declare class AXDecoratorSubTitleComponent extends AXBaseComponentMixin {
     constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef);
     text: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDecoratorSubTitleComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXDecoratorSubTitleComponent, "ax-sub-title", never, { "text": "text"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDecoratorSubTitleComponent, "ax-sub-title", never, { "text": { "alias": "text"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/decorators/src/text.component.d.ts

@@ -5,5 +5,5 @@ export declare class AXDecoratorTextComponent extends AXBaseComponentMixin {
     content: string;
     constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDecoratorTextComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXDecoratorTextComponent, "ax-text", never, { "content": "content"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDecoratorTextComponent, "ax-text", never, { "content": { "alias": "content"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/drawer/src/drawer.component.d.ts

@@ -1,8 +1,8 @@
 import { ElementRef, ChangeDetectorRef, NgZone, EventEmitter } from '@angular/core';
 import { AXBaseComponentMixin, AXComponentOptionChanged } from '@acorex/components/mixin';
 import * as i0 from "@angular/core";
-export declare type AXDrawerMode = 'push' | 'overlay';
-export declare type AXDrawerLocation = 'start' | 'end';
+export type AXDrawerMode = 'push' | 'overlay';
+export type AXDrawerLocation = 'start' | 'end';
 export declare class AXDrawerComponent extends AXBaseComponentMixin {
     private _elementRef;
     private _zone;
@@ -32,5 +32,5 @@ export declare class AXDrawerComponent extends AXBaseComponentMixin {
     private _addBackdrop;
     private _removeBackdrop;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDrawerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXDrawerComponent, "ax-drawer", never, { "location": "location"; "mode": "mode"; "collapsed": "collapsed"; }, { "locationChange": "locationChange"; "modeChange": "modeChange"; "collapsedChange": "collapsedChange"; }, never, ["ax-header", "ax-content"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDrawerComponent, "ax-drawer", never, { "location": { "alias": "location"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "collapsed": { "alias": "collapsed"; "required": false; }; }, { "locationChange": "locationChange"; "modeChange": "modeChange"; "collapsedChange": "collapsedChange"; }, never, ["ax-header", "ax-content"], false, never>;
 }

package/dropdown/src/dropdown-panel.component.d.ts

@@ -26,5 +26,5 @@ export declare class AXDropdownPanelComponent extends AXBaseDropdownMixin {
     _emitOnItemClickEvent(e: AXClickEvent, item: AXButtonItemComponent): void;
     private _handleOnItemClick;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDropdownPanelComponent, [null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXDropdownPanelComponent, "ax-dropdown-panel", never, { "isOpen": "isOpen"; "fitParent": "fitParent"; "dropdownWidth": "dropdownWidth"; "position": "position"; "target": "target"; }, { "onOpened": "onOpened"; "onClosed": "onClosed"; "onItemClick": "onItemClick"; }, ["_contentButtons"], ["[panel],ax-button-item"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDropdownPanelComponent, "ax-dropdown-panel", never, { "isOpen": { "alias": "isOpen"; "required": false; }; "fitParent": { "alias": "fitParent"; "required": false; }; "dropdownWidth": { "alias": "dropdownWidth"; "required": false; }; "position": { "alias": "position"; "required": false; }; "target": { "alias": "target"; "required": false; }; }, { "onOpened": "onOpened"; "onClosed": "onClosed"; "onItemClick": "onItemClick"; }, ["_contentButtons"], ["[panel],ax-button-item"], false, never>;
 }