@pixerate/editor 0.225.0 → 0.227.0

package/dist/{chunk-I7G3RSUJ.cjs → chunk-GXLZZVR5.cjs}

@@ -18,7 +18,7 @@
 
 
 
-var _chunkQAUIZPYIcjs = require('./chunk-QAUIZPYI.cjs');
+var _chunkBQE3Y6ZOcjs = require('./chunk-BQE3Y6ZO.cjs');
 
 
 
@@ -37,7 +37,7 @@ var lerpP = (a, b, t) => [a[0] + (b[0] - a[0]) * t, a[1] + (b[1] - a[1]) * t];
 var toP = (v) => [v.x, v.y];
 var mapP = (m, p) => [m[0] * p[0] + m[2] * p[1] + m[4], m[1] * p[0] + m[3] * p[1] + m[5]];
 var curvesOf = (c) => Math.max(0, (c.pts.length - 1) / 3) | 0;
-function subpathToMorphContour(sp, m = _chunkQAUIZPYIcjs.IDENTITY_MATRIX) {
+function subpathToMorphContour(sp, m = _chunkBQE3Y6ZOcjs.IDENTITY_MATRIX) {
   const n = sp.anchors.length;
   if (!n) return null;
   const first = mapP(m, toP(sp.anchors[0]));
@@ -67,8 +67,8 @@ function isStraight(p0, p1, p2, p3) {
   const u2 = along(p2);
   return off(p1) < tol && off(p2) < tol && u1 >= -1e-9 && u1 <= 1 + 1e-9 && u2 >= -1e-9 && u2 <= 1 + 1e-9;
 }
-function morphContourToSubpath(c, m = _chunkQAUIZPYIcjs.IDENTITY_MATRIX, closed = c.closed) {
-  const pts = _chunkQAUIZPYIcjs.isIdentityMatrix.call(void 0, m) ? c.pts : c.pts.map((p) => mapP(m, p));
+function morphContourToSubpath(c, m = _chunkBQE3Y6ZOcjs.IDENTITY_MATRIX, closed = c.closed) {
+  const pts = _chunkBQE3Y6ZOcjs.isIdentityMatrix.call(void 0, m) ? c.pts : c.pts.map((p) => mapP(m, p));
   const curves = curvesOf(c);
   const dropLast = closed && c.closed && curves > 0;
   const count = dropLast ? curves : curves + 1;
@@ -84,7 +84,7 @@ function morphContourToSubpath(c, m = _chunkQAUIZPYIcjs.IDENTITY_MATRIX, closed
     anchors[(k + 1) % count].in = { x: p2[0], y: p2[1] };
   }
   for (const a of anchors) {
-    const type = _chunkQAUIZPYIcjs.inferAnchorType.call(void 0, a);
+    const type = _chunkBQE3Y6ZOcjs.inferAnchorType.call(void 0, a);
     if (type !== "corner") a.type = type;
   }
   const isClosed = closed && curves > 0;
@@ -267,7 +267,7 @@ function bestStart(fixed, free, useShapeContext) {
   return best;
 }
 function placeIn(c, from, to) {
-  const b = _chunkQAUIZPYIcjs.unionBounds.call(void 0, [boundsOfPoints(c.pts)]);
+  const b = _chunkBQE3Y6ZOcjs.unionBounds.call(void 0, [boundsOfPoints(c.pts)]);
   const p = b ? [b.x + b.width / 2, b.y + b.height / 2] : c.pts[0];
   if (!from || !to) return p;
   const fx = from.width > 0 ? (p[0] - from.x) / from.width : 0.5;
@@ -456,7 +456,7 @@ function interpolateVectorColor(a, b, t) {
 }
 function resampleGradientStops(g, offsets) {
   return offsets.map((offset) => {
-    const s = _chunkQAUIZPYIcjs.sampleVectorGradient.call(void 0, g, offset);
+    const s = _chunkBQE3Y6ZOcjs.sampleVectorGradient.call(void 0, g, offset);
     return s.opacity < 1 ? { offset, color: s.color, opacity: Math.round(s.opacity * 1e4) / 1e4 } : { offset, color: s.color };
   });
 }
@@ -467,11 +467,11 @@ function lerpAngle(a, b, t) {
 var lerpPoint = (a, b, t) => ({ x: lerpN(a.x, b.x, t), y: lerpN(a.y, b.y, t) });
 var sameColourModel = (a, b) => (_nullishCoalesce(a.interpolation, () => ( "srgb"))) === (_nullishCoalesce(b.interpolation, () => ( "srgb"))) && (_nullishCoalesce(a.smoothness, () => ( 0))) === (_nullishCoalesce(b.smoothness, () => ( 0)));
 function lerpStops(a, b, t) {
-  let stopsA = _chunkQAUIZPYIcjs.sortedVectorGradientStops.call(void 0, a);
-  let stopsB = _chunkQAUIZPYIcjs.sortedVectorGradientStops.call(void 0, b);
+  let stopsA = _chunkBQE3Y6ZOcjs.sortedVectorGradientStops.call(void 0, a);
+  let stopsB = _chunkBQE3Y6ZOcjs.sortedVectorGradientStops.call(void 0, b);
   const resampled = stopsA.length !== stopsB.length || !sameColourModel(a, b);
   if (resampled) {
-    const offs = [..._chunkQAUIZPYIcjs.expandVectorGradientStops.call(void 0, a), ..._chunkQAUIZPYIcjs.expandVectorGradientStops.call(void 0, b), ...stopsA, ...stopsB].map((s) => s.offset).filter(Number.isFinite).sort((x, y) => x - y);
+    const offs = [..._chunkBQE3Y6ZOcjs.expandVectorGradientStops.call(void 0, a), ..._chunkBQE3Y6ZOcjs.expandVectorGradientStops.call(void 0, b), ...stopsA, ...stopsB].map((s) => s.offset).filter(Number.isFinite).sort((x, y) => x - y);
     const common = offs.filter((o, i) => i === 0 || o - offs[i - 1] > 1e-4);
     stopsA = resampleGradientStops(a, common);
     stopsB = resampleGradientStops(b, common);
@@ -498,8 +498,8 @@ function lerpGradient(a, b, t) {
   }
   if (near.spread && near.spread !== "pad") out.spread = near.spread;
   if (near.strokeMode && near.strokeMode !== "within") out.strokeMode = near.strokeMode;
-  const ea = _chunkQAUIZPYIcjs.hasExplicitGradientGeometry.call(void 0, a);
-  const eb = _chunkQAUIZPYIcjs.hasExplicitGradientGeometry.call(void 0, b);
+  const ea = _chunkBQE3Y6ZOcjs.hasExplicitGradientGeometry.call(void 0, a);
+  const eb = _chunkBQE3Y6ZOcjs.hasExplicitGradientGeometry.call(void 0, b);
   if (!ea && !eb) {
     if (a.angle !== void 0 || b.angle !== void 0 || a.type === "linear" || a.type === "reflected") {
       const fallback = a.type === "linear" || a.type === "reflected" ? 180 : 90;
@@ -512,10 +512,10 @@ function lerpGradient(a, b, t) {
     }
     return out;
   }
-  const pa = _chunkQAUIZPYIcjs.vectorGradientPoints.call(void 0, a);
-  const pb = _chunkQAUIZPYIcjs.vectorGradientPoints.call(void 0, b);
+  const pa = _chunkBQE3Y6ZOcjs.vectorGradientPoints.call(void 0, a);
+  const pb = _chunkBQE3Y6ZOcjs.vectorGradientPoints.call(void 0, b);
   if (pa.units !== pb.units) {
-    const src = _chunkQAUIZPYIcjs.explicitVectorGradient.call(void 0, near);
+    const src = _chunkBQE3Y6ZOcjs.explicitVectorGradient.call(void 0, near);
     return { ...src, stops: out.stops, ...out.interpolation ? { interpolation: out.interpolation } : {}, ...out.smoothness ? { smoothness: out.smoothness } : {} };
   }
   out.start = lerpPoint(pa.start, pb.start, t);
@@ -535,14 +535,14 @@ function solidLike(color, like) {
 function interpolateVectorPaint(a, b, t) {
   if (t <= 0) return a;
   if (t >= 1) return b;
-  const pa = _chunkQAUIZPYIcjs.hasPaint.call(void 0, a);
-  const pb = _chunkQAUIZPYIcjs.hasPaint.call(void 0, b);
+  const pa = _chunkBQE3Y6ZOcjs.hasPaint.call(void 0, a);
+  const pb = _chunkBQE3Y6ZOcjs.hasPaint.call(void 0, b);
   if (!pa && !pb) return t < 0.5 ? a : b;
   if (typeof a === "string" && pa && typeof b === "string" && pb) return interpolateVectorColor(a, b, t);
   if (!pa && typeof b === "string") return interpolateVectorColor("transparent", b, t);
   if (!pb && typeof a === "string") return interpolateVectorColor(a, "transparent", t);
-  const ga = pa && _chunkQAUIZPYIcjs.isVectorGradient.call(void 0, a) ? a : null;
-  const gb = pb && _chunkQAUIZPYIcjs.isVectorGradient.call(void 0, b) ? b : null;
+  const ga = pa && _chunkBQE3Y6ZOcjs.isVectorGradient.call(void 0, a) ? a : null;
+  const gb = pb && _chunkBQE3Y6ZOcjs.isVectorGradient.call(void 0, b) ? b : null;
   if (ga && gb) return _nullishCoalesce(lerpGradient(ga, gb, t), () => ( (t < 0.5 ? a : b)));
   if (gb) return _nullishCoalesce(lerpGradient(solidLike(pa ? a : null, gb), gb, t), () => ( b));
   if (ga) return _nullishCoalesce(lerpGradient(ga, solidLike(pb ? b : null, ga), t), () => ( a));
@@ -553,8 +553,8 @@ function interpolateWidthProfiles(a, b, t) {
   const at = [..._nullishCoalesce(a, () => ( [])), ..._nullishCoalesce(b, () => ( [])), { t: 0 }, { t: 1 }].map((p) => p.t).sort((x, y) => x - y);
   const ts = at.filter((v, i) => i === 0 || v - at[i - 1] > 1e-6);
   return ts.map((pos) => {
-    const x = _chunkQAUIZPYIcjs.widthProfileAt.call(void 0, a, pos);
-    const y = _chunkQAUIZPYIcjs.widthProfileAt.call(void 0, b, pos);
+    const x = _chunkBQE3Y6ZOcjs.widthProfileAt.call(void 0, a, pos);
+    const y = _chunkBQE3Y6ZOcjs.widthProfileAt.call(void 0, b, pos);
     return { t: pos, left: lerpN(x.left, y.left, t), right: lerpN(x.right, y.right, t) };
   });
 }
@@ -597,7 +597,7 @@ function reversedStyle(s) {
   out.endArrow = s.startArrow;
   out.startArrowScale = s.endArrowScale;
   out.endArrowScale = s.startArrowScale;
-  if (_optionalChain([s, 'access', _6 => _6.strokeWidthProfile, 'optionalAccess', _7 => _7.length])) out.strokeWidthProfile = _chunkQAUIZPYIcjs.reverseWidthProfile.call(void 0, s.strokeWidthProfile);
+  if (_optionalChain([s, 'access', _6 => _6.strokeWidthProfile, 'optionalAccess', _7 => _7.length])) out.strokeWidthProfile = _chunkBQE3Y6ZOcjs.reverseWidthProfile.call(void 0, s.strokeWidthProfile);
   for (const k of ["startArrow", "endArrow", "startArrowScale", "endArrowScale"]) if (out[k] === void 0) delete out[k];
   return out;
 }
@@ -623,19 +623,19 @@ function styleOf(n) {
   return out;
 }
 function contoursOf(node, m) {
-  return _chunkQAUIZPYIcjs.expandVectorCorners.call(void 0, node.subpaths).map((sp) => subpathToMorphContour(sp, m)).filter((c) => !!c);
+  return _chunkBQE3Y6ZOcjs.expandVectorCorners.call(void 0, node.subpaths).map((sp) => subpathToMorphContour(sp, m)).filter((c) => !!c);
 }
-function preparePathMorph(a, b, options, ma = _chunkQAUIZPYIcjs.nodeMatrix.call(void 0, a), mb = _chunkQAUIZPYIcjs.nodeMatrix.call(void 0, b)) {
+function preparePathMorph(a, b, options, ma = _chunkBQE3Y6ZOcjs.nodeMatrix.call(void 0, a), mb = _chunkBQE3Y6ZOcjs.nodeMatrix.call(void 0, b)) {
   const corr = correspondMorphContours(contoursOf(a, ma), contoursOf(b, mb), options);
   const sim = procrustes(corr.a, corr.b);
   const styleA = styleOf(a);
   const styleB = corr.reversed ? reversedStyle(styleOf(b)) : styleOf(b);
-  const rigid = !_chunkQAUIZPYIcjs.isIdentityMatrix.call(void 0, ma) || !_chunkQAUIZPYIcjs.isIdentityMatrix.call(void 0, mb);
+  const rigid = !_chunkBQE3Y6ZOcjs.isIdentityMatrix.call(void 0, ma) || !_chunkBQE3Y6ZOcjs.isIdentityMatrix.call(void 0, mb);
   const id = _nullishCoalesce(options.id, () => ( a.id));
   return (t) => {
     const contours = interpolateMorphContours(corr.a, corr.b, t, { linear: options.linear, rigidity: options.rigidity, similarity: sim });
-    const m = rigid ? interpolateRigidMatrix(ma, mb, t) : _chunkQAUIZPYIcjs.IDENTITY_MATRIX;
-    const back = rigid ? _chunkQAUIZPYIcjs.invertMatrix.call(void 0, m) : _chunkQAUIZPYIcjs.IDENTITY_MATRIX;
+    const m = rigid ? interpolateRigidMatrix(ma, mb, t) : _chunkBQE3Y6ZOcjs.IDENTITY_MATRIX;
+    const back = rigid ? _chunkBQE3Y6ZOcjs.invertMatrix.call(void 0, m) : _chunkBQE3Y6ZOcjs.IDENTITY_MATRIX;
     const subpaths = contours.map((c, k) => {
       const closed = t <= 0 ? corr.a[k].closed : t >= 1 ? corr.b[k].closed : corr.a[k].closed && corr.b[k].closed;
       return morphContourToSubpath({ closed: corr.a[k].closed && corr.b[k].closed, pts: c.pts }, back, closed);
@@ -643,14 +643,14 @@ function preparePathMorph(a, b, options, ma = _chunkQAUIZPYIcjs.nodeMatrix.call(
     const node = { id, type: "path", subpaths, ...interpolateVectorStyle(styleA, styleB, t) };
     const opacity = lerpN(_nullishCoalesce(a.opacity, () => ( 1)), _nullishCoalesce(b.opacity, () => ( 1)), t);
     if (opacity < 1) node.opacity = opacity;
-    if (rigid && !_chunkQAUIZPYIcjs.isIdentityMatrix.call(void 0, m)) node.transform = m;
+    if (rigid && !_chunkBQE3Y6ZOcjs.isIdentityMatrix.call(void 0, m)) node.transform = m;
     return node;
   };
 }
-function flattenPaths(node, parent = _chunkQAUIZPYIcjs.IDENTITY_MATRIX) {
-  const m = _chunkQAUIZPYIcjs.multiplyMatrices.call(void 0, _chunkQAUIZPYIcjs.nodeMatrix.call(void 0, node), parent);
+function flattenPaths(node, parent = _chunkBQE3Y6ZOcjs.IDENTITY_MATRIX) {
+  const m = _chunkBQE3Y6ZOcjs.multiplyMatrices.call(void 0, _chunkBQE3Y6ZOcjs.nodeMatrix.call(void 0, node), parent);
   if (node.type === "path") return [{ path: node, m, opacity: 1 }];
-  if (node.type === "text" || node.type === "instance") return flattenPaths(_chunkQAUIZPYIcjs.expandVectorAppearance.call(void 0, node), parent);
+  if (node.type === "text" || node.type === "instance") return flattenPaths(_chunkBQE3Y6ZOcjs.expandVectorAppearance.call(void 0, node), parent);
   const o = _nullishCoalesce(node.opacity, () => ( 1));
   return node.children.filter((c) => c.visible !== false).flatMap((c) => flattenPaths(c, m)).map((e) => ({ ...e, opacity: e.opacity * o }));
 }
@@ -672,8 +672,8 @@ function createVectorMorph(a, b, options = {}) {
   }
   const pa = flattenPaths(a);
   const pb = flattenPaths(b);
-  const ba = _chunkQAUIZPYIcjs.unionBounds.call(void 0, pa.map((e) => placedBounds(e.path, e.m)));
-  const bb = _chunkQAUIZPYIcjs.unionBounds.call(void 0, pb.map((e) => placedBounds(e.path, e.m)));
+  const ba = _chunkBQE3Y6ZOcjs.unionBounds.call(void 0, pa.map((e) => placedBounds(e.path, e.m)));
+  const bb = _chunkBQE3Y6ZOcjs.unionBounds.call(void 0, pb.map((e) => placedBounds(e.path, e.m)));
   const id = _nullishCoalesce(options.id, () => ( a.id));
   const parts = [];
   const opacities = [];
@@ -685,10 +685,10 @@ function createVectorMorph(a, b, options = {}) {
       parts.push(preparePathMorph(x.path, y.path, sub, x.m, y.m));
       opacities.push([x.opacity, y.opacity]);
     } else if (x) {
-      parts.push(preparePathMorph(x.path, collapsedPath(x.path, x.m, ba, bb), sub, x.m, _chunkQAUIZPYIcjs.IDENTITY_MATRIX));
+      parts.push(preparePathMorph(x.path, collapsedPath(x.path, x.m, ba, bb), sub, x.m, _chunkBQE3Y6ZOcjs.IDENTITY_MATRIX));
       opacities.push([x.opacity, x.opacity]);
     } else if (y) {
-      parts.push(preparePathMorph(collapsedPath(y.path, y.m, bb, ba), y.path, sub, _chunkQAUIZPYIcjs.IDENTITY_MATRIX, y.m));
+      parts.push(preparePathMorph(collapsedPath(y.path, y.m, bb, ba), y.path, sub, _chunkBQE3Y6ZOcjs.IDENTITY_MATRIX, y.m));
       opacities.push([y.opacity, y.opacity]);
     }
   }

package/dist/{chunk-S6KKLFZO.js → chunk-KN3Y3FRY.js}

@@ -104,7 +104,7 @@ import {
   transformTextRect,
   translateMatrix,
   warpPresetMesh
-} from "./chunk-NDMXB4PR.js";
+} from "./chunk-CU6ANS5L.js";
 import {
   bezierPathBounds,
   outlineStroke,
@@ -4894,13 +4894,14 @@ function applySmartFilters(placed, stack, canvas) {
       let out2;
       if (f.kind === "effect") {
         if (incomplete) continue;
-        const inputKey = JSON.stringify([surfaceId(placed), W, H, active.slice(0, i + 1).map((x) => ({ ...x, id: void 0, blend: x === f ? void 0 : x.blend, opacity: x === f ? void 0 : x.opacity }))]);
+        const inputKey = JSON.stringify([surfaceId(placed), W, H, active.slice(0, i + 1).map((x) => x === f ? { ...x, id: void 0, blend: void 0, opacity: void 0, preserveTransparency: void 0 } : { ...x, id: void 0 })]);
         const r = canvas.effects?.resolve(f, acc, W, H, inputKey);
         if (!r?.result) {
           if (r?.pending) incomplete = true;
           continue;
         }
         out2 = new Uint8ClampedArray(r.result);
+        if (f.preserveTransparency) keepAlphaOf(out2, acc);
       } else {
         out2 = new Uint8ClampedArray(acc);
         runLayerFilters(out2, W, H, [f]);
@@ -4925,6 +4926,18 @@ function applySmartFilters(placed, stack, canvas) {
   if (incomplete) incompleteSurfaces.add(out);
   return out;
 }
+function keepAlphaOf(result, input) {
+  for (let i = 0; i < result.length; i += 4) {
+    const ia = input[i + 3];
+    const ta = result[i + 3] / 255;
+    if (ta < 1) {
+      const ba = ia / 255;
+      const a = ta + ba * (1 - ta);
+      for (let c = 0; c < 3; c++) result[i + c] = a > 0 ? (result[i + c] * ta + input[i + c] * ba * (1 - ta)) / a : 0;
+    }
+    result[i + 3] = ia;
+  }
+}
 function lerpInto(dst, src, k, coverage) {
   for (let i = 0, p = 0; i < dst.length; i += 4, p++) {
     const t = coverage ? k * coverage[p] : k;
@@ -5269,6 +5282,7 @@ function normalizeEffectSmartFilter(raw, id) {
   if (typeof raw.effect !== "string" || !raw.effect) fail4('An effect smart filter needs an "effect" id from search_effects.');
   const values = raw.values ?? {};
   if (typeof values !== "object" || values === null || Array.isArray(values)) fail4('"values" must be an object of control values.');
+  if (raw.preserveTransparency !== void 0 && typeof raw.preserveTransparency !== "boolean") fail4('"preserveTransparency" must be true or false.');
   return {
     id,
     kind: "effect",
@@ -5276,7 +5290,8 @@ function normalizeEffectSmartFilter(raw, id) {
     effect: raw.effect,
     ...typeof raw.provider === "string" ? { provider: raw.provider } : {},
     ...typeof raw.name === "string" ? { name: raw.name } : {},
-    values: { ...values }
+    values: { ...values },
+    ...typeof raw.preserveTransparency === "boolean" ? { preserveTransparency: raw.preserveTransparency } : {}
   };
 }
 function withStack(layer, stack, canvas) {
@@ -6097,7 +6112,7 @@ function readSmartFilters(raw, ctx, what) {
       if (base) filters.push({ ...base, blend, opacity });
     } else if (f.kind === "effect") {
       const ref = readEffectRef(f);
-      if (ref) filters.push({ id: typeof f.id === "string" ? f.id : newLayerId("flt"), kind: "effect", enabled: f.enabled !== false, ...ref, blend, opacity });
+      if (ref) filters.push({ id: typeof f.id === "string" ? f.id : newLayerId("flt"), kind: "effect", enabled: f.enabled !== false, ...ref, ...typeof f.preserveTransparency === "boolean" ? { preserveTransparency: f.preserveTransparency } : {}, blend, opacity });
       else ctx.problems.push(`${what}: an effect smart filter without an effect id was left out`);
     }
   }