@acorex/components 7.2.7 → 7.3.1

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

@@ -2,9 +2,9 @@ import { AXBaseComponent } from "./base-components.class";
 export declare const AXBaseComponentMixin: {
     new (...args: any[]): {
         id: string;
-        "__#5092@#rtl": boolean;
+        "__#5212@#rtl": boolean;
         rtl: boolean;
-        "__#5092@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#5212@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;
@@ -30,9 +30,9 @@ export declare const AXSizableComponentMixin: {
         size: import("./base-components.class").AXElementSize;
         _onInternalInit(): void;
         id: string;
-        "__#5092@#rtl": boolean;
+        "__#5212@#rtl": boolean;
         rtl: boolean;
-        "__#5092@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#5212@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;
@@ -54,9 +54,9 @@ export declare const AXSizableComponentMixin: {
 } & {
     new (...args: any[]): {
         id: string;
-        "__#5092@#rtl": boolean;
+        "__#5212@#rtl": boolean;
         rtl: boolean;
-        "__#5092@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#5212@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;
@@ -82,9 +82,9 @@ export declare const AXInteractiveComponenetMixin: {
         size: import("./base-components.class").AXElementSize;
         _onInternalInit(): void;
         id: string;
-        "__#5092@#rtl": boolean;
+        "__#5212@#rtl": boolean;
         rtl: boolean;
-        "__#5092@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#5212@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;
@@ -104,9 +104,9 @@ export declare const AXInteractiveComponenetMixin: {
         _setOption(option: import("./base-components.class").AXComponentSetOption): void;
     };
 } & (abstract new (...args: any[]) => {
-    "__#5095@#disabled": boolean;
+    "__#5215@#disabled": boolean;
     disabled: boolean;
-    "__#5095@#tabIndex": number;
+    "__#5215@#tabIndex": number;
     tabIndex: number;
     onFocus: import("@angular/core").EventEmitter<import("dist/libs/components/common").AXFocusEvent>;
     _emitOnFocusEvent(e: FocusEvent): void;
@@ -115,9 +115,9 @@ export declare const AXInteractiveComponenetMixin: {
     focus(): void;
     hasFocus(): boolean;
     id: string;
-    "__#5092@#rtl": boolean;
+    "__#5212@#rtl": boolean;
     rtl: boolean;
-    "__#5092@#elementRef": import("@angular/core").ElementRef<any>;
+    "__#5212@#elementRef": import("@angular/core").ElementRef<any>;
     _cdr: import("@angular/core").ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -138,9 +138,9 @@ export declare const AXInteractiveComponenetMixin: {
     _setOption(option: import("./base-components.class").AXComponentSetOption): void;
 }) & typeof AXBaseComponent;
 export declare const AXBaseClickableMixin: (abstract new (...args: any[]) => {
-    "__#5095@#disabled": boolean;
+    "__#5215@#disabled": boolean;
     disabled: boolean;
-    "__#5095@#tabIndex": number;
+    "__#5215@#tabIndex": number;
     tabIndex: number;
     onFocus: import("@angular/core").EventEmitter<import("dist/libs/components/common").AXFocusEvent>;
     _emitOnFocusEvent(e: FocusEvent): void;
@@ -149,9 +149,9 @@ export declare const AXBaseClickableMixin: (abstract new (...args: any[]) => {
     focus(): void;
     hasFocus(): boolean;
     id: string;
-    "__#5092@#rtl": boolean;
+    "__#5212@#rtl": boolean;
     rtl: boolean;
-    "__#5092@#elementRef": import("@angular/core").ElementRef<any>;
+    "__#5212@#elementRef": import("@angular/core").ElementRef<any>;
     _cdr: import("@angular/core").ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -175,9 +175,9 @@ export declare const AXBaseClickableMixin: (abstract new (...args: any[]) => {
         onClick: import("@angular/core").EventEmitter<import("dist/libs/components/common").AXClickEvent>;
         _emitOnClickEvent(e: MouseEvent): void;
         id: string;
-        "__#5092@#rtl": boolean;
+        "__#5212@#rtl": boolean;
         rtl: boolean;
-        "__#5092@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#5212@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;
@@ -203,9 +203,9 @@ export declare const AXBaseButtonMixin: {
         size: import("./base-components.class").AXElementSize;
         _onInternalInit(): void;
         id: string;
-        "__#5092@#rtl": boolean;
+        "__#5212@#rtl": boolean;
         rtl: boolean;
-        "__#5092@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#5212@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;
@@ -225,9 +225,9 @@ export declare const AXBaseButtonMixin: {
         _setOption(option: import("./base-components.class").AXComponentSetOption): void;
     };
 } & (abstract new (...args: any[]) => {
-    "__#5095@#disabled": boolean;
+    "__#5215@#disabled": boolean;
     disabled: boolean;
-    "__#5095@#tabIndex": number;
+    "__#5215@#tabIndex": number;
     tabIndex: number;
     onFocus: import("@angular/core").EventEmitter<import("dist/libs/components/common").AXFocusEvent>;
     _emitOnFocusEvent(e: FocusEvent): void;
@@ -236,9 +236,9 @@ export declare const AXBaseButtonMixin: {
     focus(): void;
     hasFocus(): boolean;
     id: string;
-    "__#5092@#rtl": boolean;
+    "__#5212@#rtl": boolean;
     rtl: boolean;
-    "__#5092@#elementRef": import("@angular/core").ElementRef<any>;
+    "__#5212@#elementRef": import("@angular/core").ElementRef<any>;
     _cdr: import("@angular/core").ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -262,9 +262,9 @@ export declare const AXBaseButtonMixin: {
         onClick: import("@angular/core").EventEmitter<import("dist/libs/components/common").AXClickEvent>;
         _emitOnClickEvent(e: MouseEvent): void;
         id: string;
-        "__#5092@#rtl": boolean;
+        "__#5212@#rtl": boolean;
         rtl: boolean;
-        "__#5092@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#5212@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;
@@ -293,9 +293,9 @@ export declare const AXBaseButtonMixin: {
         _look?: import("dist/libs/components/common").AXStyleLookType;
         look: import("dist/libs/components/common").AXStyleLookType;
         id: string;
-        "__#5092@#rtl": boolean;
+        "__#5212@#rtl": boolean;
         rtl: boolean;
-        "__#5092@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#5212@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;
@@ -331,9 +331,9 @@ export declare const AXBaseButtonMixin: {
             'ax-state-selected': boolean;
         };
         id: string;
-        "__#5092@#rtl": boolean;
+        "__#5212@#rtl": boolean;
         rtl: boolean;
-        "__#5092@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#5212@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;
@@ -360,9 +360,9 @@ export declare const AXBaseTextBoxMixin: {
         size: import("./base-components.class").AXElementSize;
         _onInternalInit(): void;
         id: string;
-        "__#5092@#rtl": boolean;
+        "__#5212@#rtl": boolean;
         rtl: boolean;
-        "__#5092@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#5212@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;
@@ -382,9 +382,9 @@ export declare const AXBaseTextBoxMixin: {
         _setOption(option: import("./base-components.class").AXComponentSetOption): void;
     };
 } & (abstract new (...args: any[]) => {
-    "__#5095@#disabled": boolean;
+    "__#5215@#disabled": boolean;
     disabled: boolean;
-    "__#5095@#tabIndex": number;
+    "__#5215@#tabIndex": number;
     tabIndex: number;
     onFocus: import("@angular/core").EventEmitter<import("dist/libs/components/common").AXFocusEvent>;
     _emitOnFocusEvent(e: FocusEvent): void;
@@ -393,9 +393,9 @@ export declare const AXBaseTextBoxMixin: {
     focus(): void;
     hasFocus(): boolean;
     id: string;
-    "__#5092@#rtl": boolean;
+    "__#5212@#rtl": boolean;
     rtl: boolean;
-    "__#5092@#elementRef": import("@angular/core").ElementRef<any>;
+    "__#5212@#elementRef": import("@angular/core").ElementRef<any>;
     _cdr: import("@angular/core").ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -419,17 +419,17 @@ export declare const AXBaseTextBoxMixin: {
         onValueChanged: import("@angular/core").EventEmitter<import("dist/libs/components/common").AXValueChangedEvent<any>>;
         valueChange: import("@angular/core").EventEmitter<any>;
         stateChange: import("@angular/core").EventEmitter<import("./base-components.class").AXComponentState>;
-        "__#5096@#readonly": boolean;
+        "__#5216@#readonly": boolean;
         readonly: boolean;
-        "__#5096@#allowNull": boolean;
+        "__#5216@#allowNull": boolean;
         allowNull: boolean;
-        "__#5096@#name": string;
+        "__#5216@#name": string;
         name: string;
-        "__#5096@#isUserInteraction": boolean;
+        "__#5216@#isUserInteraction": boolean;
         readonly isUserInteraction: boolean;
-        "__#5096@#value": any;
+        "__#5216@#value": any;
         value: any;
-        "__#5096@#state": import("./base-components.class").AXComponentState;
+        "__#5216@#state": import("./base-components.class").AXComponentState;
         state: import("./base-components.class").AXComponentState;
         _emitOnValueChangedEvent(oldValue?: any, newValue?: any): void;
         _internalSetValue(value: any): any;
@@ -447,9 +447,9 @@ export declare const AXBaseTextBoxMixin: {
         validate(): Promise<any>;
         _setState(state: import("./base-components.class").AXComponentState, ...args: any[]): void;
         id: string;
-        "__#5092@#rtl": boolean;
+        "__#5212@#rtl": boolean;
         rtl: boolean;
-        "__#5092@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#5212@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;
@@ -479,9 +479,9 @@ export declare const AXBaseTextBoxMixin: {
         _emitOnKeyupEvent(e: KeyboardEvent): void;
         _emitOnKeypressEvent(e: KeyboardEvent): void;
         id: string;
-        "__#5092@#rtl": boolean;
+        "__#5212@#rtl": boolean;
         rtl: boolean;
-        "__#5092@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#5212@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;
@@ -510,9 +510,9 @@ export declare const AXBaseDropdownMixin: {
         size: import("./base-components.class").AXElementSize;
         _onInternalInit(): void;
         id: string;
-        "__#5092@#rtl": boolean;
+        "__#5212@#rtl": boolean;
         rtl: boolean;
-        "__#5092@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#5212@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;
@@ -532,9 +532,9 @@ export declare const AXBaseDropdownMixin: {
         _setOption(option: import("./base-components.class").AXComponentSetOption): void;
     };
 } & (abstract new (...args: any[]) => {
-    "__#5095@#disabled": boolean;
+    "__#5215@#disabled": boolean;
     disabled: boolean;
-    "__#5095@#tabIndex": number;
+    "__#5215@#tabIndex": number;
     tabIndex: number;
     onFocus: import("@angular/core").EventEmitter<import("dist/libs/components/common").AXFocusEvent>;
     _emitOnFocusEvent(e: FocusEvent): void;
@@ -543,9 +543,9 @@ export declare const AXBaseDropdownMixin: {
     focus(): void;
     hasFocus(): boolean;
     id: string;
-    "__#5092@#rtl": boolean;
+    "__#5212@#rtl": boolean;
     rtl: boolean;
-    "__#5092@#elementRef": import("@angular/core").ElementRef<any>;
+    "__#5212@#elementRef": import("@angular/core").ElementRef<any>;
     _cdr: import("@angular/core").ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -579,9 +579,9 @@ export declare const AXBaseDropdownMixin: {
     open(): void;
     readonly isOpen: boolean;
     id: string;
-    "__#5092@#rtl": boolean;
+    "__#5212@#rtl": boolean;
     rtl: boolean;
-    "__#5092@#elementRef": import("@angular/core").ElementRef<any>;
+    "__#5212@#elementRef": import("@angular/core").ElementRef<any>;
     _cdr: import("@angular/core").ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;
@@ -603,8 +603,8 @@ export declare const AXBaseMenuMixin: {
     new (...args: any[]): {
         textField: string;
         valueField: string;
-        "__#5093@#isLoading": boolean;
-        "__#5093@#loadedItems": any;
+        "__#5213@#isLoading": boolean;
+        "__#5213@#loadedItems": any;
         visibleField: string;
         disableField: string;
         hasChildField: string;
@@ -613,7 +613,7 @@ export declare const AXBaseMenuMixin: {
         displayMode: "horizontal" | "vertical" | "sidemenu";
         dividerField: string;
         onMenuItemClick: import("@angular/core").EventEmitter<import("dist/libs/components/common").AXItemClickEvent<any>>;
-        "__#5093@#items": any;
+        "__#5213@#items": any;
         items: any;
         readonly displayItems: any;
         readonly isLoading: boolean;
@@ -624,9 +624,9 @@ export declare const AXBaseMenuMixin: {
         _getItemDisplayTextTemplte(item: any): any;
         refresh(): void;
         id: string;
-        "__#5092@#rtl": boolean;
+        "__#5212@#rtl": boolean;
         rtl: boolean;
-        "__#5092@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#5212@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;
@@ -655,9 +655,9 @@ export declare const AXAvatarMixin: {
         _look?: import("dist/libs/components/common").AXStyleLookType;
         look: import("dist/libs/components/common").AXStyleLookType;
         id: string;
-        "__#5092@#rtl": boolean;
+        "__#5212@#rtl": boolean;
         rtl: boolean;
-        "__#5092@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#5212@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;

package/mixin/lib/page-component.class.d.ts

@@ -3,9 +3,9 @@ import { Constructor } from "./constratctor";
 export declare function _PageComponenetMixin<TBase extends Constructor<AXBaseComponent>>(Base: TBase): {
     new (...args: any[]): {
         id: string;
-        "__#5092@#rtl": boolean;
+        "__#5212@#rtl": boolean;
         rtl: boolean;
-        "__#5092@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#5212@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;

package/mixin/lib/selection-component.class.d.ts

@@ -35,9 +35,9 @@ export declare function _SelectionComponenetMixin<TBase extends Constructor<AXBa
         isItemSelected(item: any): boolean;
         isItemDisabled(item: any): boolean;
         id: string;
-        "__#5092@#rtl": boolean;
+        "__#5212@#rtl": boolean;
         rtl: boolean;
-        "__#5092@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#5212@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;

package/mixin/lib/sizable-mixin.class.d.ts

@@ -8,9 +8,9 @@ export declare function _SizableComponenetMixin<TBase extends Constructor<AXBase
         size: AXElementSize;
         _onInternalInit(): void;
         id: string;
-        "__#5092@#rtl": boolean;
+        "__#5212@#rtl": boolean;
         rtl: boolean;
-        "__#5092@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#5212@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;

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

@@ -39,9 +39,9 @@ export declare function _TextboxComponenetMixin<TBase extends Constructor<AXBase
         _emitOnKeyupEvent(e: KeyboardEvent): void;
         _emitOnKeypressEvent(e: KeyboardEvent): void;
         id: string;
-        "__#5092@#rtl": boolean;
+        "__#5212@#rtl": boolean;
         rtl: boolean;
-        "__#5092@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#5212@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;

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

@@ -11,20 +11,20 @@ export declare function _ValueComponenetMixin<TBase extends Constructor<AXBaseCo
         onValueChanged: EventEmitter<AXValueChangedEvent<any>>;
         valueChange: EventEmitter<any>;
         stateChange: EventEmitter<AXComponentState>;
-        "__#5096@#readonly": boolean;
+        "__#5216@#readonly": boolean;
         /**
          *  If set to true, user cannot change the value of component.
          */
         readonly: boolean;
-        "__#5096@#allowNull": boolean;
+        "__#5216@#allowNull": boolean;
         allowNull: boolean;
-        "__#5096@#name": string;
+        "__#5216@#name": string;
         name: string;
-        "__#5096@#isUserInteraction": boolean;
+        "__#5216@#isUserInteraction": boolean;
         readonly isUserInteraction: boolean;
-        "__#5096@#value": any;
+        "__#5216@#value": any;
         value: any;
-        "__#5096@#state": AXComponentState;
+        "__#5216@#state": AXComponentState;
         state: AXComponentState;
         _emitOnValueChangedEvent(oldValue?: any, newValue?: any): void;
         _internalSetValue(value: any): any;
@@ -42,9 +42,9 @@ export declare function _ValueComponenetMixin<TBase extends Constructor<AXBaseCo
         validate(): Promise<any>;
         _setState(state: AXComponentState, ...args: any[]): void;
         id: string;
-        "__#5092@#rtl": boolean;
+        "__#5212@#rtl": boolean;
         rtl: boolean;
-        "__#5092@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#5212@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;

package/notification/index.d.ts

@@ -1,3 +1,4 @@
+export * from './lib/notification.config';
 export * from './lib/notification.class';
 export * from './lib/notification.component';
 export * from './lib/notification.module';

package/notification/lib/notification.class.d.ts

@@ -1,17 +1,39 @@
 import { AXLocation, AXStyleColorType, AXStyleLookType } from "@acorex/components/common";
-import { AXButtonItem } from "@acorex/components/button";
 import { TemplateRef } from "@angular/core";
-export type AXNotificationContentType = string | TemplateRef<any> | Function;
+import { ComponentType } from "@angular/cdk/portal";
+export type AXNotificationContentType = string | TemplateRef<unknown> | ComponentType<unknown>;
+export interface AXNotificationButtonItem {
+    color?: AXStyleColorType;
+    look?: AXStyleLookType;
+    text: string;
+    disabled?: boolean;
+    loading?: boolean;
+    onClick?: (e?: {
+        source: AXNotificationButtonItem;
+        handled?: boolean;
+    }) => void;
+}
 export interface AXNotificationOptions {
-    timeOut?: number | any;
+    buttons?: AXNotificationButtonItem[];
     icon?: string;
     title?: string;
     content?: AXNotificationContentType;
-    closeable?: boolean;
-    location?: AXLocation;
+    location: AXLocation;
+    closeButton?: boolean;
     color: AXStyleColorType;
-    look?: AXStyleLookType;
-    buttons?: AXButtonItem[];
+    timeOut?: number;
+    timeOutProgress?: boolean;
+}
+export interface AXNotificationData {
+    buttons?: AXNotificationButtonItem[];
+    icon?: string;
+    title?: string;
+    content?: AXNotificationContentType;
+    location: AXLocation;
+    closeButton: boolean;
+    color: AXStyleColorType;
+    timeOut?: number;
+    timeOutProgress: boolean;
 }
 export interface AXNotificationRef {
     close(): void;

package/notification/lib/notification.component.d.ts

@@ -1,30 +1,29 @@
-import { AXButtonItem } from '@acorex/components/button';
-import { ElementRef, ChangeDetectorRef, ViewContainerRef } from '@angular/core';
-import { AXBaseComponentMixin } from '@acorex/components/mixin';
-import { AXNotificationOptions } from './notification.class';
+import { AXComponentCloseEvent, MXBaseComponent } from '@acorex/components/common';
 import { Portal } from '@angular/cdk/portal';
+import { AXNotificationButtonItem, AXNotificationData } from './notification.class';
+import { DialogRef } from '@angular/cdk/dialog';
 import * as i0 from "@angular/core";
 /**
  * The Button is a component which detects user interaction and triggers a corresponding event
  *
  * @category Components
  */
-export declare class AXNotificationComponent extends AXBaseComponentMixin {
-    private viewRef;
-    options: AXNotificationOptions;
-    _selectedPortal: Portal<any>;
+export declare class AXNotificationComponent extends MXBaseComponent {
+    config: AXNotificationData;
+    private dialogRef;
+    _selectedPortal: Portal<unknown>;
     _icon: string;
-    close: () => void;
     /**
-     *  @ignore
-     */
-    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef, viewRef: ViewContainerRef);
-    onInit(): void;
+   *  @ignore
+   */
+    constructor(config: AXNotificationData, dialogRef: DialogRef<AXComponentCloseEvent>);
+    ngOnInit(): void;
     private _handleTimeOut;
     private _initContent;
     private _initIcon;
-    _handleButtonClick(button: AXButtonItem): void;
+    protected _handleButtonClick(button: AXNotificationButtonItem): void;
     private get __hostClass();
+    close(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXNotificationComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXNotificationComponent, "ax-notification", never, {}, {}, never, never, false, never>;
 }

package/notification/lib/notification.config.d.ts

@@ -0,0 +1,13 @@
+import { InjectionToken } from '@angular/core';
+import { AXLocation } from '@acorex/components/common';
+export interface AXNotificationConfig {
+    gap: number;
+    timeOut: number;
+    timeOutProgress: boolean;
+    location: AXLocation;
+    closeButton: boolean;
+}
+export declare const AX_NOTIFICATION_CONFIG: InjectionToken<AXNotificationConfig>;
+export declare const AXNotificationDefaultConfig: AXNotificationConfig;
+export type PartialNotificationConfig = Partial<AXNotificationConfig>;
+export declare function notificationConfig(config?: PartialNotificationConfig): AXNotificationConfig;

package/notification/lib/notification.module.d.ts

@@ -3,8 +3,11 @@ import * as i1 from "./notification.component";
 import * as i2 from "@angular/common";
 import * as i3 from "@angular/cdk/portal";
 import * as i4 from "@acorex/components/button";
+import * as i5 from "@angular/cdk/dialog";
+import * as i6 from "@acorex/components/loading";
+import * as i7 from "@acorex/components/decorators";
 export declare class AXNotificationModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXNotificationModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXNotificationModule, [typeof i1.AXNotificationComponent], [typeof i2.CommonModule, typeof i3.PortalModule, typeof i4.AXButtonModule], [typeof i1.AXNotificationComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXNotificationModule, [typeof i1.AXNotificationComponent], [typeof i2.CommonModule, typeof i3.PortalModule, typeof i4.AXButtonModule, typeof i5.DialogModule, typeof i6.AXLoadingModule, typeof i7.AXDecoratorModule], [typeof i1.AXNotificationComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXNotificationModule>;
 }

package/notification/lib/notification.service.d.ts

@@ -1,15 +1,11 @@
-import { Overlay } from '@angular/cdk/overlay';
-import { Injector } from '@angular/core';
-import { AXNotificationOptions, AXNotificationRef } from './notification.class';
+import { AXNotificationOptions as AXNotificationDisplayConfig, AXNotificationRef } from './notification.class';
 import * as i0 from "@angular/core";
 export declare class AXNotificationService {
-    private overlayService;
-    private parentInjector;
-    private readonly _defaults;
-    constructor(overlayService: Overlay, parentInjector: Injector);
-    private _activeList;
-    show(options: AXNotificationOptions): AXNotificationRef;
+    private dialog;
+    private defaultConfig;
+    show(config: AXNotificationDisplayConfig): AXNotificationRef;
     hideAll(): void;
+    private reposition;
     private getPosition;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXNotificationService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AXNotificationService>;

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

@@ -1,14 +1,13 @@
+import { ElementRef } from '@angular/core';
 import { MaskedNumber } from 'imask';
-import { ElementRef, ChangeDetectorRef } from '@angular/core';
-import { AXBaseTextBoxMixin, AXComponentOptionChanged } from '@acorex/components/mixin';
+import { MXComponentOptionChanged, MXInputBaseValueComponent } from '@acorex/components/common';
 import * as i0 from "@angular/core";
 /**
  * The NumberBox is a component which detects user interaction and triggers a corresponding event
  *
  * @category Components
  */
-export declare class AXNumberBoxComponent extends AXBaseTextBoxMixin {
-    private cdr;
+export declare class AXNumberBoxComponent extends MXInputBaseValueComponent<number> {
     input: ElementRef<HTMLInputElement>;
     private _thousandsSeparator;
     /**
@@ -57,21 +56,17 @@ export declare class AXNumberBoxComponent extends AXBaseTextBoxMixin {
      */
     _maskObj: MaskedNumber;
     private _maskDirective;
-    /**
-     *  @ignore
-     */
-    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
-    onViewInit(): void;
-    _onOptionChanged(option: AXComponentOptionChanged): void;
-    focus(): void;
+    ngAfterViewInit(): void;
+    internalOptionChanged(option: MXComponentOptionChanged): void;
+    internalSetValue(value: any): number;
     private _updateMask;
+    _handleModelChange(value: number): void;
     _handleOnKeydownEvent(e: KeyboardEvent): void;
     _handleUpDownClick(v: -1 | 1): void;
-    _setValue(value: any): number;
-    stepUp(): void;
-    stepDown(): void;
-    decimalStepUp(): void;
-    decimalStepDown(): void;
+    stepUp(u?: boolean): void;
+    stepDown(u?: boolean): void;
+    decimalStepUp(u?: boolean): void;
+    decimalStepDown(u?: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXNumberBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXNumberBoxComponent, "ax-number-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "allowNull": { "alias": "allowNull"; "required": false; }; "type": { "alias": "type"; "required": false; }; "autoComplete": { "alias": "autoComplete"; "required": false; }; "name": { "alias": "name"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "thousandsSeparator": { "alias": "thousandsSeparator"; "required": false; }; "padDecimalZeros": { "alias": "padDecimalZeros"; "required": false; }; "step": { "alias": "step"; "required": false; }; "decimals": { "alias": "decimals"; "required": false; }; "decimalStep": { "alias": "decimalStep"; "required": false; }; "showSpinButtons": { "alias": "showSpinButtons"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; }, { "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; }, never, ["ax-prefix", "ax-suffix", "ax-validation-rule"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXNumberBoxComponent, "ax-number-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "thousandsSeparator": { "alias": "thousandsSeparator"; "required": false; }; "padDecimalZeros": { "alias": "padDecimalZeros"; "required": false; }; "step": { "alias": "step"; "required": false; }; "decimals": { "alias": "decimals"; "required": false; }; "decimalStep": { "alias": "decimalStep"; "required": false; }; "showSpinButtons": { "alias": "showSpinButtons"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; }, { "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; }, never, ["ax-prefix", "ax-clear-button", "ax-suffix", "ax-validation-rule"], false, never>;
 }