@acorex/components 7.2.6 → 7.2.8

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;
-        "__#5088@#rtl": boolean;
+        "__#5171@#rtl": boolean;
         rtl: boolean;
-        "__#5088@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#5171@#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;
-        "__#5088@#rtl": boolean;
+        "__#5171@#rtl": boolean;
         rtl: boolean;
-        "__#5088@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#5171@#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;
-        "__#5088@#rtl": boolean;
+        "__#5171@#rtl": boolean;
         rtl: boolean;
-        "__#5088@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#5171@#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;
-        "__#5088@#rtl": boolean;
+        "__#5171@#rtl": boolean;
         rtl: boolean;
-        "__#5088@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#5171@#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>;
-        "__#5092@#readonly": boolean;
+        "__#5175@#readonly": boolean;
         /**
          *  If set to true, user cannot change the value of component.
          */
         readonly: boolean;
-        "__#5092@#allowNull": boolean;
+        "__#5175@#allowNull": boolean;
         allowNull: boolean;
-        "__#5092@#name": string;
+        "__#5175@#name": string;
         name: string;
-        "__#5092@#isUserInteraction": boolean;
+        "__#5175@#isUserInteraction": boolean;
         readonly isUserInteraction: boolean;
-        "__#5092@#value": any;
+        "__#5175@#value": any;
         value: any;
-        "__#5092@#state": AXComponentState;
+        "__#5175@#state": AXComponentState;
         state: AXComponentState;
         _emitOnValueChangedEvent(oldValue?: any, newValue?: any): void;
         _internalSetValue(value: any): any;
@@ -32,6 +32,7 @@ export declare function _ValueComponenetMixin<TBase extends Constructor<AXBaseCo
         _setValue(value: any): any;
         _getValue(value: any): any;
         _setUserInteraction(): void;
+        setUserInteraction(): void;
         _onValueChanged(oldValue: any, newValue: any): void;
         _onInternalInit(): void;
         _onInternalViewInit(): void;
@@ -41,9 +42,9 @@ export declare function _ValueComponenetMixin<TBase extends Constructor<AXBaseCo
         validate(): Promise<any>;
         _setState(state: AXComponentState, ...args: any[]): void;
         id: string;
-        "__#5088@#rtl": boolean;
+        "__#5171@#rtl": boolean;
         rtl: boolean;
-        "__#5088@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#5171@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acorex/components",
-  "version": "7.2.6",
+  "version": "7.2.8",
   "sideEffects": false,
   "module": "fesm2022/acorex-components.mjs",
   "typings": "index.d.ts",
@@ -122,18 +122,18 @@
       "esm": "./esm2022/decorators/acorex-components-decorators.mjs",
       "default": "./fesm2022/acorex-components-decorators.mjs"
     },
-    "./drawer": {
-      "types": "./drawer/index.d.ts",
-      "esm2022": "./esm2022/drawer/acorex-components-drawer.mjs",
-      "esm": "./esm2022/drawer/acorex-components-drawer.mjs",
-      "default": "./fesm2022/acorex-components-drawer.mjs"
-    },
     "./dialog": {
       "types": "./dialog/index.d.ts",
       "esm2022": "./esm2022/dialog/acorex-components-dialog.mjs",
       "esm": "./esm2022/dialog/acorex-components-dialog.mjs",
       "default": "./fesm2022/acorex-components-dialog.mjs"
     },
+    "./drawer": {
+      "types": "./drawer/index.d.ts",
+      "esm2022": "./esm2022/drawer/acorex-components-drawer.mjs",
+      "esm": "./esm2022/drawer/acorex-components-drawer.mjs",
+      "default": "./fesm2022/acorex-components-drawer.mjs"
+    },
     "./dropdown": {
       "types": "./dropdown/index.d.ts",
       "esm2022": "./esm2022/dropdown/acorex-components-dropdown.mjs",
@@ -218,23 +218,17 @@
       "esm": "./esm2022/popup/acorex-components-popup.mjs",
       "default": "./fesm2022/acorex-components-popup.mjs"
     },
