@affino/datagrid-vue-app 0.4.3 → 0.4.4

package/dist/chunks/{DataGridGanttStageEntry-Cypf1c3l.js → DataGridGanttStageEntry-1xef6fbI.js}

@@ -24,7 +24,7 @@ const Ed = ["title"], _d = /* @__PURE__ */ jt({
       I.value && s("select", I.value);
     }
     return (T, E) => {
-      const f = Jo("DataGridColumnMenuCustomEntry", !0);
+      const b = Jo("DataGridColumnMenuCustomEntry", !0);
       return T.item.kind === "submenu" && N.value.length > 0 ? (_(), Ae(u(dl), {
         key: 0,
         options: T.submenuOptions
@@ -50,7 +50,7 @@ const Ed = ["title"], _d = /* @__PURE__ */ jt({
             style: de(T.menuThemeVars)
           }, {
             default: Te(() => [
-              (_(!0), H(Re, null, He(N.value, (k) => (_(), Ae(f, {
+              (_(!0), H(Re, null, He(N.value, (k) => (_(), Ae(b, {
                 key: k.key,
                 item: k,
                 "path-prefix": h.value,
@@ -155,14 +155,14 @@ const Ed = ["title"], _d = /* @__PURE__ */ jt({
   },
   emits: ["sort", "pin", "group", "apply-filter", "clear-filter", "update-text-filter"],
   setup(e, { emit: r }) {
-    const a = e, s = r, h = Z(null), o = il(sd, Z(null)), w = Z(!1), I = Z(""), N = Z(!1), M = Z(null), T = Z([]), E = Z(!1), f = Z(null), k = Z([]), D = Z(0), G = Z({}), C = Z(!1);
+    const a = e, s = r, h = Z(null), o = il(sd, Z(null)), w = Z(!1), I = Z(""), N = Z(!1), M = Z(null), T = Z([]), E = Z(!1), b = Z(null), k = Z([]), D = Z(0), G = Z({}), C = Z(!1);
     let i = 0, p = !1, x = null;
-    const v = m(() => n(a.columnDataType)), b = m(() => new Set(a.disabledItems)), y = m(() => a.triggerMode !== "button"), $ = m(() => !a.grouped || !Number.isFinite(a.groupOrder) ? null : Qe(a.labels.groupLevel, "Level {level}", {
+    const v = m(() => n(a.columnDataType)), f = m(() => new Set(a.disabledItems)), y = m(() => a.triggerMode !== "button"), $ = m(() => !a.grouped || !Number.isFinite(a.groupOrder) ? null : Qe(a.labels.groupLevel, "Level {level}", {
       level: Number(a.groupOrder) + 1
     })), V = m(() => {
       const t = Number.isFinite(a.valueFilterRowLimit) && a.valueFilterRowLimit >= 0 ? a.valueFilterRowLimit : Number.POSITIVE_INFINITY;
       return Math.min(t, gu);
-    }), A = m(() => Number.isFinite(a.maxFilterValues) && a.maxFilterValues > 0 ? Math.max(20, Math.trunc(a.maxFilterValues)) : 120), B = m(() => a.filterEnabled ? a.rowCount <= V.value : !1), K = m(() => a.rowCount >= vu), ae = m(() => a.filterEnabled && !B.value), ne = m(() => a.items.filter((t) => t === "sort" ? Se("sortAsc") || Se("sortDesc") || Se("clearSort") : t === "group" ? Se("toggleGroup") : t === "pin" ? Ee.value : t === "filter" ? le.value : !0)), se = m(() => l(ne.value, a.customItems)), Q = m(() => b.value.has("sort")), O = m(() => b.value.has("group")), F = m(() => b.value.has("pin")), q = m(() => b.value.has("filter")), te = m(() => new Set(k.value)), le = m(() => B.value || a.textFilterEnabled), U = m(() => a.textFilterEnabled && !B.value), ge = m(() => I.value.trim().length > 0), xe = m(() => E.value || f.value !== null), Ee = m(() => Se("pinMenu") && (Se("pinLeft") || Se("pinRight") || Se("unpin"))), Fe = m(() => Me(
+    }), A = m(() => Number.isFinite(a.maxFilterValues) && a.maxFilterValues > 0 ? Math.max(20, Math.trunc(a.maxFilterValues)) : 120), B = m(() => a.filterEnabled ? a.rowCount <= V.value : !1), K = m(() => a.rowCount >= vu), ae = m(() => a.filterEnabled && !B.value), ne = m(() => a.items.filter((t) => t === "sort" ? Se("sortAsc") || Se("sortDesc") || Se("clearSort") : t === "group" ? Se("toggleGroup") : t === "pin" ? Ee.value : t === "filter" ? le.value : !0)), se = m(() => l(ne.value, a.customItems)), Q = m(() => f.value.has("sort")), O = m(() => f.value.has("group")), F = m(() => f.value.has("pin")), q = m(() => f.value.has("filter")), te = m(() => new Set(k.value)), le = m(() => B.value || a.textFilterEnabled), U = m(() => a.textFilterEnabled && !B.value), ge = m(() => I.value.trim().length > 0), xe = m(() => E.value || b.value !== null), Ee = m(() => Se("pinMenu") && (Se("pinLeft") || Se("pinRight") || Se("unpin"))), Fe = m(() => Me(
       "toggleGroup",
       a.labels.group ?? (a.grouped ? "Ungroup column" : "Group by this column")
     )), Ce = m(() => Me("pinMenu", a.labels.pin ?? "Pin column")), Ft = m(() => a.labels.filter ?? (B.value ? "Filter" : "Filter by text")), wt = m(() => Me("sortAsc", v.value.asc)), Je = m(() => Me("sortDesc", v.value.desc)), Ke = m(() => Me("clearSort", "Clear sort")), ct = m(() => Me("pinLeft", "Pin left")), et = m(() => Me("pinRight", "Pin right")), dt = m(() => Me("unpin", "Unpin")), ke = m(() => Me("clearFilter", "Clear filter")), j = m(() => Me(
@@ -363,7 +363,7 @@ const Ed = ["title"], _d = /* @__PURE__ */ jt({
     }
     function $t() {
       if (I.value !== "" && (p = !0, I.value = ""), N.value = !1, Zt(), Jt(), Lt(), !B.value) {
-        T.value = [], E.value = !1, f.value = null, k.value = [], C.value = !1;
+        T.value = [], E.value = !1, b.value = null, k.value = [], C.value = !1;
         return;
       }
       Qt(!0, { defer: K.value });
@@ -390,7 +390,7 @@ const Ed = ["title"], _d = /* @__PURE__ */ jt({
     function Qt(t, c = {}) {
       Dt();
       const L = i + 1;
-      if (i = L, E.value = !0, f.value = null, !c.defer) {
+      if (i = L, E.value = !0, b.value = null, !c.defer) {
         Bt(L, t);
         return;
       }
@@ -416,7 +416,7 @@ const Ed = ["title"], _d = /* @__PURE__ */ jt({
       } catch (L) {
         if (t !== i)
           return;
-        T.value = [], f.value = L instanceof Error ? L.message : String(L), k.value = [], C.value = !1;
+        T.value = [], b.value = L instanceof Error ? L.message : String(L), k.value = [], C.value = !1;
       } finally {
         t === i && (E.value = !1);
       }
@@ -845,7 +845,7 @@ const Ed = ["title"], _d = /* @__PURE__ */ jt({
                     "aria-label": oe.value,
                     onScrollPassive: lr
                   }, [
-                    E.value ? (_(), H("div", ru, ue(pe.value), 1)) : f.value ? (_(), H("div", au, ue(qt.value), 1)) : (_(!0), H(Re, { key: 2 }, He(rt.value, (ee) => (_(), H("label", {
+                    E.value ? (_(), H("div", ru, ue(pe.value), 1)) : b.value ? (_(), H("div", au, ue(qt.value), 1)) : (_(!0), H(Re, { key: 2 }, He(rt.value, (ee) => (_(), H("label", {
                       key: ee.token,
                       class: "datagrid-column-menu__value",
                       role: "option",
@@ -862,7 +862,7 @@ const Ed = ["title"], _d = /* @__PURE__ */ jt({
                       Y("span", iu, ue(ee.label), 1),
                       Y("span", ou, ue(ee.count), 1)
                     ], 8, nu))), 128)),
-                    !E.value && !f.value && rt.value.length === 0 ? (_(), H("div", du, ue(ge.value ? Pt.value : Xt.value), 1)) : re("", !0)
+                    !E.value && !b.value && rt.value.length === 0 ? (_(), H("div", du, ue(ge.value ? Pt.value : Xt.value), 1)) : re("", !0)
                   ], 40, tu)
                 ])) : re("", !0),
                 B.value && Rr.value > 0 ? (_(), H("div", uu, ue(vr.value), 1)) : re("", !0),
@@ -1153,13 +1153,13 @@ const xu = `${cn}-header-row-index`, Cu = ["data-datagrid-pivot-group-label", "d
     }
   },
   setup(e) {
-    const r = e, a = ln(), s = ml(), h = on(), o = hl(), w = dn(), I = un(), N = m(() => w.value.sourceRows ?? []), M = m(() => o.value.visibleColumns), T = m(() => o.value.renderedColumns), E = m(() => M.value.filter((n) => n.pin === "left")), f = m(() => M.value.filter((n) => n.pin === "right")), k = m(() => ({
+    const r = e, a = ln(), s = ml(), h = on(), o = hl(), w = dn(), I = un(), N = m(() => w.value.sourceRows ?? []), M = m(() => o.value.visibleColumns), T = m(() => o.value.renderedColumns), E = m(() => M.value.filter((n) => n.pin === "left")), b = m(() => M.value.filter((n) => n.pin === "right")), k = m(() => ({
       interactionMode: "auto",
       isCoarsePointer: r.isCoarsePointer
     })), D = m(() => a.value !== "pivot" ? 0 : M.value.reduce((n, l) => {
       const t = wt(l);
       return Math.max(n, t?.groupLabels?.length ?? 0);
-    }, 0)), G = m(() => M.value.reduce((n, l) => Math.max(n, l.groupPath?.length ?? 0), 0)), C = m(() => Math.max(D.value, G.value)), i = m(() => C.value > 0), p = m(() => et(E.value)), x = m(() => et(T.value)), v = m(() => et(f.value)), b = m(() => s.value.mainTrackStyle), y = m(() => h.value.leftColumnSpacerWidth), $ = m(() => h.value.rightColumnSpacerWidth), V = m(() => o.value.columnFilterTextByKey), A = m(() => typeof o.value.columnMenuMaxFilterValues == "number" ? o.value.columnMenuMaxFilterValues : 250), B = m(() => typeof o.value.columnMenuValueFilterRowLimit == "number" ? o.value.columnMenuValueFilterRowLimit : Number.MAX_SAFE_INTEGER), K = Z(null), ae = Z(null), ne = Z(null);
+    }, 0)), G = m(() => M.value.reduce((n, l) => Math.max(n, l.groupPath?.length ?? 0), 0)), C = m(() => Math.max(D.value, G.value)), i = m(() => C.value > 0), p = m(() => et(E.value)), x = m(() => et(T.value)), v = m(() => et(b.value)), f = m(() => s.value.mainTrackStyle), y = m(() => h.value.leftColumnSpacerWidth), $ = m(() => h.value.rightColumnSpacerWidth), V = m(() => o.value.columnFilterTextByKey), A = m(() => typeof o.value.columnMenuMaxFilterValues == "number" ? o.value.columnMenuMaxFilterValues : 250), B = m(() => typeof o.value.columnMenuValueFilterRowLimit == "number" ? o.value.columnMenuValueFilterRowLimit : Number.MAX_SAFE_INTEGER), K = Z(null), ae = Z(null), ne = Z(null);
     let se = !1, Q = null;
     function O() {
       return o.value.columnMenuEnabled === !0 ? !0 : typeof o.value.applyColumnMenuSort == "function" || typeof o.value.applyColumnMenuPin == "function" || typeof o.value.applyColumnMenuFilter == "function" || typeof o.value.clearColumnMenuFilter == "function";
@@ -1894,7 +1894,7 @@ const xu = `${cn}-header-row-index`, Cu = ["data-datagrid-pivot-group-label", "d
         (_(!0), H(Re, null, He(x.value, (t, c) => (_(), H("div", {
           key: `center-pivot-group-row-${c}`,
           class: "grid-header-row grid-center-track grid-header-row--pivot-groups",
-          style: de(b.value)
+          style: de(f.value)
         }, [
           y.value > 0 ? (_(), H("div", {
             key: 0,
@@ -1925,7 +1925,7 @@ const xu = `${cn}-header-row-index`, Cu = ["data-datagrid-pivot-group-label", "d
         ], 4))), 128)),
         Y("div", {
           class: "grid-header-row grid-center-track",
-          style: de(b.value)
+          style: de(f.value)
         }, [
           y.value > 0 ? (_(), H("div", {
             key: 0,
@@ -2120,7 +2120,7 @@ const xu = `${cn}-header-row-index`, Cu = ["data-datagrid-pivot-group-label", "d
           class: "grid-header-row grid-pane-track",
           style: de(e.rightTrackStyle)
         }, [
-          F() ? (_(!0), H(Re, { key: 0 }, He(f.value, (t) => (_(), Ae(La, {
+          F() ? (_(!0), H(Re, { key: 0 }, He(b.value, (t) => (_(), Ae(La, {
             key: Qt(t.key),
             "row-count": N.value.length,
             "resolve-value-entries": (c) => kt(t.key, c),
@@ -2211,7 +2211,7 @@ const xu = `${cn}-header-row-index`, Cu = ["data-datagrid-pivot-group-label", "d
               ], 16, ps)
             ]),
             _: 2
-          }, 1032, ["row-count", "resolve-value-entries", "items", "disabled-items", "disabled-reasons", "labels", "action-options", "custom-items", "trigger-mode", "column-key", "column-label", "column-data-type", "sort-direction", "sort-enabled", "pin", "grouped", "group-order", "group-enabled", "filter-enabled", "value-filter-row-limit", "text-filter-enabled", "text-filter-value", "filter-active", "selected-filter-tokens", "max-filter-values", "onSort", "onPin", "onApplyFilter", "onGroup", "onUpdateTextFilter", "onClearFilter"]))), 128)) : (_(!0), H(Re, { key: 1 }, He(f.value, (t) => (_(), H("div", fr({
+          }, 1032, ["row-count", "resolve-value-entries", "items", "disabled-items", "disabled-reasons", "labels", "action-options", "custom-items", "trigger-mode", "column-key", "column-label", "column-data-type", "sort-direction", "sort-enabled", "pin", "grouped", "group-order", "group-enabled", "filter-enabled", "value-filter-row-limit", "text-filter-enabled", "text-filter-value", "filter-active", "selected-filter-tokens", "max-filter-values", "onSort", "onPin", "onApplyFilter", "onGroup", "onUpdateTextFilter", "onClearFilter"]))), 128)) : (_(!0), H(Re, { key: 1 }, He(b.value, (t) => (_(), H("div", fr({
             key: `header-right-${t.key}`,
             class: ["grid-cell grid-cell--header grid-cell--header-sortable grid-cell--pinned-right", Ee(t)],
             style: [Ce(t.key), Ge(t)],
@@ -2545,13 +2545,13 @@ const Sl = jt({
     const r = e, a = ln(), s = vl(), h = ml(), o = on(), w = hl(), I = dn(), N = un(), M = pl(), {
       displayRows: T,
       viewportClass: E,
-      viewportRef: f,
+      viewportRef: b,
       selectionOverlaySegments: k,
       fillPreviewOverlaySegments: D,
       movePreviewOverlaySegments: G,
       overlayLanes: C,
       renderApi: i
-    } = ad(r), p = m(() => r.topSpacerHeight ?? o.value.topSpacerHeight), x = m(() => r.bottomSpacerHeight ?? o.value.bottomSpacerHeight), v = m(() => r.handleScroll ?? i.value.handleCenterViewportScroll), b = m(() => r.handleWheel ?? i.value.handleBodyViewportWheel), y = m(() => r.handleKeydown ?? i.value.handleViewportKeydown), $ = m(() => r.handleContextMenu), V = m(() => [
+    } = ad(r), p = m(() => r.topSpacerHeight ?? o.value.topSpacerHeight), x = m(() => r.bottomSpacerHeight ?? o.value.bottomSpacerHeight), v = m(() => r.handleScroll ?? i.value.handleCenterViewportScroll), f = m(() => r.handleWheel ?? i.value.handleBodyViewportWheel), y = m(() => r.handleKeydown ?? i.value.handleViewportKeydown), $ = m(() => r.handleContextMenu), V = m(() => [
       E.value,
       s.value === "auto-height" ? "grid-body-viewport--layout-auto-height" : "grid-body-viewport--layout-fill"
     ]), A = m(() => w.value.renderedColumns.map((Q) => ({
@@ -2686,7 +2686,7 @@ const Sl = jt({
       },
       { immediate: !0 }
     ), (Q, O) => (_(), H("div", {
-      ref: u(f) ?? void 0,
+      ref: u(b) ?? void 0,
       class: fe(V.value),
       role: "grid",
       "aria-rowcount": B.value,
@@ -2696,7 +2696,7 @@ const Sl = jt({
       onScrollPassive: O[32] || (O[32] = //@ts-ignore
       (...F) => v.value && v.value(...F)),
       onWheel: O[33] || (O[33] = //@ts-ignore
-      (...F) => b.value && b.value(...F)),
+      (...F) => f.value && f.value(...F)),
       onContextmenu: O[34] || (O[34] = //@ts-ignore
       (...F) => $.value && $.value(...F)),
       onKeydown: O[35] || (O[35] = R(
@@ -3010,7 +3010,7 @@ const Sl = jt({
         clientY: i.clientY
       });
     }
-    function f(C, i, p) {
+    function b(C, i, p) {
       const x = C.touches.length === 1 ? T(C.touches) : null;
       if (!x) {
         N = null;
@@ -3150,7 +3150,7 @@ const Sl = jt({
               class: "row-resize-handle",
               "aria-label": "Resize rows",
               onMousedown: R((v) => u(o).startRowResize(v, p, e.renderApi.viewportRowOffset(p, x)), ["stop"]),
-              onTouchstart: R((v) => f(v, p, e.renderApi.viewportRowOffset(p, x)), ["stop", "prevent"]),
+              onTouchstart: R((v) => b(v, p, e.renderApi.viewportRowOffset(p, x)), ["stop", "prevent"]),
               onTouchmove: i[0] || (i[0] = R((v) => k(v), ["stop", "prevent"])),
               onTouchend: i[1] || (i[1] = R((v) => D(v), ["stop", "prevent"])),
               onTouchcancel: i[2] || (i[2] = R((v) => D(v), ["stop", "prevent"])),
@@ -3159,13 +3159,13 @@ const Sl = jt({
               onDblclick: R((v) => u(o).autosizeRow(v, p, e.renderApi.viewportRowOffset(p, x)), ["stop"])
             }, null, 40, Qs)) : re("", !0)
           ], 46, Ys)) : re("", !0),
-          (_(!0), H(Re, null, He(e.pane.columns, (v, b) => (_(), H("div", {
+          (_(!0), H(Re, null, He(e.pane.columns, (v, f) => (_(), H("div", {
             key: `${String(p.rowId)}-${e.pane.side}-${v.key}`,
             class: fe(["grid-cell", [
               "datagrid-stage__cell",
               e.pane.side === "left" ? "grid-cell--pinned-left" : "grid-cell--pinned-right",
-              e.pane.side === "left" && b < e.pane.columns.length - 1 ? "grid-cell--pinned-divider-right" : null,
-              e.pane.side === "right" && b > 0 ? "grid-cell--pinned-divider-left" : null,
+              e.pane.side === "left" && f < e.pane.columns.length - 1 ? "grid-cell--pinned-divider-right" : null,
+              e.pane.side === "right" && f > 0 ? "grid-cell--pinned-divider-left" : null,
               e.renderApi.builtInCellClasses(p, e.renderApi.viewportRowOffset(p, x), v, e.renderApi.columnIndexByKey(v.key)),
               e.renderApi.cellStateClasses(p, e.renderApi.viewportRowOffset(p, x), e.renderApi.columnIndexByKey(v.key)),
               e.renderApi.resolveCellCustomClass(p, e.renderApi.viewportRowOffset(p, x), v, e.renderApi.columnIndexByKey(v.key))
@@ -3822,7 +3822,7 @@ const Fn = "affino-datagrid-vue-app-styles", Ha = `
 
 .datagrid-app-quick-filter__input {
   min-width: 0;
-  width: 160px;
+  width: 192px;
   border: 0;
   outline: 0;
   background: transparent;
@@ -7001,36 +7001,36 @@ function xg(e) {
   const r = m(() => Math.max(0, e.totalBodyRows.value + e.placeholderRows.value.count)), a = Ua(null), s = (E) => {
     if (!Number.isFinite(E))
       return null;
-    const f = Math.max(0, Math.trunc(E));
-    return f < e.totalBodyRows.value ? e.runtime.getBodyRowAtIndex(f) : f >= r.value ? null : gc(f);
+    const b = Math.max(0, Math.trunc(E));
+    return b < e.totalBodyRows.value ? e.runtime.getBodyRowAtIndex(b) : b >= r.value ? null : gc(b);
   }, h = (E) => {
-    const f = cc(E);
-    return f >= 0 ? f : e.runtime.resolveBodyRowIndexById(E);
-  }, o = (E) => e.placeholderRows.value.createRowAt != null && E?.column.capabilities?.editable !== !1, w = (E, f) => {
+    const b = cc(E);
+    return b >= 0 ? b : e.runtime.resolveBodyRowIndexById(E);
+  }, o = (E) => e.placeholderRows.value.createRowAt != null && E?.column.capabilities?.editable !== !1, w = (E, b) => {
     if (e.totalBodyRows.value <= 0)
       return;
     const k = e.totalBodyRows.value, D = en({
       start: Math.min(E.start, k - 1),
       end: Math.min(E.end, k - 1)
     }, k);
-    if (f === "viewport") {
+    if (b === "viewport") {
       e.runtime.setViewportRange(D);
       return;
     }
     (e.runtime.setVirtualWindowRange ?? e.runtime.setViewportRange)?.(D);
-  }, I = (E, f) => {
+  }, I = (E, b) => {
     const k = en(E, r.value);
-    return a.value = k, w(k, f), k;
+    return a.value = k, w(k, b), k;
   }, N = m(() => vc(
     e.runtime.virtualWindow.value,
     a.value,
     r.value
-  )), M = (E, f) => {
+  )), M = (E, b) => {
     const k = Math.max(0, Math.trunc(E));
     if (k < e.totalBodyRows.value)
       return e.runtime.getBodyRowAtIndex(k);
     const D = e.placeholderRows.value;
-    if (!D.enabled || !D.createRowAt || !uc(D, f) || k >= r.value)
+    if (!D.enabled || !D.createRowAt || !uc(D, b) || k >= r.value)
       return null;
     const G = [...e.sourceRows.value];
     let C = e.totalBodyRows.value;
@@ -7039,7 +7039,7 @@ function xg(e) {
         visualRowIndex: C,
         materializedRowCount: C,
         sourceRows: G,
-        reason: f
+        reason: b
       });
       if (!i)
         return null;
@@ -7063,15 +7063,15 @@ function xg(e) {
       bodyRowCount: r.value
     })),
     syncBodyRowsInRange: (E) => {
-      const f = I(E, "virtual-window");
+      const b = I(E, "virtual-window");
       if (E.end < E.start)
         return [];
-      const k = [], D = Math.min(f.end, Math.max(0, e.totalBodyRows.value - 1));
-      f.start <= D && typeof e.runtime.syncBodyRowsInRange == "function" && k.push(...e.runtime.syncBodyRowsInRange({
-        start: f.start,
+      const k = [], D = Math.min(b.end, Math.max(0, e.totalBodyRows.value - 1));
+      b.start <= D && typeof e.runtime.syncBodyRowsInRange == "function" && k.push(...e.runtime.syncBodyRowsInRange({
+        start: b.start,
         end: D
       }));
-      for (let G = Math.max(f.start, e.totalBodyRows.value); G <= f.end; G += 1) {
+      for (let G = Math.max(b.start, e.totalBodyRows.value); G <= b.end; G += 1) {
         const C = s(G);
         C && k.push(C);
       }
@@ -7270,7 +7270,7 @@ function pc(e) {
       kind: Or(A) ? "placeholder" : "real"
     };
   }
-  function f(A, B, K, ae) {
+  function b(A, B, K, ae) {
     const ne = T(A, K), se = E(A), Q = e.isCellEditableSafe(A, B, K, ae), O = cl({
       column: K.column,
       row: A.kind !== "group" ? A.data : void 0,
@@ -7403,7 +7403,7 @@ function pc(e) {
   function v() {
     e.editing.value.cancelInlineEdit();
   }
-  function b(A, B = "stay") {
+  function f(A, B = "stay") {
     e.editing.value.updateEditingCellValue(A), e.editing.value.commitInlineEdit(B);
   }
   function y() {
@@ -7422,7 +7422,7 @@ function pc(e) {
     resolveSelectEditorOptionsLoader: N,
     handleSelectEditorOptionsResolved: M,
     readResolvedDisplayCell: T,
-    renderResolvedCellContent: f,
+    renderResolvedCellContent: b,
     resolveSelectEditorValue: k,
     isSelectEditorCell: D,
     isDateEditorCell: G,
@@ -7430,7 +7430,7 @@ function pc(e) {
     isTextEditorCell: i,
     handleSelectEditorCommit: x,
     handleSelectEditorCancel: v,
-    handleDateEditorChange: b,
+    handleDateEditorChange: f,
     handleTextEditorBlur: y,
     updateEditingCellValue: $,
     handleEditorKeydown: V
@@ -7458,20 +7458,20 @@ function Br(e, r, a, s, h) {
   });
 }
 function yc(e) {
-  function r(f, k) {
-    return f.kind !== "group" && fc(k);
+  function r(b, k) {
+    return b.kind !== "group" && fc(k);
   }
-  function a(f, k, D, G) {
-    const C = f.kind !== "group" ? e.resolveCellEditorMode(f, D) : "none", i = e.isCellEditableSafe(f, k, D, G), p = Br(e, f, k, D, G);
+  function a(b, k, D, G) {
+    const C = b.kind !== "group" ? e.resolveCellEditorMode(b, D) : "none", i = e.isCellEditableSafe(b, k, D, G), p = Br(e, b, k, D, G);
     return {
-      "grid-cell--checkbox": r(f, D),
+      "grid-cell--checkbox": r(b, D),
       "grid-cell--row-selection": zn(D),
       "grid-cell--select": i && C === "select",
       "grid-cell--date": i && (C === "date" || C === "datetime"),
       "grid-cell--interactive": p !== null
     };
   }
-  function s(f, k, D) {
+  function s(b, k, D) {
     const G = e.visibleColumns.value[D]?.key ?? "", C = e.isVisualSelectionAnchorCell(k, D);
     return {
       "grid-cell--selected": !C && e.shouldHighlightSelectedCellVisual(k, D),
@@ -7483,35 +7483,35 @@ function yc(e) {
       "grid-cell--clipboard-pending-right": e.isCellOnPendingClipboardEdgeSafe(k, D, "right"),
       "grid-cell--clipboard-pending-bottom": e.isCellOnPendingClipboardEdgeSafe(k, D, "bottom"),
       "grid-cell--clipboard-pending-left": e.isCellOnPendingClipboardEdgeSafe(k, D, "left"),
-      "grid-cell--editing": e.isEditingCellSafe(f, G)
+      "grid-cell--editing": e.isEditingCellSafe(b, G)
     };
   }
-  function h(f, k) {
-    return e.isVisualSelectionAnchorCell(f, k) || e.isCellSelectedSafe(f, k) || e.shouldHighlightSelectedCellVisual(f, k) ? "true" : "false";
+  function h(b, k) {
+    return e.isVisualSelectionAnchorCell(b, k) || e.isCellSelectedSafe(b, k) || e.shouldHighlightSelectedCellVisual(b, k) ? "true" : "false";
   }
-  function o(f, k, D, G) {
-    return Br(e, f, k, D, G)?.role ?? (r(f, D) ? "checkbox" : void 0);
+  function o(b, k, D, G) {
+    return Br(e, b, k, D, G)?.role ?? (r(b, D) ? "checkbox" : void 0);
   }
-  function w(f, k, D, G) {
-    return Br(e, f, k, D, G)?.checked ?? (r(f, D) ? Wa(e, f, D) ? "true" : "false" : void 0);
+  function w(b, k, D, G) {
+    return Br(e, b, k, D, G)?.checked ?? (r(b, D) ? Wa(e, b, D) ? "true" : "false" : void 0);
   }
-  function I(f, k, D, G) {
-    return Br(e, f, k, D, G)?.pressed;
+  function I(b, k, D, G) {
+    return Br(e, b, k, D, G)?.pressed;
   }
-  function N(f, k, D, G) {
-    return Br(e, f, k, D, G)?.label;
+  function N(b, k, D, G) {
+    return Br(e, b, k, D, G)?.label;
   }
-  function M(f, k, D, G) {
-    return bc(f) && !e.isCellEditableSafe(f, k, D, G) || Br(e, f, k, D, G)?.disabled ? "true" : void 0;
+  function M(b, k, D, G) {
+    return bc(b) && !e.isCellEditableSafe(b, k, D, G) || Br(e, b, k, D, G)?.disabled ? "true" : void 0;
   }
-  function T(f, k) {
+  function T(b, k) {
     return {
-      "grid-checkbox-indicator--checked": Wa(e, f, k)
+      "grid-checkbox-indicator--checked": Wa(e, b, k)
     };
   }
-  function E(f, k) {
+  function E(b, k) {
     return {
-      "grid-checkbox-indicator__mark--checked": Wa(e, f, k)
+      "grid-checkbox-indicator__mark--checked": Wa(e, b, k)
     };
   }
   return {
@@ -7539,10 +7539,10 @@ function xc(e) {
     const M = e.selection.value?.fillActionAnchorCell;
     if (!M)
       return null;
-    const T = e.resolveViewportRowStart(), E = e.resolveViewportRowStart() + Math.max(0, e.displayRows.value.length - 1), f = e.selectionRange.value, k = f ? Math.min(f.startRow, f.endRow) : M.rowIndex, D = f ? Math.max(f.startRow, f.endRow) : M.rowIndex, G = f ? Math.min(f.startColumn, f.endColumn) : M.columnIndex, C = f ? Math.max(f.startColumn, f.endColumn) : M.columnIndex, i = Math.max(k, T), p = Math.min(D, E), x = i <= p ? xr(M.rowIndex, i, p) : M.rowIndex, v = new Set((e.renderedColumns.value ?? []).map(($) => $.key)), b = e.visibleColumns.value.map(($, V) => ({ column: $, columnIndex: V })).filter(({ column: $, columnIndex: V }) => V < G || V > C ? !1 : $.pin === "left" || $.pin === "right" || v.has($.key)).map(({ columnIndex: $ }) => $), y = b.length > 0 ? xr(
+    const T = e.resolveViewportRowStart(), E = e.resolveViewportRowStart() + Math.max(0, e.displayRows.value.length - 1), b = e.selectionRange.value, k = b ? Math.min(b.startRow, b.endRow) : M.rowIndex, D = b ? Math.max(b.startRow, b.endRow) : M.rowIndex, G = b ? Math.min(b.startColumn, b.endColumn) : M.columnIndex, C = b ? Math.max(b.startColumn, b.endColumn) : M.columnIndex, i = Math.max(k, T), p = Math.min(D, E), x = i <= p ? xr(M.rowIndex, i, p) : M.rowIndex, v = new Set((e.renderedColumns.value ?? []).map(($) => $.key)), f = e.visibleColumns.value.map(($, V) => ({ column: $, columnIndex: V })).filter(({ column: $, columnIndex: V }) => V < G || V > C ? !1 : $.pin === "left" || $.pin === "right" || v.has($.key)).map(({ columnIndex: $ }) => $), y = f.length > 0 ? xr(
       M.columnIndex,
-      b[0] ?? M.columnIndex,
-      b[b.length - 1] ?? M.columnIndex
+      f[0] ?? M.columnIndex,
+      f[f.length - 1] ?? M.columnIndex
     ) : M.columnIndex;
     return e.isVisibleCellEditableByAbsoluteCoord(x, y) ? {
       rowIndex: x,
@@ -7589,30 +7589,30 @@ function xc(e) {
         )
       );
     }
-    let f = e.leftPaneWidth.value - e.bodyViewportScrollLeft.value;
+    let b = e.leftPaneWidth.value - e.bodyViewportScrollLeft.value;
     for (const G of e.visibleColumns.value.filter((C) => C.pin !== "left" && C.pin !== "right"))
-      if (f += e.resolveColumnWidth(G), G.key === E.key)
+      if (b += e.resolveColumnWidth(G), G.key === E.key)
         break;
     const k = e.leftPaneWidth.value + Nt, D = e.leftPaneWidth.value + e.effectiveBodyViewportWidth.value - rr - Nt;
-    return xr(f - rr, k, D);
+    return xr(b - rr, k, D);
   }
   function h() {
     const M = e.bodyViewportTopOffset.value + Nt, T = e.bodyViewportTopOffset.value + Math.max(
       0,
       e.bodyViewportClientHeight.value - rr - Nt - za
-    ), E = e.selection.value?.fillActionAnchorCell, f = a();
-    if (!f)
+    ), E = e.selection.value?.fillActionAnchorCell, b = a();
+    if (!b)
       return null;
-    if (E && E.rowIndex !== f.rowIndex)
+    if (E && E.rowIndex !== b.rowIndex)
       return T;
-    const k = e.resolveRelativeCellRect(f);
+    const k = e.resolveRelativeCellRect(b);
     if (k)
       return xr(
         k.bottom - rr - za,
         M,
         T
       );
-    const D = e.bodyShellRef.value?.getBoundingClientRect(), G = e.resolveVisibleRowElement(f.rowIndex);
+    const D = e.bodyShellRef.value?.getBoundingClientRect(), G = e.resolveVisibleRowElement(b.rowIndex);
     if (!D || !G)
       return T;
     const i = G.getBoundingClientRect().bottom - D.top - rr - za;
@@ -7659,13 +7659,13 @@ function xc(e) {
   ), De(r, (M, T, E) => {
     if (!M || typeof window > "u")
       return;
-    const f = (D) => {
+    const b = (D) => {
       (D.target instanceof HTMLElement ? D.target : null)?.closest(wc) || (r.value = !1);
     }, k = (D) => {
       D.key === "Escape" && (r.value = !1, w());
     };
-    window.addEventListener("mousedown", f, !0), window.addEventListener("keydown", k), E(() => {
-      window.removeEventListener("mousedown", f, !0), window.removeEventListener("keydown", k);
+    window.addEventListener("mousedown", b, !0), window.addEventListener("keydown", k), E(() => {
+      window.removeEventListener("mousedown", b, !0), window.removeEventListener("keydown", k);
     });
   }), {
     fillActionMenuOpen: r,
@@ -7696,14 +7696,14 @@ function Sc(e) {
   }
   function s(M, T) {
     const E = `.grid-cell[data-row-index="${M}"][data-column-index="${T}"]`;
-    for (const f of [
+    for (const b of [
       e.leftPaneContentRef.value,
       e.bodyViewportEl.value,
       e.rightPaneContentRef.value,
       e.leftBottomPaneContentRef.value,
       e.rightBottomPaneContentRef.value
     ]) {
-      const k = f?.querySelector(E);
+      const k = b?.querySelector(E);
       if (k)
         return k;
     }
@@ -7718,9 +7718,9 @@ function Sc(e) {
       e.leftBottomPaneContentRef.value,
       e.rightBottomPaneContentRef.value
     ]) {
-      const f = E?.querySelector(T);
-      if (f)
-        return f;
+      const b = E?.querySelector(T);
+      if (b)
+        return b;
     }
     return null;
   }
@@ -7730,17 +7730,17 @@ function Sc(e) {
     const T = s(M.rowIndex, M.columnIndex), E = e.bodyShellRef.value?.getBoundingClientRect();
     if (!T || !E)
       return null;
-    const f = T.getBoundingClientRect();
+    const b = T.getBoundingClientRect();
     return {
-      left: f.left - E.left,
-      right: f.right - E.left,
-      top: f.top - E.top,
-      bottom: f.bottom - E.top
+      left: b.left - E.left,
+      right: b.right - E.left,
+      top: b.top - E.top,
+      bottom: b.bottom - E.top
     };
   }
   function w(M, T) {
-    const E = M - e.viewportRowStart.value, f = e.displayRows.value[E], k = e.visibleColumns.value[T];
-    return E < 0 || !f || !k ? !1 : e.isCellEditableSafe(f, E, k, T);
+    const E = M - e.viewportRowStart.value, b = e.displayRows.value[E], k = e.visibleColumns.value[T];
+    return E < 0 || !b || !k ? !1 : e.isCellEditableSafe(b, E, k, T);
   }
   function I() {
     if (e.shouldRestoreAnchorFocus?.() === !1) {
@@ -7794,35 +7794,35 @@ const Rc = 6, ga = "datagrid-fill-drag-cursor";
 function kc(e) {
   const r = Z(null), a = Z(null), s = Z(null);
   let h = null;
-  function o(v, b) {
+  function o(v, f) {
     Cl({
       scope: "interactionPreventDefault",
       totalMs: 0,
       owner: "fill",
       eventType: v,
-      reason: b
+      reason: f
     });
   }
   function w(v) {
     if (typeof document > "u")
       return;
-    const b = document.body, y = document.documentElement;
-    if (!(!b || !y)) {
+    const f = document.body, y = document.documentElement;
+    if (!(!f || !y)) {
       if (v) {
-        a.value == null && (a.value = b.style.cursor), s.value == null && (s.value = y.style.cursor), y.classList.add(ga), b.classList.add(ga), y.style.setProperty("cursor", "crosshair", "important"), b.style.setProperty("cursor", "crosshair", "important");
+        a.value == null && (a.value = f.style.cursor), s.value == null && (s.value = y.style.cursor), y.classList.add(ga), f.classList.add(ga), y.style.setProperty("cursor", "crosshair", "important"), f.style.setProperty("cursor", "crosshair", "important");
         return;
       }
-      y.classList.remove(ga), b.classList.remove(ga), s.value != null && (s.value ? y.style.setProperty("cursor", s.value) : y.style.removeProperty("cursor"), s.value = null), a.value != null && (a.value ? b.style.setProperty("cursor", a.value) : b.style.removeProperty("cursor"), a.value = null);
+      y.classList.remove(ga), f.classList.remove(ga), s.value != null && (s.value ? y.style.setProperty("cursor", s.value) : y.style.removeProperty("cursor"), s.value = null), a.value != null && (a.value ? f.style.setProperty("cursor", a.value) : f.style.removeProperty("cursor"), a.value = null);
     }
   }
   function I() {
     r.value != null && (r.value = null);
   }
-  function N(v, b, y) {
-    if (e.mode.value !== "base" || e.selection.value?.isFillDragging || !e.selectionRange.value || !e.isCellSelectedSafe(b, y))
+  function N(v, f, y) {
+    if (e.mode.value !== "base" || e.selection.value?.isFillDragging || !e.selectionRange.value || !e.isCellSelectedSafe(f, y))
       return !1;
-    const $ = e.displayRows.value[b], V = e.visibleColumns.value[y];
-    if (!$ || !V || !e.isCellEditableSafe($, b, V, y))
+    const $ = e.displayRows.value[f], V = e.visibleColumns.value[y];
+    if (!$ || !V || !e.isCellEditableSafe($, f, V, y))
       return !1;
     const A = v.currentTarget instanceof HTMLElement ? v.currentTarget : null;
     if (!A)
@@ -7838,16 +7838,16 @@ function kc(e) {
         Math.floor(B.height / 2)
       )
     ), ae = v.clientX - B.left, ne = v.clientY - B.top;
-    return ne <= K && e.isCellOnSelectionEdgeSafe(b, y, "top") || B.height - ne <= K && e.isCellOnSelectionEdgeSafe(b, y, "bottom") || ae <= K && e.isCellOnSelectionEdgeSafe(b, y, "left") || B.width - ae <= K && e.isCellOnSelectionEdgeSafe(b, y, "right");
+    return ne <= K && e.isCellOnSelectionEdgeSafe(f, y, "top") || B.height - ne <= K && e.isCellOnSelectionEdgeSafe(f, y, "bottom") || ae <= K && e.isCellOnSelectionEdgeSafe(f, y, "left") || B.width - ae <= K && e.isCellOnSelectionEdgeSafe(f, y, "right");
   }
-  function M(v, b, y) {
+  function M(v, f, y) {
     if (e.suppressHoverInteractions?.value === !0 || e.selection.value?.isFillDragging || e.selection.value?.rangeMoveEnabled !== !0) {
       I();
       return;
     }
-    if (N(v, b, y)) {
+    if (N(v, f, y)) {
       r.value = {
-        rowIndex: e.viewportRowStart.value + b,
+        rowIndex: e.viewportRowStart.value + f,
         columnIndex: y
       };
       return;
@@ -7864,52 +7864,52 @@ function kc(e) {
       return;
     v.preventDefault(), o("dblclick", "fill-handle"), e.fillActionMenuOpen.value = !1, (v.currentTarget instanceof HTMLElement ? v.currentTarget : null)?.closest(".grid-cell")?.focus({ preventScroll: !0 }), e.selection.value?.startFillHandleDoubleClick(v);
   }
-  function f(v, b) {
+  function b(v, f) {
     const y = v;
     for (let $ = 0; $ < v.length; $ += 1) {
       const V = typeof v.item == "function" ? v.item($) : y[$];
-      if (V?.identifier === b)
+      if (V?.identifier === f)
         return V;
     }
     return null;
   }
   function k(v) {
-    const b = v;
-    return (typeof v.item == "function" ? v.item(0) : b[0]) ?? null;
+    const f = v;
+    return (typeof v.item == "function" ? v.item(0) : f[0]) ?? null;
   }
-  function D(v, b) {
+  function D(v, f) {
     return new MouseEvent(v, {
       bubbles: !0,
       cancelable: !0,
       button: 0,
-      clientX: b.clientX,
-      clientY: b.clientY
+      clientX: f.clientX,
+      clientY: f.clientY
     });
   }
   function G(v) {
-    const b = v.touches.length === 1 ? k(v.touches) : null;
-    if (!b) {
+    const f = v.touches.length === 1 ? k(v.touches) : null;
+    if (!f) {
       h = null;
       return;
     }
-    v.preventDefault(), o("touchstart", "fill-handle"), e.fillActionMenuOpen.value = !1, h = b.identifier, (v.currentTarget instanceof HTMLElement ? v.currentTarget : null)?.closest(".grid-cell")?.focus({ preventScroll: !0 }), e.selection.value?.startFillHandleDrag(D("mousedown", b));
+    v.preventDefault(), o("touchstart", "fill-handle"), e.fillActionMenuOpen.value = !1, h = f.identifier, (v.currentTarget instanceof HTMLElement ? v.currentTarget : null)?.closest(".grid-cell")?.focus({ preventScroll: !0 }), e.selection.value?.startFillHandleDrag(D("mousedown", f));
   }
   function C(v) {
     if (h == null || typeof window > "u")
       return;
-    const b = f(v.touches, h);
-    b && (v.preventDefault(), o("touchmove", "fill-handle"), window.dispatchEvent(D("mousemove", b)));
+    const f = b(v.touches, h);
+    f && (v.preventDefault(), o("touchmove", "fill-handle"), window.dispatchEvent(D("mousemove", f)));
   }
   function i(v) {
     if (h == null || typeof window > "u") {
       h = null;
       return;
     }
-    const b = f(v.changedTouches, h);
-    h = null, b && (v.preventDefault(), o("touchend", "fill-handle"), window.dispatchEvent(D("mouseup", b)));
+    const f = b(v.changedTouches, h);
+    h = null, f && (v.preventDefault(), o("touchend", "fill-handle"), window.dispatchEvent(D("mouseup", f)));
   }
-  function p(v, b) {
-    return r.value?.rowIndex === v + e.viewportRowStart.value && r.value?.columnIndex === b;
+  function p(v, f) {
+    return r.value?.rowIndex === v + e.viewportRowStart.value && r.value?.columnIndex === f;
   }
   De(
     () => e.selection.value?.isFillDragging === !0,
@@ -7943,14 +7943,14 @@ function Mc(e, r) {
 }
 function Tc(e) {
   function r(x, v) {
-    const b = Mc(e.selection, e.selectionRange);
-    return !!(b && e.viewportRowStart.value + x === b.rowIndex && v === b.columnIndex);
+    const f = Mc(e.selection, e.selectionRange);
+    return !!(f && e.viewportRowStart.value + x === f.rowIndex && v === f.columnIndex);
   }
   function a(x, v) {
     if (!e.isCellSelectedSafe(x, v) || r(x, v))
       return !1;
-    const b = e.selectionRange.value;
-    return b ? e.selectionRanges.value.length > 1 || !(b.startRow === b.endRow && b.startColumn === b.endColumn) : !0;
+    const f = e.selectionRange.value;
+    return f ? e.selectionRanges.value.length > 1 || !(f.startRow === f.endRow && f.startColumn === f.endColumn) : !0;
   }
   function s(x) {
     return x.column.meta?.rowSelection === !0;
@@ -7958,42 +7958,42 @@ function Tc(e) {
   function h(x, v) {
     if (r(x, v))
       return !0;
-    const b = e.cells.value.isSelectionAnchorCell;
-    return typeof b == "function" ? b(x, v) : !1;
+    const f = e.cells.value.isSelectionAnchorCell;
+    return typeof f == "function" ? f(x, v) : !1;
   }
   function o(x, v) {
-    const b = e.cells.value.isCellInFillPreview;
-    return typeof b == "function" ? b(x, v) : !1;
+    const f = e.cells.value.isCellInFillPreview;
+    return typeof f == "function" ? f(x, v) : !1;
   }
   function w(x, v) {
-    const b = e.cells.value.isCellInPendingClipboardRange;
-    return typeof b == "function" ? b(x, v) : !1;
+    const f = e.cells.value.isCellInPendingClipboardRange;
+    return typeof f == "function" ? f(x, v) : !1;
   }
-  function I(x, v, b) {
+  function I(x, v, f) {
     const y = e.cells.value.isCellOnPendingClipboardEdge;
-    return typeof y == "function" ? y(x, v, b) : !1;
+    return typeof y == "function" ? y(x, v, f) : !1;
   }
-  function N(x, v, b) {
+  function N(x, v, f) {
     const y = e.cells.value.isCellOnSelectionEdge;
-    return typeof y == "function" ? y(x, v, b) : !1;
+    return typeof y == "function" ? y(x, v, f) : !1;
   }
   function M(x, v) {
-    const b = e.selection.value?.isFillHandleCell;
-    return typeof b == "function" ? b(x, v) : !1;
+    const f = e.selection.value?.isFillHandleCell;
+    return typeof f == "function" ? f(x, v) : !1;
   }
   function T(x, v) {
     return e.isEditingCellSafe(x, v);
   }
-  function E(x, v, b, y) {
-    return e.isCellEditableSafe(x, v, b, y);
+  function E(x, v, f, y) {
+    return e.isCellEditableSafe(x, v, f, y);
   }
-  function f(x, v) {
-    const b = x - e.viewportRowStart.value, y = e.displayRows.value[b], $ = e.visibleColumns.value[v];
-    return b < 0 || !y || !$ ? !1 : E(y, b, $, v);
+  function b(x, v) {
+    const f = x - e.viewportRowStart.value, y = e.displayRows.value[f], $ = e.visibleColumns.value[v];
+    return f < 0 || !y || !$ ? !1 : E(y, f, $, v);
   }
-  function k(x, v, b = {}) {
+  function k(x, v, f = {}) {
     let y = null;
-    return e.isHoveredRow(x, v) ? y = "var(--datagrid-row-band-hover-bg)" : e.isStripedRow(x, v) && (y = "var(--datagrid-row-band-striped-bg)"), y ? b.fullBleed === !0 ? {
+    return e.isHoveredRow(x, v) ? y = "var(--datagrid-row-band-hover-bg)" : e.isStripedRow(x, v) && (y = "var(--datagrid-row-band-striped-bg)"), y ? f.fullBleed === !0 ? {
       backgroundImage: `linear-gradient(${y}, ${y})`,
       backgroundSize: "100% calc(100% - var(--datagrid-row-divider-size))",
       backgroundPosition: "top left",
@@ -8006,32 +8006,32 @@ function Tc(e) {
     } : null;
   }
   function D(x, v) {
-    const b = e.rows.value.isRowInPendingClipboardCut?.(x) === !0, y = e.displayRows.value[v - 1], $ = e.displayRows.value[v + 1], V = y ? e.rows.value.isRowInPendingClipboardCut?.(y) === !0 : !1, A = $ ? e.rows.value.isRowInPendingClipboardCut?.($) === !0 : !1;
+    const f = e.rows.value.isRowInPendingClipboardCut?.(x) === !0, y = e.displayRows.value[v - 1], $ = e.displayRows.value[v + 1], V = y ? e.rows.value.isRowInPendingClipboardCut?.(y) === !0 : !1, A = $ ? e.rows.value.isRowInPendingClipboardCut?.($) === !0 : !1;
     return {
       "grid-row--hoverable": e.rows.value.rowHover === !0,
       "grid-row--hovered": e.isHoveredRow(x, v),
       "grid-row--striped": e.isStripedRow(x, v),
       "grid-row--group-explicit-trigger": x.kind === "group" && e.hasExplicitGroupCellRenderer.value,
-      "grid-row--clipboard-pending": b,
-      "grid-row--clipboard-pending-top": b && !V,
-      "grid-row--clipboard-pending-middle": b && V && A,
-      "grid-row--clipboard-pending-bottom": b && !A,
+      "grid-row--clipboard-pending": f,
+      "grid-row--clipboard-pending-top": f && !V,
+      "grid-row--clipboard-pending-middle": f && V && A,
+      "grid-row--clipboard-pending-bottom": f && !A,
       "grid-row--focused": typeof e.rows.value.isRowFocused == "function" ? e.rows.value.isRowFocused(x) : !1,
       "grid-row--checkbox-selected": typeof e.rows.value.isRowCheckboxSelected == "function" ? e.rows.value.isRowCheckboxSelected(x) : !1
     };
   }
-  function G(x, v, b, y) {
-    if (r(b, y))
+  function G(x, v, f, y) {
+    if (r(f, y))
       return v.pin === "left" ? { background: "var(--datagrid-pinned-left-bg)" } : v.pin === "right" ? { background: "var(--datagrid-pinned-right-bg)" } : { background: "var(--datagrid-row-background-color)" };
-    if (a(b, y))
+    if (a(f, y))
       return { background: "var(--datagrid-selection-range-bg)" };
-    const $ = k(x, b, {
+    const $ = k(x, f, {
       fullBleed: v.pin === "left" || v.pin === "right"
     });
     return $ || {};
   }
-  function C(x, v, b) {
-    if (v.kind === "group" || e.resolveCellEditorMode(v, b) !== "select")
+  function C(x, v, f) {
+    if (v.kind === "group" || e.resolveCellEditorMode(v, f) !== "select")
       return !1;
     const y = x.currentTarget instanceof HTMLElement ? x.currentTarget : null;
     if (!y)
@@ -8042,8 +8042,8 @@ function Tc(e) {
     const V = x.clientX - $.left, A = Math.min(24, Math.max(16, Math.floor($.width * 0.22)));
     return V >= $.width - A;
   }
-  function i(x, v, b) {
-    const y = v.kind === "group" ? "none" : e.resolveCellEditorMode(v, b);
+  function i(x, v, f) {
+    const y = v.kind === "group" ? "none" : e.resolveCellEditorMode(v, f);
     if (y !== "date" && y !== "datetime")
       return !1;
     const $ = x.currentTarget instanceof HTMLElement ? x.currentTarget : null;
@@ -8055,11 +8055,11 @@ function Tc(e) {
     const A = x.clientX - V.left, B = Math.min(24, Math.max(16, Math.floor(V.width * 0.22)));
     return A >= V.width - B;
   }
-  function p(x, v, b, y, $) {
+  function p(x, v, f, y, $) {
     if (s(y)) {
       if (v.kind === "group")
         return;
-      e.handleCellClick(v, b, y, $);
+      e.handleCellClick(v, f, y, $);
       return;
     }
     if (v.kind === "group") {
@@ -8067,10 +8067,10 @@ function Tc(e) {
       return;
     }
     if (!sn(x) && !T(v, y.key) && (C(x, v, y) || i(x, v, y))) {
-      e.startInlineEditIfAllowed(v, y, b);
+      e.startInlineEditIfAllowed(v, y, f);
       return;
     }
-    e.handleCellClick(v, b, y, $);
+    e.handleCellClick(v, f, y, $);
   }
   return {
     rowStateClasses: D,
@@ -8085,7 +8085,7 @@ function Tc(e) {
     isCellOnPendingClipboardEdgeSafe: I,
     isCellOnSelectionEdgeSafe: N,
     isFillHandleCellSafe: M,
-    isVisibleCellEditableByAbsoluteCoord: f,
+    isVisibleCellEditableByAbsoluteCoord: b,
     isCellEditableSafe: E,
     isEditingCellSafe: T
   };
@@ -8113,60 +8113,60 @@ function Pc(e) {
   const r = Z(null), a = Z(null), s = Z(null), h = m(() => e.rows.value.showRowIndex !== !1), o = m(() => {
     if (!h.value)
       return 0;
-    const b = _c(
+    const f = _c(
       e.layout.value.indexColumnStyle.width ?? e.layout.value.indexColumnStyle.minWidth,
       Gn
     );
-    return b > 0 ? b : Gn;
+    return f > 0 ? f : Gn;
   }), w = m(() => {
-    const b = `${o.value}px`;
+    const f = `${o.value}px`;
     return {
       ...e.layout.value.indexColumnStyle,
-      width: b,
-      minWidth: b,
-      maxWidth: b
+      width: f,
+      minWidth: f,
+      maxWidth: f
     };
   });
-  function I(b) {
-    e.rows.value.handleRowClick?.(b);
+  function I(f) {
+    e.rows.value.handleRowClick?.(f);
   }
-  function N(b, y, $) {
+  function N(f, y, $) {
     if (e.rows.value.consumeRecentRowResizeInteraction?.() === !0)
       return;
-    ($.currentTarget instanceof HTMLElement ? $.currentTarget : null)?.focus({ preventScroll: !0 }), e.rows.value.handleRowIndexClick?.(b, y, $.shiftKey);
+    ($.currentTarget instanceof HTMLElement ? $.currentTarget : null)?.focus({ preventScroll: !0 }), e.rows.value.handleRowIndexClick?.(f, y, $.shiftKey);
   }
-  function M(b, y, $) {
-    e.rows.value.handleRowIndexKeydown?.(b, y, $);
+  function M(f, y, $) {
+    e.rows.value.handleRowIndexKeydown?.(f, y, $);
   }
-  function T(b) {
-    return typeof e.rows.value.isRowFocused == "function" && e.rows.value.isRowFocused(b) ? 0 : -1;
+  function T(f) {
+    return typeof e.rows.value.isRowFocused == "function" && e.rows.value.isRowFocused(f) ? 0 : -1;
   }
-  function E(b) {
+  function E(f) {
     const y = e.visibleColumns.value.length - 1;
-    return y < 0 ? !1 : (e.selectionRanges?.value ?? (e.selectionRange.value ? [e.selectionRange.value] : [])).some((V) => b >= Math.min(V.startRow, V.endRow) && b <= Math.max(V.startRow, V.endRow) && Math.min(V.startColumn, V.endColumn) === 0 && Math.max(V.startColumn, V.endColumn) >= y);
+    return y < 0 ? !1 : (e.selectionRanges?.value ?? (e.selectionRange.value ? [e.selectionRange.value] : [])).some((V) => f >= Math.min(V.startRow, V.endRow) && f <= Math.max(V.startRow, V.endRow) && Math.min(V.startColumn, V.endColumn) === 0 && Math.max(V.startColumn, V.endColumn) >= y);
   }
-  function f(b, y) {
-    const $ = y ? e.resolveAbsoluteRowIndex(y, b) : e.viewportRowStart.value + b;
+  function b(f, y) {
+    const $ = y ? e.resolveAbsoluteRowIndex(y, f) : e.viewportRowStart.value + f;
     return E($);
   }
-  function k(b) {
-    return typeof e.rows.value.reorderRowsByIndex == "function" && b.kind !== "group" && b.rowId != null && b.state.pinned === "none" && !e.isDataGridPlaceholderSurfaceRow(b);
+  function k(f) {
+    return typeof e.rows.value.reorderRowsByIndex == "function" && f.kind !== "group" && f.rowId != null && f.state.pinned === "none" && !e.isDataGridPlaceholderSurfaceRow(f);
   }
-  function D(b) {
-    const $ = (b.currentTarget instanceof HTMLElement ? b.currentTarget : null)?.getBoundingClientRect();
-    return !$ || $.height <= 0 ? "after" : b.clientY < $.top + $.height / 2 ? "before" : "after";
+  function D(f) {
+    const $ = (f.currentTarget instanceof HTMLElement ? f.currentTarget : null)?.getBoundingClientRect();
+    return !$ || $.height <= 0 ? "after" : f.clientY < $.top + $.height / 2 ? "before" : "after";
   }
   function G() {
     r.value = null, a.value = null, s.value = null;
   }
-  function C(b, y, $) {
-    if (!k(y) || ea(b)) {
+  function C(f, y, $) {
+    if (!k(y) || ea(f)) {
       G();
       return;
     }
-    r.value = String(y.rowId), a.value = null, s.value = null, b.dataTransfer && (b.dataTransfer.effectAllowed = "move", b.dataTransfer.dropEffect = "move", b.dataTransfer.setData("text/plain", `${String(y.rowId)}:${e.resolveAbsoluteRowIndex(y, $)}`));
+    r.value = String(y.rowId), a.value = null, s.value = null, f.dataTransfer && (f.dataTransfer.effectAllowed = "move", f.dataTransfer.dropEffect = "move", f.dataTransfer.setData("text/plain", `${String(y.rowId)}:${e.resolveAbsoluteRowIndex(y, $)}`));
   }
-  function i(b, y, $) {
+  function i(f, y, $) {
     if (!r.value || !k(y)) {
       a.value = null, s.value = null;
       return;
@@ -8176,9 +8176,9 @@ function Pc(e) {
       a.value = null, s.value = null;
       return;
     }
-    b.preventDefault(), b.dataTransfer && (b.dataTransfer.dropEffect = "move"), a.value = V, s.value = D(b);
+    f.preventDefault(), f.dataTransfer && (f.dataTransfer.dropEffect = "move"), a.value = V, s.value = D(f);
   }
-  function p(b, y, $) {
+  function p(f, y, $) {
     if (!r.value || !k(y)) {
       G();
       return;
@@ -8188,17 +8188,17 @@ function Pc(e) {
       G();
       return;
     }
-    b.preventDefault(), e.rows.value.reorderRowsByIndex?.({
+    f.preventDefault(), e.rows.value.reorderRowsByIndex?.({
       sourceRowId: r.value,
       targetRowId: V,
-      placement: D(b)
+      placement: D(f)
     }), G();
   }
-  function x(b, y) {
+  function x(f, y) {
     const $ = Ec(
       e.isHoveredRow,
       e.isStripedRow,
-      b,
+      f,
       y,
       { fullBleed: !0 }
     );
@@ -8207,8 +8207,8 @@ function Pc(e) {
       ...$
     } : w.value;
   }
-  function v(b, y) {
-    const $ = e.resolveAbsoluteRowIndex(b, y), V = b.rowId == null ? null : String(b.rowId), A = {
+  function v(f, y) {
+    const $ = e.resolveAbsoluteRowIndex(f, y), V = f.rowId == null ? null : String(f.rowId), A = {
       "grid-cell--index-reorder-source": V != null && r.value === V,
       "grid-cell--index-drop-before": V != null && a.value === V && s.value === "before",
       "grid-cell--index-drop-after": V != null && a.value === V && s.value === "after"
@@ -8232,7 +8232,7 @@ function Pc(e) {
     rowIndexCellClasses: v,
     rowIndexCellStyle: x,
     rowIndexTabIndex: T,
-    isFullRowSelectionSafe: f,
+    isFullRowSelectionSafe: b,
     isRowIndexDraggable: k,
     handleRowClickSafe: I,
     handleRowIndexClickSafe: N,
@@ -8260,8 +8260,8 @@ function Kn(e) {
   return { target: e };
 }
 function Ac(e) {
-  const r = Z(null), a = Z(null), s = Z(null), h = Z(0), o = Z(0), w = Z(0), I = Z(0), N = Z(0), M = Z(0), T = Z(0), E = Z(0), f = Z(0), k = Z(!1), D = Z(!0);
-  let G = !1, C = null, i = null, p = null, x = !1, v = null, b = 0, y = 0;
+  const r = Z(null), a = Z(null), s = Z(null), h = Z(0), o = Z(0), w = Z(0), I = Z(0), N = Z(0), M = Z(0), T = Z(0), E = Z(0), b = Z(0), k = Z(!1), D = Z(!0);
+  let G = !1, C = null, i = null, p = null, x = !1, v = null, f = 0, y = 0;
   const $ = e.perfTraceEnabled ?? wa(), V = pd({
     resolveSourceScrollTop: () => r.value?.scrollTop ?? 0,
     mode: "direct-transform",
@@ -8322,10 +8322,10 @@ function Ac(e) {
     };
   }
   function Q(j) {
-    b = j.scrollTop, y = j.scrollLeft;
+    f = j.scrollTop, y = j.scrollLeft;
   }
   function O(j) {
-    return j.scrollTop !== b || j.scrollLeft !== y;
+    return j.scrollTop !== f || j.scrollLeft !== y;
   }
   function F(j) {
     Q(j), w.value !== j.scrollTop && (w.value = j.scrollTop), I.value !== j.scrollLeft && (I.value = j.scrollLeft);
@@ -8339,7 +8339,7 @@ function Ac(e) {
         scope: "stageScrollFrame",
         ts: Date.now(),
         totalMs: ht() - j,
-        scrollTop: he?.scrollTop ?? b,
+        scrollTop: he?.scrollTop ?? f,
         scrollLeft: he?.scrollLeft ?? y,
         hasScrollState: he ? 1 : 0,
         syncedPinnedBottomScrollLeft: Le ? 1 : 0,
@@ -8392,7 +8392,7 @@ function Ac(e) {
     const he = j.target;
     if (!he)
       return;
-    const Le = b, ze = y, be = se(he);
+    const Le = f, ze = y, be = se(he);
     if (O(be)) {
       if (e.viewport.value.handleViewportScroll(j), Fe(), V.syncNow(be.scrollTop), te(be), be.scrollLeft !== ze && le(), be.scrollLeft !== ze && be.scrollTop === Le) {
         U("center-scroll");
@@ -8428,7 +8428,7 @@ function Ac(e) {
     bodyViewportClientHeight: M,
     pinnedTopViewportClientHeight: T,
     pinnedBottomViewportClientHeight: E,
-    bodyViewportTopOffset: f,
+    bodyViewportTopOffset: b,
     headerShellHeight: h,
     headerViewportClientWidth: o,
     isBodyViewportScrolling: k,
@@ -8460,7 +8460,7 @@ function va(e) {
     maxWidth: `${e.value}px`
   }));
 }
-function Vr(e, r, a, s, h, o, w, I, N, M, T, E, f, k, D) {
+function Vr(e, r, a, s, h, o, w, I, N, M, T, E, b, k, D) {
   return m(() => ({
     side: e,
     width: r.value,
@@ -8477,7 +8477,7 @@ function Vr(e, r, a, s, h, o, w, I, N, M, T, E, f, k, D) {
     movePreviewOverlaySegments: M.value,
     overlayLanes: T.value,
     selectionSeamOverlaySegments: E.value,
-    fillPreviewSeamOverlaySegments: f.value,
+    fillPreviewSeamOverlaySegments: b.value,
     movePreviewSeamOverlaySegments: k.value,
     seamOverlayLanes: D.value
   }));
@@ -8493,7 +8493,7 @@ function Lc(e) {
     left: `${r.value}px`,
     width: `${Math.max(0, e.layoutRuntime.value.bodyViewportClientWidth)}px`,
     height: `${Math.max(0, e.layoutRuntime.value.bodyViewportClientHeight)}px`
-  })), f = m(() => ({
+  })), b = m(() => ({
     left: `${r.value}px`,
     width: `${Math.max(0, e.layoutRuntime.value.bodyViewportClientWidth)}px`,
     height: `${Math.max(0, e.layoutRuntime.value.pinnedBottomViewportClientHeight)}px`
@@ -8606,7 +8606,7 @@ function Lc(e) {
     rightTrackStyle: M,
     centerHeaderChromeCanvasStyle: T,
     centerChromeCanvasStyle: E,
-    centerTopChromeCanvasStyle: f,
+    centerTopChromeCanvasStyle: b,
     centerBottomChromeCanvasStyle: k,
     leftPinnedPane: D,
     rightPinnedPane: G,
@@ -8818,10 +8818,10 @@ function Hc(e) {
   ), o = Math.max(1, Math.trunc(Number.isFinite(e.baseRowHeight) ? e.baseRowHeight : 1)), w = Number.isFinite(e.topSpacerHeight) ? Math.max(0, e.topSpacerHeight) : 0, I = [];
   let N = w;
   for (let M = s; M <= h; M += 1) {
-    const T = e.resolveRowOffset?.(M), E = Number.isFinite(T) ? Math.max(0, T) : N, f = e.resolveRowHeight?.(M), k = e.resolveRowOffset?.(M + 1), D = Number.isFinite(k) && Number.isFinite(T) ? Math.max(1, k - T) : null, G = Math.max(
+    const T = e.resolveRowOffset?.(M), E = Number.isFinite(T) ? Math.max(0, T) : N, b = e.resolveRowHeight?.(M), k = e.resolveRowOffset?.(M + 1), D = Number.isFinite(k) && Number.isFinite(T) ? Math.max(1, k - T) : null, G = Math.max(
       1,
       Math.trunc(
-        Number.isFinite(f) ? f : D ?? o
+        Number.isFinite(b) ? b : D ?? o
       )
     );
     I.push({ rowIndex: M, top: E, height: G }), N = E + G;
@@ -8939,7 +8939,7 @@ function Fc(e) {
       ...A,
       ...B
     ];
-  }), f = m(() => e.pinnedBottomRows.value.flatMap((V, A) => {
+  }), b = m(() => e.pinnedBottomRows.value.flatMap((V, A) => {
     const B = T.value[A], K = jn(
       e.rows,
       e.isHoveredRow,
@@ -8993,7 +8993,7 @@ function Fc(e) {
     centerScrollLeft: e.bodyViewportScrollLeft.value
   })), G = m(() => Aa({
     rowMetrics: T.value,
-    rowBands: f.value,
+    rowBands: b.value,
     scrollTop: 0,
     leftPaneWidth: e.leftPaneWidth.value,
     centerPaneWidth: e.bodyViewportClientWidth.value,
@@ -9038,16 +9038,16 @@ function Fc(e) {
       M.value,
       T.value,
       E.value,
-      f.value
+      b.value
     ],
     () => {
       s.value += 1;
     }
   );
-  const C = m(() => M.value.map((V) => `${V.top}:${V.height}`).join("|")), i = m(() => T.value.map((V) => `${V.top}:${V.height}`).join("|")), p = m(() => E.value.map((V) => `${V.kind}:${V.top}:${V.height}`).join("|")), x = m(() => f.value.map((V) => `${V.kind}:${V.top}:${V.height}`).join("|")), v = m(() => [
+  const C = m(() => M.value.map((V) => `${V.top}:${V.height}`).join("|")), i = m(() => T.value.map((V) => `${V.top}:${V.height}`).join("|")), p = m(() => E.value.map((V) => `${V.kind}:${V.top}:${V.height}`).join("|")), x = m(() => b.value.map((V) => `${V.kind}:${V.top}:${V.height}`).join("|")), v = m(() => [
     e.indexColumnWidthPx.value,
     ...(e.pinnedLeftColumns.value ?? []).map(e.resolveColumnWidth)
-  ].join("|")), b = m(() => [
+  ].join("|")), f = m(() => [
     e.resolveLeftColumnSpacerWidth(),
     ...(e.renderedColumns.value ?? []).map(e.resolveColumnWidth),
     e.resolveRightColumnSpacerWidth()
@@ -9066,7 +9066,7 @@ function Fc(e) {
     rowBandsSignature: p,
     pinnedBottomRowBandsSignature: x,
     leftChromeColumnsSignature: v,
-    centerChromeColumnsSignature: b,
+    centerChromeColumnsSignature: f,
     rightChromeColumnsSignature: y,
     headerPivotGroupsSignature: $,
     resolveVisibleRowMetricsFromDom: (V) => Nn(e.bodyViewportEl, e.displayRows, V)
@@ -9195,50 +9195,50 @@ function Xn(e) {
 function $c(e) {
   let r = 0, a = null, s = "full";
   function h() {
-    const f = e.bottomViewportEl.value;
-    !f || f.scrollLeft === e.bodyViewportScrollLeft.value || (f.scrollLeft = e.bodyViewportScrollLeft.value);
+    const b = e.bottomViewportEl.value;
+    !b || b.scrollLeft === e.bodyViewportScrollLeft.value || (b.scrollLeft = e.bodyViewportScrollLeft.value);
   }
   function o() {
     e.pinnedBottomViewportClientHeight.value = e.bottomViewportEl.value?.clientHeight ?? 0;
   }
   function w() {
-    const f = e.bodyViewportEl.value, k = e.bodyShellRef.value;
-    if (!f || !k)
+    const b = e.bodyViewportEl.value, k = e.bodyShellRef.value;
+    if (!b || !k)
       return;
-    e.bodyViewportScrollTop.value = f.scrollTop, e.bodyViewportScrollLeft.value = f.scrollLeft, e.bodyViewportClientWidth.value = f.clientWidth, e.bodyViewportClientHeight.value = f.clientHeight;
-    const D = f.getBoundingClientRect(), G = k.getBoundingClientRect();
+    e.bodyViewportScrollTop.value = b.scrollTop, e.bodyViewportScrollLeft.value = b.scrollLeft, e.bodyViewportClientWidth.value = b.clientWidth, e.bodyViewportClientHeight.value = b.clientHeight;
+    const D = b.getBoundingClientRect(), G = k.getBoundingClientRect();
     e.bodyViewportTopOffset.value = Math.max(0, D.top - G.top), e.headerShellHeight.value = e.stageRootEl.value?.querySelector(".grid-header-shell")?.getBoundingClientRect().height ?? 0;
     const C = e.stageRootEl.value?.querySelector(".grid-header-viewport");
     e.headerViewportClientWidth.value = C?.clientWidth ?? e.bodyViewportClientWidth.value, o(), h();
   }
-  function I(f = "full") {
+  function I(b = "full") {
     const k = e.perfTraceEnabled ? ht() : 0;
     r = 0, s = "full";
-    const D = e.headerChromeRenderModel.value, G = e.chromeRenderModel.value, C = e.pinnedBottomChromeRenderModel.value, i = cr(e.stageRootEl, "--datagrid-row-divider-color", "rgba(0, 0, 0, 0.08)"), p = cr(e.stageRootEl, "--datagrid-column-divider-color", "rgba(0, 0, 0, 0.08)"), x = cr(e.stageRootEl, "--datagrid-header-column-divider-color", p), v = Ka(e.stageRootEl, "--datagrid-row-divider-size", 1), b = Ka(e.stageRootEl, "--datagrid-column-divider-size", 1), y = Ka(e.stageRootEl, "--datagrid-header-column-divider-size", b), $ = f === "full" ? pr(e.leftHeaderChromeCanvasEl.value, D.left.width, D.left.height) : null;
+    const D = e.headerChromeRenderModel.value, G = e.chromeRenderModel.value, C = e.pinnedBottomChromeRenderModel.value, i = cr(e.stageRootEl, "--datagrid-row-divider-color", "rgba(0, 0, 0, 0.08)"), p = cr(e.stageRootEl, "--datagrid-column-divider-color", "rgba(0, 0, 0, 0.08)"), x = cr(e.stageRootEl, "--datagrid-header-column-divider-color", p), v = Ka(e.stageRootEl, "--datagrid-row-divider-size", 1), f = Ka(e.stageRootEl, "--datagrid-column-divider-size", 1), y = Ka(e.stageRootEl, "--datagrid-header-column-divider-size", f), $ = b === "full" ? pr(e.leftHeaderChromeCanvasEl.value, D.left.width, D.left.height) : null;
     $ && Na($, D.left, x, y, e.hasPivotHeaderGroups);
     const V = pr(e.centerHeaderChromeCanvasEl.value, D.center.width, D.center.height);
     Na(V, D.center, x, y, e.hasPivotHeaderGroups);
-    const A = f === "full" ? pr(e.rightHeaderChromeCanvasEl.value, D.right.width, D.right.height) : null;
+    const A = b === "full" ? pr(e.rightHeaderChromeCanvasEl.value, D.right.width, D.right.height) : null;
     A && Na(A, D.right, x, y, e.hasPivotHeaderGroups);
-    const B = f === "full" ? pr(e.leftChromeCanvasEl.value, G.left.width, G.left.height) : null;
-    B && Hr(e.stageRootEl, B, G.left, i, v, p, 0);
+    const B = b === "full" ? pr(e.leftChromeCanvasEl.value, G.left.width, G.left.height) : null;
+    B && Hr(e.stageRootEl, B, G.left, i, v, p, f);
     const K = pr(e.centerChromeCanvasEl.value, G.center.width, G.center.height);
-    Hr(e.stageRootEl, K, G.center, i, v, p, b);
-    const ae = f === "full" ? pr(e.rightChromeCanvasEl.value, G.right.width, G.right.height) : null;
-    ae && Hr(e.stageRootEl, ae, G.right, i, v, p, 0);
-    const ne = f === "full" ? pr(e.leftBottomChromeCanvasEl.value, C.left.width, C.left.height) : null;
-    ne && Hr(e.stageRootEl, ne, C.left, i, v, p, 0);
+    Hr(e.stageRootEl, K, G.center, i, v, p, f);
+    const ae = b === "full" ? pr(e.rightChromeCanvasEl.value, G.right.width, G.right.height) : null;
+    ae && Hr(e.stageRootEl, ae, G.right, i, v, p, f);
+    const ne = b === "full" ? pr(e.leftBottomChromeCanvasEl.value, C.left.width, C.left.height) : null;
+    ne && Hr(e.stageRootEl, ne, C.left, i, v, p, f);
     const se = pr(e.centerBottomChromeCanvasEl.value, C.center.width, C.center.height);
-    Hr(e.stageRootEl, se, C.center, i, v, p, b);
-    const Q = f === "full" ? pr(e.rightBottomChromeCanvasEl.value, C.right.width, C.right.height) : null;
-    if (Q && Hr(e.stageRootEl, Q, C.right, i, v, p, 0), e.perfTraceEnabled) {
+    Hr(e.stageRootEl, se, C.center, i, v, p, f);
+    const Q = b === "full" ? pr(e.rightBottomChromeCanvasEl.value, C.right.width, C.right.height) : null;
+    if (Q && Hr(e.stageRootEl, Q, C.right, i, v, p, f), e.perfTraceEnabled) {
       const O = ht();
       gr({
         scope: "chromeDraw",
         ts: O,
         totalMs: O - k,
-        redrawMode: f,
-        drawnPaneCount: Gc(f, D, G, C),
+        redrawMode: b,
+        drawnPaneCount: Gc(b, D, G, C),
         bodyLineCount: ja(G),
         headerLineCount: ja(D),
         pinnedBottomLineCount: ja(C),
@@ -9247,8 +9247,8 @@ function $c(e) {
       });
     }
   }
-  function N(f = "full") {
-    if (s = r === 0 ? f : qn(s, f), typeof window > "u") {
+  function N(b = "full") {
+    if (s = r === 0 ? b : qn(s, b), typeof window > "u") {
       I(s);
       return;
     }
@@ -9256,8 +9256,8 @@ function $c(e) {
       I(s);
     }));
   }
-  function M(f = "full") {
-    const k = r === 0 ? f : qn(s, f);
+  function M(b = "full") {
+    const k = r === 0 ? b : qn(s, b);
     r !== 0 && typeof window < "u" && (window.cancelAnimationFrame(r), r = 0), I(k);
   }
   function T() {
@@ -9266,8 +9266,8 @@ function $c(e) {
     a || (a = new ResizeObserver(() => {
       w(), N();
     })), a.disconnect(), e.bodyViewportEl.value && a.observe(e.bodyViewportEl.value), e.bottomViewportEl.value && a.observe(e.bottomViewportEl.value), e.bodyShellRef.value && a.observe(e.bodyShellRef.value);
-    const f = e.stageRootEl.value?.querySelector(".grid-header-shell");
-    f && a.observe(f);
+    const b = e.stageRootEl.value?.querySelector(".grid-header-shell");
+    b && a.observe(b);
     const k = e.stageRootEl.value?.querySelector(".grid-header-viewport");
     k && a.observe(k);
   }
@@ -9373,7 +9373,7 @@ function Ht(e, r, a, s, h, o = Math.max(0, e.bodyViewportClientHeight)) {
         break;
       x += e.resolveColumnWidth(K);
     }
-    const v = p.reduce((K, ae) => K + e.resolveColumnWidth(ae), 0), b = e.columnIndexByKey(p[p.length - 1]?.key ?? ""), y = e.columnIndexByKey(e.pinnedLeftColumns[e.pinnedLeftColumns.length - 1]?.key ?? ""), $ = e.leftPaneWidth, V = y >= 0 && b === y, A = x <= 0 ? 0 : 1, B = $ > 0 && x + v >= $ ? 0 : 1;
+    const v = p.reduce((K, ae) => K + e.resolveColumnWidth(ae), 0), f = e.columnIndexByKey(p[p.length - 1]?.key ?? ""), y = e.columnIndexByKey(e.pinnedLeftColumns[e.pinnedLeftColumns.length - 1]?.key ?? ""), $ = e.leftPaneWidth, V = y >= 0 && f === y, A = x <= 0 ? 0 : 1, B = $ > 0 && x + v >= $ ? 0 : 1;
     return [
       qa(
         `${s}-left-${r.startRowOffset}-${r.endRowOffset}`,
@@ -9382,7 +9382,7 @@ function Ht(e, r, a, s, h, o = Math.max(0, e.bodyViewportClientHeight)) {
         v,
         r.height,
         {
-          omitRightBorder: V || r.endColumnIndex > b,
+          omitRightBorder: V || r.endColumnIndex > f,
           topBleed: I,
           bottomBleed: N,
           leftBleed: A,
@@ -9408,7 +9408,7 @@ function Ht(e, r, a, s, h, o = Math.max(0, e.bodyViewportClientHeight)) {
         break;
       x += e.resolveColumnWidth(A);
     }
-    const v = p.reduce((A, B) => A + e.resolveColumnWidth(B), 0), b = e.columnIndexByKey(p[0]?.key ?? ""), y = e.columnIndexByKey(p[p.length - 1]?.key ?? ""), $ = x <= 0 ? 0 : 1, V = e.layoutGridContentWidth > 0 && x + v >= e.layoutGridContentWidth ? 0 : 1;
+    const v = p.reduce((A, B) => A + e.resolveColumnWidth(B), 0), f = e.columnIndexByKey(p[0]?.key ?? ""), y = e.columnIndexByKey(p[p.length - 1]?.key ?? ""), $ = x <= 0 ? 0 : 1, V = e.layoutGridContentWidth > 0 && x + v >= e.layoutGridContentWidth ? 0 : 1;
     return [
       qa(
         `${s}-center-${r.startRowOffset}-${r.endRowOffset}`,
@@ -9417,7 +9417,7 @@ function Ht(e, r, a, s, h, o = Math.max(0, e.bodyViewportClientHeight)) {
         v,
         r.height,
         {
-          omitLeftBorder: r.startColumnIndex < b,
+          omitLeftBorder: r.startColumnIndex < f,
           omitRightBorder: r.endColumnIndex > y,
           topBleed: I,
           bottomBleed: N,
@@ -9443,7 +9443,7 @@ function Ht(e, r, a, s, h, o = Math.max(0, e.bodyViewportClientHeight)) {
       break;
     T += e.resolveColumnWidth(p);
   }
-  const E = M.reduce((p, x) => p + e.resolveColumnWidth(x), 0), f = e.columnIndexByKey(M[0]?.key ?? ""), k = e.columnIndexByKey(e.pinnedRightColumns[0]?.key ?? ""), D = e.rightPaneWidth, G = k >= 0 && f === k, C = T <= 0 ? 0 : 1, i = D > 0 && T + E >= D ? 0 : 1;
+  const E = M.reduce((p, x) => p + e.resolveColumnWidth(x), 0), b = e.columnIndexByKey(M[0]?.key ?? ""), k = e.columnIndexByKey(e.pinnedRightColumns[0]?.key ?? ""), D = e.rightPaneWidth, G = k >= 0 && b === k, C = T <= 0 ? 0 : 1, i = D > 0 && T + E >= D ? 0 : 1;
   return [
     qa(
       `${s}-right-${r.startRowOffset}-${r.endRowOffset}`,
@@ -9452,7 +9452,7 @@ function Ht(e, r, a, s, h, o = Math.max(0, e.bodyViewportClientHeight)) {
       E,
       r.height,
       {
-        omitLeftBorder: G || r.startColumnIndex < f,
+        omitLeftBorder: G || r.startColumnIndex < b,
         topBleed: I,
         bottomBleed: N,
         leftBleed: C,
@@ -9509,7 +9509,7 @@ function br(e, r, a, s, h, o = Math.max(0, e.bodyViewportClientHeight)) {
   const T = e.columnIndexByKey(M[0]?.key ?? ""), E = e.columnIndexByKey(e.pinnedRightColumns[0]?.key ?? "");
   if (T !== E)
     return [];
-  const f = r.startColumnIndex < T;
+  const b = r.startColumnIndex < T;
   return [
     Qn(
       `${s}-right-seam-${r.startRowOffset}-${r.endRowOffset}`,
@@ -9517,7 +9517,7 @@ function br(e, r, a, s, h, o = Math.max(0, e.bodyViewportClientHeight)) {
       r.height,
       "right",
       {
-        seamEdge: f ? void 0 : "left",
+        seamEdge: b ? void 0 : "left",
         topBleed: I,
         bottomBleed: N,
         borderColor: h?.borderColor,
@@ -9677,7 +9677,7 @@ function Nc(e) {
   )), E = m(() => Qr(
     e.resolvePinnedBottomVisibleRangeBounds(r.value),
     e.pinnedBottomRowMetrics.value
-  )), f = {
+  )), b = {
     borderColor: "var(--datagrid-selection-overlay-border)"
   }, k = {
     borderColor: "var(--datagrid-selection-overlay-fill-border)",
@@ -9691,65 +9691,65 @@ function Nc(e) {
     w.value,
     "left",
     "selection",
-    f
-  )), b = we(e, "selection", "body-seam", "left", () => Zr(
+    b
+  )), f = we(e, "selection", "body-seam", "left", () => Zr(
     e.overlayGeometryContext.value,
     i.value,
     "left",
     "selection",
-    f
+    b
   )), y = we(e, "selection", "body", "center", () => _r(
     e.overlayGeometryContext.value,
     w.value,
     "center",
     "selection",
-    f
+    b
   )), $ = we(e, "selection", "body", "right", () => _r(
     e.overlayGeometryContext.value,
     w.value,
     "right",
     "selection",
-    f
+    b
   )), V = we(e, "selection", "body-seam", "right", () => Zr(
     e.overlayGeometryContext.value,
     i.value,
     "right",
     "selection",
-    f
+    b
   )), A = we(e, "selection", "pinned-bottom", "left", () => _r(
     e.overlayGeometryContext.value,
     M.value,
     "left",
     "selection",
-    f,
+    b,
     C.value
   )), B = we(e, "selection", "pinned-bottom-seam", "left", () => Zr(
     e.overlayGeometryContext.value,
     M.value,
     "left",
     "selection",
-    f,
+    b,
     C.value
   )), K = we(e, "selection", "pinned-bottom", "center", () => _r(
     e.overlayGeometryContext.value,
     M.value,
     "center",
     "selection",
-    f,
+    b,
     C.value
   )), ae = we(e, "selection", "pinned-bottom", "right", () => _r(
     e.overlayGeometryContext.value,
     M.value,
     "right",
     "selection",
-    f,
+    b,
     C.value
   )), ne = we(e, "selection", "pinned-bottom-seam", "right", () => Zr(
     e.overlayGeometryContext.value,
     M.value,
     "right",
     "selection",
-    f,
+    b,
     C.value
   )), se = we(e, "fill-preview", "body", "left", () => Ht(
     e.overlayGeometryContext.value,
@@ -9906,7 +9906,7 @@ function Nc(e) {
   })), j = sr(e, "custom", "body", "left", () => ke.value.map(({ overlay: oe, body: pe }) => Fr(e.overlayGeometryContext.value, oe, "left", pe)).filter((oe) => oe != null)), he = sr(e, "custom", "body", "center", () => ke.value.map(({ overlay: oe, body: pe }) => Fr(e.overlayGeometryContext.value, oe, "center", pe)).filter((oe) => oe != null)), Le = sr(e, "custom", "body", "right", () => ke.value.map(({ overlay: oe, body: pe }) => Fr(e.overlayGeometryContext.value, oe, "right", pe)).filter((oe) => oe != null)), ze = sr(e, "custom", "body-seam", "left", () => ke.value.map(({ overlay: oe, bodyPinnedPaneSeam: pe }) => ha(e.overlayGeometryContext.value, oe, "left", pe)).filter((oe) => oe != null)), be = sr(e, "custom", "body-seam", "right", () => ke.value.map(({ overlay: oe, bodyPinnedPaneSeam: pe }) => ha(e.overlayGeometryContext.value, oe, "right", pe)).filter((oe) => oe != null)), nt = sr(e, "custom", "pinned-bottom", "left", () => ke.value.map(({ overlay: oe, pinnedBottom: pe }) => Fr(e.overlayGeometryContext.value, oe, "left", pe, C.value)).filter((oe) => oe != null)), ce = sr(e, "custom", "pinned-bottom", "center", () => ke.value.map(({ overlay: oe, pinnedBottom: pe }) => Fr(e.overlayGeometryContext.value, oe, "center", pe, C.value)).filter((oe) => oe != null)), xt = sr(e, "custom", "pinned-bottom", "right", () => ke.value.map(({ overlay: oe, pinnedBottom: pe }) => Fr(e.overlayGeometryContext.value, oe, "right", pe, C.value)).filter((oe) => oe != null)), tt = sr(e, "custom", "pinned-bottom-seam", "left", () => ke.value.map(({ overlay: oe, pinnedBottom: pe }) => ha(e.overlayGeometryContext.value, oe, "left", pe, C.value)).filter((oe) => oe != null)), ar = sr(e, "custom", "pinned-bottom-seam", "right", () => ke.value.map(({ overlay: oe, pinnedBottom: pe }) => ha(e.overlayGeometryContext.value, oe, "right", pe, C.value)).filter((oe) => oe != null));
   return {
     leftSelectionOverlaySegments: v,
-    leftSelectionSeamOverlaySegments: b,
+    leftSelectionSeamOverlaySegments: f,
     centerSelectionOverlaySegments: y,
     rightSelectionOverlaySegments: $,
     rightSelectionSeamOverlaySegments: V,
@@ -10002,16 +10002,16 @@ function Pl(e) {
     const E = Array.from(T.touches).find((i) => i.identifier === r?.identifier);
     if (!E)
       return;
-    const f = r.container?.isConnected ? r.container : h(T.target);
-    if (!f)
+    const b = r.container?.isConnected ? r.container : h(T.target);
+    if (!b)
       return;
-    const k = E.clientX - r.startX, D = E.clientY - r.startY, G = Math.max(0, f.scrollHeight - f.clientHeight), C = Math.max(0, f.scrollWidth - f.clientWidth);
+    const k = E.clientX - r.startX, D = E.clientY - r.startY, G = Math.max(0, b.scrollHeight - b.clientHeight), C = Math.max(0, b.scrollWidth - b.clientWidth);
     !r.lockedAxis && (r.lockedAxis = qc({
       deltaX: k,
       deltaY: D,
       maxScrollLeft: C,
       maxScrollTop: G
-    }), !r.lockedAxis) || (T.preventDefault(), r.lockedAxis === "x" && C > fa && (f.scrollLeft = el(r.startScrollLeft - k, C)), r.lockedAxis === "y" && G > fa && (f.scrollTop = el(r.startScrollTop - D, G)));
+    }), !r.lockedAxis) || (T.preventDefault(), r.lockedAxis === "x" && C > fa && (b.scrollLeft = el(r.startScrollLeft - k, C)), r.lockedAxis === "y" && G > fa && (b.scrollTop = el(r.startScrollTop - D, G)));
   };
   return e.root.addEventListener("touchstart", N, { capture: !0, passive: !0 }), e.root.addEventListener("touchend", I, { capture: !0, passive: !0 }), e.root.addEventListener("touchcancel", I, { capture: !0, passive: !0 }), () => {
     w(), e.root.removeEventListener("touchstart", N, !0), e.root.removeEventListener("touchend", I, !0), e.root.removeEventListener("touchcancel", I, !0);
@@ -10099,10 +10099,10 @@ const tl = 8, Xc = 700, Uc = 520, Yc = /* @__PURE__ */ jt({
       s
     );
     bu(h);
-    const o = h.mode, w = h.rowHeightMode, I = h.layoutMode, N = h.layout, M = h.viewport, T = h.columns, E = h.rows, f = h.selection, k = h.editing, D = h.cells, G = h.interaction, C = m(() => T.value?.visibleColumns ?? []), i = m(() => T.value?.renderedColumns ?? []), p = m(() => E.value?.displayRows ?? []), x = m(() => E.value?.pinnedTopRows ?? []), v = m(() => E.value?.pinnedBottomRows ?? []), b = m(() => f.value?.selectionRange ?? null), y = m(() => {
-      const g = f.value?.selectionRanges;
-      return Array.isArray(g) && g.length > 0 ? g : b.value ? [b.value] : [];
-    }), $ = m(() => f.value?.isFillDragging === !0), V = m(() => C.value.some((g) => oc(g)));
+    const o = h.mode, w = h.rowHeightMode, I = h.layoutMode, N = h.layout, M = h.viewport, T = h.columns, E = h.rows, b = h.selection, k = h.editing, D = h.cells, G = h.interaction, C = m(() => T.value?.visibleColumns ?? []), i = m(() => T.value?.renderedColumns ?? []), p = m(() => E.value?.displayRows ?? []), x = m(() => E.value?.pinnedTopRows ?? []), v = m(() => E.value?.pinnedBottomRows ?? []), f = m(() => b.value?.selectionRange ?? null), y = m(() => {
+      const g = b.value?.selectionRanges;
+      return Array.isArray(g) && g.length > 0 ? g : f.value ? [f.value] : [];
+    }), $ = m(() => b.value?.isFillDragging === !0), V = m(() => C.value.some((g) => oc(g)));
     function A(g) {
       return N.value.columnStyle(g);
     }
@@ -10423,7 +10423,7 @@ const tl = 8, Xc = 700, Uc = 520, Yc = /* @__PURE__ */ jt({
     function Gt(g, S) {
       return mt?.isVisibleCellEditableByAbsoluteCoord(g, S) === !0;
     }
-    const St = m(() => f.value.isRangeMoving), ve = m(() => C.value.filter((g) => g.pin === "left")), Rt = m(() => C.value.filter((g) => g.pin === "right")), ut = m(() => []), at = m(() => []), Ne = Z(null), Ze = Z(null), kt = Z(null), bt = Z(null), nr = Z(null), At = Z(null), Mt = Z(null), $t = Z(null), Dt = Z(null), Lt = Z(null), Yt = Z(null), Qt = Z(null), Bt = Z(null), Kt = Z(null), Zt = Z(null), Jt = Z(null), lr = Z(null), yt = Z(!1), Vt = Z(null), Tt = Z(!1), Pe = Z(!1), ir = m(() => ({
+    const St = m(() => b.value.isRangeMoving), ve = m(() => C.value.filter((g) => g.pin === "left")), Rt = m(() => C.value.filter((g) => g.pin === "right")), ut = m(() => []), at = m(() => []), Ne = Z(null), Ze = Z(null), kt = Z(null), bt = Z(null), nr = Z(null), At = Z(null), Mt = Z(null), $t = Z(null), Dt = Z(null), Lt = Z(null), Yt = Z(null), Qt = Z(null), Bt = Z(null), Kt = Z(null), Zt = Z(null), Jt = Z(null), lr = Z(null), yt = Z(!1), Vt = Z(null), Tt = Z(!1), Pe = Z(!1), ir = m(() => ({
       interactionMode: "auto",
       isCoarsePointer: Tt.value
     })), d = m(() => fl(ir.value)), P = m(() => Tt.value || Pe.value);
@@ -10492,7 +10492,7 @@ const tl = 8, Xc = 700, Uc = 520, Yc = /* @__PURE__ */ jt({
       rows: E,
       layout: N,
       viewportRowStart: m(() => M.value.viewportRowStart),
-      selectionRange: b,
+      selectionRange: f,
       selectionRanges: y,
       visibleColumns: C,
       isHoveredRow: $r,
@@ -10555,7 +10555,7 @@ const tl = 8, Xc = 700, Uc = 520, Yc = /* @__PURE__ */ jt({
       renderedColumns: i,
       displayRows: p,
       pinnedBottomRows: v,
-      selectionTotalRowCount: m(() => f.value?.totalRowCount ?? null),
+      selectionTotalRowCount: m(() => b.value?.totalRowCount ?? null),
       leftPaneWidth: Tr,
       rightPaneWidth: Pr,
       bodyViewportScrollTop: Ir,
@@ -10625,8 +10625,8 @@ const tl = 8, Xc = 700, Uc = 520, Yc = /* @__PURE__ */ jt({
       perfTraceEnabled: a
     }), mt = Tc({
       rows: E,
-      selection: f,
-      selectionRange: b,
+      selection: b,
+      selectionRange: f,
       selectionRanges: y,
       displayRows: p,
       visibleColumns: C,
@@ -10659,7 +10659,7 @@ const tl = 8, Xc = 700, Uc = 520, Yc = /* @__PURE__ */ jt({
       return !ie || Ye(g, ie.key) || Be(g, S, ie, J) && Qe(S, J) ? !1 : pt(S, J);
     }
     function vi(g, S, J) {
-      if (d.value !== "touch" || Pe.value || o.value !== "base" || g.kind === "group" || f.value?.rangeMoveEnabled !== !0 || f.value?.isFillDragging === !0)
+      if (d.value !== "touch" || Pe.value || o.value !== "base" || g.kind === "group" || b.value?.rangeMoveEnabled !== !0 || b.value?.isFillDragging === !0)
         return !1;
       const ie = C.value[J];
       return !ie || Ye(g, ie.key) ? !1 : pt(S, J) && Be(g, S, ie, J);
@@ -10799,8 +10799,8 @@ const tl = 8, Xc = 700, Uc = 520, Yc = /* @__PURE__ */ jt({
       toggleFloatingFillActionMenu: Li,
       handleFillActionSelection: Bi
     } = xc({
-      selection: f,
-      selectionRange: b,
+      selection: b,
+      selectionRange: f,
       visibleColumns: C,
       renderedColumns: i,
       displayRows: p,
@@ -10833,8 +10833,8 @@ const tl = 8, Xc = 700, Uc = 520, Yc = /* @__PURE__ */ jt({
       handleFillHandleTouchEnd: Gi
     } = kc({
       mode: o,
-      selection: f,
-      selectionRange: b,
+      selection: b,
+      selectionRange: f,
       visibleColumns: C,
       displayRows: p,
       viewportRowStart: m(() => M.value.viewportRowStart),
@@ -11109,9 +11109,9 @@ const tl = 8, Xc = 700, Uc = 520, Yc = /* @__PURE__ */ jt({
       visibleColumns: C,
       displayRows: p,
       selectionRanges: y,
-      selectionRange: b,
-      fillPreviewRange: m(() => f.value?.fillPreviewRange ?? null),
-      rangeMovePreviewRange: m(() => f.value?.rangeMovePreviewRange ?? null),
+      selectionRange: f,
+      fillPreviewRange: m(() => b.value?.fillPreviewRange ?? null),
+      rangeMovePreviewRange: m(() => b.value?.rangeMovePreviewRange ?? null),
       rowMetrics: qr,
       pinnedBottomRowMetrics: Al,
       isCellSelectedSafe: Ke,
@@ -11534,8 +11534,8 @@ function Yr(e) {
 function ng(e, r, a) {
   const s = a.x - r.x, h = a.y - r.y;
   if (s === 0 && h === 0) {
-    const E = e.x - r.x, f = e.y - r.y;
-    return E * E + f * f;
+    const E = e.x - r.x, b = e.y - r.y;
+    return E * E + b * b;
   }
   const o = ((e.x - r.x) * s + (e.y - r.y) * h) / (s * s + h * h), w = Math.max(0, Math.min(1, o)), I = r.x + s * w, N = r.y + h * w, M = e.x - I, T = e.y - N;
   return M * M + T * T;
@@ -11567,7 +11567,7 @@ const lg = { class: "datagrid-gantt-stage__timeline" }, ig = { class: "datagrid-
   },
   setup(e) {
     Rl();
-    const r = /* @__PURE__ */ new Set(), a = e, s = a.stageContext, h = m(() => fu(s)), o = m(() => s.rows.value), w = m(() => s.viewport.value), I = m(() => s.selection.value), N = m(() => s.columns.value), M = m(() => s.rowHeightMode.value), T = Z(null), E = Z(null), f = Z(null), k = Z(null), D = Z(null), G = Z(null), C = Z(null), i = Z(al), p = Z(0), x = Z(0), v = Z(0), b = Z(0), y = Z(0), $ = Z(null), V = Z(null), A = Z(null), B = Z(null), K = Z(null), ae = Z(!1), ne = Z(null);
+    const r = /* @__PURE__ */ new Set(), a = e, s = a.stageContext, h = m(() => fu(s)), o = m(() => s.rows.value), w = m(() => s.viewport.value), I = m(() => s.selection.value), N = m(() => s.columns.value), M = m(() => s.rowHeightMode.value), T = Z(null), E = Z(null), b = Z(null), k = Z(null), D = Z(null), G = Z(null), C = Z(null), i = Z(al), p = Z(0), x = Z(0), v = Z(0), f = Z(0), y = Z(0), $ = Z(null), V = Z(null), A = Z(null), B = Z(null), K = Z(null), ae = Z(!1), ne = Z(null);
     let se = !1, Q = !1, O = null, F = null, q = null, te = !1;
     function le(d) {
       const P = new Date(d);
@@ -11675,7 +11675,7 @@ const lg = { class: "datagrid-gantt-stage__timeline" }, ig = { class: "datagrid-
     function dt() {
       y.value = Math.max(
         Ee(k.value),
-        Ee(f.value)
+        Ee(b.value)
       );
     }
     function ke(d) {
@@ -11747,7 +11747,7 @@ const lg = { class: "datagrid-gantt-stage__timeline" }, ig = { class: "datagrid-
             P.milestone ? P.height : void 0
           );
           return {
-            x: n.x - b.value,
+            x: n.x - f.value,
             width: n.width,
             y: P.y,
             height: P.height
@@ -11934,12 +11934,12 @@ const lg = { class: "datagrid-gantt-stage__timeline" }, ig = { class: "datagrid-
       }
     }
     function St() {
-      const d = ce.value, P = f.value;
+      const d = ce.value, P = b.value;
       if (!d || !P)
         return;
       const z = Math.max(1, i.value), n = Math.max(1, y.value || P.clientWidth || 1), l = Dn({
         timeline: d,
-        scrollLeft: b.value,
+        scrollLeft: f.value,
         viewportWidth: n,
         workingCalendar: a.gantt?.workingCalendar ?? null,
         headerBufferPx: 0,
@@ -11968,7 +11968,7 @@ const lg = { class: "datagrid-gantt-stage__timeline" }, ig = { class: "datagrid-
         t.beginPath(), t.moveTo(st, 0), t.lineTo(st, z), t.stroke();
       }
       t.beginPath(), t.moveTo(0, lt - 0.5), t.lineTo(n, lt - 0.5), t.stroke(), t.strokeStyle = L, t.beginPath(), t.moveTo(0, z - 0.5), t.lineTo(n, z - 0.5), t.stroke(), t.fillStyle = ye, t.font = `12px ${Ve}`, t.textBaseline = "middle", Gt(t, l.primarySegments, 0, $e, n), Gt(t, l.secondarySegments, lt, qe, n);
-      const Et = Ln(le(Date.now()), d) - b.value;
+      const Et = Ln(le(Date.now()), d) - f.value;
       Et >= -1 && Et <= n + 1 && (t.strokeStyle = je, t.lineWidth = 2, t.beginPath(), t.moveTo(Math.round(Et) + 0.5, 0), t.lineTo(Math.round(Et) + 0.5, z), t.stroke());
     }
     function ve() {
@@ -11977,7 +11977,7 @@ const lg = { class: "datagrid-gantt-stage__timeline" }, ig = { class: "datagrid-
         return;
       const z = Math.max(1, x.value || P.clientHeight || tt.value.length * a.baseRowHeight), n = Math.max(1, y.value || P.clientWidth || 1), l = Dn({
         timeline: d,
-        scrollLeft: b.value,
+        scrollLeft: f.value,
         viewportWidth: n,
         workingCalendar: a.gantt?.workingCalendar ?? null,
         headerBufferPx: 0,
@@ -12015,7 +12015,7 @@ const lg = { class: "datagrid-gantt-stage__timeline" }, ig = { class: "datagrid-
       t.strokeStyle = W;
       for (const X of ar.value)
         t.beginPath(), t.moveTo(0, X), t.lineTo(n, X), t.stroke();
-      const mr = Ln(le(Date.now()), d) - b.value;
+      const mr = Ln(le(Date.now()), d) - f.value;
       mr >= -1 && mr <= n + 1 && (t.strokeStyle = Er, t.lineWidth = 2, t.beginPath(), t.moveTo(Math.round(mr) + 0.5, 0), t.lineTo(Math.round(mr) + 0.5, z), t.stroke());
       for (const X of oe.value) {
         const Xe = Yr(X) === K.value;
@@ -12034,7 +12034,7 @@ const lg = { class: "datagrid-gantt-stage__timeline" }, ig = { class: "datagrid-
           d,
           a.gantt?.minBarWidth ?? 6,
           X.milestone ? X.height : void 0
-        ), Oe = er.x - b.value, We = er.width, Sa = Xt.value.has(X.rowId), Ra = qt.value.has(X.rowId), wr = yr({
+        ), Oe = er.x - f.value, We = er.width, Sa = Xt.value.has(X.rowId), Ra = qt.value.has(X.rowId), wr = yr({
           isTableRowSelected: Sa,
           isDependencySelectedBar: Ra
         }), ka = X.baselineStartMs != null && X.baselineEndMs != null && (X.baselineStartMs !== X.startMs || X.baselineEndMs !== X.endMs), aa = X.summary ? $e : $.value?.rowId === X.rowId ? je : Ve;
@@ -12047,7 +12047,7 @@ const lg = { class: "datagrid-gantt-stage__timeline" }, ig = { class: "datagrid-
             d,
             a.gantt?.minBarWidth ?? 6,
             X.milestone ? X.height : void 0
-          ), hr = ur.x - b.value, Ar = Oe, na = Oe + We, la = hr, ia = hr + ur.width;
+          ), hr = ur.x - f.value, Ar = Oe, na = Oe + We, la = hr, ia = hr + ur.width;
           if (X.milestone)
             Ce(
               t,
@@ -12101,7 +12101,7 @@ const lg = { class: "datagrid-gantt-stage__timeline" }, ig = { class: "datagrid-
       return 0;
     }
     function ut(d, P) {
-      if (b.value = kd(
+      if (f.value = kd(
         d,
         ce.value?.totalWidth ?? 0,
         y.value
@@ -12109,14 +12109,14 @@ const lg = { class: "datagrid-gantt-stage__timeline" }, ig = { class: "datagrid-
         j();
         return;
       }
-      te = !0, P !== "header" && f.value && f.value.scrollLeft !== b.value && (f.value.scrollLeft = b.value), P !== "body" && k.value && k.value.scrollLeft !== b.value && (k.value.scrollLeft = b.value), te = !1, j();
+      te = !0, P !== "header" && b.value && b.value.scrollLeft !== f.value && (b.value.scrollLeft = f.value), P !== "body" && k.value && k.value.scrollLeft !== f.value && (k.value.scrollLeft = f.value), te = !1, j();
     }
     function at() {
       if (!ce.value) {
         ut(0, "body");
         return;
       }
-      ut(b.value, "body");
+      ut(f.value, "body");
     }
     function Ne() {
       if (ae.value || !ce.value || y.value <= 0)
@@ -12187,7 +12187,7 @@ const lg = { class: "datagrid-gantt-stage__timeline" }, ig = { class: "datagrid-
     function Lt(d) {
       const P = Dt(d);
       return P ? {
-        x: P.x + b.value,
+        x: P.x + f.value,
         y: P.y
       } : null;
     }
@@ -12233,7 +12233,7 @@ const lg = { class: "datagrid-gantt-stage__timeline" }, ig = { class: "datagrid-
       if (!$.value || !ce.value)
         return;
       const P = Rt(d.clientX);
-      P !== 0 && ut(b.value + P, "body");
+      P !== 0 && ut(f.value + P, "body");
       const z = Lt(d);
       if (!z)
         return;
@@ -12379,7 +12379,7 @@ const lg = { class: "datagrid-gantt-stage__timeline" }, ig = { class: "datagrid-
         resolveScrollContainers: () => [
           C.value,
           k.value,
-          f.value
+          b.value
         ]
       })), Gr(() => {
         et(), Pe(), dt(), at(), Ne(), j();
@@ -12415,7 +12415,7 @@ const lg = { class: "datagrid-gantt-stage__timeline" }, ig = { class: "datagrid-
         }, [
           Y("div", {
             ref_key: "timelineHeaderViewportRef",
-            ref: f,
+            ref: b,
             class: "datagrid-gantt-timeline__viewport datagrid-gantt-timeline__viewport--header",
             style: de(zt.value),
             onScrollPassive: kt,