@rageshpikalmunde/rp-image-editor-angular 1.5.12 → 1.6.0

package/fesm2020/rageshpikalmunde-rp-image-editor-angular.mjs

@@ -0,0 +1,205 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, PLATFORM_ID, Component, Inject, ViewChild, Input, Output, Injectable, NgModule } from '@angular/core';
+import { isPlatformBrowser, CommonModule } from '@angular/common';
+import { RpImageEditor, openEditorModal, openMultiEditorModal } from '@rageshpikalmunde/rp-image-editor';
+
+class RpImageEditorComponent {
+    constructor(platformId) {
+        /** Image source — File, Blob, or URL string */
+        this.image = null;
+        /** Editor configuration */
+        this.config = {};
+        /** Emitted when user clicks Apply — contains the edited image result */
+        this.imageEdited = new EventEmitter();
+        /** Emitted when user clicks Close/Cancel */
+        this.editorClosed = new EventEmitter();
+        /** Emitted when an error occurs */
+        this.editorError = new EventEmitter();
+        this.editor = null;
+        this.isBrowser = isPlatformBrowser(platformId);
+    }
+    ngAfterViewInit() {
+        if (this.image) {
+            this.initEditor();
+        }
+    }
+    ngOnDestroy() {
+        this.destroyEditor();
+    }
+    /**
+     * Programmatically load an image (can be called after component init)
+     */
+    async loadImage(source) {
+        this.image = source;
+        await this.initEditor();
+    }
+    /**
+     * Get the edited result programmatically
+     */
+    async getResult() {
+        try {
+            return await this.editor?.getResult() ?? null;
+        }
+        catch (err) {
+            this.editorError.emit(err);
+            return null;
+        }
+    }
+    /**
+     * Apply and emit result
+     */
+    async apply() {
+        const result = await this.getResult();
+        if (result) {
+            this.imageEdited.emit(result);
+        }
+    }
+    /**
+     * Close the editor
+     */
+    close() {
+        this.destroyEditor();
+        this.editorClosed.emit();
+    }
+    /**
+     * Reset to original image
+     */
+    async reset() {
+        await this.editor?.reset();
+    }
+    async initEditor() {
+        this.destroyEditor();
+        if (!this.isBrowser || !this.image || !this.containerRef?.nativeElement)
+            return;
+        this.editor = new RpImageEditor(this.containerRef.nativeElement, this.config);
+        this.editor.on('error', (err) => {
+            this.editorError.emit(err);
+        });
+        try {
+            await this.editor.loadImage(this.image);
+        }
+        catch (err) {
+            this.editorError.emit(err);
+        }
+    }
+    destroyEditor() {
+        if (this.editor) {
+            this.editor.destroy();
+            this.editor = null;
+        }
+    }
+}
+RpImageEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RpImageEditorComponent, deps: [{ token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component });
+RpImageEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RpImageEditorComponent, selector: "rp-image-editor", inputs: { image: "image", config: "config" }, outputs: { imageEdited: "imageEdited", editorClosed: "editorClosed", editorError: "editorError" }, viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["editorContainer"], descendants: true, static: true }], ngImport: i0, template: `<div #editorContainer class="rp-image-editor-host" [style.width]="'100%'" [style.height]="'100%'" [style.display]="'flex'" [style.flexDirection]="'column'"></div>`, isInline: true, styles: [":host{display:block;width:100%;height:100%}.rp-image-editor-host{min-height:300px}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RpImageEditorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rp-image-editor', template: `<div #editorContainer class="rp-image-editor-host" [style.width]="'100%'" [style.height]="'100%'" [style.display]="'flex'" [style.flexDirection]="'column'"></div>`, styles: [":host{display:block;width:100%;height:100%}.rp-image-editor-host{min-height:300px}\n"] }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [PLATFORM_ID]
+                }] }]; }, propDecorators: { containerRef: [{
+                type: ViewChild,
+                args: ['editorContainer', { static: true }]
+            }], image: [{
+                type: Input
+            }], config: [{
+                type: Input
+            }], imageEdited: [{
+                type: Output
+            }], editorClosed: [{
+                type: Output
+            }], editorError: [{
+                type: Output
+            }] } });
+
+/**
+ * Service to open the image editor as a modal overlay.
+ * Works with or without Ionic — uses the core modal implementation.
+ *
+ * Usage:
+ * ```ts
+ * constructor(private rpEditor: RpImageEditorService) {}
+ *
+ * async editImage(file: File) {
+ *   const result = await this.rpEditor.openEditor(file, {
+ *     theme: { applyButtonBackground: '#28a745' }
+ *   });
+ *   if (result) {
+ *     // result.file — upload to server
+ *     // result.base64 — preview
+ *   }
+ * }
+ * ```
+ */
+class RpImageEditorService {
+    /**
+     * Open the image editor in a modal popup.
+     *
+     * @param image - File, Blob, or URL string to edit
+     * @param config - Optional editor configuration (theme, crop ratios, etc.)
+     * @returns Promise resolving to RpEditorResult if applied, or null if cancelled
+     */
+    async openEditor(image, config) {
+        return openEditorModal({
+            image,
+            config,
+        });
+    }
+    /**
+     * Edit several images in one modal with a thumbnail strip.
+     *
+     * @param images - Files, Blobs or URL strings, in strip order
+     * @param config - Editor configuration shared by every image
+     * @param startIndex - 0-based index of the image to open first
+     * @returns One `{ index, edited, result }` per image on Apply, or null if closed
+     */
+    async openMultiEditor(images, config, startIndex) {
+        return openMultiEditorModal({ images, config, startIndex });
+    }
+}
+RpImageEditorService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RpImageEditorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+RpImageEditorService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RpImageEditorService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RpImageEditorService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+class RpImageEditorModule {
+    /**
+     * Use forRoot() if you want to provide the service at root level
+     * (optional — service is already providedIn: 'root')
+     */
+    static forRoot() {
+        return {
+            ngModule: RpImageEditorModule,
+            providers: [RpImageEditorService],
+        };
+    }
+}
+RpImageEditorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RpImageEditorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+RpImageEditorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: RpImageEditorModule, declarations: [RpImageEditorComponent], imports: [CommonModule], exports: [RpImageEditorComponent] });
+RpImageEditorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RpImageEditorModule, providers: [RpImageEditorService], imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RpImageEditorModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [RpImageEditorComponent],
+                    imports: [CommonModule],
+                    exports: [RpImageEditorComponent],
+                    providers: [RpImageEditorService],
+                }]
+        }] });
+
+/**
+ * @rageshpikalmunde/rp-image-editor-angular
+ * Angular wrapper for the rp-image-editor plugin
+ */
+// Module
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { RpImageEditorComponent, RpImageEditorModule, RpImageEditorService };
+//# sourceMappingURL=rageshpikalmunde-rp-image-editor-angular.mjs.map

