@acorex/components 18.6.0 → 18.7.1

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.1",
   "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"
@@ -37,36 +37,36 @@
       "esm": "./esm2022/avatar/acorex-components-avatar.mjs",
       "default": "./fesm2022/acorex-components-avatar.mjs"
     },
-    "./badge": {
-      "types": "./badge/index.d.ts",
-      "esm2022": "./esm2022/badge/acorex-components-badge.mjs",
-      "esm": "./esm2022/badge/acorex-components-badge.mjs",
-      "default": "./fesm2022/acorex-components-badge.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"
     },
+    "./badge": {
+      "types": "./badge/index.d.ts",
+      "esm2022": "./esm2022/badge/acorex-components-badge.mjs",
+      "esm": "./esm2022/badge/acorex-components-badge.mjs",
+      "default": "./fesm2022/acorex-components-badge.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",
       "esm": "./esm2022/breadcrumbs/acorex-components-breadcrumbs.mjs",
       "default": "./fesm2022/acorex-components-breadcrumbs.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"
+    },
     "./button": {
       "types": "./button/index.d.ts",
       "esm2022": "./esm2022/button/acorex-components-button.mjs",
@@ -85,23 +85,17 @@
       "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"
     },
-    "./circular-progress": {
-      "types": "./circular-progress/index.d.ts",
-      "esm2022": "./esm2022/circular-progress/acorex-components-circular-progress.mjs",
-      "esm": "./esm2022/circular-progress/acorex-components-circular-progress.mjs",
-      "default": "./fesm2022/acorex-components-circular-progress.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"
     },
     "./collapse": {
       "types": "./collapse/index.d.ts",
@@ -109,6 +103,12 @@
       "esm": "./esm2022/collapse/acorex-components-collapse.mjs",
       "default": "./fesm2022/acorex-components-collapse.mjs"
     },
+    "./circular-progress": {
+      "types": "./circular-progress/index.d.ts",
+      "esm2022": "./esm2022/circular-progress/acorex-components-circular-progress.mjs",
+      "esm": "./esm2022/circular-progress/acorex-components-circular-progress.mjs",
+      "default": "./fesm2022/acorex-components-circular-progress.mjs"
+    },
     "./color-box": {
       "types": "./color-box/index.d.ts",
       "esm2022": "./esm2022/color-box/acorex-components-color-box.mjs",
@@ -199,6 +199,12 @@
       "esm": "./esm2022/dropdown-button/acorex-components-dropdown-button.mjs",
       "default": "./fesm2022/acorex-components-dropdown-button.mjs"
     },
+    "./label": {
+      "types": "./label/index.d.ts",
+      "esm2022": "./esm2022/label/acorex-components-label.mjs",
+      "esm": "./esm2022/label/acorex-components-label.mjs",
+      "default": "./fesm2022/acorex-components-label.mjs"
+    },
     "./form": {
       "types": "./form/index.d.ts",
       "esm2022": "./esm2022/form/acorex-components-form.mjs",
@@ -211,12 +217,6 @@
       "esm": "./esm2022/image/acorex-components-image.mjs",
       "default": "./fesm2022/acorex-components-image.mjs"
     },
-    "./label": {
-      "types": "./label/index.d.ts",
-      "esm2022": "./esm2022/label/acorex-components-label.mjs",
-      "esm": "./esm2022/label/acorex-components-label.mjs",
-      "default": "./fesm2022/acorex-components-label.mjs"
-    },
     "./list": {
       "types": "./list/index.d.ts",
       "esm2022": "./esm2022/list/acorex-components-list.mjs",
@@ -265,17 +265,23 @@
       "esm": "./esm2022/number-box/acorex-components-number-box.mjs",
       "default": "./fesm2022/acorex-components-number-box.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"
+    },
     "./page": {
       "types": "./page/index.d.ts",
       "esm2022": "./esm2022/page/acorex-components-page.mjs",
       "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",
@@ -295,18 +301,18 @@
       "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"
-    },
     "./popover": {
       "types": "./popover/index.d.ts",
       "esm2022": "./esm2022/popover/acorex-components-popover.mjs",
       "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",
@@ -319,48 +325,48 @@
       "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"
-    },
     "./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"
