@acorex/components 5.4.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,11 +1,11 @@
 import { ElementRef, ChangeDetectorRef, EventEmitter } from '@angular/core';
-import { AXBaseComponent, AXComponentOptionChanged, AXStyleColorType } from '../base';
+import { AXBaseComponent, AXComponentOptionChanged, AXEvent } from '../base';
 import * as i0 from "@angular/core";
 export declare const AXBaseAlertMixin: {
     new (...args: any[]): {
-        colorChange: EventEmitter<AXStyleColorType>;
-        _color: AXStyleColorType;
-        color: AXStyleColorType;
+        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;
@@ -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/alert/alert.module.d.ts

@@ -1,10 +1,9 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./alert.component";
-import * as i2 from "./alert-button.component";
-import * as i3 from "@angular/common";
-import * as i4 from "../decorators/decorators.module";
+import * as i2 from "@angular/common";
+import * as i3 from "../decorators/decorators.module";
 export declare class AXAlertModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXAlertModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXAlertModule, [typeof i1.AXAlertComponent, typeof i2.AXAlertButtonComponent], [typeof i3.CommonModule, typeof i4.AXDecoratorModule], [typeof i1.AXAlertComponent, typeof i2.AXAlertButtonComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXAlertModule, [typeof i1.AXAlertComponent], [typeof i2.CommonModule, typeof i3.AXDecoratorModule], [typeof i1.AXAlertComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXAlertModule>;
 }

package/lib/alert/index.d.ts

@@ -1,3 +1,2 @@
 export * from './alert.component';
-export * from './alert-button.component';
 export * from './alert.module';

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

@@ -0,0 +1,12 @@
+import { AfterContentInit, ElementRef } from "@angular/core";
+import { AXFocusableComponent } from "./components.class";
+import * as i0 from "@angular/core";
+export declare class AXAutoFocusDirective implements AfterContentInit {
+    private el;
+    _host: AXFocusableComponent;
+    autoFocus?: boolean;
+    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, never, false>;
+}

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

@@ -1,8 +1,10 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./responsive.directive";
 import * as i2 from "./infinite-scroll.directive";
+import * as i3 from "./auto-focus.directive";
+import * as i4 from "./hotkey.directive";
 export declare class AXCommonModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXCommonModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXCommonModule, [typeof i1.AXResponsiveDirective, typeof i2.AXInfiniteScrollerDirective], never, [typeof i1.AXResponsiveDirective, typeof i2.AXInfiniteScrollerDirective]>;
+    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/lib/base/components.class.d.ts

@@ -1,19 +1,42 @@
 import { EventEmitter } from "@angular/core";
 import { AXValueChangedEvent } from "./events.class";
 import * as i0 from "@angular/core";
-export declare abstract class AXClosbaleComponent {
+export declare abstract class AXComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXComponent, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AXComponent>;
+}
+export declare abstract class AXClosbaleComponent extends AXComponent {
     abstract close(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXClosbaleComponent, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AXClosbaleComponent>;
 }
-export declare abstract class AXSearchableComponent {
+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 {
+export declare abstract class AXValuableComponent extends AXComponent {
     abstract onValueChanged: EventEmitter<AXValueChangedEvent<any>>;
     abstract value: any;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXValuableComponent, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AXValuableComponent>;
 }
+export declare abstract class AXFocusableComponent extends AXComponent {
+    abstract focus(): any;
+    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

@@ -0,0 +1,22 @@
+import { AXHotkeysService } from "@acorex/core";
+import { AfterViewInit, ElementRef } from "@angular/core";
+import { AXComponent } from "./components.class";
+import * as i0 from "@angular/core";
+export declare type AXHotKeyAction = {
+    [key: string]: string | Function;
+    parmas?: any;
+};
+export declare class AXHotkeyDirective implements AfterViewInit {
+    private el;
+    _host: AXComponent;
+    private hs;
+    hotkey: string | AXHotKeyAction | AXHotKeyAction[];
+    private _subs;
+    constructor(el: ElementRef<HTMLElement>, _host: AXComponent, hs: AXHotkeysService);
+    ngAfterViewInit(): void;
+    private _addDefaultAction;
+    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>;
+}

package/lib/base/index.d.ts

@@ -5,5 +5,7 @@ export * from './drawing.class';
 export * from './styles.class';
 export * from './responsive.directive';
 export * from './infinite-scroll.directive';
+export * from './auto-focus.directive';
+export * from './hotkey.directive';
 export * from './overlay.service';
 export * from './common.module';

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/button-mixin.class.d.ts

@@ -8,14 +8,6 @@ export declare function _ButtonComponentMixin<TBase extends Constructor<AXBaseCo
         *  Defines the primary text to show inside the button.
         */
         text: string;
-        /**
-        *  Trigger click event by Enter Key
-        */
-        submitBehavior: boolean;
-        /**
-        *  Trigger click event by Esc Key
-        */
-        cancelBehavior: boolean;
         toggleableChange: EventEmitter<boolean>;
         _toggleable?: boolean;
         /**
@@ -28,8 +20,6 @@ export declare function _ButtonComponentMixin<TBase extends Constructor<AXBaseCo
         *  Indicates if the Button is selected or not
         */
         selected: boolean;
-        _onInternalViewInit(): void;
-        _onInternalDestroy(): void;
         readonly _classes: {
             'ax-button-icon': boolean;
             'ax-state-disabled': any;
@@ -47,6 +37,8 @@ export declare function _ButtonComponentMixin<TBase extends Constructor<AXBaseCo
         _getHostElement<T = HTMLElement>(): T;
         _getInnerElement<T_1 = HTMLElement>(): T_1;
         _onInternalInit(): void;
+        _onInternalViewInit(): void;
+        _onInternalDestroy(): void;
         onInit(): void;
         onRenderCssClass(): void;
         onViewInit(): void;

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[]): {
@@ -309,16 +308,12 @@ export declare const AXBaseButtonMixin: {
     new (...args: any[]): {
         _text: string;
         text: string;
-        submitBehavior: boolean;
-        cancelBehavior: boolean;
         toggleableChange: import("@angular/core").EventEmitter<boolean>;
         _toggleable?: boolean;
         toggleable: boolean;
         selectedChange: import("@angular/core").EventEmitter<boolean>;
         _selected?: boolean;
         selected: boolean;
-        _onInternalViewInit(): void;
-        _onInternalDestroy(): void;
         readonly _classes: {
             'ax-button-icon': boolean;
             'ax-state-disabled': any;
@@ -336,6 +331,8 @@ export declare const AXBaseButtonMixin: {
         _getHostElement<T = HTMLElement>(): T;
         _getInnerElement<T_1 = HTMLElement>(): T_1;
         _onInternalInit(): void;
+        _onInternalViewInit(): void;
+        _onInternalDestroy(): void;
         onInit(): void;
         onRenderCssClass(): void;
         onViewInit(): void;
@@ -413,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;
@@ -457,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>;
@@ -473,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.class.d.ts

@@ -1,4 +1,4 @@
-import { AXStyleLookType, AXStyleColorType } from "../base";
+import { AXStyleLookType, AXStyleColorType, AXHotKeyAction } from "../base";
 export interface AXClickItemBase {
     cssClass?: string;
     color?: AXStyleColorType;
@@ -13,10 +13,11 @@ export interface AXClickItemBase {
     name?: string;
     data?: any;
     onClick?: (...args: any[]) => void;
+    hotkey?: string | AXHotKeyAction;
 }
 export interface AXButtonItem extends AXClickItemBase {
-    submitBehavior?: Boolean;
-    cancelBehavior?: boolean;
+    type?: 'submit' | 'button' | 'cancel' | 'reset';
+    autofocus?: boolean;
 }
 export interface AXMenuItem extends AXClickItemBase {
 }

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

@@ -11,11 +11,10 @@ export declare class AXButtonComponent extends AXBaseButtonMixin {
     *  @ignore
     */
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
-    onKeydownHandler(e: KeyboardEvent): void;
+    onViewInit(): void;
     _emitOnClickEvent(e: MouseEvent): void;
-    _emitOnFocusEvent(e: MouseEvent): void;
-    _emitOnBlurEvent(e: MouseEvent): void;
+    click(): void;
     private get __hostClass();
     static ɵfac: i0.ɵɵFactoryDeclaration<AXButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonComponent, "ax-button", never, { "disabled": "disabled"; "tabIndex": "tabIndex"; "size": "size"; "color": "color"; "look": "look"; "text": "text"; "submitBehavior": "submitBehavior"; "cancelBehavior": "cancelBehavior"; "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>;
 }