@pixerate/editor-svelte 0.40.0 → 0.41.0

package/dist/vector/VectorCanvas.svelte

@@ -189,7 +189,7 @@
       <path d={overlay.penPreview} stroke={accentColor} stroke-dasharray="4 3" />
     {/if}
     {#if box}
-      <g data-vector-selection="" transform={box.transform || undefined}>
+      <g data-vector-selection="" data-free-distort={box.freeDistort || undefined} transform={box.transform || undefined}>
         <rect x={box.x} y={box.y} width={box.width} height={box.height} stroke={accentColor} />
         <line x1={box.x + box.width / 2} y1={box.y} x2={box.x + box.width / 2} y2={box.y - 24} stroke={accentColor} />
         {#each box.handles as h (h.handle)}
@@ -201,6 +201,29 @@
         {/each}
       </g>
     {/if}
+    {#if overlay.distort}
+      <g data-vector-distort={overlay.distort.mode}>
+        <path d={overlay.distort.d} stroke={accentColor} />
+        {#each overlay.distort.corners as c, i (i)}
+          <rect x={c.x - hs / 2} y={c.y - hs / 2} width={hs} height={hs} fill={THEME.handleFill} stroke={accentColor} />
+        {/each}
+      </g>
+    {/if}
+    {#if overlay.envelope}
+      <g data-vector-envelope-mesh={overlay.envelope.nodeId}>
+        <path data-vector-envelope-grid="" d={overlay.envelope.grid} stroke={accentColor} stroke-opacity="0.8" />
+        {#each overlay.envelope.handles as h (h.index)}
+          <g data-vector-envelope-handle={h.index}>
+            <line x1={h.anchorX} y1={h.anchorY} x2={h.x} y2={h.y} stroke={accentColor} stroke-opacity="0.6" />
+            <circle cx={h.x} cy={h.y} r={THEME.handleRadius + (h.hovered || h.active ? 1 : 0)} fill={h.active ? accentColor : THEME.handleFill} stroke={accentColor} />
+          </g>
+        {/each}
+        {#each overlay.envelope.anchors as a (a.index)}
+          {@const size = as + (a.hovered || a.active ? 2 : 0)}
+          <rect data-vector-envelope-anchor={a.index} x={a.x - size / 2} y={a.y - size / 2} width={size} height={size} fill={a.active ? accentColor : THEME.handleFill} stroke={accentColor} />
+        {/each}
+      </g>
+    {/if}
     {#each overlay.handles as h (handleKey(h))}
       <g data-vector-handle={h.ref.handle}>
         <line x1={h.anchorX} y1={h.anchorY} x2={h.x} y2={h.y} stroke={accentColor} />

package/dist/vector/VectorCanvas.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VectorCanvas.svelte.d.ts","sourceRoot":"","sources":["../../src/vector/VectorCanvas.svelte.ts"],"names":[],"mappings":"AAQA,OAAO,EAQH,KAAK,sBAAsB,EAC5B,MAAM,yBAAyB,CAAC;AAQjC,UAAU,KAAK;IACb,UAAU,EAAE,sBAAsB,CAAC;IACnC,mFAAmF;IACnF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0EAA0E;IAC1E,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kDAAkD;IAClD,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAuQH,QAAA,MAAM,YAAY,2CAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}
+{"version":3,"file":"VectorCanvas.svelte.d.ts","sourceRoot":"","sources":["../../src/vector/VectorCanvas.svelte.ts"],"names":[],"mappings":"AAQA,OAAO,EAQH,KAAK,sBAAsB,EAC5B,MAAM,yBAAyB,CAAC;AAQjC,UAAU,KAAK;IACb,UAAU,EAAE,sBAAsB,CAAC;IACnC,mFAAmF;IACnF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0EAA0E;IAC1E,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kDAAkD;IAClD,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AA8RH,QAAA,MAAM,YAAY,2CAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}

package/dist/vector/VectorEnvelopePanel.svelte

@@ -0,0 +1,179 @@
+<script lang="ts">
+  import { VECTOR_ENVELOPE_STYLE_OPTIONS, getVectorEnvelopePanel, type VectorEditorController, type VectorEnvelopeParams } from '@pixerate/editor/vector';
+  import { vectorStateOf } from './subscribe.svelte.js';
+
+  /**
+   * Envelope distortion of the selection: Make with Warp, Mesh or Top Object, and for one selected
+   * object with an envelope its warp preset, bend, horizontal and vertical distortion, orientation
+   * and mesh rows and columns, plus Release and Expand. Edit the mesh on the canvas with the
+   * Envelope tool. Slider drags are one undo step each.
+   */
+  interface Props {
+    controller: VectorEditorController;
+    class?: string;
+  }
+
+  let { controller, class: className = '' }: Props = $props();
+
+  const store = vectorStateOf(() => controller);
+  const view = $derived(store.current);
+  const panel = $derived(getVectorEnvelopePanel(view));
+  const env = $derived(panel?.envelope ?? null);
+  // The mesh size Make with Mesh uses (an envelope's own size once it has one).
+  let size = $state({ rows: 2, columns: 2 });
+  const rows = $derived(env?.params.rows ?? size.rows);
+  const columns = $derived(env?.params.columns ?? size.columns);
+
+  const buttonClass =
+    'inline-flex h-7 min-w-7 items-center justify-center rounded-md border border-border bg-background px-1.5 text-xs font-medium text-foreground hover:bg-muted disabled:cursor-not-allowed disabled:opacity-40';
+  const numberClass = 'h-7 w-14 rounded border border-border bg-background px-1.5 text-xs';
+  const selectClass = 'h-7 min-w-0 flex-1 rounded border border-border bg-background px-1 text-xs';
+  const labelClass = 'w-full truncate text-[11px] text-muted-foreground';
+
+  const SLIDERS: { key: 'bend' | 'horizontal' | 'vertical'; label: string }[] = [
+    { key: 'bend', label: 'Bend %' },
+    { key: 'horizontal', label: 'Horizontal distortion %' },
+    { key: 'vertical', label: 'Vertical distortion %' }
+  ];
+
+  const end = () => controller.endMergedEdit();
+  function set(patch: Partial<VectorEnvelopeParams>, merge = false) {
+    controller.envelope(patch, { ids: panel?.nodeId ? [panel.nodeId] : undefined, merge });
+  }
+  function setSlider(key: 'bend' | 'horizontal' | 'vertical', raw: string) {
+    const n = parseFloat(raw);
+    if (Number.isFinite(n)) set({ [key]: n }, true);
+  }
+  function setCount(key: 'rows' | 'columns', raw: string) {
+    const n = Math.round(parseFloat(raw));
+    if (!Number.isFinite(n) || n < 1 || n > 16) return;
+    if (env) set({ [key]: n });
+    else size = { ...size, [key]: n };
+  }
+</script>
+
+{#if panel}
+  <div class="space-y-2 {className}" data-vector-envelope="" aria-label="Envelope">
+    <div class="flex flex-wrap items-center gap-1">
+      <span class="w-16 text-[11px] font-medium uppercase tracking-wide text-muted-foreground">Envelope</span>
+      <button
+        type="button"
+        data-vector-envelope-action="warp"
+        class={buttonClass}
+        title="Make with Warp"
+        aria-label="Make with Warp"
+        disabled={!panel.canMake || !!env}
+        onclick={() => set({ style: 'arc', bend: 50 })}
+      >
+        Warp
+      </button>
+      <button
+        type="button"
+        data-vector-envelope-action="mesh"
+        class={buttonClass}
+        title="Make with Mesh"
+        aria-label="Make with Mesh"
+        disabled={!panel.canMake || !!env}
+        onclick={() => set({ style: 'mesh', rows: size.rows, columns: size.columns })}
+      >
+        Mesh
+      </button>
+      <button
+        type="button"
+        data-vector-envelope-action="top"
+        class={buttonClass}
+        title="Make with Top Object"
+        aria-label="Make with Top Object"
+        disabled={!panel.canMakeWithTopObject}
+        onclick={() => controller.makeEnvelopeWithTopObject({ rows: size.rows, columns: size.columns })}
+      >
+        Top
+      </button>
+      <button
+        type="button"
+        data-vector-envelope-action="release"
+        class={buttonClass}
+        title="Release Envelope"
+        aria-label="Release Envelope"
+        disabled={!panel.canRelease}
+        onclick={() => controller.releaseEnvelope()}
+      >
+        Release
+      </button>
+      <button
+        type="button"
+        data-vector-envelope-action="expand"
+        class={buttonClass}
+        title="Expand Envelope"
+        aria-label="Expand Envelope"
+        disabled={!panel.canRelease}
+        onclick={() => controller.expandAppearance()}
+      >
+        Expand
+      </button>
+    </div>
+    {#if env}
+      <label class="flex flex-wrap items-center gap-x-2 gap-y-0.5 text-xs text-foreground" data-vector-envelope-param="style">
+        <span class={labelClass}>Warp</span>
+        <select
+          aria-label="Envelope warp"
+          class={selectClass}
+          value={env.params.style}
+          onchange={(e) => set({ style: e.currentTarget.value as VectorEnvelopeParams['style'] })}
+        >
+          {#each VECTOR_ENVELOPE_STYLE_OPTIONS as o (o.value)}<option value={o.value}>{o.label}</option>{/each}
+        </select>
+      </label>
+      {#if env.params.style !== 'mesh'}
+        {#each SLIDERS as s (s.key)}
+          <label class="flex flex-wrap items-center gap-x-2 gap-y-0.5 text-xs text-foreground" data-vector-envelope-param={s.key}>
+            <span class={labelClass}>{s.label}</span>
+            <input
+              type="range"
+              min="-100"
+              max="100"
+              step="1"
+              aria-label="Envelope {s.label} slider"
+              class="h-4 min-w-0 flex-1 accent-primary"
+              value={env.params[s.key]}
+              oninput={(e) => setSlider(s.key, e.currentTarget.value)}
+              onpointerup={end}
+              onkeyup={end}
+              onblur={end}
+            />
+            <input
+              type="number"
+              min="-100"
+              max="100"
+              step="1"
+              aria-label="Envelope {s.label}"
+              class={numberClass}
+              value={env.params[s.key]}
+              oninput={(e) => setSlider(s.key, e.currentTarget.value)}
+              onblur={end}
+            />
+          </label>
+        {/each}
+        <label class="flex flex-wrap items-center gap-x-2 gap-y-0.5 text-xs text-foreground" data-vector-envelope-param="orientation">
+          <span class={labelClass}>Orientation</span>
+          <select
+            aria-label="Envelope orientation"
+            class={selectClass}
+            value={env.params.orientation}
+            onchange={(e) => set({ orientation: e.currentTarget.value as 'horizontal' | 'vertical' })}
+          >
+            <option value="horizontal">Horizontal</option>
+            <option value="vertical">Vertical</option>
+          </select>
+        </label>
+      {/if}
+    {/if}
+    <div class="flex items-center gap-2 text-xs text-foreground" data-vector-envelope-param="mesh">
+      <span class="min-w-0 flex-1 truncate text-[11px] text-muted-foreground">Mesh rows × columns</span>
+      <input type="number" min="1" max="16" step="1" aria-label="Envelope mesh rows" class={numberClass} value={rows} oninput={(e) => setCount('rows', e.currentTarget.value)} />
+      <input type="number" min="1" max="16" step="1" aria-label="Envelope mesh columns" class={numberClass} value={columns} oninput={(e) => setCount('columns', e.currentTarget.value)} />
+    </div>
+    {#if panel.count > 1 && !panel.canMakeWithTopObject}<p class="text-[11px] text-muted-foreground">Select one object to edit its envelope.</p>{/if}
+    {#if env}<p class="text-[11px] text-muted-foreground">Edit the mesh with the Envelope tool (U).</p>{/if}
+  </div>
+{/if}

package/dist/vector/VectorEnvelopePanel.svelte.d.ts

@@ -0,0 +1,15 @@
+import { type VectorEditorController } from '@pixerate/editor/vector';
+/**
+ * Envelope distortion of the selection: Make with Warp, Mesh or Top Object, and for one selected
+ * object with an envelope its warp preset, bend, horizontal and vertical distortion, orientation
+ * and mesh rows and columns, plus Release and Expand. Edit the mesh on the canvas with the
+ * Envelope tool. Slider drags are one undo step each.
+ */
+interface Props {
+    controller: VectorEditorController;
+    class?: string;
+}
+declare const VectorEnvelopePanel: import("svelte").Component<Props, {}, "">;
+type VectorEnvelopePanel = ReturnType<typeof VectorEnvelopePanel>;
+export default VectorEnvelopePanel;
+//# sourceMappingURL=VectorEnvelopePanel.svelte.d.ts.map

package/dist/vector/VectorEnvelopePanel.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VectorEnvelopePanel.svelte.d.ts","sourceRoot":"","sources":["../../src/vector/VectorEnvelopePanel.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAyD,KAAK,sBAAsB,EAA6B,MAAM,yBAAyB,CAAC;AAItJ;;;;;GAKG;AACH,UAAU,KAAK;IACb,UAAU,EAAE,sBAAsB,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAqGH,QAAA,MAAM,mBAAmB,2CAAwC,CAAC;AAClE,KAAK,mBAAmB,GAAG,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAClE,eAAe,mBAAmB,CAAC"}

package/dist/vector/VectorStylePanel.svelte

@@ -18,6 +18,7 @@
   import { vectorStateOf } from './subscribe.svelte.js';
   import { vectorButtonClass } from './styles.js';
   import VectorEffectsPanel from './VectorEffectsPanel.svelte';
+  import VectorEnvelopePanel from './VectorEnvelopePanel.svelte';
   import VectorGradientEditor from './VectorGradientEditor.svelte';
 
   interface Props {
@@ -221,5 +222,6 @@
       />
     </label>
     <VectorEffectsPanel {controller} />
+    <VectorEnvelopePanel {controller} />
   {/if}
 </div>

package/dist/vector/VectorStylePanel.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VectorStylePanel.svelte.d.ts","sourceRoot":"","sources":["../../src/vector/VectorStylePanel.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAYH,KAAK,sBAAsB,EAG5B,MAAM,yBAAyB,CAAC;AAOjC,UAAU,KAAK;IACb,UAAU,EAAE,sBAAsB,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA6JH,QAAA,MAAM,gBAAgB,2CAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"VectorStylePanel.svelte.d.ts","sourceRoot":"","sources":["../../src/vector/VectorStylePanel.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAYH,KAAK,sBAAsB,EAG5B,MAAM,yBAAyB,CAAC;AAQjC,UAAU,KAAK;IACb,UAAU,EAAE,sBAAsB,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA+JH,QAAA,MAAM,gBAAgB,2CAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}

package/dist/vector/VectorToolbar.svelte

@@ -36,10 +36,22 @@
      * spine, Replace Spine, Expand and Release (default `true`).
      */
     showBlend?: boolean;
+    /** The Free Distort toggle of the selection box (default `true`). */
+    showDistort?: boolean;
     class?: string;
   }
 
-  let { controller, tools = VECTOR_TOOLS, showHistory = true, showArrange = true, showSnap = true, showPathEdit = true, showBlend = true, class: className = '' }: Props = $props();
+  let {
+    controller,
+    tools = VECTOR_TOOLS,
+    showHistory = true,
+    showArrange = true,
+    showSnap = true,
+    showPathEdit = true,
+    showBlend = true,
+    showDistort = true,
+    class: className = ''
+  }: Props = $props();
 
   const snapTitle = 'Snap to objects';
   const modKey = typeof navigator !== 'undefined' && /Mac|iPhone|iPad/.test(navigator.platform ?? '') ? '⌘' : 'Ctrl';
@@ -191,6 +203,21 @@
       {/if}
     </div>
   {/if}
+  {#if showDistort}
+    <div class="ml-1 flex items-center gap-1" role="group" aria-label="Distort">
+      <button
+        type="button"
+        data-vector-free-distort=""
+        class={vectorButtonClass}
+        aria-pressed={view.freeDistort}
+        title="Free Distort: drag a corner of the selection box to distort in perspective (Shift+Alt+{modKey}: symmetric perspective; {modKey}-drag a side to skew)"
+        aria-label="Free Distort"
+        onclick={() => controller.setFreeDistort(!view.freeDistort)}
+      >
+        Distort
+      </button>
+    </div>
+  {/if}
   {#if showBlend}
     <VectorBlendControls {controller} />
   {/if}

package/dist/vector/VectorToolbar.svelte.d.ts

@@ -20,6 +20,8 @@ interface Props {
      * spine, Replace Spine, Expand and Release (default `true`).
      */
     showBlend?: boolean;
+    /** The Free Distort toggle of the selection box (default `true`). */
+    showDistort?: boolean;
     class?: string;
 }
 declare const VectorToolbar: import("svelte").Component<Props, {}, "">;

package/dist/vector/VectorToolbar.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VectorToolbar.svelte.d.ts","sourceRoot":"","sources":["../../src/vector/VectorToolbar.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EASH,KAAK,sBAAsB,EAC3B,KAAK,UAAU,EAChB,MAAM,yBAAyB,CAAC;AAMjC,UAAU,KAAK;IACb,UAAU,EAAE,sBAAsB,CAAC;IACnC,oCAAoC;IACpC,KAAK,CAAC,EAAE,SAAS,UAAU,EAAE,CAAC;IAC9B,4CAA4C;IAC5C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,8EAA8E;IAC9E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAgIH,QAAA,MAAM,aAAa,2CAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}
+{"version":3,"file":"VectorToolbar.svelte.d.ts","sourceRoot":"","sources":["../../src/vector/VectorToolbar.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EASH,KAAK,sBAAsB,EAC3B,KAAK,UAAU,EAChB,MAAM,yBAAyB,CAAC;AAMjC,UAAU,KAAK;IACb,UAAU,EAAE,sBAAsB,CAAC;IACnC,oCAAoC;IACpC,KAAK,CAAC,EAAE,SAAS,UAAU,EAAE,CAAC;IAC9B,4CAA4C;IAC5C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,8EAA8E;IAC9E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qEAAqE;IACrE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAiJH,QAAA,MAAM,aAAa,2CAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}

package/dist/vector/index.d.ts

@@ -7,6 +7,7 @@ export { default as VectorWidthPointEditor } from "./VectorWidthPointEditor.svel
 export { default as VectorToolbar } from "./VectorToolbar.svelte";
 export { default as VectorStylePanel } from "./VectorStylePanel.svelte";
 export { default as VectorEffectsPanel } from "./VectorEffectsPanel.svelte";
+export { default as VectorEnvelopePanel } from "./VectorEnvelopePanel.svelte";
 export { default as VectorSceneNodes } from "./VectorSceneNodes.svelte";
 export { default as VectorGradientDefs } from "./VectorGradientDefs.svelte";
 export { default as VectorGradientAnnotator } from "./VectorGradientAnnotator.svelte";

package/dist/vector/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/vector/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAC7C,OAAO,KAAK,qBAAqB,MAAM,uBAAuB,CAAC;AAC/D,OAAO,KAAK,qBAAqB,MAAM,uBAAuB,CAAC;AAE/D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,kCAAkC,CAAC;AACtF,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAChF,cAAc,gCAAgC,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,cAAc,aAAa,CAAC;AAE5B,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAC7E,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,OAAO,qBAAqB,CAAC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/vector/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAC7C,OAAO,KAAK,qBAAqB,MAAM,uBAAuB,CAAC;AAC/D,OAAO,KAAK,qBAAqB,MAAM,uBAAuB,CAAC;AAE/D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,kCAAkC,CAAC;AACtF,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAChF,cAAc,gCAAgC,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,cAAc,aAAa,CAAC;AAE5B,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAC7E,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,OAAO,qBAAqB,CAAC,CAAC"}

package/dist/vector/index.js

@@ -4,6 +4,7 @@ export { default as VectorWidthPointEditor } from "./VectorWidthPointEditor.svel
 export { default as VectorToolbar } from "./VectorToolbar.svelte";
 export { default as VectorStylePanel } from "./VectorStylePanel.svelte";
 export { default as VectorEffectsPanel } from "./VectorEffectsPanel.svelte";
+export { default as VectorEnvelopePanel } from "./VectorEnvelopePanel.svelte";
 export { default as VectorSceneNodes } from "./VectorSceneNodes.svelte";
 export { default as VectorGradientDefs } from "./VectorGradientDefs.svelte";
 export { default as VectorGradientAnnotator } from "./VectorGradientAnnotator.svelte";

package/package.json

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