@pixerate/editor-svelte 0.152.0 → 0.153.0

package/dist/image-editor/RefineEdgePanel.svelte

@@ -55,7 +55,11 @@
     void tick;
     return Boolean(controller.segmentationProvider);
   });
-  const toLayer = $derived(output === 'new-layer' || output === 'new-layer-with-mask');
+  const toLayer = $derived(output !== 'selection' && output !== 'layer-mask');
+  const outputs = $derived.by(() => {
+    void tick;
+    return REFINE_OUTPUTS.filter((o) => !o.needsDocuments || controller.canOpenDocuments);
+  });
   const target = $derived(list.find((l) => l.id === layerId) ?? list[list.length - 1]);
 
   async function refine() {
@@ -124,14 +128,14 @@
       onchange={(e) => (output = (e.currentTarget as HTMLSelectElement).value as RefineOutput)}
       class="flex-1 bg-background border border-border rounded px-1 py-1 text-foreground"
     >
-      {#each REFINE_OUTPUTS as o (o.id)}
+      {#each outputs as o (o.id)}
         <option value={o.id}>{o.label}</option>
       {/each}
     </select>
   </label>
   <label class="flex flex-col gap-1">
     <span class="flex justify-between text-muted-foreground">
-      <span>Decontaminate colors{toLayer ? '' : ' (new layer outputs)'}</span>
+      <span>Decontaminate colors{toLayer ? '' : ' (new layer or document outputs)'}</span>
       <span class="font-mono">{decontaminate}%</span>
     </span>
     <input

package/dist/image-editor/SelectAndMaskWorkspace.svelte

@@ -127,7 +127,7 @@
     session.end();
   }
 
-  const toLayer = $derived(settings.output === 'new-layer' || settings.output === 'new-layer-with-mask');
+  const toLayer = $derived(settings.output !== 'selection' && settings.output !== 'layer-mask');
   const brushTool = $derived(settings.tool === 'quick-select' || settings.tool === 'brush' || settings.tool === 'refine-brush');
 
   const button =
@@ -258,14 +258,19 @@
     <span class={imageSectionTitleClass}>Output Settings</span>
     <label class="flex flex-col gap-1">
       <span class="flex justify-between text-muted-foreground">
-        <span>Decontaminate Colors{toLayer ? '' : ' (new layer outputs)'}</span>
+        <span>Decontaminate Colors{toLayer ? '' : ' (new layer or document outputs)'}</span>
         <span class="font-mono">{settings.decontaminate}%</span>
       </span>
       <ImageRange label="Workspace decontaminate amount" min={0} max={100} step={1} value={settings.decontaminate} disabled={!toLayer} oninput={(v) => set({ decontaminate: v })} />
     </label>
     <label class="flex items-center gap-2">
       Output To
-      <ImageSelect label="Output to" value={settings.output} options={REFINE_OUTPUTS.map((o) => ({ value: o.id, label: o.label }))} onchange={(v) => set({ output: v as RefineOutput })} />
+      <ImageSelect
+        label="Output to"
+        value={settings.output}
+        options={REFINE_OUTPUTS.filter((o) => !o.needsDocuments || controller.canOpenDocuments).map((o) => ({ value: o.id, label: o.label }))}
+        onchange={(v) => set({ output: v as RefineOutput })}
+      />
     </label>
     <label class="flex items-center gap-2">
       <ImageCheckbox label="Remember Settings" checked={settings.remember} onchange={(on) => set({ remember: on })} />

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pixerate/editor-svelte",
-  "version": "0.152.0",
+  "version": "0.153.0",
   "description": "Svelte bindings and prompt/rich-text components for @pixerate/editor",
   "author": "Pixerate",
   "license": "MIT",
@@ -165,7 +165,7 @@
     "**/*.css"
   ],
   "dependencies": {
-    "@pixerate/editor": "0.208.0"
+    "@pixerate/editor": "0.209.0"
   },
   "peerDependencies": {
     "@dagrejs/dagre": "^1.1.4",