@acorex/components 18.10.11 → 18.10.12

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

@@ -0,0 +1,34 @@
+import { AXPlacement } from '@acorex/components/common';
+import { AXPopoverCloseTrigger, AXPopoverOpenTrigger } from '@acorex/components/popover';
+import { AXImageEditorService } from '../../image-editor.service';
+import * as i0 from "@angular/core";
+/**
+ * paint mode.
+ * @category Components
+ */
+export declare class AXImageEditorPenModeChangerComponent {
+    /** @ignore */
+    protected service: AXImageEditorService;
+    /** @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">;
+    /** @ignore */
+    protected penTypeHandler(e: 'pen' | 'highlight'): void;
+    /** @ignore */
+    protected clear(): void;
+    /** @ignore */
+    get __hostClass(): string;
+    /** @ignore */
+    protected valueHandler(e: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXImageEditorPenModeChangerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXImageEditorPenModeChangerComponent, "ax-image-editor-pen-mode-changer", never, {}, {}, never, never, false, never>;
+}

package/image-editor/lib/image-editor-view/image-editor-view.component.d.ts

@@ -0,0 +1,65 @@
+import { ElementRef, OnDestroy } from '@angular/core';
+import { AXImageEditorService } from '../image-editor.service';
+import * as i0 from "@angular/core";
+export declare class AXImageEditorViewComponent implements OnDestroy {
+    /**
+     * its receive image src.
+     */
+    src: import("@angular/core").InputSignal<string>;
+    /** @ignore */
+    protected canvasElem: import("@angular/core").Signal<ElementRef<HTMLCanvasElement>>;
+    /** @ignore */
+    protected ctx: import("@angular/core").WritableSignal<CanvasRenderingContext2D>;
+    /** @ignore */
+    protected service: AXImageEditorService;
+    /** @ignore */
+    protected cropImageData: import("@angular/core").WritableSignal<ImageData>;
+    /** @ignore */
+    protected isMouseDown: import("@angular/core").WritableSignal<boolean>;
+    /** @ignore */
+    protected cropStartX: import("@angular/core").WritableSignal<number>;
+    /** @ignore */
+    protected cropStartY: import("@angular/core").WritableSignal<number>;
+    /** @ignore */
+    protected cropEndX: import("@angular/core").WritableSignal<number>;
+    /** @ignore */
+    protected cropEndY: import("@angular/core").WritableSignal<number>;
+    /** @ignore */
+    protected EventListener: any;
+    /** @ignore */
+    constructor();
+    /** @ignore */
+    ngOnDestroy(): void;
+    /** @ignore */
+    protected imageLoaded(): void;
+    /** @ignore */
+    protected penConfigHandler(penType: '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;
+    /** @ignore */
+    protected drawSelection(): void;
+    /** @ignore */
+    protected cropImageFunction(): void;
+    /** @ignore */
+    protected cropButtonHandler(): void;
+    /** @ignore */
+    protected rotateImage(): void;
+    /** @ignore */
+    protected saveImageChange(): void;
+    /** @ignore */
+    private get __hostStyle();
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXImageEditorViewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXImageEditorViewComponent, "ax-image-editor-view", never, { "src": { "alias": "src"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
+}

package/image-editor/lib/image-editor.module.d.ts

@@ -0,0 +1,21 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./image-editor-toolbar/image-editor-toolbar.component";
+import * as i2 from "./image-editor-tools/image-editor-color-picker/image-editor-color-picker.component";
+import * as i3 from "./image-editor-tools/image-editor-pen-mode-changer/image-editor-pen-mode-changer.component";
+import * as i4 from "./image-editor-view/image-editor-view.component";
+import * as i5 from "./image-editor-container/image-editor-container.component";
+import * as i6 from "./image-editor-tools/image-editor-crop/image-editor-crop.component";
+import * as i7 from "@acorex/components/button";
+import * as i8 from "@angular/forms";
+import * as i9 from "@acorex/components/range-slider";
+import * as i10 from "@acorex/components/select-box";
+import * as i11 from "@acorex/components/color-palette";
+import * as i12 from "@acorex/components/popover";
+import * as i13 from "@acorex/components/decorators";
+import * as i14 from "@acorex/components/loading";
+import * as i15 from "@acorex/components/dialog";
+export declare class AXImageEditorModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXImageEditorModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXImageEditorModule, [typeof i1.AXImageEditorToolbarComponent, typeof i2.AXImageEditorColorPickerComponent, typeof i3.AXImageEditorPenModeChangerComponent, typeof i4.AXImageEditorViewComponent, typeof i5.AXImageEditorContainerComponent, typeof i6.AXImageEditorCropComponent], [typeof i7.AXButtonModule, typeof i8.FormsModule, typeof i9.AXRangeSliderModule, typeof i10.AXSelectBoxModule, typeof i11.AXColorPaletteModule, typeof i12.AXPopoverModule, typeof i13.AXDecoratorModule, typeof i14.AXLoadingModule, typeof i15.AXDialogModule], [typeof i1.AXImageEditorToolbarComponent, typeof i2.AXImageEditorColorPickerComponent, typeof i3.AXImageEditorPenModeChangerComponent, typeof i4.AXImageEditorViewComponent, typeof i5.AXImageEditorContainerComponent, typeof i6.AXImageEditorCropComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXImageEditorModule>;
+}

package/image-editor/lib/image-editor.service.d.ts

@@ -0,0 +1,24 @@
+import * as i0 from "@angular/core";
+export declare class AXImageEditorService {
+    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">;
+    toggleClear: import("@angular/core").WritableSignal<{
+        state: boolean;
+        userInteract: boolean;
+    }>;
+    cropState: import("@angular/core").WritableSignal<{
+        state: boolean;
+        userInteract: boolean;
+    }>;
+    rotate: import("@angular/core").WritableSignal<{
+        state: number;
+        userInteract: boolean;
+    }>;
+    isImageLoad: import("@angular/core").WritableSignal<boolean>;
+    newImage: import("@angular/core").WritableSignal<HTMLImageElement>;
+    initialImage: import("@angular/core").WritableSignal<HTMLImageElement>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXImageEditorService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AXImageEditorService>;
+}

package/loading/lib/loading-spinner.component.d.ts

@@ -26,5 +26,5 @@ export declare class AXLoadingSpinnerComponent {
      */
     stroke: number;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXLoadingSpinnerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXLoadingSpinnerComponent, "ax-loading-spinner", never, { "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; "stroke": { "alias": "stroke"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXLoadingSpinnerComponent, "ax-loading-spinner", never, { "text": { "alias": "text"; "required": false; }; "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; "stroke": { "alias": "stroke"; "required": false; }; }, {}, never, never, false, never>;
 }

package/media-viewer/lib/media-viewer-container/media-viewer-container.component.d.ts

@@ -11,5 +11,5 @@ export declare class AXMediaViewerContainerComponent {
     protected nextHandler(): void;
     protected backHandler(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXMediaViewerContainerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXMediaViewerContainerComponent, "ax-media-viewer-container", never, { "dataArray": { "alias": "dataArray"; "required": false; "isSignal": true; }; }, {}, never, ["ax-prefix", "ax-suffix"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXMediaViewerContainerComponent, "ax-media-viewer-container", never, { "dataArray": { "alias": "dataArray"; "required": false; "isSignal": true; }; }, {}, never, ["ax-header", "ax-footer"], false, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acorex/components",
-  "version": "18.10.11",
+  "version": "18.10.12",
   "peerDependencies": {
     "@angular/common": ">=18.2.0",
     "@angular/core": ">=18.2.0",
@@ -38,11 +38,11 @@
       "esm": "./esm2022/avatar/acorex-components-avatar.mjs",
       "default": "./fesm2022/acorex-components-avatar.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"
+    "./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"
     },
     "./bottom-navigation": {
       "types": "./bottom-navigation/index.d.ts",
@@ -56,18 +56,18 @@
       "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"
+    },
     "./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"
-    },
     "./button": {
       "types": "./button/index.d.ts",
       "esm2022": "./esm2022/button/acorex-components-button.mjs",
@@ -212,6 +212,12 @@
       "esm": "./esm2022/image/acorex-components-image.mjs",
       "default": "./fesm2022/acorex-components-image.mjs"
     },
+    "./image-editor": {
+      "types": "./image-editor/index.d.ts",
+      "esm2022": "./esm2022/image-editor/acorex-components-image-editor.mjs",
+      "esm": "./esm2022/image-editor/acorex-components-image-editor.mjs",
+      "default": "./fesm2022/acorex-components-image-editor.mjs"
+    },
     "./label": {
       "types": "./label/index.d.ts",
       "esm2022": "./esm2022/label/acorex-components-label.mjs",
@@ -308,17 +314,23 @@
       "esm": "./esm2022/phone-box/acorex-components-phone-box.mjs",
       "default": "./fesm2022/acorex-components-phone-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"
+    },
     "./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"
     },
-    "./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"
+    "./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",
@@ -332,30 +344,24 @@
       "esm": "./esm2022/qrcode/acorex-components-qrcode.mjs",
       "default": "./fesm2022/acorex-components-qrcode.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"
-    },
     "./radio": {
       "types": "./radio/index.d.ts",
       "esm2022": "./esm2022/radio/acorex-components-radio.mjs",
       "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"
-    },
     "./rate-picker": {
       "types": "./rate-picker/index.d.ts",
       "esm2022": "./esm2022/rate-picker/acorex-components-rate-picker.mjs",
       "esm": "./esm2022/rate-picker/acorex-components-rate-picker.mjs",
       "default": "./fesm2022/acorex-components-rate-picker.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",
@@ -380,18 +386,18 @@
       "esm": "./esm2022/scss/acorex-components-scss.mjs",
       "default": "./fesm2022/acorex-components-scss.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"
     },
+    "./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"
+    },
     "./selection-list": {
       "types": "./selection-list/index.d.ts",
       "esm2022": "./esm2022/selection-list/acorex-components-selection-list.mjs",