@rageshpikalmunde/rp-image-editor-angular 1.5.11 → 1.5.13

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 rpragesh
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,76 @@
+# @rageshpikalmunde/rp-image-editor-angular
+
+Angular wrapper for [`@rageshpikalmunde/rp-image-editor`](https://www.npmjs.com/package/@rageshpikalmunde/rp-image-editor), a browser image editor and annotator (crop, rotate, draw, text, shapes, callouts, filters, undo/redo, native-resolution export).
+
+[Live demo](https://rpragesh.github.io/image-editor/) · [Angular example on StackBlitz](https://stackblitz.com/github/rpragesh/image-editor/tree/main/examples/angular) · [API reference](https://rpragesh.github.io/image-editor/api/) · [Full docs](https://github.com/rpragesh/image-editor#readme)
+
+Requires **Angular 15 or newer**. Works with NgModules and standalone components, and with Ionic (optional).
+
+## Install
+
+```bash
+npm install @rageshpikalmunde/rp-image-editor @rageshpikalmunde/rp-image-editor-angular
+```
+
+**Angular 17+ with the default `application` builder:** add this to `architect.build.options` in `angular.json`. Fabric.js 5 has a Node-only code path that the esbuild builder otherwise tries to bundle; it never runs in the browser.
+
+```json
+"externalDependencies": ["jsdom", "canvas"]
+```
+
+## Modal: `RpImageEditorService`
+
+```typescript
+import { RpImageEditorService } from '@rageshpikalmunde/rp-image-editor-angular';
+
+export class UploadComponent {
+  constructor(private rpEditor: RpImageEditorService) {}
+
+  async edit(file: File) {
+    const result = await this.rpEditor.openEditor(file, {
+      exportFormat: 'jpeg',
+      theme: { headerTitle: 'Edit photo' },
+    });
+    if (result) {
+      // result.file (upload via FormData), result.base64, result.blob
+    }
+  }
+}
+```
+
+The service is `providedIn: 'root'`, so it needs no module import.
+
+## Inline: `<rp-image-editor>`
+
+```typescript
+import { Component, ViewChild } from '@angular/core';
+import { RpImageEditorComponent, RpImageEditorModule } from '@rageshpikalmunde/rp-image-editor-angular';
+
+@Component({
+  standalone: true,
+  imports: [RpImageEditorModule], // or add RpImageEditorModule to your NgModule
+  template: `
+    <div style="height: 520px">
+      <rp-image-editor [image]="file" [config]="{ exportFormat: 'png' }"
+                       (imageEdited)="onEdited($event)" (editorError)="onError($event)"></rp-image-editor>
+    </div>
+    <button (click)="editor.apply()">Apply</button>
+  `,
+})
+export class InlineEditorComponent {
+  @ViewChild(RpImageEditorComponent) editor!: RpImageEditorComponent;
+  file: File | string = 'assets/photo.jpg';
+  onEdited(result: unknown) { /* ... */ }
+  onError(error: Error) { console.error(error); }
+}
+```
+
+Component API: inputs `image`, `config`; outputs `imageEdited`, `editorClosed`, `editorError`; methods `apply()`, `getResult()`, `loadImage()`, `reset()`, `close()`.
+
+## Server-side rendering
+
+`<rp-image-editor>` does nothing on the server and creates the editor in the browser. Call `openEditor()` from user actions such as clicks.
+
+## License
+
+MIT

package/esm2020/index.mjs

@@ -0,0 +1,11 @@
+/**
+ * @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=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7OztHQUdHO0FBRUgsU0FBUztBQUNULE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBRW5FLFlBQVk7QUFDWixPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUV6RSxVQUFVO0FBQ1YsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sK0JBQStCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEByYWdlc2hwaWthbG11bmRlL3JwLWltYWdlLWVkaXRvci1hbmd1bGFyXG4gKiBBbmd1bGFyIHdyYXBwZXIgZm9yIHRoZSBycC1pbWFnZS1lZGl0b3IgcGx1Z2luXG4gKi9cblxuLy8gTW9kdWxlXG5leHBvcnQgeyBScEltYWdlRWRpdG9yTW9kdWxlIH0gZnJvbSAnLi9saWIvcnAtaW1hZ2UtZWRpdG9yLm1vZHVsZSc7XG5cbi8vIENvbXBvbmVudFxuZXhwb3J0IHsgUnBJbWFnZUVkaXRvckNvbXBvbmVudCB9IGZyb20gJy4vbGliL3JwLWltYWdlLWVkaXRvci5jb21wb25lbnQnO1xuXG4vLyBTZXJ2aWNlXG5leHBvcnQgeyBScEltYWdlRWRpdG9yU2VydmljZSB9IGZyb20gJy4vbGliL3JwLWltYWdlLWVkaXRvci5zZXJ2aWNlJztcblxuLy8gUmUtZXhwb3J0IHR5cGVzIGZyb20gY29yZVxuZXhwb3J0IHR5cGUge1xuICBScEVkaXRvckNvbmZpZyxcbiAgUnBFZGl0b3JUaGVtZSxcbiAgUnBFZGl0b3JSZXN1bHQsXG4gIENyb3BBc3BlY3RSYXRpbyxcbiAgRWRpdG9yTW9kZSxcbn0gZnJvbSAnQHJhZ2VzaHBpa2FsbXVuZGUvcnAtaW1hZ2UtZWRpdG9yJztcbiJdfQ==

package/esm2020/lib/rp-image-editor.component.mjs

@@ -0,0 +1,113 @@
+import { Component, EventEmitter, Inject, Input, Output, PLATFORM_ID, ViewChild } from '@angular/core';
+import { isPlatformBrowser } from '@angular/common';
+import { RpImageEditor } from '@rageshpikalmunde/rp-image-editor';
+import * as i0 from "@angular/core";
+export 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
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicnAtaW1hZ2UtZWRpdG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvcnAtaW1hZ2UtZWRpdG9yLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFjLFlBQVksRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFhLE1BQU0sRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFpQixNQUFNLGVBQWUsQ0FBQztBQUM3SSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNwRCxPQUFPLEVBQUUsYUFBYSxFQUFrQyxNQUFNLG1DQUFtQyxDQUFDOztBQU9sRyxNQUFNLE9BQU8sc0JBQXNCO0lBdUJqQyxZQUFpQyxVQUFrQjtRQXBCbkQsK0NBQStDO1FBQ3RDLFVBQUssR0FBZ0MsSUFBSSxDQUFDO1FBRW5ELDJCQUEyQjtRQUNsQixXQUFNLEdBQTRCLEVBQUUsQ0FBQztRQUU5Qyx3RUFBd0U7UUFDOUQsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBa0IsQ0FBQztRQUUzRCw0Q0FBNEM7UUFDbEMsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBRWxELG1DQUFtQztRQUN6QixnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFTLENBQUM7UUFFMUMsV0FBTSxHQUF5QixJQUFJLENBQUM7UUFNMUMsSUFBSSxDQUFDLFNBQVMsR0FBRyxpQkFBaUIsQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUNqRCxDQUFDO0lBRUQsZUFBZTtRQUNiLElBQUksSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNkLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztTQUNuQjtJQUNILENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ3ZCLENBQUM7SUFFRDs7T0FFRztJQUNILEtBQUssQ0FBQyxTQUFTLENBQUMsTUFBNEI7UUFDMUMsSUFBSSxDQUFDLEtBQUssR0FBRyxNQUFNLENBQUM7UUFDcEIsTUFBTSxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVEOztPQUVHO0lBQ0gsS0FBSyxDQUFDLFNBQVM7UUFDYixJQUFJO1lBQ0YsT0FBTyxNQUFNLElBQUksQ0FBQyxNQUFNLEVBQUUsU0FBUyxFQUFFLElBQUksSUFBSSxDQUFDO1NBQy9DO1FBQUMsT0FBTyxHQUFHLEVBQUU7WUFDWixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxHQUFZLENBQUMsQ0FBQztZQUNwQyxPQUFPLElBQUksQ0FBQztTQUNiO0lBQ0gsQ0FBQztJQUVEOztPQUVHO0lBQ0gsS0FBSyxDQUFDLEtBQUs7UUFDVCxNQUFNLE1BQU0sR0FBRyxNQUFNLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztRQUN0QyxJQUFJLE1BQU0sRUFBRTtZQUNWLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1NBQy9CO0lBQ0gsQ0FBQztJQUVEOztPQUVHO0lBQ0gsS0FBSztRQUNILElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUNyQixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzNCLENBQUM7SUFFRDs7T0FFRztJQUNILEtBQUssQ0FBQyxLQUFLO1FBQ1QsTUFBTSxJQUFJLENBQUMsTUFBTSxFQUFFLEtBQUssRUFBRSxDQUFDO0lBQzdCLENBQUM7SUFFTyxLQUFLLENBQUMsVUFBVTtRQUN0QixJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7UUFFckIsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxJQUFJLENBQUMsSUFBSSxDQUFDLFlBQVksRUFBRSxhQUFhO1lBQUUsT0FBTztRQUVoRixJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksYUFBYSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsYUFBYSxFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUU5RSxJQUFJLENBQUMsTUFBTSxDQUFDLEVBQUUsQ0FBQyxPQUFPLEVBQUUsQ0FBQyxHQUFHLEVBQUUsRUFBRTtZQUM5QixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUM3QixDQUFDLENBQUMsQ0FBQztRQUVILElBQUk7WUFDRixNQUFNLElBQUksQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUN6QztRQUFDLE9BQU8sR0FBRyxFQUFFO1lBQ1osSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsR0FBWSxDQUFDLENBQUM7U0FDckM7SUFDSCxDQUFDO0lBRU8sYUFBYTtRQUNuQixJQUFJLElBQUksQ0FBQyxNQUFNLEVBQUU7WUFDZixJQUFJLENBQUMsTUFBTSxDQUFDLE9BQU8sRUFBRSxDQUFDO1lBQ3RCLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDO1NBQ3BCO0lBQ0gsQ0FBQzs7b0hBekdVLHNCQUFzQixrQkF1QmIsV0FBVzt3R0F2QnBCLHNCQUFzQix1VUFIdkIsb0tBQW9LOzRGQUduSyxzQkFBc0I7a0JBTGxDLFNBQVM7K0JBQ0UsaUJBQWlCLFlBQ2pCLG9LQUFvSzs7MEJBMEJqSyxNQUFNOzJCQUFDLFdBQVc7NENBdEJpQixZQUFZO3NCQUEzRCxTQUFTO3VCQUFDLGlCQUFpQixFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTtnQkFHckMsS0FBSztzQkFBYixLQUFLO2dCQUdHLE1BQU07c0JBQWQsS0FBSztnQkFHSSxXQUFXO3NCQUFwQixNQUFNO2dCQUdHLFlBQVk7c0JBQXJCLE1BQU07Z0JBR0csV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgRXZlbnRFbWl0dGVyLCBJbmplY3QsIElucHV0LCBPbkRlc3Ryb3ksIE91dHB1dCwgUExBVEZPUk1fSUQsIFZpZXdDaGlsZCwgQWZ0ZXJWaWV3SW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgaXNQbGF0Zm9ybUJyb3dzZXIgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgUnBJbWFnZUVkaXRvciwgUnBFZGl0b3JDb25maWcsIFJwRWRpdG9yUmVzdWx0IH0gZnJvbSAnQHJhZ2VzaHBpa2FsbXVuZGUvcnAtaW1hZ2UtZWRpdG9yJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncnAtaW1hZ2UtZWRpdG9yJyxcbiAgdGVtcGxhdGU6IGA8ZGl2ICNlZGl0b3JDb250YWluZXIgY2xhc3M9XCJycC1pbWFnZS1lZGl0b3ItaG9zdFwiIFtzdHlsZS53aWR0aF09XCInMTAwJSdcIiBbc3R5bGUuaGVpZ2h0XT1cIicxMDAlJ1wiIFtzdHlsZS5kaXNwbGF5XT1cIidmbGV4J1wiIFtzdHlsZS5mbGV4RGlyZWN0aW9uXT1cIidjb2x1bW4nXCI+PC9kaXY+YCxcbiAgc3R5bGVzOiBbYDpob3N0IHsgZGlzcGxheTogYmxvY2s7IHdpZHRoOiAxMDAlOyBoZWlnaHQ6IDEwMCU7IH0gLnJwLWltYWdlLWVkaXRvci1ob3N0IHsgbWluLWhlaWdodDogMzAwcHg7IH1gXVxufSlcbmV4cG9ydCBjbGFzcyBScEltYWdlRWRpdG9yQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCwgT25EZXN0cm95IHtcbiAgQFZpZXdDaGlsZCgnZWRpdG9yQ29udGFpbmVyJywgeyBzdGF0aWM6IHRydWUgfSkgY29udGFpbmVyUmVmITogRWxlbWVudFJlZjxIVE1MRWxlbWVudD47XG5cbiAgLyoqIEltYWdlIHNvdXJjZSDigJQgRmlsZSwgQmxvYiwgb3IgVVJMIHN0cmluZyAqL1xuICBASW5wdXQoKSBpbWFnZTogRmlsZSB8IEJsb2IgfCBzdHJpbmcgfCBudWxsID0gbnVsbDtcblxuICAvKiogRWRpdG9yIGNvbmZpZ3VyYXRpb24gKi9cbiAgQElucHV0KCkgY29uZmlnOiBQYXJ0aWFsPFJwRWRpdG9yQ29uZmlnPiA9IHt9O1xuXG4gIC8qKiBFbWl0dGVkIHdoZW4gdXNlciBjbGlja3MgQXBwbHkg4oCUIGNvbnRhaW5zIHRoZSBlZGl0ZWQgaW1hZ2UgcmVzdWx0ICovXG4gIEBPdXRwdXQoKSBpbWFnZUVkaXRlZCA9IG5ldyBFdmVudEVtaXR0ZXI8UnBFZGl0b3JSZXN1bHQ+KCk7XG5cbiAgLyoqIEVtaXR0ZWQgd2hlbiB1c2VyIGNsaWNrcyBDbG9zZS9DYW5jZWwgKi9cbiAgQE91dHB1dCgpIGVkaXRvckNsb3NlZCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICAvKiogRW1pdHRlZCB3aGVuIGFuIGVycm9yIG9jY3VycyAqL1xuICBAT3V0cHV0KCkgZWRpdG9yRXJyb3IgPSBuZXcgRXZlbnRFbWl0dGVyPEVycm9yPigpO1xuXG4gIHByaXZhdGUgZWRpdG9yOiBScEltYWdlRWRpdG9yIHwgbnVsbCA9IG51bGw7XG5cbiAgLyoqIEZhbHNlIGR1cmluZyBzZXJ2ZXItc2lkZSByZW5kZXJpbmcsIHdoZXJlIHRoZXJlIGlzIG5vIERPTS9jYW52YXMuICovXG4gIHByaXZhdGUgcmVhZG9ubHkgaXNCcm93c2VyOiBib29sZWFuO1xuXG4gIGNvbnN0cnVjdG9yKEBJbmplY3QoUExBVEZPUk1fSUQpIHBsYXRmb3JtSWQ6IG9iamVjdCkge1xuICAgIHRoaXMuaXNCcm93c2VyID0gaXNQbGF0Zm9ybUJyb3dzZXIocGxhdGZvcm1JZCk7XG4gIH1cblxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuaW1hZ2UpIHtcbiAgICAgIHRoaXMuaW5pdEVkaXRvcigpO1xuICAgIH1cbiAgfVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMuZGVzdHJveUVkaXRvcigpO1xuICB9XG5cbiAgLyoqXG4gICAqIFByb2dyYW1tYXRpY2FsbHkgbG9hZCBhbiBpbWFnZSAoY2FuIGJlIGNhbGxlZCBhZnRlciBjb21wb25lbnQgaW5pdClcbiAgICovXG4gIGFzeW5jIGxvYWRJbWFnZShzb3VyY2U6IEZpbGUgfCBCbG9iIHwgc3RyaW5nKTogUHJvbWlzZTx2b2lkPiB7XG4gICAgdGhpcy5pbWFnZSA9IHNvdXJjZTtcbiAgICBhd2FpdCB0aGlzLmluaXRFZGl0b3IoKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBHZXQgdGhlIGVkaXRlZCByZXN1bHQgcHJvZ3JhbW1hdGljYWxseVxuICAgKi9cbiAgYXN5bmMgZ2V0UmVzdWx0KCk6IFByb21pc2U8UnBFZGl0b3JSZXN1bHQgfCBudWxsPiB7XG4gICAgdHJ5IHtcbiAgICAgIHJldHVybiBhd2FpdCB0aGlzLmVkaXRvcj8uZ2V0UmVzdWx0KCkgPz8gbnVsbDtcbiAgICB9IGNhdGNoIChlcnIpIHtcbiAgICAgIHRoaXMuZWRpdG9yRXJyb3IuZW1pdChlcnIgYXMgRXJyb3IpO1xuICAgICAgcmV0dXJuIG51bGw7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqIEFwcGx5IGFuZCBlbWl0IHJlc3VsdFxuICAgKi9cbiAgYXN5bmMgYXBwbHkoKTogUHJvbWlzZTx2b2lkPiB7XG4gICAgY29uc3QgcmVzdWx0ID0gYXdhaXQgdGhpcy5nZXRSZXN1bHQoKTtcbiAgICBpZiAocmVzdWx0KSB7XG4gICAgICB0aGlzLmltYWdlRWRpdGVkLmVtaXQocmVzdWx0KTtcbiAgICB9XG4gIH1cblxuICAvKipcbiAgICogQ2xvc2UgdGhlIGVkaXRvclxuICAgKi9cbiAgY2xvc2UoKTogdm9pZCB7XG4gICAgdGhpcy5kZXN0cm95RWRpdG9yKCk7XG4gICAgdGhpcy5lZGl0b3JDbG9zZWQuZW1pdCgpO1xuICB9XG5cbiAgLyoqXG4gICAqIFJlc2V0IHRvIG9yaWdpbmFsIGltYWdlXG4gICAqL1xuICBhc3luYyByZXNldCgpOiBQcm9taXNlPHZvaWQ+IHtcbiAgICBhd2FpdCB0aGlzLmVkaXRvcj8ucmVzZXQoKTtcbiAgfVxuXG4gIHByaXZhdGUgYXN5bmMgaW5pdEVkaXRvcigpOiBQcm9taXNlPHZvaWQ+IHtcbiAgICB0aGlzLmRlc3Ryb3lFZGl0b3IoKTtcblxuICAgIGlmICghdGhpcy5pc0Jyb3dzZXIgfHwgIXRoaXMuaW1hZ2UgfHwgIXRoaXMuY29udGFpbmVyUmVmPy5uYXRpdmVFbGVtZW50KSByZXR1cm47XG5cbiAgICB0aGlzLmVkaXRvciA9IG5ldyBScEltYWdlRWRpdG9yKHRoaXMuY29udGFpbmVyUmVmLm5hdGl2ZUVsZW1lbnQsIHRoaXMuY29uZmlnKTtcblxuICAgIHRoaXMuZWRpdG9yLm9uKCdlcnJvcicsIChlcnIpID0+IHtcbiAgICAgIHRoaXMuZWRpdG9yRXJyb3IuZW1pdChlcnIpO1xuICAgIH0pO1xuXG4gICAgdHJ5IHtcbiAgICAgIGF3YWl0IHRoaXMuZWRpdG9yLmxvYWRJbWFnZSh0aGlzLmltYWdlKTtcbiAgICB9IGNhdGNoIChlcnIpIHtcbiAgICAgIHRoaXMuZWRpdG9yRXJyb3IuZW1pdChlcnIgYXMgRXJyb3IpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgZGVzdHJveUVkaXRvcigpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5lZGl0b3IpIHtcbiAgICAgIHRoaXMuZWRpdG9yLmRlc3Ryb3koKTtcbiAgICAgIHRoaXMuZWRpdG9yID0gbnVsbDtcbiAgICB9XG4gIH1cbn1cbiJdfQ==

package/esm2020/lib/rp-image-editor.module.mjs

@@ -0,0 +1,30 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { RpImageEditorComponent } from './rp-image-editor.component';
+import { RpImageEditorService } from './rp-image-editor.service';
+import * as i0 from "@angular/core";
+export 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],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicnAtaW1hZ2UtZWRpdG9yLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvcnAtaW1hZ2UtZWRpdG9yLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUF1QixNQUFNLGVBQWUsQ0FBQztBQUM5RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDckUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7O0FBUWpFLE1BQU0sT0FBTyxtQkFBbUI7SUFDOUI7OztPQUdHO0lBQ0gsTUFBTSxDQUFDLE9BQU87UUFDWixPQUFPO1lBQ0wsUUFBUSxFQUFFLG1CQUFtQjtZQUM3QixTQUFTLEVBQUUsQ0FBQyxvQkFBb0IsQ0FBQztTQUNsQyxDQUFDO0lBQ0osQ0FBQzs7aUhBVlUsbUJBQW1CO2tIQUFuQixtQkFBbUIsaUJBTGYsc0JBQXNCLGFBQzNCLFlBQVksYUFDWixzQkFBc0I7a0hBR3JCLG1CQUFtQixhQUZuQixDQUFDLG9CQUFvQixDQUFDLFlBRnZCLFlBQVk7NEZBSVgsbUJBQW1CO2tCQU4vQixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLHNCQUFzQixDQUFDO29CQUN0QyxPQUFPLEVBQUUsQ0FBQyxZQUFZLENBQUM7b0JBQ3ZCLE9BQU8sRUFBRSxDQUFDLHNCQUFzQixDQUFDO29CQUNqQyxTQUFTLEVBQUUsQ0FBQyxvQkFBb0IsQ0FBQztpQkFDbEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSwgTW9kdWxlV2l0aFByb3ZpZGVycyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFJwSW1hZ2VFZGl0b3JDb21wb25lbnQgfSBmcm9tICcuL3JwLWltYWdlLWVkaXRvci5jb21wb25lbnQnO1xuaW1wb3J0IHsgUnBJbWFnZUVkaXRvclNlcnZpY2UgfSBmcm9tICcuL3JwLWltYWdlLWVkaXRvci5zZXJ2aWNlJztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbUnBJbWFnZUVkaXRvckNvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICBleHBvcnRzOiBbUnBJbWFnZUVkaXRvckNvbXBvbmVudF0sXG4gIHByb3ZpZGVyczogW1JwSW1hZ2VFZGl0b3JTZXJ2aWNlXSxcbn0pXG5leHBvcnQgY2xhc3MgUnBJbWFnZUVkaXRvck1vZHVsZSB7XG4gIC8qKlxuICAgKiBVc2UgZm9yUm9vdCgpIGlmIHlvdSB3YW50IHRvIHByb3ZpZGUgdGhlIHNlcnZpY2UgYXQgcm9vdCBsZXZlbFxuICAgKiAob3B0aW9uYWwg4oCUIHNlcnZpY2UgaXMgYWxyZWFkeSBwcm92aWRlZEluOiAncm9vdCcpXG4gICAqL1xuICBzdGF0aWMgZm9yUm9vdCgpOiBNb2R1bGVXaXRoUHJvdmlkZXJzPFJwSW1hZ2VFZGl0b3JNb2R1bGU+IHtcbiAgICByZXR1cm4ge1xuICAgICAgbmdNb2R1bGU6IFJwSW1hZ2VFZGl0b3JNb2R1bGUsXG4gICAgICBwcm92aWRlcnM6IFtScEltYWdlRWRpdG9yU2VydmljZV0sXG4gICAgfTtcbiAgfVxufVxuIl19

package/esm2020/lib/rp-image-editor.service.mjs

@@ -0,0 +1,46 @@
+import { Injectable } from '@angular/core';
+import { openEditorModal, } 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.
+ *
+ * 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
+ *   }
+ * }
+ * ```
+ */
+export 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,
+        });
+    }
+}
+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',
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicnAtaW1hZ2UtZWRpdG9yLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGliL3JwLWltYWdlLWVkaXRvci5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0MsT0FBTyxFQUdMLGVBQWUsR0FDaEIsTUFBTSxtQ0FBbUMsQ0FBQzs7QUFFM0M7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQWtCRztBQUlILE1BQU0sT0FBTyxvQkFBb0I7SUFDL0I7Ozs7OztPQU1HO0lBQ0gsS0FBSyxDQUFDLFVBQVUsQ0FDZCxLQUEyQixFQUMzQixNQUFnQztRQUVoQyxPQUFPLGVBQWUsQ0FBQztZQUNyQixLQUFLO1lBQ0wsTUFBTTtTQUNQLENBQUMsQ0FBQztJQUNMLENBQUM7O2tIQWhCVSxvQkFBb0I7c0hBQXBCLG9CQUFvQixjQUZuQixNQUFNOzRGQUVQLG9CQUFvQjtrQkFIaEMsVUFBVTttQkFBQztvQkFDVixVQUFVLEVBQUUsTUFBTTtpQkFDbkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBScEVkaXRvckNvbmZpZyxcbiAgUnBFZGl0b3JSZXN1bHQsXG4gIG9wZW5FZGl0b3JNb2RhbCxcbn0gZnJvbSAnQHJhZ2VzaHBpa2FsbXVuZGUvcnAtaW1hZ2UtZWRpdG9yJztcblxuLyoqXG4gKiBTZXJ2aWNlIHRvIG9wZW4gdGhlIGltYWdlIGVkaXRvciBhcyBhIG1vZGFsIG92ZXJsYXkuXG4gKiBXb3JrcyB3aXRoIG9yIHdpdGhvdXQgSW9uaWMg4oCUIHVzZXMgdGhlIGNvcmUgbW9kYWwgaW1wbGVtZW50YXRpb24uXG4gKlxuICogVXNhZ2U6XG4gKiBgYGB0c1xuICogY29uc3RydWN0b3IocHJpdmF0ZSBycEVkaXRvcjogUnBJbWFnZUVkaXRvclNlcnZpY2UpIHt9XG4gKlxuICogYXN5bmMgZWRpdEltYWdlKGZpbGU6IEZpbGUpIHtcbiAqICAgY29uc3QgcmVzdWx0ID0gYXdhaXQgdGhpcy5ycEVkaXRvci5vcGVuRWRpdG9yKGZpbGUsIHtcbiAqICAgICB0aGVtZTogeyBhcHBseUJ1dHRvbkJhY2tncm91bmQ6ICcjMjhhNzQ1JyB9XG4gKiAgIH0pO1xuICogICBpZiAocmVzdWx0KSB7XG4gKiAgICAgLy8gcmVzdWx0LmZpbGUg4oCUIHVwbG9hZCB0byBzZXJ2ZXJcbiAqICAgICAvLyByZXN1bHQuYmFzZTY0IOKAlCBwcmV2aWV3XG4gKiAgIH1cbiAqIH1cbiAqIGBgYFxuICovXG5ASW5qZWN0YWJsZSh7XG4gIHByb3ZpZGVkSW46ICdyb290Jyxcbn0pXG5leHBvcnQgY2xhc3MgUnBJbWFnZUVkaXRvclNlcnZpY2Uge1xuICAvKipcbiAgICogT3BlbiB0aGUgaW1hZ2UgZWRpdG9yIGluIGEgbW9kYWwgcG9wdXAuXG4gICAqXG4gICAqIEBwYXJhbSBpbWFnZSAtIEZpbGUsIEJsb2IsIG9yIFVSTCBzdHJpbmcgdG8gZWRpdFxuICAgKiBAcGFyYW0gY29uZmlnIC0gT3B0aW9uYWwgZWRpdG9yIGNvbmZpZ3VyYXRpb24gKHRoZW1lLCBjcm9wIHJhdGlvcywgZXRjLilcbiAgICogQHJldHVybnMgUHJvbWlzZSByZXNvbHZpbmcgdG8gUnBFZGl0b3JSZXN1bHQgaWYgYXBwbGllZCwgb3IgbnVsbCBpZiBjYW5jZWxsZWRcbiAgICovXG4gIGFzeW5jIG9wZW5FZGl0b3IoXG4gICAgaW1hZ2U6IEZpbGUgfCBCbG9iIHwgc3RyaW5nLFxuICAgIGNvbmZpZz86IFBhcnRpYWw8UnBFZGl0b3JDb25maWc+XG4gICk6IFByb21pc2U8UnBFZGl0b3JSZXN1bHQgfCBudWxsPiB7XG4gICAgcmV0dXJuIG9wZW5FZGl0b3JNb2RhbCh7XG4gICAgICBpbWFnZSxcbiAgICAgIGNvbmZpZyxcbiAgICB9KTtcbiAgfVxufVxuIl19

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

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFnZXNocGlrYWxtdW5kZS1ycC1pbWFnZS1lZGl0b3ItYW5ndWxhci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9yYWdlc2hwaWthbG11bmRlLXJwLWltYWdlLWVkaXRvci1hbmd1bGFyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxTQUFTLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vaW5kZXgnO1xuIl19

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