-    },
     "./scheduler": {
       "types": "./scheduler/index.d.ts",
       "esm2022": "./esm2022/scheduler/acorex-components-scheduler.mjs",
       "esm": "./esm2022/scheduler/acorex-components-scheduler.mjs",
       "default": "./fesm2022/acorex-components-scheduler.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"
+    },
+    "./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"
+    },
     "./scss": {
       "types": "./scss/index.d.ts",
       "esm2022": "./esm2022/scss/acorex-components-scss.mjs",
       "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",
@@ -373,36 +379,36 @@
       "esm": "./esm2022/side-menu/acorex-components-side-menu.mjs",
       "default": "./fesm2022/acorex-components-side-menu.mjs"
     },
-    "./slider": {
-      "types": "./slider/index.d.ts",
-      "esm2022": "./esm2022/slider/acorex-components-slider.mjs",
-      "esm": "./esm2022/slider/acorex-components-slider.mjs",
-      "default": "./fesm2022/acorex-components-slider.mjs"
-    },
     "./skeleton": {
       "types": "./skeleton/index.d.ts",
       "esm2022": "./esm2022/skeleton/acorex-components-skeleton.mjs",
       "esm": "./esm2022/skeleton/acorex-components-skeleton.mjs",
       "default": "./fesm2022/acorex-components-skeleton.mjs"
     },
+    "./slider": {
+      "types": "./slider/index.d.ts",
+      "esm2022": "./esm2022/slider/acorex-components-slider.mjs",
+      "esm": "./esm2022/slider/acorex-components-slider.mjs",
+      "default": "./fesm2022/acorex-components-slider.mjs"
+    },
     "./step-wizard": {
       "types": "./step-wizard/index.d.ts",
       "esm2022": "./esm2022/step-wizard/acorex-components-step-wizard.mjs",
       "esm": "./esm2022/step-wizard/acorex-components-step-wizard.mjs",
       "default": "./fesm2022/acorex-components-step-wizard.mjs"
     },
-    "./switch": {
-      "types": "./switch/index.d.ts",
-      "esm2022": "./esm2022/switch/acorex-components-switch.mjs",
-      "esm": "./esm2022/switch/acorex-components-switch.mjs",
-      "default": "./fesm2022/acorex-components-switch.mjs"
-    },
     "./tabs": {
       "types": "./tabs/index.d.ts",
       "esm2022": "./esm2022/tabs/acorex-components-tabs.mjs",
       "esm": "./esm2022/tabs/acorex-components-tabs.mjs",
       "default": "./fesm2022/acorex-components-tabs.mjs"
     },
+    "./switch": {
+      "types": "./switch/index.d.ts",
+      "esm2022": "./esm2022/switch/acorex-components-switch.mjs",
+      "esm": "./esm2022/switch/acorex-components-switch.mjs",
+      "default": "./fesm2022/acorex-components-switch.mjs"
+    },
     "./tag": {
       "types": "./tag/index.d.ts",
       "esm2022": "./esm2022/tag/acorex-components-tag.mjs",
@@ -421,18 +427,18 @@
       "esm": "./esm2022/text-box/acorex-components-text-box.mjs",
       "default": "./fesm2022/acorex-components-text-box.mjs"
     },
-    "./toast": {
-      "types": "./toast/index.d.ts",
-      "esm2022": "./esm2022/toast/acorex-components-toast.mjs",
-      "esm": "./esm2022/toast/acorex-components-toast.mjs",
-      "default": "./fesm2022/acorex-components-toast.mjs"
-    },
     "./tooltip": {
       "types": "./tooltip/index.d.ts",
       "esm2022": "./esm2022/tooltip/acorex-components-tooltip.mjs",
       "esm": "./esm2022/tooltip/acorex-components-tooltip.mjs",
       "default": "./fesm2022/acorex-components-tooltip.mjs"
     },
+    "./toast": {
+      "types": "./toast/index.d.ts",
+      "esm2022": "./esm2022/toast/acorex-components-toast.mjs",
+      "esm": "./esm2022/toast/acorex-components-toast.mjs",
+      "default": "./fesm2022/acorex-components-toast.mjs"
+    },
     "./uploader": {
       "types": "./uploader/index.d.ts",
       "esm2022": "./esm2022/uploader/acorex-components-uploader.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,42 @@
+import { ElementRef } 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 {
+    /** @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 */
+    protected mouseDownHandler(e: MouseEvent): void;
+    /** @ignore */
+    protected mouseMoveHandler(e: MouseEvent): void;
+    /** @ignore */
+    protected mouseUpHandler(): 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>;
+}