@acorex/components 20.7.40 → 20.7.42

package/otp/index.d.ts

@@ -2,6 +2,7 @@ import { AXEvent, MXValueComponent, MXLookComponent } from '@acorex/cdk/common';
 import * as polytype from 'polytype';
 import * as _angular_core from '@angular/core';
 
+type AXOtpMode = 'number' | 'dot' | 'star';
 declare class AXOtpCompletedEvent extends AXEvent {
     value: string;
     isCompleted: boolean;
@@ -18,6 +19,13 @@ declare const AXOtpComponent_base: polytype.Polytype.ClusteredConstructor<[{
  */
 declare class AXOtpComponent extends AXOtpComponent_base {
     type: _angular_core.InputSignal<"number" | "text">;
+    /**
+     * Controls how entered digits are displayed in each input.
+     * - `number`: shows the actual digit
+     * - `dot`: shows a dot character
+     * - `star`: shows an asterisk character
+     */
+    mode: _angular_core.InputSignal<AXOtpMode>;
     /**
      * Holds the length of the OTP input field.
      */
@@ -50,6 +58,14 @@ declare class AXOtpComponent extends AXOtpComponent_base {
     /** @ignore */
     internalSetValue(value: any): string;
     /** @ignore */
+    protected displayValue(i: number): string;
+    /** @ignore */
+    protected isMasked(): boolean;
+    /** @ignore */
+    protected hasValue(i: number): boolean;
+    /** @ignore */
+    protected _maskCharacter(): string;
+    /** @ignore */
     protected calcFontSize(): void;
     /** @ignore */
     protected _handleOnKeyDown(event: KeyboardEvent, i: number): void;
@@ -60,7 +76,7 @@ declare class AXOtpComponent extends AXOtpComponent_base {
     /** @ignore */
     protected _emitOnComplete(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXOtpComponent, never>;
-    static ɵcmp: _angular_core.ɵɵ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; }; "name": { "alias": "name"; "required": false; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "length": { "alias": "length"; "required": false; "isSignal": true; }; }, { "stateChange": "stateChange"; "disabledChange": "disabledChange"; "length": "lengthChange"; "onCompleted": "onCompleted"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵ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; }; "name": { "alias": "name"; "required": false; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "length": { "alias": "length"; "required": false; "isSignal": true; }; }, { "stateChange": "stateChange"; "disabledChange": "disabledChange"; "length": "lengthChange"; "onCompleted": "onCompleted"; }, never, ["ax-validation-rule"], true, never>;
 }
 
 declare class AXOtpModule {
@@ -70,3 +86,4 @@ declare class AXOtpModule {
 }
 
 export { AXOtpCompletedEvent, AXOtpComponent, AXOtpModule };
+export type { AXOtpMode };

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@acorex/components",
-  "version": "20.7.40",
+  "version": "20.7.42",
   "peerDependencies": {
-    "@acorex/core": "20.7.40",
-    "@acorex/cdk": "20.7.40",
+    "@acorex/core": "20.7.42",
+    "@acorex/cdk": "20.7.42",
     "polytype": ">=0.17.0",
     "angular-imask": ">=7.6.1",
     "gridstack": ">=12.0.0",
@@ -64,14 +64,14 @@
       "types": "./action-sheet/index.d.ts",
       "default": "./fesm2022/acorex-components-action-sheet.mjs"
     },
-    "./aspect-ratio": {
-      "types": "./aspect-ratio/index.d.ts",
-      "default": "./fesm2022/acorex-components-aspect-ratio.mjs"
-    },
     "./alert": {
       "types": "./alert/index.d.ts",
       "default": "./fesm2022/acorex-components-alert.mjs"
     },
+    "./aspect-ratio": {
+      "types": "./aspect-ratio/index.d.ts",
+      "default": "./fesm2022/acorex-components-aspect-ratio.mjs"
+    },
     "./audio-wave": {
       "types": "./audio-wave/index.d.ts",
       "default": "./fesm2022/acorex-components-audio-wave.mjs"
@@ -328,30 +328,30 @@
       "types": "./popover/index.d.ts",
       "default": "./fesm2022/acorex-components-popover.mjs"
     },
-    "./popup": {
-      "types": "./popup/index.d.ts",
-      "default": "./fesm2022/acorex-components-popup.mjs"
-    },
     "./progress-bar": {
       "types": "./progress-bar/index.d.ts",
       "default": "./fesm2022/acorex-components-progress-bar.mjs"
     },
-    "./qrcode": {
-      "types": "./qrcode/index.d.ts",
-      "default": "./fesm2022/acorex-components-qrcode.mjs"
+    "./popup": {
+      "types": "./popup/index.d.ts",
+      "default": "./fesm2022/acorex-components-popup.mjs"
     },
     "./query-builder": {
       "types": "./query-builder/index.d.ts",
       "default": "./fesm2022/acorex-components-query-builder.mjs"
     },
-    "./radio": {
-      "types": "./radio/index.d.ts",
-      "default": "./fesm2022/acorex-components-radio.mjs"
+    "./qrcode": {
+      "types": "./qrcode/index.d.ts",
+      "default": "./fesm2022/acorex-components-qrcode.mjs"
     },
     "./rail-navigation": {
       "types": "./rail-navigation/index.d.ts",
       "default": "./fesm2022/acorex-components-rail-navigation.mjs"
     },
+    "./radio": {
+      "types": "./radio/index.d.ts",
+      "default": "./fesm2022/acorex-components-radio.mjs"
+    },
     "./range-slider": {
       "types": "./range-slider/index.d.ts",
       "default": "./fesm2022/acorex-components-range-slider.mjs"
@@ -388,14 +388,14 @@
       "types": "./scss/index.d.ts",
       "default": "./fesm2022/acorex-components-scss.mjs"
     },
-    "./search-box": {
-      "types": "./search-box/index.d.ts",
-      "default": "./fesm2022/acorex-components-search-box.mjs"
-    },
     "./select-box": {
       "types": "./select-box/index.d.ts",
       "default": "./fesm2022/acorex-components-select-box.mjs"
     },
+    "./search-box": {
+      "types": "./search-box/index.d.ts",
+      "default": "./fesm2022/acorex-components-search-box.mjs"
+    },
     "./selection-list": {
       "types": "./selection-list/index.d.ts",
       "default": "./fesm2022/acorex-components-selection-list.mjs"
@@ -440,10 +440,6 @@
       "types": "./tag-box/index.d.ts",
       "default": "./fesm2022/acorex-components-tag-box.mjs"
     },
-    "./text-area": {
-      "types": "./text-area/index.d.ts",
-      "default": "./fesm2022/acorex-components-text-area.mjs"
-    },
     "./text-box": {
       "types": "./text-box/index.d.ts",
       "default": "./fesm2022/acorex-components-text-box.mjs"
@@ -452,6 +448,10 @@
       "types": "./time-duration/index.d.ts",
       "default": "./fesm2022/acorex-components-time-duration.mjs"
     },
+    "./text-area": {
+      "types": "./text-area/index.d.ts",
+      "default": "./fesm2022/acorex-components-text-area.mjs"
+    },
     "./time-line": {
       "types": "./time-line/index.d.ts",
       "default": "./fesm2022/acorex-components-time-line.mjs"