@@ -0,0 +1,212 @@
+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 { __awaiter } from 'tslib';
+import { RpImageEditor, openEditorModal } 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)
+     */
+    loadImage(source) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.image = source;
+            yield this.initEditor();
+        });
+    }
+    /**
+     * Get the edited result programmatically
+     */
+    getResult() {
+        var _a, _b;
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                return (_b = yield ((_a = this.editor) === null || _a === void 0 ? void 0 : _a.getResult())) !== null && _b !== void 0 ? _b : null;
+            }
+            catch (err) {
+                this.editorError.emit(err);
+                return null;
+            }
+        });
+    }
+    /**
+     * Apply and emit result
+     */
+    apply() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const result = yield this.getResult();
+            if (result) {
+                this.imageEdited.emit(result);
+            }
+        });
+    }
+    /**
+     * Close the editor
+     */
+    close() {
+        this.destroyEditor();
+        this.editorClosed.emit();
+    }
+    /**
+     * Reset to original image
+     */
+    reset() {
+        var _a;
+        return __awaiter(this, void 0, void 0, function* () {
+            yield ((_a = this.editor) === null || _a === void 0 ? void 0 : _a.reset());
+        });
+    }
+    initEditor() {
+        var _a;
+        return __awaiter(this, void 0, void 0, function* () {
+            this.destroyEditor();
+            if (!this.isBrowser || !this.image || !((_a = this.containerRef) === null || _a === void 0 ? void 0 : _a.nativeElement))
+                return;
+            this.editor = new RpImageEditor(this.containerRef.nativeElement, this.config);
+            this.editor.on('error', (err) => {
+                this.editorError.emit(err);
+            });
+            try {
+                yield 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
+     */
+    openEditor(image, config) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return openEditorModal({
+                image,
+                config,
+            });
+        });
+    }
+}
+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/fesm2015/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  openEditorModal,\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","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  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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"}