@acorex/components 20.3.36 → 20.3.38

package/text-box/index.d.ts

@@ -1,57 +1,49 @@
-import * as imask from 'imask';
-import { MaskedOptions } from 'imask';
-import * as i0 from '@angular/core';
-import { EventEmitter, AfterContentInit, ElementRef } from '@angular/core';
 import * as polytype from 'polytype';
+import * as _angular_core from '@angular/core';
+import { ElementRef } from '@angular/core';
 import * as i2 from '@acorex/cdk/common';
 import { MXInputBaseValueComponent, MXLookComponent } from '@acorex/cdk/common';
+import { AXMaskTokens } from '@acorex/cdk/input-mask';
 import * as i1 from '@angular/common';
 import * as i3 from '@angular/forms';
 import * as i4 from '@acorex/components/button';
 import * as i5 from '@acorex/components/decorators';
 
-type AXMaskOptions = MaskedOptions | any;
-interface AXMaskOptionsInterface {
-    mask: MaskedOptions | string | RegExp;
-    updateValue?: (masked: string, unmasked: string) => void;
-}
-declare class AXMaskOptionsDirective implements AXMaskOptionsInterface {
-    private _mask;
-    onMaskChange: EventEmitter<string | RegExp | Partial<Pick<imask.Masked<any>, "mask" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "format" | "parse" | "overwrite" | "eager" | "skipInvalid" | "autofix">>>;
-    get mask(): MaskedOptions | string | RegExp;
-    set mask(v: MaskedOptions | string | RegExp);
-    updateValue?: (masked: string, unmasked: string) => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXMaskOptionsDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AXMaskOptionsDirective, "ax-mask-options", never, { "mask": { "alias": "mask"; "required": false; }; "updateValue": { "alias": "updateValue"; "required": false; }; }, { "onMaskChange": "onMaskChange"; }, never, never, true, never>;
-}
-
 declare const AXTextBoxComponent_base: polytype.Polytype.ClusteredConstructor<[{
     new (): MXInputBaseValueComponent<string>;
-    ɵfac: i0.ɵɵFactoryDeclaration<MXInputBaseValueComponent<any>, never>;
-    ɵprov: i0.ɵɵInjectableDeclaration<MXInputBaseValueComponent<any>>;
+    ɵfac: _angular_core.ɵɵFactoryDeclaration<MXInputBaseValueComponent<any>, never>;
+    ɵprov: _angular_core.ɵɵInjectableDeclaration<MXInputBaseValueComponent<any>>;
 }, typeof MXLookComponent]>;
 /**
  * The Textbox is a component which detects user interaction and triggers a corresponding event
  *
  * @category Components
  */