package/fesm2020/rageshpikalmunde-rp-image-editor-angular.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rageshpikalmunde-rp-image-editor-angular.mjs","sources":["../../src/lib/rp-image-editor.component.ts","../../src/lib/rp-image-editor.service.ts","../../src/lib/rp-image-editor.module.ts","../../src/index.ts","../../src/rageshpikalmunde-rp-image-editor-angular.ts"],"sourcesContent":["import { Component, ElementRef, EventEmitter, Inject, Input, OnDestroy, Output, PLATFORM_ID, ViewChild, AfterViewInit } from '@angular/core';\nimport { isPlatformBrowser } from '@angular/common';\nimport { RpImageEditor, RpEditorConfig, RpEditorResult } from '@rageshpikalmunde/rp-image-editor';\n\n@Component({\n  selector: 'rp-image-editor',\n  template: `<div #editorContainer class=\"rp-image-editor-host\" [style.width]=\"'100%'\" [style.height]=\"'100%'\" [style.display]=\"'flex'\" [style.flexDirection]=\"'column'\"></div>`,\n  styles: [`:host { display: block; width: 100%; height: 100%; } .rp-image-editor-host { min-height: 300px; }`]\n})\nexport class RpImageEditorComponent implements AfterViewInit, OnDestroy {\n  @ViewChild('editorContainer', { static: true }) containerRef!: ElementRef<HTMLElement>;\n\n  /** Image source — File, Blob, or URL string */\n  @Input() image: File | Blob | string | null = null;\n\n  /** Editor configuration */\n  @Input() config: Partial<RpEditorConfig> = {};\n\n  /** Emitted when user clicks Apply — contains the edited image result */\n  @Output() imageEdited = new EventEmitter<RpEditorResult>();\n\n  /** Emitted when user clicks Close/Cancel */\n  @Output() editorClosed = new EventEmitter<void>();\n\n  /** Emitted when an error occurs */\n  @Output() editorError = new EventEmitter<Error>();\n\n  private editor: RpImageEditor | null = null;\n\n  /** False during server-side rendering, where there is no DOM/canvas. */\n  private readonly isBrowser: boolean;\n\n  constructor(@Inject(PLATFORM_ID) platformId: object) {\n    this.isBrowser = isPlatformBrowser(platformId);\n  }\n\n  ngAfterViewInit(): void {\n    if (this.image) {\n      this.initEditor();\n    }\n  }\n\n  ngOnDestroy(): void {\n    this.destroyEditor();\n  }\n\n  /**\n   * Programmatically load an image (can be called after component init)\n   */\n  async loadImage(source: File | Blob | string): Promise<void> {\n    this.image = source;\n    await this.initEditor();\n  }\n\n  /**\n   * Get the edited result programmatically\n   */\n  async getResult(): Promise<RpEditorResult | null> {\n    try {\n      return await this.editor?.getResult() ?? null;\n    } catch (err) {\n      this.editorError.emit(err as Error);\n      return null;\n    }\n  }\n\n  /**\n   * Apply and emit result\n   */\n  async apply(): Promise<void> {\n    const result = await this.getResult();\n    if (result) {\n      this.imageEdited.emit(result);\n    }\n  }\n\n  /**\n   * Close the editor\n   */\n  close(): void {\n    this.destroyEditor();\n    this.editorClosed.emit();\n  }\n\n  /**\n   * Reset to original image\n   */\n  async reset(): Promise<void> {\n    await this.editor?.reset();\n  }\n\n  private async initEditor(): Promise<void> {\n    this.destroyEditor();\n\n    if (!this.isBrowser || !this.image || !this.containerRef?.nativeElement) return;\n\n    this.editor = new RpImageEditor(this.containerRef.nativeElement, this.config);\n\n    this.editor.on('error', (err) => {\n      this.editorError.emit(err);\n    });\n\n    try {\n      await this.editor.loadImage(this.image);\n    } catch (err) {\n      this.editorError.emit(err as Error);\n    }\n  }\n\n  private destroyEditor(): void {\n    if (this.editor) {\n      this.editor.destroy();\n      this.editor = null;\n    }\n  }\n}\n","import { Injectable } from '@angular/core';\nimport {\n  RpEditorConfig,\n  RpEditorResult,\n  RpMultiEditorItemResult,\n  openEditorModal,\n  openMultiEditorModal,\n} from '@rageshpikalmunde/rp-image-editor';\n\n/**\n * Service to open the image editor as a modal overlay.\n * Works with or without Ionic — uses the core modal implementation.\n *\n * Usage:\n * ```ts\n * constructor(private rpEditor: RpImageEditorService) {}\n *\n * async editImage(file: File) {\n *   const result = await this.rpEditor.openEditor(file, {\n *     theme: { applyButtonBackground: '#28a745' }\n *   });\n *   if (result) {\n *     // result.file — upload to server\n *     // result.base64 — preview\n *   }\n * }\n * ```\n */\n@Injectable({\n  providedIn: 'root',\n})\nexport class RpImageEditorService {\n  /**\n   * Open the image editor in a modal popup.\n   *\n   * @param image - File, Blob, or URL string to edit\n   * @param config - Optional editor configuration (theme, crop ratios, etc.)\n   * @returns Promise resolving to RpEditorResult if applied, or null if cancelled\n   */\n  async openEditor(\n    image: File | Blob | string,\n    config?: Partial<RpEditorConfig>\n  ): Promise<RpEditorResult | null> {\n    return openEditorModal({\n      image,\n      config,\n    });\n  }\n\n  /**\n   * Edit several images in one modal with a thumbnail strip.\n   *\n   * @param images - Files, Blobs or URL strings, in strip order\n   * @param config - Editor configuration shared by every image\n   * @param startIndex - 0-based index of the image to open first\n   * @returns One `{ index, edited, result }` per image on Apply, or null if closed\n   */\n  async openMultiEditor(\n    images: Array<File | Blob | string>,\n    config?: Partial<RpEditorConfig>,\n    startIndex?: number\n  ): Promise<RpMultiEditorItemResult[] | null> {\n    return openMultiEditorModal({ images, config, startIndex });\n  }\n}\n","import { NgModule, ModuleWithProviders } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RpImageEditorComponent } from './rp-image-editor.component';\nimport { RpImageEditorService } from './rp-image-editor.service';\n\n@NgModule({\n  declarations: [RpImageEditorComponent],\n  imports: [CommonModule],\n  exports: [RpImageEditorComponent],\n  providers: [RpImageEditorService],\n})\nexport class RpImageEditorModule {\n  /**\n   * Use forRoot() if you want to provide the service at root level\n   * (optional — service is already providedIn: 'root')\n   */\n  static forRoot(): ModuleWithProviders<RpImageEditorModule> {\n    return {\n      ngModule: RpImageEditorModule,\n      providers: [RpImageEditorService],\n    };\n  }\n}\n","/**\n * @rageshpikalmunde/rp-image-editor-angular\n * Angular wrapper for the rp-image-editor plugin\n */\n\n// Module\nexport { RpImageEditorModule } from './lib/rp-image-editor.module';\n\n// Component\nexport { RpImageEditorComponent } from './lib/rp-image-editor.component';\n\n// Service\nexport { RpImageEditorService } from './lib/rp-image-editor.service';\n\n// Re-export types from core\nexport type {\n  RpEditorConfig,\n  RpEditorTheme,\n  RpEditorResult,\n  RpMultiEditorItemResult,\n  CropAspectRatio,\n  EditorMode,\n} from '@rageshpikalmunde/rp-image-editor';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/{dist/types/index.d.ts → index.d.ts}

