@pixerate/editor-svelte 0.20.0 → 0.22.0

package/dist/spreadsheet/FormulaBar.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormulaBar.svelte.d.ts","sourceRoot":"","sources":["../../src/spreadsheet/FormulaBar.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AAIvE,UAAU,KAAK;IACb,UAAU,CAAC,EAAE,UAAU,CAAC,OAAO,yBAAyB,CAAC,CAAC;IAC1D,WAAW,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA+FH,QAAA,MAAM,UAAU,gDAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}
+{"version":3,"file":"FormulaBar.svelte.d.ts","sourceRoot":"","sources":["../../src/spreadsheet/FormulaBar.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AAIvE,UAAU,KAAK;IACb,UAAU,CAAC,EAAE,UAAU,CAAC,OAAO,yBAAyB,CAAC,CAAC;IAC1D,WAAW,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAwGH,QAAA,MAAM,UAAU,gDAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}

package/dist/spreadsheet/SpreadsheetContextMenu.svelte

@@ -1,5 +1,8 @@
 <script lang="ts">
-  import type { SpreadsheetMenuItem } from '@pixerate/editor/spreadsheet';
+  import { clampMenuPosition, type SpreadsheetMenuItem } from '@pixerate/editor/spreadsheet';
+
+  // Gap kept between the menu and the viewport edges.
+  const VIEWPORT_MARGIN = 4;
 
   interface Props {
     items: SpreadsheetMenuItem[];
@@ -10,6 +13,22 @@
 
   let { items, x, y, onClose }: Props = $props();
   let menuEl = $state<HTMLDivElement | null>(null);
+  let measured = $state<{ x: number; y: number } | null>(null);
+  const position = $derived(measured ?? { x, y });
+
+  // Keep the (fixed) menu inside the viewport: near the right or bottom edge
+  // it opens to the left of / above the pointer instead of being cut off.
+  $effect(() => {
+    void items; // re-measure when the items change
+    if (!menuEl || typeof window === 'undefined') return;
+    const { width, height } = menuEl.getBoundingClientRect();
+    measured = clampMenuPosition(
+      { x, y },
+      { width, height },
+      { width: window.innerWidth, height: window.innerHeight },
+      VIEWPORT_MARGIN
+    );
+  });
 
   // Close on outside press or Escape.
   $effect(() => {
@@ -35,7 +54,7 @@
   aria-label="Table actions"
   tabindex="-1"
   class="fixed z-50 min-w-[14rem] rounded-md border border-border bg-popover py-1 text-xs text-popover-foreground shadow-lg"
-  style="left: {x}px; top: {y}px; background: var(--popover, var(--background, #fff));"
+  style="left: {position.x}px; top: {position.y}px; max-height: calc(100vh - {VIEWPORT_MARGIN * 2}px); overflow-y: auto; background: var(--popover, var(--background, #fff));"
   oncontextmenu={(e) => e.preventDefault()}
   onkeydown={(e) => e.stopPropagation()}
 >

package/dist/spreadsheet/SpreadsheetContextMenu.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { SpreadsheetMenuItem } from '@pixerate/editor/spreadsheet';
+import { type SpreadsheetMenuItem } from '@pixerate/editor/spreadsheet';
 interface Props {
     items: SpreadsheetMenuItem[];
     x: number;

package/dist/spreadsheet/SpreadsheetContextMenu.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SpreadsheetContextMenu.svelte.d.ts","sourceRoot":"","sources":["../../src/spreadsheet/SpreadsheetContextMenu.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAGtE,UAAU,KAAK;IACb,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AA0CH,QAAA,MAAM,sBAAsB,2CAAwC,CAAC;AACrE,KAAK,sBAAsB,GAAG,UAAU,CAAC,OAAO,sBAAsB,CAAC,CAAC;AACxE,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"SpreadsheetContextMenu.svelte.d.ts","sourceRoot":"","sources":["../../src/spreadsheet/SpreadsheetContextMenu.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAqB,KAAK,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAGzF,UAAU,KAAK;IACb,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AA6DH,QAAA,MAAM,sBAAsB,2CAAwC,CAAC;AACrE,KAAK,sBAAsB,GAAG,UAAU,CAAC,OAAO,sBAAsB,CAAC,CAAC;AACxE,eAAe,sBAAsB,CAAC"}

package/dist/spreadsheet/SpreadsheetEditor.svelte

@@ -12,7 +12,8 @@
     type CellRange,
     type SpreadsheetMenuItem,
     type SpreadsheetViewColumn,
-    type SpreadsheetViewRow
+    type SpreadsheetViewRow,
+    formatCellDisplay
   } from '@pixerate/editor/spreadsheet';
   import FormulaBar from './FormulaBar.svelte';
   import SpreadsheetContextMenu from './SpreadsheetContextMenu.svelte';
@@ -51,6 +52,18 @@
 
   let gridContainer = $state<HTMLDivElement | null>(null);
   let cellInput = $state<HTMLInputElement | null>(null);
+
+  // Focus the cell editor when it opens, with the caret after the draft
+  // (e.g. the key that started editing), so typing goes into the cell.
+  $effect(() => {
+    if (!cellInput) return;
+    // Editing started from the formula bar keeps focus there.
+    const active = typeof document !== 'undefined' ? document.activeElement : null;
+    if (active instanceof HTMLInputElement && active !== cellInput) return;
+    cellInput.focus();
+    const end = cellInput.value.length;
+    cellInput.setSelectionRange(end, end);
+  });
   let resizingColId = $state<string | null>(null);
   let hoveredColId = $state<string | null>(null);
   let resizeStartX = $state(0);
@@ -76,6 +89,24 @@
     return new Set(filter?.enabled ? filter.rules.map((r) => r.colId) : []);
   });
   let selection = $derived(sheetState.selectedRange ? normalizeRange(sheetState.selectedRange) : null);
+  // The dynamic array under the active cell (anchor or spilled cell) gets a border.
+  let activeSpill = $derived.by(() => {
+    void sheetState.document;
+    const cell = sheetState.activeCell;
+    return cell ? sheetState.controller.getSpillAt(cell.row, cell.col) : null;
+  });
+
+  /** Thin border drawn on the outer edges of a dynamic array's spill range. */
+  function spillBorderStyle(range: CellRange, row: number, col: number): string {
+    const line = '1px solid color-mix(in srgb, var(--primary, #6366f1) 60%, transparent)';
+    return (
+      'position: absolute; inset: 0; pointer-events: none; z-index: 5;' +
+      (row === range.startRow ? ` border-top: ${line};` : '') +
+      (row === range.endRow ? ` border-bottom: ${line};` : '') +
+      (col === range.startCol ? ` border-left: ${line};` : '') +
+      (col === range.endCol ? ` border-right: ${line};` : '')
+    );
+  }
 
   /** Fill handle: press, move over cells, release to autofill (one undo step). */
   function startFill(e: MouseEvent) {
@@ -138,15 +169,21 @@
   function handleKeyDown(e: KeyboardEvent) {
     if (sheetState.editingCell) {
       if (e.key === 'Escape') {
+        e.preventDefault();
         sheetState.cancelEditing();
       } else if (e.key === 'Enter') {
+        e.preventDefault();
         sheetState.commitEditing();
         sheetState.moveCursor('down');
       } else if (e.key === 'Tab') {
         e.preventDefault();
         sheetState.commitEditing();
         sheetState.moveCursor(e.shiftKey ? 'left' : 'right');
+      } else {
+        return;
       }
+      // The cell input unmounts; keep focus on the grid so typing continues.
+      gridContainer?.focus();
       return;
     }
 
@@ -200,6 +237,9 @@
       // Direct typing into cell starts editing
       const col = sheetState.document.columns[sheetState.activeCell.col];
       if (!col?.readOnly) {
+        // The key becomes the draft; without preventDefault the browser would
+        // also type it into the newly focused cell input ("1" -> "11").
+        e.preventDefault();
         sheetState.startEditing(sheetState.activeCell.row, sheetState.activeCell.col, e.key);
       }
     }
@@ -420,9 +460,9 @@
     <table class="border-collapse table-fixed w-max min-w-full">
       <!-- Table Header Columns -->
       <thead>
-        <tr class="h-7 bg-muted/60 sticky top-0 z-20 border-b border-border shadow-xs">
+        <tr class="h-7 bg-muted sticky top-0 z-20 border-b border-border shadow-xs">
           <!-- Top Left Corner Cell -->
-          <th class="w-12 min-w-[3rem] sticky left-0 z-30 bg-muted/90 border-r border-border text-center text-[10px] text-muted-foreground font-medium">
+          <th class="w-12 min-w-[3rem] sticky left-0 z-30 bg-muted border-r border-border text-center text-[10px] text-muted-foreground font-medium">
             #
           </th>
           {#each sheetState.viewModel.columns as viewCol (viewCol.column.id)}
@@ -492,7 +532,7 @@
           >
             <!-- Row Header Index -->
             <td
-              class="w-12 min-w-[3rem] sticky left-0 z-10 bg-muted/50 border-r border-border text-center text-[10px] text-muted-foreground font-mono select-none"
+              class="w-12 min-w-[3rem] sticky left-0 z-10 bg-muted border-r border-border text-center text-[10px] text-muted-foreground font-mono select-none"
               style={viewRow.frozen ? `top: ${COLUMN_HEADER_HEIGHT + viewRow.stickyTop}px; z-index: 15;` : undefined}
             >
               {displayRowIndex + 1}
@@ -540,7 +580,6 @@
                     bind:this={cellInput}
                     bind:value={sheetState.draftValue}
                     onblur={() => sheetState.commitEditing()}
-                    
                   />
                   <FormulaHints input={cellInput} value={sheetState.draftValue} onAccept={(next) => (sheetState.draftValue = next)} />
                 {:else if customCellRenderer}
@@ -551,9 +590,12 @@
                     class="truncate block max-w-full {cell.error ? 'text-destructive font-semibold' : ''}"
                     title={cell.error ? (cell.errorMessage ?? cell.error) : undefined}
                   >
-                    {cell.error || (cell.value ?? '')}
+                    {formatCellDisplay(cell)}
                   </span>
                 {/if}
+                {#if activeSpill && rangeContains(activeSpill.range, rIdx, cIdx)}
+                  <span aria-hidden="true" class="spreadsheet-spill-border" style={spillBorderStyle(activeSpill.range, rIdx, cIdx)}></span>
+                {/if}
                 {#if showFillHandle}
                   <!-- svelte-ignore a11y_no_static_element_interactions, a11y_click_events_have_key_events -->
                   <div

package/dist/spreadsheet/SpreadsheetEditor.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SpreadsheetEditor.svelte.d.ts","sourceRoot":"","sources":["../../src/spreadsheet/SpreadsheetEditor.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,EAMH,KAAK,iBAAiB,EACtB,KAAK,cAAc,EACnB,KAAK,QAAQ,EAKd,MAAM,8BAA8B,CAAC;AAKxC,OAAO,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AAIlE,UAAU,KAAK;IACb,UAAU,CAAC,EAAE,UAAU,CAAC,OAAO,yBAAyB,CAAC,CAAC;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EACf,OAAO,CAAC,CAAC,QAAQ,EAAE,iBAAiB,EAAE,cAAc,CAAC,CAAC,GACtD,OAAO,CAAC,CAAC;QAAE,GAAG,EAAE,cAAc,CAAC;QAAC,GAAG,EAAE,iBAAiB,CAAC;QAAC,IAAI,EAAE,QAAQ,CAAA;KAAE,CAAC,CAAC,CAAC;IAC/E,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,mBAAmB,CAAC,EAAE,CAAC,GAAG,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACvD,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzD;AAqfH,QAAA,MAAM,iBAAiB,2CAAwC,CAAC;AAChE,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC9D,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"SpreadsheetEditor.svelte.d.ts","sourceRoot":"","sources":["../../src/spreadsheet/SpreadsheetEditor.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,EAMH,KAAK,iBAAiB,EACtB,KAAK,cAAc,EACnB,KAAK,QAAQ,EAMd,MAAM,8BAA8B,CAAC;AAKxC,OAAO,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AAIlE,UAAU,KAAK;IACb,UAAU,CAAC,EAAE,UAAU,CAAC,OAAO,yBAAyB,CAAC,CAAC;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EACf,OAAO,CAAC,CAAC,QAAQ,EAAE,iBAAiB,EAAE,cAAc,CAAC,CAAC,GACtD,OAAO,CAAC,CAAC;QAAE,GAAG,EAAE,cAAc,CAAC;QAAC,GAAG,EAAE,iBAAiB,CAAC;QAAC,IAAI,EAAE,QAAQ,CAAA;KAAE,CAAC,CAAC,CAAC;IAC/E,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,mBAAmB,CAAC,EAAE,CAAC,GAAG,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACvD,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzD;AA+hBH,QAAA,MAAM,iBAAiB,2CAAwC,CAAC;AAChE,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC9D,eAAe,iBAAiB,CAAC"}

package/dist/spreadsheet/SpreadsheetGroupRow.svelte

@@ -21,7 +21,7 @@
 
 <!-- A category header row: collapse toggle, label, row count and per-column summaries. -->
 <tr class="border-b border-border bg-muted/40 font-semibold" data-group-key={group.key} style="height: 28px;">
-  <td class="w-12 min-w-[3rem] sticky left-0 z-10 bg-muted/60 border-r border-border text-center">
+  <td class="w-12 min-w-[3rem] sticky left-0 z-10 bg-muted border-r border-border text-center">
     <button
       type="button"
       aria-label="{group.collapsed ? 'Expand' : 'Collapse'} group {group.label}"

package/dist/spreadsheet/spreadsheet.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"spreadsheet.svelte.d.ts","sourceRoot":"","sources":["../../src/spreadsheet/spreadsheet.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EAErB,KAAK,4BAA4B,EACjC,KAAK,mBAAmB,EACxB,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,QAAQ,EACb,KAAK,iBAAiB,EACtB,KAAK,cAAc,EACnB,KAAK,qBAAqB,EAC3B,MAAM,8BAA8B,CAAC;AAEtC,wBAAgB,yBAAyB,CAAC,OAAO,GAAE,4BAAiC;;aAmLoikB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBA/GjmkB,MAAM;;mBAMX,MAAM,SAAS,MAAM,GAAG,QAAQ;wBAG3B,MAAM,SAAS,MAAM,OAAO,MAAM;oBAItC,MAAM,OAAO,MAAM;uBAKhB,SAAS;uBAIT,MAAM,QAAQ,MAAM,eAAe,MAAM;wBAMxC,MAAM;;oBAWV,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO;wBAK5B,MAAM,WAAW,OAAO,CAAC,iBAAiB,CAAC;wBAI3C,MAAM;qBAIT,MAAM,WAAW,OAAO,CAAC,cAAc,CAAC;qBAIxC,MAAM;0BAID,MAAM,SAAS,MAAM;8BAIjB,MAAM,gBAAgB,MAAM;2BAI/B,mBAAmB;;2BAanB,qBAAqB;6BAInB,MAAM,GAAG,SAAS;;wBAQvB,SAAS,GAAG,IAAI;wBAGhB,MAAM;;;EAc7B"}
+{"version":3,"file":"spreadsheet.svelte.d.ts","sourceRoot":"","sources":["../../src/spreadsheet/spreadsheet.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EAErB,KAAK,4BAA4B,EACjC,KAAK,mBAAmB,EACxB,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,QAAQ,EACb,KAAK,iBAAiB,EACtB,KAAK,cAAc,EACnB,KAAK,qBAAqB,EAC3B,MAAM,8BAA8B,CAAC;AAEtC,wBAAgB,yBAAyB,CAAC,OAAO,GAAE,4BAAiC;;aAmLy20B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBA/Gt60B,MAAM;;mBAMX,MAAM,SAAS,MAAM,GAAG,QAAQ;wBAG3B,MAAM,SAAS,MAAM,OAAO,MAAM;oBAItC,MAAM,OAAO,MAAM;uBAKhB,SAAS;uBAIT,MAAM,QAAQ,MAAM,eAAe,MAAM;wBAMxC,MAAM;;oBAWV,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO;wBAK5B,MAAM,WAAW,OAAO,CAAC,iBAAiB,CAAC;wBAI3C,MAAM;qBAIT,MAAM,WAAW,OAAO,CAAC,cAAc,CAAC;qBAIxC,MAAM;0BAID,MAAM,SAAS,MAAM;8BAIjB,MAAM,gBAAgB,MAAM;2BAI/B,mBAAmB;;2BAanB,qBAAqB;6BAInB,MAAM,GAAG,SAAS;;wBAQvB,SAAS,GAAG,IAAI;wBAGhB,MAAM;;;EAc7B"}

package/dist/spreadsheet/tableInteractions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tableInteractions.d.ts","sourceRoot":"","sources":["../../src/spreadsheet/tableInteractions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,0BAA0B,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEpH,yEAAyE;AACzE,MAAM,WAAW,0BAA0B;IACzC,QAAQ,CAAC,WAAW,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,aAAa,EAAE,SAAS,GAAG,IAAI,CAAC;IACzC,mBAAmB,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,wBAAwB,CAAC;IACxE,kBAAkB,CAAC,MAAM,EAAE,0BAA0B,GAAG,OAAO,CAAC;IAChE,WAAW,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,MAAM,CAAC;CAC/C;AAUD;;;;;;;;GAQG;AACH,wBAAgB,0BAA0B,CACxC,OAAO,EAAE,MAAM,WAAW,GAAG,IAAI,EACjC,KAAK,EAAE,0BAA0B,EACjC,UAAU,EAAE,MAAM,OAAO;IAwBvB;;;;OAIG;;;EAaN"}
+{"version":3,"file":"tableInteractions.d.ts","sourceRoot":"","sources":["../../src/spreadsheet/tableInteractions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,0BAA0B,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEpH,yEAAyE;AACzE,MAAM,WAAW,0BAA0B;IACzC,QAAQ,CAAC,WAAW,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,aAAa,EAAE,SAAS,GAAG,IAAI,CAAC;IACzC,mBAAmB,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,wBAAwB,CAAC;IACxE,kBAAkB,CAAC,MAAM,EAAE,0BAA0B,GAAG,OAAO,CAAC;IAChE,WAAW,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,MAAM,CAAC;CAC/C;AAUD;;;;;;;;GAQG;AACH,wBAAgB,0BAA0B,CACxC,OAAO,EAAE,MAAM,WAAW,GAAG,IAAI,EACjC,KAAK,EAAE,0BAA0B,EACjC,UAAU,EAAE,MAAM,OAAO;IAwBvB;;;;OAIG;;;EAcN"}

package/dist/spreadsheet/tableInteractions.js

@@ -47,8 +47,9 @@ export function attachSpreadsheetClipboard(getGrid, sheet, isReadOnly) {
         copyShortcutFallback() {
             copied = false;
             setTimeout(() => {
+                // Rejected when clipboard access is denied; nothing else to fall back to.
                 if (!copied)
-                    navigator.clipboard?.writeText(sheet.exportToTsv(sheet.selectedRange));
+                    Promise.resolve(navigator.clipboard?.writeText(sheet.exportToTsv(sheet.selectedRange))).catch(() => { });
             }, 0);
         },
         destroy() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pixerate/editor-svelte",
-  "version": "0.20.0",
+  "version": "0.22.0",
   "description": "Svelte bindings and prompt/rich-text components for @pixerate/editor",
   "author": "Pixerate",
   "license": "MIT",
@@ -33,6 +33,11 @@
       "svelte": "./dist/image-editor/index.js",
       "default": "./dist/image-editor/index.js"
     },
+    "./commands": {
+      "types": "./dist/commands/index.d.ts",
+      "svelte": "./dist/commands/index.js",
+      "default": "./dist/commands/index.js"
+    },
     "./package.json": "./package.json"
   },
   "typesVersions": {
@@ -45,6 +50,9 @@
       ],
       "image-editor": [
         "./dist/image-editor/index.d.ts"
+      ],
+      "commands": [
+        "./dist/commands/index.d.ts"
       ]
     }
   },
@@ -59,7 +67,7 @@
     "@tiptap/extension-bubble-menu": "^2.11.5",
     "@tiptap/extension-placeholder": "^2.11.5",
     "@tiptap/starter-kit": "^2.11.5",
-    "@pixerate/editor": "0.21.0"
+    "@pixerate/editor": "0.23.0"
   },
   "peerDependencies": {
     "@dagrejs/dagre": "^1.1.4",