@affino/datagrid-vue-app 0.1.57 → 0.1.59

package/dist/chunks/{DataGridGanttStageEntry-CXAJI829.js → DataGridGanttStageEntry-pxdH3jzW.js}

@@ -1,11 +1,11 @@
-import { defineComponent as At, computed as o, resolveComponent as oi, openBlock as S, createBlock as Se, unref as m, withCtx as be, createVNode as Ye, createElementVNode as N, toDisplayString as de, normalizeStyle as ae, createElementBlock as D, Fragment as fe, renderList as ke, ref as Z, inject as Pn, watch as Ge, renderSlot as kr, createTextVNode as In, createCommentVNode as te, withModifiers as H, normalizeClass as ce, withDirectives as di, vModelText as ui, toRef as Ft, provide as si, toRefs as ci, onMounted as Fa, shallowRef as Ia, nextTick as Vr, onScopeDispose as gi, onBeforeUnmount as Dn, mergeProps as vi, h as mi } from "vue";
+import { defineComponent as At, computed as o, resolveComponent as oi, openBlock as S, createBlock as Se, unref as m, withCtx as be, createVNode as Ye, createElementVNode as N, toDisplayString as de, normalizeStyle as ae, createElementBlock as D, Fragment as fe, renderList as ke, ref as Z, inject as En, watch as Ge, renderSlot as kr, createTextVNode as In, createCommentVNode as te, withModifiers as H, normalizeClass as ce, withDirectives as di, vModelText as ui, toRef as Ft, provide as si, toRefs as ci, onMounted as Fa, shallowRef as Ia, nextTick as Vr, onScopeDispose as gi, onBeforeUnmount as Dn, mergeProps as vi, h as mi } from "vue";
 import { UiSubMenu as An, UiSubMenuTrigger as Tn, UiSubMenuContent as Bn, UiMenuItem as ar, UiMenu as pi, UiMenuTrigger as hi, UiMenuContent as fi, UiMenuLabel as bi, UiMenuSeparator as qr } from "@affino/menu-vue";
 import { d as yi, r as wi } from "./dataGridOverlayThemeVars-vzY74EIz.js";
 import { _ as xi } from "./DataGridFilterableCombobox.vue_vue_type_script_setup_true_lang-xry4J3Lx.js";
 import { resolveDataGridCellInteraction as Vn, getDataGridRowRenderMeta as Ci, buildDataGridCellRenderModel as Si, invokeDataGridCellInteraction as ki } from "@affino/datagrid-vue";
 import { useDataGridLinkedPaneScrollSync as Ri, useDataGridManagedWheelScroll as _i } from "@affino/datagrid-vue/advanced";
 import { buildDataGridChromeRenderModel as fa } from "@affino/datagrid-chrome";
