@pixerate/editor-svelte 0.24.0 → 0.25.0

package/dist/spreadsheet/SpreadsheetEditor.svelte

@@ -32,6 +32,7 @@
   import SheetTabs from './SheetTabs.svelte';
   import { createReactiveSpreadsheet } from './spreadsheet.svelte.js';
   import { attachSpreadsheetClipboard } from './tableInteractions.js';
+  import { createSpreadsheetViewport } from './viewport.svelte.js';
 
   interface Props {
     sheetState?: ReturnType<typeof createReactiveSpreadsheet>;
@@ -47,6 +48,12 @@
     onColumnResize?: (colId: string, width: number) => void;
     /** Show the sheet tabs bar under the grid (add, switch, rename, reorder, delete sheets). */
     showSheetTabs?: boolean;
+    /**
+     * Render only the rows and columns in (or near) view. `'auto'` (default)
+     * virtualises sheets with more than 200 displayed rows or 60 columns;
+     * `true` / `false` force it.
+     */
+    virtualize?: boolean | 'auto';
   }
 
   let {
@@ -59,9 +66,51 @@
     onAddColumnClick,
     onColumnHeaderClick,
     onColumnResize,
-    showSheetTabs = false
+    showSheetTabs = false,
+    virtualize = 'auto'
   }: Props = $props();
 
+  // Virtualised rendering: frozen rows/columns, a spacer, the rows and
+  // columns in view, another spacer (everything for small sheets).
+  type ColumnSlot = { kind: 'col'; key: string; viewCol: SpreadsheetViewColumn } | { kind: 'space'; key: string; width: number };
+  type RowSlot = { kind: 'row'; key: string; viewRow: SpreadsheetViewRow } | { kind: 'space'; key: string; height: number };
+  let scrollContainer = $state<HTMLDivElement | null>(null);
+  const viewportState = createSpreadsheetViewport({
+    view: () => sheetState.viewModel,
+    virtualize: () => virtualize,
+    merges: () => sheetState.document.table?.merges,
+    activeCell: () => sheetState.activeCell
+  });
+  $effect(() => viewportState.attach(scrollContainer));
+  let viewWindow = $derived(viewportState.window);
+  let columnSlots = $derived.by<ColumnSlot[]>(() => {
+    const view = sheetState.viewModel;
+    const win = viewWindow;
+    const col = (viewCol: SpreadsheetViewColumn): ColumnSlot => ({ kind: 'col', key: viewCol.column.id, viewCol });
+    if (!win.virtual) return view.columns.map(col);
+    const slots = view.columns.slice(0, win.frozenColumns).map(col);
+    if (win.leftSpace > 0) slots.push({ kind: 'space', key: 'space:left', width: win.leftSpace });
+    for (let i = win.colStart; i < win.colEnd; i++) slots.push(col(view.columns[i]));
+    if (win.rightSpace > 0) slots.push({ kind: 'space', key: 'space:right', width: win.rightSpace });
+    return slots;
+  });
+  let renderedColumns = $derived(columnSlots.flatMap((slot) => (slot.kind === 'col' ? [slot.viewCol] : [])));
+  let rowSlots = $derived.by<RowSlot[]>(() => {
+    const view = sheetState.viewModel;
+    const win = viewWindow;
+    const row = (viewRow: SpreadsheetViewRow): RowSlot => ({
+      kind: 'row',
+      key: viewRow.kind === 'group' ? `group:${viewRow.group.key}` : viewRow.row.id,
+      viewRow
+    });
+    if (!win.virtual) return view.rows.map(row);
+    const slots = view.rows.slice(0, win.frozenRows).map(row);
+    if (win.topSpace > 0) slots.push({ kind: 'space', key: 'space:top', height: win.topSpace });
+    for (let i = win.rowStart; i < win.rowEnd; i++) slots.push(row(view.rows[i]));
+    if (win.bottomSpace > 0) slots.push({ kind: 'space', key: 'space:bottom', height: win.bottomSpace });
+    return slots;
+  });
+
   // Defined names for formula autocomplete in the cell editor.
   let nameSuggestions = $derived.by(() => {
     void sheetState.document;
@@ -554,8 +603,8 @@
   {/if}
 
   <!-- Main Scrollable Grid -->
-  <div class="relative flex-1 overflow-auto">
-    <table class="border-collapse table-fixed w-max min-w-full">
+  <div bind:this={scrollContainer} class="relative flex-1 overflow-auto" onscroll={viewportState.onScroll}>
+    <table class="border-separate border-spacing-0 table-fixed w-max min-w-full [&>*>tr:not([data-spacer])>*]:border-b [&>*>tr>*]:border-border">
       <!-- Table Header Columns -->
       <thead>
         <tr class="h-7 bg-muted sticky top-0 z-20 border-b border-border shadow-xs">
@@ -563,7 +612,11 @@
           <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)}
