@pixerate/editor-svelte 0.68.0 → 0.69.0

package/dist/image-editor/ImageEditor.svelte

@@ -93,6 +93,9 @@
   let isInpainting = $state(false);
   let aiError = $state<string | null>(null);
   let aiSuccess = $state<string | null>(null);
+  /** Where AI results go: by layer count (auto), a new layer / mask, or replacing the Background. */
+  let aiTarget = $state<'auto' | 'new-layer' | 'replace'>('auto');
+  const aiOptions = $derived(aiTarget === 'auto' ? {} : { target: aiTarget });
 
   const effectiveOnInpaint = $derived(onInpaint || aiHooks?.onInpaint);
   const effectiveOnRemoveBg = $derived(onRemoveBackground || aiHooks?.onRemoveBackground);
@@ -106,12 +109,12 @@
     aiSuccess = null;
     isRemovingBg = true;
     try {
-      // AI hooks work on the untransformed source image (natural pixels); crop, rotation,
-      // adjustments and annotations stay non-destructive and are re-applied on top.
-      const imageDataUrl = await editor.toSourceDataURL();
+      // AI hooks work in natural pixels (no crop or rotation): the source when the result replaces
+      // it, the composite of the layers when the result becomes a layer or mask.
+      const imageDataUrl = await editor.controller.toAIInputDataURL(aiOptions);
       const result = await effectiveOnRemoveBg({ imageDataUrl });
       if (typeof result === 'string') {
-        await editor.applyBackgroundRemovedImage(result);
+        await editor.applyBackgroundRemovedImage(result, aiOptions);
         aiSuccess = 'Background removed successfully!';
       } else {
         aiSuccess = 'Background removal complete.';
@@ -137,7 +140,7 @@
     isInpainting = true;
     try {
       // Source image and mask share natural image space so they line up exactly.
-      const imageDataUrl = await editor.toSourceDataURL();
+      const imageDataUrl = await editor.controller.toAIInputDataURL(aiOptions);
       const maskDataUrl = await editor.toMaskDataURL({
         useAnnotations: inpaintMaskMode === 'annotations',
         useCrop: inpaintMaskMode === 'crop',
@@ -149,7 +152,7 @@
         cropBox: inpaintMaskMode === 'crop' ? editor.state.crop : null,
       });
       if (typeof result === 'string') {
-        await editor.applyInpaintedImage(result);
+        await editor.applyInpaintedImage(result, aiOptions);
         aiSuccess = 'Inpainting applied successfully!';
       } else {
         aiSuccess = 'Inpainting complete.';
@@ -1339,6 +1342,18 @@
       <!-- TAB 5: AI TOOLS / INPAINTING & BACKGROUND REMOVAL -->
       {#if activeTab === 'ai'}
         <div class="flex flex-col gap-4 text-xs">
+          <label class="flex items-center justify-between gap-2 text-slate-300">
+            <span>Results go to</span>
+            <select
+              aria-label="AI result target"
+              bind:value={aiTarget}
+              class="bg-slate-800 border border-slate-700 rounded px-1.5 py-1"
+            >
+              <option value="auto">{editor.controller.isMultiLayer ? 'Auto (new layer)' : 'Auto (replace image)'}</option>
+              <option value="new-layer">New layer / mask</option>
+              <option value="replace">Replace image</option>
+            </select>
+          </label>
           <!-- Background Removal Section -->
           <div class="p-3 rounded-lg bg-slate-950/60 border border-slate-800 flex flex-col gap-2.5">
             <div class="flex items-center justify-between">

package/dist/image-editor/ImageEditor.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageEditor.svelte.d.ts","sourceRoot":"","sources":["../../src/image-editor/ImageEditor.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAIR,aAAa,EAGb,WAAW,EACX,oBAAoB,EACpB,kBAAkB,EAClB,cAAc,EACf,MAAM,+BAA+B,CAAC;AA0BzC,OAAO,EAA6B,KAAK,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAGjG,UAAU,KAAK;IACb,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,kBAAkB,CAAC,EAAE,oBAAoB,CAAC;IAC1C,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,GAAG,CAAC,EAAE,cAAc,CAAC;CACtB;AA4oCH,QAAA,MAAM,WAAW,2CAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}
+{"version":3,"file":"ImageEditor.svelte.d.ts","sourceRoot":"","sources":["../../src/image-editor/ImageEditor.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAIR,aAAa,EAGb,WAAW,EACX,oBAAoB,EACpB,kBAAkB,EAClB,cAAc,EACf,MAAM,+BAA+B,CAAC;AA0BzC,OAAO,EAA6B,KAAK,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAGjG,UAAU,KAAK;IACb,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,kBAAkB,CAAC,EAAE,oBAAoB,CAAC;IAC1C,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,GAAG,CAAC,EAAE,cAAc,CAAC;CACtB;AAupCH,QAAA,MAAM,WAAW,2CAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/dist/image-editor/LayersPanel.svelte

@@ -1,16 +1,31 @@
 <script lang="ts">
   import type { ImageEditorController, ImageLayer, LayerMenuAction, LayerPanelRow, PixelBuffer } from '@pixerate/editor/image-editor';
-  import { BLEND_MODES, dropPlacement, dropZone, layerBadge, layerMenu, layerPanelRows, runLayerMenuAction } from '@pixerate/editor/image-editor';
+  import {
+    BLEND_MODES,
+    PSD_FILE_ACCEPT,
+    downloadPsd,
+    dropPlacement,
+    dropZone,
+    layerBadge,
+    layerMenu,
+    layerPanelRows,
+    openPsdFile,
+    runLayerMenuAction,
+  } from '@pixerate/editor/image-editor';
   import { untrack } from 'svelte';
 
   interface Props {
     controller: ImageEditorController;
     /** Thumbnail size in px (default 32). */
     thumbnailSize?: number;
+    /** Show Open PSD / Export PSD (default true). */
+    psd?: boolean;
+    /** Base name of exported PSD files (default `image`). */
+    psdFileName?: string;
     class?: string;
   }
 
-  let { controller, thumbnailSize = 32, class: className = '' }: Props = $props();
+  let { controller, thumbnailSize = 32, psd = true, psdFileName = 'image', class: className = '' }: Props = $props();
 
   let tick = $state(0);
   $effect(() => {
@@ -36,6 +51,25 @@
   let renaming = $state<string | null>(null);
   let menu = $state<{ x: number; y: number } | null>(null);
   let dragId = $state<string | null>(null);
+  /** Warnings of the last PSD open or export. */
+  let psdNotes = $state<string[]>([]);
+  let fileInput = $state<HTMLInputElement | null>(null);
+
+  async function psdTask(fn: () => Promise<string[]>) {
+    try {
+      error = null;
+      psdNotes = await fn();
+    } catch (err) {
+      error = err instanceof Error ? err.message : String(err);
+    }
+  }
+
+  function onPsdFile(e: Event) {
+    const input = e.currentTarget as HTMLInputElement;
+    const file = input.files?.[0];
+    input.value = '';
+    if (file) psdTask(() => openPsdFile(controller, file));
+  }
   /** Whether the next slider change records an undo step (the first of a drag does, the rest replace it). */
   let commitNext = true;
 
@@ -127,7 +161,27 @@
         const r = (e.currentTarget as HTMLElement).getBoundingClientRect();
         menu = menu ? null : { x: r.left, y: r.bottom };
       }}>⋯</button>
+    {#if psd}
+      <button type="button" class={iconButton} onclick={() => fileInput?.click()}>Open PSD…</button>
+      <button type="button" class={iconButton} onclick={() => psdTask(async () => (await downloadPsd(controller, psdFileName)).warnings)}>Export PSD</button>
+      <input
+        bind:this={fileInput}
+        type="file"
+        accept={PSD_FILE_ACCEPT}
+        class="hidden"
+        data-testid="psd-file-input"
+        aria-label="Open a PSD file"
+        onchange={onPsdFile} />
+    {/if}
   </div>
+  {#if psdNotes.length > 0}
+    <ul class="rounded bg-amber-900/30 text-amber-200 px-2 py-1 space-y-0.5" data-testid="psd-warnings" aria-label="PSD warnings">
+      {#each psdNotes as n (n)}
+        <li>{n}</li>
+      {/each}
+      <li><button type="button" class="underline" onclick={() => (psdNotes = [])}>Dismiss</button></li>
+    </ul>
+  {/if}
 
   {#if snapshot.active}
     {@const active = snapshot.active}

package/dist/image-editor/LayersPanel.svelte.d.ts

@@ -3,6 +3,10 @@ interface Props {
     controller: ImageEditorController;
     /** Thumbnail size in px (default 32). */
     thumbnailSize?: number;
+    /** Show Open PSD / Export PSD (default true). */
+    psd?: boolean;
+    /** Base name of exported PSD files (default `image`). */
+    psdFileName?: string;
     class?: string;
 }
 declare const LayersPanel: import("svelte").Component<Props, {}, "">;

package/dist/image-editor/LayersPanel.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LayersPanel.svelte.d.ts","sourceRoot":"","sources":["../../src/image-editor/LayersPanel.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,qBAAqB,EAA2D,MAAM,+BAA+B,CAAC;AAKlI,UAAU,KAAK;IACb,UAAU,EAAE,qBAAqB,CAAC;IAClC,yCAAyC;IACzC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAsOH,QAAA,MAAM,WAAW,2CAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}
+{"version":3,"file":"LayersPanel.svelte.d.ts","sourceRoot":"","sources":["../../src/image-editor/LayersPanel.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,qBAAqB,EAA2D,MAAM,+BAA+B,CAAC;AAgBlI,UAAU,KAAK;IACb,UAAU,EAAE,qBAAqB,CAAC;IAClC,yCAAyC;IACzC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iDAAiD;IACjD,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,yDAAyD;IACzD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAsQH,QAAA,MAAM,WAAW,2CAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/dist/image-editor/SelectionOptionsBar.svelte

@@ -101,6 +101,18 @@
         <input type="checkbox" checked={options.sampleMerged} onchange={(e) => set({ sampleMerged: (e.currentTarget as HTMLInputElement).checked })} />
         Sample adjusted image
       </label>
+      <label class="flex items-center gap-2 text-slate-300">
+        Sample
+        <select
+          aria-label="Sample from"
+          value={options.sample ?? 'composite'}
+          onchange={(e) => set({ sample: (e.currentTarget as HTMLSelectElement).value as 'composite' | 'active-layer' })}
+          class="bg-slate-800 border border-slate-700 rounded px-1 py-0.5"
+        >
+          <option value="composite">All layers</option>
+          <option value="active-layer">Active layer</option>
+        </select>
+      </label>
     </div>
   {/if}
   <label class="flex items-center gap-2 text-slate-300">

package/dist/image-editor/SelectionOptionsBar.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectionOptionsBar.svelte.d.ts","sourceRoot":"","sources":["../../src/image-editor/SelectionOptionsBar.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACR,qBAAqB,EACrB,aAAa,EAEb,oBAAoB,EACrB,MAAM,+BAA+B,CAAC;AAUvC,UAAU,KAAK;IACb,UAAU,EAAE,qBAAqB,CAAC;IAClC,OAAO,EAAE,oBAAoB,CAAC;IAC9B,eAAe,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IACtD,gFAAgF;IAChF,SAAS,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IACjC,mFAAmF;IACnF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAqGH,QAAA,MAAM,mBAAmB,2CAAwC,CAAC;AAClE,KAAK,mBAAmB,GAAG,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAClE,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"SelectionOptionsBar.svelte.d.ts","sourceRoot":"","sources":["../../src/image-editor/SelectionOptionsBar.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACR,qBAAqB,EACrB,aAAa,EAEb,oBAAoB,EACrB,MAAM,+BAA+B,CAAC;AAUvC,UAAU,KAAK;IACb,UAAU,EAAE,qBAAqB,CAAC;IAClC,OAAO,EAAE,oBAAoB,CAAC;IAC9B,eAAe,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IACtD,gFAAgF;IAChF,SAAS,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IACjC,mFAAmF;IACnF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA4GH,QAAA,MAAM,mBAAmB,2CAAwC,CAAC;AAClE,KAAK,mBAAmB,GAAG,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAClE,eAAe,mBAAmB,CAAC"}

package/dist/image-editor/imageEditorState.svelte.d.ts

@@ -1,4 +1,4 @@
-import { ImageEditorController, type ImageEditorFit, type ImageEditorOptions, type ImageEditorState, type ImageEditorTool, type CropBox, type AspectRatio, type ImageAdjustments, type DepthMaskOptions, type Annotation, type CreateAnnotationPayload, type ExportOptions, type SerializedImageEditorState, type ImagePoint, type AdjustmentKind, type AdjustmentLayerInit, type AdjustmentLayerUpdate, type ImageHistogram } from '@pixerate/editor/image-editor';
+import { ImageEditorController, type ImageEditorFit, type ImageEditorOptions, type ImageEditorState, type ImageEditorTool, type CropBox, type AspectRatio, type ImageAdjustments, type DepthMaskOptions, type Annotation, type CreateAnnotationPayload, type ExportOptions, type SerializedImageEditorState, type AIResultOptions, type ImagePoint, type AdjustmentKind, type AdjustmentLayerInit, type AdjustmentLayerUpdate, type ImageHistogram } from '@pixerate/editor/image-editor';
 export declare function createReactiveImageEditor(options?: ImageEditorOptions): {
     readonly controller: ImageEditorController;
     readonly state: ImageEditorState;
@@ -55,8 +55,10 @@ export declare function createReactiveImageEditor(options?: ImageEditorOptions):
         useCrop?: boolean;
     }): Promise<string>;
     toSourceDataURL(opts?: Pick<ExportOptions, "format" | "quality">): Promise<string>;
-    applyInpaintedImage(newDataUrl: string): Promise<void>;
-    applyBackgroundRemovedImage(newDataUrl: string): Promise<void>;
+    /** In documents with several layers (or `target: 'new-layer'`) the result goes to a new layer. */
+    applyInpaintedImage(newDataUrl: string, options?: AIResultOptions): Promise<string | void>;
+    /** In documents with several layers (or `target: 'new-layer'`) the result's alpha masks the active layer. */
+    applyBackgroundRemovedImage(newDataUrl: string, options?: AIResultOptions): Promise<string | void>;
     /** Stops syncing controller state; call when the editor is no longer used. */
     destroy(): void;
 };

package/dist/image-editor/imageEditorState.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"imageEditorState.svelte.d.ts","sourceRoot":"","sources":["../../src/image-editor/imageEditorState.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,KAAK,cAAc,EACnB,KAAK,kBAAkB,EACvB,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,OAAO,EACZ,KAAK,WAAW,EAChB,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,EACrB,KAAK,UAAU,EACf,KAAK,uBAAuB,EAC5B,KAAK,aAAa,EAClB,KAAK,0BAA0B,EAC/B,KAAK,UAAU,EACf,KAAK,cAAc,EACnB,KAAK,mBAAmB,EACxB,KAAK,qBAAqB,EAC1B,KAAK,cAAc,EACpB,MAAM,+BAA+B,CAAC;AAEvC,wBAAgB,yBAAyB,CAAC,OAAO,GAAE,kBAAuB;;;;IA2BtE,mGAAmG;;;kBAQrF,eAAe;kBAGf,OAAO,GAAG,IAAI;2BAGL,WAAW;;oBAMlB,MAAM;yBAGD,MAAM;;;4BASH,OAAO,CAAC,gBAAgB,CAAC;;IAMjD,oGAAoG;;IAIpG,mEAAmE;6BAC1C,cAAc,GAAG,mBAAmB,UAAU,MAAM;8BAGnD,MAAM,UAAU,qBAAqB;8BAGrC,MAAM;4BAGR,MAAM,WAAW,MAAM;8BAGrB,MAAM,YAAY,OAAO;0BAG7B,OAAO,CAAC,gBAAgB,CAAC;;uBAM5B,uBAAuB;yBAGrB,MAAM,WAAW,OAAO,CAAC,UAAU,CAAC;yBAGpC,MAAM;;yBAMN,MAAM,GAAG,IAAI;;;;oBAYlB,MAAM;qBAGL,MAAM;;kBAMT,MAAM;gBAGR,UAAU;4BAGE,OAAO;gBAGnB,cAAc;mBAGX,MAAM,GAAG,gBAAgB;qBAGvB,aAAa;kBAGhB,aAAa;;mBAMZ,0BAA0B;sBAGvB;QAAE,cAAc,CAAC,EAAE,OAAO,CAAC;QAAC,OAAO,CAAC,EAAE,OAAO,CAAA;KAAE;yBAG5C;QAAE,cAAc,CAAC,EAAE,OAAO,CAAC;QAAC,OAAO,CAAC,EAAE,OAAO,CAAA;KAAE;2BAG7C,IAAI,CAAC,aAAa,EAAE,QAAQ,GAAG,SAAS,CAAC;oCAGhC,MAAM;4CAGE,MAAM;IAG9C,8EAA8E;;EAMjF;AAED,MAAM,MAAM,mBAAmB,GAAG,UAAU,CAAC,OAAO,yBAAyB,CAAC,CAAC;AAE/E,6GAA6G;AAC7G,wBAAgB,oBAAoB,CAAC,UAAU,EAAE,qBAAqB;;;EAarE"}
+{"version":3,"file":"imageEditorState.svelte.d.ts","sourceRoot":"","sources":["../../src/image-editor/imageEditorState.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,KAAK,cAAc,EACnB,KAAK,kBAAkB,EACvB,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,OAAO,EACZ,KAAK,WAAW,EAChB,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,EACrB,KAAK,UAAU,EACf,KAAK,uBAAuB,EAC5B,KAAK,aAAa,EAClB,KAAK,0BAA0B,EAC/B,KAAK,eAAe,EACpB,KAAK,UAAU,EACf,KAAK,cAAc,EACnB,KAAK,mBAAmB,EACxB,KAAK,qBAAqB,EAC1B,KAAK,cAAc,EACpB,MAAM,+BAA+B,CAAC;AAEvC,wBAAgB,yBAAyB,CAAC,OAAO,GAAE,kBAAuB;;;;IA2BtE,mGAAmG;;;kBAQrF,eAAe;kBAGf,OAAO,GAAG,IAAI;2BAGL,WAAW;;oBAMlB,MAAM;yBAGD,MAAM;;;4BASH,OAAO,CAAC,gBAAgB,CAAC;;IAMjD,oGAAoG;;IAIpG,mEAAmE;6BAC1C,cAAc,GAAG,mBAAmB,UAAU,MAAM;8BAGnD,MAAM,UAAU,qBAAqB;8BAGrC,MAAM;4BAGR,MAAM,WAAW,MAAM;8BAGrB,MAAM,YAAY,OAAO;0BAG7B,OAAO,CAAC,gBAAgB,CAAC;;uBAM5B,uBAAuB;yBAGrB,MAAM,WAAW,OAAO,CAAC,UAAU,CAAC;yBAGpC,MAAM;;yBAMN,MAAM,GAAG,IAAI;;;;oBAYlB,MAAM;qBAGL,MAAM;;kBAMT,MAAM;gBAGR,UAAU;4BAGE,OAAO;gBAGnB,cAAc;mBAGX,MAAM,GAAG,gBAAgB;qBAGvB,aAAa;kBAGhB,aAAa;;mBAMZ,0BAA0B;sBAGvB;QAAE,cAAc,CAAC,EAAE,OAAO,CAAC;QAAC,OAAO,CAAC,EAAE,OAAO,CAAA;KAAE;yBAG5C;QAAE,cAAc,CAAC,EAAE,OAAO,CAAC;QAAC,OAAO,CAAC,EAAE,OAAO,CAAA;KAAE;2BAG7C,IAAI,CAAC,aAAa,EAAE,QAAQ,GAAG,SAAS,CAAC;IAGhE,kGAAkG;oCAClE,MAAM,YAAY,eAAe;IAGjE,6GAA6G;4CACrE,MAAM,YAAY,eAAe;IAGzE,8EAA8E;;EAMjF;AAED,MAAM,MAAM,mBAAmB,GAAG,UAAU,CAAC,OAAO,yBAAyB,CAAC,CAAC;AAE/E,6GAA6G;AAC7G,wBAAgB,oBAAoB,CAAC,UAAU,EAAE,qBAAqB;;;EAarE"}

package/dist/image-editor/imageEditorState.svelte.js

@@ -156,11 +156,13 @@ export function createReactiveImageEditor(options = {}) {
         toSourceDataURL(opts) {
             return controller.toSourceDataURL(opts);
         },
-        applyInpaintedImage(newDataUrl) {
-            return controller.applyInpaintedImage(newDataUrl);
+        /** In documents with several layers (or `target: 'new-layer'`) the result goes to a new layer. */
+        applyInpaintedImage(newDataUrl, options) {
+            return controller.applyInpaintedImage(newDataUrl, options);
         },
-        applyBackgroundRemovedImage(newDataUrl) {
-            return controller.applyBackgroundRemovedImage(newDataUrl);
+        /** In documents with several layers (or `target: 'new-layer'`) the result's alpha masks the active layer. */
+        applyBackgroundRemovedImage(newDataUrl, options) {
+            return controller.applyBackgroundRemovedImage(newDataUrl, options);
         },
         /** Stops syncing controller state; call when the editor is no longer used. */
         destroy() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pixerate/editor-svelte",
-  "version": "0.68.0",
+  "version": "0.69.0",
   "description": "Svelte bindings and prompt/rich-text components for @pixerate/editor",
   "author": "Pixerate",
   "license": "MIT",
@@ -131,7 +131,7 @@
     "@tiptap/extension-bubble-menu": "^2.11.5",
     "@tiptap/extension-placeholder": "^2.11.5",
     "@tiptap/starter-kit": "^2.11.5",
-    "@pixerate/editor": "0.89.0"
+    "@pixerate/editor": "0.90.0"
   },
   "peerDependencies": {
     "@dagrejs/dagre": "^1.1.4",