-    "./progress-bar": {
-      "types": "./progress-bar/index.d.ts",
-      "esm2022": "./esm2022/progress-bar/acorex-components-progress-bar.mjs",
-      "esm": "./esm2022/progress-bar/acorex-components-progress-bar.mjs",
-      "default": "./fesm2022/acorex-components-progress-bar.mjs"
-    },
     "./radio": {
       "types": "./radio/index.d.ts",
       "esm2022": "./esm2022/radio/acorex-components-radio.mjs",
       "esm": "./esm2022/radio/acorex-components-radio.mjs",
       "default": "./fesm2022/acorex-components-radio.mjs"
     },
-    "./range-slider": {
-      "types": "./range-slider/index.d.ts",
-      "esm2022": "./esm2022/range-slider/acorex-components-range-slider.mjs",
-      "esm": "./esm2022/range-slider/acorex-components-range-slider.mjs",
-      "default": "./fesm2022/acorex-components-range-slider.mjs"
+    "./progress-bar": {
+      "types": "./progress-bar/index.d.ts",
+      "esm2022": "./esm2022/progress-bar/acorex-components-progress-bar.mjs",
+      "esm": "./esm2022/progress-bar/acorex-components-progress-bar.mjs",
+      "default": "./fesm2022/acorex-components-progress-bar.mjs"
     },
     "./result": {
       "types": "./result/index.d.ts",
@@ -242,6 +236,12 @@
       "esm": "./esm2022/result/acorex-components-result.mjs",
       "default": "./fesm2022/acorex-components-result.mjs"
     },
+    "./range-slider": {
+      "types": "./range-slider/index.d.ts",
+      "esm2022": "./esm2022/range-slider/acorex-components-range-slider.mjs",
+      "esm": "./esm2022/range-slider/acorex-components-range-slider.mjs",
+      "default": "./fesm2022/acorex-components-range-slider.mjs"
+    },
     "./search-box": {
       "types": "./search-box/index.d.ts",
       "esm2022": "./esm2022/search-box/acorex-components-search-box.mjs",
@@ -320,13 +320,13 @@
   },
   "peerDependencies": {
     "@angular/cdk": "16.1.5",
-    "@angular/core": "16.1.5",
-    "@angular/common": "16.1.5",
-    "@acorex/core": "7.2.6",
+    "@angular/core": "16.1.6",
+    "@angular/common": "16.1.6",
+    "@acorex/core": "7.2.8",
     "polytype": "0.16.2",
-    "@angular/forms": "16.1.5",
-    "@angular/router": "16.1.5",
-    "imask": "7.1.2",
-    "angular-imask": "7.1.2"
+    "@angular/forms": "16.1.6",
+    "@angular/router": "16.1.6",
+    "imask": "7.1.3",
+    "angular-imask": "7.1.3"
   }
 }

package/range-slider/lib/range-slider.component.d.ts

@@ -1,10 +1,9 @@
-import { ElementRef, ChangeDetectorRef, EventEmitter, NgZone } from '@angular/core';
-import { AXStyleColorType } from '@acorex/components/common';
-import { AXBaseValueComponentMixin, AXComponentOptionChanged } from '@acorex/components/mixin';
+import { EventEmitter, NgZone } from '@angular/core';
+import { AXStyleColorType, MXComponentOptionChanged, MXValueComponent } from '@acorex/components/common';
 import * as i0 from "@angular/core";
