@acorex/components 7.5.0 → 7.5.1

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.5.0",
+  "version": "7.5.1",
   "sideEffects": false,
   "peerDependencies": {
     "@angular/common": ">=16.1.0",
@@ -280,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/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,3 +1,3 @@
-export * from './lib/select-box2.component';
 export * from './lib/select-box.component';
 export * from './lib/select-box.module';
+export * from './lib/select-box2.component';

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

@@ -1,25 +1,44 @@
-import { MXAppearanceComponent, MXSelectionValueComponent, AXDataListItems } from '@acorex/components/common';
+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 MXAppearanceComponent]>;
+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 {
+export declare class AXSelectBox2Component extends AXSelectBox2Component_base implements OnInit {
     isLoading: boolean;
-    protected dropdownHeight: number;
+    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;
-    _handleBadgeRemove(e: MouseEvent, item: any): void;
-    protected _handleValueChanged(e: any): 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; }; "appearance": { "alias": "appearance"; "required": false; }; "source": { "alias": "source"; "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<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
  *
@@ -14,9 +14,9 @@ export declare class AXSelectionListComponent extends MXSelectionValueComponent
     get items(): unknown[];
     set items(v: unknown[]);
     getItemByKey(key: unknown): unknown;
-    appearance: AXSelectionListAppearance;
+    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, { "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; }; "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,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 AXTextAreaComponent_base: import("polytype").Polytype.ClusteredConstructor<[{
     new (): MXInputBaseValueComponent<string>;
     ɵfac: unknown;
     ɵprov: import("@angular/core").ɵɵInjectableDeclaration<MXInputBaseValueComponent<any>>;
-}, typeof MXAppearanceComponent]>;
+}, typeof MXLookComponent]>;
 export declare class AXTextAreaComponent extends AXTextAreaComponent_base {
     input: ElementRef<HTMLInputElement>;
     rows: number;
@@ -13,6 +13,6 @@ export declare class AXTextAreaComponent extends AXTextAreaComponent_base {
     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; }; "appearance": { "alias": "appearance"; "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;

package/toast/lib/toast.component.d.ts

@@ -1,6 +1,7 @@
 import { AXButtonItem } from '@acorex/components/button';
 import { AXComponentCloseEvent, MXBaseComponent } from '@acorex/components/common';
 import { DialogRef } from '@angular/cdk/dialog';
+import { OnInit } from '@angular/core';
 import { AXToastData } from './toast.class';
 import * as i0 from "@angular/core";
 /**
@@ -8,7 +9,7 @@ import * as i0 from "@angular/core";
  *
  * @category Components
  */
-export declare class AXToastComponent extends MXBaseComponent {
+export declare class AXToastComponent extends MXBaseComponent implements OnInit {
     config: AXToastData;
     private dialogRef;
     protected _toastWidth: number;

package/toast/lib/toast.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 AXToastConfig {
     gap: number;
     timeOut: number;

package/tooltip/lib/tooltip.directive.d.ts

@@ -1,5 +1,5 @@
-import { ElementRef, OnInit, TemplateRef, ViewContainerRef } from '@angular/core';
 import { AXPlacementType } from '@acorex/components/common';
+import { ElementRef, OnInit, TemplateRef, ViewContainerRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class AXTooltipDirective implements OnInit {
     private elementRef;

package/uploader/index.d.ts

@@ -1,4 +1,6 @@
 export * from './lib/uploader-drop-zone.component';
 export * from './lib/uploader-list.component';
 export * from './lib/uploader-overlay.component';
+export * from './lib/uploader-zone.directive';
 export * from './lib/uploader.module';
+export * from './lib/uploader.service';

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

@@ -1,6 +1,19 @@
-import { MXBaseComponent } from '@acorex/components/common';
+import { AXComponentCloseEvent, MXBaseComponent } from '@acorex/components/common';
+import { DialogRef } from '@angular/cdk/dialog';
 import * as i0 from "@angular/core";
+export interface AXUploaderItem {
+    type: 'picture' | 'doc' | 'pdf' | 'archive' | 'video' | 'unknow';
+    name: string;
+    size: number;
+    description?: string;
+}
 export declare class AXUploaderListComponent extends MXBaseComponent {
+    private dialogRef;
+    items: AXUploaderItem[];
+    leftTime: number;
+    constructor(dialogRef: DialogRef<AXComponentCloseEvent>);
+    toggle(): void;
+    close(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXUploaderListComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXUploaderListComponent, "ax-uploader-list", never, {}, {}, never, never, false, never>;
 }

package/uploader/lib/uploader-zone.directive.d.ts

@@ -0,0 +1,18 @@
+import { ElementRef, OnDestroy, OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class AXUploaderZoneDirective implements OnInit, OnDestroy {
+    private elementRef;
+    private element;
+    stateClass: string;
+    overlayElement: HTMLDivElement;
+    constructor(elementRef: ElementRef);
+    ngOnInit(): void;
+    init(): void;
+    ngOnDestroy(): void;
+    private handleDragEnter;
+    private handleDragLeave;
+    private createZone;
+    private removeZone;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXUploaderZoneDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AXUploaderZoneDirective, "[axUploaderZone]", never, {}, {}, never, never, false, never>;
+}

package/uploader/lib/uploader.module.d.ts

@@ -2,11 +2,13 @@ import * as i0 from "@angular/core";
 import * as i1 from "./uploader-drop-zone.component";
 import * as i2 from "./uploader-list.component";
 import * as i3 from "./uploader-overlay.component";
-import * as i4 from "@angular/common";
-import * as i5 from "@acorex/components/decorators";
-import * as i6 from "@acorex/components/button";
+import * as i4 from "./uploader-zone.directive";
+import * as i5 from "@angular/common";
+import * as i6 from "@acorex/components/decorators";
+import * as i7 from "@acorex/components/button";
+import * as i8 from "@acorex/core/translation";
 export declare class AXUploaderModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXUploaderModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXUploaderModule, [typeof i1.AXUploaderDropZoneComponent, typeof i2.AXUploaderListComponent, typeof i3.AXUploaderOverlayComponent], [typeof i4.CommonModule, typeof i5.AXDecoratorModule, typeof i6.AXButtonModule], [typeof i1.AXUploaderDropZoneComponent, typeof i2.AXUploaderListComponent, typeof i3.AXUploaderOverlayComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXUploaderModule, [typeof i1.AXUploaderDropZoneComponent, typeof i2.AXUploaderListComponent, typeof i3.AXUploaderOverlayComponent, typeof i4.AXUploaderZoneDirective], [typeof i5.CommonModule, typeof i6.AXDecoratorModule, typeof i7.AXButtonModule, typeof i8.AXTranslationModule], [typeof i1.AXUploaderDropZoneComponent, typeof i2.AXUploaderListComponent, typeof i3.AXUploaderOverlayComponent, typeof i4.AXUploaderZoneDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXUploaderModule>;
 }

package/uploader/lib/uploader.service.d.ts

@@ -0,0 +1,10 @@
+import { DialogRef } from '@angular/cdk/dialog';
+import * as i0 from "@angular/core";
+export declare class AXUploaderService {
+    private dialog;
+    dialogRef: DialogRef;
+    openDialog(): void;
+    closeDialog(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXUploaderService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AXUploaderService>;
+}

package/common/lib/components/appearance-component.class.d.ts

@@ -1,12 +0,0 @@
-import { EventEmitter } from '@angular/core';
-import { AXAppearanceType } from '../classes/styles.class';
-import { MXBaseComponent } from './base-component.class';
-export declare class MXAppearanceComponent extends MXBaseComponent {
-    appearanceChange: EventEmitter<AXAppearanceType>;
-    private _appearance;
-    /**
-     *  Predefined color schemes
-     */
-    get appearance(): AXAppearanceType;
-    set appearance(value: AXAppearanceType);
-}

package/esm2022/common/lib/components/appearance-component.class.mjs

@@ -1,25 +0,0 @@
-import { EventEmitter } from '@angular/core';
-import { MXBaseComponent } from './base-component.class';
-export class MXAppearanceComponent extends MXBaseComponent {
-    constructor() {
-        super(...arguments);
-        this.appearanceChange = new EventEmitter();
-        this._appearance = 'solid';
-    }
-    /**
-     *  Predefined color schemes
-     */
-    get appearance() {
-        return this._appearance;
-    }
-    set appearance(value) {
-        this.setOption({
-            name: 'appearance',
-            value,
-            afterCallback: () => {
-                this.cdr.markForCheck();
-            },
-        });
-    }
-}
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwZWFyYW5jZS1jb21wb25lbnQuY2xhc3MuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvY29tbW9uL3NyYy9saWIvY29tcG9uZW50cy9hcHBlYXJhbmNlLWNvbXBvbmVudC5jbGFzcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTdDLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUV6RCxNQUFNLE9BQU8scUJBQXNCLFNBQVEsZUFBZTtJQUExRDs7UUFFRSxxQkFBZ0IsR0FBbUMsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUM5RCxnQkFBVyxHQUFxQixPQUFPLENBQUM7SUFnQmxELENBQUM7SUFmQzs7T0FFRztJQUNILElBQUksVUFBVTtRQUNaLE9BQU8sSUFBSSxDQUFDLFdBQVcsQ0FBQztJQUMxQixDQUFDO0lBQ0QsSUFBSSxVQUFVLENBQUMsS0FBdUI7UUFDcEMsSUFBSSxDQUFDLFNBQVMsQ0FBQztZQUNiLElBQUksRUFBRSxZQUFZO1lBQ2xCLEtBQUs7WUFDTCxhQUFhLEVBQUUsR0FBRyxFQUFFO2dCQUNsQixJQUFJLENBQUMsR0FBRyxDQUFDLFlBQVksRUFBRSxDQUFDO1lBQzFCLENBQUM7U0FDRixDQUFDLENBQUM7SUFDTCxDQUFDO0NBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFYQXBwZWFyYW5jZVR5cGUgfSBmcm9tICcuLi9jbGFzc2VzL3N0eWxlcy5jbGFzcyc7XG5pbXBvcnQgeyBNWEJhc2VDb21wb25lbnQgfSBmcm9tICcuL2Jhc2UtY29tcG9uZW50LmNsYXNzJztcblxuZXhwb3J0IGNsYXNzIE1YQXBwZWFyYW5jZUNvbXBvbmVudCBleHRlbmRzIE1YQmFzZUNvbXBvbmVudCB7XG5cbiAgYXBwZWFyYW5jZUNoYW5nZTogRXZlbnRFbWl0dGVyPEFYQXBwZWFyYW5jZVR5cGU+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICBwcml2YXRlIF9hcHBlYXJhbmNlOiBBWEFwcGVhcmFuY2VUeXBlID0gJ3NvbGlkJztcbiAgLyoqXG4gICAqICBQcmVkZWZpbmVkIGNvbG9yIHNjaGVtZXNcbiAgICovXG4gIGdldCBhcHBlYXJhbmNlKCk6IEFYQXBwZWFyYW5jZVR5cGUge1xuICAgIHJldHVybiB0aGlzLl9hcHBlYXJhbmNlO1xuICB9XG4gIHNldCBhcHBlYXJhbmNlKHZhbHVlOiBBWEFwcGVhcmFuY2VUeXBlKSB7XG4gICAgdGhpcy5zZXRPcHRpb24oe1xuICAgICAgbmFtZTogJ2FwcGVhcmFuY2UnLFxuICAgICAgdmFsdWUsXG4gICAgICBhZnRlckNhbGxiYWNrOiAoKSA9PiB7XG4gICAgICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICAgICAgfSxcbiAgICB9KTtcbiAgfVxufVxuIl19