@pixerate/editor 0.231.0 → 0.232.0

package/dist/image-editor/index.cjs

@@ -744,7 +744,7 @@ require('../chunk-NM3G4VQT.cjs');
 
 
 
-var _chunkOPSK22DLcjs = require('../chunk-OPSK22DL.cjs');
+var _chunk2K5TELHVcjs = require('../chunk-2K5TELHV.cjs');
 require('../chunk-WOFXZ3XU.cjs');
 
 
@@ -4832,7 +4832,7 @@ function checkImageEffectPlace(d, place) {
   const allowed = IMAGE_EFFECT_PLACES[place];
   if (d.kind === "motion" || !d.uses.some((u) => allowed.includes(u))) {
     const instead = place === "filter" && d.uses.some((u) => IMAGE_EFFECT_PLACES.layer.includes(u)) ? "; add it as an effect layer with add_effect_layer instead" : place === "layer" && d.uses.includes("filter") ? "; apply it to a layer as a smart filter with apply_effect instead" : "";
-    throw new (0, _chunkOPSK22DLcjs.EffectUnsupportedError)(
+    throw new (0, _chunk2K5TELHVcjs.EffectUnsupportedError)(
       `"${d.id}" (${d.name}) is a ${d.uses.join(" / ")} effect, and ${place === "filter" ? "a smart filter takes filter effects" : "an effect layer takes generator, overlay or title effects"}${instead}.`,
       d.id
     );
@@ -4856,9 +4856,9 @@ function effectPixelsToSurface(p, depth) {
   const d = new Uint16Array(f.length);
   const code = (v) => v > 0 ? v < 1 ? Math.round(v * 65535) : 65535 : 0;
   for (let i = 0; i < f.length; i += 4) {
-    d[i] = code(_chunkOPSK22DLcjs.linearToSrgb.call(void 0, f[i]));
-    d[i + 1] = code(_chunkOPSK22DLcjs.linearToSrgb.call(void 0, f[i + 1]));
-    d[i + 2] = code(_chunkOPSK22DLcjs.linearToSrgb.call(void 0, f[i + 2]));
+    d[i] = code(_chunk2K5TELHVcjs.linearToSrgb.call(void 0, f[i]));
+    d[i + 1] = code(_chunk2K5TELHVcjs.linearToSrgb.call(void 0, f[i + 1]));
+    d[i + 2] = code(_chunk2K5TELHVcjs.linearToSrgb.call(void 0, f[i + 2]));
     d[i + 3] = code(f[i + 3]);
   }
   return _chunkOLNIPTB3cjs.surfaceFromDeepPixels.call(void 0, { width: p.width, height: p.height, data: d }, 4);
@@ -4875,7 +4875,7 @@ var ImageEffectsEngine = (_class9 = class {
   __init49() {this.generation = 0}
   
   constructor(options = {}) {;_class9.prototype.__init44.call(this);_class9.prototype.__init45.call(this);_class9.prototype.__init46.call(this);_class9.prototype.__init47.call(this);_class9.prototype.__init48.call(this);_class9.prototype.__init49.call(this);
-    this.slot = _nullishCoalesce(options.slot, () => ( new (0, _chunkOPSK22DLcjs.EffectsSlot)()));
+    this.slot = _nullishCoalesce(options.slot, () => ( new (0, _chunk2K5TELHVcjs.EffectsSlot)()));
     this.maxEntries = _nullishCoalesce(options.maxEntries, () => ( 24));
     this.pool = new (0, _chunkPY4GWSE2cjs.EffectRendererPool)({ maxRenderers: options.maxRenderers });
     this.detach = this.slot.subscribe(() => {
@@ -4935,7 +4935,7 @@ var ImageEffectsEngine = (_class9 = class {
     const provider = this.slot.require();
     const depth = _nullishCoalesce(size.depth, () => ( 8));
     const out = await this.render(provider, effect, size.width, size.height, depth, { time: _nullishCoalesce(size.time, () => ( 0)), values });
-    return out.width === size.width && out.height === size.height ? out : _chunkOPSK22DLcjs.createEffectPixels.call(void 0, size.width, size.height);
+    return out.width === size.width && out.height === size.height ? out : _chunk2K5TELHVcjs.createEffectPixels.call(void 0, size.width, size.height);
   }
   /** Why the result for `key` failed, if it did. */
   failure(key2) {
@@ -6197,11 +6197,11 @@ var ImageEditorController = (_class12 = class {
   __init84() {this.selectionWorker = null}
   __init85() {this.documentOpener = null}
   /** The effects provider slot (see `setEffectsProvider`). */
-  __init86() {this.effects = new (0, _chunkOPSK22DLcjs.EffectsSlot)()}
+  __init86() {this.effects = new (0, _chunk2K5TELHVcjs.EffectsSlot)()}
   /** Renders provider effects: effect smart filter results and effect layers. */
   __init87() {this.effectsEngine = new ImageEffectsEngine({ slot: this.effects })}
   __init88() {this.effectRefresh = "none"}
-  constructor(options = {}) {;_class12.prototype.__init72.call(this);_class12.prototype.__init73.call(this);_class12.prototype.__init74.call(this);_class12.prototype.__init75.call(this);_class12.prototype.__init76.call(this);_class12.prototype.__init77.call(this);_class12.prototype.__init78.call(this);_class12.prototype.__init79.call(this);_class12.prototype.__init80.call(this);_class12.prototype.__init81.call(this);_class12.prototype.__init82.call(this);_class12.prototype.__init83.call(this);_class12.prototype.__init84.call(this);_class12.prototype.__init85.call(this);_class12.prototype.__init86.call(this);_class12.prototype.__init87.call(this);_class12.prototype.__init88.call(this);_class12.prototype.__init89.call(this);_class12.prototype.__init90.call(this);_class12.prototype.__init91.call(this);_class12.prototype.__init92.call(this);_class12.prototype.__init93.call(this);_class12.prototype.__init94.call(this);_class12.prototype.__init95.call(this);_class12.prototype.__init96.call(this);_class12.prototype.__init97.call(this);_class12.prototype.__init98.call(this);_class12.prototype.__init99.call(this);_class12.prototype.__init100.call(this);_class12.prototype.__init101.call(this);_class12.prototype.__init102.call(this);_class12.prototype.__init103.call(this);_class12.prototype.__init104.call(this);_class12.prototype.__init105.call(this);_class12.prototype.__init106.call(this);
+  constructor(options = {}) {;_class12.prototype.__init72.call(this);_class12.prototype.__init73.call(this);_class12.prototype.__init74.call(this);_class12.prototype.__init75.call(this);_class12.prototype.__init76.call(this);_class12.prototype.__init77.call(this);_class12.prototype.__init78.call(this);_class12.prototype.__init79.call(this);_class12.prototype.__init80.call(this);_class12.prototype.__init81.call(this);_class12.prototype.__init82.call(this);_class12.prototype.__init83.call(this);_class12.prototype.__init84.call(this);_class12.prototype.__init85.call(this);_class12.prototype.__init86.call(this);_class12.prototype.__init87.call(this);_class12.prototype.__init88.call(this);_class12.prototype.__init89.call(this);_class12.prototype.__init90.call(this);_class12.prototype.__init91.call(this);_class12.prototype.__init92.call(this);_class12.prototype.__init93.call(this);_class12.prototype.__init94.call(this);_class12.prototype.__init95.call(this);_class12.prototype.__init96.call(this);_class12.prototype.__init97.call(this);_class12.prototype.__init98.call(this);_class12.prototype.__init99.call(this);_class12.prototype.__init100.call(this);_class12.prototype.__init101.call(this);_class12.prototype.__init102.call(this);_class12.prototype.__init103.call(this);_class12.prototype.__init104.call(this);_class12.prototype.__init105.call(this);_class12.prototype.__init106.call(this);_class12.prototype.__init107.call(this);
     this.effects.subscribe(() => this.queueEffectRefresh("all"));
     this.effectsEngine.subscribe(() => this.queueEffectRefresh("incomplete"));
     if (options.effects) this.effects.set(options.effects);
@@ -6533,7 +6533,7 @@ var ImageEditorController = (_class12 = class {
    */
   async applyEffectFilter(layerId, effect, options = {}) {
     const d = await this.describeEffect(effect, "filter");
-    const values = _chunkOPSK22DLcjs.resolveEffectValues.call(void 0, d, options.values);
+    const values = _chunk2K5TELHVcjs.resolveEffectValues.call(void 0, d, options.values);
     const found = _chunkHB4ICNNAcjs.findLayer.call(void 0, this.state.layers, layerId);
     if (!found) throw new (0, _chunk5VQXSS2Scjs.LayerOperationError)(`There is no layer "${layerId}"; call list_layers for the layer ids.`);
     let layers = this.state.layers;
@@ -6575,7 +6575,7 @@ var ImageEditorController = (_class12 = class {
         else if (k in d.controls.properties) base[k] = d.defaults[k];
         else throw new (0, _chunk5VQXSS2Scjs.LayerOperationError)(`"${k}" is not a control of "${d.id}"; its controls are ${Object.keys(d.controls.properties).join(", ")}.`);
       }
-      update.values = { ...base, ..._chunkOPSK22DLcjs.resolveEffectValues.call(void 0, { ...d, defaults: base }, given) };
+      update.values = { ...base, ..._chunk2K5TELHVcjs.resolveEffectValues.call(void 0, { ...d, defaults: base }, given) };
     }
     for (const k of ["enabled", "blend", "opacity", "preserveTransparency"]) if (changes[k] !== void 0) update[k] = changes[k];
     let res = _chunk5VQXSS2Scjs.updateSmartFilter.call(void 0, this.state.layers, layerId, filterId, update, this.canvasSize);
@@ -6602,7 +6602,7 @@ var ImageEditorController = (_class12 = class {
     const id = options.id && !ids.has(options.id) ? options.id : _chunk5VQXSS2Scjs.newLayerId.call(void 0, );
     const placed = _chunk5VQXSS2Scjs.placeLayer.call(void 0, this.state.layers, { type: "pixel", id, name: "", visible: true, opacity: 1, blend: "normal", surface: _chunk474IQG74cjs.emptySurface.call(void 0, 4), offset: { x: 0, y: 0 } }, this.newLayerPlacement(options));
     if (options.clipped) requireClipBase(placed, id);
-    const values = _chunkOPSK22DLcjs.resolveEffectValues.call(void 0, d, withBackgroundOpacity(d, options.values, hasLayersBelow(placed, id)));
+    const values = _chunk2K5TELHVcjs.resolveEffectValues.call(void 0, d, withBackgroundOpacity(d, options.values, hasLayersBelow(placed, id)));
     const { width, height } = this.naturalSize;
     const pixels = await this.effectsEngine.renderLayer(d.id, values, { width, height, depth: this.bitDepth, time });
     const layer = {
@@ -6647,7 +6647,7 @@ var ImageEditorController = (_class12 = class {
       else if (k in d.controls.properties) base[k] = d.defaults[k];
       else throw new (0, _chunk5VQXSS2Scjs.LayerOperationError)(`"${k}" is not a control of "${d.id}"; its controls are ${Object.keys(d.controls.properties).join(", ")}.`);
     }
-    const values = { ...base, ..._chunkOPSK22DLcjs.resolveEffectValues.call(void 0, { ...d, defaults: base }, given) };
+    const values = { ...base, ..._chunk2K5TELHVcjs.resolveEffectValues.call(void 0, { ...d, defaults: base }, given) };
     const time = changes.time === void 0 ? _nullishCoalesce(g.time, () => ( 0)) : checkEffectTime(changes.time);
     const animate = changes.animate === void 0 ? g.animate : changes.animate === null ? void 0 : checkEffectAnimation(changes.animate);
     const { width, height } = this.naturalSize;
@@ -7141,6 +7141,50 @@ var ImageEditorController = (_class12 = class {
     const enc = _chunk5VQXSS2Scjs.encodeSurface.call(void 0, surface);
     return enc ? enc.url : null;
   }
+  __init94() {this.maskedImageCache = /* @__PURE__ */ new WeakMap()}
+  /**
+   * A pixel layer's own pixels with its raster and vector masks applied, cropped to what shows: a
+   * PNG data URL and its document bounds, or `null` for an unknown or non-pixel layer, or when
+   * nothing shows. Opacity, blending, filters and effects are left out, as in `getLayerDataURL`.
+   * Use it for a masked layer, whose stored pixels (a whole copy, for Separate Subject's subject)
+   * are not what it shows.
+   */
+  getMaskedLayerImage(id) {
+    const layer = this.getLayer(id);
+    if (!layer || layer.type !== "pixel") return null;
+    const surface = this.surfaceOf(layer);
+    const cached = this.maskedImageCache.get(layer);
+    if (cached && cached.surface === surface) return cached.image;
+    const b = this.getLayerBounds(id);
+    let image = null;
+    if (b) {
+      const content = { ...layer, visible: true, opacity: 1, blend: "normal" };
+      delete content.clipped;
+      delete content.fillOpacity;
+      delete content.effects;
+      delete content.filters;
+      const data = this.compositor.composite([content], b, this.compositorSources());
+      let x0 = b.width, y0 = b.height, x1 = -1, y1 = -1;
+      for (let y = 0; y < b.height; y++) {
+        for (let x = 0; x < b.width; x++) {
+          if (!data[(y * b.width + x) * 4 + 3]) continue;
+          if (x < x0) x0 = x;
+          if (x > x1) x1 = x;
+          if (y < y0) y0 = y;
+          if (y > y1) y1 = y;
+        }
+      }
+      if (x1 >= 0) {
+        const w = x1 - x0 + 1;
+        const h = y1 - y0 + 1;
+        const out = new Uint8ClampedArray(w * h * 4);
+        for (let y = 0; y < h; y++) out.set(data.subarray(((y0 + y) * b.width + x0) * 4, ((y0 + y) * b.width + x0 + w) * 4), y * w * 4);
+        image = { url: _chunkOLNIPTB3cjs.pngDataUrl.call(void 0, w, h, out, 4), bounds: { x: b.x + x0, y: b.y + y0, width: w, height: h } };
+      }
+    }
+    this.maskedImageCache.set(layer, { surface, image });
+    return image;
+  }
   /**
    * Composites the layer stack in document space without a canvas (annotation layers need one
    * and are left out): `rect` (default: the canvas) as RGBA, straight alpha. Crop, rotation and
@@ -7197,8 +7241,8 @@ var ImageEditorController = (_class12 = class {
       pattern: (id) => _nullishCoalesce(_optionalChain([this, 'access', _221 => _221.state, 'access', _222 => _222.patterns, 'optionalAccess', _223 => _223.find, 'call', _224 => _224((p) => p.id === id)]), () => ( null))
     };
   }
-  __init94() {this.sourceIds = /* @__PURE__ */ new WeakMap()}
-  __init95() {this.nextSourceId = 1}
+  __init95() {this.sourceIds = /* @__PURE__ */ new WeakMap()}
+  __init96() {this.nextSourceId = 1}
   /** Changes whenever the Background's source pixels can have changed. */
   sourceVersion() {
     const key2 = this.samplePixelsOverride ? this.samplePixels : _nullishCoalesce(this.imageElement, () => ( this.samplePixels));
@@ -7212,7 +7256,7 @@ var ImageEditorController = (_class12 = class {
   }
   /** The pixels a pixel layer, smart object or shape composites (the decoded source for the Background). */
   /** A layer's real pixels for hybrid vector masks' matte guide (the Background's from the source). */
-  __init96() {this.guideSurfaceOf = (layer) => layer.type === "pixel" || layer.type === "smart" || layer.type === "shape" || layer.type === "type" ? this.surfaceOf(layer) : void 0}
+  __init97() {this.guideSurfaceOf = (layer) => layer.type === "pixel" || layer.type === "smart" || layer.type === "shape" || layer.type === "type" ? this.surfaceOf(layer) : void 0}
   surfaceOf(layer) {
     if (layer.type !== "pixel" || layer.source !== "document") return layer.surface;
     return _nullishCoalesce(this.sourceSurface(), () => ( layer.surface));
@@ -7249,7 +7293,7 @@ var ImageEditorController = (_class12 = class {
     }
     return fits ? fromPixels(px2) : null;
   }
-  __init97() {this.opaqueCache = /* @__PURE__ */ new WeakMap()}
+  __init98() {this.opaqueCache = /* @__PURE__ */ new WeakMap()}
   /** Whether every source pixel is opaque (some legacy renders depend on it). */
   sourceIsOpaque() {
     const s = this.sourceSurface();
@@ -8135,7 +8179,7 @@ var ImageEditorController = (_class12 = class {
     return copy.id;
   }
   // --- Free Transform ---
-  __init98() {this.openTransform = null}
+  __init99() {this.openTransform = null}
   /** The Free Transform in progress (see `beginFreeTransform`), or `null`. */
   getFreeTransform() {
     if (this.openTransform && !this.openTransform.isOpen) this.openTransform = null;
@@ -8573,7 +8617,7 @@ var ImageEditorController = (_class12 = class {
     return left;
   }
   // --- Smart object contents (Edit Contents) ---
-  __init99() {this.contentsStack = []}
+  __init100() {this.contentsStack = []}
   /** The smart objects whose contents are open (outermost first); empty when the document itself is shown. */
   getEditingContents() {
     return this.contentsStack.map((e) => ({ layerId: e.layerId, name: e.name }));
@@ -8722,7 +8766,7 @@ var ImageEditorController = (_class12 = class {
     this.commitLayers(_chunk5VQXSS2Scjs.setLayerEffects.call(void 0, this.state.layers, id, effects), void 0, commitToHistory);
     return this.getLayerEffects(id);
   }
-  __init100() {this.patternIds = /* @__PURE__ */ new WeakMap()}
+  __init101() {this.patternIds = /* @__PURE__ */ new WeakMap()}
   /** Changes whenever the document's pattern list is replaced (the compositor then drops its caches). */
   patternsVersion() {
     const list = this.state.patterns;
@@ -8884,7 +8928,7 @@ var ImageEditorController = (_class12 = class {
     });
     return bg.id;
   }
-  __init101() {this.thumbCache = /* @__PURE__ */ new WeakMap()}
+  __init102() {this.thumbCache = /* @__PURE__ */ new WeakMap()}
   /**
    * A small RGBA preview of a pixel layer over the canvas (or of its mask with `mask: true`),
    * longest side `maxSide` px, point-sampled; `null` for layers without pixels.
@@ -9542,7 +9586,7 @@ var ImageEditorController = (_class12 = class {
     return { layerId: target.id, bounds: { ...b }, output };
   }
   /** The pixel clipboard (Copy / Cut), or null. */
-  __init102() {this.clipboard = null}
+  __init103() {this.clipboard = null}
   /** What Copy or Cut last put on the editor's clipboard, or null. */
   getClipboard() {
     return this.clipboard;
@@ -10031,7 +10075,7 @@ var ImageEditorController = (_class12 = class {
     return true;
   }
   /** The recipe step of the selection command now running, taken by `setSelection`. */
-  __init103() {this.pendingStep = null}
+  __init104() {this.pendingStep = null}
   /** Runs a selection command whose change `step` describes, so the selection's recipe records it. */
   withRecipeStep(step, fn) {
     this.pendingStep = step;
@@ -10132,7 +10176,7 @@ var ImageEditorController = (_class12 = class {
     return this.setSelection(null);
   }
   /** The selection a Deselect cleared, for `reselect` (not saved, not part of history). */
-  __init104() {this.lastSelection = null}
+  __init105() {this.lastSelection = null}
   /** Whether `reselect` has a selection to bring back. */
   canReselect() {
     const { width, height } = this.naturalSize;
@@ -11239,7 +11283,7 @@ var ImageEditorController = (_class12 = class {
     this.notify();
   }
   // --- Rendering & Export ---
-  __init105() {this.blankSource = null}
+  __init106() {this.blankSource = null}
   /**
    * What the renderer draws from: the source image, or, for a document without one (an opened
    * PSD, a v3 document loaded on its own), a transparent canvas of the document size, since every
@@ -12579,7 +12623,7 @@ var ImageEditorController = (_class12 = class {
     this.notify();
   }
   /** Problems found by the last `loadJSON` / `initialState` of a v3 document (unreadable layers or assets). */
-  __init106() {this.lastLoadProblems = []}
+  __init107() {this.lastLoadProblems = []}
   applyStored(raw) {
     const s = this.state;
     const data = migrateSerializedImageEditorState(raw);
@@ -16537,29 +16581,29 @@ function snapTo45(from, point2) {
   return { x: from.x + Math.cos(a) * len, y: from.y + Math.sin(a) * len };
 }
 var SelectionGesture = (_class13 = class {
-  constructor(controller, getOptions) {;_class13.prototype.__init107.call(this);_class13.prototype.__init108.call(this);_class13.prototype.__init109.call(this);_class13.prototype.__init110.call(this);_class13.prototype.__init111.call(this);_class13.prototype.__init112.call(this);_class13.prototype.__init113.call(this);_class13.prototype.__init114.call(this);_class13.prototype.__init115.call(this);_class13.prototype.__init116.call(this);_class13.prototype.__init117.call(this);_class13.prototype.__init118.call(this);_class13.prototype.__init119.call(this);
+  constructor(controller, getOptions) {;_class13.prototype.__init108.call(this);_class13.prototype.__init109.call(this);_class13.prototype.__init110.call(this);_class13.prototype.__init111.call(this);_class13.prototype.__init112.call(this);_class13.prototype.__init113.call(this);_class13.prototype.__init114.call(this);_class13.prototype.__init115.call(this);_class13.prototype.__init116.call(this);_class13.prototype.__init117.call(this);_class13.prototype.__init118.call(this);_class13.prototype.__init119.call(this);_class13.prototype.__init120.call(this);
     this.controller = controller;
     this.getOptions = getOptions;
   }
   
   
-  __init107() {this.start = null}
-  __init108() {this.points = []}
-  __init109() {this.current = null}
-  __init110() {this.modifiers = {}}
+  __init108() {this.start = null}
+  __init109() {this.points = []}
+  __init110() {this.current = null}
+  __init111() {this.modifiers = {}}
   /** Polygonal lasso corners while one is being drawn. */
-  __init111() {this.polygon = null}
-  __init112() {this.pressedAt = null}
-  __init113() {this.freehand = false}
-  __init114() {this.magnetic = null}
+  __init112() {this.polygon = null}
+  __init113() {this.pressedAt = null}
+  __init114() {this.freehand = false}
+  __init115() {this.magnetic = null}
   /** A click this close to the first corner (natural pixels) closes a polygonal lasso. */
-  __init115() {this.closeRadius = 8}
+  __init116() {this.closeRadius = 8}
   /** The last error (e.g. pixels unavailable for the wand), for the UI to show. */
-  __init116() {this.error = null}
-  __init117() {this.pending = Promise.resolve()}
+  __init117() {this.error = null}
+  __init118() {this.pending = Promise.resolve()}
   /** Quick Selection while dragging: the selection before the stroke, how the stroke combines, the pixels. */
-  __init118() {this.quick = null}
-  __init119() {this.livePreviews = Promise.resolve()}
+  __init119() {this.quick = null}
+  __init120() {this.livePreviews = Promise.resolve()}
   get active() {
     return this.start !== null || this.polygon !== null || this.magnetic !== null;
   }
@@ -17179,14 +17223,14 @@ function handlePaintShortcut(controller, e) {
   return false;
 }
 var PaintGesture = (_class14 = class {
-  constructor(controller) {;_class14.prototype.__init120.call(this);_class14.prototype.__init121.call(this);_class14.prototype.__init122.call(this);
+  constructor(controller) {;_class14.prototype.__init121.call(this);_class14.prototype.__init122.call(this);_class14.prototype.__init123.call(this);
     this.controller = controller;
   }
   
-  __init120() {this.stroke = null}
-  __init121() {this.move = null}
+  __init121() {this.stroke = null}
+  __init122() {this.move = null}
   /** The last refusal (e.g. "layer is locked"), for the editor to show. */
-  __init122() {this.error = null}
+  __init123() {this.error = null}
   get active() {
     return Boolean(this.stroke || this.move);
   }
@@ -20044,35 +20088,35 @@ function scaleParams(p, s) {
   return { ...p, radius: p.radius * s, feather: p.feather * s };
 }
 var SelectAndMaskSession = (_class15 = class {
-  constructor(controller) {;_class15.prototype.__init123.call(this);_class15.prototype.__init124.call(this);_class15.prototype.__init125.call(this);_class15.prototype.__init126.call(this);_class15.prototype.__init127.call(this);_class15.prototype.__init128.call(this);_class15.prototype.__init129.call(this);_class15.prototype.__init130.call(this);_class15.prototype.__init131.call(this);_class15.prototype.__init132.call(this);_class15.prototype.__init133.call(this);_class15.prototype.__init134.call(this);_class15.prototype.__init135.call(this);_class15.prototype.__init136.call(this);_class15.prototype.__init137.call(this);
+  constructor(controller) {;_class15.prototype.__init124.call(this);_class15.prototype.__init125.call(this);_class15.prototype.__init126.call(this);_class15.prototype.__init127.call(this);_class15.prototype.__init128.call(this);_class15.prototype.__init129.call(this);_class15.prototype.__init130.call(this);_class15.prototype.__init131.call(this);_class15.prototype.__init132.call(this);_class15.prototype.__init133.call(this);_class15.prototype.__init134.call(this);_class15.prototype.__init135.call(this);_class15.prototype.__init136.call(this);_class15.prototype.__init137.call(this);_class15.prototype.__init138.call(this);
     this.controller = controller;
     this.base = controller.getSelection();
     this.settingsValue = remembered ? { ...remembered, params: { ...remembered.params }, showOriginal: false } : { ...DEFAULT_SELECT_AND_MASK_SETTINGS, params: { ...DEFAULT_SELECT_AND_MASK_SETTINGS.params } };
   }
   
   
-  __init123() {this.editsList = []}
+  __init124() {this.editsList = []}
   /** The edit being painted, shown in the preview but not yet in `edits`. */
-  __init124() {this.live = null}
-  __init125() {this.dragStart = null}
-  __init126() {this.pixels = null}
-  __init127() {this.previewPixels = null}
+  __init125() {this.live = null}
+  __init126() {this.dragStart = null}
+  __init127() {this.pixels = null}
+  __init128() {this.previewPixels = null}
   /** The layers below the active one, composited (On Layers shows them where nothing is selected). */
-  __init128() {this.below = null}
-  __init129() {this.belowPreview = null}
+  __init129() {this.below = null}
+  __init130() {this.belowPreview = null}
   
-  __init130() {this.previewMask = null}
-  __init131() {this.baseMask = null}
-  __init132() {this.listeners = /* @__PURE__ */ new Set()}
+  __init131() {this.previewMask = null}
+  __init132() {this.baseMask = null}
+  __init133() {this.listeners = /* @__PURE__ */ new Set()}
   /** Why the preview could not be made (no pixels), for the UI. */
-  __init133() {this.error = null}
+  __init134() {this.error = null}
   /** A note for the UI, such as object aware refinement applying only on OK. */
-  __init134() {this.note = null}
+  __init135() {this.note = null}
   /** Bumped each time the preview changes, so a UI can redraw. */
-  __init135() {this.revision = 0}
+  __init136() {this.revision = 0}
   /** True while the worker computes a preview. */
-  __init136() {this.computing = false}
-  __init137() {this.dirty = false}
+  __init137() {this.computing = false}
+  __init138() {this.dirty = false}
   get settings() {
     return this.settingsValue;
   }
@@ -20820,15 +20864,16 @@ function extractNormalizedLayerItems(controller, fallbackImageUrl = "") {
   const imgW = _optionalChain([state, 'access', _685 => _685.imageDimensions, 'optionalAccess', _686 => _686.width]) || 1;
   const imgH = _optionalChain([state, 'access', _687 => _687.imageDimensions, 'optionalAccess', _688 => _688.height]) || 1;
   return ctrlLayers.map((l) => {
-    const bounds = controller.getLayerBounds(l.id) || {
+    const masked = l.type === "pixel" && (l.mask || l.vectorMask) ? controller.getMaskedLayerImage(l.id) : null;
+    const bounds = _optionalChain([masked, 'optionalAccess', _689 => _689.bounds]) || controller.getLayerBounds(l.id) || {
       x: 0,
       y: 0,
       width: imgW,
       height: imgH
     };
     const sLayer = sLayerMap.get(l.id);
-    const assetKey = _optionalChain([sLayer, 'optionalAccess', _689 => _689.asset]);
-    const layerDataUrl = assetKey && assets[assetKey] || assets[l.id] || (_optionalChain([sLayer, 'optionalAccess', _690 => _690.source]) === "document" ? fallbackImageUrl : "");
+    const assetKey = _optionalChain([sLayer, 'optionalAccess', _690 => _690.asset]);
+    const layerDataUrl = _optionalChain([masked, 'optionalAccess', _691 => _691.url]) || assetKey && assets[assetKey] || assets[l.id] || (_optionalChain([sLayer, 'optionalAccess', _692 => _692.source]) === "document" ? fallbackImageUrl : "");
     return {
       id: l.id,
       name: l.name || "Untitled Layer",
@@ -20882,9 +20927,9 @@ async function addLayerOfKind(controller, id, init) {
     const cx = Math.round(canvas.width / 2);
     const cy = Math.round(canvas.height / 2);
     return controller.addTextLayer({
-      text: _optionalChain([init, 'optionalAccess', _691 => _691.text]) || "New Text",
-      x: typeof _optionalChain([init, 'optionalAccess', _692 => _692.x]) === "number" ? init.x : cx - 100,
-      y: typeof _optionalChain([init, 'optionalAccess', _693 => _693.y]) === "number" ? init.y : cy,
+      text: _optionalChain([init, 'optionalAccess', _693 => _693.text]) || "New Text",
+      x: typeof _optionalChain([init, 'optionalAccess', _694 => _694.x]) === "number" ? init.x : cx - 100,
+      y: typeof _optionalChain([init, 'optionalAccess', _695 => _695.y]) === "number" ? init.y : cy,
       ...init
     });
   }
@@ -20897,10 +20942,10 @@ async function addLayerOfKind(controller, id, init) {
     return controller.addShapeLayer({
       shape: {
         kind: "rect",
-        x: typeof _optionalChain([init, 'optionalAccess', _694 => _694.x]) === "number" ? init.x : cx - Math.round(w / 2),
-        y: typeof _optionalChain([init, 'optionalAccess', _695 => _695.y]) === "number" ? init.y : cy - Math.round(h / 2),
-        width: typeof _optionalChain([init, 'optionalAccess', _696 => _696.width]) === "number" ? init.width : w,
-        height: typeof _optionalChain([init, 'optionalAccess', _697 => _697.height]) === "number" ? init.height : h
+        x: typeof _optionalChain([init, 'optionalAccess', _696 => _696.x]) === "number" ? init.x : cx - Math.round(w / 2),
+        y: typeof _optionalChain([init, 'optionalAccess', _697 => _697.y]) === "number" ? init.y : cy - Math.round(h / 2),
+        width: typeof _optionalChain([init, 'optionalAccess', _698 => _698.width]) === "number" ? init.width : w,
+        height: typeof _optionalChain([init, 'optionalAccess', _699 => _699.height]) === "number" ? init.height : h
       },
       name: "Rectangle",
       ...init
@@ -20915,10 +20960,10 @@ async function addLayerOfKind(controller, id, init) {
     return controller.addShapeLayer({
       shape: {
         kind: "ellipse",
-        x: typeof _optionalChain([init, 'optionalAccess', _698 => _698.x]) === "number" ? init.x : cx - Math.round(w / 2),
-        y: typeof _optionalChain([init, 'optionalAccess', _699 => _699.y]) === "number" ? init.y : cy - Math.round(h / 2),
-        width: typeof _optionalChain([init, 'optionalAccess', _700 => _700.width]) === "number" ? init.width : w,
-        height: typeof _optionalChain([init, 'optionalAccess', _701 => _701.height]) === "number" ? init.height : h
+        x: typeof _optionalChain([init, 'optionalAccess', _700 => _700.x]) === "number" ? init.x : cx - Math.round(w / 2),
+        y: typeof _optionalChain([init, 'optionalAccess', _701 => _701.y]) === "number" ? init.y : cy - Math.round(h / 2),
+        width: typeof _optionalChain([init, 'optionalAccess', _702 => _702.width]) === "number" ? init.width : w,
+        height: typeof _optionalChain([init, 'optionalAccess', _703 => _703.height]) === "number" ? init.height : h
       },
       name: "Ellipse",
       ...init
@@ -20983,18 +21028,18 @@ function layerEffectsPanel(layer) {
   if (!layer) return { ...empty, available: false, reason: "Select a layer to add a layer style." };
   if (layer.type === "adjustment") return { ...empty, available: false, reason: "Adjustment layers cannot have a layer style." };
   const fx = layer.effects;
-  const readOnly = Boolean(_optionalChain([layer, 'access', _702 => _702.locks, 'optionalAccess', _703 => _703.all]));
+  const readOnly = Boolean(_optionalChain([layer, 'access', _704 => _704.locks, 'optionalAccess', _705 => _705.all]));
   return {
     available: true,
     readOnly,
     reason: readOnly ? "The layer is locked; unlock it to change its layer style." : void 0,
-    enabled: _nullishCoalesce(_optionalChain([fx, 'optionalAccess', _704 => _704.enabled]), () => ( true)),
-    scale: _nullishCoalesce(_optionalChain([fx, 'optionalAccess', _705 => _705.scale]), () => ( 1)),
-    rows: (_nullishCoalesce(_optionalChain([fx, 'optionalAccess', _706 => _706.items]), () => ( []))).map((e) => ({ id: e.id, kind: e.kind, label: _chunkHB4ICNNAcjs.layerEffectLabel.call(void 0, e.kind), enabled: e.enabled }))
+    enabled: _nullishCoalesce(_optionalChain([fx, 'optionalAccess', _706 => _706.enabled]), () => ( true)),
+    scale: _nullishCoalesce(_optionalChain([fx, 'optionalAccess', _707 => _707.scale]), () => ( 1)),
+    rows: (_nullishCoalesce(_optionalChain([fx, 'optionalAccess', _708 => _708.items]), () => ( []))).map((e) => ({ id: e.id, kind: e.kind, label: _chunkHB4ICNNAcjs.layerEffectLabel.call(void 0, e.kind), enabled: e.enabled }))
   };
 }
 function layerEffectsBadge(layer) {
-  if (!_optionalChain([layer, 'access', _707 => _707.effects, 'optionalAccess', _708 => _708.items, 'access', _709 => _709.length])) return null;
+  if (!_optionalChain([layer, 'access', _709 => _709.effects, 'optionalAccess', _710 => _710.items, 'access', _711 => _711.length])) return null;
   return _chunkHB4ICNNAcjs.hasActiveEffects.call(void 0, layer.effects) ? "on" : "off";
 }
 var LAYER_EFFECT_MENU = _chunkHB4ICNNAcjs.LAYER_EFFECT_KINDS.map((kind) => ({ kind, label: _chunkHB4ICNNAcjs.layerEffectLabel.call(void 0, kind) }));
@@ -21039,8 +21084,8 @@ function fillControls(f, allowPattern, patterns) {
 }
 function gradientControls(prefix, g) {
   return [
-    { key: `${prefix}.stops.0.color`, label: "Start colour", type: "color", value: _nullishCoalesce(_optionalChain([g, 'access', _710 => _710.stops, 'access', _711 => _711[0], 'optionalAccess', _712 => _712.color]), () => ( "#000000")) },
-    { key: `${prefix}.stops.last.color`, label: "End colour", type: "color", value: _nullishCoalesce(_optionalChain([g, 'access', _713 => _713.stops, 'access', _714 => _714[g.stops.length - 1], 'optionalAccess', _715 => _715.color]), () => ( "#ffffff")) },
+    { key: `${prefix}.stops.0.color`, label: "Start colour", type: "color", value: _nullishCoalesce(_optionalChain([g, 'access', _712 => _712.stops, 'access', _713 => _713[0], 'optionalAccess', _714 => _714.color]), () => ( "#000000")) },
+    { key: `${prefix}.stops.last.color`, label: "End colour", type: "color", value: _nullishCoalesce(_optionalChain([g, 'access', _715 => _715.stops, 'access', _716 => _716[g.stops.length - 1], 'optionalAccess', _717 => _717.color]), () => ( "#ffffff")) },
     { key: `${prefix}.style`, label: "Style", type: "select", value: g.style, options: opt(["linear", "Linear"], ["radial", "Radial"], ["angle", "Angle"], ["reflected", "Reflected"], ["diamond", "Diamond"]) },
     { key: `${prefix}.angle`, label: "Angle", type: "range", min: -180, max: 180, step: 1, value: g.angle, unit: "\xB0" },
     { key: `${prefix}.scale`, label: "Scale", type: "range", min: 0.1, max: 1.5, step: 0.01, value: g.scale, percent: true, unit: "%" },
@@ -21132,19 +21177,19 @@ function layerEffectControls(e, patterns = []) {
 }
 function fillOfType(current, type, patterns) {
   if (type === "gradient") return { type: "gradient", gradient: _chunkHB4ICNNAcjs.defaultEffectGradient.call(void 0, ) };
-  if (type === "pattern") return { type: "pattern", patternId: _nullishCoalesce(_optionalChain([patterns, 'access', _716 => _716[0], 'optionalAccess', _717 => _717.id]), () => ( "checker")), scale: 1 };
+  if (type === "pattern") return { type: "pattern", patternId: _nullishCoalesce(_optionalChain([patterns, 'access', _718 => _718[0], 'optionalAccess', _719 => _719.id]), () => ( "checker")), scale: 1 };
   return { type: "color", color: current.type === "color" ? current.color : "#000000" };
 }
 function effectControlChange(effect, key2, value, patterns = []) {
   const [top, ...rest] = key2.split(".");
   if (top === "fill" && rest[0] === "type") return { fill: fillOfType(effect.fill, String(value), patterns) };
   if (top === "patternId" && !rest.length) {
-    const name = _optionalChain([patternOptions, 'call', _718 => _718(patterns), 'access', _719 => _719.find, 'call', _720 => _720((o) => o.value === value), 'optionalAccess', _721 => _721.label]);
+    const name = _optionalChain([patternOptions, 'call', _720 => _720(patterns), 'access', _721 => _721.find, 'call', _722 => _722((o) => o.value === value), 'optionalAccess', _723 => _723.label]);
     return name ? { patternId: value, name } : { patternId: value };
   }
   if (!rest.length) return { [top]: value };
   if (top === "fill" && rest[0] === "patternId") {
-    const name = _optionalChain([patternOptions, 'call', _722 => _722(patterns), 'access', _723 => _723.find, 'call', _724 => _724((o) => o.value === value), 'optionalAccess', _725 => _725.label]);
+    const name = _optionalChain([patternOptions, 'call', _724 => _724(patterns), 'access', _725 => _725.find, 'call', _726 => _726((o) => o.value === value), 'optionalAccess', _727 => _727.label]);
     return { fill: { ...effect.fill, patternId: value, ...name ? { name } : {} } };
   }
   return { [top]: setPath(getPath(effect, top), rest, value) };
@@ -21171,7 +21216,7 @@ function colorPanelView(controller) {
     profileName: profile.name,
     workingSpace: profile.builtin,
     mode: profile.mode,
-    cmykProfileName: _nullishCoalesce(_optionalChain([profile, 'access', _726 => _726.cmykProfile, 'optionalAccess', _727 => _727.name]), () => ( null)),
+    cmykProfileName: _nullishCoalesce(_optionalChain([profile, 'access', _728 => _728.cmykProfile, 'optionalAccess', _729 => _729.name]), () => ( null)),
     proof: proof ? { id: _nullishCoalesce(proof.profile.builtin, () => ( null)), name: proof.profile.name, intent: proof.intent, simulatePaper: proof.simulatePaper, gamutWarning: proof.gamutWarning, bpc: proof.bpc } : null
   };
 }
@@ -21354,32 +21399,32 @@ function boxFrameHit(overlay, p, tolerance, band) {
   return null;
 }
 var FreeTransformTool = (_class16 = class {
-  constructor(controller, options = {}) {;_class16.prototype.__init138.call(this);_class16.prototype.__init139.call(this);_class16.prototype.__init140.call(this);_class16.prototype.__init141.call(this);_class16.prototype.__init142.call(this);_class16.prototype.__init143.call(this);_class16.prototype.__init144.call(this);_class16.prototype.__init145.call(this);_class16.prototype.__init146.call(this);_class16.prototype.__init147.call(this);_class16.prototype.__init148.call(this);_class16.prototype.__init149.call(this);_class16.prototype.__init150.call(this);_class16.prototype.__init151.call(this);
+  constructor(controller, options = {}) {;_class16.prototype.__init139.call(this);_class16.prototype.__init140.call(this);_class16.prototype.__init141.call(this);_class16.prototype.__init142.call(this);_class16.prototype.__init143.call(this);_class16.prototype.__init144.call(this);_class16.prototype.__init145.call(this);_class16.prototype.__init146.call(this);_class16.prototype.__init147.call(this);_class16.prototype.__init148.call(this);_class16.prototype.__init149.call(this);_class16.prototype.__init150.call(this);_class16.prototype.__init151.call(this);_class16.prototype.__init152.call(this);
     this.controller = controller;
     this.options = options;
   }
   
   
-  __init138() {this.sessionRef = null}
-  __init139() {this.modeValue = "scale"}
+  __init139() {this.sessionRef = null}
+  __init140() {this.modeValue = "scale"}
   /** The reference point in the untransformed frame's space (follows the transform). */
-  __init140() {this.refBox = { x: 0, y: 0 }}
-  __init141() {this.corners = null}
-  __init142() {this.drag = null}
+  __init141() {this.refBox = { x: 0, y: 0 }}
+  __init142() {this.corners = null}
+  __init143() {this.drag = null}
   /** The warp mesh in the frame's own space (null: no warp). */
-  __init143() {this.mesh = null}
-  __init144() {this.warpSettings = { style: "custom", bend: 50, horizontal: 0, vertical: 0, orientation: "horizontal", columns: 1, rows: 1 }}
-  __init145() {this.pending = false}
-  __init146() {this.viewScale = 1}
+  __init144() {this.mesh = null}
+  __init145() {this.warpSettings = { style: "custom", bend: 50, horizontal: 0, vertical: 0, orientation: "horizontal", columns: 1, rows: 1 }}
+  __init146() {this.pending = false}
+  __init147() {this.viewScale = 1}
   
   /** Values typed into the options bar since the last drag (V skew is not recovered from the shape). */
-  __init147() {this.typed = {}}
+  __init148() {this.typed = {}}
   /** Width and height scale together when typed (the chain icon). */
-  __init148() {this.proportional = true}
-  __init149() {this.error = null}
-  __init150() {this.lastResult = null}
+  __init149() {this.proportional = true}
+  __init150() {this.error = null}
+  __init151() {this.lastResult = null}
   get active() {
-    return Boolean(_optionalChain([this, 'access', _728 => _728.sessionRef, 'optionalAccess', _729 => _729.isOpen]));
+    return Boolean(_optionalChain([this, 'access', _730 => _730.sessionRef, 'optionalAccess', _731 => _731.isOpen]));
   }
   get session() {
     return this.active ? this.sessionRef : null;
@@ -21388,7 +21433,7 @@ var FreeTransformTool = (_class16 = class {
     return this.modeValue;
   }
   get interpolation() {
-    return _nullishCoalesce(_optionalChain([this, 'access', _730 => _730.sessionRef, 'optionalAccess', _731 => _731.interpolation]), () => ( "bicubic"));
+    return _nullishCoalesce(_optionalChain([this, 'access', _732 => _732.sessionRef, 'optionalAccess', _733 => _733.interpolation]), () => ( "bicubic"));
   }
   /** Whether the open transform has changed anything yet (a commit would add an undo step). */
   get modified() {
@@ -21398,7 +21443,7 @@ var FreeTransformTool = (_class16 = class {
     const start = s.startGeometry.corners;
     return this.corners.some((p, i) => p.x !== start[i].x || p.y !== start[i].y);
   }
-  __init151() {this.listeners = /* @__PURE__ */ new Set()}
+  __init152() {this.listeners = /* @__PURE__ */ new Set()}
   /** Calls `listener` whenever the overlay, readout, mode or error changes. Returns the unsubscribe. */
   subscribe(listener) {
     this.listeners.add(listener);
@@ -21407,7 +21452,7 @@ var FreeTransformTool = (_class16 = class {
     };
   }
   changed() {
-    _optionalChain([this, 'access', _732 => _732.options, 'access', _733 => _733.onChange, 'optionalCall', _734 => _734()]);
+    _optionalChain([this, 'access', _734 => _734.options, 'access', _735 => _735.onChange, 'optionalCall', _736 => _736()]);
     for (const l of this.listeners) l();
   }
   /** Opens a Free Transform (default: the selected pixels of the active layer, or the whole layer). Returns an error message or `null`. */
@@ -21800,7 +21845,7 @@ var FreeTransformTool = (_class16 = class {
   }
   /** Abandons the transform and restores everything. */
   cancel() {
-    _optionalChain([this, 'access', _735 => _735.sessionRef, 'optionalAccess', _736 => _736.cancel, 'call', _737 => _737()]);
+    _optionalChain([this, 'access', _737 => _737.sessionRef, 'optionalAccess', _738 => _738.cancel, 'call', _739 => _739()]);
     this.sessionRef = null;
     this.corners = null;
     this.mesh = null;
@@ -21857,7 +21902,7 @@ function imageLayerAppliedEffects(layer) {
   const ref = (r) => ({ effect: r.effect, ...r.name ? { name: r.name } : {}, ...r.provider ? { provider: r.provider } : {} });
   if (layer.type === "pixel" && layer.generator) out.push({ id: "generator", ...ref(layer.generator), role: "effect layer", enabled: true, values: layer.generator.values, ...layer.generator.time ? { time: layer.generator.time } : {}, ...layer.generator.animate ? { animate: layer.generator.animate } : {} });
   if (layer.type === "smart")
-    (_nullishCoalesce(_optionalChain([layer, 'access', _738 => _738.smartFilters, 'optionalAccess', _739 => _739.filters]), () => ( []))).forEach((f, index) => {
+    (_nullishCoalesce(_optionalChain([layer, 'access', _740 => _740.smartFilters, 'optionalAccess', _741 => _741.filters]), () => ( []))).forEach((f, index) => {
       if (f.kind === "effect") out.push({ id: f.id, ...ref(f), role: "smart filter", enabled: f.enabled && layer.smartFilters.enabled, opacity: f.opacity, blend: f.blend, preserveTransparency: Boolean(f.preserveTransparency), values: f.values, index });
     });
   return out;
@@ -21880,7 +21925,7 @@ function createImageEffectsToolProvider(controller, options = {}) {
     return { target, effect: _nullishCoalesce(effects.find((e) => e.id === instance), () => ( effects[effects.length - 1])), effects, ...extra };
   };
   const plainValues = (v) => v;
-  return withImagePlayback(_chunkOPSK22DLcjs.createEffectToolProvider.call(void 0, {
+  return withImagePlayback(_chunk2K5TELHVcjs.createEffectToolProvider.call(void 0, {
     id: _nullishCoalesce(options.id, () => ( "image-effects")),
     namespace: options.namespace,
     title: "Image effects",
@@ -22034,7 +22079,7 @@ var OTHER_TOOL_LABELS = {
   eyedropper: "Eyedropper"
 };
 function imageToolLabel(tool) {
-  return _nullishCoalesce(_nullishCoalesce(_optionalChain([PAINT_TOOLS, 'access', _740 => _740.find, 'call', _741 => _741((t) => t.id === tool), 'optionalAccess', _742 => _742.label]), () => ( OTHER_TOOL_LABELS[tool])), () => ( tool));
+  return _nullishCoalesce(_nullishCoalesce(_optionalChain([PAINT_TOOLS, 'access', _742 => _742.find, 'call', _743 => _743((t) => t.id === tool), 'optionalAccess', _744 => _744.label]), () => ( OTHER_TOOL_LABELS[tool])), () => ( tool));
 }
 var IMAGE_TOOL_SHORTCUTS = {
   ...Object.fromEntries(PAINT_TOOLS.filter((t) => t.shortcut).map((t) => [t.id, t.shortcut])),
@@ -22146,19 +22191,19 @@ var pt = (p) => ({ x: p.x, y: p.y });
 var cloneComponents = (cs) => cs.map((c) => ({ op: c.op, subpaths: c.subpaths.map((sp) => ({ anchors: sp.anchors.map(_chunkBQE3Y6ZOcjs.cloneAnchor), closed: sp.closed })), ...c.live ? { live: c.live } : {} }));
 var sameTarget = (a, b) => !!a && !!b && a.kind === b.kind && (a.kind === "path" ? a.id === b.id : a.layerId === b.layerId);
 var PathEditGesture = (_class17 = class {
-  constructor(controller) {;_class17.prototype.__init152.call(this);_class17.prototype.__init153.call(this);_class17.prototype.__init154.call(this);_class17.prototype.__init155.call(this);_class17.prototype.__init156.call(this);_class17.prototype.__init157.call(this);_class17.prototype.__init158.call(this);
+  constructor(controller) {;_class17.prototype.__init153.call(this);_class17.prototype.__init154.call(this);_class17.prototype.__init155.call(this);_class17.prototype.__init156.call(this);_class17.prototype.__init157.call(this);_class17.prototype.__init158.call(this);_class17.prototype.__init159.call(this);
     this.controller = controller;
   }
   
   /** Selected anchors, as `component:subpath:anchor` keys. */
-  __init152() {this.selected = /* @__PURE__ */ new Set()}
-  __init153() {this.target = null}
-  __init154() {this.drag = null}
+  __init153() {this.selected = /* @__PURE__ */ new Set()}
+  __init154() {this.target = null}
+  __init155() {this.drag = null}
   /** The Pen's open subpath being drawn. */
-  __init155() {this.drawing = null}
-  __init156() {this.pointer = null}
-  __init157() {this.scale = 1}
-  __init158() {this.error = null}
+  __init156() {this.drawing = null}
+  __init157() {this.pointer = null}
+  __init158() {this.scale = 1}
+  __init159() {this.error = null}
   /** Screen pixels per document pixel (the viewport projection's scale). */
   setView(scale) {
     if (scale > 0 && Number.isFinite(scale)) this.scale = scale;
@@ -22194,10 +22239,10 @@ var PathEditGesture = (_class17 = class {
     }
     for (const k of [...this.selected]) {
       const r = parseKey(k);
-      if (!_optionalChain([cs, 'access', _743 => _743[r.component], 'optionalAccess', _744 => _744.subpaths, 'access', _745 => _745[r.subpath], 'optionalAccess', _746 => _746.anchors, 'access', _747 => _747[r.anchor]])) this.selected.delete(k);
+      if (!_optionalChain([cs, 'access', _745 => _745[r.component], 'optionalAccess', _746 => _746.subpaths, 'access', _747 => _747[r.subpath], 'optionalAccess', _748 => _748.anchors, 'access', _749 => _749[r.anchor]])) this.selected.delete(k);
     }
     const d = this.drawing;
-    if (d && (!_optionalChain([cs, 'access', _748 => _748[d.component], 'optionalAccess', _749 => _749.subpaths, 'access', _750 => _750[d.subpath]]) || cs[d.component].subpaths[d.subpath].closed)) this.drawing = null;
+    if (d && (!_optionalChain([cs, 'access', _750 => _750[d.component], 'optionalAccess', _751 => _751.subpaths, 'access', _752 => _752[d.subpath]]) || cs[d.component].subpaths[d.subpath].closed)) this.drawing = null;
     return cs;
   }
   anchorAt(cs, p) {
@@ -22311,7 +22356,7 @@ var PathEditGesture = (_class17 = class {
       return;
     }
     const seg = this.segmentAt(cs, p);
-    if (seg && mods.alt && mods.shift && _optionalChain([this, 'access', _751 => _751.target, 'optionalAccess', _752 => _752.kind]) === "vector-mask") return this.cycleEdge(this.target.layerId, seg.ref);
+    if (seg && mods.alt && mods.shift && _optionalChain([this, 'access', _753 => _753.target, 'optionalAccess', _754 => _754.kind]) === "vector-mask") return this.cycleEdge(this.target.layerId, seg.ref);
     if (seg) {
       if (!mods.shift) this.selected.clear();
       this.drag = { kind: "segment", ...seg, base: cloneComponents(cs), moved: false };
@@ -22323,7 +22368,7 @@ var PathEditGesture = (_class17 = class {
   /** Alt+Shift-click on a vector mask's segment: hard → feather → matte → hard (one undo step). */
   cycleEdge(layerId, r) {
     const at = { component: r.component, subpath: r.subpath, segment: r.anchor };
-    const now = _nullishCoalesce(_optionalChain([this, 'access', _753 => _753.controller, 'access', _754 => _754.getVectorMask, 'call', _755 => _755(layerId), 'optionalAccess', _756 => _756.edges, 'access', _757 => _757.find, 'call', _758 => _758((e) => e.component === at.component && e.subpath === at.subpath && e.segment === at.segment), 'optionalAccess', _759 => _759.mode]), () => ( "hard"));
+    const now = _nullishCoalesce(_optionalChain([this, 'access', _755 => _755.controller, 'access', _756 => _756.getVectorMask, 'call', _757 => _757(layerId), 'optionalAccess', _758 => _758.edges, 'access', _759 => _759.find, 'call', _760 => _760((e) => e.component === at.component && e.subpath === at.subpath && e.segment === at.segment), 'optionalAccess', _761 => _761.mode]), () => ( "hard"));
     const next = now === "hard" ? "feather" : now === "feather" ? "matte" : "hard";
     try {
       this.controller.setVectorMaskEdge(layerId, at, next);
@@ -22527,8 +22572,8 @@ var PathEditGesture = (_class17 = class {
     if (!cs) return null;
     const curves = [];
     const curveModes = [];
-    const edges = _optionalChain([this, 'access', _760 => _760.target, 'optionalAccess', _761 => _761.kind]) === "vector-mask" ? _nullishCoalesce(_optionalChain([this, 'access', _762 => _762.controller, 'access', _763 => _763.getVectorMask, 'call', _764 => _764(this.target.layerId), 'optionalAccess', _765 => _765.edges]), () => ( [])) : [];
-    const modeOf = (ci, si, k) => _nullishCoalesce(_optionalChain([edges, 'access', _766 => _766.find, 'call', _767 => _767((e) => e.component === ci && e.subpath === si && e.segment === k), 'optionalAccess', _768 => _768.mode]), () => ( "hard"));
+    const edges = _optionalChain([this, 'access', _762 => _762.target, 'optionalAccess', _763 => _763.kind]) === "vector-mask" ? _nullishCoalesce(_optionalChain([this, 'access', _764 => _764.controller, 'access', _765 => _765.getVectorMask, 'call', _766 => _766(this.target.layerId), 'optionalAccess', _767 => _767.edges]), () => ( [])) : [];
+    const modeOf = (ci, si, k) => _nullishCoalesce(_optionalChain([edges, 'access', _768 => _768.find, 'call', _769 => _769((e) => e.component === ci && e.subpath === si && e.segment === k), 'optionalAccess', _770 => _770.mode]), () => ( "hard"));
     const anchors = [];
     const handles = [];
     const selectedComponents = new Set(this.selection.map((r) => r.component));
@@ -22550,11 +22595,11 @@ var PathEditGesture = (_class17 = class {
     let preview = null;
     const d = this.drawing;
     if (tool === "path-pen" && d && this.pointer && !this.drag) {
-      const sp = _optionalChain([cs, 'access', _769 => _769[d.component], 'optionalAccess', _770 => _770.subpaths, 'access', _771 => _771[d.subpath]]);
-      const last = _optionalChain([sp, 'optionalAccess', _772 => _772.anchors, 'access', _773 => _773[sp.anchors.length - 1]]);
+      const sp = _optionalChain([cs, 'access', _771 => _771[d.component], 'optionalAccess', _772 => _772.subpaths, 'access', _773 => _773[d.subpath]]);
+      const last = _optionalChain([sp, 'optionalAccess', _774 => _774.anchors, 'access', _775 => _775[sp.anchors.length - 1]]);
       if (last) preview = last.out ? [pt(last), pt(last.out), this.pointer, this.pointer] : [pt(last), this.pointer];
     }
-    const marquee = _optionalChain([this, 'access', _774 => _774.drag, 'optionalAccess', _775 => _775.kind]) === "marquee" ? rect2(this.drag.start, this.drag.end) : null;
+    const marquee = _optionalChain([this, 'access', _776 => _776.drag, 'optionalAccess', _777 => _777.kind]) === "marquee" ? rect2(this.drag.start, this.drag.end) : null;
     return { curves, ...edges.length ? { curveModes } : {}, anchors, handles, marquee, preview };
   }
 }, _class17);
@@ -22589,26 +22634,26 @@ var DEFAULT_CONTENT_AWARE_FILL_SETTINGS = {
   livePreview: true
 };
 var ContentAwareFillSession = (_class18 = class _ContentAwareFillSession {
-  constructor(controller) {;_class18.prototype.__init159.call(this);_class18.prototype.__init160.call(this);_class18.prototype.__init161.call(this);_class18.prototype.__init162.call(this);_class18.prototype.__init163.call(this);_class18.prototype.__init164.call(this);_class18.prototype.__init165.call(this);_class18.prototype.__init166.call(this);_class18.prototype.__init167.call(this);_class18.prototype.__init168.call(this);_class18.prototype.__init169.call(this);_class18.prototype.__init170.call(this);_class18.prototype.__init171.call(this);_class18.prototype.__init172.call(this);_class18.prototype.__init173.call(this);
+  constructor(controller) {;_class18.prototype.__init160.call(this);_class18.prototype.__init161.call(this);_class18.prototype.__init162.call(this);_class18.prototype.__init163.call(this);_class18.prototype.__init164.call(this);_class18.prototype.__init165.call(this);_class18.prototype.__init166.call(this);_class18.prototype.__init167.call(this);_class18.prototype.__init168.call(this);_class18.prototype.__init169.call(this);_class18.prototype.__init170.call(this);_class18.prototype.__init171.call(this);_class18.prototype.__init172.call(this);_class18.prototype.__init173.call(this);_class18.prototype.__init174.call(this);
     this.controller = controller;
   }
   
-  __init159() {this.settingsValue = { ...DEFAULT_CONTENT_AWARE_FILL_SETTINGS }}
-  __init160() {this.plan = null}
+  __init160() {this.settingsValue = { ...DEFAULT_CONTENT_AWARE_FILL_SETTINGS }}
+  __init161() {this.plan = null}
   /** The source view's window (document pixels): the selection with room around it to sample. */
-  __init161() {this.win = null}
-  __init162() {this.before = null}
-  __init163() {this.hole = null}
+  __init162() {this.win = null}
+  __init163() {this.before = null}
+  __init164() {this.hole = null}
   /** 1 where the fill may copy from, per window pixel. */
-  __init164() {this.area = null}
-  __init165() {this.after = null}
-  __init166() {this.lastPoint = null}
-  __init167() {this.listeners = /* @__PURE__ */ new Set()}
-  __init168() {this.dirty = false}
+  __init165() {this.area = null}
+  __init166() {this.after = null}
+  __init167() {this.lastPoint = null}
+  __init168() {this.listeners = /* @__PURE__ */ new Set()}
+  __init169() {this.dirty = false}
   /** Why the workspace can't fill (nothing selected, not a pixel layer), for the UI. */
-  __init169() {this.error = null}
-  __init170() {this.computing = false}
-  __init171() {this.revision = 0}
+  __init170() {this.error = null}
+  __init171() {this.computing = false}
+  __init172() {this.revision = 0}
   get settings() {
     return this.settingsValue;
   }
@@ -22627,7 +22672,7 @@ var ContentAwareFillSession = (_class18 = class _ContentAwareFillSession {
   /** Images up to this many pixels show (and can be sampled) whole in the workspace. */
   static __initStatic() {this.WHOLE_IMAGE_PIXELS = 4e6}
   /** Room around the selection the window holds, in px each way. */
-  __init172() {this.margin = 0}
+  __init173() {this.margin = 0}
   /**
    * Reads the layer and makes the first preview. The window is the whole image up to
    * {@link WHOLE_IMAGE_PIXELS}; on a larger one it holds the selection and room around it (twice
@@ -22636,8 +22681,8 @@ var ContentAwareFillSession = (_class18 = class _ContentAwareFillSession {
   async open() {
     try {
       const { width, height } = this.controller.getState().imageDimensions;
-      const b = _optionalChain([this, 'access', _776 => _776.controller, 'access', _777 => _777.getSelection, 'call', _778 => _778(), 'optionalAccess', _779 => _779.bounds]);
-      this.margin = width * height <= _ContentAwareFillSession.WHOLE_IMAGE_PIXELS ? Math.max(width, height) : Math.max(256, 2 * Math.max(_nullishCoalesce(_optionalChain([b, 'optionalAccess', _780 => _780.width]), () => ( 0)), _nullishCoalesce(_optionalChain([b, 'optionalAccess', _781 => _781.height]), () => ( 0))));
+      const b = _optionalChain([this, 'access', _778 => _778.controller, 'access', _779 => _779.getSelection, 'call', _780 => _780(), 'optionalAccess', _781 => _781.bounds]);
+      this.margin = width * height <= _ContentAwareFillSession.WHOLE_IMAGE_PIXELS ? Math.max(width, height) : Math.max(256, 2 * Math.max(_nullishCoalesce(_optionalChain([b, 'optionalAccess', _782 => _782.width]), () => ( 0)), _nullishCoalesce(_optionalChain([b, 'optionalAccess', _783 => _783.height]), () => ( 0))));
       this.plan = this.controller.prepareContentAwareFill({ sampleRadius: this.margin });
     } catch (err) {
       this.error = err instanceof Error ? err.message : String(err);
@@ -22769,7 +22814,7 @@ var ContentAwareFillSession = (_class18 = class _ContentAwareFillSession {
     this.emit();
     return true;
   }
-  __init173() {this.strokeAdds = true}
+  __init174() {this.strokeAdds = true}
   move(point2) {
     if (!this.lastPoint) return;
     this.paint(this.lastPoint, point2, this.strokeAdds);
@@ -22795,7 +22840,7 @@ var ContentAwareFillSession = (_class18 = class _ContentAwareFillSession {
       this.dirty = false;
       try {
         const area = this.samplingMask();
-        if (!_optionalChain([area, 'optionalAccess', _782 => _782.bounds])) throw new Error("The sampling area is empty; paint where the fill may copy from.");
+        if (!_optionalChain([area, 'optionalAccess', _784 => _784.bounds])) throw new Error("The sampling area is empty; paint where the fill may copy from.");
         const { plan, after } = await this.controller.previewContentAwareFill({ layerId: this.plan.layerId, samplingArea: area, seed: this.settingsValue.seed });
         const win = this.win;
         const out = Uint8ClampedArray.from(this.before);
@@ -22874,7 +22919,7 @@ var ContentAwareFillSession = (_class18 = class _ContentAwareFillSession {
   /** OK: fills with this sampling area, seed and output as one undo step. */
   async commit(options = {}) {
     const area = this.samplingMask();
-    if (!this.plan || !_optionalChain([area, 'optionalAccess', _783 => _783.bounds])) throw new Error(_nullishCoalesce(this.error, () => ( "The sampling area is empty; paint where the fill may copy from.")));
+    if (!this.plan || !_optionalChain([area, 'optionalAccess', _785 => _785.bounds])) throw new Error(_nullishCoalesce(this.error, () => ( "The sampling area is empty; paint where the fill may copy from.")));
     return this.controller.contentAwareFillAsync({ layerId: this.plan.layerId, samplingArea: area, seed: this.settingsValue.seed, output: this.settingsValue.output, signal: options.signal });
   }
 }, _class18.__initStatic(), _class18);