+          {#each columnSlots as slot (slot.key)}
+            {#if slot.kind === 'space'}
+              <th aria-hidden="true" data-spacer="" class="p-0" style="width: {slot.width}px; min-width: {slot.width}px; max-width: {slot.width}px; padding: 0;"></th>
+            {:else}
+            {@const viewCol = slot.viewCol}
             {@const col = viewCol.column}
             {@const cIdx = viewCol.index}
             <th
@@ -599,6 +652,7 @@
                 ></div>
               </div>
             </th>
+            {/if}
           {/each}
           {#if onAddColumnClick}
             <th class="w-10 min-w-[2.5rem] px-1 text-center bg-muted/40 hover:bg-muted cursor-pointer transition-colors" onclick={onAddColumnClick} title="Add Column">
@@ -612,11 +666,21 @@
 
       <!-- Table Body Rows -->
       <tbody>
-        {#each sheetState.viewModel.rows as viewRow (viewRow.kind === 'group' ? `group:${viewRow.group.key}` : viewRow.row.id)}
+        {#each rowSlots as rowSlot (rowSlot.key)}
+          {#if rowSlot.kind === 'space'}
+            <tr aria-hidden="true" data-spacer="" style="height: {rowSlot.height}px;">
+              <td colspan={columnSlots.length + 3} style="padding: 0; border: 0;"></td>
+            </tr>
+          {:else}
+          {@const viewRow = rowSlot.viewRow}
           {#if viewRow.kind === 'group'}
             <SpreadsheetGroupRow
               group={viewRow.group}
-              columns={sheetState.viewModel.columns}
+              columns={renderedColumns}
+              labelColumns={sheetState.viewModel.columns}
+              leadingColumns={viewWindow.virtual ? viewWindow.frozenColumns : undefined}
+              leftSpace={viewWindow.leftSpace}
+              rightSpace={viewWindow.rightSpace}
               groupColId={sheetState.document.table?.grouping?.colId ?? ''}
               onToggle={sheetState.toggleGroupCollapsed}
               trailingCell={!!onAddColumnClick}
@@ -637,7 +701,11 @@
             </td>
 
             <!-- Cells (a merged cell renders its top-left cell, spanning the merge) -->
-            {#each sheetState.viewModel.columns as viewCol (viewCol.column.id)}
+            {#each columnSlots as slot (slot.key)}
+              {#if slot.kind === 'space'}
+                <td aria-hidden="true" data-spacer="" style="padding: 0;"></td>
+              {:else}
+              {@const viewCol = slot.viewCol}
               {@const span = sheetState.viewModel.getCellSpan(displayRowIndex, viewCol.index)}
               {#if span}
               {@const rIdx = span.source.row}
@@ -752,6 +820,7 @@
                 {/if}
               </td>
               {/if}
+              {/if}
             {/each}
             {#if onAddColumnClick}
               <td class="w-10 min-w-[2.5rem] bg-muted/10 border-r border-border"></td>
@@ -760,6 +829,7 @@
             <td class="border-b border-border bg-transparent p-0"></td>
           </tr>
           {/if}
+          {/if}
         {/each}
       </tbody>
     </table>

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

@@ -17,6 +17,12 @@ interface Props {
     onColumnResize?: (colId: string, width: number) => void;
     /** Show the sheet tabs bar under the grid (add, switch, rename, reorder, delete sheets). */
     showSheetTabs?: boolean;
+    /**
+     * Render only the rows and columns in (or near) view. `'auto'` (default)
+     * virtualises sheets with more than 200 displayed rows or 60 columns;
+     * `true` / `false` force it.
+     */
+    virtualize?: boolean | 'auto';
 }
 declare const SpreadsheetEditor: import("svelte").Component<Props, {}, "">;
 type SpreadsheetEditor = ReturnType<typeof SpreadsheetEditor>;

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,EAad,MAAM,8BAA8B,CAAC;AASxC,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;IACxD,4FAA4F;IAC5F,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAwrBH,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,EAad,MAAM,8BAA8B,CAAC;AASxC,OAAO,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AAKlE,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;IACxD,4FAA4F;IAC5F,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC/B;AAsvBH,QAAA,MAAM,iBAAiB,2CAAwC,CAAC;AAChE,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC9D,eAAe,iBAAiB,CAAC"}

package/dist/spreadsheet/SpreadsheetGroupRow.svelte

@@ -9,12 +9,31 @@
     onToggle: (key: string) => void;
     /** Render a trailing cell for the "add column" column. */
     trailingCell?: boolean;
+    /** Every displayed column, when `columns` is a virtualised window of them (picks the label column). */
+    labelColumns?: SpreadsheetViewColumn[];
+    /** Virtualised: columns before the left spacer (the frozen ones), and the spacers' widths. */
+    leadingColumns?: number;
+    leftSpace?: number;
+    rightSpace?: number;
   }
 
-  let { group, columns, groupColId, onToggle, trailingCell = false }: Props = $props();
+  let {
+    group,
+    columns,
+    groupColId,
+    onToggle,
+    trailingCell = false,
+    labelColumns,
+    leadingColumns,
+    leftSpace = 0,
+    rightSpace = 0
+  }: Props = $props();
 
   // The label goes in the grouping column, or the first column when that one is hidden.
-  let labelColId = $derived(columns.some((c) => c.column.id === groupColId) ? groupColId : columns[0]?.column.id);
+  let labelColId = $derived.by(() => {
+    const candidates = labelColumns ?? columns;
+    return candidates.some((c) => c.column.id === groupColId) ? groupColId : candidates[0]?.column.id;
+  });
 
   const formatSummary = (value: number | null) => (value === null ? '–' : String(value));
 </script>
@@ -35,8 +54,11 @@
       {group.collapsed ? '▸' : '▾'}
     </button>
   </td>
-  {#each columns as { column } (column.id)}
+  {#each columns as { column }, i (column.id)}
     {@const summary = group.summaries[column.id]}
+    {#if leadingColumns !== undefined && i === leadingColumns && leftSpace > 0}
+      <td aria-hidden="true" data-spacer="" style="padding: 0;"></td>
+    {/if}
     <td class="border-r border-border px-2 py-1 truncate max-w-0 text-foreground" style="max-width: 0; overflow: hidden;">
       {#if column.id === labelColId}
         <span class="truncate">
@@ -47,6 +69,12 @@
       {/if}
     </td>
   {/each}
+  {#if leadingColumns !== undefined && leadingColumns >= columns.length && leftSpace > 0}
+    <td aria-hidden="true" data-spacer="" style="padding: 0;"></td>
+  {/if}
+  {#if rightSpace > 0}
+    <td aria-hidden="true" data-spacer="" style="padding: 0;"></td>
+  {/if}
   {#if trailingCell}
     <td class="w-10 min-w-[2.5rem] bg-muted/10 border-r border-border"></td>
   {/if}

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

@@ -7,6 +7,12 @@ interface Props {
     onToggle: (key: string) => void;
     /** Render a trailing cell for the "add column" column. */
     trailingCell?: boolean;
+    /** Every displayed column, when `columns` is a virtualised window of them (picks the label column). */
+    labelColumns?: SpreadsheetViewColumn[];
+    /** Virtualised: columns before the left spacer (the frozen ones), and the spacers' widths. */
+    leadingColumns?: number;
+    leftSpace?: number;
+    rightSpace?: number;
 }
 declare const SpreadsheetGroupRow: import("svelte").Component<Props, {}, "">;
 type SpreadsheetGroupRow = ReturnType<typeof SpreadsheetGroupRow>;

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

@@ -1 +1 @@
-{"version":3,"file":"SpreadsheetGroupRow.svelte.d.ts","sourceRoot":"","sources":["../../src/spreadsheet/SpreadsheetGroupRow.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAG7F,UAAU,KAAK;IACb,KAAK,EAAE,mBAAmB,CAAC;IAC3B,OAAO,EAAE,qBAAqB,EAAE,CAAC;IACjC,wEAAwE;IACxE,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,0DAA0D;IAC1D,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AA4CH,QAAA,MAAM,mBAAmB,2CAAwC,CAAC;AAClE,KAAK,mBAAmB,GAAG,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAClE,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"SpreadsheetGroupRow.svelte.d.ts","sourceRoot":"","sources":["../../src/spreadsheet/SpreadsheetGroupRow.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAG7F,UAAU,KAAK;IACb,KAAK,EAAE,mBAAmB,CAAC;IAC3B,OAAO,EAAE,qBAAqB,EAAE,CAAC;IACjC,wEAAwE;IACxE,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,0DAA0D;IAC1D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,uGAAuG;IACvG,YAAY,CAAC,EAAE,qBAAqB,EAAE,CAAC;IACvC,8FAA8F;IAC9F,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAkEH,QAAA,MAAM,mBAAmB,2CAAwC,CAAC;AAClE,KAAK,mBAAmB,GAAG,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAClE,eAAe,mBAAmB,CAAC"}

package/dist/spreadsheet/index.d.ts

@@ -21,4 +21,5 @@ export type FormulaBarProps = ComponentProps<typeof FormulaBarComponent>;
 export type FormulaHintsProps = ComponentProps<typeof FormulaHintsComponent>;
 export type SheetTabsProps = ComponentProps<typeof SheetTabsComponent>;
 export type NameManagerProps = ComponentProps<typeof NameManagerComponent>;
+export * from './viewport.svelte.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/spreadsheet/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAC7C,OAAO,KAAK,0BAA0B,MAAM,4BAA4B,CAAC;AACzE,OAAO,KAAK,mBAAmB,MAAM,qBAAqB,CAAC;AAC3D,OAAO,KAAK,qBAAqB,MAAM,uBAAuB,CAAC;AAC/D,OAAO,KAAK,kBAAkB,MAAM,oBAAoB,CAAC;AACzD,OAAO,KAAK,oBAAoB,MAAM,sBAAsB,CAAC;AAE7D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,cAAc,yBAAyB,CAAC;AACxC,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAC9E,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,2BAA2B,EAAE,MAAM,sCAAsC,CAAC;AAC9F,OAAO,EAAE,OAAO,IAAI,iCAAiC,EAAE,MAAM,4CAA4C,CAAC;AAC1G,OAAO,EAAE,OAAO,IAAI,8BAA8B,EAAE,MAAM,yCAAyC,CAAC;AAEpG,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,OAAO,0BAA0B,CAAC,CAAC;AACvF,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,OAAO,mBAAmB,CAAC,CAAC;AACzE,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAC7E,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,OAAO,kBAAkB,CAAC,CAAC;AACvE,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,oBAAoB,CAAC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/spreadsheet/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAC7C,OAAO,KAAK,0BAA0B,MAAM,4BAA4B,CAAC;AACzE,OAAO,KAAK,mBAAmB,MAAM,qBAAqB,CAAC;AAC3D,OAAO,KAAK,qBAAqB,MAAM,uBAAuB,CAAC;AAC/D,OAAO,KAAK,kBAAkB,MAAM,oBAAoB,CAAC;AACzD,OAAO,KAAK,oBAAoB,MAAM,sBAAsB,CAAC;AAE7D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,cAAc,yBAAyB,CAAC;AACxC,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAC9E,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,2BAA2B,EAAE,MAAM,sCAAsC,CAAC;AAC9F,OAAO,EAAE,OAAO,IAAI,iCAAiC,EAAE,MAAM,4CAA4C,CAAC;AAC1G,OAAO,EAAE,OAAO,IAAI,8BAA8B,EAAE,MAAM,yCAAyC,CAAC;AAEpG,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,OAAO,0BAA0B,CAAC,CAAC;AACvF,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,OAAO,mBAAmB,CAAC,CAAC;AACzE,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAC7E,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,OAAO,kBAAkB,CAAC,CAAC;AACvE,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAC3E,cAAc,sBAAsB,CAAC"}

package/dist/spreadsheet/index.js

@@ -10,3 +10,4 @@ export * from './tableInteractions.js';
 export { default as SpreadsheetValidationDialog } from './SpreadsheetValidationDialog.svelte';
 export { default as SpreadsheetConditionalFormatPanel } from './SpreadsheetConditionalFormatPanel.svelte';
 export { default as SpreadsheetDataValidationPanel } from './SpreadsheetDataValidationPanel.svelte';
+export * from './viewport.svelte.js';

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

@@ -1,5 +1,6 @@
 import { SpreadsheetController, type SpreadsheetControllerOptions, type SpreadsheetDocument, type CellCoordinate, type CellRange, type CellData, type SpreadsheetColumn, type SpreadsheetRow, type SpreadsheetDataSource, type SpreadsheetNameScope, type SpreadsheetCommitResult, type SpreadsheetValidationAction, type SpreadsheetValidationPrompt } from '@pixerate/editor/spreadsheet';
 export declare function createReactiveSpreadsheet(options?: SpreadsheetControllerOptions): {
+    mergeCells: (range?: CellRange | null) => boolean;
     sortRows: (keys: import("@pixerate/editor").SortKey[], options?: {
         range?: CellRange | null;
     }) => boolean;
@@ -23,7 +24,6 @@ export declare function createReactiveSpreadsheet(options?: SpreadsheetControlle
     unhideAll: () => void;
     getMerges: () => CellRange[];
     getMergeAt: (row: number, col: number) => CellRange | null;
-    mergeCells: (range?: CellRange | null) => boolean;
     unmergeCells: (range?: CellRange | null) => boolean;
     autofill: (source: CellRange, target: CellRange) => boolean;
     groupRowsBy: (colId: string, summaries?: import("@pixerate/editor").GroupSummary[]) => void;

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,EAC1B,KAAK,oBAAoB,EACzB,KAAK,uBAAuB,EAC5B,KAAK,2BAA2B,EAChC,KAAK,2BAA2B,EACjC,MAAM,8BAA8B,CAAC;AAEtC,wBAAgB,yBAAyB,CAAC,OAAO,GAAE,4BAAiC;;aAyRuokD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAAgyW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAnKr+6D,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;;;wBAYxC,MAAM,GAAG,uBAAuB;IAKpD,+FAA+F;2BACxE,MAAM,SAAS,MAAM,OAAO,MAAM,GAAG,uBAAuB;IAKnF,qFAAqF;oCACrD,2BAA2B;;oBAS3C,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;;;6BAaD,MAAM;uBAKZ,UAAU;YAiCyowD,CAAC;aAAuB,CAAC;gBAA0B,CAAC;gBAAgD,CAAC;iBAjCltwD,CAAC,CAAC,CAAC;0BAKtC,MAAM,WAAW,MAAM;wBAGzB,MAAM,WAAW,MAAM;0BAGrB,MAAM;6BAKH,MAAM,YAAY,UAAU;YAiBsvyD,CAAC;aAAuB,CAAC;gBAA0B,CAAC;wBAjBxwyD,CAAC,CAAC,CAAC;qBAKzE,MAAM,YAAY,MAAM,YAAY,oBAAoB,GAAG;QAAE,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE;wBAG5E,MAAM,WAAW,MAAM,YAAY,oBAAoB;qBAG1D,MAAM,YAAY,oBAAoB;EAK1D"}
+{"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,EAC1B,KAAK,oBAAoB,EACzB,KAAK,uBAAuB,EAC5B,KAAK,2BAA2B,EAChC,KAAK,2BAA2B,EACjC,MAAM,8BAA8B,CAAC;AAEtC,wBAAgB,yBAAyB,CAAC,OAAO,GAAE,4BAAiC;;;aAyRmx0D,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAA06W,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAnK3vrE,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;;;wBAYxC,MAAM,GAAG,uBAAuB;IAKpD,+FAA+F;2BACxE,MAAM,SAAS,MAAM,OAAO,MAAM,GAAG,uBAAuB;IAKnF,qFAAqF;oCACrD,2BAA2B;;oBAS3C,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;;;6BAaD,MAAM;uBAKZ,UAAU;YAiCqxgE,CAAC;aAAuB,CAAC;gBAA0B,CAAC;gBAAgD,CAAC;iBAjC91gE,CAAC,CAAC,CAAC;0BAKtC,MAAM,WAAW,MAAM;wBAGzB,MAAM,WAAW,MAAM;0BAGrB,MAAM;6BAKH,MAAM,YAAY,UAAU;YAiBk4iE,CAAC;aAAuB,CAAC;gBAA0B,CAAC;wBAjBp5iE,CAAC,CAAC,CAAC;qBAKzE,MAAM,YAAY,MAAM,YAAY,oBAAoB,GAAG;QAAE,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE;wBAG5E,MAAM,WAAW,MAAM,YAAY,oBAAoB;qBAG1D,MAAM,YAAY,oBAAoB;EAK1D"}

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

@@ -0,0 +1,26 @@
+import { type CellCoordinate, type CellRange, type SpreadsheetViewModel } from '@pixerate/editor/spreadsheet';
+export interface SpreadsheetViewportSource {
+    view: () => SpreadsheetViewModel;
+    /** `'auto'` (default): virtualise large views only; `true` / `false` force it. */
+    virtualize?: () => boolean | 'auto' | undefined;
+    /** Merged ranges, rendered whole when they cross the window's edge. */
+    merges?: () => readonly CellRange[] | undefined;
+    /** Scrolled into view when it changes (virtualised views only). */
+    activeCell?: () => CellCoordinate | null | undefined;
+    overscanRows?: number;
+    overscanColumns?: number;
+}
+/**
+ * Virtualised rendering for `SpreadsheetEditor` (the Svelte counterpart of
+ * React's `useSpreadsheetViewport`): tracks the scroll container passed to
+ * `attach`, works out the window of rows and columns to render, and scrolls
+ * the active cell into view. Call it while a component initialises.
+ */
+export declare function createSpreadsheetViewport(source: SpreadsheetViewportSource): {
+    readonly metrics: import("@pixerate/editor").SpreadsheetViewMetrics;
+    /** What to render; `virtual: false` renders every row and column. */
+    readonly window: import("@pixerate/editor").SpreadsheetViewWindow;
+    onScroll: () => void;
+    attach: (el: HTMLElement | null) => () => void;
+};
+//# sourceMappingURL=viewport.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"viewport.svelte.d.ts","sourceRoot":"","sources":["../../src/spreadsheet/viewport.svelte.ts"],"names":[],"mappings":"AACA,OAAO,EAOL,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,oBAAoB,EAG1B,MAAM,8BAA8B,CAAC;AAEtC,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,MAAM,oBAAoB,CAAC;IACjC,kFAAkF;IAClF,UAAU,CAAC,EAAE,MAAM,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IAChD,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,SAAS,SAAS,EAAE,GAAG,SAAS,CAAC;IAChD,mEAAmE;IACnE,UAAU,CAAC,EAAE,MAAM,cAAc,GAAG,IAAI,GAAG,SAAS,CAAC;IACrD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;;;;GAKG;AACH,wBAAgB,yBAAyB,CAAC,MAAM,EAAE,yBAAyB;;IA4EvE,qEAAqE;;;iBAxCnD,WAAW,GAAG,IAAI,KAAG,MAAM,IAAI;EA+CpD"}

package/dist/spreadsheet/viewport.svelte.js

@@ -0,0 +1,93 @@
+import { untrack } from 'svelte';
+import { fullSpreadsheetViewWindow, getSpreadsheetScrollToCell, getSpreadsheetViewWindow, measureSpreadsheetView, sameSpreadsheetViewWindow, shouldVirtualizeSpreadsheet } from '@pixerate/editor/spreadsheet';
+/**
+ * Virtualised rendering for `SpreadsheetEditor` (the Svelte counterpart of
+ * React's `useSpreadsheetViewport`): tracks the scroll container passed to
+ * `attach`, works out the window of rows and columns to render, and scrolls
+ * the active cell into view. Call it while a component initialises.
+ */
+export function createSpreadsheetViewport(source) {
+    let viewport = $state.raw({ scrollTop: 0, scrollLeft: 0, width: 0, height: 0 });
+    let element = null;
+    const metrics = $derived(measureSpreadsheetView(source.view()));
+    const virtual = $derived(shouldVirtualizeSpreadsheet(source.view(), source.virtualize?.() ?? 'auto'));
+    const windowOptions = $derived({
+        merges: source.merges?.(),
+        overscanRows: source.overscanRows,
+        overscanColumns: source.overscanColumns
+    });
+    const win = $derived(virtual ? getSpreadsheetViewWindow(metrics, viewport, windowOptions) : fullSpreadsheetViewWindow(metrics));
+    const read = (el) => ({
+        scrollTop: el.scrollTop,
+        scrollLeft: el.scrollLeft,
+        width: el.clientWidth,
+        height: el.clientHeight
+    });
+    /** Stores a new viewport, re-rendering only when the window it gives changes. */
+    function update(next) {
+        if (!virtual)
+            return;
+        const prev = viewport;
+        const same = prev.width === next.width &&
+            prev.height === next.height &&
+            sameSpreadsheetViewWindow(getSpreadsheetViewWindow(metrics, prev, windowOptions), getSpreadsheetViewWindow(metrics, next, windowOptions));
+        if (!same)
+            viewport = next;
+    }
+    function onScroll() {
+        if (element)
+            update(read(element));
+    }
+    /** Tracks `el` (the scroll container); returns a cleanup function. */
+    function attach(el) {
+        element = el;
+        if (!el)
+            return () => { };
+        onScroll();
+        if (typeof ResizeObserver === 'undefined')
+            return () => { };
+        const observer = new ResizeObserver(() => onScroll());
+        observer.observe(el);
+        return () => observer.disconnect();
+    }
+    // Measure once virtualisation turns on (the element may already be attached).
+    $effect(() => {
+        if (virtual)
+            untrack(onScroll);
+    });
+    // Keyboard navigation and selection: bring the active cell into view.
+    // Only the active cell and the mode re-run it: scrolling away from the
+    // active cell (or an edit elsewhere) must not snap back.
+    $effect(() => {
+        const cell = source.activeCell?.();
+        const row = cell?.row;
+        const col = cell?.col;
+        if (!virtual || row === undefined || col === undefined)
+            return;
+        untrack(() => {
+            const base = element ? read(element) : viewport;
+            const target = getSpreadsheetScrollToCell(metrics, base, { row, col });
+            if (!target)
+                return;
+            if (element) {
+                if (target.scrollTop !== undefined)
+                    element.scrollTop = target.scrollTop;
+                if (target.scrollLeft !== undefined)
+                    element.scrollLeft = target.scrollLeft;
+            }
+            // Some environments (jsdom) never fire the scroll event.
+            update({ ...base, ...target });
+        });
+    });
+    return {
+        get metrics() {
+            return metrics;
+        },
+        /** What to render; `virtual: false` renders every row and column. */
+        get window() {
+            return win;
+        },
+        onScroll,
+        attach
+    };
+}

package/dist/tables/InsertTableGrid.svelte

@@ -0,0 +1,85 @@
+<script lang="ts">
+  import type { Editor } from "@tiptap/core";
+  import { createTableMenu, type SvelteTableMenu } from "./tableMenu.svelte.js";
+
+  interface Props {
+    editor?: Editor | null;
+    /** Grid size offered (default 8 × 8). */
+    rows?: number;
+    cols?: number;
+    /** Insert with a header row (default `true`). */
+    withHeaderRow?: boolean;
+    class?: string;
+    cellClass?: string;
+    activeCellClass?: string;
+    /** Called after a table was inserted. */
+    oninsert?: (size: { rows: number; cols: number }) => void;
+  }
+
+  let {
+    editor = null,
+    rows = 8,
+    cols = 8,
+    withHeaderRow = true,
+    class: className = "inline-flex flex-col gap-1 rounded-md border border-border bg-background p-2 text-xs shadow-md",
+    cellClass = "h-4 w-4 rounded-sm border border-border bg-background disabled:opacity-40",
+    activeCellClass = "border-primary bg-primary/20",
+    oninsert,
+  }: Props = $props();
+
+  let table = $state.raw<SvelteTableMenu>(createTableMenu(null));
+  $effect(() => {
+    const menu = createTableMenu(editor);
+    table = menu;
+    return () => menu.destroy();
+  });
+
+  let hover = $state<{ rows: number; cols: number } | null>(null);
+  let status = $derived(table.current.actions.insertTable);
+  let disabled = $derived(!editor || !status.enabled);
+  let sizes = $derived(
+    Array.from({ length: rows * cols }, (_, i) => ({ rows: Math.floor(i / cols) + 1, cols: (i % cols) + 1 })),
+  );
+
+  const keepSelection = (event: MouseEvent) => event.preventDefault();
+
+  function insert(size: { rows: number; cols: number }) {
+    if (table.run("insertTable", { ...size, withHeaderRow })) oninsert?.(size);
+    hover = null;
+  }
+</script>
+
+<div
+  class={className}
+  role="group"
+  aria-label="Insert table"
+  title={disabled ? status.reason : undefined}
+  data-insert-table-grid=""
+  onmouseleave={() => (hover = null)}
+>
+  <div
+    role="grid"
+    aria-label="Table size"
+    style="display: grid; grid-template-columns: repeat({cols}, max-content); gap: 2px"
+  >
+    {#each sizes as size, i (i)}
+      {@const active = !!hover && size.rows <= hover.rows && size.cols <= hover.cols}
+      <button
+        type="button"
+        data-rows={size.rows}
+        data-cols={size.cols}
+        data-active={active}
+        aria-label="{size.rows} × {size.cols} table"
+        {disabled}
+        class={active ? `${cellClass} ${activeCellClass}` : cellClass}
+        onmousedown={keepSelection}
+        onmouseenter={() => (hover = size)}
+        onfocus={() => (hover = size)}
+        onclick={() => insert(size)}
+      ></button>
+    {/each}
+  </div>
+  <div aria-live="polite" data-testid="insert-table-size">
+    {disabled ? status.reason : hover ? `${hover.rows} × ${hover.cols}` : "Insert table"}
+  </div>
+</div>

package/dist/tables/InsertTableGrid.svelte.d.ts

@@ -0,0 +1,21 @@
+import type { Editor } from "@tiptap/core";
+interface Props {
+    editor?: Editor | null;
+    /** Grid size offered (default 8 × 8). */
+    rows?: number;
+    cols?: number;
+    /** Insert with a header row (default `true`). */
+    withHeaderRow?: boolean;
+    class?: string;
+    cellClass?: string;
+    activeCellClass?: string;
+    /** Called after a table was inserted. */
+    oninsert?: (size: {
+        rows: number;
+        cols: number;
+    }) => void;
+}
+declare const InsertTableGrid: import("svelte").Component<Props, {}, "">;
+type InsertTableGrid = ReturnType<typeof InsertTableGrid>;
+export default InsertTableGrid;
+//# sourceMappingURL=InsertTableGrid.svelte.d.ts.map

package/dist/tables/InsertTableGrid.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InsertTableGrid.svelte.d.ts","sourceRoot":"","sources":["../../src/tables/InsertTableGrid.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAIzC,UAAU,KAAK;IACb,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,yCAAyC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAC3D;AAqDH,QAAA,MAAM,eAAe,2CAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}

package/dist/tables/TableBubbleMenu.svelte

@@ -0,0 +1,43 @@
+<script lang="ts">
+  import type { Snippet } from "svelte";
+  import type { Editor } from "@tiptap/core";
+  import { shouldShowTableBubbleMenu, type TableToolbarItem } from "@pixerate/editor";
+  import BubbleMenu from "../BubbleMenu.svelte";
+  import TableToolbar from "./TableToolbar.svelte";
+
+  interface Props {
+    editor?: Editor;
+    class?: string;
+    pluginKey?: any;
+    updateDelay?: number;
+    tippyOptions?: Record<string, any>;
+    /** Buttons of the default toolbar. */
+    items?: readonly TableToolbarItem[];
+    /** Custom content (default: a `TableToolbar`). */
+    children?: Snippet;
+  }
+
+  let {
+    editor,
+    class: className = "flex h-fit w-fit items-center gap-1 rounded-md border border-gray-200 bg-white p-1 shadow-md",
+    pluginKey = "tableBubbleMenu",
+    updateDelay = 250,
+    tippyOptions = {},
+    items,
+    children,
+  }: Props = $props();
+</script>
+
+<!--
+  A bubble menu that follows the selection while it is in a table (even a
+  collapsed cursor), with the table toolbar or your own children. It uses its
+  own plugin key (`tableBubbleMenu`), so it can be combined with the
+  formatting `BubbleMenu`.
+-->
+<BubbleMenu {editor} class={className} {pluginKey} {updateDelay} {tippyOptions} shouldShow={shouldShowTableBubbleMenu}>
+  {#if children}
+    {@render children()}
+  {:else}
+    <TableToolbar {editor} {...items ? { items } : {}} />
+  {/if}
+</BubbleMenu>

package/dist/tables/TableBubbleMenu.svelte.d.ts

@@ -0,0 +1,18 @@
+import type { Snippet } from "svelte";
+import type { Editor } from "@tiptap/core";
+import { type TableToolbarItem } from "@pixerate/editor";
+interface Props {
+    editor?: Editor;
+    class?: string;
+    pluginKey?: any;
+    updateDelay?: number;
+    tippyOptions?: Record<string, any>;
+    /** Buttons of the default toolbar. */
+    items?: readonly TableToolbarItem[];
+    /** Custom content (default: a `TableToolbar`). */
+    children?: Snippet;
+}
+declare const TableBubbleMenu: import("svelte").Component<Props, {}, "">;
+type TableBubbleMenu = ReturnType<typeof TableBubbleMenu>;
+export default TableBubbleMenu;
+//# sourceMappingURL=TableBubbleMenu.svelte.d.ts.map

package/dist/tables/TableBubbleMenu.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableBubbleMenu.svelte.d.ts","sourceRoot":"","sources":["../../src/tables/TableBubbleMenu.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAA6B,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAKlF,UAAU,KAAK;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACnC,sCAAsC;IACtC,KAAK,CAAC,EAAE,SAAS,gBAAgB,EAAE,CAAC;IACpC,kDAAkD;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA+BH,QAAA,MAAM,eAAe,2CAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}