@@ -5,4 +5,4 @@
 export { RpImageEditorModule } from './lib/rp-image-editor.module';
 export { RpImageEditorComponent } from './lib/rp-image-editor.component';
 export { RpImageEditorService } from './lib/rp-image-editor.service';
-export type { RpEditorConfig, RpEditorTheme, RpEditorResult, CropAspectRatio, EditorMode, } from '@rageshpikalmunde/rp-image-editor';
+export type { RpEditorConfig, RpEditorTheme, RpEditorResult, RpMultiEditorItemResult, CropAspectRatio, EditorMode, } from '@rageshpikalmunde/rp-image-editor';

package/{dist/types/lib → lib}/rp-image-editor.component.d.ts

@@ -1,5 +1,6 @@
 import { ElementRef, EventEmitter, OnDestroy, AfterViewInit } from '@angular/core';
 import { RpEditorConfig, RpEditorResult } from '@rageshpikalmunde/rp-image-editor';
+import * as i0 from "@angular/core";
 export declare class RpImageEditorComponent implements AfterViewInit, OnDestroy {
     containerRef: ElementRef<HTMLElement>;
     /** Image source — File, Blob, or URL string */
@@ -13,6 +14,9 @@ export declare class RpImageEditorComponent implements AfterViewInit, OnDestroy
     /** Emitted when an error occurs */
     editorError: EventEmitter<Error>;
     private editor;
+    /** False during server-side rendering, where there is no DOM/canvas. */
+    private readonly isBrowser;
+    constructor(platformId: object);
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     /**
@@ -37,4 +41,6 @@ export declare class RpImageEditorComponent implements AfterViewInit, OnDestroy
     reset(): Promise<void>;
     private initEditor;
     private destroyEditor;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RpImageEditorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RpImageEditorComponent, "rp-image-editor", never, { "image": "image"; "config": "config"; }, { "imageEdited": "imageEdited"; "editorClosed": "editorClosed"; "editorError": "editorError"; }, never, never, false, never>;
 }

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

@@ -0,0 +1,14 @@
+import { ModuleWithProviders } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "./rp-image-editor.component";
+import * as i2 from "@angular/common";
+export declare class RpImageEditorModule {
+    /**
+     * Use forRoot() if you want to provide the service at root level
+     * (optional — service is already providedIn: 'root')
+     */
+    static forRoot(): ModuleWithProviders<RpImageEditorModule>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RpImageEditorModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<RpImageEditorModule, [typeof i1.RpImageEditorComponent], [typeof i2.CommonModule], [typeof i1.RpImageEditorComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<RpImageEditorModule>;
+}

package/{dist/types/lib → lib}/rp-image-editor.service.d.ts

@@ -1,4 +1,5 @@
-import { RpEditorConfig, RpEditorResult } from '@rageshpikalmunde/rp-image-editor';
+import { RpEditorConfig, RpEditorResult, RpMultiEditorItemResult } from '@rageshpikalmunde/rp-image-editor';
+import * as i0 from "@angular/core";
 /**
  * Service to open the image editor as a modal overlay.
  * Works with or without Ionic — uses the core modal implementation.
@@ -27,4 +28,15 @@ export declare class RpImageEditorService {
      * @returns Promise resolving to RpEditorResult if applied, or null if cancelled
      */
     openEditor(image: File | Blob | string, config?: Partial<RpEditorConfig>): Promise<RpEditorResult | null>;
+    /**
+     * Edit several images in one modal with a thumbnail strip.
+     *
+     * @param images - Files, Blobs or URL strings, in strip order
+     * @param config - Editor configuration shared by every image
+     * @param startIndex - 0-based index of the image to open first
+     * @returns One `{ index, edited, result }` per image on Apply, or null if closed
+     */
+    openMultiEditor(images: Array<File | Blob | string>, config?: Partial<RpEditorConfig>, startIndex?: number): Promise<RpMultiEditorItemResult[] | null>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RpImageEditorService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<RpImageEditorService>;
 }

