@pixerate/editor 0.241.0 → 0.242.0

package/dist/effects/index.js

@@ -3,7 +3,7 @@ import {
 } from "../chunk-N4ZXW3WB.js";
 import {
   createEffectAuthoringSession
-} from "../chunk-TEFQISBY.js";
+} from "../chunk-X3ZINLIP.js";
 import {
   EFFECT_LAYER_USES,
   EFFECT_SEQUENCE_NAME,
@@ -28,16 +28,18 @@ import {
   templateSlotTakes,
   templateValueProblem,
   templateValuesSchema
-} from "../chunk-G3RUKJ5C.js";
+} from "../chunk-RXZL4NG5.js";
 import {
   EffectRendererPool
 } from "../chunk-EHLOCVWB.js";
 import {
   CAMERA_MOVE_MAX_MS,
   CAMERA_MOVE_ROLES,
+  EFFECT_ACCEPTS,
   EFFECT_ERROR_CODES,
   EFFECT_KINDS,
   EFFECT_LAYER_ROLES,
+  EFFECT_PATH_FORMAT,
   EFFECT_SUBJECT_KINDS,
   EFFECT_TEMPLATE_SLOT_TYPES,
   EFFECT_TRANSITION_MS,
@@ -69,13 +71,14 @@ import {
   isEffectPixels,
   linearToSrgb,
   normaliseEffectTag,
+  pathControlsOf,
   resolveCameraMoveSpec,
   resolveEffectValues,
   sampleCameraViews,
   sampleEffectCameraMove,
   searchEffectSummaries,
   srgbToLinear
-} from "../chunk-SIK3LT6M.js";
+} from "../chunk-OFH6Q67U.js";
 import "../chunk-V2ZCJRDM.js";
 import "../chunk-RNSANXPT.js";
 import {
@@ -105,6 +108,7 @@ function checkSummary(e, issues) {
   if (typeof e.loop !== "boolean") at("loop is not a boolean");
   if (e.duration !== void 0 && !(e.duration > 0)) at("duration must be a positive number of ms when present");
   if (e.backgroundOpacity !== void 0 && (typeof e.backgroundOpacity !== "string" || !e.backgroundOpacity)) at("backgroundOpacity must name a control when present");
+  for (const a of e.accepts ?? []) if (!EFFECT_ACCEPTS.includes(a)) at(`accepts "${a}" is not one of ${EFFECT_ACCEPTS.join(", ")}`);
   if (e.kind === "camera") {
     if (e.uses?.length !== 1 || e.uses[0] !== "camera") at('a camera effect must have exactly the use "camera"');
     const m = e.camera;
@@ -136,6 +140,9 @@ function checkDescription(id, d, issues) {
     if (!control) at(`backgroundOpacity "${d.backgroundOpacity}" is not a control`);
     else if (control.type !== "number" || control.minimum !== 0 || control.maximum !== 1) at(`backgroundOpacity "${d.backgroundOpacity}" must be a number control from 0 to 1`);
   }
+  const paths = pathControlsOf(d);
+  if (paths.length && !d.accepts?.includes("path")) at(`controls ${paths.map((p) => `"${p}"`).join(", ")} take a path, but accepts does not list "path"`);
+  if (!paths.length && d.accepts?.includes("path")) at('accepts lists "path", but no control has format "svg-path"');
   for (const e of effectValueErrors(d, d.defaults)) at(`default ${e.path}: ${e.message}`);
   for (const p of d.presets ?? []) for (const e of effectValueErrors(d, p.values)) at(`preset "${p.name}" ${e.path}: ${e.message}`);
   for (const input2 of d.inputs ?? []) {
@@ -547,6 +554,13 @@ function fakeTemplateMethods() {
 var HEX = "^#[0-9a-fA-F]{6}$";
 var colour = (description) => ({ type: "string", pattern: HEX, description });
 var amount = (description) => ({ type: "number", minimum: 0, maximum: 1, description });
+var pathControl = (what) => ({
+  description: `${what}: SVG path data (fitted into the frame, contain, 8% margin), or points [x0, y0, x1, y1, \u2026] in frame pixels from the top left (used as given), or "" for none.`,
+  anyOf: [
+    { type: "string", format: "svg-path", description: 'SVG path data, or "" for no path.' },
+    { type: "array", items: { type: "number", description: "x or y, frame pixels." }, description: "Points x0, y0, x1, y1, \u2026 in frame pixels." }
+  ]
+});
 var DESCRIPTIONS = [
   {
     id: "fake.invert",
@@ -711,8 +725,77 @@ var DESCRIPTIONS = [
     defaults: { color: "#f43f5e", ms: 500 },
     presets: [],
     inputs: []
+  },
+  {
+    id: "fake.trail",
+    name: "Trail",
+    kind: "shader",
+    category: "path",
+    uses: ["overlay"],
+    description: "A line drawn along its path control over transparency; with no path, a line across the middle.",
+    tags: ["path", "line"],
+    transparent: true,
+    loop: false,
+    accepts: ["path"],
+    controls: {
+      type: "object",
+      additionalProperties: false,
+      properties: {
+        path: pathControl("Where the line runs"),
+        color: colour("Line colour as #rrggbb. Default #22d3ee."),
+        width: { type: "number", minimum: 1, maximum: 64, description: "Line width in pixels. Default 6." }
+      }
+    },
+    defaults: { path: "", color: "#22d3ee", width: 6 },
+    presets: [],
+    inputs: []
+  },
+  {
+    id: "fake.route",
+    name: "Route",
+    kind: "vector",
+    category: "path",
+    uses: ["title"],
+    description: "A vector line along its path control, its picture fitted to the path (viewBox = the path bounds); with no path, a short wave.",
+    tags: ["path", "route"],
+    transparent: true,
+    loop: false,
+    duration: 400,
+    accepts: ["path"],
+    controls: {
+      type: "object",
+      additionalProperties: false,
+      properties: {
+        path: pathControl("The route"),
+        color: colour("Line colour as #rrggbb. Default #f59e0b.")
+      }
+    },
+    defaults: { path: "", color: "#f59e0b" },
+    presets: [],
+    inputs: []
   }
 ];
+function pathNumbers(d) {
+  return [...d.matchAll(/-?\d*\.?\d+(?:e[-+]?\d+)?/gi)].map((m) => Number(m[0]));
+}
+function framePoints(value, width, height, fallback) {
+  if (Array.isArray(value)) return value.length >= 4 ? value : fallback;
+  if (typeof value !== "string" || !value.trim()) return fallback;
+  const n = pathNumbers(value);
+  if (n.length < 4) return fallback;
+  let x0 = Infinity, y0 = Infinity, x1 = -Infinity, y1 = -Infinity;
+  for (let i = 0; i + 1 < n.length; i += 2) {
+    x0 = Math.min(x0, n[i]);
+    x1 = Math.max(x1, n[i]);
+    y0 = Math.min(y0, n[i + 1]);
+    y1 = Math.max(y1, n[i + 1]);
+  }
+  const m = 0.08;
+  const k = Math.min(width * (1 - 2 * m) / Math.max(1e-9, x1 - x0), height * (1 - 2 * m) / Math.max(1e-9, y1 - y0));
+  const ox = (width - (x1 - x0) * k) / 2 - x0 * k;
+  const oy = (height - (y1 - y0) * k) / 2 - y0 * k;
+  return n.map((v, i) => i % 2 ? v * k + oy : v * k + ox);
+}
 var CAMERA_DESCRIPTIONS = [
   {
     id: "fake.glide",
@@ -831,6 +914,29 @@ function renderPixels(d, v, request, width, height) {
       }
       break;
     }
+    case "fake.trail": {
+      const rgb = hexToRgb(v.color);
+      const pts = framePoints(v.path, width, height, [0, height / 2, width, height / 2]);
+      const r = v.width / 2;
+      for (let i = 0; i + 3 < pts.length; i += 2) {
+        const [ax, ay, bx, by] = [pts[i], pts[i + 1], pts[i + 2], pts[i + 3]];
+        const steps = Math.max(1, Math.ceil(Math.hypot(bx - ax, by - ay)));
+        for (let s = 0; s <= steps; s++) {
+          const cx = ax + (bx - ax) * s / steps;
+          const cy = ay + (by - ay) * s / steps;
+          for (let y = Math.max(0, Math.floor(cy - r)); y <= Math.min(height - 1, Math.ceil(cy + r)); y++)
+            for (let x = Math.max(0, Math.floor(cx - r)); x <= Math.min(width - 1, Math.ceil(cx + r)); x++) {
+              if ((x + 0.5 - cx) ** 2 + (y + 0.5 - cy) ** 2 > r * r) continue;
+              const i4 = (y * width + x) * 4;
+              o[i4] = rgb[0];
+              o[i4 + 1] = rgb[1];
+              o[i4 + 2] = rgb[2];
+              o[i4 + 3] = 255;
+            }
+        }
+      }
+      break;
+    }
     case "fake.bar": {
       const rgb = hexToRgb(v.color);
       const slide = v.slide;
@@ -983,10 +1089,29 @@ function createFakeEffectProvider(options = {}) {
         }
       };
     },
+    pathFromText(text, opts) {
+      if (typeof text !== "string" || !text.trim()) throw new EffectUnsupportedError("There are no words to write; pass some text.");
+      if (opts?.font !== void 0 && opts.font !== "zig") throw new EffectUnsupportedError(`The fake provider has no font "${opts.font}"; its only font is "zig".`);
+      return [...text].map((_, i) => `M${i * 10} 10 L${i * 10 + 3} 0 L${i * 10 + 6} 10`).join(" ");
+    },
     applyVectorEffect(id, target, values) {
       const d = get(id);
       if (d.kind !== "motion" && d.kind !== "vector") throw new EffectUnsupportedError(`"${id}" is a ${d.kind} effect, not a vector one.`, id);
       const v = resolveEffectValues(d, values);
+      if (d.id === "fake.route") {
+        const pts = Array.isArray(v.path) && v.path.length >= 4 ? v.path : typeof v.path === "string" && pathNumbers(v.path).length >= 4 ? pathNumbers(v.path) : [0, 20, 25, 0, 50, 20, 75, 40, 100, 20];
+        const xs = pts.filter((_, i) => i % 2 === 0);
+        const ys = pts.filter((_, i) => i % 2 === 1);
+        const [x0, y0] = [Math.min(...xs), Math.min(...ys)];
+        const [w, h] = [Math.max(1, Math.max(...xs) - x0), Math.max(1, Math.max(...ys) - y0)];
+        const dpath = "M" + pts.map((p) => +p.toFixed(3)).join(" ").replace(/^(\S+ \S+) /, "$1 L");
+        return {
+          svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="${x0} ${y0} ${w} ${h}" width="${w}" height="${h}"><path id="route" d="${dpath}" fill="none" stroke="${v.color}" stroke-width="2"/></svg>`,
+          animate: [{ id: "route", ms: 400, attrs: { opacity: [0, 1] } }],
+          duration: 400,
+          loop: false
+        };
+      }
       if (d.kind === "vector") {
         return { svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100"><circle id="badge" cx="50" cy="50" r="40" fill="${v.color}"/></svg>`, animate: [{ id: "badge", ms: v.ms, attrs: { opacity: [0, 1] } }], duration: v.ms, loop: false };
       }
@@ -1537,10 +1662,12 @@ function createEffectAuthoringToolProvider(host, options) {
 export {
   CAMERA_MOVE_MAX_MS,
   CAMERA_MOVE_ROLES,
+  EFFECT_ACCEPTS,
   EFFECT_ERROR_CODES,
   EFFECT_KINDS,
   EFFECT_LAYER_ROLES,
   EFFECT_LAYER_USES,
+  EFFECT_PATH_FORMAT,
   EFFECT_SEQUENCE_NAME,
   EFFECT_SUBJECT_KINDS,
   EFFECT_TEMPLATE_SLOT_TYPES,
@@ -1601,6 +1728,7 @@ export {
   isSubjectTemplateSlot,
   linearToSrgb,
   normaliseEffectTag,
+  pathControlsOf,
   renderEffectThumbnail,
   resolveCameraMoveSpec,
   resolveEffectValues,

package/dist/effects/types.d.cts

@@ -76,6 +76,29 @@ export interface EffectSummary {
     backgroundOpacity?: string;
     /** How a `camera` effect moves. Present exactly when `kind` is `camera`. */
     camera?: EffectCameraMove;
+    /**
+     * What it takes besides pictures, for search: `path` when a control draws along a path given at
+     * run time (`pathControlsOf` names them). Present exactly when it takes one.
+     */
+    accepts?: readonly EffectAccept[];
+}
+/** What an effect can take besides pictures: `path`, a control that draws along a path given at run time. */
+export type EffectAccept = 'path';
+export declare const EFFECT_ACCEPTS: readonly EffectAccept[];
+/**
+ * The JSON Schema `format` of a path control: a string of SVG path data (fitted into the frame as
+ * the control's description says), a flat list of numbers `[x0, y0, x1, y1, …]` in frame pixels
+ * from the top left (used as given), or `""` for no path.
+ */
+export declare const EFFECT_PATH_FORMAT = "svg-path";
+/** A path control's value: SVG path data, points in frame pixels, or `""` for none. */
+export type EffectPathValue = string | readonly number[];
+/** How `pathFromText` writes words. */
+export interface EffectTextPathOptions {
+    /** A font the provider offers for single-stroke writing (its own names, e.g. `script`, `sans`); default its first. */
+    font?: string;
+    /** Where the line sits in its box (default `start`). */
+    align?: 'start' | 'middle' | 'end';
 }
 export interface EffectSearchOptions {
     kind?: EffectKind;
@@ -85,6 +108,8 @@ export interface EffectSearchOptions {
     tags?: readonly string[];
     /** Most results to return. */
     limit?: number;
+    /** Only effects that take every one of these (e.g. `['path']`: effects that draw along a path). */
+    accepts?: readonly EffectAccept[];
 }
 /** One control value: a number, a `#rrggbb` colour or other string, a switch, or a vector of numbers. */
 export type EffectValue = number | string | boolean | readonly number[];
@@ -524,6 +549,12 @@ export interface EffectProvider {
      * effect cannot use with `EffectUnsupportedError`.
      */
     applyVectorEffect?(id: string, target: EffectVectorTarget, values?: EffectValues): MaybePromise<EffectVectorMotion>;
+    /**
+     * Words as single-stroke SVG path data, for a path control (an effect that writes a name along
+     * its path). Optional: editors refuse words when it is missing. Throws `EffectUnsupportedError`
+     * for a font it does not have.
+     */
+    pathFromText?(text: string, options?: EffectTextPathOptions): MaybePromise<string>;
     /**
      * Opens an effect for editing. Present when `capabilities.supportsAuthoring`. Unknown ids throw
      * `UnknownEffectError`; an effect the provider cannot edit throws `EffectUnsupportedError`.

package/dist/effects/types.d.ts

@@ -76,6 +76,29 @@ export interface EffectSummary {
     backgroundOpacity?: string;
     /** How a `camera` effect moves. Present exactly when `kind` is `camera`. */
     camera?: EffectCameraMove;
+    /**
+     * What it takes besides pictures, for search: `path` when a control draws along a path given at
+     * run time (`pathControlsOf` names them). Present exactly when it takes one.
+     */
+    accepts?: readonly EffectAccept[];
+}
+/** What an effect can take besides pictures: `path`, a control that draws along a path given at run time. */
+export type EffectAccept = 'path';
+export declare const EFFECT_ACCEPTS: readonly EffectAccept[];
+/**
+ * The JSON Schema `format` of a path control: a string of SVG path data (fitted into the frame as
+ * the control's description says), a flat list of numbers `[x0, y0, x1, y1, …]` in frame pixels
+ * from the top left (used as given), or `""` for no path.
+ */
+export declare const EFFECT_PATH_FORMAT = "svg-path";
+/** A path control's value: SVG path data, points in frame pixels, or `""` for none. */
+export type EffectPathValue = string | readonly number[];
+/** How `pathFromText` writes words. */
+export interface EffectTextPathOptions {
+    /** A font the provider offers for single-stroke writing (its own names, e.g. `script`, `sans`); default its first. */
+    font?: string;
+    /** Where the line sits in its box (default `start`). */
+    align?: 'start' | 'middle' | 'end';
 }
 export interface EffectSearchOptions {
     kind?: EffectKind;
@@ -85,6 +108,8 @@ export interface EffectSearchOptions {
     tags?: readonly string[];
     /** Most results to return. */
     limit?: number;
+    /** Only effects that take every one of these (e.g. `['path']`: effects that draw along a path). */
+    accepts?: readonly EffectAccept[];
 }
 /** One control value: a number, a `#rrggbb` colour or other string, a switch, or a vector of numbers. */
 export type EffectValue = number | string | boolean | readonly number[];
@@ -524,6 +549,12 @@ export interface EffectProvider {
      * effect cannot use with `EffectUnsupportedError`.
      */
     applyVectorEffect?(id: string, target: EffectVectorTarget, values?: EffectValues): MaybePromise<EffectVectorMotion>;
+    /**
+     * Words as single-stroke SVG path data, for a path control (an effect that writes a name along
+     * its path). Optional: editors refuse words when it is missing. Throws `EffectUnsupportedError`
+     * for a font it does not have.
+     */
+    pathFromText?(text: string, options?: EffectTextPathOptions): MaybePromise<string>;
     /**
      * Opens an effect for editing. Present when `capabilities.supportsAuthoring`. Unknown ids throw
      * `UnknownEffectError`; an effect the provider cannot edit throws `EffectUnsupportedError`.

package/dist/image-editor/index.cjs

@@ -748,7 +748,7 @@ var _chunkPY4GWSE2cjs = require('../chunk-PY4GWSE2.cjs');
 
 
 
-var _chunkJAOSL334cjs = require('../chunk-JAOSL334.cjs');
+var _chunkGHCSC2WPcjs = require('../chunk-GHCSC2WP.cjs');
 require('../chunk-WOFXZ3XU.cjs');
 
 
@@ -4837,7 +4837,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, _chunkJAOSL334cjs.EffectUnsupportedError)(
+    throw new (0, _chunkGHCSC2WPcjs.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
     );
@@ -4861,9 +4861,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(_chunkJAOSL334cjs.linearToSrgb.call(void 0, f[i]));
-    d[i + 1] = code(_chunkJAOSL334cjs.linearToSrgb.call(void 0, f[i + 1]));
-    d[i + 2] = code(_chunkJAOSL334cjs.linearToSrgb.call(void 0, f[i + 2]));
+    d[i] = code(_chunkGHCSC2WPcjs.linearToSrgb.call(void 0, f[i]));
+    d[i + 1] = code(_chunkGHCSC2WPcjs.linearToSrgb.call(void 0, f[i + 1]));
+    d[i + 2] = code(_chunkGHCSC2WPcjs.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);
@@ -4880,7 +4880,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, _chunkJAOSL334cjs.EffectsSlot)()));
+    this.slot = _nullishCoalesce(options.slot, () => ( new (0, _chunkGHCSC2WPcjs.EffectsSlot)()));
     this.maxEntries = _nullishCoalesce(options.maxEntries, () => ( 24));
     this.pool = new (0, _chunkPY4GWSE2cjs.EffectRendererPool)({ maxRenderers: options.maxRenderers });
     this.detach = this.slot.subscribe(() => {
@@ -4940,7 +4940,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 : _chunkJAOSL334cjs.createEffectPixels.call(void 0, size.width, size.height);
+    return out.width === size.width && out.height === size.height ? out : _chunkGHCSC2WPcjs.createEffectPixels.call(void 0, size.width, size.height);
   }
   /** Why the result for `key` failed, if it did. */
   failure(key2) {
@@ -6202,7 +6202,7 @@ var ImageEditorController = (_class12 = class {
   __init84() {this.selectionWorker = null}
   __init85() {this.documentOpener = null}
   /** The effects provider slot (see `setEffectsProvider`). */
-  __init86() {this.effects = new (0, _chunkJAOSL334cjs.EffectsSlot)()}
+  __init86() {this.effects = new (0, _chunkGHCSC2WPcjs.EffectsSlot)()}
   /** Renders provider effects: effect smart filter results and effect layers. */
   __init87() {this.effectsEngine = new ImageEffectsEngine({ slot: this.effects })}
   __init88() {this.effectRefresh = "none"}
@@ -6538,7 +6538,7 @@ var ImageEditorController = (_class12 = class {
    */
   async applyEffectFilter(layerId, effect, options = {}) {
     const d = await this.describeEffect(effect, "filter");
-    const values = _chunkJAOSL334cjs.resolveEffectValues.call(void 0, d, options.values);
+    const values = _chunkGHCSC2WPcjs.resolveEffectValues.call(void 0, d, options.values);
     const found = _chunkHB4ICNNAcjs.findLayer.call(void 0, this.state.layers, layerId);
     if (!found) throw new (0, _chunkHW72ABGRcjs.LayerOperationError)(`There is no layer "${layerId}"; call list_layers for the layer ids.`);
     let layers = this.state.layers;
@@ -6580,7 +6580,7 @@ var ImageEditorController = (_class12 = class {
         else if (k in d.controls.properties) base[k] = d.defaults[k];
         else throw new (0, _chunkHW72ABGRcjs.LayerOperationError)(`"${k}" is not a control of "${d.id}"; its controls are ${Object.keys(d.controls.properties).join(", ")}.`);
       }
-      update.values = { ...base, ..._chunkJAOSL334cjs.resolveEffectValues.call(void 0, { ...d, defaults: base }, given) };
+      update.values = { ...base, ..._chunkGHCSC2WPcjs.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 = _chunkHW72ABGRcjs.updateSmartFilter.call(void 0, this.state.layers, layerId, filterId, update, this.canvasSize);
@@ -6607,7 +6607,7 @@ var ImageEditorController = (_class12 = class {
     const id = options.id && !ids.has(options.id) ? options.id : _chunkHW72ABGRcjs.newLayerId.call(void 0, );
     const placed = _chunkHW72ABGRcjs.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 = _chunkJAOSL334cjs.resolveEffectValues.call(void 0, d, withBackgroundOpacity(d, options.values, hasLayersBelow(placed, id)));
+    const values = _chunkGHCSC2WPcjs.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 = {
@@ -6652,7 +6652,7 @@ var ImageEditorController = (_class12 = class {
       else if (k in d.controls.properties) base[k] = d.defaults[k];
       else throw new (0, _chunkHW72ABGRcjs.LayerOperationError)(`"${k}" is not a control of "${d.id}"; its controls are ${Object.keys(d.controls.properties).join(", ")}.`);
     }
-    const values = { ...base, ..._chunkJAOSL334cjs.resolveEffectValues.call(void 0, { ...d, defaults: base }, given) };
+    const values = { ...base, ..._chunkGHCSC2WPcjs.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;
@@ -21973,7 +21973,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(_chunkJAOSL334cjs.createEffectToolProvider.call(void 0, {
+  return withImagePlayback(_chunkGHCSC2WPcjs.createEffectToolProvider.call(void 0, {
     id: _nullishCoalesce(options.id, () => ( "image-effects")),
     namespace: options.namespace,
     title: "Image effects",

package/dist/image-editor/index.js

@@ -748,7 +748,7 @@ import {
   createEffectToolProvider,
   linearToSrgb,
   resolveEffectValues
-} from "../chunk-SIK3LT6M.js";
+} from "../chunk-OFH6Q67U.js";
 import "../chunk-V2ZCJRDM.js";
 import {
   BrushstrokeCache,

package/dist/paint-editor/index.cjs

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; } var _class; var _class2; var _class3; var _class4; var _class5; var _class6; var _class7; var _class8; var _class9; var _class10; var _class11; var _class12;
 
-var _chunkZQIWBJGHcjs = require('../chunk-ZQIWBJGH.cjs');
+var _chunkXNZFVYC2cjs = require('../chunk-XNZFVYC2.cjs');
 
 
 
@@ -143,7 +143,7 @@ var _chunkPY4GWSE2cjs = require('../chunk-PY4GWSE2.cjs');
 
 
 
-var _chunkJAOSL334cjs = require('../chunk-JAOSL334.cjs');
+var _chunkGHCSC2WPcjs = require('../chunk-GHCSC2WP.cjs');
 require('../chunk-WOFXZ3XU.cjs');
 
 
@@ -3286,7 +3286,7 @@ function timeLapseVideo(frameCount, width, height, fps, holdMs, name = "Time-lap
   }
   const video = { version: 1, name, width: w, height: h, fps, background: "#000000", assets, tracks: [{ id: "v1", kind: "video", clips }] };
   const durationMs = frameCount ? clips[clips.length - 1].start + clips[clips.length - 1].duration : 0;
-  return { video, ffmpeg: _chunkZQIWBJGHcjs.toVideoFfmpeg.call(void 0, video, { output: "timelapse.mp4" }), durationMs };
+  return { video, ffmpeg: _chunkXNZFVYC2cjs.toVideoFfmpeg.call(void 0, video, { output: "timelapse.mp4" }), durationMs };
 }
 async function buildTimeLapse(source, target, options = {}) {
   const maxSide = Math.max(32, Math.min(4096, Math.round(_nullishCoalesce(options.maxSide, () => ( 720)))));
@@ -3369,7 +3369,7 @@ function checkPaintEffectPlace(d, place) {
   else if (d.uses.includes("filter") && place !== "light") instead = "; run it on a layer's dried paint with apply_effect instead";
   else if (place === "light" && d.uses.some((u) => PAINT_EFFECT_PLACES.layer.includes(u))) instead = "; add it as an effect layer (add_effect_layer) or fill a layer with it (fill_layer_with_effect) instead";
   else if (place === "paper" && d.uses.some((u) => u === "overlay" || u === "title")) instead = "; add it as an effect layer with add_effect_layer instead";
-  throw new (0, _chunkJAOSL334cjs.EffectUnsupportedError)(`"${d.id}" (${d.name}) is a ${d.uses.join(" / ") || d.kind} effect, and ${PLACE_WORDS[place]}${instead}.`, d.id);
+  throw new (0, _chunkGHCSC2WPcjs.EffectUnsupportedError)(`"${d.id}" (${d.name}) is a ${d.uses.join(" / ") || d.kind} effect, and ${PLACE_WORDS[place]}${instead}.`, d.id);
 }
 var PAPER_EFFECT_BLENDS = ["multiply", "normal", "overlay", "soft-light", "screen", "color"];
 var paperVersion = 1;
@@ -3568,7 +3568,7 @@ var PaintEditorController = (_class10 = class _PaintEditorController {
   /** Set while an operation that changes wet paint runs: the simulation before it (for undo). */
   __init117() {this.wetOp = null}
   /** The effects provider slot (see `setEffectsProvider`). */
-  __init118() {this.effects = new (0, _chunkJAOSL334cjs.EffectsSlot)()}
+  __init118() {this.effects = new (0, _chunkGHCSC2WPcjs.EffectsSlot)()}
   __init119() {this.effectsRenderer = new PaintEffectsRenderer()}
   __init120() {this.paperEffectNodeCache = null}
   constructor(options = {}) {;_class10.prototype.__init74.call(this);_class10.prototype.__init75.call(this);_class10.prototype.__init76.call(this);_class10.prototype.__init77.call(this);_class10.prototype.__init78.call(this);_class10.prototype.__init79.call(this);_class10.prototype.__init80.call(this);_class10.prototype.__init81.call(this);_class10.prototype.__init82.call(this);_class10.prototype.__init83.call(this);_class10.prototype.__init84.call(this);_class10.prototype.__init85.call(this);_class10.prototype.__init86.call(this);_class10.prototype.__init87.call(this);_class10.prototype.__init88.call(this);_class10.prototype.__init89.call(this);_class10.prototype.__init90.call(this);_class10.prototype.__init91.call(this);_class10.prototype.__init92.call(this);_class10.prototype.__init93.call(this);_class10.prototype.__init94.call(this);_class10.prototype.__init95.call(this);_class10.prototype.__init96.call(this);_class10.prototype.__init97.call(this);_class10.prototype.__init98.call(this);_class10.prototype.__init99.call(this);_class10.prototype.__init100.call(this);_class10.prototype.__init101.call(this);_class10.prototype.__init102.call(this);_class10.prototype.__init103.call(this);_class10.prototype.__init104.call(this);_class10.prototype.__init105.call(this);_class10.prototype.__init106.call(this);_class10.prototype.__init107.call(this);_class10.prototype.__init108.call(this);_class10.prototype.__init109.call(this);_class10.prototype.__init110.call(this);_class10.prototype.__init111.call(this);_class10.prototype.__init112.call(this);_class10.prototype.__init113.call(this);_class10.prototype.__init114.call(this);_class10.prototype.__init115.call(this);_class10.prototype.__init116.call(this);_class10.prototype.__init117.call(this);_class10.prototype.__init118.call(this);_class10.prototype.__init119.call(this);_class10.prototype.__init120.call(this);_class10.prototype.__init121.call(this);_class10.prototype.__init122.call(this);_class10.prototype.__init123.call(this);_class10.prototype.__init124.call(this);
@@ -4252,7 +4252,7 @@ var PaintEditorController = (_class10 = class _PaintEditorController {
       if (v === null) merged[k] = d.defaults[k];
       else given[k] = v;
     }
-    return { ...merged, ..._chunkJAOSL334cjs.resolveEffectValues.call(void 0, { ...d, defaults: merged }, given) };
+    return { ...merged, ..._chunkGHCSC2WPcjs.resolveEffectValues.call(void 0, { ...d, defaults: merged }, given) };
   }
   /** Renders a generator, overlay or title effect at the canvas size. */
   renderEffectCanvas(d, values, time = 0) {
@@ -9903,7 +9903,7 @@ function createPaintEffectsToolProvider(controller, options = {}) {
     if (changes.enabled !== void 0) throw new Error("enabled does not apply here: hide an effect layer with update_layer visible false, or remove the effect paper.");
   };
   const values = (v) => v;
-  return withPaintPlayback(_chunkJAOSL334cjs.createEffectToolProvider.call(void 0, {
+  return withPaintPlayback(_chunkGHCSC2WPcjs.createEffectToolProvider.call(void 0, {
     id: _nullishCoalesce(options.id, () => ( "paint-effects")),
     namespace: options.namespace,
     title: "Paint effects",

package/dist/paint-editor/index.js

@@ -1,6 +1,6 @@
 import {
   toVideoFfmpeg
-} from "../chunk-WDDUPWVG.js";
+} from "../chunk-L3JFOTBQ.js";
 import {
   deserializeLayers,
   exportPsd,
@@ -143,7 +143,7 @@ import {
   EffectsSlot,
   createEffectToolProvider,
   resolveEffectValues
-} from "../chunk-SIK3LT6M.js";
+} from "../chunk-OFH6Q67U.js";
 import "../chunk-V2ZCJRDM.js";
 import {
   CoverageMap,

package/dist/vector/index.cjs

@@ -558,7 +558,7 @@ var _chunkNM3G4VQTcjs = require('../chunk-NM3G4VQT.cjs');
 
 
 
-var _chunkJAOSL334cjs = require('../chunk-JAOSL334.cjs');
+var _chunkGHCSC2WPcjs = require('../chunk-GHCSC2WP.cjs');
 require('../chunk-WOFXZ3XU.cjs');
 
 
@@ -7329,7 +7329,7 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
   }
   // --- Provider effects ---
   /** The effects provider slot (see `setEffectsProvider`). */
-  __init59() {this.effects = new (0, _chunkJAOSL334cjs.EffectsSlot)()}
+  __init59() {this.effects = new (0, _chunkGHCSC2WPcjs.EffectsSlot)()}
   /** The registered effects provider, or `null`. */
   get effectsProvider() {
     return this.effects.provider;
@@ -7353,10 +7353,10 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
   /** The effect's picture as group children, scaled into `box` (an affine fit). */
   async vectorEffectPicture(effect, values) {
     const provider = this.effects.require();
-    if (!provider.applyVectorEffect) throw new (0, _chunkJAOSL334cjs.EffectUnsupportedError)(`${provider.name} has no vector effects.`);
+    if (!provider.applyVectorEffect) throw new (0, _chunkGHCSC2WPcjs.EffectUnsupportedError)(`${provider.name} has no vector effects.`);
     const d = await provider.describe(effect);
-    if (d.kind !== "vector") throw new (0, _chunkJAOSL334cjs.EffectUnsupportedError)(`"${d.id}" (${d.name}) is a ${d.kind} effect; the vector editor adds vector effects, which bring their own picture${d.kind === "motion" ? " (apply motion in the animation editor)" : ""}.`, d.id);
-    const resolved = _chunkJAOSL334cjs.resolveEffectValues.call(void 0, d, values);
+    if (d.kind !== "vector") throw new (0, _chunkGHCSC2WPcjs.EffectUnsupportedError)(`"${d.id}" (${d.name}) is a ${d.kind} effect; the vector editor adds vector effects, which bring their own picture${d.kind === "motion" ? " (apply motion in the animation editor)" : ""}.`, d.id);
+    const resolved = _chunkGHCSC2WPcjs.resolveEffectValues.call(void 0, d, values);
     const motion = await provider.applyVectorEffect(d.id, this.toSvg(), resolved);
     const parsed = _chunkKCMV2534cjs.parseVectorSvg.call(void 0, motion.svg);
     if (!parsed.nodes.length) throw new Error(`"${d.name}" drew no shapes the editor can read.`);
@@ -18173,7 +18173,7 @@ function createVectorEffectsToolProvider(controller, options = {}) {
     const effects = _optionalChain([g, 'optionalAccess', _765 => _765.providerEffect]) ? [info(g)] : [];
     return { target: id, effect: _nullishCoalesce(removed, () => ( effects[0])), effects };
   };
-  return _chunkJAOSL334cjs.createEffectToolProvider.call(void 0, {
+  return _chunkGHCSC2WPcjs.createEffectToolProvider.call(void 0, {
     id: _nullishCoalesce(options.id, () => ( "vector-effects")),
     namespace: options.namespace,
     title: "Vector effects",

package/dist/vector/index.js

@@ -558,7 +558,7 @@ import {
   EffectsSlot,
   createEffectToolProvider,
   resolveEffectValues
-} from "../chunk-SIK3LT6M.js";
+} from "../chunk-OFH6Q67U.js";
 import "../chunk-V2ZCJRDM.js";
 import {
   GRAIN_PATTERNS