@acorex/components 5.6.0 → 5.7.0

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

@@ -11,5 +11,5 @@ export declare class AXActionSheetItemComponent extends AXBaseComponent {
     constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef);
     _handleOnClick(e: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXActionSheetItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXActionSheetItemComponent, "ax-action-sheet-item", never, { "text": "text"; "color": "color"; }, { "onClick": "onClick"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXActionSheetItemComponent, "ax-action-sheet-item", never, { "text": "text"; "color": "color"; }, { "onClick": "onClick"; }, never, never, false>;
 }

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

@@ -15,5 +15,5 @@ export declare class AXActionSheetComponent extends AXBaseComponent {
     close(): void;
     toggle(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXActionSheetComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXActionSheetComponent, "ax-action-sheet", never, { "caption": "caption"; "closeOnBackdrop": "closeOnBackdrop"; }, {}, never, ["ax-content", "ax-action-sheet-item"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXActionSheetComponent, "ax-action-sheet", never, { "caption": "caption"; "closeOnBackdrop": "closeOnBackdrop"; }, {}, never, ["ax-content", "ax-action-sheet-item"], false>;
 }

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

@@ -1,12 +1,12 @@
-import { ElementRef, ChangeDetectorRef } from '@angular/core';
-import { AXBaseComponent, AXComponentOptionChanged } from '../base';
+import { ElementRef, ChangeDetectorRef, EventEmitter } from '@angular/core';
+import { AXBaseComponent, AXComponentOptionChanged, AXEvent } from '../base';
 import * as i0 from "@angular/core";
 export declare const AXBaseAlertMixin: {
     new (...args: any[]): {
-        colorChange: import("@angular/core").EventEmitter<import("../base").AXStyleColorType>;
+        colorChange: EventEmitter<import("../base").AXStyleColorType>;
         _color: import("../base").AXStyleColorType;
         color: import("../base").AXStyleColorType;
-        lookChange: import("@angular/core").EventEmitter<import("../base").AXStyleLookType>;
+        lookChange: EventEmitter<import("../base").AXStyleLookType>;
         _look?: import("../base").AXStyleLookType;
         look: import("../base").AXStyleLookType;
         id: string;
@@ -40,6 +40,8 @@ export declare const AXBaseAlertMixin: {
 export declare class AXAlertComponent extends AXBaseAlertMixin {
     #private;
     private _icon;
+    private _buttons;
+    onDismissed: EventEmitter<AXEvent>;
     _onOptionChanged(option: AXComponentOptionChanged): void;
     ngDoCheck(): void;
     private _setIcon;
@@ -72,5 +74,5 @@ export declare class AXAlertComponent extends AXBaseAlertMixin {
     */
     show(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXAlertComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXAlertComponent, "ax-alert", never, { "color": "color"; "look": "look"; "timeOut": "timeOut"; "visible": "visible"; }, {}, ["_icon"], ["ax-header", "ax-icon", "ax-content", "ax-footer", "ax-suffix"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXAlertComponent, "ax-alert", never, { "color": "color"; "look": "look"; "timeOut": "timeOut"; "visible": "visible"; }, { "onDismissed": "onDismissed"; }, ["_icon", "_buttons"], ["ax-header", "ax-icon", "ax-content", "ax-footer", "ax-suffix"], false>;
 }

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

@@ -4,5 +4,5 @@ export declare class AXAvatarGroup implements OnInit {
     constructor();
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXAvatarGroup, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXAvatarGroup, "ax-avatar-group", never, {}, {}, never, ["ax-avatar"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXAvatarGroup, "ax-avatar-group", never, {}, {}, never, ["ax-avatar"], false>;
 }

package/lib/avatar/avatar.component.d.ts

@@ -18,5 +18,5 @@ export declare class AXAvatarComponent extends AXAvatarMixin {
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
     get __hostClass(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXAvatarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXAvatarComponent, "ax-avatar", never, { "color": "color"; "look": "look"; "text": "text"; "icon": "icon"; "src": "src"; "class": "class"; "type": "type"; }, {}, never, ["ax-badge", "ax-icon", "img"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXAvatarComponent, "ax-avatar", never, { "color": "color"; "look": "look"; "text": "text"; "icon": "icon"; "src": "src"; "class": "class"; "type": "type"; }, {}, never, ["ax-badge", "ax-icon", "img"], false>;
 }

package/lib/badge/badge.component.d.ts

@@ -37,5 +37,5 @@ export declare class AXBadgeComponent extends AXBaseBadgeMixin {
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
     private get __hostClass();
     static ɵfac: i0.ɵɵFactoryDeclaration<AXBadgeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXBadgeComponent, "ax-badge", never, { "color": "color"; "look": "look"; "text": "text"; }, {}, never, ["ax-prefix", "ax-suffix"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXBadgeComponent, "ax-badge", never, { "color": "color"; "look": "look"; "text": "text"; }, {}, never, ["ax-prefix", "ax-suffix"], false>;
 }

package/lib/base/auto-focus.directive.d.ts

@@ -8,5 +8,5 @@ export declare class AXAutoFocusDirective implements AfterContentInit {
     constructor(el: ElementRef<HTMLElement>, _host: AXFocusableComponent);
     ngAfterContentInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXAutoFocusDirective, [null, { optional: true; host: true; self: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AXAutoFocusDirective, "[axAutoFocus]", never, { "autoFocus": "axAutoFocus"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AXAutoFocusDirective, "[axAutoFocus]", never, { "autoFocus": "axAutoFocus"; }, {}, never, never, false>;
 }

package/lib/base/components.class.d.ts

@@ -26,3 +26,17 @@ export declare abstract class AXFocusableComponent extends AXComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXFocusableComponent, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AXFocusableComponent>;
 }
+export interface AXPagedComponentInterface {
+    goToPage(page: number): any;
+    get totalCount(): number;
+    get pageSize(): number;
+    onPageChanged: EventEmitter<AXValueChangedEvent<number>>;
+}
+export declare abstract class AXPagedComponent extends AXComponent implements AXPagedComponentInterface {
+    abstract goToPage(page: number): any;
+    abstract get totalCount(): number;
+    abstract get pageSize(): number;
+    abstract onPageChanged: EventEmitter<AXValueChangedEvent<number>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPagedComponent, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AXPagedComponent>;
+}

package/lib/base/events.class.d.ts

@@ -25,7 +25,7 @@ export declare class AXHtmlEvent<E extends Event> extends AXEvent {
 * @category Events
 */
 export declare class AXValueChangedEvent<T> extends AXEvent {
-    name?: T;
+    name?: string;
     value?: T;
     oldValue?: T;
 }

package/lib/base/hotkey.directive.d.ts

@@ -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>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AXHotkeyDirective, "[hotkey]", never, { "hotkey": "hotkey"; }, {}, never, never, false>;
 }

package/lib/base/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>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AXInfiniteScrollerDirective, "[axInfiniteScroller]", never, { "scrollCallback": "scrollCallback"; "immediateCallback": "immediateCallback"; "scrollPercent": "scrollPercent"; }, {}, never, never, false>;
 }

package/lib/base/mixin/index.d.ts

@@ -1,2 +1,4 @@
 export * from './base-components.class';
+export * from './datalist.class';
 export * from './mixin.class';
+export * from './value-mixin.class';

package/lib/base/mixin/mixin.class.d.ts

@@ -1,4 +1,3 @@
-export * from './datalist.class';
 import { AXBaseComponent } from './base-components.class';
 export declare const AXBaseComponentMixin: {
     new (...args: any[]): {
@@ -411,21 +410,21 @@ export declare const AXBaseTextBoxMixin: {
         allowNull: boolean;
         "__#5@#name": string;
         name: string;
-        "__#5@#debounceTime": number;
-        debounceTime: number;
-        "__#5@#valueSubscription": import("rxjs").Subscription;
-        "__#5@#valueSubject": import("rxjs").Subject<unknown>;
+        "__#5@#isUserInteraction": boolean;
+        readonly isUserInteraction: boolean;
         "__#5@#value": any;
         value: any;
         "__#5@#state": "error" | "clear" | "success";
         readonly state: "error" | "clear" | "success";
         _emitOnValueChangedEvent(oldValue?: any, newValue?: any): void;
-        _onInternalValueChanging(value: any): any;
-        _onValueChanging(value: any): any;
+        _internalSetValue(value: any): any;
+        _internalGetValue(): any;
+        _setValue(value: any): any;
+        _getValue(value: any): any;
+        _setUserInteraction(): void;
         _onValueChanged(oldValue: any, newValue: any): void;
         _onInternalInit(): void;
         _onInternalDestroy(): void;
-        _setValue(v: any): void;
         clear(): void;
         validate(): Promise<import("../../validation/validation.class").AXValidationRuleResult>;
         _setState(state: "error" | "clear" | "success", ...args: any[]): void;
@@ -455,8 +454,19 @@ export declare const AXBaseTextBoxMixin: {
         placeholder: string;
         maxLength: number;
         autoComplete: string;
+        debounceTime: number;
+        "__#6@#valueSubscription": import("rxjs").Subscription;
+        "__#6@#valueSubject": import("rxjs").Subject<unknown>;
         onKeyDown: import("@angular/core").EventEmitter<import("@acorex/components").AXHtmlEvent<KeyboardEvent>>;
+        onKeyUp: import("@angular/core").EventEmitter<import("@acorex/components").AXHtmlEvent<KeyboardEvent>>;
+        onKeyPress: import("@angular/core").EventEmitter<import("@acorex/components").AXHtmlEvent<KeyboardEvent>>;
         _emitOnKeydownEvent(e: KeyboardEvent): void;
+        _emitOnKeyupEvent(e: KeyboardEvent): void;
+        _emitOnKeypressEvent(e: KeyboardEvent): void;
+        _handleModleChange(value: any): void;
+        _settleValue(value: any): void;
+        onInit(): void;
+        onDestroy(): void;
         id: string;
         rtl: boolean;
         "__#1@#elementRef": import("@angular/core").ElementRef<any>;
@@ -471,10 +481,8 @@ export declare const AXBaseTextBoxMixin: {
         _onInternalInit(): void;
         _onInternalViewInit(): void;
         _onInternalDestroy(): void;
-        onInit(): void;
         onRenderCssClass(): void;
         onViewInit(): void;
-        onDestroy(): void;
         _onOptionChanging(option: import("./base-components.class").AXComponentOptionChanging): any;
         _onOptionChanged(option: import("./base-components.class").AXComponentOptionChanged): void;
         _setOption(option: import("./base-components.class").AXComponentSetOption): void;

package/lib/base/mixin/textbox-mixin.class.d.ts

@@ -1,4 +1,5 @@
 import { EventEmitter } from '@angular/core';
+import { Subject, Subscription } from 'rxjs';
 import { AXHtmlEvent } from '../events.class';
 import { AXBaseComponent } from './base-components.class';
 import { Constructor } from './constratctor';
@@ -20,17 +21,37 @@ export declare function _TextboxComponenetMixin<TBase extends Constructor<AXBase
         *  Specifies that autocomplete is on or off.
         */
         autoComplete: string;
+        debounceTime: number;
+        "__#6@#valueSubscription": Subscription;
+        "__#6@#valueSubject": Subject<unknown>;
         /**
         *  Fires each time the user press a key.
         *  @event
         */
         onKeyDown: EventEmitter<AXHtmlEvent<KeyboardEvent>>;
+        /**
+      *  Fires each time the user press a key.
+      *  @event
+      */
+        onKeyUp: EventEmitter<AXHtmlEvent<KeyboardEvent>>;
+        /**
+        *  Fires each time the user press a key.
+        *  @event
+        */
+        onKeyPress: EventEmitter<AXHtmlEvent<KeyboardEvent>>;
         _emitOnKeydownEvent(e: KeyboardEvent): void;
-        id: string;
+        _emitOnKeyupEvent(e: KeyboardEvent): void;
+        _emitOnKeypressEvent(e: KeyboardEvent): void;
+        _handleModleChange(value: any): void;
+        _settleValue(value: any): void;
+        onInit(): void;
+        onDestroy(): void;
+        id: string; /**
+        *  A number value that specifies the maximum characters of text box.
+        */
         rtl: boolean;
         "__#1@#elementRef": import("@angular/core").ElementRef<any>; /**
-        *  Fires each time the user press a key.
-        *  @event
+        *  Specifies that autocomplete is on or off.
         */
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
@@ -43,10 +64,8 @@ export declare function _TextboxComponenetMixin<TBase extends Constructor<AXBase
         _onInternalInit(): void;
         _onInternalViewInit(): void;
         _onInternalDestroy(): void;
-        onInit(): void;
         onRenderCssClass(): void;
         onViewInit(): void;
-        onDestroy(): void;
         _onOptionChanging(option: import("./base-components.class").AXComponentOptionChanging): any;
         _onOptionChanged(option: import("./base-components.class").AXComponentOptionChanged): void;
         _setOption(option: import("./base-components.class").AXComponentSetOption): void;

package/lib/base/mixin/value-mixin.class.d.ts

@@ -3,7 +3,6 @@ import { AXBaseComponent } from './base-components.class';
 import { Constructor } from './constratctor';
 import { AXValueChangedEvent } from '../events.class';
 import { AXValidationRuleResult } from '../../validation/validation.class';
-import { Subject, Subscription } from 'rxjs';
 export declare function _ValueComponenetMixin<TBase extends Constructor<AXBaseComponent>>(Base: TBase): {
     new (...args: any[]): {
         /**
@@ -21,21 +20,21 @@ export declare function _ValueComponenetMixin<TBase extends Constructor<AXBaseCo
         allowNull: boolean;
         "__#5@#name": string;
         name: string;
-        "__#5@#debounceTime": number;
-        debounceTime: number;
-        "__#5@#valueSubscription": Subscription;
-        "__#5@#valueSubject": Subject<unknown>;
+        "__#5@#isUserInteraction": boolean;
+        readonly isUserInteraction: boolean;
         "__#5@#value": any;
         value: any;
         "__#5@#state": 'clear' | 'success' | 'error';
         readonly state: "error" | "clear" | "success";
         _emitOnValueChangedEvent(oldValue?: any, newValue?: any): void;
-        _onInternalValueChanging(value: any): any;
-        _onValueChanging(value: any): any;
+        _internalSetValue(value: any): any;
+        _internalGetValue(): any;
+        _setValue(value: any): any;
+        _getValue(value: any): any;
+        _setUserInteraction(): void;
         _onValueChanged(oldValue: any, newValue: any): void;
         _onInternalInit(): void;
         _onInternalDestroy(): void;
-        _setValue(v: any): void;
         clear(): void;
         validate(): Promise<AXValidationRuleResult>;
         _setState(state: 'clear' | 'success' | 'error', ...args: any[]): void;

package/lib/base/responsive.directive.d.ts

@@ -6,5 +6,5 @@ export declare class AXResponsiveDirective implements OnDestroy {
     constructor(_elementRef: ElementRef<HTMLDivElement>);
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXResponsiveDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AXResponsiveDirective, "[ax-responsive]", never, {}, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AXResponsiveDirective, "[ax-responsive]", never, {}, {}, never, never, false>;
 }

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

@@ -8,5 +8,5 @@ export declare class AXBreadCrumbsItemComponent extends AXBaseComponent {
        */
     constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<AXBreadCrumbsItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXBreadCrumbsItemComponent, "ax-breadcrumbs-item", never, { "text": "text"; }, {}, never, ["ax-prefix,ax-loading,ax-icon", "ax-suffix,ax-loading,ax-icon"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXBreadCrumbsItemComponent, "ax-breadcrumbs-item", never, { "text": "text"; }, {}, never, ["ax-prefix,ax-loading,ax-icon", "ax-suffix,ax-loading,ax-icon"], false>;
 }

package/lib/breadcrumbs/breadcrumbs.component.d.ts

@@ -7,5 +7,5 @@ export declare class AXBreadCrumbsComponent extends AXBaseComponent {
       */
     constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<AXBreadCrumbsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXBreadCrumbsComponent, "ax-breadcrumbs", never, {}, {}, never, ["ax-breadcrumbs-item"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXBreadCrumbsComponent, "ax-breadcrumbs", never, {}, {}, never, ["ax-breadcrumbs-item"], false>;
 }

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

@@ -1,27 +1,76 @@
 import { ChangeDetectorRef, ElementRef, EventEmitter, NgZone, QueryList } from "@angular/core";
 import { AXButtonComponent } from "./button.component";
-import { AXClickEvent, AXInteractiveComponenetMixin, AXItemClickEvent, AXSelectionMode, AXSelectionValueChangedEvent, AXStyleLookType, AXStyleColorType } from "../base";
+import { AXClickEvent, AXItemClickEvent, AXSelectionMode, AXSelectionValueChangedEvent, AXBaseComponent } from "../base";
 import * as i0 from "@angular/core";
-export declare class AXButtonGroupComponent extends AXInteractiveComponenetMixin {
+export declare const AXBaseButtonGroupMixin: (abstract new (...args: any[]) => {
+    "__#4@#disabled": boolean;
+    disabled: boolean;
+    "__#4@#tabIndex": number;
+    tabIndex: number;
+    onFocus: EventEmitter<import("../base").AXFocusEvent>;
+    _emitOnFocusEvent(e: FocusEvent): void;
+    onBlur: EventEmitter<import("../base").AXFocusEvent>;
+    _emitOnBlurEvent(e: FocusEvent): void;
+    focus(): void;
+    hasFocus(): boolean;
+    id: string;
+    rtl: boolean;
+    "__#1@#elementRef": ElementRef<any>;
+    _cdr: ChangeDetectorRef;
+    _isInited: boolean;
+    _isRendered: boolean;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    _getHostElement<T = HTMLElement>(): T;
+    _getInnerElement<T_1 = HTMLElement>(): T_1;
+    _onInternalInit(): void;
+    _onInternalViewInit(): void;
+    _onInternalDestroy(): void;
+    onInit(): void;
+    onRenderCssClass(): void;
+    onViewInit(): void;
+    onDestroy(): void;
+    _onOptionChanging(option: import("../base").AXComponentOptionChanging): any;
+    _onOptionChanged(option: import("../base").AXComponentOptionChanged): void;
+    _setOption(option: import("../base").AXComponentSetOption): void;
+}) & {
+    new (...args: any[]): {
+        colorChange: EventEmitter<import("../base").AXStyleColorType>;
+        _color: import("../base").AXStyleColorType;
+        color: import("../base").AXStyleColorType;
+        lookChange: EventEmitter<import("../base").AXStyleLookType>;
+        _look?: import("../base").AXStyleLookType;
+        look: import("../base").AXStyleLookType;
+        id: string;
+        rtl: boolean;
+        "__#1@#elementRef": ElementRef<any>;
+        _cdr: ChangeDetectorRef;
+        _isInited: boolean;
+        _isRendered: boolean;
+        ngOnInit(): void;
+        ngAfterViewInit(): void;
+        ngOnDestroy(): void;
+        _getHostElement<T = HTMLElement>(): T;
+        _getInnerElement<T_1 = HTMLElement>(): T_1;
+        _onInternalInit(): void;
+        _onInternalViewInit(): void;
+        _onInternalDestroy(): void;
+        onInit(): void;
+        onRenderCssClass(): void;
+        onViewInit(): void;
+        onDestroy(): void;
+        _onOptionChanging(option: import("../base").AXComponentOptionChanging): any;
+        _onOptionChanged(option: import("../base").AXComponentOptionChanged): void;
+        _setOption(option: import("../base").AXComponentSetOption): void;
+    };
+} & typeof AXBaseComponent;
+export declare class AXButtonGroupComponent extends AXBaseButtonGroupMixin {
     private zone;
     selectionChange: EventEmitter<AXSelectionMode>;
     private _selection;
     get selection(): AXSelectionMode;
     set selection(value: AXSelectionMode);
-    colorChange: EventEmitter<AXStyleColorType>;
-    private _color;
-    /**
-    *  Predefined color schemes
-    */
-    get color(): AXStyleColorType;
-    set color(value: AXStyleColorType);
-    lookChange: EventEmitter<AXStyleLookType>;
-    private _look?;
-    /**
-    *  Predefined look schemes
-    */
-    get look(): AXStyleLookType;
-    set look(value: AXStyleLookType);
     onItemClick: EventEmitter<AXItemClickEvent<AXButtonComponent>>;
     onValueChanged: EventEmitter<AXSelectionValueChangedEvent>;
     _contentButtons: QueryList<AXButtonComponent>;
@@ -32,5 +81,5 @@ export declare class AXButtonGroupComponent extends AXInteractiveComponenetMixin
     onOptionChanged(options: any): void;
     _handleClickEvent(e: AXClickEvent, button: AXButtonComponent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXButtonGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonGroupComponent, "ax-button-group", never, { "cssClass": "cssClass"; "size": "size"; "cssStyle": "cssStyle"; "rtl": "rtl"; "disabled": "disabled"; "selection": "selection"; "color": "color"; "look": "look"; }, { "selectionChange": "selectionChange"; "colorChange": "colorChange"; "lookChange": "lookChange"; "onItemClick": "onItemClick"; }, ["_contentButtons"], ["ax-button"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonGroupComponent, "ax-button-group", never, { "disabled": "disabled"; "tabIndex": "tabIndex"; "color": "color"; "look": "look"; "selection": "selection"; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "selectionChange": "selectionChange"; "onItemClick": "onItemClick"; }, ["_contentButtons"], ["ax-button"], false>;
 }

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

@@ -75,5 +75,5 @@ export declare class AXButtonItemComponent extends AXBaseItemButtonMixin {
     private __hostClick;
     private get __hostClass();
     static ɵfac: i0.ɵɵFactoryDeclaration<AXButtonItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonItemComponent, "ax-button-item", never, { "text": "text"; "tooltip": "tooltip"; "selected": "selected"; "seperated": "seperated"; "name": "name"; "data": "data"; "color": "color"; }, {}, never, ["ax-prefix", "ax-icon", "ax-suffix"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonItemComponent, "ax-button-item", never, { "text": "text"; "tooltip": "tooltip"; "selected": "selected"; "seperated": "seperated"; "name": "name"; "data": "data"; "color": "color"; }, {}, never, ["ax-prefix", "ax-icon", "ax-suffix"], false>;
 }

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

@@ -16,5 +16,5 @@ export declare class AXButtonComponent extends AXBaseButtonMixin {
     click(): void;
     private get __hostClass();
     static ɵfac: i0.ɵɵFactoryDeclaration<AXButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonComponent, "ax-button", never, { "disabled": "disabled"; "size": "size"; "tabIndex": "tabIndex"; "color": "color"; "look": "look"; "text": "text"; "toggleable": "toggleable"; "selected": "selected"; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "onClick": "onClick"; "selectedChange": "selectedChange"; "toggleableChange": "toggleableChange"; }, never, ["ax-prefix,ax-loading,ax-icon", "ax-suffix", "ax-dropdown-panel"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonComponent, "ax-button", never, { "disabled": "disabled"; "size": "size"; "tabIndex": "tabIndex"; "color": "color"; "look": "look"; "text": "text"; "toggleable": "toggleable"; "selected": "selected"; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "onClick": "onClick"; "selectedChange": "selectedChange"; "toggleableChange": "toggleableChange"; }, never, ["ax-prefix,ax-loading,ax-icon", "ax-suffix", "ax-dropdown-panel"], false>;
 }

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

@@ -46,5 +46,5 @@ export declare class AXCalendarComponent extends AXCalendarComponentMixin {
     private _generatePickerItems;
     _handlePickerChange(item: any, view: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXCalendarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXCalendarComponent, "ax-calendar", never, { "readonly": "readonly"; "allowNull": "allowNull"; "value": "value"; "debounceTime": "debounceTime"; "name": "name"; "checked": "checked"; "disabled": "disabled"; "tabIndex": "tabIndex"; "depth": "depth"; "activeView": "activeView"; "min": "min"; "max": "max"; "disabledDates": "disabledDates"; "type": "type"; "holidayDates": "holidayDates"; "interface": "interface"; }, { "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "depthChange": "depthChange"; "typeChange": "typeChange"; "disabledDatesChange": "disabledDatesChange"; "holidayDatesChange": "holidayDatesChange"; "onNavigate": "onNavigate"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXCalendarComponent, "ax-calendar", never, { "readonly": "readonly"; "allowNull": "allowNull"; "value": "value"; "name": "name"; "checked": "checked"; "disabled": "disabled"; "tabIndex": "tabIndex"; "depth": "depth"; "activeView": "activeView"; "min": "min"; "max": "max"; "disabledDates": "disabledDates"; "type": "type"; "holidayDates": "holidayDates"; "interface": "interface"; }, { "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "depthChange": "depthChange"; "typeChange": "typeChange"; "disabledDatesChange": "disabledDatesChange"; "holidayDatesChange": "holidayDatesChange"; "onNavigate": "onNavigate"; }, never, never, false>;
 }

package/lib/carousel/carousel-arrows.component.d.ts

@@ -11,5 +11,5 @@ export declare class AXCarouselArrowsComponent extends AXBaseComponentMixin {
     _handlePrevClick(e: MouseEvent): void;
     _handleNextClick(e: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXCarouselArrowsComponent, [null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXCarouselArrowsComponent, "ax-carousel-arrows", never, { "class": "class"; }, { "onNextClick": "onNextClick"; "onPrevClick": "onPrevClick"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXCarouselArrowsComponent, "ax-carousel-arrows", never, { "class": "class"; }, { "onNextClick": "onNextClick"; "onPrevClick": "onPrevClick"; }, never, never, false>;
 }

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

@@ -4,5 +4,5 @@ import * as i0 from "@angular/core";
 export declare class AXCarouselItemComponent extends AXBaseComponentMixin {
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<AXCarouselItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXCarouselItemComponent, "ax-carousel-item", never, {}, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXCarouselItemComponent, "ax-carousel-item", never, {}, {}, never, ["*"], false>;
 }

package/lib/carousel/carousel-pager.component.d.ts

@@ -18,5 +18,5 @@ export declare class AXCarouselPagerComponent extends AXBaseComponentMixin {
     private _findPageIndex;
     onDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXCarouselPagerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXCarouselPagerComponent, "ax-carousel-pager", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXCarouselPagerComponent, "ax-carousel-pager", never, {}, {}, never, never, false>;
 }

package/lib/carousel/carousel.component.d.ts

@@ -106,5 +106,5 @@ export declare class AXCarouselComponent extends AXBaseComponentMixin implements
     get host(): HTMLDivElement;
     onDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXCarouselComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXCarouselComponent, "ax-carousel", never, { "perMove": "perMove"; "focus": "focus"; "breakpoints": "breakpoints"; "heightRatio": "heightRatio"; "height": "height"; "fixedHeight": "fixedHeight"; "width": "width"; "fixedWidth": "fixedWidth"; "perPage": "perPage"; "gap": "gap"; "autoplay": "autoplay"; "snap": "snap"; "autoWidth": "autoWidth"; "drag": "drag"; "wheel": "wheel"; "interval": "interval"; "padding": "padding"; "centered": "centered"; "vertical": "vertical"; "loop": "loop"; "rewind": "rewind"; }, { "onOptionsChanged": "onOptionsChanged"; "onSlideChanged": "onSlideChanged"; "perMoveChange": "perMoveChange"; "focusChange": "focusChange"; "breakpointsChange": "breakpointsChange"; "heightRatioChange": "heightRatioChange"; "heightChange": "heightChange"; "fixedHeightChange": "fixedHeightChange"; "widthChange": "widthChange"; "fixedWidthChange": "fixedWidthChange"; "perPageChange": "perPageChange"; "autoplayChange": "autoplayChange"; "snapChange": "snapChange"; "autoWidthChange": "autoWidthChange"; "dragChange": "dragChange"; "wheelChange": "wheelChange"; "intervalChange": "intervalChange"; "paddingChange": "paddingChange"; "centeredChange": "centeredChange"; "verticalChange": "verticalChange"; "loopChange": "loopChange"; "rewindChange": "rewindChange"; "onItemsChanged": "onItemsChanged"; }, never, ["ax-carousel-item", "ax-carousel-arrows", "ax-carousel-pager"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXCarouselComponent, "ax-carousel", never, { "perMove": "perMove"; "focus": "focus"; "breakpoints": "breakpoints"; "heightRatio": "heightRatio"; "height": "height"; "fixedHeight": "fixedHeight"; "width": "width"; "fixedWidth": "fixedWidth"; "perPage": "perPage"; "gap": "gap"; "autoplay": "autoplay"; "snap": "snap"; "autoWidth": "autoWidth"; "drag": "drag"; "wheel": "wheel"; "interval": "interval"; "padding": "padding"; "centered": "centered"; "vertical": "vertical"; "loop": "loop"; "rewind": "rewind"; }, { "onOptionsChanged": "onOptionsChanged"; "onSlideChanged": "onSlideChanged"; "perMoveChange": "perMoveChange"; "focusChange": "focusChange"; "breakpointsChange": "breakpointsChange"; "heightRatioChange": "heightRatioChange"; "heightChange": "heightChange"; "fixedHeightChange": "fixedHeightChange"; "widthChange": "widthChange"; "fixedWidthChange": "fixedWidthChange"; "perPageChange": "perPageChange"; "autoplayChange": "autoplayChange"; "snapChange": "snapChange"; "autoWidthChange": "autoWidthChange"; "dragChange": "dragChange"; "wheelChange": "wheelChange"; "intervalChange": "intervalChange"; "paddingChange": "paddingChange"; "centeredChange": "centeredChange"; "verticalChange": "verticalChange"; "loopChange": "loopChange"; "rewindChange": "rewindChange"; "onItemsChanged": "onItemsChanged"; }, never, ["ax-carousel-item", "ax-carousel-arrows", "ax-carousel-pager"], false>;
 }

package/lib/checkbox/checkbox.component.d.ts

@@ -5,8 +5,8 @@ export declare class AXCheckBoxComponent extends AXBaseValueComponentMixin {
     private _cdr;
     constructor(elementRef: ElementRef, _cdr: ChangeDetectorRef);
     onInit(): void;
-    _onValueChanging(value: any): any;
+    _setValue(value: any): any;
     _handleOnClickEvent(e: MouseEvent): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXCheckBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXCheckBoxComponent, "ax-check-box", never, { "disabled": "disabled"; "tabIndex": "tabIndex"; "readonly": "readonly"; "allowNull": "allowNull"; "value": "value"; "debounceTime": "debounceTime"; "name": "name"; "checked": "checked"; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; }, never, ["*", "ax-form-hint", "ax-validation-rule"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXCheckBoxComponent, "ax-check-box", never, { "disabled": "disabled"; "tabIndex": "tabIndex"; "readonly": "readonly"; "allowNull": "allowNull"; "value": "value"; "name": "name"; "checked": "checked"; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; }, never, ["*", "ax-form-hint", "ax-validation-rule"], false>;
 }

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

@@ -11,5 +11,5 @@ export declare class AXCollapseGroupComponent extends AXBaseComponent {
     onViewInit(): void;
     onDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXCollapseGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXCollapseGroupComponent, "ax-collapse-group", never, { "accordion": "accordion"; "nonCollapsedIndex": "nonCollapsedIndex"; }, {}, ["_items"], ["ax-collapse"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXCollapseGroupComponent, "ax-collapse-group", never, { "accordion": "accordion"; "nonCollapsedIndex": "nonCollapsedIndex"; }, {}, ["_items"], ["ax-collapse"], false>;
 }

package/lib/collapse/collapse.component.d.ts

@@ -12,5 +12,5 @@ export declare class AXCollapseComponent extends AXBaseComponent {
     headerTemplate: TemplateRef<any>;
     handleHeaderClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXCollapseComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXCollapseComponent, "ax-collapse", never, { "isCollapsed": "isCollapsed"; "caption": "caption"; }, { "isCollapsedChange": "isCollapsedChange"; }, ["headerTemplate"], ["ax-prefix", "ax-suffix", "*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXCollapseComponent, "ax-collapse", never, { "isCollapsed": "isCollapsed"; "caption": "caption"; }, { "isCollapsedChange": "isCollapsedChange"; }, ["headerTemplate"], ["ax-prefix", "ax-suffix", "*"], false>;
 }

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

@@ -11,5 +11,5 @@ export declare class AXColorPaletteInputComponent extends AXBaseComponent {
     _handleRGBAValueChanged(e: AXValueChangedEvent<number>): void;
     _handleHEXAValueChanged(e: AXValueChangedEvent<string>): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXColorPaletteInputComponent, [null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXColorPaletteInputComponent, "ax-color-palette-input", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXColorPaletteInputComponent, "ax-color-palette-input", never, {}, {}, never, never, false>;
 }

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

@@ -1,8 +1,21 @@
-import { OnInit } from '@angular/core';
+import { ElementRef } from '@angular/core';
+import { ChangeDetectorRef } from '@angular/core';
+import { AXBaseComponent, AXValueChangedEvent } from '../base';
+import { AXColorComponent } from './color-palette.class';
 import * as i0 from "@angular/core";
-export declare class AXColorPalettePickerComponent implements OnInit {
-    constructor();
-    ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXColorPalettePickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXColorPalettePickerComponent, "ax-color-palette-picker", never, {}, {}, never, never>;
+export declare class AXColorPalettePickerComponent extends AXBaseComponent {
+    _parent: AXColorComponent;
+    _rgba: {
+        r: number;
+        g: number;
+        b: number;
+        a: number;
+    };
+    _gradient: number;
+    private _gradientColors;
+    constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef, _parent: AXColorComponent);
+    _handleAlphaChanged(e: AXValueChangedEvent<number>): void;
+    _handleGradientChanged(e: AXValueChangedEvent<number>): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXColorPalettePickerComponent, [null, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXColorPalettePickerComponent, "ax-color-palette-picker", never, {}, {}, never, never, false>;
 }

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

@@ -7,5 +7,5 @@ export declare class AXColorPalettePreviewComponent extends AXBaseComponent {
     private _zone;
     constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef, _parent: AXColorComponent, _zone: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<AXColorPalettePreviewComponent, [null, null, { optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXColorPalettePreviewComponent, "ax-color-palette-preview", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXColorPalettePreviewComponent, "ax-color-palette-preview", never, {}, {}, never, never, false>;
 }

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

@@ -13,5 +13,5 @@ export declare class AXColorPaletteSwatchesComponent extends AXBaseComponent {
     private _format;
     private _defaultPalette;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXColorPaletteSwatchesComponent, [null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXColorPaletteSwatchesComponent, "ax-color-palette-swatches, ax-color-palette-favorite", never, { "colors": "colors"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXColorPaletteSwatchesComponent, "ax-color-palette-swatches, ax-color-palette-favorite", never, { "colors": "colors"; }, {}, never, never, false>;
 }

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

@@ -1,12 +1,17 @@
 import { Subject } from "rxjs";
 import { AXColorMode } from "@acorex/core";
 import * as i0 from "@angular/core";
+/**
+* A token that specifies the  display mode of datapager component.
+*/
+export declare type AXColorPaletteView = 'swatches' | 'gradient' | 'custom';
 export declare abstract class AXColorComponent {
     abstract _onInternalColorChanged$: Subject<{
         color: any;
         mode: AXColorMode;
     }>;
-    abstract mode: AXColorMode;
+    abstract _setUserInteraction(): any;
+    abstract colorMode: AXColorMode;
     abstract readonly: boolean;
     abstract disabled: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXColorComponent, never>;