-import { resolveDataGridGanttAnalysis as Mi, buildDataGridGanttVisibleBars as Ei, buildDataGridGanttDependencyPaths as Pi, resolveDataGridGanttRangeFrame as ba, buildDataGridTimelineRenderModels as rn, resolveDataGridTimelineDateToPixel as an, resolveDataGridTimelineScrollLeftForDate as Ii, applyDataGridGanttDragDelta as Di, hitTestDataGridGanttBar as nn, clampDataGridTimelineScrollLeft as Ai, buildDataGridGanttRowEditPatch as Ti, normalizeDataGridGanttOptions as Bi } from "@affino/datagrid-gantt";
+import { resolveDataGridGanttAnalysis as Mi, buildDataGridGanttVisibleBars as Pi, buildDataGridGanttDependencyPaths as Ei, resolveDataGridGanttRangeFrame as ba, buildDataGridTimelineRenderModels as rn, resolveDataGridTimelineDateToPixel as an, resolveDataGridTimelineScrollLeftForDate as Ii, applyDataGridGanttDragDelta as Di, hitTestDataGridGanttBar as nn, clampDataGridTimelineScrollLeft as Ai, buildDataGridGanttRowEditPatch as Ti, normalizeDataGridGanttOptions as Bi } from "@affino/datagrid-gantt";
 const Vi = ["title"], Li = /* @__PURE__ */ At({
   __name: "DataGridColumnMenuCustomEntry",
   props: {
@@ -19,13 +19,13 @@ const Vi = ["title"], Li = /* @__PURE__ */ At({
     const r = e, d = t, u = o(() => r.pathPrefix.length > 0 ? `${r.pathPrefix}/${r.item.key}` : r.item.key), s = o(() => `custom:${u.value}`), C = o(() => {
       const i = r.item.disabledReason?.trim() ?? "";
       return i.length > 0 ? i : void 0;
-    }), w = o(() => r.item.kind === "submenu" ? null : r.item), E = o(() => r.item.kind === "submenu" ? r.item.items.filter((i) => i.hidden !== !0) : []);
+    }), w = o(() => r.item.kind === "submenu" ? null : r.item), P = o(() => r.item.kind === "submenu" ? r.item.items.filter((i) => i.hidden !== !0) : []);
     function b() {
       w.value && d("select", w.value);
     }
     return (i, h) => {
       const l = oi("DataGridColumnMenuCustomEntry", !0);
-      return i.item.kind === "submenu" && E.value.length > 0 ? (S(), Se(m(An), {
+      return i.item.kind === "submenu" && P.value.length > 0 ? (S(), Se(m(An), {
         key: 0,
         options: i.submenuOptions
       }, {
@@ -50,7 +50,7 @@ const Vi = ["title"], Li = /* @__PURE__ */ At({
             style: ae(i.menuThemeVars)
           }, {
             default: be(() => [
-              (S(!0), D(fe, null, ke(E.value, (v) => (S(), Se(l, {
+              (S(!0), D(fe, null, ke(P.value, (v) => (S(), Se(l, {
                 key: v.key,
                 item: v,
                 "path-prefix": u.value,
@@ -158,17 +158,17 @@ const Vi = ["title"], Li = /* @__PURE__ */ At({
   },
   emits: ["sort", "pin", "group", "apply-filter", "clear-filter", "update-text-filter"],
   setup(e, { emit: t }) {
-    const r = e, d = t, u = Z(null), s = Pn(yi, Z(null)), C = Z(!1), w = Z(""), E = Z(!1), b = Z(null), i = Z([]), h = Z(!1), l = Z(null), v = Z([]), R = Z(0), W = Z({}), p = Z(!1);
+    const r = e, d = t, u = Z(null), s = En(yi, Z(null)), C = Z(!1), w = Z(""), P = Z(!1), b = Z(null), i = Z([]), h = Z(!1), l = Z(null), v = Z([]), R = Z(0), W = Z({}), p = Z(!1);
     let ee = 0, U = !1, L = null;
-    const $ = o(() => k(r.columnDataType)), M = o(() => new Set(r.disabledItems)), z = o(() => r.triggerMode !== "button"), G = o(() => !r.grouped || !Number.isFinite(r.groupOrder) ? null : lt(r.labels.groupLevel, "Level {level}", {
+    const $ = o(() => k(r.columnDataType)), _ = o(() => new Set(r.disabledItems)), z = o(() => r.triggerMode !== "button"), G = o(() => !r.grouped || !Number.isFinite(r.groupOrder) ? null : lt(r.labels.groupLevel, "Level {level}", {
       level: Number(r.groupOrder) + 1
-    })), _ = o(() => {
+    })), M = o(() => {
       const c = Number.isFinite(r.valueFilterRowLimit) && r.valueFilterRowLimit >= 0 ? r.valueFilterRowLimit : Number.POSITIVE_INFINITY;
       return Math.min(c, xo);
-    }), x = o(() => Number.isFinite(r.maxFilterValues) && r.maxFilterValues > 0 ? Math.max(20, Math.trunc(r.maxFilterValues)) : 120), A = o(() => r.filterEnabled ? r.rowCount <= _.value : !1), I = o(() => r.rowCount >= Co), O = o(() => r.filterEnabled && !A.value), B = o(() => r.items.filter((c) => c === "sort" ? he("sortAsc") || he("sortDesc") || he("clearSort") : c === "group" ? he("toggleGroup") : c === "pin" ? rt.value : c === "filter" ? Re.value : !0)), X = o(() => F(B.value, r.customItems)), q = o(() => M.value.has("sort")), Y = o(() => M.value.has("group")), J = o(() => M.value.has("pin")), le = o(() => M.value.has("filter")), we = o(() => new Set(v.value)), Re = o(() => A.value || r.textFilterEnabled), Ee = o(() => r.textFilterEnabled && !A.value), ge = o(() => w.value.trim().length > 0), Fe = o(() => h.value || l.value !== null), rt = o(() => he("pinMenu") && (he("pinLeft") || he("pinRight") || he("unpin"))), Ze = o(() => xe(
+    }), x = o(() => Number.isFinite(r.maxFilterValues) && r.maxFilterValues > 0 ? Math.max(20, Math.trunc(r.maxFilterValues)) : 120), A = o(() => r.filterEnabled ? r.rowCount <= M.value : !1), I = o(() => r.rowCount >= Co), O = o(() => r.filterEnabled && !A.value), B = o(() => r.items.filter((c) => c === "sort" ? he("sortAsc") || he("sortDesc") || he("clearSort") : c === "group" ? he("toggleGroup") : c === "pin" ? rt.value : c === "filter" ? Re.value : !0)), X = o(() => F(B.value, r.customItems)), q = o(() => _.value.has("sort")), Y = o(() => _.value.has("group")), J = o(() => _.value.has("pin")), le = o(() => _.value.has("filter")), we = o(() => new Set(v.value)), Re = o(() => A.value || r.textFilterEnabled), Pe = o(() => r.textFilterEnabled && !A.value), ge = o(() => w.value.trim().length > 0), Fe = o(() => h.value || l.value !== null), rt = o(() => he("pinMenu") && (he("pinLeft") || he("pinRight") || he("unpin"))), Ze = o(() => xe(
       "toggleGroup",
       r.labels.group ?? (r.grouped ? "Ungroup column" : "Group by this column")
-    )), $e = o(() => xe("pinMenu", r.labels.pin ?? "Pin column")), _t = o(() => r.labels.filter ?? (A.value ? "Filter" : "Filter by text")), Mt = o(() => xe("sortAsc", $.value.asc)), ut = o(() => xe("sortDesc", $.value.desc)), Pe = o(() => xe("clearSort", "Clear sort")), Ke = o(() => xe("pinLeft", "Pin left")), at = o(() => xe("pinRight", "Pin right")), yt = o(() => xe("unpin", "Unpin")), Ie = o(() => xe("clearFilter", "Clear filter")), pe = o(() => xe(
+    )), $e = o(() => xe("pinMenu", r.labels.pin ?? "Pin column")), _t = o(() => r.labels.filter ?? (A.value ? "Filter" : "Filter by text")), Mt = o(() => xe("sortAsc", $.value.asc)), ut = o(() => xe("sortDesc", $.value.desc)), Ee = o(() => xe("clearSort", "Clear sort")), Ke = o(() => xe("pinLeft", "Pin left")), at = o(() => xe("pinRight", "Pin right")), yt = o(() => xe("unpin", "Unpin")), Ie = o(() => xe("clearFilter", "Clear filter")), pe = o(() => xe(
       "addCurrentSelectionToFilter",
       "Add current selection to filter"
     )), st = o(() => xe("selectAllValues", "Select all")), wt = o(() => xe("clearAllValues", "Clear all")), ct = o(() => xe("cancelFilter", "Cancel")), De = o(() => xe("applyFilter", "Apply")), Ae = o(() => Be(r.labels.activeState, "Active")), se = o(() => Be(r.labels.textFilterPlaceholder, "Type to filter rows")), Je = o(() => Be(r.labels.valueSearchPlaceholder, "Search values")), He = o(() => Be(
@@ -186,14 +186,14 @@ const Vi = ["title"], Li = /* @__PURE__ */ At({
       "Select at least one value to apply the filter."
     )), We = o(() => {
       const c = w.value.trim().toLowerCase();
-      return c.length > 0 ? i.value.filter((P) => P.searchText.includes(c)) : i.value;
+      return c.length > 0 ? i.value.filter((E) => E.searchText.includes(c)) : i.value;
     }), nt = o(() => ge.value ? We.value : We.value.slice(0, R.value)), Wt = o(() => ge.value ? 0 : Math.max(0, We.value.length - nt.value.length)), vt = o(() => {
-      if (ge.value && !E.value) {
-        const c = new Set(nt.value.map((P) => P.token));
-        return v.value.filter((P) => c.has(P));
+      if (ge.value && !P.value) {
+        const c = new Set(nt.value.map((E) => E.token));
+        return v.value.filter((E) => c.has(E));
       }
       return v.value;
-    }), Bt = o(() => ge.value ? E.value ? i.value.length : nt.value.length : i.value.length), Vt = o(() => vt.value.length), Ct = o(() => lt(
+    }), Bt = o(() => ge.value ? P.value ? i.value.length : nt.value.length : i.value.length), Vt = o(() => vt.value.length), Ct = o(() => lt(
       r.labels.selectedValuesSummary,
       "{selected} / {total} selected",
       {
@@ -213,7 +213,7 @@ const Vi = ["title"], Li = /* @__PURE__ */ At({
       closeOnSelect: !0,
       openDelay: 0,
       closeDelay: 90
-    }, Et = {
+    }, Pt = {
       mousePrediction: {},
       loopFocus: !0,
       closeOnSelect: !0,
@@ -228,7 +228,7 @@ const Vi = ["title"], Li = /* @__PURE__ */ At({
       }
     };
     Ge(w, (c) => {
-      if (it(), c.trim().length === 0 && (E.value = !1, kt()), U) {
+      if (it(), c.trim().length === 0 && (P.value = !1, kt()), U) {
         U = !1;
         return;
       }
@@ -253,17 +253,17 @@ const Vi = ["title"], Li = /* @__PURE__ */ At({
     function he(c) {
       return r.actionOptions[c]?.hidden !== !0;
     }
-    function ye(c, P = !1) {
-      return P || r.actionOptions[c]?.disabled === !0;
+    function ye(c, E = !1) {
+      return E || r.actionOptions[c]?.disabled === !0;
     }
-    function xe(c, P) {
-      return r.actionOptions[c]?.label ?? P;
+    function xe(c, E) {
+      return r.actionOptions[c]?.label ?? E;
     }
-    function Be(c, P) {
-      return typeof c == "string" && c.trim().length > 0 ? c.trim() : P;
+    function Be(c, E) {
+      return typeof c == "string" && c.trim().length > 0 ? c.trim() : E;
     }
-    function lt(c, P, g) {
-      let ie = Be(c, P);
+    function lt(c, E, g) {
+      let ie = Be(c, E);
       for (const [Q, ze] of Object.entries(g))
         ie = ie.split(`{${Q}}`).join(String(ze));
       return ie;
@@ -271,14 +271,14 @@ const Vi = ["title"], Li = /* @__PURE__ */ At({
     function St(c) {
       return r.disabledReasons[c] ?? "";
     }
-    function tt(c, P) {
-      if (!P)
+    function tt(c, E) {
+      if (!E)
         return;
       const g = St(c);
       return g.length > 0 ? g : void 0;
     }
-    function ue(c, P = !1, g) {
-      if (!ye(c, P))
+    function ue(c, E = !1, g) {
+      if (!ye(c, E))
         return;
       const Q = r.actionOptions[c]?.disabledReason?.trim() ?? "";
       if (Q.length > 0)
@@ -286,30 +286,30 @@ const Vi = ["title"], Li = /* @__PURE__ */ At({
       if (g)
         return tt(g, !0);
     }
-    function Pt(c) {
+    function Et(c) {
       return c.disabled === !0;
     }
-    function $t(c, P) {
+    function $t(c, E) {
       if (c == null)
         return Be(r.labels.blankValue, "(Blanks)");
-      const g = typeof P == "string" && P.length > 0 ? P : String(c);
+      const g = typeof E == "string" && E.length > 0 ? E : String(c);
       return g.length > 0 ? g : Be(r.labels.blankValue, "(Blanks)");
     }
     function Ne(c) {
-      const P = [];
+      const E = [];
       for (const g of c) {
         const ie = ht(String(g.token ?? ""));
         if (!ie)
           continue;
         const Q = $t(g.value, g.text);
-        P.push({
+        E.push({
           token: ie,
           label: Q,
           count: Math.max(0, Math.trunc(g.count)),
           searchText: Q.toLowerCase()
         });
       }
-      return P.sort((g, ie) => g.label.localeCompare(ie.label, void 0, {
+      return E.sort((g, ie) => g.label.localeCompare(ie.label, void 0, {
         numeric: !0,
         sensitivity: "base"
       }));
@@ -324,7 +324,7 @@ const Vi = ["title"], Li = /* @__PURE__ */ At({
       mt(), d("sort", c);
     }
     async function lr(c) {
-      Pt(c) || await c.onSelect?.({
+      Et(c) || await c.onSelect?.({
         columnKey: r.columnKey,
         columnLabel: r.columnLabel,
         closeMenu: mt
@@ -333,16 +333,16 @@ const Vi = ["title"], Li = /* @__PURE__ */ At({
     function Xt(c) {
       if (!c)
         return;
-      const P = u.value?.controller;
-      if (!P)
+      const E = u.value?.controller;
+      if (!E)
         return;
       const g = c.getBoundingClientRect();
-      P.setAnchor({
+      E.setAnchor({
         x: g.left,
         y: g.bottom,
         width: g.width,
         height: 0
-      }), P.open("programmatic");
+      }), E.open("programmatic");
     }
     function Yt(c) {
       if (C.value) {
@@ -355,7 +355,7 @@ const Vi = ["title"], Li = /* @__PURE__ */ At({
       W.value = wi(s.value);
     }
     function y() {
-      if (w.value !== "" && (U = !0, w.value = ""), E.value = !1, kt(), it(), f(), !A.value) {
+      if (w.value !== "" && (U = !0, w.value = ""), P.value = !1, kt(), it(), f(), !A.value) {
         i.value = [], h.value = !1, l.value = null, v.value = [], p.value = !1;
         return;
       }
@@ -372,15 +372,15 @@ const Vi = ["title"], Li = /* @__PURE__ */ At({
         L = () => window.cancelAnimationFrame(g);
         return;
       }
-      const P = globalThis.setTimeout(() => {
+      const E = globalThis.setTimeout(() => {
         L = null, c();
       }, 0);
-      L = () => globalThis.clearTimeout(P);
+      L = () => globalThis.clearTimeout(E);
     }
-    function T(c, P = {}) {
+    function T(c, E = {}) {
       f();
       const g = ee + 1;
-      if (ee = g, h.value = !0, l.value = null, !P.defer) {
+      if (ee = g, h.value = !0, l.value = null, !E.defer) {
         oe(g, c);
         return;
       }
@@ -396,13 +396,13 @@ const Vi = ["title"], Li = /* @__PURE__ */ At({
       };
       a(Q);
     }
-    async function oe(c, P) {
+    async function oe(c, E) {
       try {
         const g = r.resolveValueEntries?.(w.value.trim()) ?? [], ie = Ue(g) ? await g : g;
         if (c !== ee)
           return;
         const Q = Ne(ie);
-        i.value = Q, re(Q, P);
+        i.value = Q, re(Q, E);
       } catch (g) {
         if (c !== ee)
           return;
@@ -411,11 +411,11 @@ const Vi = ["title"], Li = /* @__PURE__ */ At({
         c === ee && (h.value = !1);
       }
     }
-    function re(c, P) {
+    function re(c, E) {
       const g = Array.from(new Set(
         r.selectedFilterTokens.map((Q) => ht(String(Q ?? ""))).filter(Boolean)
       ));
-      if (P) {
+      if (E) {
         const Q = new Set(c.map((Ce) => Ce.token)), ze = g.filter((Ce) => Q.has(Ce));
         p.value = g.length === 0, v.value = ze.length > 0 ? ze : c.map((Ce) => Ce.token);
         return;
@@ -442,8 +442,8 @@ const Vi = ["title"], Li = /* @__PURE__ */ At({
     function ir(c) {
       if (ge.value || R.value >= We.value.length)
         return;
-      const P = c.target;
-      !P || P.scrollHeight - (P.scrollTop + P.clientHeight) > 24 || (R.value = Math.min(
+      const E = c.target;
+      !E || E.scrollHeight - (E.scrollTop + E.clientHeight) > 24 || (R.value = Math.min(
         We.value.length,
         R.value + x.value
       ));
@@ -452,8 +452,8 @@ const Vi = ["title"], Li = /* @__PURE__ */ At({
       if (le.value)
         return;
       p.value = !1;
-      const P = new Set(v.value);
-      P.has(c) ? P.delete(c) : P.add(c), v.value = [...P];
+      const E = new Set(v.value);
+      E.has(c) ? E.delete(c) : E.add(c), v.value = [...E];
     }
     function cr() {
       le.value || (p.value = !0, v.value = i.value.map((c) => c.token));
@@ -462,7 +462,7 @@ const Vi = ["title"], Li = /* @__PURE__ */ At({
       le.value || (p.value = !1, v.value = []);
     }
     function gr(c) {
-      le.value || (E.value = c.target.checked);
+      le.value || (P.value = c.target.checked);
     }
     function vr() {
       le.value || !et.value || (!ge.value && vt.value.length === i.value.length ? d("clear-filter") : d("apply-filter", [...vt.value]), mt());
@@ -503,9 +503,9 @@ const Vi = ["title"], Li = /* @__PURE__ */ At({
           };
       }
     }
-    function F(c, P) {
+    function F(c, E) {
       const g = [], ie = [], Q = /* @__PURE__ */ new Map(), ze = /* @__PURE__ */ new Map(), Ce = new Set(c);
-      for (const je of P) {
+      for (const je of E) {
         if (je.hidden === !0)
           continue;
         const ot = {
@@ -534,7 +534,7 @@ const Vi = ["title"], Li = /* @__PURE__ */ At({
         Le.push(...Q.get(je) ?? []), Le.push({ kind: "section", key: je }), Le.push(...ze.get(je) ?? []);
       return Le.push(...ie), Object.freeze(Le);
     }
-    return (c, P) => (S(), Se(m(pi), {
+    return (c, E) => (S(), Se(m(pi), {
       ref_key: "menuRef",
       ref: u,
       callbacks: Lt,
@@ -586,7 +586,7 @@ const Vi = ["title"], Li = /* @__PURE__ */ At({
                   "data-disabled-reason": ue("sortAsc", q.value || !c.sortEnabled, "sort"),
                   disabled: ye("sortAsc", q.value || !c.sortEnabled),
                   title: ue("sortAsc", q.value || !c.sortEnabled, "sort"),
-                  onSelect: P[0] || (P[0] = (Q) => Ve("asc"))
+                  onSelect: E[0] || (E[0] = (Q) => Ve("asc"))
                 }, {
                   default: be(() => [
                     N("span", {
@@ -603,7 +603,7 @@ const Vi = ["title"], Li = /* @__PURE__ */ At({
                   "data-disabled-reason": ue("sortDesc", q.value || !c.sortEnabled, "sort"),
                   disabled: ye("sortDesc", q.value || !c.sortEnabled),
                   title: ue("sortDesc", q.value || !c.sortEnabled, "sort"),
-                  onSelect: P[1] || (P[1] = (Q) => Ve("desc"))
+                  onSelect: E[1] || (E[1] = (Q) => Ve("desc"))
                 }, {
                   default: be(() => [
                     N("span", {
@@ -620,12 +620,12 @@ const Vi = ["title"], Li = /* @__PURE__ */ At({
                   "data-disabled-reason": ue("clearSort", q.value || !c.sortEnabled || c.sortDirection === null, "sort"),
                   disabled: ye("clearSort", q.value || !c.sortEnabled || c.sortDirection === null),
                   title: ue("clearSort", q.value || !c.sortEnabled || c.sortDirection === null, "sort"),
-                  onSelect: P[2] || (P[2] = (Q) => Ve(null))
+                  onSelect: E[2] || (E[2] = (Q) => Ve(null))
                 }, {
                   default: be(() => [
                     N("span", {
                       title: ue("clearSort", q.value || !c.sortEnabled || c.sortDirection === null, "sort")
-                    }, de(Pe.value), 9, zi)
+                    }, de(Ee.value), 9, zi)
                   ]),
                   _: 1
                 }, 8, ["data-disabled-reason", "disabled", "title"])) : te("", !0)
@@ -647,7 +647,7 @@ const Vi = ["title"], Li = /* @__PURE__ */ At({
                 _: 1
               }, 8, ["data-disabled-reason", "disabled", "title"])) : g.kind === "section" && g.key === "pin" && rt.value ? (S(), Se(m(An), {
                 key: 3,
-                options: Et
+                options: Pt
               }, {
                 default: be(() => [
                   Ye(m(Tn), {
@@ -675,7 +675,7 @@ const Vi = ["title"], Li = /* @__PURE__ */ At({
                         "data-disabled-reason": ue("pinLeft", J.value, "pin"),
                         disabled: ye("pinLeft", J.value),
                         title: ue("pinLeft", J.value, "pin"),
-                        onSelect: P[3] || (P[3] = (Q) => c.$emit("pin", "left"))
+                        onSelect: E[3] || (E[3] = (Q) => c.$emit("pin", "left"))
                       }, {
                         default: be(() => [
                           N("span", {
@@ -692,7 +692,7 @@ const Vi = ["title"], Li = /* @__PURE__ */ At({
                         "data-disabled-reason": ue("pinRight", J.value, "pin"),
                         disabled: ye("pinRight", J.value),
                         title: ue("pinRight", J.value, "pin"),
-                        onSelect: P[4] || (P[4] = (Q) => c.$emit("pin", "right"))
+                        onSelect: E[4] || (E[4] = (Q) => c.$emit("pin", "right"))
                       }, {
                         default: be(() => [
                           N("span", {
@@ -709,7 +709,7 @@ const Vi = ["title"], Li = /* @__PURE__ */ At({
                         "data-disabled-reason": ue("unpin", J.value || c.pin === "none", "pin"),
                         disabled: ye("unpin", J.value || c.pin === "none"),
                         title: ue("unpin", J.value || c.pin === "none", "pin"),
-                        onSelect: P[5] || (P[5] = (Q) => c.$emit("pin", "none"))
+                        onSelect: E[5] || (E[5] = (Q) => c.$emit("pin", "none"))
                       }, {
                         default: be(() => [
                           N("span", {
@@ -732,9 +732,9 @@ const Vi = ["title"], Li = /* @__PURE__ */ At({
                     "datagrid-column-menu__section--with-values": A.value
                   }
                 ]),
-                onMousedown: P[13] || (P[13] = H(() => {
+                onMousedown: E[13] || (E[13] = H(() => {
                 }, ["stop"])),
-                onClick: P[14] || (P[14] = H(() => {
+                onClick: E[14] || (E[14] = H(() => {
                 }, ["stop"]))
               }, [
                 N("div", Xi, [
@@ -750,7 +750,7 @@ const Vi = ["title"], Li = /* @__PURE__ */ At({
                     onClick: pr
                   }, de(Ie.value), 9, Zi)) : te("", !0)
                 ]),
-                Ee.value ? (S(), D("input", {
+                Pe.value ? (S(), D("input", {
                   key: 0,
                   name: `datagrid-column-menu-text-filter-${c.columnKey}`,
                   value: c.textFilterValue,
@@ -759,29 +759,29 @@ const Vi = ["title"], Li = /* @__PURE__ */ At({
                   placeholder: se.value,
                   disabled: le.value,
                   title: tt("filter", le.value),
-                  onMousedown: P[6] || (P[6] = H(() => {
+                  onMousedown: E[6] || (E[6] = H(() => {
                   }, ["stop"])),
-                  onClick: P[7] || (P[7] = H(() => {
+                  onClick: E[7] || (E[7] = H(() => {
                   }, ["stop"])),
-                  onKeydown: P[8] || (P[8] = H(() => {
+                  onKeydown: E[8] || (E[8] = H(() => {
                   }, ["stop"])),
                   onInput: mr
                 }, null, 40, Ji)) : te("", !0),
                 c.textFilterEnabled && !A.value ? (S(), D("div", Qi, de(O.value ? He.value : Qe.value), 1)) : te("", !0),
                 A.value ? di((S(), D("input", {
                   key: 2,
-                  "onUpdate:modelValue": P[9] || (P[9] = (Q) => w.value = Q),
+                  "onUpdate:modelValue": E[9] || (E[9] = (Q) => w.value = Q),
                   name: `datagrid-column-menu-value-search-${c.columnKey}`,
                   class: "datagrid-column-menu__search",
                   type: "search",
                   placeholder: Je.value,
                   disabled: le.value,
                   title: tt("filter", le.value),
-                  onMousedown: P[10] || (P[10] = H(() => {
+                  onMousedown: E[10] || (E[10] = H(() => {
                   }, ["stop"])),
-                  onClick: P[11] || (P[11] = H(() => {
+                  onClick: E[11] || (E[11] = H(() => {
                   }, ["stop"])),
-                  onKeydown: P[12] || (P[12] = H(() => {
+                  onKeydown: E[12] || (E[12] = H(() => {
                   }, ["stop"]))
                 }, null, 40, eo)), [
                   [ui, w.value]
@@ -790,7 +790,7 @@ const Vi = ["title"], Li = /* @__PURE__ */ At({
                   N("input", {
                     name: `datagrid-column-menu-add-selection-${c.columnKey}`,
                     type: "checkbox",
-                    checked: E.value,
+                    checked: P.value,
                     disabled: ye("addCurrentSelectionToFilter", le.value),
                     title: ue("addCurrentSelectionToFilter", le.value, "filter"),
                     onChange: gr
@@ -884,7 +884,7 @@ const Vi = ["title"], Li = /* @__PURE__ */ At({
                 key: 5,
                 item: g.item,
                 "menu-theme-vars": W.value,
-                "submenu-options": Et,
+                "submenu-options": Pt,
                 onSelect: lr
               }, null, 8, ["item", "menu-theme-vars"])) : te("", !0)
             ], 64))), 128))
@@ -948,7 +948,7 @@ function _o(e) {
   ), e;
 }
 function na() {
-  const e = Pn(Ln);
+  const e = En(Ln);
   if (!e)
     throw new Error("DataGrid table stage context is not available outside of DataGridTableStage.");
   return e;
@@ -989,10 +989,10 @@ function vs() {
 function ms() {
   return nr("interaction");
 }
-const Mo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span", "data-datagrid-pivot-group-depth"], Eo = {
+const Mo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span", "data-datagrid-pivot-group-depth"], Po = {
   key: 0,
   class: "col-head__pivot-group-label"
-}, Po = /* @__PURE__ */ N("div", { class: "col-head col-head--index" }, [
+}, Eo = /* @__PURE__ */ N("div", { class: "col-head col-head--index" }, [
   /* @__PURE__ */ N("span", null, "#")
 ], -1), Io = {
   key: 0,
@@ -1052,10 +1052,10 @@ const Mo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
 }, Md = {
   key: 1,
   d: "M9 11V6.75M9 6.75 7.25 8.5M9 6.75 10.75 8.5"
-}, Ed = {
+}, Pd = {
   key: 2,
   d: "M9 5v4.25M9 9.25 7.25 7.5M9 9.25 10.75 7.5"
-}, Pd = {
+}, Ed = {
   key: 3,
   d: "M5.5 6.5 8 9l2.5-2.5"
 }, Id = ["onMousedown", "onDblclick"], Dd = ["data-column-key", "draggable", "onClick", "onDragstart", "onDragover", "onDrop"], Ad = { class: "col-head" }, Td = {
@@ -1098,10 +1098,10 @@ const Mo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
     }
   },
   setup(e) {
-    const t = Ha(), r = Fn(), d = Wa(), u = Hn(), s = za(), C = Wn(), w = o(() => s.value.sourceRows ?? []), E = o(() => u.value.visibleColumns), b = o(() => u.value.renderedColumns), i = o(() => E.value.filter((y) => y.pin === "left")), h = o(() => E.value.filter((y) => y.pin === "right")), l = o(() => t.value !== "pivot" ? 0 : E.value.reduce((y, f) => {
+    const t = Ha(), r = Fn(), d = Wa(), u = Hn(), s = za(), C = Wn(), w = o(() => s.value.sourceRows ?? []), P = o(() => u.value.visibleColumns), b = o(() => u.value.renderedColumns), i = o(() => P.value.filter((y) => y.pin === "left")), h = o(() => P.value.filter((y) => y.pin === "right")), l = o(() => t.value !== "pivot" ? 0 : P.value.reduce((y, f) => {
       const a = Fe(f);
       return Math.max(y, a?.groupLabels?.length ?? 0);
-    }, 0)), v = o(() => l.value > 0), R = o(() => $e(i.value)), W = o(() => $e(b.value)), p = o(() => $e(h.value)), ee = o(() => r.value.mainTrackStyle), U = o(() => d.value.leftColumnSpacerWidth), L = o(() => d.value.rightColumnSpacerWidth), $ = o(() => u.value.columnFilterTextByKey), M = o(() => typeof u.value.columnMenuMaxFilterValues == "number" ? u.value.columnMenuMaxFilterValues : 250), z = o(() => typeof u.value.columnMenuValueFilterRowLimit == "number" ? u.value.columnMenuValueFilterRowLimit : Number.MAX_SAFE_INTEGER), G = Z(null), _ = Z(null), x = Z(null);
+    }, 0)), v = o(() => l.value > 0), R = o(() => $e(i.value)), W = o(() => $e(b.value)), p = o(() => $e(h.value)), ee = o(() => r.value.mainTrackStyle), U = o(() => d.value.leftColumnSpacerWidth), L = o(() => d.value.rightColumnSpacerWidth), $ = o(() => u.value.columnFilterTextByKey), _ = o(() => typeof u.value.columnMenuMaxFilterValues == "number" ? u.value.columnMenuMaxFilterValues : 250), z = o(() => typeof u.value.columnMenuValueFilterRowLimit == "number" ? u.value.columnMenuValueFilterRowLimit : Number.MAX_SAFE_INTEGER), G = Z(null), M = Z(null), x = Z(null);
     let A = !1;
     function I() {
       return u.value.columnMenuEnabled === !0 ? !0 : typeof u.value.applyColumnMenuSort == "function" || typeof u.value.applyColumnMenuPin == "function" || typeof u.value.applyColumnMenuFilter == "function" || typeof u.value.clearColumnMenuFilter == "function";
@@ -1124,7 +1124,7 @@ const Mo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
       });
     }
     function q(y = !1) {
-      G.value = null, _.value = null, x.value = null, y && X();
+      G.value = null, M.value = null, x.value = null, y && X();
     }
     function Y(y) {
       return typeof u.value.reorderColumnsByHeader == "function" && t.value !== "pivot" && !Ie(y);
@@ -1143,18 +1143,18 @@ const Mo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
         "grid-cell--header-menu-open": f.menuOpen === !0,
         "grid-cell--header-reorderable": Y(y),
         "grid-cell--header-reorder-source": G.value === y.key,
-        "grid-cell--header-drop-before": _.value === y.key && x.value === "before",
-        "grid-cell--header-drop-after": _.value === y.key && x.value === "after"
+        "grid-cell--header-drop-before": M.value === y.key && x.value === "before",
+        "grid-cell--header-drop-after": M.value === y.key && x.value === "after"
       };
     }
     function Re(y) {
-      const f = E.value.findIndex((oe) => oe.key === y.key), a = C.value.totalRowCount ?? 0;
+      const f = P.value.findIndex((oe) => oe.key === y.key), a = C.value.totalRowCount ?? 0;
       return f < 0 || a <= 0 ? !1 : (C.value.selectionRanges ?? (C.value.selectionRange ? [C.value.selectionRange] : [])).some((oe) => {
         const re = Math.min(oe.startRow, oe.endRow), kt = Math.max(oe.startRow, oe.endRow), it = Math.min(oe.startColumn, oe.endColumn), ir = Math.max(oe.startColumn, oe.endColumn);
         return re === 0 && kt >= a - 1 && f >= it && f <= ir;
       });
     }
-    function Ee(y) {
+    function Pe(y) {
       return r.value.columnStyle(y);
     }
     function ge(y) {
@@ -1215,7 +1215,7 @@ const Mo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
     function ut(y, f) {
       u.value.startResize(y, f);
     }
-    function Pe(y, f) {
+    function Ee(y, f) {
       u.value.handleResizeDoubleClick(y, f);
     }
     function Ke(y, f) {
@@ -1262,18 +1262,18 @@ const Mo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
         q();
         return;
       }
-      A = !0, G.value = f.key, _.value = null, x.value = null, y.dataTransfer && (y.dataTransfer.effectAllowed = "move", y.dataTransfer.dropEffect = "move", y.dataTransfer.setData("text/plain", f.key));
+      A = !0, G.value = f.key, M.value = null, x.value = null, y.dataTransfer && (y.dataTransfer.effectAllowed = "move", y.dataTransfer.dropEffect = "move", y.dataTransfer.setData("text/plain", f.key));
     }
     function Je(y, f) {
       if (!G.value || !Y(f)) {
-        _.value = null, x.value = null;
+        M.value = null, x.value = null;
         return;
       }
       if (G.value === f.key) {
-        _.value = null, x.value = null;
+        M.value = null, x.value = null;
         return;
       }
-      y.preventDefault(), y.dataTransfer && (y.dataTransfer.dropEffect = "move"), _.value = f.key, x.value = le(y);
+      y.preventDefault(), y.dataTransfer && (y.dataTransfer.dropEffect = "move"), M.value = f.key, x.value = le(y);
     }
     function He(y, f) {
       const a = G.value;
@@ -1366,7 +1366,7 @@ const Mo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
     function Gt() {
       return u.value.columnMenuTrigger ?? "button+contextmenu";
     }
-    function Et() {
+    function Pt() {
       return Gt() !== "contextmenu";
     }
     function Lt(y) {
@@ -1409,7 +1409,7 @@ const Mo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
     function ue(y, f) {
       u.value.applyColumnMenuGroupBy?.(y, f);
     }
-    function Pt(y, f) {
+    function Et(y, f) {
       u.value.applyColumnMenuFilter?.(y, f);
     }
     function $t(y) {
@@ -1491,7 +1491,7 @@ const Mo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
             "data-datagrid-pivot-group-span": oe.columns.length,
             "data-datagrid-pivot-group-depth": T
           }, [
-            oe.label ? (S(), D("span", Eo, de(oe.label), 1)) : te("", !0)
+            oe.label ? (S(), D("span", Po, de(oe.label), 1)) : te("", !0)
           ], 14, Mo))), 128))
         ], 4))), 128)),
         N("div", {
@@ -1503,7 +1503,7 @@ const Mo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
             class: "grid-cell grid-cell--header grid-cell--index grid-cell--index-header",
             style: ae(e.rowIndexColumnStyle)
           }, [
-            Po,
+            Eo,
             I() ? te("", !0) : (S(), D("div", Io))
           ], 4)) : te("", !0),
           O() ? (S(!0), D(fe, { key: 1 }, ke(i.value, (a) => (S(), D(fe, {
@@ -1512,7 +1512,7 @@ const Mo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
             Ie(a) ? (S(), D("div", {
               key: 0,
               class: "grid-cell grid-cell--header grid-cell--pinned-left grid-cell--checkbox grid-cell--row-selection",
-              style: ae([Ee(a.key), De(a)]),
+              style: ae([Pe(a.key), De(a)]),
               "data-column-key": a.key
             }, [
               N("div", Ao, [
@@ -1566,10 +1566,10 @@ const Mo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
               "text-filter-value": $.value[a.key] ?? "",
               "filter-active": ne(a.key),
               "selected-filter-tokens": Te(a.key),
-              "max-filter-values": M.value,
+              "max-filter-values": _.value,
               onSort: (T) => St(a.key, T),
               onPin: (T) => tt(a.key, T),
-              onApplyFilter: (T) => Pt(a.key, T),
+              onApplyFilter: (T) => Et(a.key, T),
               onGroup: (T) => ue(a.key, T),
               onUpdateTextFilter: (T) => Ke(a.key, T),
               onClearFilter: (T) => $t(a.key)
@@ -1577,7 +1577,7 @@ const Mo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
               default: be(({ open: T, toggleMenuFromElement: oe }) => [
                 N("div", {
                   class: ce(["grid-cell grid-cell--header grid-cell--header-sortable grid-cell--pinned-left", we(a, { menuEnabled: !0, menuOpen: T })]),
-                  style: ae([Ee(a.key), De(a)]),
+                  style: ae([Pe(a.key), De(a)]),
                   "data-column-key": a.key,
                   draggable: Y(a),
                   onClick: (re) => Ae(a, { additive: re.ctrlKey || re.metaKey, extend: re.shiftKey }),
@@ -1588,7 +1588,7 @@ const Mo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
                 }, [
                   N("div", Vo, [
                     N("span", Lo, de(rt(a)), 1),
-                    Et() ? (S(), D("button", {
+                    Pt() ? (S(), D("button", {
                       key: 0,
                       type: "button",
                       class: ce(["col-menu-trigger", Vt(a.key, T)]),
@@ -1611,7 +1611,7 @@ const Mo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
                       class: "col-resize",
                       "aria-label": "Resize column",
                       onMousedown: H((re) => ut(re, a.key), ["stop", "prevent"]),
-                      onDblclick: H((re) => Pe(re, a.key), ["stop"]),
+                      onDblclick: H((re) => Ee(re, a.key), ["stop"]),
                       onClick: f[4] || (f[4] = H(() => {
                       }, ["stop"]))
                     }, null, 40, $o)
@@ -1626,7 +1626,7 @@ const Mo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
             Ie(a) ? (S(), D("div", {
               key: 0,
               class: "grid-cell grid-cell--header grid-cell--pinned-left grid-cell--checkbox grid-cell--row-selection",
-              style: ae([Ee(a.key), De(a)]),
+              style: ae([Pe(a.key), De(a)]),
               "data-column-key": a.key
             }, [
               N("div", No, [
@@ -1657,7 +1657,7 @@ const Mo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
             ], 12, Ko)) : (S(), D("div", {
               key: 1,
               class: ce(["grid-cell grid-cell--header grid-cell--header-sortable grid-cell--pinned-left", we(a)]),
-              style: ae([Ee(a.key), De(a)]),
+              style: ae([Pe(a.key), De(a)]),
               "data-column-key": a.key,
               draggable: Y(a),
               onClick: (T) => Ae(a, { additive: T.ctrlKey || T.metaKey, extend: T.shiftKey }),
@@ -1679,7 +1679,7 @@ const Mo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
                   class: "col-resize",
                   "aria-label": "Resize column",
                   onMousedown: H((T) => ut(T, a.key), ["stop", "prevent"]),
-                  onDblclick: H((T) => Pe(T, a.key), ["stop"]),
+                  onDblclick: H((T) => Ee(T, a.key), ["stop"]),
                   onClick: f[8] || (f[8] = H(() => {
                   }, ["stop"]))
                 }, null, 40, Zo)
@@ -1777,18 +1777,18 @@ const Mo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
             "text-filter-value": $.value[a.key] ?? "",
             "filter-active": ne(a.key),
             "selected-filter-tokens": Te(a.key),
-            "max-filter-values": M.value,
+            "max-filter-values": _.value,
             onSort: (T) => St(a.key, T),
             onPin: (T) => tt(a.key, T),
             onGroup: (T) => ue(a.key, T),
-            onApplyFilter: (T) => Pt(a.key, T),
+            onApplyFilter: (T) => Et(a.key, T),
             onUpdateTextFilter: (T) => Ke(a.key, T),
             onClearFilter: (T) => $t(a.key)
           }, {
             default: be(({ open: T, toggleMenuFromElement: oe }) => [
               N("div", {
                 class: ce(["grid-cell grid-cell--header grid-cell--header-sortable", we(a, { menuEnabled: !0, menuOpen: T })]),
-                style: ae([Ee(a.key), De(a)]),
+                style: ae([Pe(a.key), De(a)]),
                 "data-column-key": a.key,
                 draggable: Y(a),
                 onClick: (re) => Ae(a, { additive: re.ctrlKey || re.metaKey, extend: re.shiftKey }),
@@ -1804,7 +1804,7 @@ const Mo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
                     class: "col-head__group-badge",
                     title: nt(a.key)
                   }, de(We(a.key)), 9, nd)) : te("", !0),
-                  Et() ? (S(), D("button", {
+                  Pt() ? (S(), D("button", {
                     key: 1,
                     type: "button",
                     class: ce(["col-menu-trigger", Vt(a.key, T)]),
@@ -1827,7 +1827,7 @@ const Mo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
                     class: "col-resize",
                     "aria-label": "Resize column",
                     onMousedown: H((re) => ut(re, a.key), ["stop", "prevent"]),
-                    onDblclick: H((re) => Pe(re, a.key), ["stop"]),
+                    onDblclick: H((re) => Ee(re, a.key), ["stop"]),
                     onClick: f[14] || (f[14] = H(() => {
                     }, ["stop"]))
                   }, null, 40, cd)
@@ -1838,7 +1838,7 @@ const Mo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
           }, 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", "onGroup", "onApplyFilter", "onUpdateTextFilter", "onClearFilter"]))), 128)) : (S(!0), D(fe, { key: 2 }, ke(b.value, (a) => (S(), D("div", {
             key: `header-${a.key}`,
             class: ce(["grid-cell grid-cell--header grid-cell--header-sortable", we(a)]),
-            style: ae([Ee(a.key), De(a)]),
+            style: ae([Pe(a.key), De(a)]),
             "data-column-key": a.key,
             draggable: Y(a),
             onClick: (T) => Ae(a, { additive: T.ctrlKey || T.metaKey, extend: T.shiftKey }),
@@ -1860,7 +1860,7 @@ const Mo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
                 class: "col-resize",
                 "aria-label": "Resize column",
                 onMousedown: H((T) => ut(T, a.key), ["stop", "prevent"]),
-                onDblclick: H((T) => Pe(T, a.key), ["stop"]),
+                onDblclick: H((T) => Ee(T, a.key), ["stop"]),
                 onClick: f[15] || (f[15] = H(() => {
                 }, ["stop"]))
               }, null, 40, hd)
@@ -1947,10 +1947,10 @@ const Mo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
             "text-filter-value": $.value[a.key] ?? "",
             "filter-active": ne(a.key),
             "selected-filter-tokens": Te(a.key),
-            "max-filter-values": M.value,
+            "max-filter-values": _.value,
             onSort: (T) => St(a.key, T),
             onPin: (T) => tt(a.key, T),
-            onApplyFilter: (T) => Pt(a.key, T),
+            onApplyFilter: (T) => Et(a.key, T),
             onGroup: (T) => ue(a.key, T),
             onUpdateTextFilter: (T) => Ke(a.key, T),
             onClearFilter: (T) => $t(a.key)
@@ -1958,7 +1958,7 @@ const Mo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
             default: be(({ open: T, toggleMenuFromElement: oe }) => [
               N("div", {
                 class: ce(["grid-cell grid-cell--header grid-cell--header-sortable grid-cell--pinned-right", we(a, { menuEnabled: !0, menuOpen: T })]),
-                style: ae([Ee(a.key), De(a)]),
+                style: ae([Pe(a.key), De(a)]),
                 "data-column-key": a.key,
                 draggable: Y(a),
                 onClick: (re) => Ae(a, { additive: re.ctrlKey || re.metaKey, extend: re.shiftKey }),
@@ -1974,7 +1974,7 @@ const Mo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
                     class: "col-head__group-badge",
                     title: nt(a.key)
                   }, de(We(a.key)), 9, Sd)) : te("", !0),
-                  Et() ? (S(), D("button", {
+                  Pt() ? (S(), D("button", {
                     key: 1,
                     type: "button",
                     class: ce(["col-menu-trigger", Vt(a.key, T)]),
@@ -1989,7 +1989,7 @@ const Mo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
                   }, [
                     (S(), D("svg", Rd, [
                       Wt(a.key) ? (S(), D("path", _d)) : te("", !0),
-                      vt(a.key) ? (S(), D("path", Md)) : Bt(a.key) ? (S(), D("path", Ed)) : (S(), D("path", Pd))
+                      vt(a.key) ? (S(), D("path", Md)) : Bt(a.key) ? (S(), D("path", Pd)) : (S(), D("path", Ed))
                     ]))
                   ], 42, kd)) : te("", !0),
                   N("button", {
@@ -1997,7 +1997,7 @@ const Mo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
                     class: "col-resize",
                     "aria-label": "Resize column",
                     onMousedown: H((re) => ut(re, a.key), ["stop", "prevent"]),
-                    onDblclick: H((re) => Pe(re, a.key), ["stop"]),
+                    onDblclick: H((re) => Ee(re, a.key), ["stop"]),
                     onClick: f[21] || (f[21] = H(() => {
                     }, ["stop"]))
                   }, null, 40, Id)
@@ -2008,7 +2008,7 @@ const Mo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
           }, 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)) : (S(!0), D(fe, { key: 1 }, ke(h.value, (a) => (S(), D("div", {
             key: `header-right-${a.key}`,
             class: ce(["grid-cell grid-cell--header grid-cell--header-sortable grid-cell--pinned-right", we(a)]),
-            style: ae([Ee(a.key), De(a)]),
+            style: ae([Pe(a.key), De(a)]),
             "data-column-key": a.key,
             draggable: Y(a),
             onClick: (T) => Ae(a, { additive: T.ctrlKey || T.metaKey, extend: T.shiftKey }),
@@ -2025,7 +2025,7 @@ const Mo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
                 class: "col-resize",
                 "aria-label": "Resize column",
                 onMousedown: H((T) => ut(T, a.key), ["stop", "prevent"]),
-                onDblclick: H((T) => Pe(T, a.key), ["stop"]),
+                onDblclick: H((T) => Ee(T, a.key), ["stop"]),
                 onClick: f[22] || (f[22] = H(() => {
                 }, ["stop"]))
               }, null, 40, Bd)
@@ -2237,7 +2237,7 @@ const Mo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
     }
   },
   setup(e) {
-    const t = e, r = Ha(), d = On(), u = Fn(), s = Wa(), C = Hn(), w = za(), E = zn(), {
+    const t = e, r = Ha(), d = On(), u = Fn(), s = Wa(), C = Hn(), w = za(), P = zn(), {
       displayRows: b,
       viewportClass: i,
       viewportRef: h,
@@ -2246,10 +2246,10 @@ const Mo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
       movePreviewOverlaySegments: R,
       overlayLanes: W,
       renderApi: p
-    } = ci(t), ee = o(() => t.topSpacerHeight ?? s.value.topSpacerHeight), U = o(() => t.bottomSpacerHeight ?? s.value.bottomSpacerHeight), L = o(() => t.handleScroll ?? p.value.handleCenterViewportScroll), $ = o(() => t.handleWheel ?? p.value.handleBodyViewportWheel), M = o(() => t.handleKeydown ?? p.value.handleViewportKeydown), z = o(() => t.handleContextMenu), G = o(() => [
+    } = ci(t), ee = o(() => t.topSpacerHeight ?? s.value.topSpacerHeight), U = o(() => t.bottomSpacerHeight ?? s.value.bottomSpacerHeight), L = o(() => t.handleScroll ?? p.value.handleCenterViewportScroll), $ = o(() => t.handleWheel ?? p.value.handleBodyViewportWheel), _ = o(() => t.handleKeydown ?? p.value.handleViewportKeydown), z = o(() => t.handleContextMenu), G = o(() => [
       i.value,
       d.value === "auto-height" ? "grid-body-viewport--layout-auto-height" : "grid-body-viewport--layout-fill"
-    ]), _ = o(() => C.value.renderedColumns.map((I) => ({
+    ]), M = o(() => C.value.renderedColumns.map((I) => ({
       column: I,
       columnIndex: p.value.columnIndexByKey(I.key)
     })));
@@ -2268,7 +2268,7 @@ const Mo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
       };
     }
     function A() {
-      const I = b.value, O = I[1] ?? null, B = I.slice(0, 5).map((Ee, ge) => x(Ee, ge)), X = O || null, q = X ? X.row : void 0, Y = C.value.renderedColumns.find((Ee) => Ee.key === "region") ?? C.value.renderedColumns[4] ?? null, J = O && O.kind !== "group" && Y ? p.value.readResolvedDisplayCell(O, Y) : null, le = O && O.kind !== "group" && Y ? p.value.renderResolvedCellContent(O, 1, Y, p.value.columnIndexByKey(Y.key)) : null, we = O ? {
+      const I = b.value, O = I[1] ?? null, B = I.slice(0, 5).map((Pe, ge) => x(Pe, ge)), X = O || null, q = X ? X.row : void 0, Y = C.value.renderedColumns.find((Pe) => Pe.key === "region") ?? C.value.renderedColumns[4] ?? null, J = O && O.kind !== "group" && Y ? p.value.readResolvedDisplayCell(O, Y) : null, le = O && O.kind !== "group" && Y ? p.value.renderResolvedCellContent(O, 1, Y, p.value.columnIndexByKey(Y.key)) : null, we = O ? {
         exists: !0,
         id: String(X?.rowId ?? X?.id ?? "none"),
         keys: Object.keys(X ?? {}).slice(0, 16),
@@ -2341,7 +2341,7 @@ const Mo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
       (...B) => z.value && z.value(...B)),
       onKeydown: O[19] || (O[19] = H(
         //@ts-ignore
-        (...B) => M.value && M.value(...B),
+        (...B) => _.value && _.value(...B),
         ["stop"]
       ))
     }, [
@@ -2367,7 +2367,7 @@ const Mo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
             class: "grid-column-spacer",
             style: ae(m(p).spacerStyle(m(s).leftColumnSpacerWidth))
           }, null, 4)) : te("", !0),
-          (S(!0), D(fe, null, ke(_.value, ({ column: q, columnIndex: Y }) => (S(), D("div", {
+          (S(!0), D(fe, null, ke(M.value, ({ column: q, columnIndex: Y }) => (S(), D("div", {
             key: `${String(B.rowId)}-${q.key}`,
             class: ce(["grid-cell", [
               "datagrid-stage__cell",
@@ -2413,8 +2413,8 @@ const Mo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
               value: m(p).resolveSelectEditorValue(B, q),
               options: m(p).resolveSelectEditorOptions(B, q),
               "load-options": m(p).resolveSelectEditorOptionsLoader(B, q),
-              "initial-filter": m(E).editingCellInitialFilter,
-              "open-on-mount": m(E).editingCellOpenOnMount,
+              "initial-filter": m(P).editingCellInitialFilter,
+              "open-on-mount": m(P).editingCellOpenOnMount,
               onCommit: m(p).handleSelectEditorCommit,
               onCancel: m(p).handleSelectEditorCancel,
               onOptionsResolved: (J) => m(p).handleSelectEditorOptionsResolved(B, q, J)
@@ -2423,7 +2423,7 @@ const Mo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
               class: "cell-editor-control cell-editor-input cell-editor-input--date",
               name: `datagrid-cell-editor-${q.key}`,
               type: m(p).resolveDateEditorInputType(B, q),
-              value: m(E).editingCellValue,
+              value: m(P).editingCellValue,
               autofocus: "",
               onMousedown: O[2] || (O[2] = H(() => {
               }, ["stop"])),
@@ -2444,7 +2444,7 @@ const Mo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
               key: 3,
               class: "cell-editor-control cell-editor-input",
               name: `datagrid-cell-editor-${q.key}`,
-              value: m(E).editingCellValue,
+              value: m(P).editingCellValue,
               autofocus: "",
               onMousedown: O[9] || (O[9] = H(() => {
               }, ["stop"])),
@@ -2529,7 +2529,7 @@ const Mo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
         tabindex: "-1",
         onMousedown: w[0] || (w[0] = H(() => {
         }, ["stop"])),
-        onClick: w[1] || (w[1] = H((E) => r("toggle", E), ["stop"]))
+        onClick: w[1] || (w[1] = H((P) => r("toggle", P), ["stop"]))
       }, " v ", 40, Gd),
       e.isOpen ? (S(), D("div", $d, [
         N("button", {
@@ -2537,14 +2537,14 @@ const Mo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
           class: ce(["grid-fill-action__item", { "grid-fill-action__item--active": u.value === "series" }]),
           role: "menuitemradio",
           "aria-checked": u.value === "series" ? "true" : "false",
-          onClick: w[2] || (w[2] = H((E) => s("series"), ["stop"]))
+          onClick: w[2] || (w[2] = H((P) => s("series"), ["stop"]))
         }, " Series ", 10, Kd),
         N("button", {
           type: "button",
           class: ce(["grid-fill-action__item", { "grid-fill-action__item--active": u.value === "copy" }]),
           role: "menuitemradio",
           "aria-checked": u.value === "copy" ? "true" : "false",
-          onClick: w[3] || (w[3] = H((E) => s("copy"), ["stop"]))
+          onClick: w[3] || (w[3] = H((P) => s("copy"), ["stop"]))
         }, " Copy ", 10, Nd)
       ])) : te("", !0)
     ], 4)) : te("", !0);
@@ -2567,7 +2567,7 @@ const Mo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
   },
   setup(e) {
     const t = e, r = Ha(), d = On(), u = Wa(), s = za(), C = zn(), w = t.handleContextMenu;
-    return (E, b) => (S(), D("div", {
+    return (P, b) => (S(), D("div", {
       class: ce(["grid-body-pane", [
         e.pane.side === "left" ? "grid-body-pane--left" : "grid-body-pane--right",
         m(d) === "auto-height" ? "grid-body-pane--layout-auto-height" : "grid-body-pane--layout-fill"
@@ -2576,7 +2576,7 @@ const Mo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
       onWheel: b[19] || (b[19] = //@ts-ignore
       (...i) => e.renderApi.handleLinkedViewportWheel && e.renderApi.handleLinkedViewportWheel(...i))
     }, [
-      kr(E.$slots, "chrome"),
+      kr(P.$slots, "chrome"),
       Ye(Da, {
         "layer-class": "grid-selection-overlay--pane-seam",
         "selection-segments": e.pane.selectionSeamOverlaySegments,
@@ -4549,10 +4549,10 @@ body.datagrid-fill-drag-cursor * {
   pointer-events: none;
   z-index: 7;
   background-image:
-    repeating-linear-gradient(90deg, var(--datagrid-selection-copied-border) 0 6px, transparent 6px 12px),
-    repeating-linear-gradient(90deg, var(--datagrid-selection-copied-border) 0 6px, transparent 6px 12px),
-    repeating-linear-gradient(0deg, var(--datagrid-selection-copied-border) 0 6px, transparent 6px 12px),
-    repeating-linear-gradient(0deg, var(--datagrid-selection-copied-border) 0 6px, transparent 6px 12px);
+    repeating-linear-gradient(90deg, var(--clipboard-row-pending-top, transparent) 0 6px, transparent 6px 12px),
+    repeating-linear-gradient(90deg, var(--clipboard-row-pending-bottom, transparent) 0 6px, transparent 6px 12px),
+    repeating-linear-gradient(0deg, var(--clipboard-row-pending-left, var(--datagrid-selection-copied-border)) 0 6px, transparent 6px 12px),
+    repeating-linear-gradient(0deg, var(--clipboard-row-pending-right, var(--datagrid-selection-copied-border)) 0 6px, transparent 6px 12px);
   background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
   background-size:
     calc(100% - 4px) 2px,
@@ -4564,13 +4564,27 @@ body.datagrid-fill-drag-cursor * {
     2px calc(100% - 2px),
     2px 2px,
     calc(100% - 2px) 2px;
-  box-shadow:
-    0 0 0 1px var(--datagrid-selection-copied-contrast),
-    0 0 0 2px var(--datagrid-selection-copied-glow);
   border-radius: 2px;
   animation: grid-clipboard-ants 0.7s linear infinite;
 }
 
+.grid-row--clipboard-pending-top {
+  --clipboard-row-pending-top: var(--datagrid-selection-copied-border);
+}
+
+.grid-row--clipboard-pending-bottom {
+  --clipboard-row-pending-bottom: var(--datagrid-selection-copied-border);
+}
+
+.grid-body-pane--left .grid-row--clipboard-pending {
+  --clipboard-row-pending-right: transparent;
+}
+
+.grid-body-viewport .grid-row--clipboard-pending,
+.grid-body-pane--right .grid-row--clipboard-pending {
+  --clipboard-row-pending-left: transparent;
+}
+
 .grid-spacer {
   width: 1px;
 }
@@ -6219,7 +6233,7 @@ function hs(e) {
   }, w = (h, l) => {
     const v = Ba(h, t.value);
     return r.value = v, C(v, l), v;
-  }, E = o(() => uu(
+  }, P = o(() => uu(
     e.runtime.virtualWindow.value,
     r.value,
     t.value
@@ -6255,7 +6269,7 @@ function hs(e) {
     return e.runtime.getBodyRowAtIndex(v);
   }, i = {
     ...e.runtime,
-    virtualWindow: E,
+    virtualWindow: P,
     rowPartition: o(() => ({
       ...e.runtime.rowPartition.value,
       bodyRowCount: t.value
@@ -6343,7 +6357,7 @@ function vu() {
         d.push(r.totalMs), t.set(r.scope, d);
       }
       return Array.from(t.entries()).map(([r, d]) => {
-        const u = [...d].sort((w, E) => w - E), s = u.reduce((w, E) => w + E, 0), C = Math.min(u.length - 1, Math.max(0, Math.ceil(u.length * 0.95) - 1));
+        const u = [...d].sort((w, P) => w - P), s = u.reduce((w, P) => w + P, 0), C = Math.min(u.length - 1, Math.max(0, Math.ceil(u.length * 0.95) - 1));
         return {
           scope: r,
           count: u.length,
@@ -6456,7 +6470,7 @@ function hu(e) {
     const I = C(x, A);
     return Array.isArray(I) ? I.map(Yr) : Ca(I) ? u(x, A.key) : [];
   }
-  function E(x, A) {
+  function P(x, A) {
     if (x.kind === "group")
       return;
     const I = C(x, A);
@@ -6522,7 +6536,7 @@ function hu(e) {
       const we = I.column.groupCellRenderer ?? I.column.cellRenderer;
       if (typeof we != "function")
         return B;
-      const Re = x, Ee = Number.isFinite(x.groupMeta?.childrenCount) ? Math.max(0, Math.trunc(x.groupMeta?.childrenCount)) : 0, ge = Ci(Re);
+      const Re = x, Pe = Number.isFinite(x.groupMeta?.childrenCount) ? Math.max(0, Math.trunc(x.groupMeta?.childrenCount)) : 0, ge = Ci(Re);
       return we({
         row: void 0,
         rowNode: Re,
@@ -6537,7 +6551,7 @@ function hu(e) {
           key: x.groupMeta?.groupKey ?? String(x.rowId ?? ""),
           field: String(x.groupMeta?.groupField ?? "group"),
           value: String(x.groupMeta?.groupValue ?? x.rowId ?? ""),
-          childrenCount: Ee,
+          childrenCount: Pe,
           isLabelColumn: e.mode.value === "tree" ? I.key === "name" : I.key === (e.visibleColumns.value[0]?.key ?? "name"),
           renderMeta: {
             ...ge,
@@ -6593,7 +6607,7 @@ function hu(e) {
   function $() {
     e.editing.value.cancelInlineEdit();
   }
-  function M(x, A = "stay") {
+  function _(x, A = "stay") {
     e.editing.value.updateEditingCellValue(x), e.editing.value.commitInlineEdit(A);
   }
   function z() {
@@ -6602,14 +6616,14 @@ function hu(e) {
   function G(x) {
     e.editing.value.updateEditingCellValue(x);
   }
-  function _(x) {
+  function M(x) {
     e.editing.value.handleEditorKeydown(x);
   }
   return {
     startInlineEditIfAllowed: U,
     resolveCellEditorMode: r,
     resolveSelectEditorOptions: w,
-    resolveSelectEditorOptionsLoader: E,
+    resolveSelectEditorOptionsLoader: P,
     handleSelectEditorOptionsResolved: b,
     readResolvedDisplayCell: i,
     renderResolvedCellContent: l,
@@ -6620,10 +6634,10 @@ function hu(e) {
     isTextEditorCell: ee,
     handleSelectEditorCommit: L,
     handleSelectEditorCancel: $,
-    handleDateEditorChange: M,
+    handleDateEditorChange: _,
     handleTextEditorBlur: z,
     updateEditingCellValue: G,
-    handleEditorKeydown: _
+    handleEditorKeydown: M
   };
 }
 function fu(e) {
@@ -6685,7 +6699,7 @@ function bu(e) {
   function w(h, l, v, R) {
     return xr(e, h, l, v, R)?.label;
   }
-  function E(h, l, v, R) {
+  function P(h, l, v, R) {
     return xr(e, h, l, v, R)?.disabled ? "true" : void 0;
   }
   function b(h, l) {
@@ -6705,7 +6719,7 @@ function bu(e) {
     cellAriaChecked: s,
     cellAriaPressed: C,
     cellAriaLabel: w,
-    cellAriaDisabled: E,
+    cellAriaDisabled: P,
     isRowSelectionColumn: gn,
     shouldRenderCheckboxCell: t,
     checkboxIndicatorClass: b,
@@ -6722,10 +6736,10 @@ function wu(e) {
     const b = e.selection.value?.fillActionAnchorCell;
     if (!b)
       return null;
-    const i = e.resolveViewportRowStart(), h = e.resolveViewportRowStart() + Math.max(0, e.displayRows.value.length - 1), l = e.selectionRange.value, v = l ? Math.min(l.startRow, l.endRow) : b.rowIndex, R = l ? Math.max(l.startRow, l.endRow) : b.rowIndex, W = l ? Math.min(l.startColumn, l.endColumn) : b.columnIndex, p = l ? Math.max(l.startColumn, l.endColumn) : b.columnIndex, ee = Math.max(v, i), U = Math.min(R, h), L = ee <= U ? rr(b.rowIndex, ee, U) : b.rowIndex, $ = new Set((e.renderedColumns.value ?? []).map((G) => G.key)), M = e.visibleColumns.value.map((G, _) => ({ column: G, columnIndex: _ })).filter(({ column: G, columnIndex: _ }) => _ < W || _ > p ? !1 : G.pin === "left" || G.pin === "right" || $.has(G.key)).map(({ columnIndex: G }) => G), z = M.length > 0 ? rr(
+    const i = e.resolveViewportRowStart(), h = e.resolveViewportRowStart() + Math.max(0, e.displayRows.value.length - 1), l = e.selectionRange.value, v = l ? Math.min(l.startRow, l.endRow) : b.rowIndex, R = l ? Math.max(l.startRow, l.endRow) : b.rowIndex, W = l ? Math.min(l.startColumn, l.endColumn) : b.columnIndex, p = l ? Math.max(l.startColumn, l.endColumn) : b.columnIndex, ee = Math.max(v, i), U = Math.min(R, h), L = ee <= U ? rr(b.rowIndex, ee, U) : b.rowIndex, $ = new Set((e.renderedColumns.value ?? []).map((G) => G.key)), _ = e.visibleColumns.value.map((G, M) => ({ column: G, columnIndex: M })).filter(({ column: G, columnIndex: M }) => M < W || M > p ? !1 : G.pin === "left" || G.pin === "right" || $.has(G.key)).map(({ columnIndex: G }) => G), z = _.length > 0 ? rr(
       b.columnIndex,
-      M[0] ?? b.columnIndex,
-      M[M.length - 1] ?? b.columnIndex
+      _[0] ?? b.columnIndex,
+      _[_.length - 1] ?? b.columnIndex
     ) : b.columnIndex;
     return e.isVisibleCellEditableByAbsoluteCoord(L, z) ? {
       rowIndex: L,
@@ -6826,7 +6840,7 @@ function wu(e) {
   function w(b) {
     s.value && (b.preventDefault(), b.stopPropagation(), C(), t.value = !t.value);
   }
-  function E() {
+  function P() {
     t.value = !1, C();
   }
   return Ge(
@@ -6855,7 +6869,7 @@ function wu(e) {
     floatingFillActionStyle: s,
     focusFillActionAnchorCell: C,
     toggleFloatingFillActionMenu: w,
-    handleFillActionSelection: E
+    handleFillActionSelection: P
   };
 }
 function xu(e, t, r, d) {
@@ -6869,8 +6883,8 @@ function xu(e, t, r, d) {
   return null;
 }
 function Cu(e) {
-  function t(w, E) {
-    const b = `.grid-cell[data-row-index="${w}"][data-column-index="${E}"]`;
+  function t(w, P) {
+    const b = `.grid-cell[data-row-index="${w}"][data-column-index="${P}"]`;
     for (const i of [
       e.leftPaneContentRef.value,
       e.bodyViewportEl.value,
@@ -6885,7 +6899,7 @@ function Cu(e) {
     return null;
   }
   function r(w) {
-    const E = `.grid-row[data-row-index="${w}"]`;
+    const P = `.grid-row[data-row-index="${w}"]`;
     for (const b of [
       e.leftPaneContentRef.value,
       e.bodyViewportEl.value,
@@ -6893,7 +6907,7 @@ function Cu(e) {
       e.leftBottomPaneContentRef.value,
       e.rightBottomPaneContentRef.value
     ]) {
-      const i = b?.querySelector(E);
+      const i = b?.querySelector(P);
       if (i)
         return i;
     }
@@ -6902,10 +6916,10 @@ function Cu(e) {
   function d(w) {
     if (!w)
       return null;
-    const E = t(w.rowIndex, w.columnIndex), b = e.bodyShellRef.value?.getBoundingClientRect();
-    if (!E || !b)
+    const P = t(w.rowIndex, w.columnIndex), b = e.bodyShellRef.value?.getBoundingClientRect();
+    if (!P || !b)
       return null;
-    const i = E.getBoundingClientRect();
+    const i = P.getBoundingClientRect();
     return {
       left: i.left - b.left,
       right: i.right - b.left,
@@ -6913,9 +6927,9 @@ function Cu(e) {
       bottom: i.bottom - b.top
     };
   }
-  function u(w, E) {
-    const b = w - e.viewportRowStart.value, i = e.displayRows.value[b], h = e.visibleColumns.value[E];
-    return b < 0 || !i || !h ? !1 : e.isCellEditableSafe(i, b, h, E);
+  function u(w, P) {
+    const b = w - e.viewportRowStart.value, i = e.displayRows.value[b], h = e.visibleColumns.value[P];
+    return b < 0 || !i || !h ? !1 : e.isCellEditableSafe(i, b, h, P);
   }
   function s() {
     const w = xu(
@@ -6928,9 +6942,9 @@ function Cu(e) {
       e.bodyViewportEl.value?.focus({ preventScroll: !0 });
       return;
     }
-    const E = t(w.rowIndex, w.columnIndex);
-    if (E) {
-      E.focus({ preventScroll: !0 });
+    const P = t(w.rowIndex, w.columnIndex);
+    if (P) {
+      P.focus({ preventScroll: !0 });
       return;
     }
     e.bodyViewportEl.value?.focus({ preventScroll: !0 });
@@ -6984,8 +6998,8 @@ function ku(e) {
         Math.floor(U.width / 2),
         Math.floor(U.height / 2)
       )
-    ), $ = l.clientX - U.left, M = l.clientY - U.top;
-    return M <= L && e.isCellOnSelectionEdgeSafe(v, R, "top") || U.height - M <= L && e.isCellOnSelectionEdgeSafe(v, R, "bottom") || $ <= L && e.isCellOnSelectionEdgeSafe(v, R, "left") || U.width - $ <= L && e.isCellOnSelectionEdgeSafe(v, R, "right");
+    ), $ = l.clientX - U.left, _ = l.clientY - U.top;
+    return _ <= L && e.isCellOnSelectionEdgeSafe(v, R, "top") || U.height - _ <= L && e.isCellOnSelectionEdgeSafe(v, R, "bottom") || $ <= L && e.isCellOnSelectionEdgeSafe(v, R, "left") || U.width - $ <= L && e.isCellOnSelectionEdgeSafe(v, R, "right");
   }
   function w(l, v, R) {
     if (e.selection.value?.isFillDragging || e.selection.value?.rangeMoveEnabled !== !0) {
@@ -7001,7 +7015,7 @@ function ku(e) {
     }
     s();
   }
-  function E(l) {
+  function P(l) {
     e.fillActionMenuOpen.value = !1, (l.currentTarget instanceof HTMLElement ? l.currentTarget : null)?.closest(".grid-cell")?.focus({ preventScroll: !0 }), e.selection.value?.startFillHandleDrag(l);
   }
   function b(l) {
@@ -7026,7 +7040,7 @@ function ku(e) {
     clearRangeMoveHandleHover: s,
     isRangeMoveHandleHoverCell: i,
     handleCellMouseMove: w,
-    handleFillHandleMouseDown: E,
+    handleFillHandleMouseDown: P,
     handleFillHandleDoubleClick: b,
     resetGlobalFillDragCursor: h
   };
@@ -7039,14 +7053,14 @@ function Ru(e, t) {
 }
 function _u(e) {
   function t(L, $) {
-    const M = Ru(e.selection, e.selectionRange);
-    return !!(M && e.viewportRowStart.value + L === M.rowIndex && $ === M.columnIndex);
+    const _ = Ru(e.selection, e.selectionRange);
+    return !!(_ && e.viewportRowStart.value + L === _.rowIndex && $ === _.columnIndex);
   }
   function r(L, $) {
     if (!e.isCellSelectedSafe(L, $) || t(L, $))
       return !1;
-    const M = e.selectionRange.value;
-    return M ? e.selectionRanges.value.length > 1 || !(M.startRow === M.endRow && M.startColumn === M.endColumn) : !0;
+    const _ = e.selectionRange.value;
+    return _ ? e.selectionRanges.value.length > 1 || !(_.startRow === _.endRow && _.startColumn === _.endColumn) : !0;
   }
   function d(L) {
     return L.column.meta?.rowSelection === !0;
@@ -7054,42 +7068,42 @@ function _u(e) {
   function u(L, $) {
     if (t(L, $))
       return !0;
-    const M = e.cells.value.isSelectionAnchorCell;
-    return typeof M == "function" ? M(L, $) : !1;
+    const _ = e.cells.value.isSelectionAnchorCell;
+    return typeof _ == "function" ? _(L, $) : !1;
   }
   function s(L, $) {
-    const M = e.cells.value.isCellInFillPreview;
-    return typeof M == "function" ? M(L, $) : !1;
+    const _ = e.cells.value.isCellInFillPreview;
+    return typeof _ == "function" ? _(L, $) : !1;
   }
   function C(L, $) {
-    const M = e.cells.value.isCellInPendingClipboardRange;
-    return typeof M == "function" ? M(L, $) : !1;
+    const _ = e.cells.value.isCellInPendingClipboardRange;
+    return typeof _ == "function" ? _(L, $) : !1;
   }
-  function w(L, $, M) {
+  function w(L, $, _) {
     const z = e.cells.value.isCellOnPendingClipboardEdge;
-    return typeof z == "function" ? z(L, $, M) : !1;
+    return typeof z == "function" ? z(L, $, _) : !1;
   }
-  function E(L, $, M) {
+  function P(L, $, _) {
     const z = e.cells.value.isCellOnSelectionEdge;
-    return typeof z == "function" ? z(L, $, M) : !1;
+    return typeof z == "function" ? z(L, $, _) : !1;
   }
   function b(L, $) {
-    const M = e.selection.value?.isFillHandleCell;
-    return typeof M == "function" ? M(L, $) : !1;
+    const _ = e.selection.value?.isFillHandleCell;
+    return typeof _ == "function" ? _(L, $) : !1;
   }
   function i(L, $) {
     return e.isEditingCellSafe(L, $);
   }
-  function h(L, $, M, z) {
-    return e.isCellEditableSafe(L, $, M, z);
+  function h(L, $, _, z) {
+    return e.isCellEditableSafe(L, $, _, z);
   }
   function l(L, $) {
-    const M = L - e.viewportRowStart.value, z = e.displayRows.value[M], G = e.visibleColumns.value[$];
-    return M < 0 || !z || !G ? !1 : h(z, M, G, $);
+    const _ = L - e.viewportRowStart.value, z = e.displayRows.value[_], G = e.visibleColumns.value[$];
+    return _ < 0 || !z || !G ? !1 : h(z, _, G, $);
   }
-  function v(L, $, M = {}) {
+  function v(L, $, _ = {}) {
     let z = null;
-    return e.isHoveredRow(L, $) ? z = "var(--datagrid-row-band-hover-bg)" : e.isStripedRow(L, $) && (z = "var(--datagrid-row-band-striped-bg)"), z ? M.fullBleed === !0 ? {
+    return e.isHoveredRow(L, $) ? z = "var(--datagrid-row-band-hover-bg)" : e.isStripedRow(L, $) && (z = "var(--datagrid-row-band-striped-bg)"), z ? _.fullBleed === !0 ? {
       backgroundImage: `linear-gradient(${z}, ${z})`,
       backgroundSize: "100% calc(100% - var(--datagrid-row-divider-size))",
       backgroundPosition: "top left",
@@ -7102,28 +7116,32 @@ function _u(e) {
     } : null;
   }
   function R(L, $) {
+    const _ = e.rows.value.isRowInPendingClipboardCut?.(L) === !0, z = e.displayRows.value[$ - 1], G = e.displayRows.value[$ + 1], M = z ? e.rows.value.isRowInPendingClipboardCut?.(z) === !0 : !1, x = G ? e.rows.value.isRowInPendingClipboardCut?.(G) === !0 : !1;
     return {
       "grid-row--hoverable": e.rows.value.rowHover === !0,
       "grid-row--hovered": e.isHoveredRow(L, $),
       "grid-row--striped": e.isStripedRow(L, $),
       "grid-row--group-explicit-trigger": L.kind === "group" && e.hasExplicitGroupCellRenderer.value,
-      "grid-row--clipboard-pending": e.rows.value.isRowInPendingClipboardCut?.(L) === !0,
+      "grid-row--clipboard-pending": _,
+      "grid-row--clipboard-pending-top": _ && !M,
+      "grid-row--clipboard-pending-middle": _ && M && x,
+      "grid-row--clipboard-pending-bottom": _ && !x,
       "grid-row--focused": typeof e.rows.value.isRowFocused == "function" ? e.rows.value.isRowFocused(L) : !1,
       "grid-row--checkbox-selected": typeof e.rows.value.isRowCheckboxSelected == "function" ? e.rows.value.isRowCheckboxSelected(L) : !1
     };
   }
-  function W(L, $, M, z) {
-    if (t(M, z))
+  function W(L, $, _, z) {
+    if (t(_, z))
       return $.pin === "left" ? { background: "var(--datagrid-pinned-left-bg)" } : $.pin === "right" ? { background: "var(--datagrid-pinned-right-bg)" } : { background: "var(--datagrid-row-background-color)" };
-    if (r(M, z))
+    if (r(_, z))
       return { background: "var(--datagrid-selection-range-bg)" };
-    const G = v(L, M, {
+    const G = v(L, _, {
       fullBleed: $.pin === "left" || $.pin === "right"
     });
     return G || {};
   }
-  function p(L, $, M) {
-    if ($.kind === "group" || e.resolveCellEditorMode($, M) !== "select")
+  function p(L, $, _) {
+    if ($.kind === "group" || e.resolveCellEditorMode($, _) !== "select")
       return !1;
     const z = L.currentTarget instanceof HTMLElement ? L.currentTarget : null;
     if (!z)
@@ -7131,27 +7149,27 @@ function _u(e) {
     const G = z.getBoundingClientRect();
     if (G.width <= 0)
       return !1;
-    const _ = L.clientX - G.left, x = Math.min(24, Math.max(16, Math.floor(G.width * 0.22)));
-    return _ >= G.width - x;
+    const M = L.clientX - G.left, x = Math.min(24, Math.max(16, Math.floor(G.width * 0.22)));
+    return M >= G.width - x;
   }
-  function ee(L, $, M) {
-    const z = $.kind === "group" ? "none" : e.resolveCellEditorMode($, M);
+  function ee(L, $, _) {
+    const z = $.kind === "group" ? "none" : e.resolveCellEditorMode($, _);
     if (z !== "date" && z !== "datetime")
       return !1;
     const G = L.currentTarget instanceof HTMLElement ? L.currentTarget : null;
     if (!G)
       return !1;
-    const _ = G.getBoundingClientRect();
-    if (_.width <= 0)
+    const M = G.getBoundingClientRect();
+    if (M.width <= 0)
       return !1;
-    const x = L.clientX - _.left, A = Math.min(24, Math.max(16, Math.floor(_.width * 0.22)));
-    return x >= _.width - A;
+    const x = L.clientX - M.left, A = Math.min(24, Math.max(16, Math.floor(M.width * 0.22)));
+    return x >= M.width - A;
   }
-  function U(L, $, M, z, G) {
+  function U(L, $, _, z, G) {
     if (d(z)) {
       if ($.kind === "group")
         return;
-      e.handleCellClick($, M, z, G);
+      e.handleCellClick($, _, z, G);
       return;
     }
     if ($.kind === "group") {
@@ -7159,10 +7177,10 @@ function _u(e) {
       return;
     }
     if (!i($, z.key) && (p(L, $, z) || ee(L, $, z))) {
-      e.startInlineEditIfAllowed($, z, M);
+      e.startInlineEditIfAllowed($, z, _);
       return;
     }
-    e.handleCellClick($, M, z, G);
+    e.handleCellClick($, _, z, G);
   }
   return {
     rowStateClasses: R,
@@ -7175,7 +7193,7 @@ function _u(e) {
     isCellInFillPreviewSafe: s,
     isCellInPendingClipboardRangeSafe: C,
     isCellOnPendingClipboardEdgeSafe: w,
-    isCellOnSelectionEdgeSafe: E,
+    isCellOnSelectionEdgeSafe: P,
     isFillHandleCellSafe: b,
     isVisibleCellEditableByAbsoluteCoord: l,
     isCellEditableSafe: h,
@@ -7197,100 +7215,100 @@ function Mu(e, t, r, d, u = {}) {
     backgroundRepeat: "no-repeat"
   } : null;
 }
-function Eu(e, t) {
+function Pu(e, t) {
   const r = Number.parseFloat(String(e ?? ""));
   return Number.isFinite(r) ? r : t;
 }
-function Pu(e) {
+function Eu(e) {
   const t = Z(null), r = Z(null), d = Z(null), u = o(() => e.rows.value.showRowIndex !== !1), s = o(() => {
     if (!u.value)
       return 0;
-    const M = Eu(
+    const _ = Pu(
       e.layout.value.indexColumnStyle.width ?? e.layout.value.indexColumnStyle.minWidth,
       vn
     );
-    return M > 0 ? M : vn;
+    return _ > 0 ? _ : vn;
   }), C = o(() => {
-    const M = `${s.value}px`;
+    const _ = `${s.value}px`;
     return {
       ...e.layout.value.indexColumnStyle,
-      width: M,
-      minWidth: M,
-      maxWidth: M
+      width: _,
+      minWidth: _,
+      maxWidth: _
     };
   });
-  function w(M) {
-    e.rows.value.handleRowClick?.(M);
+  function w(_) {
+    e.rows.value.handleRowClick?.(_);
   }
-  function E(M, z, G) {
+  function P(_, z, G) {
     if (e.rows.value.consumeRecentRowResizeInteraction?.() === !0)
       return;
-    (G.currentTarget instanceof HTMLElement ? G.currentTarget : null)?.focus({ preventScroll: !0 }), e.rows.value.handleRowIndexClick?.(M, z, G.shiftKey);
+    (G.currentTarget instanceof HTMLElement ? G.currentTarget : null)?.focus({ preventScroll: !0 }), e.rows.value.handleRowIndexClick?.(_, z, G.shiftKey);
   }
-  function b(M, z, G) {
-    e.rows.value.handleRowIndexKeydown?.(M, z, G);
+  function b(_, z, G) {
+    e.rows.value.handleRowIndexKeydown?.(_, z, G);
   }
-  function i(M) {
-    return typeof e.rows.value.isRowFocused == "function" && e.rows.value.isRowFocused(M) ? 0 : -1;
+  function i(_) {
+    return typeof e.rows.value.isRowFocused == "function" && e.rows.value.isRowFocused(_) ? 0 : -1;
   }
-  function h(M) {
+  function h(_) {
     const z = e.selectionRange.value, G = e.visibleColumns.value.length - 1;
-    return !z || G < 0 ? !1 : M >= z.startRow && M <= z.endRow && z.startColumn === 0 && z.endColumn >= G;
+    return !z || G < 0 ? !1 : _ >= z.startRow && _ <= z.endRow && z.startColumn === 0 && z.endColumn >= G;
   }
-  function l(M, z) {
-    const G = z ? e.resolveAbsoluteRowIndex(z, M) : e.viewportRowStart.value + M;
+  function l(_, z) {
+    const G = z ? e.resolveAbsoluteRowIndex(z, _) : e.viewportRowStart.value + _;
     return h(G);
   }
-  function v(M) {
-    return typeof e.rows.value.reorderRowsByIndex == "function" && M.kind !== "group" && M.rowId != null && M.state.pinned === "none" && !e.isDataGridPlaceholderSurfaceRow(M);
+  function v(_) {
+    return typeof e.rows.value.reorderRowsByIndex == "function" && _.kind !== "group" && _.rowId != null && _.state.pinned === "none" && !e.isDataGridPlaceholderSurfaceRow(_);
   }
-  function R(M) {
-    const G = (M.currentTarget instanceof HTMLElement ? M.currentTarget : null)?.getBoundingClientRect();
-    return !G || G.height <= 0 ? "after" : M.clientY < G.top + G.height / 2 ? "before" : "after";
+  function R(_) {
+    const G = (_.currentTarget instanceof HTMLElement ? _.currentTarget : null)?.getBoundingClientRect();
+    return !G || G.height <= 0 ? "after" : _.clientY < G.top + G.height / 2 ? "before" : "after";
   }
   function W() {
     t.value = null, r.value = null, d.value = null;
   }
-  function p(M, z, G) {
+  function p(_, z, G) {
     if (!v(z)) {
       W();
       return;
     }
-    t.value = String(z.rowId), r.value = null, d.value = null, M.dataTransfer && (M.dataTransfer.effectAllowed = "move", M.dataTransfer.dropEffect = "move", M.dataTransfer.setData("text/plain", `${String(z.rowId)}:${e.resolveAbsoluteRowIndex(z, G)}`));
+    t.value = String(z.rowId), r.value = null, d.value = null, _.dataTransfer && (_.dataTransfer.effectAllowed = "move", _.dataTransfer.dropEffect = "move", _.dataTransfer.setData("text/plain", `${String(z.rowId)}:${e.resolveAbsoluteRowIndex(z, G)}`));
   }
-  function ee(M, z, G) {
+  function ee(_, z, G) {
     if (!t.value || !v(z)) {
       r.value = null, d.value = null;
       return;
     }
-    const _ = String(z.rowId);
-    if (t.value === _) {
+    const M = String(z.rowId);
+    if (t.value === M) {
       r.value = null, d.value = null;
       return;
     }
-    M.preventDefault(), M.dataTransfer && (M.dataTransfer.dropEffect = "move"), r.value = _, d.value = R(M);
+    _.preventDefault(), _.dataTransfer && (_.dataTransfer.dropEffect = "move"), r.value = M, d.value = R(_);
   }
-  function U(M, z, G) {
+  function U(_, z, G) {
     if (!t.value || !v(z)) {
       W();
       return;
     }
-    const _ = String(z.rowId);
-    if (t.value === _) {
+    const M = String(z.rowId);
+    if (t.value === M) {
       W();
       return;
     }
-    M.preventDefault(), e.rows.value.reorderRowsByIndex?.({
+    _.preventDefault(), e.rows.value.reorderRowsByIndex?.({
       sourceRowId: t.value,
-      targetRowId: _,
-      placement: R(M)
+      targetRowId: M,
+      placement: R(_)
     }), W();
   }
-  function L(M, z) {
+  function L(_, z) {
     const G = Mu(
       e.isHoveredRow,
       e.isStripedRow,
-      M,
+      _,
       z,
       { fullBleed: !0 }
     );
@@ -7299,11 +7317,11 @@ function Pu(e) {
       ...G
     } : C.value;
   }
-  function $(M, z) {
-    const G = e.resolveAbsoluteRowIndex(M, z), _ = M.rowId == null ? null : String(M.rowId), x = {
-      "grid-cell--index-reorder-source": _ != null && t.value === _,
-      "grid-cell--index-drop-before": _ != null && r.value === _ && d.value === "before",
-      "grid-cell--index-drop-after": _ != null && r.value === _ && d.value === "after"
+  function $(_, z) {
+    const G = e.resolveAbsoluteRowIndex(_, z), M = _.rowId == null ? null : String(_.rowId), x = {
+      "grid-cell--index-reorder-source": M != null && t.value === M,
+      "grid-cell--index-drop-before": M != null && r.value === M && d.value === "before",
+      "grid-cell--index-drop-after": M != null && r.value === M && d.value === "after"
     };
     if (!h(G))
       return x;
@@ -7327,7 +7345,7 @@ function Pu(e) {
     isFullRowSelectionSafe: l,
     isRowIndexDraggable: v,
     handleRowClickSafe: w,
-    handleRowIndexClickSafe: E,
+    handleRowIndexClickSafe: P,
     handleRowIndexKeydownSafe: b,
     handleRowIndexDragStart: p,
     handleRowIndexDragOver: ee,
@@ -7351,9 +7369,9 @@ function jn(e) {
   const r = () => e.resolveScrollContainers().filter((w) => w instanceof HTMLElement), d = (w) => {
     if (!(w instanceof Node))
       return r()[0] ?? null;
-    for (const E of r())
-      if (E.contains(w))
-        return E;
+    for (const P of r())
+      if (P.contains(w))
+        return P;
     return r()[0] ?? null;
   }, u = () => {
     t = null;
@@ -7362,15 +7380,15 @@ function jn(e) {
       u();
       return;
     }
-    const E = w.touches[0];
-    if (!E) {
+    const P = w.touches[0];
+    if (!P) {
       u();
       return;
     }
     t = {
-      identifier: E.identifier,
-      startX: E.clientX,
-      startY: E.clientY,
+      identifier: P.identifier,
+      startX: P.clientX,
+      startY: P.clientY,
       container: d(w.target),
       startScrollLeft: 0,
       startScrollTop: 0,
@@ -7379,13 +7397,13 @@ function jn(e) {
   }, C = (w) => {
     if (!t || !w.cancelable)
       return;
-    const E = Array.from(w.touches).find((R) => R.identifier === t?.identifier);
-    if (!E)
+    const P = Array.from(w.touches).find((R) => R.identifier === t?.identifier);
+    if (!P)
       return;
     const b = t.container?.isConnected ? t.container : d(w.target);
     if (!b)
       return;
-    const i = E.clientX - t.startX, h = E.clientY - t.startY, l = Math.max(0, b.scrollHeight - b.clientHeight), v = Math.max(0, b.scrollWidth - b.clientWidth);
+    const i = P.clientX - t.startX, h = P.clientY - t.startY, l = Math.max(0, b.scrollHeight - b.clientHeight), v = Math.max(0, b.scrollWidth - b.clientWidth);
     !t.lockedAxis && (t.lockedAxis = Du({
       deltaX: i,
       deltaY: h,
@@ -7410,7 +7428,7 @@ function hn(e) {
   return { target: e };
 }
 function Au(e) {
-  const t = Z(null), r = Z(null), d = Z(0), u = Z(0), s = Z(0), C = Z(0), w = Z(0), E = Z(0), b = Z(0), i = Z(0);
+  const t = Z(null), r = Z(null), d = Z(0), u = Z(0), s = Z(0), C = Z(0), w = Z(0), P = Z(0), b = Z(0), i = Z(0);
   let h = null;
   const l = Ri({
     resolveSourceScrollTop: () => t.value?.scrollTop ?? 0,
@@ -7419,20 +7437,20 @@ function Au(e) {
   }), v = _i({
     resolveBodyViewport: () => t.value,
     resolveMainViewport: () => t.value,
-    setHandledScrollTop: (_) => {
-      t.value && (t.value.scrollTop = _);
+    setHandledScrollTop: (M) => {
+      t.value && (t.value.scrollTop = M);
     },
-    setHandledScrollLeft: (_) => {
-      t.value && (t.value.scrollLeft = _);
+    setHandledScrollLeft: (M) => {
+      t.value && (t.value.scrollLeft = M);
     },
-    syncLinkedScroll: (_) => {
-      l.syncNow(_);
+    syncLinkedScroll: (M) => {
+      l.syncNow(M);
     },
     scheduleLinkedScrollSyncLoop: l.scheduleSyncLoop,
     isLinkedScrollSyncLoopScheduled: l.isSyncLoopScheduled,
     onWheelConsumed: () => {
-      const _ = t.value;
-      _ && e.viewport.value.handleViewportScroll(hn(_));
+      const M = t.value;
+      M && e.viewport.value.handleViewportScroll(hn(M));
     }
   });
   function R() {
@@ -7446,24 +7464,24 @@ function Au(e) {
       t.value,
       r.value,
       W()
-    ].filter((_) => _ instanceof HTMLElement);
+    ].filter((M) => M instanceof HTMLElement);
   }
-  function ee(_) {
-    s.value = _.scrollTop, C.value = _.scrollLeft, w.value = _.clientWidth, E.value = _.clientHeight;
+  function ee(M) {
+    s.value = M.scrollTop, C.value = M.scrollLeft, w.value = M.clientWidth, P.value = M.clientHeight;
   }
-  function U(_) {
-    t.value = pn(_), e.viewport.value.bodyViewportRef(_);
+  function U(M) {
+    t.value = pn(M), e.viewport.value.bodyViewportRef(M);
     const x = e.gridChromeSyncers.value;
     x.syncBodyViewportMetrics(), x.connectGridChromeResizeObserver(), x.scheduleGridChromeRedraw();
   }
-  function L(_) {
-    r.value = pn(_);
+  function L(M) {
+    r.value = pn(M);
     const x = e.gridChromeSyncers.value;
     x.syncPinnedBottomViewportMetrics(), x.syncPinnedBottomViewportScrollLeft();
   }
-  function $(_) {
-    e.viewport.value.handleViewportScroll(_);
-    const x = _.target;
+  function $(M) {
+    e.viewport.value.handleViewportScroll(M);
+    const x = M.target;
     if (!x)
       return;
     const A = s.value, I = C.value;
@@ -7473,15 +7491,15 @@ function Au(e) {
     }
     e.gridChromeSyncers.value.scheduleGridChromeRedraw("full");
   }
-  function M(_) {
-    const x = _.target, A = t.value;
+  function _(M) {
+    const x = M.target, A = t.value;
     !x || !A || A.scrollLeft === x.scrollLeft || (A.scrollLeft = x.scrollLeft, e.viewport.value.handleViewportScroll(hn(A)), ee(A), e.gridChromeSyncers.value.flushGridChromeRedraw("center-scroll"));
   }
-  function z(_) {
-    v.onLinkedViewportWheel(_);
+  function z(M) {
+    v.onLinkedViewportWheel(M);
   }
-  function G(_) {
-    v.onBodyViewportWheel(_);
+  function G(M) {
+    v.onBodyViewportWheel(M);
   }
   return Fa(() => {
     e.gridChromeSyncers.value.syncBodyViewportMetrics(), e.gridChromeSyncers.value.connectGridChromeResizeObserver(), e.gridChromeSyncers.value.scheduleGridChromeRedraw(), e.stageRootEl.value && (h = jn({
@@ -7496,7 +7514,7 @@ function Au(e) {
     bodyViewportScrollTop: s,
     bodyViewportScrollLeft: C,
     bodyViewportClientWidth: w,
-    bodyViewportClientHeight: E,
+    bodyViewportClientHeight: P,
     pinnedBottomViewportClientHeight: b,
     bodyViewportTopOffset: i,
     headerShellHeight: d,
@@ -7504,7 +7522,7 @@ function Au(e) {
     captureBodyViewportRef: U,
     capturePinnedBottomViewportRef: L,
     handleCenterViewportScroll: $,
-    handlePinnedBottomViewportScroll: M,
+    handlePinnedBottomViewportScroll: _,
     handleLinkedViewportWheel: z,
     handleBodyViewportWheel: G
   };
@@ -7525,7 +7543,7 @@ function Jr(e) {
     maxWidth: `${e.value}px`
   }));
 }
-function Qr(e, t, r, d, u, s, C, w, E, b, i, h, l, v, R) {
+function Qr(e, t, r, d, u, s, C, w, P, b, i, h, l, v, R) {
   return o(() => ({
     side: e,
     width: t.value,
@@ -7538,7 +7556,7 @@ function Qr(e, t, r, d, u, s, C, w, E, b, i, h, l, v, R) {
     showIndexColumn: s.value,
     displayRows: C.value,
     selectionOverlaySegments: w.value,
-    fillPreviewOverlaySegments: E.value,
+    fillPreviewOverlaySegments: P.value,
     movePreviewOverlaySegments: b.value,
     overlayLanes: i.value,
     selectionSeamOverlaySegments: h.value,
@@ -7550,7 +7568,7 @@ function Qr(e, t, r, d, u, s, C, w, E, b, i, h, l, v, R) {
 function Bu(e) {
   const t = o(() => e.layoutRuntime.value.leftPaneWidth), r = o(() => e.layoutRuntime.value.rightPaneWidth), d = o(() => ({
     gridTemplateColumns: `${t.value}px minmax(0, 1fr) ${r.value}px`
-  })), u = Jr(t), s = Jr(r), C = Jr(t), w = Jr(r), E = o(() => ({
+  })), u = Jr(t), s = Jr(r), C = Jr(t), w = Jr(r), P = o(() => ({
     left: `${t.value}px`,
     width: `${Math.max(0, e.layoutRuntime.value.headerViewportClientWidth)}px`,
     height: `${Math.max(0, e.layoutRuntime.value.headerShellHeight)}px`
@@ -7633,7 +7651,7 @@ function Bu(e) {
     rightPaneStyle: s,
     leftTrackStyle: C,
     rightTrackStyle: w,
-    centerHeaderChromeCanvasStyle: E,
+    centerHeaderChromeCanvasStyle: P,
     centerChromeCanvasStyle: b,
     centerBottomChromeCanvasStyle: i,
     leftPinnedPane: h,
@@ -7804,15 +7822,15 @@ function Ou(e) {
     Math.max(d, Ra(e.rowEnd, d)),
     r
   ), s = Math.max(1, Math.trunc(Number.isFinite(e.baseRowHeight) ? e.baseRowHeight : 1)), C = Number.isFinite(e.topSpacerHeight) ? Math.max(0, e.topSpacerHeight) : 0, w = [];
-  let E = C;
+  let P = C;
   for (let b = d; b <= u; b += 1) {
-    const i = e.resolveRowOffset?.(b), h = Number.isFinite(i) ? Math.max(0, i) : E, l = e.resolveRowHeight?.(b), v = e.resolveRowOffset?.(b + 1), R = Number.isFinite(v) && Number.isFinite(i) ? Math.max(1, v - i) : null, W = Math.max(
+    const i = e.resolveRowOffset?.(b), h = Number.isFinite(i) ? Math.max(0, i) : P, l = e.resolveRowHeight?.(b), v = e.resolveRowOffset?.(b + 1), R = Number.isFinite(v) && Number.isFinite(i) ? Math.max(1, v - i) : null, W = Math.max(
       1,
       Math.trunc(
         Number.isFinite(l) ? l : R ?? s
       )
     );
-    w.push({ rowIndex: b, top: h, height: W }), E = h + W;
+    w.push({ rowIndex: b, top: h, height: W }), P = h + W;
   }
   return w;
 }
@@ -7851,12 +7869,12 @@ function bn(e, t, r, d, u) {
   return s.includes("row--group") && s.includes("row--pivot") ? "pivot-group" : s.includes("row--group") ? "group" : s.includes("row--tree") ? "tree" : s.includes("row--pivot") ? "pivot" : r(d, u) ? "striped" : "base";
 }
 function Fu(e) {
-  const t = o(() => e.mode.value !== "pivot" ? !1 : e.visibleColumns.value.some((_) => (e.readPivotHeaderMeta(_)?.groupLabels?.length ?? 0) > 0)), r = Z(0), d = Z(0), u = () => Ou({
+  const t = o(() => e.mode.value !== "pivot" ? !1 : e.visibleColumns.value.some((M) => (e.readPivotHeaderMeta(M)?.groupLabels?.length ?? 0) > 0)), r = Z(0), d = Z(0), u = () => Ou({
     rowStart: s(),
     rowEnd: C(),
     rowTotal: w(),
     topSpacerHeight: e.viewport.value?.topSpacerHeight ?? 0,
-    baseRowHeight: E(),
+    baseRowHeight: P(),
     resolveRowHeight: e.viewport.value?.resolveRowHeight,
     resolveRowOffset: e.viewport.value?.resolveRowOffset
   }).map((x) => ({
@@ -7867,24 +7885,24 @@ function Fu(e) {
     return e.viewport.value?.viewportRowStart ?? 0;
   }
   function C() {
-    const _ = e.viewport.value?.viewportRowEnd;
-    if (Number.isFinite(_))
-      return Math.max(s(), Math.trunc(_));
+    const M = e.viewport.value?.viewportRowEnd;
+    if (Number.isFinite(M))
+      return Math.max(s(), Math.trunc(M));
     const x = e.displayRows.value.length;
     return x > 0 ? s() + x - 1 : s() - 1;
   }
   function w() {
-    const _ = e.viewport.value?.virtualRowTotal;
-    return Number.isFinite(_) ? Math.max(0, Math.trunc(_)) : Math.max(
+    const M = e.viewport.value?.virtualRowTotal;
+    return Number.isFinite(M) ? Math.max(0, Math.trunc(M)) : Math.max(
       C() + 1,
       e.displayRows.value.length,
       e.selectionTotalRowCount.value ?? 0
     );
   }
-  function E() {
-    const _ = e.viewport.value?.baseRowHeight;
-    if (Number.isFinite(_) && _ > 0)
-      return Math.max(1, Math.trunc(_));
+  function P() {
+    const M = e.viewport.value?.baseRowHeight;
+    if (Number.isFinite(M) && M > 0)
+      return Math.max(1, Math.trunc(M));
     const x = e.displayRows.value[0];
     if (x) {
       const A = e.rows.value?.rowStyle(x, e.resolveViewportRowOffset(x, 0)) ?? {}, I = A.height ?? A.minHeight, O = Number.parseFloat(String(I ?? ""));
@@ -7893,21 +7911,21 @@ function Fu(e) {
     return 31;
   }
   const b = o(() => {
-    const _ = u();
-    return e.mode.value === "base" && e.rowHeightMode.value === "auto" ? (e.bodyViewportScrollTop.value, fn(e.bodyViewportEl, e.displayRows, _)) : _;
+    const M = u();
+    return e.mode.value === "base" && e.rowHeightMode.value === "auto" ? (e.bodyViewportScrollTop.value, fn(e.bodyViewportEl, e.displayRows, M)) : M;
   }), i = o(() => {
-    const _ = [];
+    const M = [];
     let x = 0;
     return e.pinnedBottomRows.value.forEach((A, I) => {
       const O = e.rows.value?.rowStyle(A, e.resolveViewportRowOffset(A, I)) ?? {}, B = Number.parseFloat(String(O.height ?? O.minHeight ?? "")), X = Number.isFinite(B) ? Math.max(1, Math.trunc(B)) : 31;
-      _.push({
+      M.push({
         top: x,
         height: X
       }), x += X;
-    }), _;
+    }), M;
   }), h = o(() => {
-    const _ = s(), x = b.value.map((I, O) => {
-      const B = _ + O;
+    const M = s(), x = b.value.map((I, O) => {
+      const B = M + O;
       return {
         rowIndex: O,
         top: I.top,
@@ -7915,7 +7933,7 @@ function Fu(e) {
         kind: e.rows.value.stripedRows === !0 && B % 2 === 1 ? "striped" : "base"
       };
     }), A = e.displayRows.value.flatMap((I, O) => {
-      const B = e.resolveAbsoluteRowIndex(I, O) - _, X = b.value[B], q = bn(e.rows, e.isHoveredRow, e.isStripedRow, I, e.resolveViewportRowOffset(I, O));
+      const B = e.resolveAbsoluteRowIndex(I, O) - M, X = b.value[B], q = bn(e.rows, e.isHoveredRow, e.isStripedRow, I, e.resolveViewportRowOffset(I, O));
       return !X || !q ? [] : [{
         rowIndex: B,
         top: X.top,
@@ -7927,13 +7945,13 @@ function Fu(e) {
       ...x,
       ...A
     ];
-  }), l = o(() => e.pinnedBottomRows.value.flatMap((_, x) => {
+  }), l = o(() => e.pinnedBottomRows.value.flatMap((M, x) => {
     const A = i.value[x], I = bn(
       e.rows,
       e.isHoveredRow,
       e.isStripedRow,
-      _,
-      e.resolveViewportRowOffset(_, x)
+      M,
+      e.resolveViewportRowOffset(M, x)
     );
     return !A || !I ? [] : [{
       rowIndex: x,
@@ -7952,12 +7970,12 @@ function Fu(e) {
     leftColumnWidths: [
       e.indexColumnWidthPx.value,
       ...(e.pinnedLeftColumns.value ?? []).map(e.resolveColumnWidth)
-    ].filter((_) => _ > 0),
+    ].filter((M) => M > 0),
     centerColumnWidths: [
       e.resolveLeftColumnSpacerWidth(),
       ...(e.renderedColumns.value ?? []).map(e.resolveColumnWidth),
       e.resolveRightColumnSpacerWidth()
-    ].filter((_) => _ > 0),
+    ].filter((M) => M > 0),
     rightColumnWidths: (e.pinnedRightColumns.value ?? []).map(e.resolveColumnWidth),
     centerScrollLeft: e.bodyViewportScrollLeft.value
   })), R = o(() => fa({
@@ -7971,12 +7989,12 @@ function Fu(e) {
     leftColumnWidths: [
       e.indexColumnWidthPx.value,
       ...(e.pinnedLeftColumns.value ?? []).map(e.resolveColumnWidth)
-    ].filter((_) => _ > 0),
+    ].filter((M) => M > 0),
     centerColumnWidths: [
       e.resolveLeftColumnSpacerWidth(),
       ...(e.renderedColumns.value ?? []).map(e.resolveColumnWidth),
       e.resolveRightColumnSpacerWidth()
-    ].filter((_) => _ > 0),
+    ].filter((M) => M > 0),
     rightColumnWidths: (e.pinnedRightColumns.value ?? []).map(e.resolveColumnWidth),
     centerScrollLeft: e.bodyViewportScrollLeft.value
   })), W = o(() => fa({
@@ -7990,12 +8008,12 @@ function Fu(e) {
     leftColumnWidths: [
       e.indexColumnWidthPx.value,
       ...(e.pinnedLeftColumns.value ?? []).map(e.resolveColumnWidth)
-    ].filter((_) => _ > 0),
+    ].filter((M) => M > 0),
     centerColumnWidths: [
       e.resolveLeftColumnSpacerWidth(),
       ...(e.renderedColumns.value ?? []).map(e.resolveColumnWidth),
       e.resolveRightColumnSpacerWidth()
-    ].filter((_) => _ > 0),
+    ].filter((M) => M > 0),
     rightColumnWidths: (e.pinnedRightColumns.value ?? []).map(e.resolveColumnWidth),
     centerScrollLeft: e.bodyViewportScrollLeft.value
   }));
@@ -8013,9 +8031,9 @@ function Fu(e) {
       ...e.renderedColumns.value.map(e.resolveColumnWidth),
       ...e.pinnedLeftColumns.value.map(e.resolveColumnWidth),
       ...e.pinnedRightColumns.value.map(e.resolveColumnWidth),
-      ...t.value ? e.visibleColumns.value.flatMap((_) => {
-        const x = e.readPivotHeaderMeta(_)?.groupLabels ?? [];
-        return [_.key, ...x];
+      ...t.value ? e.visibleColumns.value.flatMap((M) => {
+        const x = e.readPivotHeaderMeta(M)?.groupLabels ?? [];
+        return [M.key, ...x];
       }) : []
     ],
     () => {
@@ -8032,14 +8050,14 @@ function Fu(e) {
       d.value += 1;
     }
   );
-  const p = o(() => b.value.map((_) => `${_.top}:${_.height}`).join("|")), ee = o(() => i.value.map((_) => `${_.top}:${_.height}`).join("|")), U = o(() => h.value.map((_) => `${_.kind}:${_.top}:${_.height}`).join("|")), L = o(() => l.value.map((_) => `${_.kind}:${_.top}:${_.height}`).join("|")), $ = o(() => [
+  const p = o(() => b.value.map((M) => `${M.top}:${M.height}`).join("|")), ee = o(() => i.value.map((M) => `${M.top}:${M.height}`).join("|")), U = o(() => h.value.map((M) => `${M.kind}:${M.top}:${M.height}`).join("|")), L = o(() => l.value.map((M) => `${M.kind}:${M.top}:${M.height}`).join("|")), $ = o(() => [
     e.indexColumnWidthPx.value,
     ...(e.pinnedLeftColumns.value ?? []).map(e.resolveColumnWidth)
-  ].join("|")), M = o(() => [
+  ].join("|")), _ = o(() => [
     e.resolveLeftColumnSpacerWidth(),
     ...(e.renderedColumns.value ?? []).map(e.resolveColumnWidth),
     e.resolveRightColumnSpacerWidth()
-  ].join("|")), z = o(() => (e.pinnedRightColumns.value ?? []).map(e.resolveColumnWidth).join("|")), G = o(() => t.value ? e.visibleColumns.value.map((_) => `${_.key}:${e.readPivotHeaderMeta(_)?.groupLabels?.join(">") ?? ""}`).join("|") : "none");
+  ].join("|")), z = o(() => (e.pinnedRightColumns.value ?? []).map(e.resolveColumnWidth).join("|")), G = o(() => t.value ? e.visibleColumns.value.map((M) => `${M.key}:${e.readPivotHeaderMeta(M)?.groupLabels?.join(">") ?? ""}`).join("|") : "none");
   return {
     chromeRenderModel: v,
     headerChromeRenderModel: R,
@@ -8054,10 +8072,10 @@ function Fu(e) {
     rowBandsSignature: U,
     pinnedBottomRowBandsSignature: L,
     leftChromeColumnsSignature: $,
-    centerChromeColumnsSignature: M,
+    centerChromeColumnsSignature: _,
     rightChromeColumnsSignature: z,
     headerPivotGroupsSignature: G,
-    resolveVisibleRowMetricsFromDom: (_) => fn(e.bodyViewportEl, e.displayRows, _)
+    resolveVisibleRowMetricsFromDom: (M) => fn(e.bodyViewportEl, e.displayRows, M)
   };
 }
 function yn(e, t) {
@@ -8180,14 +8198,14 @@ function Gu(e) {
   }
   function w(l = "full") {
     t = 0, d = "full";
-    const v = e.headerChromeRenderModel.value, R = e.chromeRenderModel.value, W = qt(e.stageRootEl, "--datagrid-row-divider-color", "rgba(0, 0, 0, 0.08)"), p = qt(e.stageRootEl, "--datagrid-column-divider-color", "rgba(0, 0, 0, 0.08)"), ee = qt(e.stageRootEl, "--datagrid-header-column-divider-color", p), U = _a(e.stageRootEl, "--datagrid-row-divider-size", 1), L = _a(e.stageRootEl, "--datagrid-column-divider-size", 1), $ = _a(e.stageRootEl, "--datagrid-header-column-divider-size", L), M = l === "full" ? Jt(e.leftHeaderChromeCanvasEl.value, v.left.width, v.left.height) : null;
-    M && Ma(M, v.left, ee, $, e.hasPivotHeaderGroups);
+    const v = e.headerChromeRenderModel.value, R = e.chromeRenderModel.value, W = qt(e.stageRootEl, "--datagrid-row-divider-color", "rgba(0, 0, 0, 0.08)"), p = qt(e.stageRootEl, "--datagrid-column-divider-color", "rgba(0, 0, 0, 0.08)"), ee = qt(e.stageRootEl, "--datagrid-header-column-divider-color", p), U = _a(e.stageRootEl, "--datagrid-row-divider-size", 1), L = _a(e.stageRootEl, "--datagrid-column-divider-size", 1), $ = _a(e.stageRootEl, "--datagrid-header-column-divider-size", L), _ = l === "full" ? Jt(e.leftHeaderChromeCanvasEl.value, v.left.width, v.left.height) : null;
+    _ && Ma(_, v.left, ee, $, e.hasPivotHeaderGroups);
     const z = Jt(e.centerHeaderChromeCanvasEl.value, v.center.width, v.center.height);
     Ma(z, v.center, ee, $, e.hasPivotHeaderGroups);
     const G = l === "full" ? Jt(e.rightHeaderChromeCanvasEl.value, v.right.width, v.right.height) : null;
     G && Ma(G, v.right, ee, $, e.hasPivotHeaderGroups);
-    const _ = l === "full" ? Jt(e.leftChromeCanvasEl.value, R.left.width, R.left.height) : null;
-    _ && Cr(e.stageRootEl, _, R.left, W, U, p, 0);
+    const M = l === "full" ? Jt(e.leftChromeCanvasEl.value, R.left.width, R.left.height) : null;
+    M && Cr(e.stageRootEl, M, R.left, W, U, p, 0);
     const x = Jt(e.centerChromeCanvasEl.value, R.center.width, R.center.height);
     Cr(e.stageRootEl, x, R.center, W, U, p, L);
     const A = l === "full" ? Jt(e.rightChromeCanvasEl.value, R.right.width, R.right.height) : null;
@@ -8199,7 +8217,7 @@ function Gu(e) {
     const X = l === "full" ? Jt(e.rightBottomChromeCanvasEl.value, I.right.width, I.right.height) : null;
     X && Cr(e.stageRootEl, X, I.right, W, U, p, 0);
   }
-  function E(l = "full") {
+  function P(l = "full") {
     if (d = t === 0 ? l : yn(d, l), typeof window > "u") {
       w(d);
       return;
@@ -8216,7 +8234,7 @@ function Gu(e) {
     if (typeof ResizeObserver > "u")
       return;
     r || (r = new ResizeObserver(() => {
-      C(), E();
+      C(), P();
     })), r.disconnect(), e.bodyViewportEl.value && r.observe(e.bodyViewportEl.value), e.bottomViewportEl.value && r.observe(e.bottomViewportEl.value), e.bodyShellRef.value && r.observe(e.bodyShellRef.value);
     const l = e.stageRootEl.value?.querySelector(".grid-header-shell");
     l && r.observe(l);
@@ -8230,7 +8248,7 @@ function Gu(e) {
     syncBodyViewportMetrics: C,
     syncPinnedBottomViewportMetrics: s,
     syncPinnedBottomViewportScrollLeft: u,
-    scheduleGridChromeRedraw: E,
+    scheduleGridChromeRedraw: P,
     flushGridChromeRedraw: b,
     connectGridChromeResizeObserver: i,
     disconnectGridChromeResizeObserver: h
@@ -8258,15 +8276,15 @@ function Ar(e, t = []) {
 function ea(e, t, r = []) {
   return e.map((d) => Ar(t(d), r)).filter((d) => d != null);
 }
-function Ea(e, t, r, d, u, s) {
-  const C = Math.max(0, s?.topBleed ?? 1), w = Math.max(0, s?.bottomBleed ?? 1), E = s?.omitLeftBorder ? 0 : Math.max(0, s?.leftBleed ?? 1), b = s?.omitRightBorder ? 0 : Math.max(0, s?.rightBleed ?? 1), i = s?.hideBorder ? "0px" : Rr;
+function Pa(e, t, r, d, u, s) {
+  const C = Math.max(0, s?.topBleed ?? 1), w = Math.max(0, s?.bottomBleed ?? 1), P = s?.omitLeftBorder ? 0 : Math.max(0, s?.leftBleed ?? 1), b = s?.omitRightBorder ? 0 : Math.max(0, s?.rightBleed ?? 1), i = s?.hideBorder ? "0px" : Rr;
   return {
     key: e,
     style: {
       position: "absolute",
       top: `${t - C}px`,
-      left: `${r - E}px`,
-      width: `${Math.max(1, d + E + b)}px`,
+      left: `${r - P}px`,
+      width: `${Math.max(1, d + P + b)}px`,
       height: `${Math.max(1, u + C + w)}px`,
       border: `${i} ${s?.borderStyle ?? "solid"} ${s?.borderColor ?? "var(--datagrid-selection-overlay-border)"}`,
       borderLeftWidth: s?.hideBorder || s?.omitLeftBorder ? "0px" : Rr,
@@ -8285,7 +8303,7 @@ function Ea(e, t, r, d, u, s) {
   };
 }
 function Cn(e, t, r, d, u) {
-  const s = Math.max(0, u?.topBleed ?? 1), C = Math.max(0, u?.bottomBleed ?? 1), w = u?.hideBorder ? "0px" : Rr, E = u?.hideBorder ? "0px" : Rr;
+  const s = Math.max(0, u?.topBleed ?? 1), C = Math.max(0, u?.bottomBleed ?? 1), w = u?.hideBorder ? "0px" : Rr, P = u?.hideBorder ? "0px" : Rr;
   return {
     key: e,
     style: {
@@ -8295,8 +8313,8 @@ function Cn(e, t, r, d, u) {
       width: wn,
       height: `${Math.max(1, r + s + C)}px`,
       border: `${w} ${u?.borderStyle ?? "solid"} ${u?.borderColor ?? "var(--datagrid-selection-overlay-border)"}`,
-      borderLeftWidth: u?.seamEdge === "left" ? E : "0px",
-      borderRightWidth: u?.seamEdge === "right" ? E : "0px",
+      borderLeftWidth: u?.seamEdge === "left" ? P : "0px",
+      borderRightWidth: u?.seamEdge === "right" ? P : "0px",
       borderTopWidth: w,
       borderBottomWidth: w,
       background: u?.backgroundColor ?? "transparent",
@@ -8311,7 +8329,7 @@ function Rt(e, t, r, d, u, s = Math.max(0, e.bodyViewportClientHeight)) {
     return [];
   if (u?.hideSingleCell === !0 && t.startRowOffset === t.endRowOffset && t.startColumnIndex === t.endColumnIndex)
     return [];
-  const w = t.top <= 0 ? 0 : 1, E = s > 0 && t.top + t.height >= s ? 0 : 1;
+  const w = t.top <= 0 ? 0 : 1, P = s > 0 && t.top + t.height >= s ? 0 : 1;
   if (r === "left") {
     const U = e.pinnedLeftColumns.filter((I) => {
       const O = e.columnIndexByKey(I.key);
@@ -8325,18 +8343,18 @@ function Rt(e, t, r, d, u, s = Math.max(0, e.bodyViewportClientHeight)) {
         break;
       L += e.resolveColumnWidth(I);
     }
-    const $ = U.reduce((I, O) => I + e.resolveColumnWidth(O), 0), M = e.columnIndexByKey(U[U.length - 1]?.key ?? ""), z = e.columnIndexByKey(e.pinnedLeftColumns[e.pinnedLeftColumns.length - 1]?.key ?? ""), G = e.leftPaneWidth, _ = z >= 0 && M === z, x = L <= 0 ? 0 : 1, A = G > 0 && L + $ >= G ? 0 : 1;
+    const $ = U.reduce((I, O) => I + e.resolveColumnWidth(O), 0), _ = e.columnIndexByKey(U[U.length - 1]?.key ?? ""), z = e.columnIndexByKey(e.pinnedLeftColumns[e.pinnedLeftColumns.length - 1]?.key ?? ""), G = e.leftPaneWidth, M = z >= 0 && _ === z, x = L <= 0 ? 0 : 1, A = G > 0 && L + $ >= G ? 0 : 1;
     return [
-      Ea(
+      Pa(
         `${d}-left-${t.startRowOffset}-${t.endRowOffset}`,
         t.top,
         L,
         $,
         t.height,
         {
-          omitRightBorder: _ || t.endColumnIndex > M,
+          omitRightBorder: M || t.endColumnIndex > _,
           topBleed: w,
-          bottomBleed: E,
+          bottomBleed: P,
           leftBleed: x,
           rightBleed: A,
           borderColor: u?.borderColor,
@@ -8360,21 +8378,21 @@ function Rt(e, t, r, d, u, s = Math.max(0, e.bodyViewportClientHeight)) {
         break;
       L += e.resolveColumnWidth(x);
     }
-    const $ = U.reduce((x, A) => x + e.resolveColumnWidth(A), 0), M = e.columnIndexByKey(U[0]?.key ?? ""), z = e.columnIndexByKey(U[U.length - 1]?.key ?? ""), G = L <= 0 ? 0 : 1, _ = e.layoutGridContentWidth > 0 && L + $ >= e.layoutGridContentWidth ? 0 : 1;
+    const $ = U.reduce((x, A) => x + e.resolveColumnWidth(A), 0), _ = e.columnIndexByKey(U[0]?.key ?? ""), z = e.columnIndexByKey(U[U.length - 1]?.key ?? ""), G = L <= 0 ? 0 : 1, M = e.layoutGridContentWidth > 0 && L + $ >= e.layoutGridContentWidth ? 0 : 1;
     return [
-      Ea(
+      Pa(
         `${d}-center-${t.startRowOffset}-${t.endRowOffset}`,
         t.top,
         L,
         $,
         t.height,
         {
-          omitLeftBorder: t.startColumnIndex < M,
+          omitLeftBorder: t.startColumnIndex < _,
           omitRightBorder: t.endColumnIndex > z,
           topBleed: w,
-          bottomBleed: E,
+          bottomBleed: P,
           leftBleed: G,
-          rightBleed: _,
+          rightBleed: M,
           borderColor: u?.borderColor,
           backgroundColor: u?.backgroundColor,
           borderStyle: u?.borderStyle,
@@ -8397,7 +8415,7 @@ function Rt(e, t, r, d, u, s = Math.max(0, e.bodyViewportClientHeight)) {
   }
   const h = b.reduce((U, L) => U + e.resolveColumnWidth(L), 0), l = e.columnIndexByKey(b[0]?.key ?? ""), v = e.columnIndexByKey(e.pinnedRightColumns[0]?.key ?? ""), R = e.rightPaneWidth, W = v >= 0 && l === v, p = i <= 0 ? 0 : 1, ee = R > 0 && i + h >= R ? 0 : 1;
   return [
-    Ea(
+    Pa(
       `${d}-right-${t.startRowOffset}-${t.endRowOffset}`,
       t.top,
       i,
@@ -8406,7 +8424,7 @@ function Rt(e, t, r, d, u, s = Math.max(0, e.bodyViewportClientHeight)) {
       {
         omitLeftBorder: W || t.startColumnIndex < l,
         topBleed: w,
-        bottomBleed: E,
+        bottomBleed: P,
         leftBleed: p,
         rightBleed: ee,
         borderColor: u?.borderColor,
@@ -8422,7 +8440,7 @@ function Qt(e, t, r, d, u, s = Math.max(0, e.bodyViewportClientHeight)) {
     return [];
   if (u?.hideSingleCell === !0 && t.startRowOffset === t.endRowOffset && t.startColumnIndex === t.endColumnIndex)
     return [];
-  const w = t.top <= 0 ? 0 : 1, E = s > 0 && t.top + t.height >= s ? 0 : 1;
+  const w = t.top <= 0 ? 0 : 1, P = s > 0 && t.top + t.height >= s ? 0 : 1;
   if (r === "left") {
     const v = e.pinnedLeftColumns.filter((ee) => {
       const U = e.columnIndexByKey(ee.key);
@@ -8443,7 +8461,7 @@ function Qt(e, t, r, d, u, s = Math.max(0, e.bodyViewportClientHeight)) {
         {
           seamEdge: p ? void 0 : "right",
           topBleed: w,
-          bottomBleed: E,
+          bottomBleed: P,
           borderColor: u?.borderColor,
           backgroundColor: u?.backgroundColor,
           borderStyle: u?.borderStyle,
@@ -8471,7 +8489,7 @@ function Qt(e, t, r, d, u, s = Math.max(0, e.bodyViewportClientHeight)) {
       {
         seamEdge: l ? void 0 : "left",
         topBleed: w,
-        bottomBleed: E,
+        bottomBleed: P,
         borderColor: u?.borderColor,
         backgroundColor: u?.backgroundColor,
         borderStyle: u?.borderStyle,
@@ -8547,8 +8565,8 @@ function ta(e, t, r, d, u = Math.max(0, e.bodyViewportClientHeight)) {
 function Sn(e, t, r) {
   let d = null, u = null, s = null, C = null;
   for (let w = 0; w < e; w += 1)
-    for (let E = 0; E < t; E += 1)
-      r(w, E) && (d ??= w, u = w, s = s == null ? E : Math.min(s, E), C = C == null ? E : Math.max(C, E));
+    for (let P = 0; P < t; P += 1)
+      r(w, P) && (d ??= w, u = w, s = s == null ? P : Math.min(s, P), C = C == null ? P : Math.max(C, P));
   return d == null || u == null || s == null || C == null ? null : {
     startRowOffset: d,
     endRowOffset: u,
@@ -8585,7 +8603,7 @@ function Ku(e) {
   )), w = o(() => Ar(
     u.value,
     e.rowMetrics.value
-  )), E = o(() => Ar(e.resolveVisibleRangeBounds(t.value), e.rowMetrics.value)), b = o(() => d.value ? [] : ea(
+  )), P = o(() => Ar(e.resolveVisibleRangeBounds(t.value), e.rowMetrics.value)), b = o(() => d.value ? [] : ea(
     s.value,
     e.resolvePinnedBottomVisibleRangeBounds,
     e.pinnedBottomRowMetrics.value
@@ -8607,13 +8625,13 @@ function Ku(e) {
     borderColor: "var(--datagrid-selection-overlay-move-border)",
     backgroundColor: "var(--datagrid-selection-overlay-move-bg)",
     borderStyle: "dashed"
-  }, W = o(() => Math.max(0, e.bodyViewportClientHeight.value)), p = o(() => Math.max(0, e.bottomViewportClientHeight.value)), ee = o(() => Va(C.value, e.bodyViewportScrollTop.value)), U = o(() => kn(w.value, e.bodyViewportScrollTop.value)), L = o(() => kn(E.value, e.bodyViewportScrollTop.value)), $ = o(() => sr(
+  }, W = o(() => Math.max(0, e.bodyViewportClientHeight.value)), p = o(() => Math.max(0, e.bottomViewportClientHeight.value)), ee = o(() => Va(C.value, e.bodyViewportScrollTop.value)), U = o(() => kn(w.value, e.bodyViewportScrollTop.value)), L = o(() => kn(P.value, e.bodyViewportScrollTop.value)), $ = o(() => sr(
     e.overlayGeometryContext.value,
     C.value,
     "left",
     "selection",
     l
-  )), M = o(() => Tr(
+  )), _ = o(() => Tr(
     e.overlayGeometryContext.value,
     ee.value,
     "left",
@@ -8631,7 +8649,7 @@ function Ku(e) {
     "right",
     "selection",
     l
-  )), _ = o(() => Tr(
+  )), M = o(() => Tr(
     e.overlayGeometryContext.value,
     ee.value,
     "right",
@@ -8721,7 +8739,7 @@ function Ku(e) {
     "fill-preview",
     v,
     p.value
-  )), Ee = o(() => Rt(
+  )), Pe = o(() => Rt(
     e.overlayGeometryContext.value,
     i.value,
     "center",
@@ -8744,7 +8762,7 @@ function Ku(e) {
     p.value
   )), rt = o(() => Rt(
     e.overlayGeometryContext.value,
-    E.value,
+    P.value,
     "left",
     "move-preview",
     R,
@@ -8758,14 +8776,14 @@ function Ku(e) {
     W.value
   )), $e = o(() => Rt(
     e.overlayGeometryContext.value,
-    E.value,
+    P.value,
     "center",
     "move-preview",
     R,
     W.value
   )), _t = o(() => Rt(
     e.overlayGeometryContext.value,
-    E.value,
+    P.value,
     "right",
     "move-preview",
     R,
@@ -8784,7 +8802,7 @@ function Ku(e) {
     "move-preview",
     R,
     p.value
-  )), Pe = o(() => Qt(
+  )), Ee = o(() => Qt(
     e.overlayGeometryContext.value,
     h.value,
     "left",
@@ -8827,10 +8845,10 @@ function Ku(e) {
   })), pe = o(() => Ie.value.map(({ overlay: ne, body: ve }) => Sr(e.overlayGeometryContext.value, ne, "left", ve)).filter((ne) => ne != null)), st = o(() => Ie.value.map(({ overlay: ne, body: ve }) => Sr(e.overlayGeometryContext.value, ne, "center", ve)).filter((ne) => ne != null)), wt = o(() => Ie.value.map(({ overlay: ne, body: ve }) => Sr(e.overlayGeometryContext.value, ne, "right", ve)).filter((ne) => ne != null)), ct = o(() => Ie.value.map(({ overlay: ne, bodyPinnedPaneSeam: ve }) => ta(e.overlayGeometryContext.value, ne, "left", ve)).filter((ne) => ne != null)), De = o(() => Ie.value.map(({ overlay: ne, bodyPinnedPaneSeam: ve }) => ta(e.overlayGeometryContext.value, ne, "right", ve)).filter((ne) => ne != null)), Ae = o(() => Ie.value.map(({ overlay: ne, pinnedBottom: ve }) => Sr(e.overlayGeometryContext.value, ne, "left", ve, p.value)).filter((ne) => ne != null)), se = o(() => Ie.value.map(({ overlay: ne, pinnedBottom: ve }) => Sr(e.overlayGeometryContext.value, ne, "center", ve, p.value)).filter((ne) => ne != null)), Je = o(() => Ie.value.map(({ overlay: ne, pinnedBottom: ve }) => Sr(e.overlayGeometryContext.value, ne, "right", ve, p.value)).filter((ne) => ne != null)), He = o(() => Ie.value.map(({ overlay: ne, pinnedBottom: ve }) => ta(e.overlayGeometryContext.value, ne, "left", ve, p.value)).filter((ne) => ne != null)), Qe = o(() => Ie.value.map(({ overlay: ne, pinnedBottom: ve }) => ta(e.overlayGeometryContext.value, ne, "right", ve, p.value)).filter((ne) => ne != null));
   return {
     leftSelectionOverlaySegments: $,
-    leftSelectionSeamOverlaySegments: M,
+    leftSelectionSeamOverlaySegments: _,
     centerSelectionOverlaySegments: z,
     rightSelectionOverlaySegments: G,
-    rightSelectionSeamOverlaySegments: _,
+    rightSelectionSeamOverlaySegments: M,
     leftPinnedBottomSelectionOverlaySegments: x,
     leftPinnedBottomSelectionSeamOverlaySegments: A,
     centerPinnedBottomSelectionOverlaySegments: I,
@@ -8843,7 +8861,7 @@ function Ku(e) {
     rightFillPreviewSeamOverlaySegments: le,
     leftPinnedBottomFillPreviewOverlaySegments: we,
     leftPinnedBottomFillPreviewSeamOverlaySegments: Re,
-    centerPinnedBottomFillPreviewOverlaySegments: Ee,
+    centerPinnedBottomFillPreviewOverlaySegments: Pe,
     rightPinnedBottomFillPreviewOverlaySegments: ge,
     rightPinnedBottomFillPreviewSeamOverlaySegments: Fe,
     leftMovePreviewOverlaySegments: rt,
@@ -8852,7 +8870,7 @@ function Ku(e) {
     rightMovePreviewOverlaySegments: _t,
     rightMovePreviewSeamOverlaySegments: Mt,
     leftPinnedBottomMovePreviewOverlaySegments: ut,
-    leftPinnedBottomMovePreviewSeamOverlaySegments: Pe,
+    leftPinnedBottomMovePreviewSeamOverlaySegments: Ee,
     centerPinnedBottomMovePreviewOverlaySegments: Ke,
     rightPinnedBottomMovePreviewOverlaySegments: at,
     rightPinnedBottomMovePreviewSeamOverlaySegments: yt,
@@ -8950,14 +8968,14 @@ const Nu = /* @__PURE__ */ At({
       r
     );
     _o(d);
-    const u = d.mode, s = d.rowHeightMode, C = d.layoutMode, w = d.layout, E = d.viewport, b = d.columns, i = d.rows, h = d.selection, l = d.editing, v = d.cells, R = d.interaction, W = o(() => b.value?.visibleColumns ?? []), p = o(() => b.value?.renderedColumns ?? []), ee = o(() => i.value?.displayRows ?? []), U = o(() => i.value?.pinnedBottomRows ?? []), L = o(() => h.value?.selectionRange ?? null), $ = o(() => {
+    const u = d.mode, s = d.rowHeightMode, C = d.layoutMode, w = d.layout, P = d.viewport, b = d.columns, i = d.rows, h = d.selection, l = d.editing, v = d.cells, R = d.interaction, W = o(() => b.value?.visibleColumns ?? []), p = o(() => b.value?.renderedColumns ?? []), ee = o(() => i.value?.displayRows ?? []), U = o(() => i.value?.pinnedBottomRows ?? []), L = o(() => h.value?.selectionRange ?? null), $ = o(() => {
       const V = h.value?.selectionRanges;
       return Array.isArray(V) && V.length > 0 ? V : L.value ? [L.value] : [];
-    }), M = o(() => h.value?.isFillDragging === !0), z = o(() => W.value.some((V) => au(V)));
+    }), _ = o(() => h.value?.isFillDragging === !0), z = o(() => W.value.some((V) => au(V)));
     function G(V) {
       return w.value.columnStyle(V);
     }
-    function _(V) {
+    function M(V) {
       return Qd(V, w.value.columnStyle);
     }
     function x(V, j, me, Oe) {
@@ -8987,26 +9005,26 @@ const Nu = /* @__PURE__ */ At({
       return Xe?.isVisualSelectionAnchorCell(V, j) === !0 ? 0 : -1;
     }
     function Y() {
-      return E.value?.viewportRowStart ?? 0;
+      return P.value?.viewportRowStart ?? 0;
     }
     function J() {
-      const V = E.value?.viewportRowEnd;
+      const V = P.value?.viewportRowEnd;
       if (Number.isFinite(V))
         return Math.max(Y(), Math.trunc(V));
       const j = ee.value.length;
       return j > 0 ? Y() + j - 1 : Y() - 1;
     }
     function le() {
-      return E.value?.leftColumnSpacerWidth ?? 0;
+      return P.value?.leftColumnSpacerWidth ?? 0;
     }
     function we() {
-      return E.value?.rightColumnSpacerWidth ?? 0;
+      return P.value?.rightColumnSpacerWidth ?? 0;
     }
     function Re(V, j) {
       const me = v.value.isCellSelected;
       return typeof me == "function" ? me(V, j) : !1;
     }
-    function Ee(V, j, me = {}) {
+    function Pe(V, j, me = {}) {
       return Xe?.resolveInlineRowStateFill(V, j, me) ?? null;
     }
     function ge(V, j) {
@@ -9035,7 +9053,7 @@ const Nu = /* @__PURE__ */ At({
     function ut(V, j) {
       return Xe?.isSelectionAnchorCellSafe(V, j) === !0;
     }
-    function Pe(V, j) {
+    function Ee(V, j) {
       return Xe?.isCellInFillPreviewSafe(V, j) === !0;
     }
     function Ke(V, j) {
@@ -9079,39 +9097,39 @@ const Nu = /* @__PURE__ */ At({
       Vt.value = null;
     }
     function Te(V, j) {
-      return Number.isFinite(V.displayIndex) ? Math.max(0, Math.trunc(V.displayIndex)) : E.value.viewportRowStart + j;
+      return Number.isFinite(V.displayIndex) ? Math.max(0, Math.trunc(V.displayIndex)) : P.value.viewportRowStart + j;
     }
     function et(V, j) {
-      return Te(V, j) - E.value.viewportRowStart;
+      return Te(V, j) - P.value.viewportRowStart;
     }
     function Gt(V, j) {
       i.value.rowHover && (Vt.value = Te(V, j));
     }
-    function Et(V, j) {
+    function Pt(V, j) {
       return i.value.rowHover === !0 && Vt.value === Te(V, j);
     }
     function Lt(V, j) {
       return i.value.stripedRows === !0 && Te(V, j) % 2 === 1;
     }
-    const ht = Pu({
+    const ht = Eu({
       rows: i,
       layout: w,
-      viewportRowStart: o(() => E.value.viewportRowStart),
+      viewportRowStart: o(() => P.value.viewportRowStart),
       selectionRange: L,
       visibleColumns: W,
-      isHoveredRow: Et,
+      isHoveredRow: Pt,
       isStripedRow: Lt,
       resolveAbsoluteRowIndex: Te,
-      resolveInlineRowStateFill: Ee,
+      resolveInlineRowStateFill: Pe,
       isDataGridPlaceholderSurfaceRow: Ga
-    }), he = o(() => ht.indexColumnWidthPx.value + (De.value ?? []).reduce((V, j) => V + _(j), 0)), ye = o(() => (Ae.value ?? []).reduce((V, j) => V + _(j), 0)), {
+    }), he = o(() => ht.indexColumnWidthPx.value + (De.value ?? []).reduce((V, j) => V + M(j), 0)), ye = o(() => (Ae.value ?? []).reduce((V, j) => V + M(j), 0)), {
       bodyViewportEl: xe,
       bottomViewportEl: Be,
       bodyViewportScrollTop: lt,
       bodyViewportScrollLeft: St,
       bodyViewportClientWidth: tt,
       bodyViewportClientHeight: ue,
-      pinnedBottomViewportClientHeight: Pt,
+      pinnedBottomViewportClientHeight: Et,
       bodyViewportTopOffset: $t,
       headerShellHeight: Ne,
       headerViewportClientWidth: Ue,
@@ -9123,13 +9141,13 @@ const Nu = /* @__PURE__ */ At({
       handleBodyViewportWheel: ft
     } = Au({
       stageRootEl: se,
-      viewport: E,
+      viewport: P,
       leftPaneContentRef: He,
       rightPaneContentRef: Qe,
       gridChromeSyncers: Ct
     });
     mu({
-      viewport: E,
+      viewport: P,
       displayRows: ee,
       bodyViewportScrollTop: lt
     });
@@ -9147,7 +9165,7 @@ const Nu = /* @__PURE__ */ At({
       mode: u,
       rowHeightMode: s,
       layout: w,
-      viewport: E,
+      viewport: P,
       rows: i,
       visibleColumns: W,
       renderedColumns: p,
@@ -9160,19 +9178,19 @@ const Nu = /* @__PURE__ */ At({
       bodyViewportScrollLeft: St,
       bodyViewportClientWidth: tt,
       bodyViewportClientHeight: ue,
-      pinnedBottomViewportClientHeight: Pt,
+      pinnedBottomViewportClientHeight: Et,
       headerShellHeight: Ne,
       headerViewportClientWidth: Ue,
       bodyViewportEl: xe,
       indexColumnWidthPx: ht.indexColumnWidthPx,
       pinnedLeftColumns: De,
       pinnedRightColumns: Ae,
-      resolveColumnWidth: _,
+      resolveColumnWidth: M,
       resolveLeftColumnSpacerWidth: le,
       resolveRightColumnSpacerWidth: we,
       resolveAbsoluteRowIndex: Te,
       resolveViewportRowOffset: et,
-      isHoveredRow: Et,
+      isHoveredRow: Pt,
       isStripedRow: Lt,
       readPivotHeaderMeta: eu
     }), {
@@ -9187,7 +9205,7 @@ const Nu = /* @__PURE__ */ At({
       handleRowClickSafe: k,
       handleRowIndexClickSafe: F,
       handleRowIndexKeydownSafe: c,
-      handleRowIndexDragStart: P,
+      handleRowIndexDragStart: E,
       handleRowIndexDragOver: g,
       handleRowIndexDrop: ie,
       clearRowIndexDragState: Q
@@ -9226,8 +9244,8 @@ const Nu = /* @__PURE__ */ At({
       selectionRanges: $,
       displayRows: ee,
       visibleColumns: W,
-      viewportRowStart: o(() => E.value.viewportRowStart),
-      isHoveredRow: Et,
+      viewportRowStart: o(() => P.value.viewportRowStart),
+      isHoveredRow: Pt,
       isStripedRow: Lt,
       resolveAbsoluteRowIndex: Te,
       isCellSelectedSafe: Re,
@@ -9270,7 +9288,7 @@ const Nu = /* @__PURE__ */ At({
       isVisualSelectionAnchorCell: _t,
       shouldHighlightSelectedCellVisual: Mt,
       isRangeMoveHandleHoverCell: da,
-      isCellInFillPreviewSafe: Pe,
+      isCellInFillPreviewSafe: Ee,
       isCellInPendingClipboardRangeSafe: Ke,
       isCellOnPendingClipboardEdgeSafe: at
     }), {
@@ -9299,7 +9317,7 @@ const Nu = /* @__PURE__ */ At({
       bodyViewportScrollLeft: St,
       bodyViewportClientWidth: tt,
       bodyViewportClientHeight: ue,
-      pinnedBottomViewportClientHeight: Pt,
+      pinnedBottomViewportClientHeight: Et,
       bodyViewportTopOffset: $t,
       headerShellHeight: Ne,
       headerViewportClientWidth: Ue,
@@ -9343,14 +9361,14 @@ const Nu = /* @__PURE__ */ At({
       rightBottomPaneContentRef: ve,
       displayRows: ee,
       visibleColumns: W,
-      viewportRowStart: o(() => E.value.viewportRowStart),
+      viewportRowStart: o(() => P.value.viewportRowStart),
       resolveAbsoluteRowIndex: Te,
       isSelectionAnchorCellSafe: ut,
       isCellEditableSafe: $e
     }), {
-      fillActionMenuOpen: Er,
+      fillActionMenuOpen: Pr,
       floatingFillActionStyle: $r,
-      toggleFloatingFillActionMenu: Pr,
+      toggleFloatingFillActionMenu: Er,
       handleFillActionSelection: Kr
     } = wu({
       selection: h,
@@ -9369,7 +9387,7 @@ const Nu = /* @__PURE__ */ At({
       indexColumnWidthPx: cr,
       pinnedLeftColumns: De,
       pinnedRightColumns: Ae,
-      resolveColumnWidth: _,
+      resolveColumnWidth: M,
       resolveViewportRowStart: Y,
       resolveVisibleCellElement: ur.resolveVisibleCellElement,
       resolveVisibleRowElement: ur.resolveVisibleRowElement,
@@ -9388,8 +9406,8 @@ const Nu = /* @__PURE__ */ At({
       selectionRange: L,
       visibleColumns: W,
       displayRows: ee,
-      viewportRowStart: o(() => E.value.viewportRowStart),
-      fillActionMenuOpen: Er,
+      viewportRowStart: o(() => P.value.viewportRowStart),
+      fillActionMenuOpen: Pr,
       isCellSelectedSafe: Re,
       isCellEditableSafe: Ie,
       isCellOnSelectionEdgeSafe: pe
@@ -9410,7 +9428,7 @@ const Nu = /* @__PURE__ */ At({
       isRowIndexDraggable: n,
       handleRowIndexClickSafe: F,
       handleRowIndexKeydownSafe: c,
-      handleRowIndexDragStart: P,
+      handleRowIndexDragStart: E,
       handleRowIndexDragOver: g,
       handleRowIndexDrop: ie,
       clearRowIndexDragState: Q,
@@ -9431,7 +9449,7 @@ const Nu = /* @__PURE__ */ At({
       isCellSelectedSafe: Re,
       isSelectionAnchorCellSafe: ut,
       shouldHighlightSelectedCellVisual: Mt,
-      isCellInFillPreviewSafe: Pe,
+      isCellInFillPreviewSafe: Ee,
       isCellInPendingClipboardRangeSafe: Ke,
       isCellOnPendingClipboardEdgeSafe: at,
       isCellOnSelectionEdgeSafe: pe,
@@ -9487,11 +9505,11 @@ const Nu = /* @__PURE__ */ At({
     })), il = o(() => ({
       handleCenterViewportScroll: lr,
       handleBodyViewportWheel: ft,
-      handleViewportKeydown: (V) => E.value.handleViewportKeydown(V),
+      handleViewportKeydown: (V) => P.value.handleViewportKeydown(V),
       handleLinkedViewportWheel: Yt
     }));
     function ol(V) {
-      E.value.handleViewportKeydown(V);
+      P.value.handleViewportKeydown(V);
     }
     const dl = o(() => ({
       bodyViewportClientHeight: ue.value,
@@ -9503,7 +9521,7 @@ const Nu = /* @__PURE__ */ At({
       pinnedRightColumns: Ae.value,
       layoutGridContentWidth: Aa(w.value.gridContentStyle.width ?? w.value.gridContentStyle.minWidth, 0),
       columnIndexByKey: ma,
-      resolveColumnWidth: _,
+      resolveColumnWidth: M,
       resolveLeftColumnSpacerWidth: le
     })), ul = o(() => {
       const V = /* @__PURE__ */ new Map();
@@ -9571,9 +9589,9 @@ const Nu = /* @__PURE__ */ At({
       rightFillPreviewOverlaySegments: Rl,
       rightFillPreviewSeamOverlaySegments: _l,
       leftPinnedBottomFillPreviewOverlaySegments: Ml,
-      leftPinnedBottomFillPreviewSeamOverlaySegments: El,
+      leftPinnedBottomFillPreviewSeamOverlaySegments: Pl,
       centerPinnedBottomFillPreviewOverlaySegments: Xa,
-      rightPinnedBottomFillPreviewOverlaySegments: Pl,
+      rightPinnedBottomFillPreviewOverlaySegments: El,
       rightPinnedBottomFillPreviewSeamOverlaySegments: Il,
       leftMovePreviewOverlaySegments: Dl,
       leftMovePreviewSeamOverlaySegments: Al,
@@ -9599,7 +9617,7 @@ const Nu = /* @__PURE__ */ At({
       overlayGeometryContext: dl,
       bodyViewportClientHeight: ue,
       bodyViewportScrollTop: lt,
-      bottomViewportClientHeight: Pt,
+      bottomViewportClientHeight: Et,
       visibleColumns: W,
       displayRows: ee,
       selectionRanges: $,
@@ -9609,9 +9627,9 @@ const Nu = /* @__PURE__ */ At({
       rowMetrics: oe,
       pinnedBottomRowMetrics: re,
       isCellSelectedSafe: Re,
-      isCellInFillPreviewSafe: Pe,
+      isCellInFillPreviewSafe: Ee,
       isAdditiveSelection: Na,
-      isFillDragging: M,
+      isFillDragging: _,
       isRangeMoving: ct,
       resolveVisibleRangeBounds: gl,
       resolvePinnedBottomVisibleRangeBounds: vl,
@@ -9621,7 +9639,7 @@ const Nu = /* @__PURE__ */ At({
       rightPaneWidth: ye.value,
       bodyViewportClientWidth: tt.value,
       bodyViewportClientHeight: ue.value,
-      pinnedBottomViewportClientHeight: Pt.value,
+      pinnedBottomViewportClientHeight: Et.value,
       headerShellHeight: Ne.value,
       headerViewportClientWidth: Ue.value
     })), Ul = o(() => ({
@@ -9651,9 +9669,9 @@ const Nu = /* @__PURE__ */ At({
       rightFillPreviewOverlaySegments: Rl,
       rightFillPreviewSeamOverlaySegments: _l,
       leftPinnedBottomFillPreviewOverlaySegments: Ml,
-      leftPinnedBottomFillPreviewSeamOverlaySegments: El,
+      leftPinnedBottomFillPreviewSeamOverlaySegments: Pl,
       centerPinnedBottomFillPreviewOverlaySegments: Xa,
-      rightPinnedBottomFillPreviewOverlaySegments: Pl,
+      rightPinnedBottomFillPreviewOverlaySegments: El,
       rightPinnedBottomFillPreviewSeamOverlaySegments: Il,
       leftMovePreviewOverlaySegments: Dl,
       leftMovePreviewSeamOverlaySegments: Al,
@@ -9714,7 +9732,7 @@ const Nu = /* @__PURE__ */ At({
         "grid-stage--auto-row-height": m(u) === "base" && m(s) === "auto",
         "grid-stage--layout-fill": m(C) === "fill",
         "grid-stage--layout-auto-height": m(C) === "auto-height",
-        "grid-stage--fill-dragging": M.value,
+        "grid-stage--fill-dragging": _.value,
         "grid-stage--range-moving": ct.value,
         "grid-stage--single-cell-selection": sl.value,
         "grid-stage--additive-selection": Na.value
@@ -9791,8 +9809,8 @@ const Nu = /* @__PURE__ */ At({
           "display-rows": m(i).displayRows,
           "runtime-revision": m(i).runtimeRevision,
           "body-rows-revision": m(i).displayRowsRevision,
-          "top-spacer-height": m(E).topSpacerHeight,
-          "bottom-spacer-height": m(E).bottomSpacerHeight,
+          "top-spacer-height": m(P).topSpacerHeight,
+          "bottom-spacer-height": m(P).bottomSpacerHeight,
           "viewport-ref": m(mt),
           "report-center-pane-diagnostics": r.reportCenterPaneDiagnostics,
           "report-fill-plumbing-state": r.reportFillPlumbingState,
@@ -9820,9 +9838,9 @@ const Nu = /* @__PURE__ */ At({
           _: 1
         }, 8, ["pane", "render-api", "handle-context-menu"]),
         Ye(jd, {
-          "is-open": m(Er),
+          "is-open": m(Pr),
           style: ae(m($r)),
-          onToggle: m(Pr),
+          onToggle: m(Er),
           onSelected: m(Kr)
         }, null, 8, ["is-open", "style", "onToggle", "onSelected"])
       ], 36),
@@ -9910,17 +9928,17 @@ function qu(e) {
   };
 }
 const Uu = 12, La = 280, Oa = 240;
-function Pa(e, t) {
+function Ea(e, t) {
   return Number.isFinite(e) ? Math.max(1, Math.round(Number(e))) : t;
 }
 function Zn(e) {
-  const t = Pa(
+  const t = Ea(
     e.minTableWidth,
     La
-  ), r = Pa(
+  ), r = Ea(
     e.minTimelineWidth,
     Oa
-  ), d = Pa(e.requestedWidth, t), u = Number.isFinite(e.stageWidth) ? Math.max(0, Number(e.stageWidth)) : 0, s = Number.isFinite(e.maxTableWidth) ? Math.max(t, Math.round(Number(e.maxTableWidth))) : Number.POSITIVE_INFINITY, C = u > 0 ? Math.max(t, u - r) : Number.POSITIVE_INFINITY;
+  ), d = Ea(e.requestedWidth, t), u = Number.isFinite(e.stageWidth) ? Math.max(0, Number(e.stageWidth)) : 0, s = Number.isFinite(e.maxTableWidth) ? Math.max(t, Math.round(Number(e.maxTableWidth))) : Number.POSITIVE_INFINITY, C = u > 0 ? Math.max(t, u - r) : Number.POSITIVE_INFINITY;
   return Math.min(
     Math.max(d, t),
     Math.min(s, C)
@@ -9945,12 +9963,12 @@ function Zu(e, t, r) {
   const u = "...";
   if (r(u) > t)
     return null;
-  let C = 0, w = d.length, E = "";
+  let C = 0, w = d.length, P = "";
   for (; C <= w; ) {
     const b = Math.floor((C + w) / 2), i = `${d.slice(0, b).trimEnd()}${u}`;
-    r(i) <= t ? (E = i, C = b + 1) : w = b - 1;
+    r(i) <= t ? (P = i, C = b + 1) : w = b - 1;
   }
-  return E.length > 0 ? E : null;
+  return P.length > 0 ? P : null;
 }
 const Ju = 6;
 function Dr(e) {
@@ -9967,7 +9985,7 @@ function Qu(e, t, r) {
     const h = e.x - t.x, l = e.y - t.y;
     return h * h + l * l;
   }
-  const s = ((e.x - t.x) * d + (e.y - t.y) * u) / (d * d + u * u), C = Math.max(0, Math.min(1, s)), w = t.x + d * C, E = t.y + u * C, b = e.x - w, i = e.y - E;
+  const s = ((e.x - t.x) * d + (e.y - t.y) * u) / (d * d + u * u), C = Math.max(0, Math.min(1, s)), w = t.x + d * C, P = t.y + u * C, b = e.x - w, i = e.y - P;
   return b * b + i * i;
 }
 function Rn(e, t, r = Ju) {
@@ -9975,10 +9993,10 @@ function Rn(e, t, r = Ju) {
   let u = null, s = Number.POSITIVE_INFINITY;
   for (const C of e)
     for (let w = 1; w < C.points.length; w += 1) {
-      const E = C.points[w - 1], b = C.points[w];
-      if (!E || !b)
+      const P = C.points[w - 1], b = C.points[w];
+      if (!P || !b)
         continue;
-      const i = Qu(t, E, b);
+      const i = Qu(t, P, b);
       i > d || i >= s || (s = i, u = C);
     }
   return u;
@@ -9986,7 +10004,7 @@ function Rn(e, t, r = Ju) {
 const es = { class: "datagrid-gantt-stage__timeline" }, ts = { class: "datagrid-gantt-stage__timeline-body" }, rs = {
   key: 0,
   class: "datagrid-gantt-stage__empty"
-}, _n = 48, Mn = 240, ra = 40, En = 24, as = /* @__PURE__ */ At({
+}, _n = 48, Mn = 240, ra = 40, Pn = 24, as = /* @__PURE__ */ At({
   __name: "DataGridGanttStage",
   props: {
     stageContext: {},
@@ -9997,13 +10015,13 @@ const es = { class: "datagrid-gantt-stage__timeline" }, ts = { class: "datagrid-
   },
   setup(e) {
     Kn();
-    const t = /* @__PURE__ */ new Set(), r = e, d = r.stageContext, u = o(() => Ro(d)), s = o(() => d.rows.value), C = o(() => d.viewport.value), w = o(() => d.selection.value), E = o(() => d.columns.value), b = o(() => d.rowHeightMode.value), i = Z(null), h = Z(null), l = Z(null), v = Z(null), R = Z(null), W = Z(null), p = Z(null), ee = Z(_n), U = Z(0), L = Z(0), $ = Z(0), M = Z(0), z = Z(0), G = Z(null), _ = Z(null), x = Z(null), A = Z(null), I = Z(null), O = Z(!1), B = Z(null);
+    const t = /* @__PURE__ */ new Set(), r = e, d = r.stageContext, u = o(() => Ro(d)), s = o(() => d.rows.value), C = o(() => d.viewport.value), w = o(() => d.selection.value), P = o(() => d.columns.value), b = o(() => d.rowHeightMode.value), i = Z(null), h = Z(null), l = Z(null), v = Z(null), R = Z(null), W = Z(null), p = Z(null), ee = Z(_n), U = Z(0), L = Z(0), $ = Z(0), _ = Z(0), z = Z(0), G = Z(null), M = Z(null), x = Z(null), A = Z(null), I = Z(null), O = Z(!1), B = Z(null);
     let X = !1, q = !1, Y = null, J = null, le = null, we = !1;
     function Re(n) {
       const k = new Date(n);
       return Date.UTC(k.getUTCFullYear(), k.getUTCMonth(), k.getUTCDate());
     }
-    function Ee(n) {
+    function Pe(n) {
       if (!n)
         return null;
       try {
@@ -10020,11 +10038,11 @@ const es = { class: "datagrid-gantt-stage__timeline" }, ts = { class: "datagrid-
       return c.length > 0 ? c : k;
     }
     function Fe(n, k, F) {
-      const c = Ee(n);
+      const c = Pe(n);
       if (!n || !c)
         return null;
-      const P = typeof window > "u" ? 1 : Math.max(1, window.devicePixelRatio || 1), g = Math.max(1, Math.round(k)), ie = Math.max(1, Math.round(F));
-      return (n.width !== Math.round(g * P) || n.height !== Math.round(ie * P)) && (n.width = Math.round(g * P), n.height = Math.round(ie * P)), c.setTransform(P, 0, 0, P, 0, 0), c.clearRect(0, 0, g, ie), c;
+      const E = typeof window > "u" ? 1 : Math.max(1, window.devicePixelRatio || 1), g = Math.max(1, Math.round(k)), ie = Math.max(1, Math.round(F));
+      return (n.width !== Math.round(g * E) || n.height !== Math.round(ie * E)) && (n.width = Math.round(g * E), n.height = Math.round(ie * E)), c.setTransform(E, 0, 0, E, 0, 0), c.clearRect(0, 0, g, ie), c;
     }
     function rt(n) {
       return n ? Math.max(
@@ -10032,24 +10050,24 @@ const es = { class: "datagrid-gantt-stage__timeline" }, ts = { class: "datagrid-
         Math.round(n.getBoundingClientRect().width)
       ) : 0;
     }
-    function Ze(n, k, F, c, P, g) {
-      const ie = Math.max(0, Math.min(g, c / 2, P / 2));
-      n.beginPath(), n.moveTo(k + ie, F), n.lineTo(k + c - ie, F), n.quadraticCurveTo(k + c, F, k + c, F + ie), n.lineTo(k + c, F + P - ie), n.quadraticCurveTo(k + c, F + P, k + c - ie, F + P), n.lineTo(k + ie, F + P), n.quadraticCurveTo(k, F + P, k, F + P - ie), n.lineTo(k, F + ie), n.quadraticCurveTo(k, F, k + ie, F), n.closePath();
+    function Ze(n, k, F, c, E, g) {
+      const ie = Math.max(0, Math.min(g, c / 2, E / 2));
+      n.beginPath(), n.moveTo(k + ie, F), n.lineTo(k + c - ie, F), n.quadraticCurveTo(k + c, F, k + c, F + ie), n.lineTo(k + c, F + E - ie), n.quadraticCurveTo(k + c, F + E, k + c - ie, F + E), n.lineTo(k + ie, F + E), n.quadraticCurveTo(k, F + E, k, F + E - ie), n.lineTo(k, F + ie), n.quadraticCurveTo(k, F, k + ie, F), n.closePath();
     }
     function $e(n, k, F, c) {
-      const P = Math.max(1, c / 2);
-      n.beginPath(), n.moveTo(k, F - P), n.lineTo(k + P, F), n.lineTo(k, F + P), n.lineTo(k - P, F), n.closePath();
+      const E = Math.max(1, c / 2);
+      n.beginPath(), n.moveTo(k, F - E), n.lineTo(k + E, F), n.lineTo(k, F + E), n.lineTo(k - E, F), n.closePath();
     }
-    function _t(n, k, F, c, P) {
-      Math.abs(F - k) < 2 || (n.save(), n.strokeStyle = P, n.lineWidth = 1.5, n.lineCap = "round", n.beginPath(), n.moveTo(k, c), n.lineTo(F, c), n.moveTo(k, c - 3), n.lineTo(k, c + 3), n.moveTo(F, c - 3), n.lineTo(F, c + 3), n.stroke(), n.restore());
+    function _t(n, k, F, c, E) {
+      Math.abs(F - k) < 2 || (n.save(), n.strokeStyle = E, n.lineWidth = 1.5, n.lineCap = "round", n.beginPath(), n.moveTo(k, c), n.lineTo(F, c), n.moveTo(k, c - 3), n.lineTo(k, c + 3), n.moveTo(F, c - 3), n.lineTo(F, c + 3), n.stroke(), n.restore());
     }
-    function Mt(n, k, F, c, P) {
+    function Mt(n, k, F, c, E) {
       const g = k[0];
       if (!g || k.length < 2)
         return;
       n.save();
       const ie = F === "FS" ? [] : F === "SS" ? [5, 3] : F === "FF" ? [8, 3] : [2, 3];
-      n.setLineDash(ie), n.strokeStyle = P, n.lineWidth = 4, n.lineJoin = "round", n.lineCap = "round", n.beginPath(), n.moveTo(g.x, g.y);
+      n.setLineDash(ie), n.strokeStyle = E, n.lineWidth = 4, n.lineJoin = "round", n.lineCap = "round", n.beginPath(), n.moveTo(g.x, g.y);
       for (let Ce = 1; Ce < k.length; Ce += 1) {
         const Le = k[Ce];
         Le && n.lineTo(Le.x, Le.y);
@@ -10074,15 +10092,15 @@ const es = { class: "datagrid-gantt-stage__timeline" }, ts = { class: "datagrid-
       }
       n.restore();
     }
-    function ut(n, k, F, c, P, g) {
-      const Q = Math.max(0, P - 16), ze = Zu(
+    function ut(n, k, F, c, E, g) {
+      const Q = Math.max(0, E - 16), ze = Zu(
         k,
         Q,
         (Ce) => n.measureText(Ce).width
       );
-      ze && (n.save(), n.beginPath(), n.rect(F, c, P, g), n.clip(), n.fillText(ze, F + 8, c + g / 2), n.restore());
+      ze && (n.save(), n.beginPath(), n.rect(F, c, E, g), n.clip(), n.fillText(ze, F + 8, c + g / 2), n.restore());
     }
-    function Pe() {
+    function Ee() {
       const n = p.value;
       if (!n) {
         U.value = 0, L.value = 0;
@@ -10117,7 +10135,7 @@ const es = { class: "datagrid-gantt-stage__timeline" }, ts = { class: "datagrid-
     function pe(n = "both") {
       X = X || n !== "body", q = q || n !== "header", !(B.value != null || typeof window > "u") && (B.value = window.requestAnimationFrame(() => {
         const k = X, F = q;
-        B.value = null, X = !1, q = !1, k && ue(), F && Pt();
+        B.value = null, X = !1, q = !1, k && ue(), F && Et();
       }));
     }
     function st() {
@@ -10131,11 +10149,11 @@ const es = { class: "datagrid-gantt-stage__timeline" }, ts = { class: "datagrid-
         const n = [];
         let k = C.value.topSpacerHeight;
         for (let F = 0; F < s.value.displayRows.length; F += 1) {
-          const c = C.value.viewportRowStart + F, P = Math.max(1, wt(c));
+          const c = C.value.viewportRowStart + F, E = Math.max(1, wt(c));
           n.push({
             top: k,
-            height: P
-          }), k += P;
+            height: E
+          }), k += E;
         }
         return n;
       }
@@ -10143,7 +10161,7 @@ const es = { class: "datagrid-gantt-stage__timeline" }, ts = { class: "datagrid-
     }), Ae = o(() => r.gantt ? (r.rowVersion, Mi({
       getCount: () => r.runtime.api.rows.getCount(),
       get: (n) => r.runtime.api.rows.get(n)
-    }, r.gantt)) : null), se = o(() => Ae.value?.timeline ?? null), Je = o(() => Ae.value?.criticalTaskIds ?? t), He = o(() => !r.gantt || !se.value ? [] : (r.rowVersion, ct.value, Ei({
+    }, r.gantt)) : null), se = o(() => Ae.value?.timeline ?? null), Je = o(() => Ae.value?.criticalTaskIds ?? t), He = o(() => !r.gantt || !se.value ? [] : (r.rowVersion, ct.value, Pi({
       rows: s.value.displayRows,
       rowMetrics: De.value,
       viewportRowStart: C.value.viewportRowStart,
@@ -10167,7 +10185,7 @@ const es = { class: "datagrid-gantt-stage__timeline" }, ts = { class: "datagrid-
       }), n;
     }), ne = o(() => {
       const n = se.value;
-      return !n || !r.gantt ? [] : Pi({
+      return !n || !r.gantt ? [] : Ei({
         bars: He.value,
         resolveFrame: (k) => {
           const F = lt(k), c = ba(
@@ -10177,7 +10195,7 @@ const es = { class: "datagrid-gantt-stage__timeline" }, ts = { class: "datagrid-
             k.milestone ? k.height : void 0
           );
           return {
-            x: c.x - M.value,
+            x: c.x - _.value,
             width: c.width,
             y: k.y,
             height: k.height
@@ -10191,7 +10209,7 @@ const es = { class: "datagrid-gantt-stage__timeline" }, ts = { class: "datagrid-
         n.targetBar.rowId
       ]) : /* @__PURE__ */ new Set();
     }), Tt = o(() => {
-      const n = w.value.selectionRange, k = E.value.visibleColumns.length;
+      const n = w.value.selectionRange, k = P.value.visibleColumns.length;
       if (!n || k <= 0)
         return null;
       const F = Math.min(n.startColumn, n.endColumn), c = Math.max(n.startColumn, n.endColumn);
@@ -10210,8 +10228,8 @@ const es = { class: "datagrid-gantt-stage__timeline" }, ts = { class: "datagrid-
         }
         if (!k)
           return;
-        const P = C.value.viewportRowStart + c;
-        P >= k.startRow && P <= k.endRow && n.add(String(F.rowId));
+        const E = C.value.viewportRowStart + c;
+        E >= k.startRow && E <= k.endRow && n.add(String(F.rowId));
       }), n;
     }), xt = o(() => De.value.flatMap((n, k) => {
       const F = s.value.displayRows[k];
@@ -10231,7 +10249,7 @@ const es = { class: "datagrid-gantt-stage__timeline" }, ts = { class: "datagrid-
       };
     }
     function vt(n) {
-      const k = Wt(n), F = E.value.visibleColumns.length;
+      const k = Wt(n), F = P.value.visibleColumns.length;
       !k || F <= 0 || (r.runtime.api.selection.hasSupport() && r.runtime.api.selection.setSnapshot({
         ranges: [{
           startRow: k.rowIndex,
@@ -10319,7 +10337,7 @@ const es = { class: "datagrid-gantt-stage__timeline" }, ts = { class: "datagrid-
       width: `${et.value}px`,
       minWidth: `${et.value}px`,
       maxWidth: `${et.value}px`
-    })), Et = o(() => ({
+    })), Pt = o(() => ({
       left: `${et.value}px`,
       width: `${Uu}px`
     })), Lt = o(() => ({
@@ -10334,7 +10352,7 @@ const es = { class: "datagrid-gantt-stage__timeline" }, ts = { class: "datagrid-
       width: `${se.value?.totalWidth ?? 1}px`,
       minWidth: `${se.value?.totalWidth ?? 1}px`,
       height: `${Math.max(L.value, 1)}px`
-    })), xe = o(() => _.value ? "col-resize" : G.value ? G.value.mode === "move" ? "grabbing" : "col-resize" : x.value ? x.value.mode === "move" ? "grab" : "col-resize" : A.value ? "pointer" : "default");
+    })), xe = o(() => M.value ? "col-resize" : G.value ? G.value.mode === "move" ? "grabbing" : "col-resize" : x.value ? x.value.mode === "move" ? "grab" : "col-resize" : A.value ? "pointer" : "default");
     function Be() {
       I.value == null && A.value == null || (I.value = null, A.value = null, pe("body"));
     }
@@ -10351,11 +10369,11 @@ const es = { class: "datagrid-gantt-stage__timeline" }, ts = { class: "datagrid-
     function St(n) {
       typeof document > "u" || (document.body.style.cursor = n ? "col-resize" : "", document.body.style.userSelect = n ? "none" : "");
     }
-    function tt(n, k, F, c, P) {
+    function tt(n, k, F, c, E) {
       for (const g of k) {
         if (g.width < 18)
           continue;
-        const ie = Math.max(0, g.x), Q = Math.min(P, g.x + g.width);
+        const ie = Math.max(0, g.x), Q = Math.min(E, g.x + g.width);
         Q <= ie || (n.save(), n.beginPath(), n.rect(ie, F, Q - ie, c), n.clip(), n.fillText(
           g.label,
           Math.max(ie + 8, g.x + 8),
@@ -10367,9 +10385,9 @@ const es = { class: "datagrid-gantt-stage__timeline" }, ts = { class: "datagrid-
       const n = se.value, k = l.value;
       if (!n || !k)
         return;
-      const F = Math.max(1, ee.value), c = Math.max(1, z.value || k.clientWidth || 1), P = rn({
+      const F = Math.max(1, ee.value), c = Math.max(1, z.value || k.clientWidth || 1), E = rn({
         timeline: n,
-        scrollLeft: M.value,
+        scrollLeft: _.value,
         viewportWidth: c,
         workingCalendar: r.gantt?.workingCalendar ?? null,
         headerBufferPx: 0,
@@ -10383,31 +10401,31 @@ const es = { class: "datagrid-gantt-stage__timeline" }, ts = { class: "datagrid-
         return;
       const ie = ge("--datagrid-column-divider-color", "rgba(148, 163, 184, 0.24)"), Q = ge("--datagrid-header-divider-color", "rgba(148, 163, 184, 0.42)"), ze = ge("--datagrid-header-row-bg", "#f8fafc"), Ce = ge("--datagrid-weekend-bg", "rgba(148, 163, 184, 0.12)"), Le = ge("--datagrid-text-primary", "#0f172a"), je = ge("--datagrid-font-family", "ui-sans-serif, system-ui, sans-serif"), ot = ge("--datagrid-accent-strong", "#2563eb"), dt = Math.max(16, Math.round(F * 0.46)), Ot = dt, Kt = Math.max(1, F - dt);
       g.fillStyle = ze, g.fillRect(0, 0, c, F), g.fillStyle = Ce;
-      for (const pt of P.nonWorkingSpans) {
+      for (const pt of E.nonWorkingSpans) {
         const bt = Math.max(0, pt.x), dr = Math.min(c, pt.x + pt.width);
         dr <= bt || g.fillRect(bt, Ot, dr - bt, Kt);
       }
       g.strokeStyle = ie, g.lineWidth = 1;
-      for (const pt of P.secondaryLines) {
+      for (const pt of E.secondaryLines) {
         const bt = Math.round(pt.x) + 0.5;
         g.beginPath(), g.moveTo(bt, Ot), g.lineTo(bt, F), g.stroke();
       }
       g.strokeStyle = Q;
-      for (const pt of P.primaryLines) {
+      for (const pt of E.primaryLines) {
         const bt = Math.round(pt.x) + 0.5;
         g.beginPath(), g.moveTo(bt, 0), g.lineTo(bt, F), g.stroke();
       }
-      g.beginPath(), g.moveTo(0, Ot - 0.5), g.lineTo(c, Ot - 0.5), g.stroke(), g.strokeStyle = Q, g.beginPath(), g.moveTo(0, F - 0.5), g.lineTo(c, F - 0.5), g.stroke(), g.fillStyle = Le, g.font = `12px ${je}`, g.textBaseline = "middle", tt(g, P.primarySegments, 0, dt, c), tt(g, P.secondarySegments, Ot, Kt, c);
-      const It = an(Re(Date.now()), n) - M.value;
+      g.beginPath(), g.moveTo(0, Ot - 0.5), g.lineTo(c, Ot - 0.5), g.stroke(), g.strokeStyle = Q, g.beginPath(), g.moveTo(0, F - 0.5), g.lineTo(c, F - 0.5), g.stroke(), g.fillStyle = Le, g.font = `12px ${je}`, g.textBaseline = "middle", tt(g, E.primarySegments, 0, dt, c), tt(g, E.secondarySegments, Ot, Kt, c);
+      const It = an(Re(Date.now()), n) - _.value;
       It >= -1 && It <= c + 1 && (g.strokeStyle = ot, g.lineWidth = 2, g.beginPath(), g.moveTo(Math.round(It) + 0.5, 0), g.lineTo(Math.round(It) + 0.5, F), g.stroke());
     }
-    function Pt() {
+    function Et() {
       const n = se.value, k = v.value;
       if (!n || !k)
         return;
-      const F = Math.max(1, L.value || k.clientHeight || He.value.length * r.baseRowHeight), c = Math.max(1, z.value || k.clientWidth || 1), P = rn({
+      const F = Math.max(1, L.value || k.clientHeight || He.value.length * r.baseRowHeight), c = Math.max(1, z.value || k.clientWidth || 1), E = rn({
         timeline: n,
-        scrollLeft: M.value,
+        scrollLeft: _.value,
         viewportWidth: c,
         workingCalendar: r.gantt?.workingCalendar ?? null,
         headerBufferPx: 0,
@@ -10423,7 +10441,7 @@ const es = { class: "datagrid-gantt-stage__timeline" }, ts = { class: "datagrid-
         underlay: Wr
       } : null;
       g.fillStyle = ie, g.fillRect(0, 0, c, F), g.fillStyle = Ce;
-      for (const K of P.nonWorkingSpans) {
+      for (const K of E.nonWorkingSpans) {
         const qe = Math.max(0, K.x), Zt = Math.min(c, K.x + K.width);
         Zt <= qe || g.fillRect(qe, 0, Zt - qe, F);
       }
@@ -10433,19 +10451,19 @@ const es = { class: "datagrid-gantt-stage__timeline" }, ts = { class: "datagrid-
         Me <= _e || g.fillRect(0, _e, c, Me - _e);
       }
       g.strokeStyle = Q, g.lineWidth = 1;
-      for (const K of P.secondaryLines) {
+      for (const K of E.secondaryLines) {
         const qe = Math.round(K.x) + 0.5;
         g.beginPath(), g.moveTo(qe, 0), g.lineTo(qe, F), g.stroke();
       }
       g.strokeStyle = da;
-      for (const K of P.primaryLines) {
+      for (const K of E.primaryLines) {
         const qe = Math.round(K.x) + 0.5;
         g.beginPath(), g.moveTo(qe, 0), g.lineTo(qe, F), g.stroke();
       }
       g.strokeStyle = ze;
       for (const K of Qe.value)
         g.beginPath(), g.moveTo(0, K), g.lineTo(c, K), g.stroke();
-      const hr = an(Re(Date.now()), n) - M.value;
+      const hr = an(Re(Date.now()), n) - _.value;
       hr >= -1 && hr <= c + 1 && (g.strokeStyle = ca, g.lineWidth = 2, g.beginPath(), g.moveTo(Math.round(hr) + 0.5, 0), g.lineTo(Math.round(hr) + 0.5, F), g.stroke());
       for (const K of ne.value) {
         const qe = Dr(K) === I.value;
@@ -10464,7 +10482,7 @@ const es = { class: "datagrid-gantt-stage__timeline" }, ts = { class: "datagrid-
           n,
           r.gantt?.minBarWidth ?? 6,
           K.milestone ? K.height : void 0
-        ), _e = Zt.x - M.value, Me = Zt.width, Mr = gt.value.has(K.rowId), va = Ut.value.has(K.rowId), er = ga({
+        ), _e = Zt.x - _.value, Me = Zt.width, Mr = gt.value.has(K.rowId), va = Ut.value.has(K.rowId), er = ga({
           isTableRowSelected: Mr,
           isDependencySelectedBar: va
         }), fr = K.baselineStartMs != null && K.baselineEndMs != null && (K.baselineStartMs !== K.startMs || K.baselineEndMs !== K.endMs), zr = K.summary ? dt : G.value?.rowId === K.rowId ? ot : je;
@@ -10477,7 +10495,7 @@ const es = { class: "datagrid-gantt-stage__timeline" }, ts = { class: "datagrid-
             n,
             r.gantt?.minBarWidth ?? 6,
             K.milestone ? K.height : void 0
-          ), tr = Nt.x - M.value, Gr = _e, ur = _e + Me, Er = tr, $r = tr + Nt.width;
+          ), tr = Nt.x - _.value, Gr = _e, ur = _e + Me, Pr = tr, $r = tr + Nt.width;
           if (K.milestone)
             $e(
               g,
@@ -10491,15 +10509,15 @@ const es = { class: "datagrid-gantt-stage__timeline" }, ts = { class: "datagrid-
               Math.max(Math.max(8, Nt.width - 2), K.height - 2)
             ), g.strokeStyle = pt, g.lineWidth = 1, g.stroke();
           else {
-            const Pr = Math.max(4, Math.min(6, Math.round(K.height * 0.34))), Kr = K.y + K.height - Pr;
-            Ze(g, tr, Kr, Nt.width, Pr, 3), g.fillStyle = It, g.fill(), Ze(g, tr, Kr, Nt.width, Pr, 3), g.strokeStyle = pt, g.lineWidth = 1, g.stroke();
+            const Er = Math.max(4, Math.min(6, Math.round(K.height * 0.34))), Kr = K.y + K.height - Er;
+            Ze(g, tr, Kr, Nt.width, Er, 3), g.fillStyle = It, g.fill(), Ze(g, tr, Kr, Nt.width, Er, 3), g.strokeStyle = pt, g.lineWidth = 1, g.stroke();
           }
           _t(
             g,
-            Er,
+            Pr,
             Gr,
             K.y + 2.5,
-            Gr >= Er ? bt : dr
+            Gr >= Pr ? bt : dr
           ), _t(
             g,
             $r,
@@ -10521,17 +10539,17 @@ const es = { class: "datagrid-gantt-stage__timeline" }, ts = { class: "datagrid-
         return 0;
       const F = k.getBoundingClientRect();
       if (n <= F.left + ra) {
-        const P = 1 - Math.max(0, n - F.left) / ra;
-        return -Math.max(1, Math.round(En * P));
+        const E = 1 - Math.max(0, n - F.left) / ra;
+        return -Math.max(1, Math.round(Pn * E));
       }
       if (n >= F.right - ra) {
-        const P = 1 - Math.max(0, F.right - n) / ra;
-        return Math.max(1, Math.round(En * P));
+        const E = 1 - Math.max(0, F.right - n) / ra;
+        return Math.max(1, Math.round(Pn * E));
       }
       return 0;
     }
     function Ne(n, k) {
-      if (M.value = Ai(
+      if (_.value = Ai(
         n,
         se.value?.totalWidth ?? 0,
         z.value
@@ -10539,14 +10557,14 @@ const es = { class: "datagrid-gantt-stage__timeline" }, ts = { class: "datagrid-
         pe();
         return;
       }
-      we = !0, k !== "header" && l.value && l.value.scrollLeft !== M.value && (l.value.scrollLeft = M.value), k !== "body" && v.value && v.value.scrollLeft !== M.value && (v.value.scrollLeft = M.value), we = !1, pe();
+      we = !0, k !== "header" && l.value && l.value.scrollLeft !== _.value && (l.value.scrollLeft = _.value), k !== "body" && v.value && v.value.scrollLeft !== _.value && (v.value.scrollLeft = _.value), we = !1, pe();
     }
     function Ue() {
       if (!se.value) {
         Ne(0, "body");
         return;
       }
-      Ne(M.value, "body");
+      Ne(_.value, "body");
     }
     function mt() {
       if (O.value || !se.value || z.value <= 0)
@@ -10571,21 +10589,21 @@ const es = { class: "datagrid-gantt-stage__timeline" }, ts = { class: "datagrid-
       const k = p.value, F = v.value;
       if (!k || !F)
         return;
-      const { horizontalDelta: c, verticalDelta: P } = qu({
+      const { horizontalDelta: c, verticalDelta: E } = qu({
         deltaX: n.deltaX,
         deltaY: n.deltaY,
         shiftKey: n.shiftKey
       });
-      if (!(c === 0 && P === 0) && (n.preventDefault(), c !== 0 && (F.scrollLeft += c, Ne(F.scrollLeft, "body")), P !== 0)) {
+      if (!(c === 0 && E === 0) && (n.preventDefault(), c !== 0 && (F.scrollLeft += c, Ne(F.scrollLeft, "body")), E !== 0)) {
         const g = k.scrollTop;
-        k.scrollTop = g + P, k.scrollTop !== g && (Pe(), pe("body"));
+        k.scrollTop = g + E, k.scrollTop !== g && (Ee(), pe("body"));
       }
     }
     function Yt(n) {
-      n != null && _.value && _.value.pointerId !== n || (_.value = null, St(!1), typeof window < "u" && (window.removeEventListener("pointermove", ft), window.removeEventListener("pointerup", y)));
+      n != null && M.value && M.value.pointerId !== n || (M.value = null, St(!1), typeof window < "u" && (window.removeEventListener("pointermove", ft), window.removeEventListener("pointerup", y)));
     }
     function ft(n) {
-      const k = _.value;
+      const k = M.value;
       k && (Te.value = Xu({
         originWidth: k.originWidth,
         deltaX: n.clientX - k.originClientX,
@@ -10598,7 +10616,7 @@ const es = { class: "datagrid-gantt-stage__timeline" }, ts = { class: "datagrid-
       Yt(n.pointerId);
     }
     function f(n) {
-      n.button === 0 && (n.preventDefault(), at(), _.value = {
+      n.button === 0 && (n.preventDefault(), at(), M.value = {
         pointerId: n.pointerId,
         originClientX: n.clientX,
         originWidth: et.value
@@ -10617,7 +10635,7 @@ const es = { class: "datagrid-gantt-stage__timeline" }, ts = { class: "datagrid-
     function T(n) {
       const k = a(n);
       return k ? {
-        x: k.x + M.value,
+        x: k.x + _.value,
         y: k.y
       } : null;
     }
@@ -10663,18 +10681,18 @@ const es = { class: "datagrid-gantt-stage__timeline" }, ts = { class: "datagrid-
       if (!G.value || !se.value)
         return;
       const k = $t(n.clientX);
-      k !== 0 && Ne(M.value + k, "body");
+      k !== 0 && Ne(_.value + k, "body");
       const F = T(n);
       if (!F)
         return;
-      const c = (F.x - G.value.originX) / se.value.pixelsPerDay, P = Di({
+      const c = (F.x - G.value.originX) / se.value.pixelsPerDay, E = Di({
         startMs: G.value.initialStartMs,
         endMs: G.value.initialEndMs
       }, G.value.mode, c, se.value.zoomLevel, r.gantt?.workingCalendar);
       G.value = {
         ...G.value,
-        draftStartMs: P.startMs,
-        draftEndMs: P.endMs
+        draftStartMs: E.startMs,
+        draftEndMs: E.endMs
       }, pe("body");
     }
     function it(n) {
@@ -10692,9 +10710,9 @@ const es = { class: "datagrid-gantt-stage__timeline" }, ts = { class: "datagrid-
         r.gantt.resizeHandleWidth
       );
       if (c && (vt(c.bar.rowId), I.value = null, A.value = null), !c) {
-        const P = Rn(ne.value, k);
-        if (P) {
-          n.preventDefault(), I.value = Dr(P), pe("body");
+        const E = Rn(ne.value, k);
+        if (E) {
+          n.preventDefault(), I.value = Dr(E), pe("body");
           return;
         }
         Be();
@@ -10728,7 +10746,7 @@ const es = { class: "datagrid-gantt-stage__timeline" }, ts = { class: "datagrid-
       if (le?.disconnect(), le = null, typeof window > "u" || typeof window.ResizeObserver != "function")
         return;
       le = new window.ResizeObserver(() => {
-        at(), Ke(), Pe(), yt(), Ue(), pe();
+        at(), Ke(), Ee(), yt(), Ue(), pe();
       });
       const n = h.value?.getHeaderElement() ?? null;
       n && le.observe(n), p.value && le.observe(p.value), i.value && le.observe(i.value), v.value && le.observe(v.value);
@@ -10736,7 +10754,7 @@ const es = { class: "datagrid-gantt-stage__timeline" }, ts = { class: "datagrid-
     function mr() {
       const n = h.value?.getBodyViewportElement() ?? null;
       if (n === p.value) {
-        at(), Ke(), Pe(), vr(), Ue(), pe();
+        at(), Ke(), Ee(), vr(), Ue(), pe();
         return;
       }
       if (gr(), p.value = n, !n) {
@@ -10744,14 +10762,14 @@ const es = { class: "datagrid-gantt-stage__timeline" }, ts = { class: "datagrid-
         return;
       }
       const k = () => {
-        Pe(), pe("body");
+        Ee(), pe("body");
       };
-      n.addEventListener("scroll", k, { passive: !0 }), at(), Ke(), Pe(), Y = () => {
+      n.addEventListener("scroll", k, { passive: !0 }), at(), Ke(), Ee(), Y = () => {
         n.removeEventListener("scroll", k);
       }, vr(), Ue(), pe();
     }
     function pr() {
-      at(), Ke(), Pe(), yt(), Ue(), pe();
+      at(), Ke(), Ee(), yt(), Ue(), pe();
     }
     return Ge(
       () => r.gantt?.paneWidth,
@@ -10771,7 +10789,7 @@ const es = { class: "datagrid-gantt-stage__timeline" }, ts = { class: "datagrid-
       ],
       () => {
         Vr(() => {
-          mr(), Pe(), yt(), Ue(), mt(), pe();
+          mr(), Ee(), yt(), Ue(), mt(), pe();
         });
       }
     ), Ge(
@@ -10834,7 +10852,7 @@ const es = { class: "datagrid-gantt-stage__timeline" }, ts = { class: "datagrid-
         key: 0,
         type: "button",
         class: "datagrid-gantt-stage__splitter",
-        style: ae(Et.value),
+        style: ae(Pt.value),
         "aria-label": "Resize gantt split",
         onPointerdown: f
       }, null, 36)) : te("", !0),