-declare class AXTextBoxComponent extends AXTextBoxComponent_base implements AfterContentInit {
+declare class AXTextBoxComponent extends AXTextBoxComponent_base {
     /** @ignore */
     protected _updateOn: 'change' | 'blur' | 'submit';
     /** @ignore */
     protected input: ElementRef<HTMLInputElement>;
-    /** @ignore */
-    private _maskObj;
-    /** @ignore */
-    private _maskOptions;
     /**
-     * This public getter provides access to the `_maskOptions` property, which holds the configuration options for the mask feature.
+     * Custom mask pattern for 'mask' mode.
+     * Use the following tokens:
+     * - `#`: Required digit (0-9)
+     * - `^`: Required letter (a-z, A-Z)
+     * - `@`: Required alphanumeric (0-9, a-z, A-Z)
+     *
+     * Use ! before token to escape symbol. For example !# will render # instead of a digit.
+     * Any other character is treated as a literal separator.
+     * @example '(###) ###-####' for phone numbers
+     * @example 'AA-####' for license plates
+     * @example '##/##/####' for dates
      */
-    get maskOptions(): AXMaskOptions;
+    maskPattern: _angular_core.InputSignal<string>;
     /**
-     * @param value {AXMaskOptions} - The new mask configuration options to be set.
+     * Custom token definitions to extend or override default mask tokens.
+     * Each token maps to a pattern regex and optional transformation.
+     * @example { 'P': { pattern: /[1-9]/, transform: (c) => c.toUpperCase() } }
      */
-    set maskOptions(value: AXMaskOptions);
+    customTokens: _angular_core.InputSignal<AXMaskTokens>;
     /**
      * This property defines the maximum number of characters that the input field can accept. It can be dynamically bound from a parent component template to enforce input length constraints.
      */
@@ -67,29 +59,18 @@ declare class AXTextBoxComponent extends AXTextBoxComponent_base implements Afte
     /**
      * This will apply 'my-custom-class' and 'another-class' to the component's root element.
      */
-    classNames: i0.InputSignal<string>;
-    /** @ignore */
-    protected _maskOptionsContent: AXMaskOptionsDirective;
-    /** @ignore */
-    ngAfterContentInit(): void;
-    private initMask;
-    /** @ignore */
-    private setMask;
-    internalValueChanged(value: any): void;
-    /** @ignore */
-    private _onComplete;
+    classNames: _angular_core.InputSignal<string>;
     /** @ignore */
     protected _handleModelChange(value: string | null): void;
     private get __hostName();
-    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; }; "look": { "alias": "look"; "required": false; }; "maskOptions": { "alias": "mask-options"; "required": false; }; "classNames": { "alias": "class"; "required": false; "isSignal": true; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onKeyDown": "onKeyDown"; "onKeyUp": "onKeyUp"; "onKeyPress": "onKeyPress"; }, ["_maskOptionsContent"], ["ax-prefix", "ax-clear-button", "ax-suffix", "ax-validation-rule"], true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXTextBoxComponent, never>;
+    static ɵcmp: _angular_core.ɵɵ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; }; "maskPattern": { "alias": "maskPattern"; "required": false; "isSignal": true; }; "customTokens": { "alias": "customTokens"; "required": false; "isSignal": true; }; "classNames": { "alias": "class"; "required": false; "isSignal": true; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onKeyDown": "onKeyDown"; "onKeyUp": "onKeyUp"; "onKeyPress": "onKeyPress"; }, never, ["ax-prefix", "ax-clear-button", "ax-suffix", "ax-validation-rule"], true, never>;
 }
 
 declare class AXTextBoxModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXTextBoxModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXTextBoxModule, never, [typeof i1.CommonModule, typeof i2.AXCommonModule, typeof i3.FormsModule, typeof i4.AXButtonModule, typeof i5.AXDecoratorModule, typeof AXTextBoxComponent, typeof AXMaskOptionsDirective], [typeof AXTextBoxComponent, typeof AXMaskOptionsDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<AXTextBoxModule>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXTextBoxModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXTextBoxModule, never, [typeof i1.CommonModule, typeof i2.AXCommonModule, typeof i3.FormsModule, typeof i4.AXButtonModule, typeof i5.AXDecoratorModule, typeof AXTextBoxComponent], [typeof AXTextBoxComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXTextBoxModule>;
 }
 
-export { AXMaskOptionsDirective, AXTextBoxComponent, AXTextBoxModule };
-export type { AXMaskOptions, AXMaskOptionsInterface };
+export { AXTextBoxComponent, AXTextBoxModule };

package/time-duration/index.d.ts

@@ -18,7 +18,8 @@ declare class AXTimeDurationComponent extends AXTimeDurationComponent_base {
     readonly maskDigits: _angular_core.InputSignal<string>;
     readonly minValue: _angular_core.InputSignal<number>;
     readonly maxValue: _angular_core.InputSignal<number>;
-    protected maskOptions: _angular_core.WritableSignal<any>;
+    protected mask: _angular_core.WritableSignal<any>;
+    protected maskPlaceHolder: _angular_core.WritableSignal<any>;
     private translationService;
     private timeDurationFormatter;
     private onInputFire;