@acorex/components 18.6.0 → 18.7.2

package/otp/lib/otp.component.d.ts

@@ -4,26 +4,60 @@ import { AXOtpCompletedEvent } from './otp.class';
 import * as i0 from "@angular/core";
 declare const AXOtpComponent_base: import("polytype").Polytype.ClusteredConstructor<[{
     new (): MXValueComponent<string>;
-    ɵfac: unknown;
+    ɵfac: import("@angular/core").ɵɵFactoryDeclaration<MXValueComponent<any>, never>;
     ɵprov: import("@angular/core").ɵɵInjectableDeclaration<MXValueComponent<any>>;
 }, typeof MXLookComponent]>;
+/**
+ * @category
+ * A component for OTP input fields with state management and custom styling support.
+ */
 export declare class AXOtpComponent extends AXOtpComponent_base implements OnInit, AfterViewInit {
+    /**
+   * Holds the length of the OTP input field.
+   */
     length: import("@angular/core").ModelSignal<number>;
+    /**
+   * @event
+   * Emits an event when the OTP input is completed.
+   */
     onCompleted: import("@angular/core").OutputEmitterRef<AXOtpCompletedEvent>;
+    /**
+   * Stores the values entered in the OTP input fields.
+   */
     inputValues: number[];
+    /**
+   * Holds the input values as a signal.
+   */
     inputs: import("@angular/core").WritableSignal<number[]>;
+    /** @ignore */
     constructor();
+    /** @ignore */
     ngOnInit(): void;
+    /** @ignore */
     ngAfterViewInit(): void;
+    /**
+   * Converts the value string to input values and updates the inputValues array.
+   */
     mapValueToInputs(): void;
+    /**
+    * Resets the input values to an empty array.
+    */
     reset(): void;
+    /** @ignore */
     private _render;
+    /** @ignore */
     protected _handleOnInput(event: any, i: number): void;
+    /** @ignore */
     internalSetValue(value: any): string;
+    /** @ignore */
     protected calcFontSize(): void;
+    /** @ignore */
     protected _handleOnKeyDown(event: KeyboardEvent, i: number): void;
+    /** @ignore */
     protected _handleOnPaste(event: ClipboardEvent): void;
+    /** @ignore */
     protected _handleOnClick(i: any): void;
+    /** @ignore */
     protected _emitOnComplete(): 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; }; "look": { "alias": "look"; "required": false; }; "length": { "alias": "length"; "required": false; "isSignal": true; }; }, { "stateChange": "stateChange"; "disabledChange": "disabledChange"; "length": "lengthChange"; "onCompleted": "onCompleted"; }, never, never, false, never>;

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@acorex/components",
-  "version": "18.6.0",
+  "version": "18.7.2",
   "peerDependencies": {
-    "@angular/common": ">=18.0.0",
-    "@angular/core": ">=18.0.0",
-    "@angular/cdk": ">=18.0.0",
+    "@angular/common": ">=18.2.0",
+    "@angular/core": ">=18.2.0",
+    "@angular/cdk": ">=18.2.0",
     "polytype": ">=0.17.0",
     "imask": ">=7.6.1",
     "angular-imask": ">=7.6.1"
@@ -31,11 +31,17 @@
       "esm": "./esm2022/action-sheet/acorex-components-action-sheet.mjs",
       "default": "./fesm2022/acorex-components-action-sheet.mjs"
     },