package/package.json

@@ -1,27 +1,7 @@
 {
   "name": "@rageshpikalmunde/rp-image-editor-angular",
-  "version": "1.5.12",
+  "version": "1.6.0",
   "description": "Angular wrapper for rp-image-editor with crop, annotation, filters, and native-resolution export support",
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "types": "dist/types/index.d.ts",
-  "exports": {
-    ".": {
-      "import": "./dist/esm/index.js",
-      "require": "./dist/cjs/index.js",
-      "types": "./dist/types/index.d.ts"
-    }
-  },
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "build": "npm run build:esm && npm run build:cjs && npm run build:types",
-    "build:esm": "tsc -p tsconfig.esm.json",
-    "build:cjs": "tsc -p tsconfig.cjs.json",
-    "build:types": "tsc -p tsconfig.types.json",
-    "clean": "rm -rf dist"
-  },
   "keywords": [
     "image-editor",
     "angular-image-editor",
@@ -44,11 +24,12 @@
     "access": "public"
   },
   "dependencies": {
-    "@rageshpikalmunde/rp-image-editor": "^1.5.12"
+    "@rageshpikalmunde/rp-image-editor": "^1.6.0",
+    "tslib": "^2.3.0"
   },
   "peerDependencies": {
-    "@angular/core": ">=14.0.0",
-    "@angular/common": ">=14.0.0",
+    "@angular/core": ">=15.0.0",
+    "@angular/common": ">=15.0.0",
     "@ionic/angular": ">=6.0.0"
   },
   "peerDependenciesMeta": {
@@ -56,7 +37,24 @@
       "optional": true
     }
   },
