@acorex/components 7.4.8 → 7.5.1

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;
-        "__#20984@#rtl": boolean;
+        "__#21016@#rtl": boolean;
         rtl: boolean;
-        "__#20984@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#21016@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;

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

@@ -1,47 +1,47 @@
-import { EventEmitter } from '@angular/core';
 import { AXHtmlEvent } from '@acorex/components/common';
+import { EventEmitter } from '@angular/core';
 import { AXBaseComponent } from './base-components.class';
 import { Constructor } from './constratctor';
 export declare function _TextboxComponenetMixin<TBase extends Constructor<AXBaseComponent>>(Base: TBase): {
     new (...args: any[]): {
         /**
-       *  A string value that specifies the type of text box.
-       */
+         *  A string value that specifies the type of text box.
+         */
         type: string;
         /**
-        *  A string value that specifies the placeholder of text box.
-        */
+         *  A string value that specifies the placeholder of text box.
+         */
         placeholder: string;
         /**
-        *  A number value that specifies the maximum characters of text box.
-        */
+         *  A number value that specifies the maximum characters of text box.
+         */
         maxLength: number;
         /**
-        *  Specifies that autocomplete is on or off.
-        */
+         *  Specifies that autocomplete is on or off.
+         */
         autoComplete: string;
         /**
-        *  Fires each time the user press a key.
-        *  @event
-        */
+         *  Fires each time the user press a key.
+         *  @event
+         */
         onKeyDown: EventEmitter<AXHtmlEvent<KeyboardEvent>>;
         /**
-      *  Fires each time the user press a key.
-      *  @event
-      */
+         *  Fires each time the user press a key.
+         *  @event
+         */
         onKeyUp: EventEmitter<AXHtmlEvent<KeyboardEvent>>;
         /**
-        *  Fires each time the user press a key.
-        *  @event
-        */
+         *  Fires each time the user press a key.
+         *  @event
+         */
         onKeyPress: EventEmitter<AXHtmlEvent<KeyboardEvent>>;
         _emitOnKeydownEvent(e: KeyboardEvent): void;
         _emitOnKeyupEvent(e: KeyboardEvent): void;
         _emitOnKeypressEvent(e: KeyboardEvent): void;
         id: string;
-        "__#20984@#rtl": boolean;
+        "__#21016@#rtl": boolean;
         rtl: boolean;
-        "__#20984@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#21016@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;

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

@@ -1,7 +1,7 @@
+import { AXValueChangedEvent } from '@acorex/components/common';
 import { EventEmitter } from '@angular/core';
 import { AXBaseComponent, AXComponentState } from './base-components.class';
 import { Constructor } from './constratctor';
-import { AXValueChangedEvent } from '@acorex/components/common';
 export declare function _ValueComponenetMixin<TBase extends Constructor<AXBaseComponent>>(Base: TBase): {
     new (...args: any[]): {
         /**
@@ -11,20 +11,20 @@ export declare function _ValueComponenetMixin<TBase extends Constructor<AXBaseCo
         onValueChanged: EventEmitter<AXValueChangedEvent<any>>;
         valueChange: EventEmitter<any>;
         stateChange: EventEmitter<AXComponentState>;
-        "__#20988@#readonly": boolean;
+        "__#21020@#readonly": boolean;
         /**
          *  If set to true, user cannot change the value of component.
          */
         readonly: boolean;
-        "__#20988@#allowNull": boolean;
+        "__#21020@#allowNull": boolean;
         allowNull: boolean;
-        "__#20988@#name": string;
+        "__#21020@#name": string;
         name: string;
-        "__#20988@#isUserInteraction": boolean;
+        "__#21020@#isUserInteraction": boolean;
         readonly isUserInteraction: boolean;
-        "__#20988@#value": any;
+        "__#21020@#value": any;
         value: any;
-        "__#20988@#state": AXComponentState;
+        "__#21020@#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;
-        "__#20984@#rtl": boolean;
+        "__#21016@#rtl": boolean;
         rtl: boolean;
-        "__#20984@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#21016@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;

package/notification/index.d.ts

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

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

@@ -1,6 +1,6 @@
-import { AXLocation, AXStyleColorType, AXStyleLookType } from "@acorex/components/common";
-import { TemplateRef } from "@angular/core";
-import { ComponentType } from "@angular/cdk/portal";
+import { AXLocation, AXStyleColorType, AXStyleLookType } from '@acorex/components/common';
+import { ComponentType } from '@angular/cdk/portal';
+import { TemplateRef } from '@angular/core';
 export type AXNotificationContentType = string | TemplateRef<unknown> | ComponentType<unknown>;
 export interface AXNotificationButtonItem {
     color?: AXStyleColorType;

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

@@ -1,7 +1,7 @@
 import { AXComponentCloseEvent, MXBaseComponent } from '@acorex/components/common';
+import { DialogRef } from '@angular/cdk/dialog';
 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
@@ -14,8 +14,8 @@ export declare class AXNotificationComponent extends MXBaseComponent {
     _selectedPortal: Portal<unknown>;
     _icon: string;
     /**
-   *  @ignore
-   */
+     *  @ignore
+     */
     constructor(config: AXNotificationData, dialogRef: DialogRef<AXComponentCloseEvent>);
     ngOnInit(): void;
     private _handleTimeOut;

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

@@ -1,5 +1,5 @@
-import { InjectionToken } from '@angular/core';
 import { AXLocation } from '@acorex/components/common';
+import { InjectionToken } from '@angular/core';
 export interface AXNotificationConfig {
     gap: number;
     timeOut: number;

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

@@ -1,12 +1,12 @@
 import { AfterViewInit, ElementRef } from '@angular/core';
 import { MaskedNumber } from 'imask';
-import { MXAppearanceComponent, MXInputBaseValueComponent } from '@acorex/components/common';
+import { MXInputBaseValueComponent, MXLookComponent } from '@acorex/components/common';
 import * as i0 from "@angular/core";
 declare const AXNumberBoxComponent_base: import("polytype").Polytype.ClusteredConstructor<[{
     new (): MXInputBaseValueComponent<number>;
     ɵfac: unknown;
     ɵprov: import("@angular/core").ɵɵInjectableDeclaration<MXInputBaseValueComponent<any>>;
-}, typeof MXAppearanceComponent]>;
+}, typeof MXLookComponent]>;
 /**
  * The NumberBox is a component which detects user interaction and triggers a corresponding event
  *
@@ -74,6 +74,6 @@ export declare class AXNumberBoxComponent extends AXNumberBoxComponent_base impl
     decimalStepDown(u?: boolean): void;
     get __hostClass(): string;
     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; }; "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; }; "appearance": { "alias": "appearance"; "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>;
+    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; }; "look": { "alias": "look"; "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>;
 }
 export {};

package/otp/lib/otp.component.d.ts

@@ -1,4 +1,4 @@
-import { MXAppearanceComponent, MXValueComponent } from '@acorex/components/common';
+import { MXLookComponent, MXValueComponent } from '@acorex/components/common';
 import { AfterViewInit, EventEmitter, OnInit } from '@angular/core';
 import { AXOtpCompletedEvent } from './otp.class';
 import * as i0 from "@angular/core";
@@ -6,7 +6,7 @@ declare const AXOtpComponent_base: import("polytype").Polytype.ClusteredConstruc
     new (): MXValueComponent<string>;
     ɵfac: unknown;
     ɵprov: import("@angular/core").ɵɵInjectableDeclaration<MXValueComponent<any>>;
-}, typeof MXAppearanceComponent]>;
+}, typeof MXLookComponent]>;
 export declare class AXOtpComponent extends AXOtpComponent_base implements OnInit, AfterViewInit {
     lenghtChange: EventEmitter<number>;
     private _length;
@@ -24,6 +24,6 @@ export declare class AXOtpComponent extends AXOtpComponent_base implements OnIni
     protected _handleOnPaste(event: any): void;
     protected _handleOnClick(event: any, i: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXOtpComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXOtpComponent, "ax-otp", never, { "state": { "alias": "state"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "length": { "alias": "length"; "required": false; }; }, { "stateChange": "stateChange"; "disabledChange": "disabledChange"; "lenghtChange": "lenghtChange"; "onCompleted": "onCompleted"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXOtpComponent, "ax-otp", never, { "state": { "alias": "state"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "look": { "alias": "look"; "required": false; }; "length": { "alias": "length"; "required": false; }; }, { "stateChange": "stateChange"; "disabledChange": "disabledChange"; "lenghtChange": "lenghtChange"; "onCompleted": "onCompleted"; }, never, never, false, never>;
 }
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acorex/components",
-  "version": "7.4.8",
+  "version": "7.5.1",
   "sideEffects": false,
   "peerDependencies": {
     "@angular/common": ">=16.1.0",
@@ -184,6 +184,12 @@
       "esm": "./esm2022/label/acorex-components-label.mjs",
       "default": "./fesm2022/acorex-components-label.mjs"
     },
+    "./list": {
+      "types": "./list/index.d.ts",
+      "esm2022": "./esm2022/list/acorex-components-list.mjs",
+      "esm": "./esm2022/list/acorex-components-list.mjs",
+      "default": "./fesm2022/acorex-components-list.mjs"
+    },
     "./loading": {
       "types": "./loading/index.d.ts",
       "esm2022": "./esm2022/loading/acorex-components-loading.mjs",
@@ -274,6 +280,12 @@
       "esm": "./esm2022/result/acorex-components-result.mjs",
       "default": "./fesm2022/acorex-components-result.mjs"
     },
+    "./routing-progress": {
+      "types": "./routing-progress/index.d.ts",
+      "esm2022": "./esm2022/routing-progress/acorex-components-routing-progress.mjs",
+      "esm": "./esm2022/routing-progress/acorex-components-routing-progress.mjs",
+      "default": "./fesm2022/acorex-components-routing-progress.mjs"
+    },
     "./scheduler": {
       "types": "./scheduler/index.d.ts",
       "esm2022": "./esm2022/scheduler/acorex-components-scheduler.mjs",

package/page/lib/base-page.class.d.ts

@@ -1,6 +1,6 @@
-import { EventEmitter } from '@angular/core';
 import { AXComponentCloseEvent, AXComponentClosing, MXBaseComponent } from '@acorex/components/common';
 import { AXDecoratorGenericComponent } from '@acorex/components/decorators';
+import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class AXBasePageComponent extends MXBaseComponent {
     private _loadingId;

package/page/lib/page.component.d.ts

@@ -1,5 +1,5 @@
-import { EventEmitter } from '@angular/core';
 import { MXBaseComponent } from '@acorex/components/common';
+import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare abstract class AXPageComponent extends MXBaseComponent {
     private _loadingService;

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

@@ -1,11 +1,11 @@
-import { MXAppearanceComponent, MXInputBaseValueComponent } from '@acorex/components/common';
+import { MXInputBaseValueComponent, MXLookComponent } from '@acorex/components/common';
 import { ElementRef } from '@angular/core';
 import * as i0 from "@angular/core";
 declare const AXPasswordBoxComponent_base: import("polytype").Polytype.ClusteredConstructor<[{
     new (): MXInputBaseValueComponent<string>;
     ɵfac: unknown;
     ɵprov: import("@angular/core").ɵɵInjectableDeclaration<MXInputBaseValueComponent<any>>;
-}, typeof MXAppearanceComponent]>;
+}, typeof MXLookComponent]>;
 /**
  * The Textbox is a component which detects user interaction and triggers a corresponding event
  *
@@ -22,8 +22,8 @@ export declare class AXPasswordBoxComponent extends AXPasswordBoxComponent_base
     showToggleButton: boolean;
     _handleModelChange(value: string): void;
     toggleType(): void;
-    get __hostClass(): string;
+    get __hostClass(): string[];
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPasswordBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXPasswordBoxComponent, "ax-password-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; }; "appearance": { "alias": "appearance"; "required": false; }; "autoComplete": { "alias": "autoComplete"; "required": false; }; "showToggleButton": { "alias": "showToggleButton"; "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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPasswordBoxComponent, "ax-password-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; }; "look": { "alias": "look"; "required": false; }; "autoComplete": { "alias": "autoComplete"; "required": false; }; "showToggleButton": { "alias": "showToggleButton"; "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>;
 }
 export {};

package/popover/lib/popover.component.d.ts

@@ -3,7 +3,7 @@ import { ComponentType } from '@angular/cdk/portal';
 import { ComponentRef, ElementRef, EventEmitter, TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export type AXPopoverOpenTrigger = 'manual' | 'click' | 'hover' | 'toggle';
-export type AXPopoverCloseTrigger = 'manual' | 'clickout' | 'leave';
+export type AXPopoverCloseTrigger = 'manual' | 'clickOut' | 'leave';
 export declare class AXPopoverComponent extends MXBaseComponent {
     private _platform;
     private _overlay;
@@ -61,6 +61,7 @@ export declare class AXPopoverComponent extends MXBaseComponent {
     private restoreFocus;
     private openOverlayInternal;
     get isOpen(): boolean;
+    get isActionsheetStyle(): boolean;
     private updatePositionStrategy;
     private updateOffset;
     updatePosition(): void;

package/popup/index.d.ts

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

package/popup/lib/popup.interface.d.ts

@@ -1,5 +1,5 @@
-import { ComponentType } from "@angular/cdk/portal";
-import { TemplateRef } from "@angular/core";
+import { ComponentType } from '@angular/cdk/portal';
+import { TemplateRef } from '@angular/core';
 export type AXPopupContentType = TemplateRef<unknown> | ComponentType<unknown>;
 export type AXPopupSizeType = 'sm' | 'md' | 'lg' | 'full' | 'fit';
 export interface AXPopupConfig {

package/routing-progress/README.md

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

package/routing-progress/index.d.ts

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

package/routing-progress/lib/routing-progress.component.d.ts

@@ -0,0 +1,14 @@
+import { MXBaseComponent } from '@acorex/components/common';
+import { OnDestroy } from '@angular/core';
+import { Router } from '@angular/router';
+import * as i0 from "@angular/core";
+export declare class AXRoutingProgressComponent extends MXBaseComponent implements OnDestroy {
+    private router;
+    loading: boolean;
+    width: number;
+    private subscription;
+    constructor(router: Router);
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXRoutingProgressComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXRoutingProgressComponent, "ax-routing-progress", never, {}, {}, never, never, false, never>;
+}

package/routing-progress/lib/routing-progress.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./routing-progress.component";
+import * as i2 from "@angular/common";
+export declare class AXRoutingProgressModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXRoutingProgressModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXRoutingProgressModule, [typeof i1.AXRoutingProgressComponent], [typeof i2.CommonModule], [typeof i1.AXRoutingProgressComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXRoutingProgressModule>;
+}

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

@@ -1,12 +1,18 @@
-import { AXSearchableComponent, MXInputBaseValueComponent } from '@acorex/components/common';
+import { AXSearchableComponent, MXInputBaseValueComponent, MXLookComponent } from '@acorex/components/common';
 import * as i0 from "@angular/core";
-export declare class AXSearchBoxComponent extends MXInputBaseValueComponent<string> {
+declare const AXSearchBoxComponent_base: import("polytype").Polytype.ClusteredConstructor<[{
+    new (): MXInputBaseValueComponent<string>;
+    ɵfac: unknown;
+    ɵprov: import("@angular/core").ɵɵInjectableDeclaration<MXInputBaseValueComponent<any>>;
+}, typeof MXLookComponent]>;
+export declare class AXSearchBoxComponent extends AXSearchBoxComponent_base {
     private _parent;
     constructor(_parent: AXSearchableComponent);
     ngOnInit(): void;
     delayTime: number;
     _handleModelChange(value: string): void;
-    protected _handleClearClick(): void;
+    get __hostClass(): string[];
     static ɵfac: i0.ɵɵFactoryDeclaration<AXSearchBoxComponent, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXSearchBoxComponent, "ax-search-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "delayTime": { "alias": "delayTime"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; }, never, ["ax-prefix", "ax-suffix"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXSearchBoxComponent, "ax-search-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "look": { "alias": "look"; "required": false; }; "delayTime": { "alias": "delayTime"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; }, never, ["ax-prefix", "ax-suffix"], false, never>;
 }
+export {};

package/select-box/index.d.ts

@@ -1,2 +1,3 @@
 export * from './lib/select-box.component';
 export * from './lib/select-box.module';
+export * from './lib/select-box2.component';

package/select-box/lib/select-box.module.d.ts

@@ -1,18 +1,21 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./select-box.component";
-import * as i2 from "@angular/common";
-import * as i3 from "@acorex/components/common";
-import * as i4 from "@angular/forms";
-import * as i5 from "@acorex/components/check-box";
-import * as i6 from "@acorex/components/badge";
-import * as i7 from "@acorex/components/decorators";
-import * as i8 from "@acorex/core/translation";
-import * as i9 from "@acorex/components/popover";
-import * as i10 from "@acorex/components/loading";
-import * as i11 from "@angular/cdk/a11y";
-import * as i12 from "@acorex/components/text-box";
+import * as i2 from "./select-box2.component";
+import * as i3 from "@angular/common";
+import * as i4 from "@acorex/components/common";
+import * as i5 from "@angular/forms";
+import * as i6 from "@acorex/components/check-box";
+import * as i7 from "@acorex/components/badge";
+import * as i8 from "@acorex/components/decorators";
+import * as i9 from "@acorex/core/translation";
+import * as i10 from "@acorex/components/popover";
+import * as i11 from "@acorex/components/loading";
+import * as i12 from "@angular/cdk/a11y";
+import * as i13 from "@acorex/components/text-box";
+import * as i14 from "@acorex/components/dropdown";
+import * as i15 from "@acorex/components/list";
 export declare class AXSelectBoxModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXSelectBoxModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXSelectBoxModule, [typeof i1.AXSelectBoxComponent], [typeof i2.CommonModule, typeof i3.AXCommonModule, typeof i4.FormsModule, typeof i5.AXCheckBoxModule, typeof i6.AXBadgeModule, typeof i7.AXDecoratorModule, typeof i8.AXTranslationModule, typeof i9.AXPopoverModule, typeof i10.AXLoadingModule, typeof i11.A11yModule, typeof i12.AXTextBoxModule], [typeof i1.AXSelectBoxComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXSelectBoxModule, [typeof i1.AXSelectBoxComponent, typeof i2.AXSelectBox2Component], [typeof i3.CommonModule, typeof i4.AXCommonModule, typeof i5.FormsModule, typeof i6.AXCheckBoxModule, typeof i7.AXBadgeModule, typeof i8.AXDecoratorModule, typeof i9.AXTranslationModule, typeof i10.AXPopoverModule, typeof i11.AXLoadingModule, typeof i12.A11yModule, typeof i13.AXTextBoxModule, typeof i14.AXDropdownModule, typeof i15.AXListModule], [typeof i1.AXSelectBoxComponent, typeof i2.AXSelectBox2Component]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXSelectBoxModule>;
 }

package/select-box/lib/select-box2.component.d.ts

@@ -0,0 +1,44 @@
+import { AXDataListItems, AXValueChangedEvent, MXLookComponent, MXSelectionValueComponent } from '@acorex/components/common';
+import { AXDropdownBoxComponent, MXDropdownBoxBaseComponent } from '@acorex/components/dropdown';
+import { AXListComponent } from '@acorex/components/list';
+import { OnInit, TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+declare const AXSelectBox2Component_base: import("polytype").Polytype.ClusteredConstructor<[typeof MXDropdownBoxBaseComponent, typeof MXSelectionValueComponent, typeof MXLookComponent]>;
+/**
+ * The Button is a component which detects user interaction and triggers a corresponding event
+ *
+ * @category Components
+ */
+export declare class AXSelectBox2Component extends AXSelectBox2Component_base implements OnInit {
+    isLoading: boolean;
+    protected renderList: boolean;
+    protected dropdownSizes: {
+        width: string;
+        height: string;
+    };
+    source: AXDataListItems;
+    placeholder: string;
+    itemTemplate: TemplateRef<unknown>;
+    emptyTemplate: TemplateRef<unknown>;
+    loadingTemplate: TemplateRef<unknown>;
+    list: AXListComponent;
+    protected dropdown: AXDropdownBoxComponent;
+    protected autoHeight: boolean;
+    private platform;
+    ngOnInit(): void;
+    getItemByKey(key: unknown): unknown;
+    protected _handleOnOpenedEvent(): void;
+    protected _handleOnClosedEvent(): void;
+    protected _handleBadgeRemove(e: MouseEvent, item: any): void;
+    protected _handleOnDataLoad(items: unknown[]): void;
+    protected _handleValueChanged(e: AXValueChangedEvent): void;
+    internalValueChanged(): void;
+    private detectAutoHeight;
+    private setDropdownSize;
+    _handleKeydown(e: KeyboardEvent): void;
+    private selectItemByNav;
+    search(term: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXSelectBox2Component, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXSelectBox2Component, "ax-select-box2", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "type": { "alias": "type"; "required": false; }; "look": { "alias": "look"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "source": { "alias": "source"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; }; "emptyTemplate": { "alias": "emptyTemplate"; "required": false; }; "loadingTemplate": { "alias": "loadingTemplate"; "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-search-box", "ax-footer", "ax-validation-rule"], false, never>;
+}
+export {};

package/selection-list/lib/selection-list.component.d.ts

@@ -1,6 +1,6 @@
 import { AXDirection, MXSelectionValueComponent } from '@acorex/components/common';
 import * as i0 from "@angular/core";
-export type AXSelectionListAppearance = 'solid' | 'divided' | 'card';
+export type AXSelectionListLook = 'solid' | 'divided' | 'card';
 /**
  * The Button is a component which detects user interaction and triggers a corresponding event
  *
@@ -10,9 +10,13 @@ export declare class AXSelectionListComponent extends MXSelectionValueComponent
     private _direction;
     get direction(): AXDirection;
     set direction(v: AXDirection);
-    appearance: AXSelectionListAppearance;
+    private _items;
+    get items(): unknown[];
+    set items(v: unknown[]);
+    getItemByKey(key: unknown): unknown;
+    look: AXSelectionListLook;
     protected _handleOnItemValueChange(item: any, e: Event): void;
     private get __hostClass();
     static ɵfac: i0.ɵɵFactoryDeclaration<AXSelectionListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXSelectionListComponent, "ax-selection-list", 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; }; "valueField": { "alias": "valueField"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "hintField": { "alias": "hintField"; "required": false; }; "disabledField": { "alias": "disabledField"; "required": false; }; "readonlyField": { "alias": "readonlyField"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "items": { "alias": "items"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; }, { "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; }, never, ["ax-validation-rule"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXSelectionListComponent, "ax-selection-list", never, { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "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; }; "valueField": { "alias": "valueField"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "hintField": { "alias": "hintField"; "required": false; }; "disabledField": { "alias": "disabledField"; "required": false; }; "readonlyField": { "alias": "readonlyField"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "items": { "alias": "items"; "required": false; }; "look": { "alias": "look"; "required": false; }; }, { "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; }, never, ["ax-validation-rule"], false, never>;
 }

package/text-area/lib/text-area.component.d.ts

@@ -1,11 +1,18 @@
-import { MXInputBaseValueComponent } from '@acorex/components/common';
+import { MXInputBaseValueComponent, MXLookComponent } from '@acorex/components/common';
 import { ElementRef } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class AXTextAreaComponent extends MXInputBaseValueComponent<string> {
+declare const AXTextAreaComponent_base: import("polytype").Polytype.ClusteredConstructor<[{
+    new (): MXInputBaseValueComponent<string>;
+    ɵfac: unknown;
+    ɵprov: import("@angular/core").ɵɵInjectableDeclaration<MXInputBaseValueComponent<any>>;
+}, typeof MXLookComponent]>;
+export declare class AXTextAreaComponent extends AXTextAreaComponent_base {
     input: ElementRef<HTMLInputElement>;
     rows: number;
     maxLength: number;
     protected _handleModelChange(value: string | null): void;
+    get __hostClass(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXTextAreaComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXTextAreaComponent, "ax-text-area", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; }, never, ["ax-prefix", "ax-suffix", "ax-validation-rule"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXTextAreaComponent, "ax-text-area", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "look": { "alias": "look"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; }, never, ["ax-prefix", "ax-suffix", "ax-validation-rule"], false, never>;
 }
+export {};

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

@@ -1,4 +1,4 @@
-import { MXAppearanceComponent, MXInputBaseValueComponent } from '@acorex/components/common';
+import { MXInputBaseValueComponent, MXLookComponent } from '@acorex/components/common';
 import { AfterContentInit } from '@angular/core';
 import { AXMaskOptions, AXMaskOptionsDirective } from './mask-options.directive';
 import * as i0 from "@angular/core";
@@ -6,7 +6,7 @@ declare const AXTextBoxComponent_base: import("polytype").Polytype.ClusteredCons
     new (): MXInputBaseValueComponent<string>;
     ɵfac: unknown;
     ɵprov: import("@angular/core").ɵɵInjectableDeclaration<MXInputBaseValueComponent<any>>;
-}, typeof MXAppearanceComponent]>;
+}, typeof MXLookComponent]>;
 /**
  * The Textbox is a component which detects user interaction and triggers a corresponding event
  *
@@ -28,6 +28,6 @@ export declare class AXTextBoxComponent extends AXTextBoxComponent_base implemen
     protected _handleModelChange(value: string | null): void;
     get __hostClass(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXTextBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXTextBoxComponent, "ax-text-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "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; }; "appearance": { "alias": "appearance"; "required": false; }; "maskOptions": { "alias": "mask-options"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; }, ["_maskOptionsContent"], ["ax-prefix", "ax-clear-button", "ax-suffix", "ax-validation-rule"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXTextBoxComponent, "ax-text-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "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; }; "look": { "alias": "look"; "required": false; }; "maskOptions": { "alias": "mask-options"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; }, ["_maskOptionsContent"], ["ax-prefix", "ax-clear-button", "ax-suffix", "ax-validation-rule"], false, never>;
 }
 export {};

package/toast/index.d.ts

@@ -1,5 +1,5 @@
-export * from './lib/toast.config';
 export * from './lib/toast.class';
 export * from './lib/toast.component';
+export * from './lib/toast.config';
 export * from './lib/toast.module';
 export * from './lib/toast.service';

package/toast/lib/toast.class.d.ts

@@ -1,4 +1,4 @@
-import { AXLocation, AXStyleColorType } from "@acorex/components/common";
+import { AXLocation, AXStyleColorType } from '@acorex/components/common';
 export interface AXToastDisplayConfig {
     icon?: string;
     title?: string;