-export declare class AXRangeSliderComponent extends AXBaseValueComponentMixin {
+export declare class AXRangeSliderComponent extends MXValueComponent<number> {
     private _zone;
-    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef, _zone: NgZone);
+    constructor(_zone: NgZone);
     private _minValue;
     /**
      *  Specifies the smallest value that is valid
@@ -31,11 +30,11 @@ export declare class AXRangeSliderComponent extends AXBaseValueComponentMixin {
     get color(): AXStyleColorType;
     set color(value: AXStyleColorType);
     oriantaion: 'vertical' | 'horizontal';
-    onViewInit(): void;
-    _onValueChanged(oldValue: number, newValue: number): void;
-    _onOptionChanged(e: AXComponentOptionChanged): void;
+    internalOptionChanged(e: MXComponentOptionChanged): void;
+    internalValueChanged(value: number): void;
+    protected _handleModelChange(value: number): void;
     private _calcVars;
     private get __hostClass();
     static ɵfac: i0.ɵɵFactoryDeclaration<AXRangeSliderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXRangeSliderComponent, "ax-range-slider", never, { "readonly": { "alias": "readonly"; "required": false; }; "allowNull": { "alias": "allowNull"; "required": false; }; "value": { "alias": "value"; "required": false; }; "name": { "alias": "name"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; "step": { "alias": "step"; "required": false; }; "color": { "alias": "color"; "required": false; }; "oriantaion": { "alias": "oriantaion"; "required": false; }; }, { "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "colorChange": "colorChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXRangeSliderComponent, "ax-range-slider", never, { "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; "name": { "alias": "name"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; "step": { "alias": "step"; "required": false; }; "color": { "alias": "color"; "required": false; }; "oriantaion": { "alias": "oriantaion"; "required": false; }; }, { "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "colorChange": "colorChange"; }, never, never, false, never>;
 }

package/range-slider/lib/range-slider.module.d.ts

@@ -1,9 +1,10 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./range-slider.component";
 import * as i2 from "@angular/common";
-import * as i3 from "@angular/forms";
+import * as i3 from "@acorex/components/common";
+import * as i4 from "@angular/forms";
 export declare class AXRangeSliderModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXRangeSliderModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXRangeSliderModule, [typeof i1.AXRangeSliderComponent], [typeof i2.CommonModule, typeof i3.FormsModule], [typeof i1.AXRangeSliderComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXRangeSliderModule, [typeof i1.AXRangeSliderComponent], [typeof i2.CommonModule, typeof i3.AXCommonModule, typeof i4.FormsModule], [typeof i1.AXRangeSliderComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXRangeSliderModule>;
 }

package/switch/lib/switch.component.d.ts

@@ -1,13 +1,15 @@
-import { AXBaseValueComponentMixin } from '@acorex/components/mixin';
-import { ChangeDetectorRef, ElementRef } from '@angular/core';
+import { MXColorComponent, MXValueComponent } from '@acorex/components/common';
 import * as i0 from "@angular/core";
-export declare class AXSwitchComponent extends AXBaseValueComponentMixin {
-    uncheckedText: string;
-    checkedText: string;
+declare const AXSwitchComponent_base: import("polytype").Polytype.ClusteredConstructor<[{
+    new (): MXValueComponent<boolean>;
+    ɵfac: unknown;
+    ɵprov: import("@angular/core").ɵɵInjectableDeclaration<MXValueComponent<any>>;
+}, typeof MXColorComponent]>;
+export declare class AXSwitchComponent extends AXSwitchComponent_base {
     loading: boolean;
-    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
-    _handleOnClickEvent(e: MouseEvent): void;
+    protected _handleOnClickEvent(e: MouseEvent): void;
     private get __hostClass();
     static ɵfac: i0.ɵɵFactoryDeclaration<AXSwitchComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXSwitchComponent, "ax-switch", never, { "disabled": { "alias": "disabled"; "required": false; }; "color": { "alias": "color"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "size": { "alias": "size"; "required": false; }; "cssClass": { "alias": "cssClass"; "required": false; }; "cssStyle": { "alias": "cssStyle"; "required": false; }; "allowNull": { "alias": "allowNull"; "required": false; }; "value": { "alias": "value"; "required": false; }; "name": { "alias": "name"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "uncheckedText": { "alias": "uncheckedText"; "required": false; }; "checkedText": { "alias": "checkedText"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; }, never, ["ax-switch-handler-content", "ax-switch-off-content", "ax-switch-on-content"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXSwitchComponent, "ax-switch", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "color": { "alias": "color"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "value": { "alias": "value"; "required": false; }; "name": { "alias": "name"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; }, never, ["ax-switch-handler-content", "ax-switch-off-content", "ax-switch-on-content"], false, never>;
 }
+export {};

package/tabs/lib/tab-item.component.d.ts

@@ -5,9 +5,9 @@ export declare const AXBaseTabItemMixin: (new (...args: any[]) => {
     onClick: EventEmitter<import("dist/libs/components/common").AXClickEvent>;
     _emitOnClickEvent(e: MouseEvent): void;
     id: string;
-    "__#5088@#rtl": boolean;
+    "__#5171@#rtl": boolean;
     rtl: boolean;
-    "__#5088@#elementRef": ElementRef<any>;
+    "__#5171@#elementRef": ElementRef<any>;
     _cdr: ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;

package/textbox/lib/textbox.component.d.ts

@@ -1,5 +1,4 @@
-import { ChangeDetectorRef, ElementRef } from '@angular/core';
-import { AXBaseTextBoxMixin } from '@acorex/components/mixin';
+import { MXInputBaseValueComponent } from '@acorex/components/common';
 import { AXMaskOptions, AXMaskOptionsDirective } from './mask-options.directive';
 import * as i0 from "@angular/core";
 /**
@@ -7,21 +6,22 @@ import * as i0 from "@angular/core";
  *
  * @category Components
  */
-export declare class AXTextBoxComponent extends AXBaseTextBoxMixin {
+export declare class AXTextBoxComponent extends MXInputBaseValueComponent<string> {
     protected _updateOn: 'change' | 'blur' | 'submit';
     private input;
     private _maskObj;
     private _maskOptions;
     get maskOptions(): AXMaskOptions;
     set maskOptions(value: AXMaskOptions);
+    maxLength: number;
+    placeholder: string;
+    type: string;
+    autoComplete: string;
     protected _maskOptionsContent: AXMaskOptionsDirective;
-    /**
-     *  @ignore
-     */
-    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
     ngAfterContentInit(): void;
     focus(): void;
     private _onComplete;
+    protected _handleModelChange(value: string | null): void;
     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; }; "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; }; "maskOptions": { "alias": "mask-options"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; }, ["_maskOptionsContent"], ["ax-prefix", "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; }; "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; }; "maskOptions": { "alias": "mask-options"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; }, ["_maskOptionsContent"], ["ax-prefix", "ax-suffix", "ax-validation-rule"], false, never>;
 }

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

@@ -46,5 +46,5 @@ export declare class AXTimeBoxComponent extends AXBaseTextBoxMixin {
     _handleOnInputClickEvent(e: MouseEvent): void;
     private _highlightPart;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXTimeBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXTimeBoxComponent, "ax-time-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; }; "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; }; "minValue": { "alias": "minValue"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; "format": { "alias": "format"; "required": false; }; "displayText": { "alias": "displayText"; "required": false; }; }, { "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "formatChange": "formatChange"; "displayTextChange": "displayTextChange"; }, never, ["ax-prefix", "ax-suffix", "ax-validation-rule"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXTimeBoxComponent, "ax-time-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; }; "placeholder": { "alias": "placeholder"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "type": { "alias": "type"; "required": false; }; "autoComplete": { "alias": "autoComplete"; "required": false; }; "name": { "alias": "name"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; "format": { "alias": "format"; "required": false; }; "displayText": { "alias": "displayText"; "required": false; }; }, { "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "formatChange": "formatChange"; "displayTextChange": "displayTextChange"; }, never, ["ax-prefix", "ax-suffix", "ax-validation-rule"], false, never>;
 }