-  "devDependencies": {
-    "typescript": "~5.3.0"
+  "sideEffects": false,
+  "module": "fesm2015/rageshpikalmunde-rp-image-editor-angular.mjs",
+  "es2020": "fesm2020/rageshpikalmunde-rp-image-editor-angular.mjs",
+  "esm2020": "esm2020/rageshpikalmunde-rp-image-editor-angular.mjs",
+  "fesm2020": "fesm2020/rageshpikalmunde-rp-image-editor-angular.mjs",
+  "fesm2015": "fesm2015/rageshpikalmunde-rp-image-editor-angular.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2020": "./esm2020/rageshpikalmunde-rp-image-editor-angular.mjs",
+      "es2020": "./fesm2020/rageshpikalmunde-rp-image-editor-angular.mjs",
+      "es2015": "./fesm2015/rageshpikalmunde-rp-image-editor-angular.mjs",
+      "node": "./fesm2015/rageshpikalmunde-rp-image-editor-angular.mjs",
+      "default": "./fesm2020/rageshpikalmunde-rp-image-editor-angular.mjs"
+    }
   }
-}
+}

package/dist/cjs/index.js

@@ -1,17 +0,0 @@
-"use strict";
-/**
- * @rageshpikalmunde/rp-image-editor-angular
- * Angular wrapper for the rp-image-editor plugin
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RpImageEditorService = exports.RpImageEditorComponent = exports.RpImageEditorModule = void 0;
-// Module
-var rp_image_editor_module_1 = require("./lib/rp-image-editor.module");
-Object.defineProperty(exports, "RpImageEditorModule", { enumerable: true, get: function () { return rp_image_editor_module_1.RpImageEditorModule; } });
-// Component
-var rp_image_editor_component_1 = require("./lib/rp-image-editor.component");
-Object.defineProperty(exports, "RpImageEditorComponent", { enumerable: true, get: function () { return rp_image_editor_component_1.RpImageEditorComponent; } });
-// Service
-var rp_image_editor_service_1 = require("./lib/rp-image-editor.service");
-Object.defineProperty(exports, "RpImageEditorService", { enumerable: true, get: function () { return rp_image_editor_service_1.RpImageEditorService; } });
-//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";AAAA;;;GAGG;;;AAEH,SAAS;AACT,uEAAmE;AAA1D,6HAAA,mBAAmB,OAAA;AAE5B,YAAY;AACZ,6EAAyE;AAAhE,mIAAA,sBAAsB,OAAA;AAE/B,UAAU;AACV,yEAAqE;AAA5D,+HAAA,oBAAoB,OAAA"}

package/dist/cjs/lib/rp-image-editor.component.js

@@ -1,132 +0,0 @@
-"use strict";
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RpImageEditorComponent = void 0;
-const core_1 = require("@angular/core");
-const rp_image_editor_1 = require("@rageshpikalmunde/rp-image-editor");
-let RpImageEditorComponent = class RpImageEditorComponent {
-    constructor() {
-        /** Image source — File, Blob, or URL string */
-        this.image = null;
-        /** Editor configuration */
-        this.config = {};
-        /** Emitted when user clicks Apply — contains the edited image result */
-        this.imageEdited = new core_1.EventEmitter();
-        /** Emitted when user clicks Close/Cancel */
-        this.editorClosed = new core_1.EventEmitter();
-        /** Emitted when an error occurs */
-        this.editorError = new core_1.EventEmitter();
-        this.editor = null;
-    }
-    ngAfterViewInit() {
-        if (this.image) {
-            this.initEditor();
-        }
-    }
-    ngOnDestroy() {
-        this.destroyEditor();
-    }
-    /**
-     * Programmatically load an image (can be called after component init)
-     */
-    async loadImage(source) {
-        this.image = source;
-        await this.initEditor();
-    }
-    /**
-     * Get the edited result programmatically
-     */
-    async getResult() {
-        try {
-            return await this.editor?.getResult() ?? null;
-        }
-        catch (err) {
-            this.editorError.emit(err);
-            return null;
-        }
-    }
-    /**
-     * Apply and emit result
-     */
-    async apply() {
-        const result = await this.getResult();
-        if (result) {
-            this.imageEdited.emit(result);
-        }
-    }
-    /**
-     * Close the editor
-     */
-    close() {
-        this.destroyEditor();
-        this.editorClosed.emit();
-    }
-    /**
-     * Reset to original image
-     */
-    async reset() {
-        await this.editor?.reset();
-    }
-    async initEditor() {
-        this.destroyEditor();
-        if (!this.image || !this.containerRef?.nativeElement)
-            return;
-        this.editor = new rp_image_editor_1.RpImageEditor(this.containerRef.nativeElement, this.config);
-        this.editor.on('error', (err) => {
-            this.editorError.emit(err);
-        });
-        try {
-            await this.editor.loadImage(this.image);
-        }
-        catch (err) {
-            this.editorError.emit(err);
-        }
-    }
-    destroyEditor() {
-        if (this.editor) {
-            this.editor.destroy();
-            this.editor = null;
-        }
-    }
-};
-exports.RpImageEditorComponent = RpImageEditorComponent;
-__decorate([
-    (0, core_1.ViewChild)('editorContainer', { static: true }),
-    __metadata("design:type", core_1.ElementRef)
-], RpImageEditorComponent.prototype, "containerRef", void 0);
-__decorate([
-    (0, core_1.Input)(),
-    __metadata("design:type", Object)
-], RpImageEditorComponent.prototype, "image", void 0);
-__decorate([
-    (0, core_1.Input)(),
-    __metadata("design:type", Object)
-], RpImageEditorComponent.prototype, "config", void 0);
-__decorate([
-    (0, core_1.Output)(),
-    __metadata("design:type", Object)
-], RpImageEditorComponent.prototype, "imageEdited", void 0);
-__decorate([
-    (0, core_1.Output)(),
-    __metadata("design:type", Object)
-], RpImageEditorComponent.prototype, "editorClosed", void 0);
-__decorate([
-    (0, core_1.Output)(),
-    __metadata("design:type", Object)
-], RpImageEditorComponent.prototype, "editorError", void 0);
-exports.RpImageEditorComponent = RpImageEditorComponent = __decorate([
-    (0, core_1.Component)({
-        selector: 'rp-image-editor',
-        template: `<div #editorContainer class="rp-image-editor-host" [style.width]="'100%'" [style.height]="'100%'" [style.display]="'flex'" [style.flexDirection]="'column'"></div>`,
-        styles: [`:host { display: block; width: 100%; height: 100%; } .rp-image-editor-host { min-height: 300px; }`]
-    })
-], RpImageEditorComponent);
-//# sourceMappingURL=rp-image-editor.component.js.map