-    "./avatar": {
-      "types": "./avatar/index.d.ts",
-      "esm2022": "./esm2022/avatar/acorex-components-avatar.mjs",
-      "esm": "./esm2022/avatar/acorex-components-avatar.mjs",
-      "default": "./fesm2022/acorex-components-avatar.mjs"
+    "./alert": {
+      "types": "./alert/index.d.ts",
+      "esm2022": "./esm2022/alert/acorex-components-alert.mjs",
+      "esm": "./esm2022/alert/acorex-components-alert.mjs",
+      "default": "./fesm2022/acorex-components-alert.mjs"
+    },
+    "./audio-wave": {
+      "types": "./audio-wave/index.d.ts",
+      "esm2022": "./esm2022/audio-wave/acorex-components-audio-wave.mjs",
+      "esm": "./esm2022/audio-wave/acorex-components-audio-wave.mjs",
+      "default": "./fesm2022/acorex-components-audio-wave.mjs"
     },
     "./badge": {
       "types": "./badge/index.d.ts",
@@ -43,24 +49,18 @@
       "esm": "./esm2022/badge/acorex-components-badge.mjs",
       "default": "./fesm2022/acorex-components-badge.mjs"
     },
+    "./avatar": {
+      "types": "./avatar/index.d.ts",
+      "esm2022": "./esm2022/avatar/acorex-components-avatar.mjs",
+      "esm": "./esm2022/avatar/acorex-components-avatar.mjs",
+      "default": "./fesm2022/acorex-components-avatar.mjs"
+    },
     "./bottom-navigation": {
       "types": "./bottom-navigation/index.d.ts",
       "esm2022": "./esm2022/bottom-navigation/acorex-components-bottom-navigation.mjs",
       "esm": "./esm2022/bottom-navigation/acorex-components-bottom-navigation.mjs",
       "default": "./fesm2022/acorex-components-bottom-navigation.mjs"
     },
-    "./alert": {
-      "types": "./alert/index.d.ts",
-      "esm2022": "./esm2022/alert/acorex-components-alert.mjs",
-      "esm": "./esm2022/alert/acorex-components-alert.mjs",
-      "default": "./fesm2022/acorex-components-alert.mjs"
-    },
-    "./audio-wave": {
-      "types": "./audio-wave/index.d.ts",
-      "esm2022": "./esm2022/audio-wave/acorex-components-audio-wave.mjs",
-      "esm": "./esm2022/audio-wave/acorex-components-audio-wave.mjs",
-      "default": "./fesm2022/acorex-components-audio-wave.mjs"
-    },
     "./breadcrumbs": {
       "types": "./breadcrumbs/index.d.ts",
       "esm2022": "./esm2022/breadcrumbs/acorex-components-breadcrumbs.mjs",
@@ -85,18 +85,18 @@
       "esm": "./esm2022/calendar/acorex-components-calendar.mjs",
       "default": "./fesm2022/acorex-components-calendar.mjs"
     },
-    "./chips": {
-      "types": "./chips/index.d.ts",
-      "esm2022": "./esm2022/chips/acorex-components-chips.mjs",
-      "esm": "./esm2022/chips/acorex-components-chips.mjs",
-      "default": "./fesm2022/acorex-components-chips.mjs"
-    },
     "./check-box": {
       "types": "./check-box/index.d.ts",
       "esm2022": "./esm2022/check-box/acorex-components-check-box.mjs",
       "esm": "./esm2022/check-box/acorex-components-check-box.mjs",
       "default": "./fesm2022/acorex-components-check-box.mjs"
     },
+    "./chips": {
+      "types": "./chips/index.d.ts",
+      "esm2022": "./esm2022/chips/acorex-components-chips.mjs",
+      "esm": "./esm2022/chips/acorex-components-chips.mjs",
+      "default": "./fesm2022/acorex-components-chips.mjs"
+    },
     "./circular-progress": {
       "types": "./circular-progress/index.d.ts",
       "esm2022": "./esm2022/circular-progress/acorex-components-circular-progress.mjs",
@@ -259,6 +259,12 @@
       "esm": "./esm2022/notification/acorex-components-notification.mjs",
       "default": "./fesm2022/acorex-components-notification.mjs"
     },
+    "./otp": {
+      "types": "./otp/index.d.ts",
+      "esm2022": "./esm2022/otp/acorex-components-otp.mjs",
+      "esm": "./esm2022/otp/acorex-components-otp.mjs",
+      "default": "./fesm2022/acorex-components-otp.mjs"
+    },
     "./number-box": {
       "types": "./number-box/index.d.ts",
       "esm2022": "./esm2022/number-box/acorex-components-number-box.mjs",
@@ -271,11 +277,11 @@
       "esm": "./esm2022/page/acorex-components-page.mjs",
       "default": "./fesm2022/acorex-components-page.mjs"
     },
-    "./otp": {
-      "types": "./otp/index.d.ts",
-      "esm2022": "./esm2022/otp/acorex-components-otp.mjs",
-      "esm": "./esm2022/otp/acorex-components-otp.mjs",
-      "default": "./fesm2022/acorex-components-otp.mjs"
+    "./paint": {
+      "types": "./paint/index.d.ts",
+      "esm2022": "./esm2022/paint/acorex-components-paint.mjs",
+      "esm": "./esm2022/paint/acorex-components-paint.mjs",
+      "default": "./fesm2022/acorex-components-paint.mjs"
     },
     "./password-box": {
       "types": "./password-box/index.d.ts",
@@ -283,23 +289,17 @@
       "esm": "./esm2022/password-box/acorex-components-password-box.mjs",
       "default": "./fesm2022/acorex-components-password-box.mjs"
     },
-    "./picker": {
-      "types": "./picker/index.d.ts",
-      "esm2022": "./esm2022/picker/acorex-components-picker.mjs",
-      "esm": "./esm2022/picker/acorex-components-picker.mjs",
-      "default": "./fesm2022/acorex-components-picker.mjs"
-    },
     "./phone-box": {
       "types": "./phone-box/index.d.ts",
       "esm2022": "./esm2022/phone-box/acorex-components-phone-box.mjs",
       "esm": "./esm2022/phone-box/acorex-components-phone-box.mjs",
       "default": "./fesm2022/acorex-components-phone-box.mjs"
     },
-    "./popup": {
-      "types": "./popup/index.d.ts",
-      "esm2022": "./esm2022/popup/acorex-components-popup.mjs",
-      "esm": "./esm2022/popup/acorex-components-popup.mjs",
-      "default": "./fesm2022/acorex-components-popup.mjs"
+    "./picker": {
+      "types": "./picker/index.d.ts",
+      "esm2022": "./esm2022/picker/acorex-components-picker.mjs",
+      "esm": "./esm2022/picker/acorex-components-picker.mjs",
+      "default": "./fesm2022/acorex-components-picker.mjs"
     },
     "./popover": {
       "types": "./popover/index.d.ts",
@@ -307,6 +307,12 @@
       "esm": "./esm2022/popover/acorex-components-popover.mjs",
       "default": "./fesm2022/acorex-components-popover.mjs"
     },
+    "./popup": {
+      "types": "./popup/index.d.ts",
+      "esm2022": "./esm2022/popup/acorex-components-popup.mjs",
+      "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",
@@ -325,18 +331,18 @@
       "esm": "./esm2022/range-slider/acorex-components-range-slider.mjs",
       "default": "./fesm2022/acorex-components-range-slider.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"
-    },
     "./result": {
       "types": "./result/index.d.ts",
       "esm2022": "./esm2022/result/acorex-components-result.mjs",
       "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",
@@ -349,18 +355,18 @@
       "esm": "./esm2022/scss/acorex-components-scss.mjs",
       "default": "./fesm2022/acorex-components-scss.mjs"
     },
-    "./select-box": {
-      "types": "./select-box/index.d.ts",
-      "esm2022": "./esm2022/select-box/acorex-components-select-box.mjs",
-      "esm": "./esm2022/select-box/acorex-components-select-box.mjs",
-      "default": "./fesm2022/acorex-components-select-box.mjs"
-    },
     "./search-box": {
       "types": "./search-box/index.d.ts",
       "esm2022": "./esm2022/search-box/acorex-components-search-box.mjs",
       "esm": "./esm2022/search-box/acorex-components-search-box.mjs",
       "default": "./fesm2022/acorex-components-search-box.mjs"
     },
+    "./select-box": {
+      "types": "./select-box/index.d.ts",
+      "esm2022": "./esm2022/select-box/acorex-components-select-box.mjs",
+      "esm": "./esm2022/select-box/acorex-components-select-box.mjs",
+      "default": "./fesm2022/acorex-components-select-box.mjs"
+    },
     "./selection-list": {
       "types": "./selection-list/index.d.ts",
       "esm2022": "./esm2022/selection-list/acorex-components-selection-list.mjs",

package/page/lib/page.component.d.ts

@@ -3,11 +3,26 @@ import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare abstract class AXPageComponent extends MXBaseComponent {
     private _loadingService;
+    /** @ignore */
     constructor(_loadingService: any);
+    /** @ignore */
     private _loadingId;
+    /**
+   * @event
+   * Emits an event when the loading state changes.
+   */
     isLoadingChange: EventEmitter<boolean>;
+    /** @ignore */
     private _isLoading;
+    /**
+     * Controls the loading state and visibility of the loading indicator.
+     * @param {boolean} v
+     */
     get isLoading(): boolean;
+    /**
+   * Sets the loading state, showing or hiding the loading indicator based on the value.
+   * @param {boolean} v
+   */
     set isLoading(v: boolean);
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPageComponent, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AXPageComponent>;

package/paint/README.md

@@ -0,0 +1,3 @@
+# @acorex/components/paint
+
+Secondary entry point of `@acorex/components`. It can be used by importing from `@acorex/components/paint`.

package/paint/index.d.ts

@@ -0,0 +1,7 @@
+export * from './lib/paint.module';
+export * from './lib/paint/paint-container/paint-container.component';
+export * from './lib/paint/paint-toolbar/paint-toolbar.component';
+export * from './lib/paint/paint-tools/paint-color-picker/paint-color-picker.component';
+export * from './lib/paint/paint-tools/paint-pen-cap/paint-pen-cap.component';
+export * from './lib/paint/paint-tools/paint-pen-mode-changer/paint-pen-mode-changer.component';
+export * from './lib/paint/paint-view/paint-view.component';

package/paint/lib/paint/paint-container/paint-container.component.d.ts

@@ -0,0 +1,16 @@
+import { MXInputBaseValueComponent, MXLookComponent } from '@acorex/components/common';
+import * as i0 from "@angular/core";
+declare const AXPaintContainerComponent_base: import("polytype").Polytype.ClusteredConstructor<[{
+    new (): MXInputBaseValueComponent<string>;
+    ɵfac: import("@angular/core").ɵɵFactoryDeclaration<MXInputBaseValueComponent<any>, never>;
+    ɵprov: import("@angular/core").ɵɵInjectableDeclaration<MXInputBaseValueComponent<any>>;
+}, typeof MXLookComponent]>;
+/**
+ * paint container.
+ * @category Components
+ */
+export declare class AXPaintContainerComponent extends AXPaintContainerComponent_base {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPaintContainerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPaintContainerComponent, "ax-paint-container", never, { "look": { "alias": "look"; "required": false; }; }, {}, never, ["*", "ax-validation-rule"], false, never>;
+}
+export {};

package/paint/lib/paint/paint-toolbar/paint-toolbar.component.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+/**
+ *paint toolbar
+ * @category Components
+ */
+export declare class AXPaintToolbarComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPaintToolbarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPaintToolbarComponent, "ax-paint-toolbar", never, {}, {}, never, ["ax-prefix", "*", "ax-suffix"], false, never>;
+}

package/paint/lib/paint/paint-tools/paint-color-picker/paint-color-picker.component.d.ts

@@ -0,0 +1,27 @@
+import { AXPlacement } from '@acorex/components/common';
+import { AXPopoverCloseTrigger, AXPopoverOpenTrigger } from '@acorex/components/popover';
+import { AXPaintService } from '../../paint.service';
+import * as i0 from "@angular/core";
+/**
+ * paint color picker.
+ * @category Components
+ */
+export declare class AXPaintColorPickerComponent {
+    /** @ignore */
+    protected service: AXPaintService;
+    /** @ignore */
+    protected selectedColor: import("@angular/core").WritableSignal<string>;
+    /** @ignore */
+    protected popoverOption: {
+        openOn: AXPopoverOpenTrigger;
+        closeOn: AXPopoverCloseTrigger;
+        placement: AXPlacement;
+        offsetX: number;
+        offsetY: number;
+    };
+    /** @ignore */
+    protected changeColorHandler(e: string): void;
+    get __hostClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPaintColorPickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPaintColorPickerComponent, "ax-paint-color-picker", never, {}, {}, never, never, false, never>;
+}

package/paint/lib/paint/paint-tools/paint-pen-cap/paint-pen-cap.component.d.ts

@@ -0,0 +1,20 @@
+import { AXPaintContainerComponent } from '../../paint-container/paint-container.component';
+import { AXPaintService } from '../../paint.service';
+import * as i0 from "@angular/core";
+/**
+ * paint pen cap.
+ * @category Components
+ */
+export declare class AXPaintPenCapComponent {
+    /** @ignore */
+    protected parent: AXPaintContainerComponent;
+    /** @ignore */
+    protected service: AXPaintService;
+    /** @ignore */
+    protected selectedLineCap: import("@angular/core").WritableSignal<CanvasLineCap>;
+    /** @ignore */
+    protected lineCapHandler(e: CanvasLineCap): void;
+    get __hostClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPaintPenCapComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPaintPenCapComponent, "ax-paint-pen-cap", never, {}, {}, never, never, false, never>;
+}

package/paint/lib/paint/paint-tools/paint-pen-mode-changer/paint-pen-mode-changer.component.d.ts

@@ -0,0 +1,33 @@
+import { AXPlacement } from '@acorex/components/common';
+import { AXPopoverCloseTrigger, AXPopoverOpenTrigger } from '@acorex/components/popover';
+import { AXPaintService } from '../../paint.service';
+import * as i0 from "@angular/core";
+/**
+ * paint mode.
+ * @category Components
+ */
+export declare class AXPaintPenModeChangerComponent {
+    /** @ignore */
+    protected service: AXPaintService;
+    /** @ignore */
+    protected value: number;
+    /** @ignore */
+    protected popoverOption: {
+        openOn: AXPopoverOpenTrigger;
+        closeOn: AXPopoverCloseTrigger;
+        placement: AXPlacement;
+        offsetX: number;
+        offsetY: number;
+    };
+    /** @ignore */
+    protected selectedPenType: import("@angular/core").WritableSignal<"pen" | "highlight" | "eraser">;
+    /** @ignore */
+    protected penTypeHandler(e: 'pen' | 'highlight' | 'eraser'): void;
+    /** @ignore */
+    protected clear(): void;
+    get __hostClass(): string;
+    /** @ignore */
+    protected valueHandler(e: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPaintPenModeChangerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPaintPenModeChangerComponent, "ax-paint-pen-mode-changer", never, {}, {}, never, never, false, never>;
+}

package/paint/lib/paint/paint-view/paint-view.component.d.ts

@@ -0,0 +1,56 @@
+import { ElementRef, OnDestroy } from '@angular/core';
+import { AXPaintContainerComponent } from '../paint-container/paint-container.component';
+import { AXPaintService } from '../paint.service';
+import * as i0 from "@angular/core";
+/**
+ * @category Components
+ * paint view
+ */
+export declare class AXPaintViewComponent implements OnDestroy {
+    /** @ignore */
+    parent: AXPaintContainerComponent;
+    /** @ignore */
+    protected service: AXPaintService;
+    /**
+     * Specifies the class that pass to component.
+     *
+     */
+    customClass: import("@angular/core").InputSignal<string>;
+    /** @ignore */
+    protected canvasElem: import("@angular/core").Signal<ElementRef<HTMLCanvasElement>>;
+    /** @ignore */
+    protected ctx: import("@angular/core").WritableSignal<CanvasRenderingContext2D>;
+    /** @ignore */
+    protected isPainting: import("@angular/core").WritableSignal<boolean>;
+    /** @ignore */
+    protected isUserInteract: import("@angular/core").WritableSignal<boolean>;
+    /** @ignore */
+    constructor();
+    /** @ignore */
+    ngOnDestroy(): void;
+    /** @ignore */
+    protected resizeEventHandler(): void;
+    /** @ignore */
+    protected penConfigHandler(penType: 'eraser' | 'pen' | 'highlight'): void;
+    /** @ignore */
+    protected getBoundingCanvasHandler(): DOMRect;
+    /** @ignore */
+    protected mouseDownHandler(e: MouseEvent): void;
+    /** @ignore */
+    protected mouseMoveHandler(e: MouseEvent): void;
+    /** @ignore */
+    protected mouseUpHandler(): void;
+    /** @ignore */
+    protected touchStartHandler(e: TouchEvent): void;
+    /** @ignore */
+    protected touchMoveHandler(e: TouchEvent): void;
+    /** @ignore */
+    protected touchEndHandler(): void;
+    /**
+     * @param e - output file type
+     */
+    getOutPut(e: 'image/webp' | 'image/png' | 'image/jpeg'): void;
+    get __hostClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPaintViewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXPaintViewComponent, "ax-paint-view", never, { "customClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
+}

package/paint/lib/paint/paint.service.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+export declare class AXPaintService {
+    penColor: import("@angular/core").WritableSignal<string | CanvasGradient | CanvasPattern>;
+    lineCap: import("@angular/core").WritableSignal<CanvasLineCap>;
+    lineWidth: import("@angular/core").WritableSignal<number>;
+    penType: import("@angular/core").WritableSignal<"pen" | "highlight" | "eraser">;
+    toggleClear: import("@angular/core").WritableSignal<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPaintService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AXPaintService>;
+}

package/paint/lib/paint.module.d.ts

@@ -0,0 +1,19 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./paint/paint-container/paint-container.component";
+import * as i2 from "./paint/paint-toolbar/paint-toolbar.component";
+import * as i3 from "./paint/paint-view/paint-view.component";
+import * as i4 from "./paint/paint-tools/paint-color-picker/paint-color-picker.component";
+import * as i5 from "./paint/paint-tools/paint-pen-cap/paint-pen-cap.component";
+import * as i6 from "./paint/paint-tools/paint-pen-mode-changer/paint-pen-mode-changer.component";
+import * as i7 from "@angular/forms";
+import * as i8 from "@acorex/components/slider";
+import * as i9 from "@acorex/components/select-box";
+import * as i10 from "@acorex/components/button";
+import * as i11 from "@acorex/components/color-palette";
+import * as i12 from "@acorex/components/popover";
+import * as i13 from "@acorex/components/decorators";
+export declare class AXPaintModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPaintModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXPaintModule, [typeof i1.AXPaintContainerComponent, typeof i2.AXPaintToolbarComponent, typeof i3.AXPaintViewComponent, typeof i4.AXPaintColorPickerComponent, typeof i5.AXPaintPenCapComponent, typeof i6.AXPaintPenModeChangerComponent], [typeof i7.FormsModule, typeof i8.AXSliderModule, typeof i9.AXSelectBoxModule, typeof i10.AXButtonModule, typeof i11.AXColorPaletteModule, typeof i12.AXPopoverModule, typeof i13.AXDecoratorModule], [typeof i1.AXPaintContainerComponent, typeof i2.AXPaintToolbarComponent, typeof i3.AXPaintViewComponent, typeof i4.AXPaintColorPickerComponent, typeof i5.AXPaintPenCapComponent, typeof i6.AXPaintPenModeChangerComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXPaintModule>;
+}

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

@@ -3,7 +3,7 @@ import { ElementRef } from '@angular/core';
 import * as i0 from "@angular/core";
 declare const AXPasswordBoxComponent_base: import("polytype").Polytype.ClusteredConstructor<[{
     new (): MXInputBaseValueComponent<string>;
-    ɵfac: unknown;
+    ɵfac: import("@angular/core").ɵɵFactoryDeclaration<MXInputBaseValueComponent<any>, never>;
     ɵprov: import("@angular/core").ɵɵInjectableDeclaration<MXInputBaseValueComponent<any>>;
 }, typeof MXLookComponent]>;
 /**
@@ -12,16 +12,29 @@ declare const AXPasswordBoxComponent_base: import("polytype").Polytype.Clustered
  * @category Components
  */
 export declare class AXPasswordBoxComponent extends AXPasswordBoxComponent_base {
+    /** @ignore */
     input: ElementRef<HTMLInputElement>;
+    /** @ignore */
     protected _type: 'password' | 'text';
+    /** @ignore */
     protected _icon: 'ax-icon-visibility' | 'ax-icon-visibility-off';
+    /**
+   * Sets the autocomplete behavior for the input field.
+   */
     autoComplete: 'current-password' | 'new-password' | 'one-time-code' | 'off';
     /**
      *  A flag for showing or hiding password button.
      */
     showToggleButton: boolean;
+    /**
+   * Defines custom CSS classes to apply to the component.
+   */
     classNames: string;
+    /** @ignore */
     _handleModelChange(value: string): void;
+    /**
+   * Toggles the input type between 'password' and 'text' to show or hide the password.
+   */
     toggleType(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPasswordBoxComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXPasswordBoxComponent, "ax-password-box", never, { "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "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; }; "classNames": { "alias": "class"; "required": false; }; }, { "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onKeyDown": "onKeyDown"; "onKeyUp": "onKeyUp"; "onKeyPress": "onKeyPress"; }, never, ["ax-prefix", "ax-clear-button", "ax-suffix", "ax-validation-rule"], false, never>;

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

@@ -5,26 +5,64 @@ import { CountryItem } from '@acorex/core/common';
 import * as i0 from "@angular/core";
 declare const AXPhoneBoxComponent_base: import("polytype").Polytype.ClusteredConstructor<[{
     new (): MXInputBaseValueComponent<string>;
-    ɵfac: unknown;
+    ɵfac: import("@angular/core").ɵɵFactoryDeclaration<MXInputBaseValueComponent<any>, never>;
     ɵprov: import("@angular/core").ɵɵInjectableDeclaration<MXInputBaseValueComponent<any>>;
 }, typeof MXLookComponent]>;
+/**
+ * @category
+ * A component that handles phone number input with various configurations.
+ */
 export declare class AXPhoneBoxComponent extends AXPhoneBoxComponent_base {
+    /** @ignore */
     protected _updateOn: 'change' | 'blur' | 'submit';
+    /** @ignore */
     textbox: AXTextBoxComponent;
+    /**
+   * CSS classes to apply to the component.
+   */
     classNames: string;
+    /**
+   * The default country value for the component.
+   */
     country: import("@angular/core").InputSignal<string>;
+    /**
+   * List of included values for the component.
+   */
     included: import("@angular/core").InputSignal<string[]>;
+    /**
+    * List of excluded values for the component.
+    */
     excluded: import("@angular/core").InputSignal<string[]>;
+    /** @ignore */
     protected countries: WritableSignal<CountryItem[]>;
+    /** @ignore */
     protected selectedCountry: WritableSignal<CountryItem>;
+    /** @ignore */
     protected _handleModelChange(value: string | null): void;
+    /** @ignore */
     protected dataSource: AXDataSource<CountryItem>;
+    /** @ignore */
     protected handleCountryOnClosed(): void;
+    /** @ignore */
     constructor();
+    /**
+   * Determines if the keyboard event is a valid action based on allowed keys and key codes.
+   */
     isValidKeyboardAction: (event: KeyboardEvent) => boolean;
+    /**
+   * Updates the list of countries based on included or excluded codes.
+   */
     setCountries(): void;
+    /**
+   * Sets the default selected country based on the provided country code or the first country in the list.
+   */
     setDefaultValue(): void;
+    /**
+   * Handles key down events, emitting an event if the key action is valid, otherwise prevents default behavior and stops propagation.
+   * @param e
+   */
     handleKeyDown(e: KeyboardEvent): void;
+    /** @ignore */
     _handleCountryValueChanged(event: AXValueChangedEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPhoneBoxComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXPhoneBoxComponent, "ax-phone-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; }; "classNames": { "alias": "class"; "required": false; }; "country": { "alias": "country"; "required": false; "isSignal": true; }; "included": { "alias": "included"; "required": false; "isSignal": true; }; "excluded": { "alias": "excluded"; "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-clear-button", "ax-validation-rule"], false, never>;