@pixerate/editor-svelte 0.85.1 → 0.86.0

package/dist/vector/VectorCanvas.svelte

@@ -55,7 +55,10 @@
 
   const store = vectorStateOf(() => controller);
   const view = $derived(store.current);
-  const scene = $derived(getVectorSceneRenderData(view, { idPrefix }));
+  // The canvas size, so the scene leaves out what is off screen and simplifies what is tiny.
+  let size: { width: number; height: number } | null = $state(null);
+  const scene = $derived(getVectorSceneRenderData(view, { idPrefix, ...(size ? { viewportSize: size } : {}) }));
+
   const overlay = $derived(getVectorOverlayRenderData(view));
   // Isolation mode: the rest of the document, dimmed behind the symbol's art.
   const host = $derived(getVectorSymbolEditBackground(view, { idPrefix: `${idPrefix}host-` }));
@@ -67,6 +70,19 @@
   const as = THEME.anchorSize;
 
   let svg: SVGSVGElement | undefined = $state();
+  $effect(() => {
+    const el = svg;
+    if (!el || typeof ResizeObserver === 'undefined') return;
+    const measure = () => {
+      const r = el.getBoundingClientRect();
+      const now = untrack(() => size);
+      if (r.width > 0 && r.height > 0 && (!now || now.width !== r.width || now.height !== r.height)) size = { width: r.width, height: r.height };
+    };
+    measure();
+    const observer = new ResizeObserver(measure);
+    observer.observe(el);
+    return () => observer.disconnect();
+  });
   let textInput: HTMLTextAreaElement | undefined = $state();
   const editingText = $derived(view.textEdit?.nodeId ?? null);
 
@@ -474,6 +490,11 @@
         {/each}
       </g>
     {/each}