package/dist/cjs/lib/rp-image-editor.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"rp-image-editor.component.js","sourceRoot":"","sources":["../../../src/lib/rp-image-editor.component.ts"],"names":[],"mappings":"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"}

package/dist/cjs/lib/rp-image-editor.module.js

@@ -1,36 +0,0 @@
-"use strict";
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var RpImageEditorModule_1;
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RpImageEditorModule = void 0;
-const core_1 = require("@angular/core");
-const common_1 = require("@angular/common");
-const rp_image_editor_component_1 = require("./rp-image-editor.component");
-const rp_image_editor_service_1 = require("./rp-image-editor.service");
-let RpImageEditorModule = RpImageEditorModule_1 = class RpImageEditorModule {
-    /**
-     * Use forRoot() if you want to provide the service at root level
-     * (optional — service is already providedIn: 'root')
-     */
-    static forRoot() {
-        return {
-            ngModule: RpImageEditorModule_1,
-            providers: [rp_image_editor_service_1.RpImageEditorService],
-        };
-    }
-};
-exports.RpImageEditorModule = RpImageEditorModule;
-exports.RpImageEditorModule = RpImageEditorModule = RpImageEditorModule_1 = __decorate([
-    (0, core_1.NgModule)({
-        declarations: [rp_image_editor_component_1.RpImageEditorComponent],
-        imports: [common_1.CommonModule],
-        exports: [rp_image_editor_component_1.RpImageEditorComponent],
-        providers: [rp_image_editor_service_1.RpImageEditorService],
-    })
-], RpImageEditorModule);
-//# sourceMappingURL=rp-image-editor.module.js.map

