@acorex/components 20.3.35 → 20.3.37

package/media-viewer/index.d.ts

@@ -28,7 +28,10 @@ type AXMediaViewerData = {
     tooltip?: string;
 };
 declare class AXMediaViewerBaseComponent {
-    message: AXMediaViewerData;
+    message: {
+        data: AXMediaViewerData;
+        index: number;
+    };
     static ɵfac: i0.ɵɵFactoryDeclaration<AXMediaViewerBaseComponent, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AXMediaViewerBaseComponent>;
 }
@@ -36,6 +39,7 @@ declare class AXMediaViewerBaseComponent {
 declare class AXMediaViewerService {
     dataArray: i0.WritableSignal<AXMediaViewerData[]>;
     selectedIndex: i0.WritableSignal<number>;
+    dirtyItems: Map<any, any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXMediaViewerService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AXMediaViewerService>;
 }
@@ -88,6 +92,7 @@ declare class AXMediaViewerSliderComponent {
     #private;
     protected service: AXMediaViewerService;
     dataObject: i0.InputSignal<AXMediaViewerData>;
+    index: i0.InputSignal<unknown>;
     /**  @ignore */
     protected portal: i0.WritableSignal<ComponentPortal<any>>;
     /**  @ignore */
@@ -95,12 +100,13 @@ declare class AXMediaViewerSliderComponent {
     /**  @ignore */
     protected _handleAttached(ref: CdkPortalOutletAttachedRef): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXMediaViewerSliderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXMediaViewerSliderComponent, "ax-media-viewer-slider", never, { "dataObject": { "alias": "dataObject"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXMediaViewerSliderComponent, "ax-media-viewer-slider", never, { "dataObject": { "alias": "dataObject"; "required": false; "isSignal": true; }; "index": { "alias": "index"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class AXAudioPlayerComponent extends AXMediaViewerBaseComponent {
-    dataObject: i0.WritableSignal<AXMediaViewerData>;
-    constructor();
+    #private;
+    protected src: i0.WritableSignal<any>;
+    protected service: AXMediaViewerService;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXAudioPlayerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXAudioPlayerComponent, "ax-audio-player", never, {}, {}, never, never, true, never>;
 }
@@ -116,6 +122,7 @@ declare class AXImageViewerComponent extends AXMediaViewerBaseComponent {
     #private;
     protected hasError: i0.WritableSignal<boolean>;
     protected src: i0.WritableSignal<any>;
+    protected service: AXMediaViewerService;
     protected handleImageError(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXImageViewerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXImageViewerComponent, "ax-image-viewer", never, {}, {}, never, never, true, never>;
@@ -125,6 +132,7 @@ declare class PdfComponent extends AXMediaViewerBaseComponent {
     #private;
     sanitizer: DomSanitizer;
     protected src: i0.WritableSignal<any>;
+    protected service: AXMediaViewerService;
     static ɵfac: i0.ɵɵFactoryDeclaration<PdfComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PdfComponent, "ax-pdf", never, {}, {}, never, never, true, never>;
 }
@@ -142,6 +150,7 @@ declare class AXThumbnailViewerComponent extends AXMediaViewerBaseComponent {
 declare class VideoPlayerComponent extends AXMediaViewerBaseComponent {
     #private;
     protected src: i0.WritableSignal<any>;
+    protected service: AXMediaViewerService;
     static ɵfac: i0.ɵɵFactoryDeclaration<VideoPlayerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<VideoPlayerComponent, "ax-video", never, {}, {}, never, never, true, never>;
 }

package/package.json

@@ -1,14 +1,13 @@
 {
   "name": "@acorex/components",
-  "version": "20.3.35",
+  "version": "20.3.37",
   "peerDependencies": {
-    "@acorex/core": "20.3.35",
-    "@acorex/cdk": "20.3.35",
+    "@acorex/core": "20.3.37",
+    "@acorex/cdk": "20.3.37",
     "@angular/common": "^20.0.0",
     "@angular/core": "^20.0.0",
     "@angular/cdk": "^20.0.0",
     "polytype": ">=0.17.0",
-    "imask": ">=7.6.1",
     "angular-imask": ">=7.6.1",
     "gridstack": "^11.1.2",
     "rrule": "^2.8.1",
@@ -109,14 +108,14 @@
       "types": "./button/index.d.ts",
       "default": "./fesm2022/acorex-components-button.mjs"
     },
-    "./calendar": {
-      "types": "./calendar/index.d.ts",
-      "default": "./fesm2022/acorex-components-calendar.mjs"
-    },
     "./button-group": {
       "types": "./button-group/index.d.ts",
       "default": "./fesm2022/acorex-components-button-group.mjs"
     },
+    "./calendar": {
+      "types": "./calendar/index.d.ts",
+      "default": "./fesm2022/acorex-components-calendar.mjs"
+    },
     "./check-box": {
       "types": "./check-box/index.d.ts",
       "default": "./fesm2022/acorex-components-check-box.mjs"

package/popover/index.d.ts

@@ -36,6 +36,7 @@ declare class AXPopoverComponent extends MXBaseComponent implements OnDestroy {
     /** @ignore */
     private _disabled;
     readonly width: i0.InputSignal<string>;
+    readonly forceDisableActionSheetStyle: i0.InputSignal<boolean>;
     private translateService;
     /**
      * Gets or sets whether the popover is disabled.
@@ -240,7 +241,7 @@ declare class AXPopoverComponent extends MXBaseComponent implements OnDestroy {
     /** @ignore */
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPopoverComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXPopoverComponent, "ax-popover", never, { "width": { "alias": "width"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; }; "offsetX": { "alias": "offsetX"; "required": false; }; "offsetY": { "alias": "offsetY"; "required": false; }; "target": { "alias": "target"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "content": { "alias": "content"; "required": false; }; "openOn": { "alias": "openOn"; "required": false; }; "closeOn": { "alias": "closeOn"; "required": false; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "openAfter": { "alias": "openAfter"; "required": false; }; "closeAfter": { "alias": "closeAfter"; "required": false; }; "repositionOnScroll": { "alias": "repositionOnScroll"; "required": false; }; "backdropClass": { "alias": "backdropClass"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "adaptivityEnabled": { "alias": "adaptivityEnabled"; "required": false; }; }, { "onOpened": "onOpened"; "onClosed": "onClosed"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPopoverComponent, "ax-popover", never, { "width": { "alias": "width"; "required": false; "isSignal": true; }; "forceDisableActionSheetStyle": { "alias": "forceDisableActionSheetStyle"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; }; "offsetX": { "alias": "offsetX"; "required": false; }; "offsetY": { "alias": "offsetY"; "required": false; }; "target": { "alias": "target"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "content": { "alias": "content"; "required": false; }; "openOn": { "alias": "openOn"; "required": false; }; "closeOn": { "alias": "closeOn"; "required": false; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "openAfter": { "alias": "openAfter"; "required": false; }; "closeAfter": { "alias": "closeAfter"; "required": false; }; "repositionOnScroll": { "alias": "repositionOnScroll"; "required": false; }; "backdropClass": { "alias": "backdropClass"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "adaptivityEnabled": { "alias": "adaptivityEnabled"; "required": false; }; }, { "onOpened": "onOpened"; "onClosed": "onClosed"; }, never, ["*"], true, never>;
 }
 
 declare class AXPopoverModule {

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;