+    {#each overlay.symmetry as sy (sy.nodeId)}
+      <g data-vector-symmetry-axes={sy.nodeId} stroke={accentColor} stroke-dasharray={sy.drawing ? undefined : '6 4'} opacity={sy.drawing ? 0.9 : 0.6}>
+        {#each sy.lines as l, i (i)}<line x1={l.x1} y1={l.y1} x2={l.x2} y2={l.y2} />{/each}
+      </g>
+    {/each}
     {#each overlay.trackingPoints as t, i (i)}
       <path data-vector-tracking-point="" d="M{t.x - 5} {t.y}H{t.x + 5}M{t.x} {t.y - 5}V{t.y + 5}" stroke={guideColor} stroke-width="1.5" />
     {/each}

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,EASH,KAAK,sBAAsB,EAC5B,MAAM,yBAAyB,CAAC;AASjC,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;AA2aH,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,EASH,KAAK,sBAAsB,EAC5B,MAAM,yBAAyB,CAAC;AASjC,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;AAgcH,QAAA,MAAM,YAAY,2CAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}

package/dist/vector/VectorEffectsPanel.svelte

@@ -2,6 +2,7 @@
   import {
     VECTOR_EFFECT_MENU,
     getVectorEffectsPanel,
+    vectorPaintToHex,
     type VectorEditorController,
     type VectorEffectsPanelItem,
     type VectorEffectType
@@ -144,7 +145,15 @@
                 <span class="min-w-0 flex-1 truncate">{spec.label}</span>
                 <input type="checkbox" aria-label="{e.label} {spec.label}" checked={!!e.params[spec.key]} onchange={(ev) => set(e, spec.key, ev.currentTarget.checked, false)} />
               </label>
-            {:else}
+            {:else if spec.kind === 'color'}
+              <!-- A colour, or none (the checkbox): none keeps the shape's own colour. -->
+              {@const c = e.params[spec.key] as string | null}
+              <div class="flex items-center gap-2 text-xs text-foreground" data-vector-effect-param={spec.key}>
+                <span class={labelClass}>{spec.label}</span>
+                <input type="checkbox" aria-label="{e.label} {spec.label} on" checked={c !== null} onchange={(ev) => set(e, spec.key, ev.currentTarget.checked ? '#ffffff' : null, false)} />
+                <input type="color" aria-label="{e.label} {spec.label}" class="h-6 w-8 cursor-pointer rounded border border-border bg-background disabled:opacity-40" disabled={c === null} value={vectorPaintToHex(c ?? '#ffffff') ?? '#ffffff'} oninput={(ev) => set(e, spec.key, ev.currentTarget.value, true)} onblur={end} />
+              </div>
+            {:else if spec.kind === 'select'}
               <label class="flex flex-wrap items-center gap-x-2 gap-y-0.5 text-xs text-foreground" data-vector-effect-param={spec.key}>
                 <span class={labelClass}>{spec.label}</span>
                 <select aria-label="{e.label} {spec.label}" class={selectClass} value={String(e.params[spec.key] ?? '')} onchange={(ev) => set(e, spec.key, ev.currentTarget.value, false)}>

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

@@ -1 +1 @@
-{"version":3,"file":"VectorEffectsPanel.svelte.d.ts","sourceRoot":"","sources":["../../src/vector/VectorEffectsPanel.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAGH,KAAK,sBAAsB,EAG5B,MAAM,yBAAyB,CAAC;AAIjC;;;;;GAKG;AACH,UAAU,KAAK;IACb,UAAU,EAAE,sBAAsB,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA0GH,QAAA,MAAM,kBAAkB,2CAAwC,CAAC;AACjE,KAAK,kBAAkB,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAChE,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"VectorEffectsPanel.svelte.d.ts","sourceRoot":"","sources":["../../src/vector/VectorEffectsPanel.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAIH,KAAK,sBAAsB,EAG5B,MAAM,yBAAyB,CAAC;AAIjC;;;;;GAKG;AACH,UAAU,KAAK;IACb,UAAU,EAAE,sBAAsB,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAkHH,QAAA,MAAM,kBAAkB,2CAAwC,CAAC;AACjE,KAAK,kBAAkB,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAChE,eAAe,kBAAkB,CAAC"}

package/dist/vector/VectorStylePanel.svelte

@@ -28,6 +28,7 @@
   import VectorConnectorPanel from './VectorConnectorPanel.svelte';
   import VectorShadingPanel from './VectorShadingPanel.svelte';
   import VectorTracePanel from './VectorTracePanel.svelte';
+  import VectorSymmetryPanel from './VectorSymmetryPanel.svelte';
   import VectorGradientEditor from './VectorGradientEditor.svelte';
 
   interface Props {
@@ -256,6 +257,7 @@
   <VectorFramePanel {controller} />
   <VectorConnectorPanel {controller} />
   <VectorShadingPanel {controller} />
+  <VectorSymmetryPanel {controller} />
   <VectorTracePanel {controller} />
   <VectorConstraintsPanel {controller} />
   <VectorSymbolsPanel {controller} />

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;AAiBjC,UAAU,KAAK;IACb,UAAU,EAAE,sBAAsB,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAwLH,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;AAkBjC,UAAU,KAAK;IACb,UAAU,EAAE,sBAAsB,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA0LH,QAAA,MAAM,gBAAgB,2CAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}

package/dist/vector/VectorSymmetryPanel.svelte

@@ -0,0 +1,57 @@
+<script lang="ts">
+  import { VECTOR_SYMMETRY_MODES, VECTOR_SYMMETRY_MODE_LABELS, isVectorSymmetryGroup, type VectorEditorController, type VectorSymmetryMode } from '@pixerate/editor/vector';
+  import { vectorStateOf } from './subscribe.svelte.js';
+
+  /**
+   * Live symmetry: make a symmetry group from the selection (or an empty one to draw into), and
+   * for a selected symmetry group its mode, radial copies and mirroring, drawing inside it, and
+   * release (keeping the copies with Expand). Each change is one undo step.
+   */
+  interface Props {
+    controller: VectorEditorController;
+    class?: string;
+  }
+
+  let { controller, class: className = '' }: Props = $props();
+
+  const store = vectorStateOf(() => controller);
+  const view = $derived(store.current);
+  const group = $derived(view.selection.map((id) => controller.getNode(id)).find(isVectorSymmetryGroup) ?? null);
+  const s = $derived(group?.symmetry);
+  const ids = $derived(group ? [group.id] : undefined);
+  const drawing = $derived(!!group && view.symmetryTarget === group.id);
+
+  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 aria-pressed:bg-primary aria-pressed:text-primary-foreground';
+  const selectClass = 'h-7 min-w-0 flex-1 rounded border border-border bg-background px-1 text-xs';
+  const numberClass = 'h-7 w-12 rounded border border-border bg-background px-1.5 text-xs';
+</script>
+
+<div class="space-y-2 {className}" data-vector-symmetry-panel="" aria-label="Symmetry">
+  <div class="flex flex-wrap items-center gap-1">
+    <span class="w-16 text-[11px] font-medium uppercase tracking-wide text-muted-foreground">Symmetry</span>
+    {#if !group}
+      <button type="button" class={buttonClass} data-vector-symmetry-action="make" title="Make Symmetry: the selection (or nothing yet) mirrored live across a vertical axis" onclick={() => controller.makeSymmetry({ mode: 'vertical' })}>Mirror</button>
+      <button type="button" class={buttonClass} data-vector-symmetry-action="radial" title="Make Symmetry: the selection repeated round its centre" onclick={() => controller.makeSymmetry({ mode: 'radial', copies: 6 })}>Radial</button>
+    {:else if s}
+      <select aria-label="Symmetry mode" class={selectClass} value={s.mode} onchange={(e) => controller.setSymmetry({ mode: e.currentTarget.value as VectorSymmetryMode }, { ids })}>
+        {#each VECTOR_SYMMETRY_MODES as m (m)}<option value={m}>{VECTOR_SYMMETRY_MODE_LABELS[m]}</option>{/each}
+      </select>
+      {#if s.mode === 'radial'}
+        <input type="number" min="2" max="64" aria-label="Symmetry copies" title="Copies round the circle" class={numberClass} value={s.copies ?? 6} oninput={(e) => controller.setSymmetry({ copies: Math.max(2, Math.min(64, parseInt(e.currentTarget.value, 10) || 2)) }, { ids })} />
+        <label class="flex items-center gap-1 text-xs text-foreground" title="Mirror each copy too (kaleidoscope)">
+          <input type="checkbox" aria-label="Mirror copies" checked={!!s.mirror} onchange={(e) => controller.setSymmetry({ mirror: e.currentTarget.checked }, { ids })} />
+          Mirror
+        </label>
+      {/if}
+    {/if}
+  </div>
+  {#if group}
+    <div class="flex flex-wrap items-center gap-1">
+      <span class="w-16"></span>
+      <button type="button" class={buttonClass} aria-pressed={drawing} data-vector-symmetry-action="draw" title="Draw inside: new pen, pencil, shape and text art goes into the group, mirrored as you draw (Escape stops)" onclick={() => (drawing ? controller.exitSymmetry() : controller.enterSymmetry(group.id))}>Draw inside</button>
+      <button type="button" class={buttonClass} title="Expand: keep the copies as real objects" onclick={() => controller.releaseSymmetry({ ids, expand: true })}>Expand</button>
+      <button type="button" class={buttonClass} title="Release: stop repeating (the copies go)" onclick={() => controller.releaseSymmetry({ ids })}>Release</button>
+    </div>
+  {/if}
+</div>

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

@@ -0,0 +1,14 @@
+import { type VectorEditorController } from '@pixerate/editor/vector';
+/**
+ * Live symmetry: make a symmetry group from the selection (or an empty one to draw into), and
+ * for a selected symmetry group its mode, radial copies and mirroring, drawing inside it, and
+ * release (keeping the copies with Expand). Each change is one undo step.
+ */
+interface Props {
+    controller: VectorEditorController;
+    class?: string;
+}
+declare const VectorSymmetryPanel: import("svelte").Component<Props, {}, "">;
+type VectorSymmetryPanel = ReturnType<typeof VectorSymmetryPanel>;
+export default VectorSymmetryPanel;
+//# sourceMappingURL=VectorSymmetryPanel.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VectorSymmetryPanel.svelte.d.ts","sourceRoot":"","sources":["../../src/vector/VectorSymmetryPanel.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAA6E,KAAK,sBAAsB,EAA2B,MAAM,yBAAyB,CAAC;AAIxK;;;;GAIG;AACH,UAAU,KAAK;IACb,UAAU,EAAE,sBAAsB,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAoDH,QAAA,MAAM,mBAAmB,2CAAwC,CAAC;AAClE,KAAK,mBAAmB,GAAG,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAClE,eAAe,mBAAmB,CAAC"}

package/dist/vector/index.d.ts

@@ -16,6 +16,7 @@ export { default as VectorFramePanel } from "./VectorFramePanel.svelte";
 export { default as VectorConnectorPanel } from "./VectorConnectorPanel.svelte";
 export { default as VectorShadingPanel } from "./VectorShadingPanel.svelte";
 export { default as VectorTracePanel } from "./VectorTracePanel.svelte";
+export { default as VectorSymmetryPanel } from "./VectorSymmetryPanel.svelte";
 export { default as VectorTextElement } from "./VectorTextElement.svelte";
 export { default as VectorMaskedNodes } from "./VectorMaskedNodes.svelte";
 export { default as VectorSceneNodes } from "./VectorSceneNodes.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,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC1E,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,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAClF,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,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC1E,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,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAClF,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

@@ -13,6 +13,7 @@ export { default as VectorFramePanel } from "./VectorFramePanel.svelte";
 export { default as VectorConnectorPanel } from "./VectorConnectorPanel.svelte";
 export { default as VectorShadingPanel } from "./VectorShadingPanel.svelte";
 export { default as VectorTracePanel } from "./VectorTracePanel.svelte";
+export { default as VectorSymmetryPanel } from "./VectorSymmetryPanel.svelte";
 export { default as VectorTextElement } from "./VectorTextElement.svelte";
 export { default as VectorMaskedNodes } from "./VectorMaskedNodes.svelte";
 export { default as VectorSceneNodes } from "./VectorSceneNodes.svelte";

package/package.json

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