package/dist/cjs/lib/rp-image-editor.module.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"rp-image-editor.module.js","sourceRoot":"","sources":["../../../src/lib/rp-image-editor.module.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wCAA8D;AAC9D,4CAA+C;AAC/C,2EAAqE;AACrE,uEAAiE;AAQ1D,IAAM,mBAAmB,2BAAzB,MAAM,mBAAmB;IAC9B;;;OAGG;IACH,MAAM,CAAC,OAAO;QACZ,OAAO;YACL,QAAQ,EAAE,qBAAmB;YAC7B,SAAS,EAAE,CAAC,8CAAoB,CAAC;SAClC,CAAC;IACJ,CAAC;CACF,CAAA;AAXY,kDAAmB;8BAAnB,mBAAmB;IAN/B,IAAA,eAAQ,EAAC;QACR,YAAY,EAAE,CAAC,kDAAsB,CAAC;QACtC,OAAO,EAAE,CAAC,qBAAY,CAAC;QACvB,OAAO,EAAE,CAAC,kDAAsB,CAAC;QACjC,SAAS,EAAE,CAAC,8CAAoB,CAAC;KAClC,CAAC;GACW,mBAAmB,CAW/B"}

package/dist/cjs/lib/rp-image-editor.service.js

@@ -1,52 +0,0 @@
-"use strict";
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RpImageEditorService = void 0;
-const core_1 = require("@angular/core");
-const rp_image_editor_1 = require("@rageshpikalmunde/rp-image-editor");
-/**
- * Service to open the image editor as a modal overlay.
- * Works with or without Ionic — uses the core modal implementation.
- *
- * Usage:
- * ```ts
- * constructor(private rpEditor: RpImageEditorService) {}
- *
- * async editImage(file: File) {
- *   const result = await this.rpEditor.openEditor(file, {
- *     theme: { applyButtonBackground: '#28a745' }
- *   });
- *   if (result) {
- *     // result.file — upload to server
- *     // result.base64 — preview
- *   }
- * }
- * ```
- */
-let RpImageEditorService = class RpImageEditorService {
-    /**
-     * Open the image editor in a modal popup.
-     *
-     * @param image - File, Blob, or URL string to edit
-     * @param config - Optional editor configuration (theme, crop ratios, etc.)
-     * @returns Promise resolving to RpEditorResult if applied, or null if cancelled
-     */
-    async openEditor(image, config) {
-        return (0, rp_image_editor_1.openEditorModal)({
-            image,
-            config,
-        });
-    }
-};
-exports.RpImageEditorService = RpImageEditorService;
-exports.RpImageEditorService = RpImageEditorService = __decorate([
-    (0, core_1.Injectable)({
-        providedIn: 'root',
-    })
-], RpImageEditorService);
-//# sourceMappingURL=rp-image-editor.service.js.map

