@svgrid/grid 3.0.6 → 3.0.8

package/README.md

@@ -180,7 +180,7 @@ The pack sells in two editions, both covering unlimited production apps.
   merges, frozen panes, named ranges and charts surviving the round trip.
 - **SvGrid Studio.** The designer, the code generator and the SQL data sources.
 
-Both editions come with a 30-day evaluation period: every feature runs without a key, and under a
+You can evaluate both editions without asking for a key: every feature runs without one, and under a
 key that does not cover it, with a watermark and a console message about the Enterprise package. `licenseCovers('spreadsheet')` tells you which
 side of the line the current key is on, if you would rather hide an entry point than let it nudge.
 

package/dist/SvGrid.controller.svelte.d.ts

@@ -493,6 +493,7 @@ export declare function createSvGridController<TFeatures extends TableFeatures =
     readonly virtualizer: {
         readonly version: number;
         setOptions: (next: Partial<import("./index.js").VirtualizerOptions>) => void;
+        measure: () => void;
         setScrollOffset: (scrollOffset: number) => void;
         setViewportHeight: (viewportHeight: number) => void;
         scrollToIndex: (index: number) => void;
@@ -506,6 +507,7 @@ export declare function createSvGridController<TFeatures extends TableFeatures =
         setViewportWidth(viewportWidth: number): void;
         setHorizontalOffset(scrollOffset: number): void;
         setOptions(next: Partial<import("./index.js").VirtualizerOptions>): void;
+        measure(): void;
         setScrollOffset(scrollOffset: number): void;
         setViewportHeight(viewportHeight: number): void;
         scrollToIndex(index: number): void;

package/dist/SvGrid.controller.svelte.js

@@ -625,7 +625,16 @@ export function createSvGridController(rawProps, domIdBase) {
     // `data` is optional on the type (a `rowModel` may supply the rows
     // instead), so every read falls back to empty rather than to undefined.
     const EMPTY_DATA = [];
-    let internalData = $state.raw(props.data ?? EMPTY_DATA);
+    // Seeded as a copy, for the same reason the sync effect below makes one: the
+    // row model tells data apart by array identity, so the grid has to own an
+    // array the consumer cannot grow behind its back.
+    let internalData = $state.raw(props.data?.length ? props.data.slice() : EMPTY_DATA);
+    // What the last sync saw, so the effect can tell a replacement (drop the
+    // cell edits) from a push or splice (keep them) and skip a no-op run.
+    // svelte-ignore state_referenced_locally
+    let lastData = props.data ?? EMPTY_DATA;
+    // svelte-ignore state_referenced_locally
+    let lastDataLength = props.data?.length ?? 0;
     // Resolve `cellDataType` / `inferColumnTypes` into concrete editorType +
     // format defaults once, up front, so every downstream reader sees a normal
     // column. Explicit fields on the ColumnDef always win.
@@ -666,12 +675,29 @@ export function createSvGridController(rawProps, domIdBase) {
         return collapsedColumnGroups.has(groupId);
     }
     $effect(() => {
+        const next = props.data ?? EMPTY_DATA;
+        // Reading `length` is what subscribes this effect to a `$state` array's own
+        // length signal, so `rows.push(...)` and `rows.splice(...)` re-run it.
+        // Without this read nothing in the grid tracks the row count at all:
+        // `getRowModel` reads `.length` only inside its cache miss, and the miss is
+        // keyed on the array reference, which a mutation does not change.
+        const length = next.length;
+        const replaced = next !== lastData;
+        if (!replaced && length === lastDataLength)
+            return;
+        lastData = next;
+        lastDataLength = length;
+        // A fresh array object, because `getRowModel` memoises on identity. The
+        // elements are the same objects, so a row that did not move keeps its row
+        // object and a field write still reaches its cell through the proxy.
+        internalData = length === 0 ? EMPTY_DATA : next.slice();
         // When the consumer replaces `data` (e.g. a "Reset" button), drop any
         // accumulated cell-edit overrides - otherwise `getCellDisplayValue`
         // would keep returning the old edited values from `editedCellValues`
-        // even though the underlying data has been replaced.
-        internalData = props.data ?? EMPTY_DATA;
-        editedCellValues = {};
+        // even though the underlying data has been replaced. Growing or shrinking
+        // the array is not a reset, so it keeps them.
+        if (replaced)
+            editedCellValues = {};
     });
     $effect(() => {
         internalColumns = resolveCols(props.columns);
@@ -1360,11 +1386,22 @@ export function createSvGridController(rawProps, domIdBase) {
             return rawRows;
         let rows = rawRows;
         if (globalFilter.trim()) {
-            const needle = normalizeForFilter(globalFilter, (props.filterLocale ?? props.localization?.locale));
-            rows = rows.filter((row) => row
-                .getAllCells()
-                .some((cell) => normalizeForFilter(String(cell.getValue() ?? ""), (props.filterLocale ?? props.localization?.locale))
-                .includes(needle)));
+            const locale = props.filterLocale ?? props.localization?.locale;
+            const needle = normalizeForFilter(globalFilter, locale);
+            // Read the values, not the cells. `getAllCells()` built a cell object
+            // with two closures per column on EVERY row and kept them on the row:
+            // ten million objects for one keystroke over a million rows, and a
+            // search that froze the page for seconds. `cell.getValue()` and
+            // `getCellValueByColumnId` read the same per-row values array, so the
+            // answer is the same. The columns are the ones the rows were built with.
+            const columnIds = grid.getAllColumns().map((c) => c.id);
+            rows = rows.filter((row) => {
+                for (const id of columnIds) {
+                    if (normalizeForFilter(String(row.getCellValueByColumnId(id) ?? ""), locale).includes(needle))
+                        return true;
+                }
+                return false;
+            });
         }
         rows = applyColumnFilters(rows);
         // --- Advanced filter (Pro) ---------------------------------------------

package/dist/SvGrid.css

@@ -1387,9 +1387,6 @@ select.sv-grid-fr-editor {
 .sv-grid-cell-active,
 .sv-grid-cell-editing {
   position: relative;
-  /* High enough to sit above pinned-column stacking contexts (z=4) so the
-     list/chips popover overlays adjacent cells instead of being clipped. */
-  z-index: 20;
   /* `box-shadow: inset` is bound to the cell's own box, so the ring
      clips cleanly with the cell when it's partially scrolled out of
      view (and shows up consistently at the right edge of a virtualized
@@ -1399,10 +1396,24 @@ select.sv-grid-fr-editor {
      inconsistent at scroll boundaries. */
   box-shadow: inset 0 0 0 2px var(--sg-accent, #0b63f3);
   outline: none;
-  /* Let list/chips popouts extend past the cell box (default cells have
-     overflow: hidden so the chips picker would otherwise be clipped). */
+}
+/* Only the EDITING cell escapes its own box and outranks the pinned-column
+   stacking contexts (z=4), so its list/chips popout overlays the neighbours
+   instead of being clipped. The merely-ACTIVE cell used to get the same
+   treatment, and on a grid scrolled sideways that made it paint straight over
+   the sticky selection / row-number column: the checkbox disappeared and the
+   cell's text - unclipped, because overflow was visible - spilled across it.
+   A grid seeds its active cell at (0,0), so this hit the FIRST row of any
+   horizontally scrolled grid with `showRowSelection`, untouched by the user. */
+.sv-grid-cell-editing {
+  z-index: 20;
   overflow: visible;
 }
+/* Above ordinary cells so the ring is not overdrawn by a neighbour, below the
+   sticky columns (z=4) so those keep covering it as they should. */
+.sv-grid-cell-active:not(.sv-grid-cell-editing) {
+  z-index: 3;
+}
 /* The active cell a grid mounts with is seeded at (0,0), not chosen: no
    ring until a click, an arrow key or the api activates a cell (the same
    gate the fill handle has always had). Once activated it stays through a

package/dist/SvGrid.helpers.js

@@ -1,3 +1,4 @@
+import { parseDateValue } from "./cell-formatting.js";
 export function cfTextStyle(cf) {
     let s = "";
     if (cf.color)
@@ -233,10 +234,7 @@ export function getEditorClass(editorType) {
     return "sv-grid-cell-editor";
 }
 export function asDate(value) {
-    if (value == null || value === "")
-        return null;
-    const parsed = value instanceof Date ? value : new Date(value);
-    return Number.isNaN(parsed.getTime()) ? null : parsed;
+    return parseDateValue(value);
 }
 export function clampMenuX(x, width) {
     return Math.max(8, Math.min(x, window.innerWidth - width - 8));

package/dist/SvGrid.svelte

@@ -1212,7 +1212,10 @@
     column: Column<TData>,
     cellValue: unknown,
   )}
-    {#if column.columnDef.editorType === "checkbox" || typeof cellValue === "boolean"}
+    <!-- A column's own `cell` renderer wins over every built-in display, the
+         checkbox included: a boolean field drawn as a flag button or a status
+         pill used to come out as a read-only checkbox, with `cell` never called. -->
+    {#if (column.columnDef.editorType === "checkbox" || typeof cellValue === "boolean") && column.columnDef.cell == null}
       <div
         class="sv-grid-checkbox sv-grid-checkbox-readonly"
         role="checkbox"

package/dist/cdn/{GridMenus-C-NtjlrJ.js → GridMenus-B8-Gbfq2.js}

@@ -1,5 +1,5 @@
-import { $a as e, Fn as t, Qa as n } from "./src-DfwxB1TH.js";
-import { S as r, _ as i, j as a, k as o } from "./editor-registry-BhgE3S84.js";
+import { $a as e, Fn as t, Qa as n } from "./src-Dz625Fhx.js";
+import { S as r, _ as i, j as a, k as o } from "./editor-registry-BVeHvlZR.js";
 import { r as s } from "./dismissable-Brc4EZU1.js";
 import * as c from "svelte/internal/client";
 import "svelte/internal/disclose-version";

package/dist/cdn/{GridMenus-TssHej3q.js → GridMenus-D15bhpX5.js}

@@ -1,6 +1,6 @@
-import { $a as e, Fn as t, Qa as n } from "./src-CgoeSM8k.js";
+import { $a as e, Fn as t, Qa as n } from "./src-CleI0g9l.js";
 import { $ as r, D as i, E as a, F as o, G as s, H as c, I as l, L as u, N as d, Q as f, R as p, U as m, V as h, X as g, Y as _, Z as v, _ as y, at as b, b as x, d as S, et as C, f as w, ft as T, g as E, h as D, it as O, j as k, k as A, lt as ee, m as j, mt as te, nt as M, o as ne, pt as N, st as P, t as re, tt as F, u as I, ut as L, v as R, w as ie } from "./disclose-version-Dr7rEVv-.js";
-import { S as ae, _ as oe, j as se, k as ce } from "./editor-registry-BhgE3S84.js";
+import { S as ae, _ as oe, j as se, k as ce } from "./editor-registry-BVeHvlZR.js";
 import { r as le } from "./dismissable-Brc4EZU1.js";
 //#region src/GridMenus.svelte
 var ue = u("<option> </option>"), de = u("<input class=\"sv-grid-menu-condition-value\" placeholder=\"To\"/>"), fe = u("<input class=\"sv-grid-menu-condition-value\"/> <!>", 1), pe = u("<option> </option>"), me = u("<input class=\"sv-grid-menu-condition-value\" placeholder=\"To\"/>"), he = u("<input class=\"sv-grid-menu-condition-value\"/> <!>", 1), ge = u("<div class=\"sv-grid-menu-join\" role=\"radiogroup\" aria-label=\"Combine conditions\"><button type=\"button\">AND</button> <button type=\"button\">OR</button> <button type=\"button\" class=\"sv-grid-menu-join-x\" title=\"Remove second condition\" aria-label=\"Remove second condition\"><!></button></div> <select class=\"sv-grid-menu-operator-select\" aria-label=\"Second filter condition\"></select> <!>", 1), _e = u("<button type=\"button\" class=\"sv-grid-menu-add-cond\">+ Add condition</button>"), ve = u("<!>  <!>", 1), ye = u("<span class=\"sv-grid-menu-head-note\">and the condition above</span>"), be = u("<span class=\"sv-grid-menu-head-note\"> </span>"), xe = u("<div class=\"sv-grid-facet-empty\">No values</div>"), Se = u("<div class=\"sv-grid-facet-note\"> </div>"), Ce = u("<div class=\"sv-grid-menu-filter\"><div class=\"sv-grid-menu-filter-head\"><span class=\"sv-grid-header-icon\"><!></span> Filter\n        condition</div> <select class=\"sv-grid-menu-operator-select\" aria-label=\"Filter condition\"></select> <!> <div class=\"sv-grid-menu-sep\"></div> <div class=\"sv-grid-menu-filter-head\">Values <!></div> <span class=\"sv-grid-menu-search-wrap\"><!> <input class=\"sv-grid-menu-search\" placeholder=\"Search values...\"/></span> <label class=\"sv-grid-facet sv-grid-facet-all\"><input type=\"checkbox\"/> <span class=\"sv-grid-facet-label\"> </span></label> <!> <!> <div class=\"sv-grid-menu-actions\"><button type=\"button\" class=\"sv-grid-menu-btn\">Clear filter</button> <button type=\"button\" class=\"sv-grid-menu-btn sv-grid-menu-btn-primary\">Done</button></div></div>"), we = u("<div role=\"tooltip\"> </div>"), Te = u("<div class=\"sv-grid-menu-backdrop\" role=\"presentation\"></div>"), Ee = u("<button type=\"button\" role=\"tab\">Filter</button>"), De = u("<div class=\"sv-grid-menu-tabs\" role=\"tablist\"><button type=\"button\" role=\"tab\">General</button> <!> <button type=\"button\" role=\"tab\">Columns</button></div>"), Oe = u("<div class=\"sv-grid-menu-filter-head\">Visible columns</div> <!>", 1), ke = u("<button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Sort\n          ascending</button> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Sort\n          descending</button> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Remove sort</button>", 1), Ae = u("<div class=\"sv-grid-menu-sep\"></div> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Pin to left</button> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Pin to right</button> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Unpin column</button>", 1), je = u("<button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Autosize\n          this column</button>"), Me = u("<div class=\"sv-grid-menu-sep\"></div> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Group\n          by this column</button> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Remove grouping</button>", 1), z = u("<button type=\"button\" role=\"menuitem\" aria-haspopup=\"menu\"><span class=\"sv-grid-header-icon\"><!></span> Choose columns <span class=\"sv-grid-header-icon sv-grid-menu-item-chevron\"><!></span></button>"), B = u("<!> <!> <div class=\"sv-grid-menu-sep\"></div> <!> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Autosize\n        all columns</button> <!> <div class=\"sv-grid-menu-sep\"></div> <!> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Reset columns</button>", 1), Ne = u("<div class=\"sv-grid-menu sv-grid-column-menu\" role=\"menu\"><!> <!></div>"), Pe = u("<div class=\"sv-grid-menu sv-grid-filter-menu\" role=\"menu\" tabindex=\"-1\"><!></div>"), Fe = u("<div class=\"sv-grid-menu sv-grid-choose-columns-menu\" role=\"menu\"><div class=\"sv-grid-menu-filter-head\">Visible columns</div> <!></div>"), Ie = u("<button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitemradio\"><span class=\"sv-grid-header-icon\"><!></span> </button>"), Le = u("<div class=\"sv-grid-menu sv-grid-operator-menu\" role=\"menu\"></div>"), Re = u("<div class=\"sv-grid-facet-empty\">No values</div>"), ze = u("<div class=\"sv-grid-menu sv-grid-in-suggest\"><!></div>"), Be = u("<div class=\"sv-grid-menu-sep\"></div>"), V = p("<path></path>"), Ve = p("<svg class=\"sv-grid-menu-icon-own\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" focusable=\"false\"></svg>"), He = u("<span class=\"sv-grid-menu-icon\" aria-hidden=\"true\"><!></span>"), Ue = u("<button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><!><span class=\"sv-grid-menu-label\"> </span></button>"), We = u("<div class=\"sv-grid-menu-backdrop\" role=\"presentation\"></div> <div class=\"sv-grid-menu sv-grid-context-menu\" role=\"menu\"></div>", 1), Ge = u("<div class=\"sv-grid-menu-backdrop\" role=\"presentation\"></div> <div class=\"sv-grid-menu sv-grid-comment-editor\" role=\"dialog\" aria-label=\"Edit comment\"><textarea class=\"sv-grid-comment-textarea\" rows=\"3\" placeholder=\"Add a comment…\"></textarea> <div class=\"sv-grid-comment-actions\"><button type=\"button\" class=\"sv-grid-comment-remove\">Remove</button> <span class=\"sv-grid-comment-spacer\"></span> <button type=\"button\" class=\"sv-grid-comment-cancel\">Cancel</button> <button type=\"button\" class=\"sv-grid-comment-save\">Save</button></div></div>", 1), Ke = u("<!> <!>  <!> <!> <!> <!> <!> <!> <!>", 1);

package/dist/cdn/{SvGridCellEditor-BlyCSp0q.js → SvGridCellEditor-9yz-SbdZ.js}

@@ -1,4 +1,4 @@
-import { A as e, O as t, S as n, T as r, b as i, n as a, o, p as s, r as c, v as l, x as u } from "./editor-registry-BhgE3S84.js";
+import { A as e, O as t, S as n, T as r, b as i, n as a, o, p as s, r as c, v as l, x as u } from "./editor-registry-BVeHvlZR.js";
 import * as d from "svelte/internal/client";
 import "svelte/internal/disclose-version";
 //#region src/SvGridCellEditor.svelte

package/dist/cdn/{SvGridCellEditor-ClRRA9lW.js → SvGridCellEditor-D7-ql1Hd.js}

@@ -1,5 +1,5 @@
 import { E as e, F as t, G as n, H as r, I as i, L as a, N as o, Q as s, U as c, V as l, X as u, Y as d, at as f, b as p, d as m, et as h, f as g, g as _, h as v, it as y, j as b, k as x, lt as ee, m as S, mt as C, nt as w, pt as T, r as te, st as E, t as D, tt as O, u as k, ut as ne, v as A, w as j, y as re } from "./disclose-version-Dr7rEVv-.js";
-import { A as ie, O as ae, S as oe, T as se, b as ce, n as le, o as ue, p as de, r as fe, v as M, x as N } from "./editor-registry-BhgE3S84.js";
+import { A as ie, O as ae, S as oe, T as se, b as ce, n as le, o as ue, p as de, r as fe, v as M, x as N } from "./editor-registry-BVeHvlZR.js";
 //#region src/SvGridCellEditor.svelte
 var P = a("<span class=\"sv-grid-chip sv-grid-chip-removable\"> <button type=\"button\" class=\"sv-grid-chip-remove\">×</button></span>"), F = a("<button type=\"button\" class=\"sv-grid-chip-commit\" aria-label=\"Commit chip selection\">Done</button>"), I = a("<div class=\"sv-grid-cell-editor sv-grid-cell-editor-chips\" role=\"group\"><div class=\"sv-grid-chips-row\"><!> <input class=\"sv-grid-chip-input\" type=\"text\"/> <!></div></div>"), L = a("<input type=\"checkbox\" class=\"sv-grid-fr-editor sv-grid-fr-checkbox\"/>"), R = a("<option> </option>"), z = a("<select class=\"sv-grid-cell-editor sv-grid-fr-editor\"></select>"), B = a("<input class=\"sv-grid-cell-editor sv-grid-fr-editor\"/>"), pe = a("<button type=\"button\" class=\"sv-grid-checkbox\" role=\"checkbox\" aria-label=\"Edit checkbox value\"></button>"), me = a("<button type=\"button\" role=\"radio\">★</button>"), he = a("<span class=\"sv-grid-rating-editor\" role=\"radiogroup\" aria-label=\"Rating\"><!> <button type=\"button\" aria-label=\"Clear rating\" class=\"sv-grid-rating-clear\">×</button></span>"), ge = a("<textarea class=\"sv-grid-cell-editor sv-grid-cell-editor-textarea\" rows=\"4\"></textarea>"), _e = a("<button type=\"button\" class=\"sv-grid-autocomplete-option\" role=\"option\"> </button>"), ve = a("<div class=\"sv-grid-autocomplete-list\" role=\"listbox\"></div>"), ye = a("<div class=\"sv-grid-autocomplete\"><input class=\"sv-grid-cell-editor sv-grid-cell-editor-autocomplete\" type=\"text\"/> <!></div>"), be = a("<input type=\"color\"/>"), xe = a("<textarea class=\"sv-grid-cell-editor sv-grid-cell-editor-text sv-grid-cell-editor-multiline\"></textarea>"), Se = a("<input/>");
 function V(a, l) {

package/dist/cdn/{SvGridChart-DsmwTyZF.js → SvGridChart-DMUOFxOe.js}

@@ -1,6 +1,6 @@
 import { a as e } from "./editor-contract-LXgQJAgd.js";
-import { i as t } from "./chart-trend-BkEp61Gj.js";
-import { C as n, D as r, E as i, H as a, O as o, T as s, X as c, c as l, et as u, g as d, gt as f, ht as ee, i as te, mt as ne, o as re, r as ie, w as ae } from "./chart-DEZxwC0i.js";
+import { i as t } from "./chart-trend-C1aOAPBZ.js";
+import { C as n, D as r, E as i, H as a, O as o, T as s, X as c, c as l, et as u, g as d, gt as f, ht as ee, i as te, mt as ne, o as re, r as ie, w as ae } from "./chart-By7h2Guv.js";
 import { a as oe, t as se } from "./chart-export-BXqueeWJ.js";
 import * as p from "svelte/internal/client";
 import "svelte/internal/disclose-version";
@@ -326,7 +326,7 @@ function Ar(e, i) {
 			return;
 		}
 		let e = p.get(I), t = !0;
-		return import("./chart-summary-CMAXBGY-.js").then((e) => e.n).then(({ chartSummary: n }) => {
+		return import("./chart-summary-BDtrNEiA.js").then((e) => e.n).then(({ chartSummary: n }) => {
 			t && p.set(zr, n(e), !0);
 		}), () => {
 			t = !1;

package/dist/cdn/{SvGridChart-B4EV8U6t.js → SvGridChart-N7ik0oWy.js}

@@ -1,7 +1,7 @@
 import { B as e, D as t, E as n, F as r, G as i, H as a, I as o, J as s, K as c, L as l, N as u, R as d, U as f, V as p, X as m, Y as h, _ as g, a as _, at as v, b as ee, d as y, et as b, ft as te, i as ne, it as x, j as re, k as S, lt as ie, nt as C, o as ae, pt as w, q as oe, rt as se, st as T, t as E, tt as D, u as ce, ut as le, v as O, w as ue, x as de } from "./disclose-version-Dr7rEVv-.js";
 import { a as fe } from "./editor-contract-LXgQJAgd.js";
-import { i as pe } from "./chart-trend-BkEp61Gj.js";
-import { C as me, D as he, E as ge, H as _e, O as ve, T as ye, X as be, c as xe, et as Se, g as Ce, gt as we, ht as Te, i as Ee, mt as De, o as Oe, r as ke, w as Ae } from "./chart-DEZxwC0i.js";
+import { i as pe } from "./chart-trend-C1aOAPBZ.js";
+import { C as me, D as he, E as ge, H as _e, O as ve, T as ye, X as be, c as xe, et as Se, g as Ce, gt as we, ht as Te, i as Ee, mt as De, o as Oe, r as ke, w as Ae } from "./chart-By7h2Guv.js";
 import { a as je, t as Me } from "./chart-export-BXqueeWJ.js";
 //#region src/chart-zoom.ts
 function Ne(e, t, n) {
@@ -324,7 +324,7 @@ function ti(l, d) {
 			return;
 		}
 		let e = i(V), t = !0;
-		return import("./chart-summary-CMAXBGY-.js").then((e) => e.n).then(({ chartSummary: n }) => {
+		return import("./chart-summary-BDtrNEiA.js").then((e) => e.n).then(({ chartSummary: n }) => {
 			t && x(si, n(e), !0);
 		}), () => {
 			t = !1;

package/dist/cdn/{SvGridChartBuilder-cHloHobN.js → SvGridChartBuilder-CB_Jnm2k.js}

@@ -1,7 +1,7 @@
 import { n as e, t } from "./SvModal-ClxGmpAc.js";
-import { _ as n, h as r, l as i, m as a, p as o, u as s, v as c, y as l } from "./chart-DEZxwC0i.js";
-import { t as u } from "./SvGridChart-DsmwTyZF.js";
-import { i as d, t as f } from "./chart-panel-messages-DguS7gC5.js";
+import { _ as n, h as r, l as i, m as a, p as o, u as s, v as c, y as l } from "./chart-By7h2Guv.js";
+import { t as u } from "./SvGridChart-DMUOFxOe.js";
+import { i as d, t as f } from "./chart-panel-messages-DUaXr-sb.js";
 import * as p from "svelte/internal/client";
 import "svelte/internal/disclose-version";
 //#region src/chart-samples.ts

package/dist/cdn/{SvGridChartBuilder-vOl7C0Za.js → SvGridChartBuilder-Ca7gF8ZK.js}

@@ -1,8 +1,8 @@
 import { E as e, F as t, G as n, H as r, I as i, L as a, N as o, V as s, Y as c, at as l, d as u, et as d, f, g as p, h as m, it as h, k as g, lt as _, m as v, mt as y, nt as b, pt as x, st as S, t as C, tt as w, u as T, ut as E, v as D, x as O } from "./disclose-version-Dr7rEVv-.js";
 import { n as k, t as A } from "./SvModal-DhB_VMFR.js";
-import { _ as j, h as M, l as N, m as P, p as F, u as I, v as L, y as R } from "./chart-DEZxwC0i.js";
-import { t as z } from "./SvGridChart-B4EV8U6t.js";
-import { i as B, t as V } from "./chart-panel-messages-D12XcTZJ.js";
+import { _ as j, h as M, l as N, m as P, p as F, u as I, v as L, y as R } from "./chart-By7h2Guv.js";
+import { t as z } from "./SvGridChart-N7ik0oWy.js";
+import { i as B, t as V } from "./chart-panel-messages-BC-tOgFY.js";
 //#region src/chart-samples.ts
 var H = null;
 function U() {

package/dist/cdn/{SvGridChartPanel-AcqF-Ll5.js → SvGridChartPanel-9GOJRHP7.js}

@@ -1,9 +1,9 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
 import { B as t, C as n, E as r, F as i, G as a, H as o, I as s, L as c, N as l, R as u, U as d, V as f, X as p, Y as m, _ as h, a as g, at as _, d as v, et as y, i as b, it as x, k as S, lt as ee, n as C, nt as w, o as T, pt as E, r as D, st as O, t as k, tt as A, u as te, ut as j, v as M, w as ne, x as N } from "./disclose-version-Dr7rEVv-.js";
-import { z as P } from "./chart-DEZxwC0i.js";
-import { t as re } from "./SvGridChart-B4EV8U6t.js";
+import { z as P } from "./chart-By7h2Guv.js";
+import { t as re } from "./SvGridChart-N7ik0oWy.js";
 import { a as ie, o as ae, r as oe, s as se, t as ce } from "./chart-export-BXqueeWJ.js";
-import { a as le, i as ue, r as de, t as fe } from "./chart-panel-messages-D12XcTZJ.js";
+import { a as le, i as ue, r as de, t as fe } from "./chart-panel-messages-BC-tOgFY.js";
 //#region ../../node_modules/.pnpm/svelte@5.55.9_@typescript-eslint+types@8.67.0/node_modules/svelte/src/transition/index.js
 function pe(e) {
 	let t = e - 1;
@@ -159,7 +159,7 @@ function L(e, c) {
 			x(f, !0);
 			return;
 		}
-		import("./SvGridChartBuilder-vOl7C0Za.js").then((e) => {
+		import("./SvGridChartBuilder-Ca7gF8ZK.js").then((e) => {
 			x(u, e.default, !0), x(f, !0);
 		});
 	}
@@ -278,7 +278,7 @@ function L(e, c) {
 	});
 	async function _t() {
 		if (x(H, !1), !a(L)) return;
-		let { chartSummary: e } = await import("./chart-summary-CMAXBGY-.js").then((e) => e.n), t = e(a(L));
+		let { chartSummary: e } = await import("./chart-summary-BDtrNEiA.js").then((e) => e.n), t = e(a(L));
 		try {
 			await navigator.clipboard?.writeText(t);
 		} catch {}

package/dist/cdn/{SvGridChartPanel-biMtSBPA.js → SvGridChartPanel-Dl-FujN8.js}

@@ -1,8 +1,8 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { z as t } from "./chart-DEZxwC0i.js";
-import { t as n } from "./SvGridChart-DsmwTyZF.js";
+import { z as t } from "./chart-By7h2Guv.js";
+import { t as n } from "./SvGridChart-DMUOFxOe.js";
 import { a as r, o as i, r as a, s as o, t as s } from "./chart-export-BXqueeWJ.js";
-import { a as c, i as l, r as u, t as d } from "./chart-panel-messages-DguS7gC5.js";
+import { a as c, i as l, r as u, t as d } from "./chart-panel-messages-DUaXr-sb.js";
 import * as f from "svelte/internal/client";
 import "svelte/internal/disclose-version";
 import { fly as p } from "svelte/transition";
@@ -135,7 +135,7 @@ function y(e, t) {
 			f.set(g, !0);
 			return;
 		}
-		import("./SvGridChartBuilder-cHloHobN.js").then((e) => {
+		import("./SvGridChartBuilder-CB_Jnm2k.js").then((e) => {
 			f.set(h, e.default, !0), f.set(g, !0);
 		});
 	}
@@ -254,7 +254,7 @@ function y(e, t) {
 	});
 	async function Je() {
 		if (f.set(N, !1), !f.get(T)) return;
-		let { chartSummary: e } = await import("./chart-summary-CMAXBGY-.js").then((e) => e.n), t = e(f.get(T));
+		let { chartSummary: e } = await import("./chart-summary-BDtrNEiA.js").then((e) => e.n), t = e(f.get(T));
 		try {
 			await navigator.clipboard?.writeText(t);
 		} catch {}

package/dist/cdn/{SvGridChartView-I3rDHXAq.js → SvGridChartView-B1LFgoPP.js}

@@ -1,5 +1,5 @@
-import { u as e } from "./chart-DEZxwC0i.js";
-import { t } from "./SvGridChart-DsmwTyZF.js";
+import { u as e } from "./chart-By7h2Guv.js";
+import { t } from "./SvGridChart-DMUOFxOe.js";
 import * as n from "svelte/internal/client";
 import "svelte/internal/disclose-version";
 //#region src/SvGridChartView.svelte

package/dist/cdn/{SvGridChartView-Dx_GmZuL.js → SvGridChartView-By3n7DGZ.js}

@@ -1,6 +1,6 @@
 import { F as e, G as t, L as n, et as r, lt as i, pt as a, st as o, ut as s, x as c } from "./disclose-version-Dr7rEVv-.js";
-import { u as l } from "./chart-DEZxwC0i.js";
-import { t as u } from "./SvGridChart-B4EV8U6t.js";
+import { u as l } from "./chart-By7h2Guv.js";
+import { t as u } from "./SvGridChart-N7ik0oWy.js";
 //#region src/SvGridChartView.svelte
 var d = n("<div class=\"sv-grid-chart-view svelte-10run6t\"><!></div>"), f = {
 	hash: "svelte-10run6t",

package/dist/cdn/{cell-formatting-DVVKOSI9.js → cell-formatting-Mnv84zoE.js}

@@ -57,12 +57,34 @@ function n(e, n) {
 	let r = (Array.isArray(e) ? e.join(",") : e ?? "") + "|" + (n.style ?? "") + "|" + (n.currency ?? "") + "|" + (n.minimumFractionDigits ?? "") + "|" + (n.maximumFractionDigits ?? "") + "|" + (n.useGrouping ?? "") + "|" + (n.currencyDisplay ?? "") + "|" + (n.notation ?? "") + "|" + (n.signDisplay ?? "") + "|" + (n.minimumIntegerDigits ?? "") + "|" + (n.compactDisplay ?? "") + "|" + (n.unit ?? "") + "|" + (n.unitDisplay ?? "") + "|" + (n.minimumSignificantDigits ?? "") + "|" + (n.maximumSignificantDigits ?? ""), i = t.get(r);
 	return i || (i = new Intl.NumberFormat(e, n), t.set(r, i)), i;
 }
-var r = /* @__PURE__ */ new Map();
-function i(e, t) {
-	let n = (Array.isArray(e) ? e.join(",") : e ?? "") + "|" + (t.dateStyle ?? "") + "|" + (t.timeStyle ?? "") + "|" + (t.year ?? "") + "|" + (t.month ?? "") + "|" + (t.day ?? "") + "|" + (t.hour ?? "") + "|" + (t.minute ?? "") + "|" + (t.second ?? "") + "|" + (t.weekday ?? "") + "|" + (t.hour12 ?? ""), i = r.get(n);
-	return i || (i = new Intl.DateTimeFormat(e, t), r.set(n, i)), i;
+function r(e) {
+	if (e instanceof Date) return Number.isNaN(e.getTime()) ? null : e;
+	if (typeof e == "number") {
+		if (!Number.isFinite(e)) return null;
+		let t = new Date(e);
+		return Number.isNaN(t.getTime()) ? null : t;
+	}
+	if (typeof e != "string") return null;
+	let t = e.trim();
+	if (t === "") return null;
+	let n = /^(\d{4})-(\d{2})-(\d{2})$/.exec(t);
+	if (n) {
+		let [e, t, r] = [
+			Number(n[1]),
+			Number(n[2]) - 1,
+			Number(n[3])
+		], i = /* @__PURE__ */ new Date(0);
+		return i.setFullYear(e, t, r), i.setHours(0, 0, 0, 0), i.getMonth() === t && i.getDate() === r ? i : null;
+	}
+	let r = new Date(t);
+	return Number.isNaN(r.getTime()) ? null : r;
 }
+var i = /* @__PURE__ */ new Map();
 function a(e, t) {
+	let n = (Array.isArray(e) ? e.join(",") : e ?? "") + "|" + (t.dateStyle ?? "") + "|" + (t.timeStyle ?? "") + "|" + (t.year ?? "") + "|" + (t.month ?? "") + "|" + (t.day ?? "") + "|" + (t.hour ?? "") + "|" + (t.minute ?? "") + "|" + (t.second ?? "") + "|" + (t.weekday ?? "") + "|" + (t.hour12 ?? ""), r = i.get(n);
+	return r || (r = new Intl.DateTimeFormat(e, t), i.set(n, r)), r;
+}
+function o(e, t) {
 	let r = typeof e == "number" ? e : Number(e);
 	if (!Number.isFinite(r)) return String(e ?? "");
 	let i = t.locales;
@@ -83,4 +105,4 @@ function a(e, t) {
 	return n(i, t.options ?? {}).format(r);
 }
 //#endregion
-export { e as i, i as n, n as r, a as t };
+export { e as a, r as i, a as n, n as r, o as t };

package/dist/cdn/{chart-DEZxwC0i.js → chart-By7h2Guv.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { i as t, n, r, t as i } from "./chart-trend-BkEp61Gj.js";
+import { i as t, n, r, t as i } from "./chart-trend-C1aOAPBZ.js";
 //#region src/chart-scale.ts
 var a = [
 	"#2563eb",

package/dist/cdn/{chart-panel-messages-D12XcTZJ.js → chart-panel-messages-BC-tOgFY.js}

@@ -1,6 +1,6 @@
 import { E as e, F as t, G as n, H as r, L as i, N as a, V as o, Y as s, d as c, et as l, f as u, g as d, h as f, k as p, lt as m, m as h, nt as g, pt as _, st as v, t as y, tt as b, u as x, ut as S, v as ee } from "./disclose-version-Dr7rEVv-.js";
 import { a as C } from "./editor-contract-LXgQJAgd.js";
-import { b as te } from "./chart-DEZxwC0i.js";
+import { b as te } from "./chart-By7h2Guv.js";
 //#region src/SvGridChartPickers.svelte
 var w = [
 	{

package/dist/cdn/{chart-panel-messages-DguS7gC5.js → chart-panel-messages-DUaXr-sb.js}

@@ -1,5 +1,5 @@
 import { a as e } from "./editor-contract-LXgQJAgd.js";
-import { b as t } from "./chart-DEZxwC0i.js";
+import { b as t } from "./chart-By7h2Guv.js";
 import * as n from "svelte/internal/client";
 import "svelte/internal/disclose-version";
 //#region src/SvGridChartPickers.svelte

package/dist/cdn/{chart-summary-CMAXBGY-.js → chart-summary-BDtrNEiA.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { i as t, n, t as r } from "./chart-trend-BkEp61Gj.js";
+import { i as t, n, t as r } from "./chart-trend-C1aOAPBZ.js";
 //#region src/chart-summary.ts
 var i = /* @__PURE__ */ e({ chartSummary: () => d }), a = (e) => typeof e == "number" && Number.isFinite(e);
 function o(e) {

package/dist/cdn/{chart-trend-BkEp61Gj.js → chart-trend-C1aOAPBZ.js}

@@ -1,4 +1,4 @@
-import { r as e } from "./cell-formatting-DVVKOSI9.js";
+import { r as e } from "./cell-formatting-Mnv84zoE.js";
 //#region src/chart-format.ts
 function t(e) {
 	let t = Math.abs(e);