package/dist/cjs/lib/rp-image-editor.service.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"rp-image-editor.service.js","sourceRoot":"","sources":["../../../src/lib/rp-image-editor.service.ts"],"names":[],"mappings":";;;;;;;;;AAAA,wCAA2C;AAC3C,uEAI2C;AAE3C;;;;;;;;;;;;;;;;;;GAkBG;AAII,IAAM,oBAAoB,GAA1B,MAAM,oBAAoB;IAC/B;;;;;;OAMG;IACH,KAAK,CAAC,UAAU,CACd,KAA2B,EAC3B,MAAgC;QAEhC,OAAO,IAAA,iCAAe,EAAC;YACrB,KAAK;YACL,MAAM;SACP,CAAC,CAAC;IACL,CAAC;CACF,CAAA;AAjBY,oDAAoB;+BAApB,oBAAoB;IAHhC,IAAA,iBAAU,EAAC;QACV,UAAU,EAAE,MAAM;KACnB,CAAC;GACW,oBAAoB,CAiBhC"}

package/dist/esm/index.js

@@ -1,11 +0,0 @@
-/**
- * @rageshpikalmunde/rp-image-editor-angular
- * Angular wrapper for the rp-image-editor plugin
- */
-// Module
-export { RpImageEditorModule } from './lib/rp-image-editor.module';
-// Component
-export { RpImageEditorComponent } from './lib/rp-image-editor.component';
-// Service
-export { RpImageEditorService } from './lib/rp-image-editor.service';
-//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,SAAS;AACT,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAEnE,YAAY;AACZ,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AAEzE,UAAU;AACV,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC"}