npm - @affino/datagrid-vue-app - Versions diffs - 0.1.3 → 0.1.4 - Mend

@affino/datagrid-vue-app 0.1.3 → 0.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/dist/chunks/{DataGridTableStage.vue_vue_type_script_setup_true_lang-BJJoBCsA.js → DataGridTableStage.vue_vue_type_script_setup_true_lang-BKBL5xs3.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { defineComponent as ft, ref as P, inject as Ja, computed as u, watch as nt, openBlock as s, createBlock as se, unref as d, withCtx as ae, createVNode as _e, renderSlot as Xt, normalizeStyle as I, createTextVNode as ur, toDisplayString as z, createCommentVNode as S, createElementBlock as g, Fragment as X, renderList as oe, createElementVNode as f, withModifiers as y, normalizeClass as j, withDirectives as Sn, vModelText as Rn, toRef as Xe, provide as Mn, toRefs as An, onBeforeUnmount as En, onMounted as In, nextTick as Bn } from "vue";
+import { defineComponent as ft, ref as P, inject as Ja, computed as u, watch as nt, openBlock as s, createBlock as se, unref as d, withCtx as ae, createVNode as _e, renderSlot as Xt, normalizeStyle as E, createTextVNode as ur, toDisplayString as z, createCommentVNode as S, createElementBlock as g, Fragment as X, renderList as oe, createElementVNode as f, withModifiers as y, normalizeClass as j, withDirectives as Sn, vModelText as Rn, toRef as Xe, provide as Mn, toRefs as An, onBeforeUnmount as In, onMounted as En, nextTick as Bn } from "vue";
 import { serializeColumnValueToToken as Fn, buildDataGridCellRenderModel as $n } from "@affino/datagrid-vue";
 import { useDataGridLinkedPaneScrollSync as Ln, useDataGridManagedWheelScroll as Tn } from "@affino/datagrid-vue/advanced";
 import { buildDataGridChromeRenderModel as Tr } from "@affino/datagrid-chrome";
@@ -72,25 +72,25 @@ const Nn = ["title"], qn = {
   },
   emits: ["sort", "pin", "group", "apply-filter", "clear-filter", "update-text-filter"],
   setup(i, { emit: ee }) {
-    const A = i, L = ee, _ = P(null), K = Ja(Gn, P(null)), D = P(!1), B = P(""), E = P(!1), p = P([]), x = P([]), w = P({}), F = u(() => Bt(A.columnDataType)), Me = u(() => new Set(A.disabledItems)), v = u(() => !A.grouped || !Number.isFinite(A.groupOrder) ? null : `Level ${Number(A.groupOrder) + 1}`), Se = u(() => {
+    const A = i, L = ee, _ = P(null), K = Ja(Gn, P(null)), D = P(!1), B = P(""), I = P(!1), p = P([]), x = P([]), w = P({}), F = u(() => Bt(A.columnDataType)), Me = u(() => new Set(A.disabledItems)), v = u(() => !A.grouped || !Number.isFinite(A.groupOrder) ? null : `Level ${Number(A.groupOrder) + 1}`), Se = u(() => {
       const m = Number.isFinite(A.valueFilterRowLimit) && A.valueFilterRowLimit >= 0 ? A.valueFilterRowLimit : Number.POSITIVE_INFINITY;
       return Math.min(m, Ao);
-    }), H = u(() => A.filterEnabled ? A.rows.length <= Se.value : !1), fe = u(() => A.filterEnabled && !H.value), Z = u(() => A.items.filter((m) => m === "sort" ? U("sortAsc") || U("sortDesc") || U("clearSort") : m === "group" ? U("toggleGroup") : m === "pin" ? Ye.value : m === "filter" ? q.value : !0)), Q = u(() => Me.value.has("sort")), ye = u(() => Me.value.has("group")), te = u(() => Me.value.has("pin")), C = u(() => Me.value.has("filter")), k = u(() => new Set(x.value)), q = u(() => H.value || A.textFilterEnabled), R = u(() => A.textFilterEnabled && !H.value), $ = u(() => B.value.trim().length > 0), Ye = u(() => U("pinMenu") && (U("pinLeft") || U("pinRight") || U("unpin"))), xe = u(() => re(
+    }), H = u(() => A.filterEnabled ? A.rows.length <= Se.value : !1), fe = u(() => A.filterEnabled && !H.value), Z = u(() => A.items.filter((m) => m === "sort" ? U("sortAsc") || U("sortDesc") || U("clearSort") : m === "group" ? U("toggleGroup") : m === "pin" ? Ye.value : m === "filter" ? N.value : !0)), Q = u(() => Me.value.has("sort")), ye = u(() => Me.value.has("group")), te = u(() => Me.value.has("pin")), C = u(() => Me.value.has("filter")), k = u(() => new Set(x.value)), N = u(() => H.value || A.textFilterEnabled), R = u(() => A.textFilterEnabled && !H.value), $ = u(() => B.value.trim().length > 0), Ye = u(() => U("pinMenu") && (U("pinLeft") || U("pinRight") || U("unpin"))), xe = u(() => re(
       "toggleGroup",
       A.labels.group ?? (A.grouped ? "Ungroup column" : "Group by this column")
-    )), Y = u(() => re("pinMenu", A.labels.pin ?? "Pin column")), ot = u(() => A.labels.filter ?? (H.value ? "Filter" : "Filter by text")), xt = u(() => re("sortAsc", F.value.asc)), lt = u(() => re("sortDesc", F.value.desc)), Ie = u(() => re("clearSort", "Clear sort")), Oe = u(() => re("pinLeft", "Pin left")), Te = u(() => re("pinRight", "Pin right")), At = u(() => re("unpin", "Unpin")), Et = u(() => re("clearFilter", "Clear filter")), It = u(() => re(
+    )), Y = u(() => re("pinMenu", A.labels.pin ?? "Pin column")), ot = u(() => A.labels.filter ?? (H.value ? "Filter" : "Filter by text")), xt = u(() => re("sortAsc", F.value.asc)), lt = u(() => re("sortDesc", F.value.desc)), Ee = u(() => re("clearSort", "Clear sort")), Oe = u(() => re("pinLeft", "Pin left")), Te = u(() => re("pinRight", "Pin right")), At = u(() => re("unpin", "Unpin")), It = u(() => re("clearFilter", "Clear filter")), Et = u(() => re(
       "addCurrentSelectionToFilter",
       "Add current selection to filter"
     )), Ze = u(() => re("selectAllValues", "Select all")), Be = u(() => re("clearAllValues", "Clear all")), Qe = u(() => re("cancelFilter", "Cancel")), wt = u(() => re("applyFilter", "Apply")), we = u(() => {
       const m = B.value.trim().toLowerCase();
       return m.length > 0 ? p.value.filter((n) => n.searchText.includes(m)) : p.value;
     }), Ae = u(() => $.value ? we.value : we.value.slice(0, A.maxFilterValues)), dt = u(() => $.value ? 0 : Math.max(0, we.value.length - Ae.value.length)), ke = u(() => {
-      if ($.value && !E.value) {
+      if ($.value && !I.value) {
         const m = new Set(Ae.value.map((n) => n.token));
         return x.value.filter((n) => m.has(n));
       }
       return x.value;
-    }), kt = u(() => $.value ? E.value ? p.value.length : Ae.value.length : p.value.length), Je = u(() => ke.value.length), ce = u(() => p.value.length > 0 && x.value.length === p.value.length), ge = u(() => H.value && p.value.length > 0 && ke.value.length > 0), Re = {
+    }), kt = u(() => $.value ? I.value ? p.value.length : Ae.value.length : p.value.length), Je = u(() => ke.value.length), ge = u(() => p.value.length > 0 && x.value.length === p.value.length), pe = u(() => H.value && p.value.length > 0 && ke.value.length > 0), Re = {
       mousePrediction: {},
       loopFocus: !0,
       closeOnSelect: !0,
@@ -111,7 +111,7 @@ const Nn = ["title"], qn = {
       }
     };
     nt($, (m) => {
-      m || (E.value = !1);
+      m || (I.value = !1);
     }), nt(K, () => {
       D.value && Ce();
     }), nt(
@@ -163,7 +163,7 @@ const Nn = ["title"], qn = {
       const n = String(m);
       return n.length > 0 ? n : "(Blanks)";
     }
-    function Ee(m, n) {
+    function Ie(m, n) {
       const o = /* @__PURE__ */ new Map();
       for (const a of m) {
         const c = ze(Fn(a[n])), T = o.get(c);
@@ -184,7 +184,7 @@ const Nn = ["title"], qn = {
         sensitivity: "base"
       }));
     }
-    function pe() {
+    function ce() {
       _.value?.controller?.close("programmatic");
     }
     function ut(m) {
@@ -203,7 +203,7 @@ const Nn = ["title"], qn = {
     }
     function Ge(m) {
       if (D.value) {
-        pe();
+        ce();
         return;
       }
       ut(m);
@@ -212,11 +212,11 @@ const Nn = ["title"], qn = {
       w.value = Kn(K.value);
     }
     function Ve() {
-      if (B.value = "", E.value = !1, !H.value) {
+      if (B.value = "", I.value = !1, !H.value) {
         p.value = [], x.value = [];
         return;
       }
-      const m = Ee(A.rows, A.columnKey);
+      const m = Ie(A.rows, A.columnKey);
       p.value = m;
       const n = Array.from(new Set(
         A.selectedFilterTokens.map((o) => ze(String(o ?? ""))).filter((o) => m.some((a) => a.token === o))
@@ -236,19 +236,19 @@ const Nn = ["title"], qn = {
       C.value || (x.value = []);
     }
     function W(m) {
-      C.value || (E.value = m.target.checked);
+      C.value || (I.value = m.target.checked);
     }
     function ne() {
-      C.value || !ge.value || (ke.value.length === p.value.length ? L("clear-filter") : L("apply-filter", [...ke.value]), pe());
+      C.value || !pe.value || (ke.value.length === p.value.length ? L("clear-filter") : L("apply-filter", [...ke.value]), ce());
     }
     function gt(m) {
       C.value || L("update-text-filter", m.target.value);
     }
     function Ke() {
-      C.value || !A.filterActive || (L("clear-filter"), pe());
+      C.value || !A.filterActive || (L("clear-filter"), ce());
     }
     function pt() {
-      J("toggleGroup", ye.value || !A.groupEnabled) || (L("group", !A.grouped), pe());
+      J("toggleGroup", ye.value || !A.groupEnabled) || (L("group", !A.grouped), ce());
     }
     function Bt(m) {
       switch (m) {
@@ -300,7 +300,7 @@ const Nn = ["title"], qn = {
           "class-name": "ui-menu-content datagrid-column-menu__panel",
           align: "start",
           gutter: 6,
-          style: I(w.value),
+          style: E(w.value),
           "data-affino-menu-root": "",
           "data-datagrid-column-menu-panel": "true"
         }, {
@@ -361,7 +361,7 @@ const Nn = ["title"], qn = {
                   default: ae(() => [
                     f("span", {
                       title: V("clearSort", Q.value || !m.sortEnabled || m.sortDirection === null, "sort")
-                    }, z(Ie.value), 9, Yn)
+                    }, z(Ee.value), 9, Yn)
                   ]),
                   _: 1
                 }, 8, ["data-disabled-reason", "disabled", "title"])) : S("", !0)
@@ -401,7 +401,7 @@ const Nn = ["title"], qn = {
                   }, 8, ["data-disabled-reason", "aria-disabled", "disabled", "title"]),
                   _e(d(Wn), {
                     "class-name": "ui-submenu-content datagrid-column-menu__submenu-panel",
-                    style: I(w.value)
+                    style: E(w.value)
                   }, {
                     default: ae(() => [
                       U("pinLeft") ? (s(), se(d(Mt), {
@@ -484,7 +484,7 @@ const Nn = ["title"], qn = {
                     disabled: J("clearFilter", C.value || !m.filterActive),
                     title: V("clearFilter", C.value || !m.filterActive, "filter"),
                     onClick: Ke
-                  }, z(Et.value), 9, oo)) : S("", !0)
+                  }, z(It.value), 9, oo)) : S("", !0)
                 ]),
                 R.value ? (s(), g("input", {
                   key: 0,
@@ -523,12 +523,12 @@ const Nn = ["title"], qn = {
                 H.value && $.value && U("addCurrentSelectionToFilter") ? (s(), g("label", co, [
                   f("input", {
                     type: "checkbox",
-                    checked: E.value,
+                    checked: I.value,
                     disabled: J("addCurrentSelectionToFilter", C.value),
                     title: V("addCurrentSelectionToFilter", C.value, "filter"),
                     onChange: W
                   }, null, 40, go),
-                  f("span", null, z(It.value), 1)
+                  f("span", null, z(Et.value), 1)
                 ])) : S("", !0),
                 H.value ? (s(), se(d(lr), {
                   key: 4,
@@ -540,9 +540,9 @@ const Nn = ["title"], qn = {
                     type: "button",
                     class: "datagrid-column-menu__link",
                     "data-datagrid-column-menu-action": "select-all-values",
-                    "data-disabled-reason": V("selectAllValues", C.value || p.value.length === 0 || ce.value, "filter"),
-                    disabled: J("selectAllValues", C.value || p.value.length === 0 || ce.value),
-                    title: V("selectAllValues", C.value || p.value.length === 0 || ce.value, "filter"),
+                    "data-disabled-reason": V("selectAllValues", C.value || p.value.length === 0 || ge.value, "filter"),
+                    disabled: J("selectAllValues", C.value || p.value.length === 0 || ge.value),
+                    title: V("selectAllValues", C.value || p.value.length === 0 || ge.value, "filter"),
                     onClick: ve
                   }, z(Ze.value), 9, vo)) : S("", !0),
                   U("clearAllValues") ? (s(), g("button", {
@@ -595,16 +595,16 @@ const Nn = ["title"], qn = {
                     type: "button",
                     class: "datagrid-column-menu__button datagrid-column-menu__button--secondary",
                     "data-datagrid-column-menu-action": "cancel-filter",
-                    onClick: pe
+                    onClick: ce
                   }, z(Qe.value), 1)) : S("", !0),
                   U("applyFilter") ? (s(), g("button", {
                     key: 1,
                     type: "button",
                     class: "datagrid-column-menu__button datagrid-column-menu__button--primary",
                     "data-datagrid-column-menu-action": "apply-filter",
-                    "data-disabled-reason": V("applyFilter", C.value || !ge.value, "filter"),
-                    disabled: J("applyFilter", C.value || !ge.value),
-                    title: V("applyFilter", C.value || !ge.value, "filter"),
+                    "data-disabled-reason": V("applyFilter", C.value || !pe.value, "filter"),
+                    disabled: J("applyFilter", C.value || !pe.value),
+                    title: V("applyFilter", C.value || !pe.value, "filter"),
                     onClick: ne
                   }, z(wt.value), 9, Mo)) : S("", !0)
                 ])) : S("", !0)
@@ -618,7 +618,7 @@ const Nn = ["title"], qn = {
     }, 512));
   }
 }), ei = Symbol("data-grid-table-stage-context");
-function Eo(i) {
+function Io(i) {
   return {
     mode: i.mode,
     rowHeightMode: i.rowHeightMode,
@@ -632,8 +632,8 @@ function Eo(i) {
     interaction: i.interaction
   };
 }
-function Io(i) {
-  return Eo({
+function Eo(i) {
+  return Io({
     mode: Xe(i, "mode"),
     rowHeightMode: Xe(i, "rowHeightMode"),
     layout: Xe(i, "layout"),
@@ -758,7 +758,7 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
 }, kl = ["onMousedown", "onDblclick"], Cl = ["value", "disabled", "onInput"], _l = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span", "data-datagrid-pivot-group-depth"], Sl = {
   key: 0,
   class: "col-head__pivot-group-label"
-}, Rl = ["data-column-key"], Ml = { class: "col-head" }, Al = { class: "col-head__label" }, El = ["title"], Il = ["aria-label", "title", "data-column-key", "onClick"], Bl = {
+}, Rl = ["data-column-key"], Ml = { class: "col-head" }, Al = { class: "col-head__label" }, Il = ["title"], El = ["aria-label", "title", "data-column-key", "onClick"], Bl = {
   class: "col-menu-trigger__icon",
   viewBox: "0 0 16 16",
   "aria-hidden": "true"
@@ -814,17 +814,17 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
     }
   },
   setup(i) {
-    const ee = Hr(), A = ti(), L = Or(), _ = ri(), K = Wr(), D = u(() => K.value.sourceRows ?? []), B = u(() => _.value.visibleColumns), E = u(() => _.value.renderedColumns), p = u(() => B.value.filter((n) => n.pin === "left")), x = u(() => B.value.filter((n) => n.pin === "right")), w = u(() => ee.value !== "pivot" ? 0 : B.value.reduce((n, o) => {
+    const ee = Hr(), A = ti(), L = Or(), _ = ri(), K = Wr(), D = u(() => K.value.sourceRows ?? []), B = u(() => _.value.visibleColumns), I = u(() => _.value.renderedColumns), p = u(() => B.value.filter((n) => n.pin === "left")), x = u(() => B.value.filter((n) => n.pin === "right")), w = u(() => ee.value !== "pivot" ? 0 : B.value.reduce((n, o) => {
       const a = Ye(o);
       return Math.max(n, a?.groupLabels?.length ?? 0);
-    }, 0)), F = u(() => w.value > 0), Me = u(() => ot(p.value)), v = u(() => ot(E.value)), Se = u(() => ot(x.value)), H = u(() => A.value.mainTrackStyle), fe = u(() => L.value.leftColumnSpacerWidth), Z = u(() => L.value.rightColumnSpacerWidth), Q = u(() => _.value.columnFilterTextByKey), ye = u(() => typeof _.value.columnMenuMaxFilterValues == "number" ? _.value.columnMenuMaxFilterValues : 250), te = u(() => typeof _.value.columnMenuValueFilterRowLimit == "number" ? _.value.columnMenuValueFilterRowLimit : Number.MAX_SAFE_INTEGER);
+    }, 0)), F = u(() => w.value > 0), Me = u(() => ot(p.value)), v = u(() => ot(I.value)), Se = u(() => ot(x.value)), H = u(() => A.value.mainTrackStyle), fe = u(() => L.value.leftColumnSpacerWidth), Z = u(() => L.value.rightColumnSpacerWidth), Q = u(() => _.value.columnFilterTextByKey), ye = u(() => typeof _.value.columnMenuMaxFilterValues == "number" ? _.value.columnMenuMaxFilterValues : 250), te = u(() => typeof _.value.columnMenuValueFilterRowLimit == "number" ? _.value.columnMenuValueFilterRowLimit : Number.MAX_SAFE_INTEGER);
     function C() {
       return _.value.columnMenuEnabled === !0 ? !0 : typeof _.value.applyColumnMenuSort == "function" || typeof _.value.applyColumnMenuPin == "function" || typeof _.value.applyColumnMenuFilter == "function" || typeof _.value.clearColumnMenuFilter == "function";
     }
     function k() {
       return C() && _.value.columnMenuValueFilterEnabled !== !1;
     }
-    function q(n) {
+    function N(n) {
       return n === "left" || n === "center" || n === "right" ? n : void 0;
     }
     function R(n) {
@@ -885,7 +885,7 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
     function lt(n) {
       return _.value.sortIndicator(n);
     }
-    function Ie(n, o) {
+    function Ee(n, o) {
       _.value.startResize(n, o);
     }
     function Oe(n, o) {
@@ -897,10 +897,10 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
     function At(n) {
       L.value.headerViewportRef(n);
     }
-    function Et(n) {
+    function It(n) {
       L.value.handleHeaderScroll(n);
     }
-    function It(n) {
+    function Et(n) {
       return n.column.meta?.rowSelection === !0;
     }
     function Ze(n) {
@@ -916,7 +916,7 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
       return Be(n) && _.value.columnMenuValueFilterEnabled !== !1;
     }
     function we(n) {
-      const o = q(
+      const o = N(
         n.column.presentation?.headerAlign ?? n.column.presentation?.align
       );
       return o ? { textAlign: o } : {};
@@ -938,20 +938,20 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
     function Je(n) {
       return dt(n);
     }
-    function ce(n) {
+    function ge(n) {
       const o = _.value.isColumnGrouped;
       return typeof o == "function" ? o(n) : !1;
     }
-    function ge(n) {
+    function pe(n) {
       const o = _.value.resolveColumnGroupOrder;
       return typeof o == "function" ? o(n) : null;
     }
     function Re(n) {
-      const o = ge(n);
+      const o = pe(n);
       return Number.isFinite(o) ? `G${Number(o) + 1}` : null;
     }
     function st(n) {
-      const o = ge(n);
+      const o = pe(n);
       return Number.isFinite(o) ? `Grouped column, level ${Number(o) + 1}` : "Grouped column";
     }
     function Ct(n) {
@@ -966,16 +966,16 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
     function J(n, o) {
       return {
         "col-menu-trigger--open": o,
-        "col-menu-trigger--active": o || kt(n) || Je(n) || ce(n),
+        "col-menu-trigger--active": o || kt(n) || Je(n) || ge(n),
         "col-menu-trigger--filtered": Je(n),
-        "col-menu-trigger--grouped": ce(n),
+        "col-menu-trigger--grouped": ge(n),
         "col-menu-trigger--sorted": kt(n)
       };
     }
     function re(n) {
       const o = [];
-      if (Je(n.key) && o.push("filtered"), ce(n.key)) {
-        const c = ge(n.key);
+      if (Je(n.key) && o.push("filtered"), ge(n.key)) {
+        const c = pe(n.key);
         o.push(Number.isFinite(c) ? `grouped level ${Number(c) + 1}` : "grouped");
       }
       ze(n.key) ? o.push("sorted ascending") : U(n.key) && o.push("sorted descending");
@@ -997,11 +997,11 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
       const o = _.value.resolveColumnMenuDisabledItems;
       return typeof o == "function" ? o(n) : [];
     }
-    function Ee(n) {
+    function Ie(n) {
       const o = _.value.resolveColumnMenuDisabledReasons;
       return typeof o == "function" ? o(n) : {};
     }
-    function pe(n) {
+    function ce(n) {
       const o = _.value.resolveColumnMenuLabels;
       return typeof o == "function" ? o(n) : {};
     }
@@ -1066,12 +1066,12 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
     }
     return (n, o) => (s(), g("div", {
       class: j(["grid-header-shell", { "grid-header-shell--pivot-groups": F.value }]),
-      style: I(i.paneLayoutStyle)
+      style: E(i.paneLayoutStyle)
     }, [
       Xt(n.$slots, "center-chrome"),
       f("div", {
         class: "grid-header-pane grid-header-pane--left",
-        style: I(i.leftPaneStyle),
+        style: E(i.leftPaneStyle),
         onWheel: o[10] || (o[10] = //@ts-ignore
         (...a) => i.onLinkedViewportWheel && i.onLinkedViewportWheel(...a))
       }, [
@@ -1079,12 +1079,12 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
         (s(!0), g(X, null, oe(Me.value, (a, c) => (s(), g("div", {
           key: `left-pivot-group-row-${c}`,
           class: "grid-header-row grid-pane-track grid-header-row--pivot-groups",
-          style: I(i.leftTrackStyle)
+          style: E(i.leftTrackStyle)
         }, [
           i.showIndexColumn ? (s(), g("div", {
             key: 0,
             class: "grid-cell grid-cell--header grid-cell--index grid-cell--index-header grid-cell--header-group grid-cell--header-group-empty",
-            style: I(i.rowIndexColumnStyle),
+            style: E(i.rowIndexColumnStyle),
             "aria-hidden": "true"
           }, null, 4)) : S("", !0),
           (s(!0), g(X, null, oe(a, (T, O) => (s(), g("div", {
@@ -1093,7 +1093,7 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
               "grid-cell--header-group-empty": !T.label,
               "grid-cell--header-group-last": O === a.length - 1
             }]),
-            style: I(xt(T)),
+            style: E(xt(T)),
             "data-datagrid-pivot-group-label": T.label ?? void 0,
             "data-datagrid-pivot-group-span": T.columns.length,
             "data-datagrid-pivot-group-depth": c
@@ -1103,12 +1103,12 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
         ], 4))), 128)),
         f("div", {
           class: "grid-header-row grid-pane-track",
-          style: I(i.leftTrackStyle)
+          style: E(i.leftTrackStyle)
         }, [
           i.showIndexColumn ? (s(), g("div", {
             key: 0,
             class: "grid-cell grid-cell--header grid-cell--index grid-cell--index-header",
-            style: I(i.rowIndexColumnStyle)
+            style: E(i.rowIndexColumnStyle)
           }, [
             To,
             C() ? S("", !0) : (s(), g("div", zo))
@@ -1116,10 +1116,10 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
           k() ? (s(!0), g(X, { key: 1 }, oe(p.value, (a) => (s(), g(X, {
             key: `header-left-${a.key}`
           }, [
-            It(a) ? (s(), g("div", {
+            Et(a) ? (s(), g("div", {
               key: 0,
               class: "grid-cell grid-cell--header grid-cell--pinned-left grid-cell--checkbox grid-cell--row-selection",
-              style: I([R(a.key), we(a)]),
+              style: E([R(a.key), we(a)]),
               "data-column-key": a.key
             }, [
               f("div", Vo, [
@@ -1152,8 +1152,8 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
               rows: D.value,
               items: V(a.key),
               "disabled-items": We(a.key),
-              "disabled-reasons": Ee(a.key),
-              labels: pe(a.key),
+              "disabled-reasons": Ie(a.key),
+              labels: ce(a.key),
               "action-options": ut(a.key),
               "column-key": a.key,
               "column-label": a.column.label ?? a.key,
@@ -1161,8 +1161,8 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
               "sort-direction": ke(a.key),
               "sort-enabled": Ze(a),
               pin: a.pin,
-              grouped: ce(a.key),
-              "group-order": ge(a.key),
+              grouped: ge(a.key),
+              "group-order": pe(a.key),
               "group-enabled": Qe(a),
               "filter-enabled": wt(a),
               "value-filter-row-limit": te.value,
@@ -1184,7 +1184,7 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
                     "grid-cell--header-menu-enabled": !0,
                     "grid-cell--header-menu-open": c
                   }]),
-                  style: I([R(a.key), we(a)]),
+                  style: E([R(a.key), we(a)]),
                   "data-column-key": a.key
                 }, [
                   f("div", Oo, [
@@ -1210,7 +1210,7 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
                       type: "button",
                       class: "col-resize",
                       "aria-label": "Resize column",
-                      onMousedown: y((O) => Ie(O, a.key), ["stop", "prevent"]),
+                      onMousedown: y((O) => Ee(O, a.key), ["stop", "prevent"]),
                       onDblclick: y((O) => Oe(O, a.key), ["stop"]),
                       onClick: o[3] || (o[3] = y(() => {
                       }, ["stop"]))
@@ -1223,10 +1223,10 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
           ], 64))), 128)) : (s(!0), g(X, { key: 2 }, oe(p.value, (a) => (s(), g(X, {
             key: `header-left-${a.key}`
           }, [
-            It(a) ? (s(), g("div", {
+            Et(a) ? (s(), g("div", {
               key: 0,
               class: "grid-cell grid-cell--header grid-cell--pinned-left grid-cell--checkbox grid-cell--row-selection",
-              style: I([R(a.key), we(a)]),
+              style: E([R(a.key), we(a)]),
               "data-column-key": a.key
             }, [
               f("div", Zo, [
@@ -1257,7 +1257,7 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
             ], 12, Yo)) : (s(), g("div", {
               key: 1,
               class: "grid-cell grid-cell--header grid-cell--header-sortable grid-cell--pinned-left",
-              style: I([R(a.key), we(a)]),
+              style: E([R(a.key), we(a)]),
               "data-column-key": a.key,
               onClick: (c) => Ae(a, c.shiftKey)
             }, [
@@ -1273,7 +1273,7 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
                   type: "button",
                   class: "col-resize",
                   "aria-label": "Resize column",
-                  onMousedown: y((c) => Ie(c, a.key), ["stop", "prevent"]),
+                  onMousedown: y((c) => Ee(c, a.key), ["stop", "prevent"]),
                   onDblclick: y((c) => Oe(c, a.key), ["stop"]),
                   onClick: o[6] || (o[6] = y(() => {
                   }, ["stop"]))
@@ -1303,19 +1303,19 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
       f("div", {
         ref: At,
         class: "grid-header-viewport",
-        onScroll: Et,
+        onScroll: It,
         onWheel: o[17] || (o[17] = //@ts-ignore
         (...a) => i.onLinkedViewportWheel && i.onLinkedViewportWheel(...a))
       }, [
         (s(!0), g(X, null, oe(v.value, (a, c) => (s(), g("div", {
           key: `center-pivot-group-row-${c}`,
           class: "grid-header-row grid-center-track grid-header-row--pivot-groups",
-          style: I(H.value)
+          style: E(H.value)
         }, [
           fe.value > 0 ? (s(), g("div", {
             key: 0,
             class: "grid-column-spacer",
-            style: I(m(fe.value))
+            style: E(m(fe.value))
           }, null, 4)) : S("", !0),
           (s(!0), g(X, null, oe(a, (T, O) => (s(), g("div", {
             key: T.key,
@@ -1323,7 +1323,7 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
               "grid-cell--header-group-empty": !T.label,
               "grid-cell--header-group-last": O === a.length - 1 && Z.value <= 0
             }]),
-            style: I(xt(T)),
+            style: E(xt(T)),
             "data-datagrid-pivot-group-label": T.label ?? void 0,
             "data-datagrid-pivot-group-span": T.columns.length,
             "data-datagrid-pivot-group-depth": c
@@ -1333,25 +1333,25 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
           Z.value > 0 ? (s(), g("div", {
             key: 1,
             class: "grid-column-spacer",
-            style: I(m(Z.value))
+            style: E(m(Z.value))
           }, null, 4)) : S("", !0)
         ], 4))), 128)),
         f("div", {
           class: "grid-header-row grid-center-track",
-          style: I(H.value)
+          style: E(H.value)
         }, [
           fe.value > 0 ? (s(), g("div", {
             key: 0,
             class: "grid-column-spacer",
-            style: I(m(fe.value))
+            style: E(m(fe.value))
           }, null, 4)) : S("", !0),
-          k() ? (s(!0), g(X, { key: 1 }, oe(E.value, (a) => (s(), se(zr, {
+          k() ? (s(!0), g(X, { key: 1 }, oe(I.value, (a) => (s(), se(zr, {
             key: Ge(a.key),
             rows: D.value,
             items: V(a.key),
             "disabled-items": We(a.key),
-            "disabled-reasons": Ee(a.key),
-            labels: pe(a.key),
+            "disabled-reasons": Ie(a.key),
+            labels: ce(a.key),
             "action-options": ut(a.key),
             "column-key": a.key,
             "column-label": a.column.label ?? a.key,
@@ -1359,8 +1359,8 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
             "sort-direction": ke(a.key),
             "sort-enabled": Ze(a),
             pin: a.pin,
-            grouped: ce(a.key),
-            "group-order": ge(a.key),
+            grouped: ge(a.key),
+            "group-order": pe(a.key),
             "group-enabled": Qe(a),
             "filter-enabled": wt(a),
             "value-filter-row-limit": te.value,
@@ -1382,7 +1382,7 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
                   "grid-cell--header-menu-enabled": !0,
                   "grid-cell--header-menu-open": c
                 }]),
-                style: I([R(a.key), we(a)]),
+                style: E([R(a.key), we(a)]),
                 "data-column-key": a.key
               }, [
                 f("div", dl, [
@@ -1413,7 +1413,7 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
                     type: "button",
                     class: "col-resize",
                     "aria-label": "Resize column",
-                    onMousedown: y((O) => Ie(O, a.key), ["stop", "prevent"]),
+                    onMousedown: y((O) => Ee(O, a.key), ["stop", "prevent"]),
                     onDblclick: y((O) => Oe(O, a.key), ["stop"]),
                     onClick: o[12] || (o[12] = y(() => {
                     }, ["stop"]))
@@ -1422,10 +1422,10 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
               ], 14, ll)
             ]),
             _: 2
-          }, 1032, ["rows", "items", "disabled-items", "disabled-reasons", "labels", "action-options", "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), g(X, { key: 2 }, oe(E.value, (a) => (s(), g("div", {
+          }, 1032, ["rows", "items", "disabled-items", "disabled-reasons", "labels", "action-options", "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), g(X, { key: 2 }, oe(I.value, (a) => (s(), g("div", {
             key: `header-${a.key}`,
             class: "grid-cell grid-cell--header grid-cell--header-sortable",
-            style: I([R(a.key), we(a)]),
+            style: E([R(a.key), we(a)]),
             "data-column-key": a.key,
             onClick: (c) => Ae(a, c.shiftKey)
           }, [
@@ -1441,7 +1441,7 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
                 type: "button",
                 class: "col-resize",
                 "aria-label": "Resize column",
-                onMousedown: y((c) => Ie(c, a.key), ["stop", "prevent"]),
+                onMousedown: y((c) => Ee(c, a.key), ["stop", "prevent"]),
                 onDblclick: y((c) => Oe(c, a.key), ["stop"]),
                 onClick: o[13] || (o[13] = y(() => {
                 }, ["stop"]))
@@ -1468,13 +1468,13 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
           Z.value > 0 ? (s(), g("div", {
             key: 3,
             class: "grid-column-spacer",
-            style: I(m(Z.value))
+            style: E(m(Z.value))
           }, null, 4)) : S("", !0)
         ], 4)
       ], 32),
       f("div", {
         class: "grid-header-pane grid-header-pane--right",
-        style: I(i.rightPaneStyle),
+        style: E(i.rightPaneStyle),
         onWheel: o[24] || (o[24] = //@ts-ignore
         (...a) => i.onLinkedViewportWheel && i.onLinkedViewportWheel(...a))
       }, [
@@ -1482,7 +1482,7 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
         (s(!0), g(X, null, oe(Se.value, (a, c) => (s(), g("div", {
           key: `right-pivot-group-row-${c}`,
           class: "grid-header-row grid-pane-track grid-header-row--pivot-groups",
-          style: I(i.rightTrackStyle)
+          style: E(i.rightTrackStyle)
         }, [
           (s(!0), g(X, null, oe(a, (T, O) => (s(), g("div", {
             key: T.key,
@@ -1490,7 +1490,7 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
               "grid-cell--header-group-empty": !T.label,
               "grid-cell--header-group-last": O === a.length - 1
             }]),
-            style: I(xt(T)),
+            style: E(xt(T)),
             "data-datagrid-pivot-group-label": T.label ?? void 0,
             "data-datagrid-pivot-group-span": T.columns.length,
             "data-datagrid-pivot-group-depth": c
@@ -1500,15 +1500,15 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
         ], 4))), 128)),
         f("div", {
           class: "grid-header-row grid-pane-track",
-          style: I(i.rightTrackStyle)
+          style: E(i.rightTrackStyle)
         }, [
           k() ? (s(!0), g(X, { key: 0 }, oe(x.value, (a) => (s(), se(zr, {
             key: Ge(a.key),
             rows: D.value,
             items: V(a.key),
             "disabled-items": We(a.key),
-            "disabled-reasons": Ee(a.key),
-            labels: pe(a.key),
+            "disabled-reasons": Ie(a.key),
+            labels: ce(a.key),
             "action-options": ut(a.key),
             "column-key": a.key,
             "column-label": a.column.label ?? a.key,
@@ -1516,8 +1516,8 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
             "sort-direction": ke(a.key),
             "sort-enabled": Ze(a),
             pin: a.pin,
-            grouped: ce(a.key),
-            "group-order": ge(a.key),
+            grouped: ge(a.key),
+            "group-order": pe(a.key),
             "group-enabled": Qe(a),
             "filter-enabled": wt(a),
             "value-filter-row-limit": te.value,
@@ -1539,7 +1539,7 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
                   "grid-cell--header-menu-enabled": !0,
                   "grid-cell--header-menu-open": c
                 }]),
-                style: I([R(a.key), we(a)]),
+                style: E([R(a.key), we(a)]),
                 "data-column-key": a.key
               }, [
                 f("div", Ml, [
@@ -1548,7 +1548,7 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
                     key: 0,
                     class: "col-head__group-badge",
                     title: st(a.key)
-                  }, z(Re(a.key)), 9, El)) : S("", !0),
+                  }, z(Re(a.key)), 9, Il)) : S("", !0),
                   f("button", {
                     type: "button",
                     class: j(["col-menu-trigger", J(a.key, c)]),
@@ -1565,12 +1565,12 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
                       Ct(a.key) ? (s(), g("path", Fl)) : S("", !0),
                       ze(a.key) ? (s(), g("path", $l)) : U(a.key) ? (s(), g("path", Ll)) : (s(), g("path", Tl))
                     ]))
-                  ], 42, Il),
+                  ], 42, El),
                   f("button", {
                     type: "button",
                     class: "col-resize",
                     "aria-label": "Resize column",
-                    onMousedown: y((O) => Ie(O, a.key), ["stop", "prevent"]),
+                    onMousedown: y((O) => Ee(O, a.key), ["stop", "prevent"]),
                     onDblclick: y((O) => Oe(O, a.key), ["stop"]),
                     onClick: o[19] || (o[19] = y(() => {
                     }, ["stop"]))
@@ -1582,7 +1582,7 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
           }, 1032, ["rows", "items", "disabled-items", "disabled-reasons", "labels", "action-options", "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), g(X, { key: 1 }, oe(x.value, (a) => (s(), g("div", {
             key: `header-right-${a.key}`,
             class: "grid-cell grid-cell--header grid-cell--header-sortable grid-cell--pinned-right",
-            style: I([R(a.key), we(a)]),
+            style: E([R(a.key), we(a)]),
             "data-column-key": a.key,
             onClick: (c) => Ae(a, c.shiftKey)
           }, [
@@ -1593,7 +1593,7 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
                 type: "button",
                 class: "col-resize",
                 "aria-label": "Resize column",
-                onMousedown: y((c) => Ie(c, a.key), ["stop", "prevent"]),
+                onMousedown: y((c) => Ee(c, a.key), ["stop", "prevent"]),
                 onDblclick: y((c) => Oe(c, a.key), ["stop"]),
                 onClick: o[20] || (o[20] = y(() => {
                 }, ["stop"]))
@@ -1687,21 +1687,21 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
         (s(!0), g(X, null, oe(i.selectionSegments, (L) => (s(), g("div", {
           key: L.key,
           class: "grid-selection-overlay__segment",
-          style: I(L.style)
+          style: E(L.style)
         }, null, 4))), 128))
       ])) : S("", !0),
       i.fillPreviewSegments.length > 0 ? (s(), g("div", Kl, [
         (s(!0), g(X, null, oe(i.fillPreviewSegments, (L) => (s(), g("div", {
           key: L.key,
           class: "grid-selection-overlay__segment grid-selection-overlay__segment--fill-preview",
-          style: I(L.style)
+          style: E(L.style)
         }, null, 4))), 128))
       ])) : S("", !0),
       i.movePreviewSegments.length > 0 ? (s(), g("div", jl, [
         (s(!0), g(X, null, oe(i.movePreviewSegments, (L) => (s(), g("div", {
           key: L.key,
           class: "grid-selection-overlay__segment grid-selection-overlay__segment--move-preview",
-          style: I(L.style)
+          style: E(L.style)
         }, null, 4))), 128))
       ])) : S("", !0)
     ], 64));
@@ -1764,7 +1764,7 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
   },
   setup(i) {
     const ee = i, A = Hr(), L = ti(), _ = Or(), K = ri(), D = Wr(), B = ai(), {
-      displayRows: E,
+      displayRows: I,
       viewportClass: p,
       viewportRef: x,
       selectionOverlaySegments: w,
@@ -1790,56 +1790,56 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
     }, [
       f("div", {
         class: "grid-body-content",
-        style: I(d(L).gridContentStyle)
+        style: E(d(L).gridContentStyle)
       }, [
         Se.value > 0 ? (s(), g("div", {
           key: 0,
           class: "grid-spacer",
-          style: I({ height: `${Se.value}px` })
+          style: E({ height: `${Se.value}px` })
         }, null, 4)) : S("", !0),
-        (s(!0), g(X, null, oe(d(E), (k, q) => (s(), g("div", {
+        (s(!0), g(X, null, oe(d(I), (k, N) => (s(), g("div", {
           key: String(k.rowId),
-          class: j(["grid-row", [d(D).rowClass(k), d(v).rowStateClasses(k, q), { "grid-row--autosize-probe": d(D).isRowAutosizeProbe(k, d(v).viewportRowOffset(k, q)) }]]),
-          style: I([d(D).rowStyle(k, d(v).viewportRowOffset(k, q)), d(L).mainTrackStyle]),
-          "data-row-index": d(v).absoluteRowIndex(k, q),
+          class: j(["grid-row", [d(D).rowClass(k), d(v).rowStateClasses(k, N), { "grid-row--autosize-probe": d(D).isRowAutosizeProbe(k, d(v).viewportRowOffset(k, N)) }]]),
+          style: E([d(D).rowStyle(k, d(v).viewportRowOffset(k, N)), d(L).mainTrackStyle]),
+          "data-row-index": d(v).absoluteRowIndex(k, N),
           onClick: (R) => d(v).handleRowContainerClick(k),
-          onMouseenter: (R) => d(v).setHoveredRow(k, q)
+          onMouseenter: (R) => d(v).setHoveredRow(k, N)
         }, [
           d(_).leftColumnSpacerWidth > 0 ? (s(), g("div", {
             key: 0,
             class: "grid-column-spacer",
-            style: I(d(v).spacerStyle(d(_).leftColumnSpacerWidth))
+            style: E(d(v).spacerStyle(d(_).leftColumnSpacerWidth))
           }, null, 4)) : S("", !0),
           (s(!0), g(X, null, oe(d(K).renderedColumns, (R) => (s(), g("div", {
             key: `${String(k.rowId)}-${R.key}`,
             class: j(["grid-cell", [
               "datagrid-stage__cell",
-              d(v).builtInCellClasses(k, R),
-              d(v).cellStateClasses(k, d(v).viewportRowOffset(k, q), d(v).columnIndexByKey(R.key)),
-              d(v).resolveCellCustomClass(k, d(v).viewportRowOffset(k, q), R, d(v).columnIndexByKey(R.key))
+              d(v).builtInCellClasses(k, d(v).viewportRowOffset(k, N), R, d(v).columnIndexByKey(R.key)),
+              d(v).cellStateClasses(k, d(v).viewportRowOffset(k, N), d(v).columnIndexByKey(R.key)),
+              d(v).resolveCellCustomClass(k, d(v).viewportRowOffset(k, N), R, d(v).columnIndexByKey(R.key))
             ]]),
-            style: I([
+            style: E([
               d(v).columnStyle(R.key),
               d(v).bodyCellPresentationStyle(R),
-              d(v).bodyCellSelectionStyle(k, R, d(v).viewportRowOffset(k, q), d(v).columnIndexByKey(R.key)),
-              d(v).resolveCellCustomStyle(k, d(v).viewportRowOffset(k, q), R, d(v).columnIndexByKey(R.key))
+              d(v).bodyCellSelectionStyle(k, R, d(v).viewportRowOffset(k, N), d(v).columnIndexByKey(R.key)),
+              d(v).resolveCellCustomStyle(k, d(v).viewportRowOffset(k, N), R, d(v).columnIndexByKey(R.key))
             ]),
             "data-row-id": String(k.rowId),
             "data-column-key": R.key,
-            "data-row-index": d(v).absoluteRowIndex(k, q),
+            "data-row-index": d(v).absoluteRowIndex(k, N),
             "data-column-index": d(v).columnIndexByKey(R.key),
-            tabindex: d(v).cellTabIndex(d(v).viewportRowOffset(k, q), d(v).columnIndexByKey(R.key)),
+            tabindex: d(v).cellTabIndex(d(v).viewportRowOffset(k, N), d(v).columnIndexByKey(R.key)),
             role: d(v).checkboxCellRole(k, R),
             "aria-checked": d(v).checkboxCellAriaChecked(k, R),
-            onMousedown: y(($) => d(v).handleCellMouseDown($, k, d(v).viewportRowOffset(k, q), d(v).columnIndexByKey(R.key)), ["prevent", "stop"]),
-            onClick: y(($) => d(v).handleBodyCellClick($, k, d(v).viewportRowOffset(k, q), R, d(v).columnIndexByKey(R.key)), ["stop"]),
-            onMousemove: ($) => d(v).handleCellMouseMove($, d(v).viewportRowOffset(k, q), d(v).columnIndexByKey(R.key)),
+            onMousedown: y(($) => d(v).handleCellMouseDown($, k, d(v).viewportRowOffset(k, N), d(v).columnIndexByKey(R.key)), ["prevent", "stop"]),
+            onClick: y(($) => d(v).handleBodyCellClick($, k, d(v).viewportRowOffset(k, N), R, d(v).columnIndexByKey(R.key)), ["stop"]),
+            onMousemove: ($) => d(v).handleCellMouseMove($, d(v).viewportRowOffset(k, N), d(v).columnIndexByKey(R.key)),
             onMouseleave: C[13] || (C[13] = //@ts-ignore
             (...$) => d(v).clearRangeMoveHandleHover && d(v).clearRangeMoveHandleHover(...$)),
-            onKeydown: y(($) => d(v).handleCellKeydown($, k, d(v).viewportRowOffset(k, q), d(v).columnIndexByKey(R.key)), ["stop"]),
-            onDblclick: y(($) => d(v).startInlineEditIfAllowed(k, R, d(v).viewportRowOffset(k, q)), ["stop"])
+            onKeydown: y(($) => d(v).handleCellKeydown($, k, d(v).viewportRowOffset(k, N), d(v).columnIndexByKey(R.key)), ["stop"]),
+            onDblclick: y(($) => d(v).startInlineEditIfAllowed(k, R, d(v).viewportRowOffset(k, N)), ["stop"])
           }, [
-            d(A) === "base" && d(v).isCellEditableSafe(k, d(v).viewportRowOffset(k, q), R, d(v).columnIndexByKey(R.key)) && d(v).isFillHandleCellSafe(d(v).viewportRowOffset(k, q), d(v).columnIndexByKey(R.key)) && !d(v).isEditingCellSafe(k, R.key) ? (s(), g("button", {
+            d(A) === "base" && d(v).isCellEditableSafe(k, d(v).viewportRowOffset(k, N), R, d(v).columnIndexByKey(R.key)) && d(v).isFillHandleCellSafe(d(v).viewportRowOffset(k, N), d(v).columnIndexByKey(R.key)) && !d(v).isEditingCellSafe(k, R.key) ? (s(), g("button", {
               key: 0,
               type: "button",
               class: "cell-fill-handle",
@@ -1848,7 +1848,7 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
               onMousedown: C[0] || (C[0] = y(($) => d(v).handleFillHandleMouseDown($), ["stop", "prevent"])),
               onDblclick: C[1] || (C[1] = y(($) => d(v).handleFillHandleDoubleClick($), ["stop", "prevent"]))
             }, null, 32)) : S("", !0),
-            d(v).isSelectEditorCell(k, d(v).viewportRowOffset(k, q), R, d(v).columnIndexByKey(R.key)) ? (s(), se(ii, {
+            d(v).isSelectEditorCell(k, d(v).viewportRowOffset(k, N), R, d(v).columnIndexByKey(R.key)) ? (s(), se(ii, {
               key: 1,
               value: d(v).resolveSelectEditorValue(k, R),
               options: d(v).resolveSelectEditorOptions(k, R),
@@ -1858,7 +1858,7 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
               onCommit: d(v).handleSelectEditorCommit,
               onCancel: d(v).handleSelectEditorCancel,
               onOptionsResolved: ($) => d(v).handleSelectEditorOptionsResolved(k, R, $)
-            }, null, 8, ["value", "options", "load-options", "initial-filter", "open-on-mount", "onCommit", "onCancel", "onOptionsResolved"])) : d(v).isDateEditorCell(k, d(v).viewportRowOffset(k, q), R, d(v).columnIndexByKey(R.key)) ? (s(), g("input", {
+            }, null, 8, ["value", "options", "load-options", "initial-filter", "open-on-mount", "onCommit", "onCancel", "onOptionsResolved"])) : d(v).isDateEditorCell(k, d(v).viewportRowOffset(k, N), R, d(v).columnIndexByKey(R.key)) ? (s(), g("input", {
               key: 2,
               class: "cell-editor-control cell-editor-input cell-editor-input--date",
               type: d(v).resolveDateEditorInputType(k, R),
@@ -1876,7 +1876,7 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
               )),
               onBlur: C[7] || (C[7] = //@ts-ignore
               (...$) => d(v).handleTextEditorBlur && d(v).handleTextEditorBlur(...$))
-            }, null, 40, Ul)) : d(v).isTextEditorCell(k, d(v).viewportRowOffset(k, q), R, d(v).columnIndexByKey(R.key)) ? (s(), g("input", {
+            }, null, 40, Ul)) : d(v).isTextEditorCell(k, d(v).viewportRowOffset(k, N), R, d(v).columnIndexByKey(R.key)) ? (s(), g("input", {
               key: 3,
               class: "cell-editor-control cell-editor-input",
               value: d(B).editingCellValue,
@@ -1907,13 +1907,13 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
           d(_).rightColumnSpacerWidth > 0 ? (s(), g("div", {
             key: 1,
             class: "grid-column-spacer",
-            style: I(d(v).spacerStyle(d(_).rightColumnSpacerWidth))
+            style: E(d(v).spacerStyle(d(_).rightColumnSpacerWidth))
           }, null, 4)) : S("", !0)
         ], 46, Nl))), 128)),
         H.value > 0 ? (s(), g("div", {
           key: 1,
           class: "grid-spacer",
-          style: I({ height: `${H.value}px` })
+          style: E({ height: `${H.value}px` })
         }, null, 4)) : S("", !0),
         _e(ni, {
           "selection-segments": d(w),
@@ -1948,7 +1948,7 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
     return (D, B) => i.style ? (s(), g("div", {
       key: 0,
       class: "grid-fill-action grid-fill-action--floating",
-      style: I(i.style)
+      style: E(i.style)
     }, [
       f("button", {
         type: "button",
@@ -1959,7 +1959,7 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
         tabindex: "-1",
         onMousedown: B[0] || (B[0] = y(() => {
         }, ["stop"])),
-        onClick: B[1] || (B[1] = y((E) => A("toggle", E), ["stop"]))
+        onClick: B[1] || (B[1] = y((I) => A("toggle", I), ["stop"]))
       }, " v ", 40, Yl),
       i.isOpen ? (s(), g("div", Zl, [
         f("button", {
@@ -1967,14 +1967,14 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
           class: j(["grid-fill-action__item", { "grid-fill-action__item--active": _.value === "series" }]),
           role: "menuitemradio",
           "aria-checked": _.value === "series" ? "true" : "false",
-          onClick: B[2] || (B[2] = y((E) => K("series"), ["stop"]))
+          onClick: B[2] || (B[2] = y((I) => K("series"), ["stop"]))
         }, " Series ", 10, Ql),
         f("button", {
           type: "button",
           class: j(["grid-fill-action__item", { "grid-fill-action__item--active": _.value === "copy" }]),
           role: "menuitemradio",
           "aria-checked": _.value === "copy" ? "true" : "false",
-          onClick: B[3] || (B[3] = y((E) => K("copy"), ["stop"]))
+          onClick: B[3] || (B[3] = y((I) => K("copy"), ["stop"]))
         }, " Copy ", 10, Jl)
       ])) : S("", !0)
     ], 4)) : S("", !0);
@@ -1997,29 +1997,29 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
   },
   setup(i) {
     const ee = i, A = Hr(), L = Or(), _ = Wr(), K = ai(), D = ee.handleContextMenu;
-    return (B, E) => (s(), g("div", {
+    return (B, I) => (s(), g("div", {
       class: j(["grid-body-pane", i.pane.side === "left" ? "grid-body-pane--left" : "grid-body-pane--right"]),
-      style: I(i.pane.style),
-      onWheel: E[15] || (E[15] = //@ts-ignore
+      style: E(i.pane.style),
+      onWheel: I[15] || (I[15] = //@ts-ignore
       (...p) => i.renderApi.handleLinkedViewportWheel && i.renderApi.handleLinkedViewportWheel(...p))
     }, [
       Xt(B.$slots, "chrome"),
       f("div", {
         ref: i.pane.contentRef ?? void 0,
         class: "grid-pane-content",
-        style: I(i.pane.contentStyle),
-        onContextmenu: E[14] || (E[14] = //@ts-ignore
+        style: E(i.pane.contentStyle),
+        onContextmenu: I[14] || (I[14] = //@ts-ignore
         (...p) => d(D) && d(D)(...p))
       }, [
         (i.pane.topSpacerHeight ?? d(L).topSpacerHeight) > 0 ? (s(), g("div", {
           key: 0,
           class: "grid-spacer",
-          style: I({ height: `${i.pane.topSpacerHeight ?? d(L).topSpacerHeight}px` })
+          style: E({ height: `${i.pane.topSpacerHeight ?? d(L).topSpacerHeight}px` })
         }, null, 4)) : S("", !0),
         (s(!0), g(X, null, oe(i.pane.displayRows, (p, x) => (s(), g("div", {
           key: `${String(p.rowId)}-${i.pane.side}-row`,
           class: j(["grid-row", [d(_).rowClass(p), i.renderApi.rowStateClasses(p, x), { "grid-row--autosize-probe": d(_).isRowAutosizeProbe(p, i.renderApi.viewportRowOffset(p, x)) }]]),
-          style: I(i.renderApi.paneRowStyle(p, x, i.pane.width)),
+          style: E(i.renderApi.paneRowStyle(p, x, i.pane.width)),
           "data-row-index": i.renderApi.absoluteRowIndex(p, x),
           onClick: (w) => i.renderApi.handleRowContainerClick(p),
           onMouseenter: (w) => i.renderApi.setHoveredRow(p, x)
@@ -2027,7 +2027,7 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
           i.pane.showIndexColumn ? (s(), g("div", {
             key: 0,
             class: j(["grid-cell grid-cell--index grid-cell--index-number datagrid-stage__row-index-cell", { "grid-cell--index-selected": i.renderApi.isFullRowSelectionSafe(i.renderApi.viewportRowOffset(p, x)) }]),
-            style: I(i.renderApi.rowIndexCellStyle(p, i.renderApi.viewportRowOffset(p, x))),
+            style: E(i.renderApi.rowIndexCellStyle(p, i.renderApi.viewportRowOffset(p, x))),
             "data-row-id": String(p.rowId),
             "data-row-index": i.renderApi.absoluteRowIndex(p, x),
             tabindex: i.renderApi.rowIndexTabIndex(p),
@@ -2049,11 +2049,11 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
             class: j(["grid-cell", [
               "datagrid-stage__cell",
               i.pane.side === "left" ? "grid-cell--pinned-left" : "grid-cell--pinned-right",
-              i.renderApi.builtInCellClasses(p, w),
+              i.renderApi.builtInCellClasses(p, i.renderApi.viewportRowOffset(p, x), w, i.renderApi.columnIndexByKey(w.key)),
               i.renderApi.cellStateClasses(p, i.renderApi.viewportRowOffset(p, x), i.renderApi.columnIndexByKey(w.key)),
               i.renderApi.resolveCellCustomClass(p, i.renderApi.viewportRowOffset(p, x), w, i.renderApi.columnIndexByKey(w.key))
             ]]),
-            style: I([
+            style: E([
               i.renderApi.columnStyle(w.key),
               i.renderApi.bodyCellPresentationStyle(w),
               i.renderApi.bodyCellSelectionStyle(p, w, i.renderApi.viewportRowOffset(p, x), i.renderApi.columnIndexByKey(w.key)),
@@ -2069,7 +2069,7 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
             onMousedown: y((F) => i.renderApi.handleCellMouseDown(F, p, i.renderApi.viewportRowOffset(p, x), i.renderApi.columnIndexByKey(w.key)), ["prevent", "stop"]),
             onClick: y((F) => i.renderApi.handleBodyCellClick(F, p, i.renderApi.viewportRowOffset(p, x), w, i.renderApi.columnIndexByKey(w.key)), ["stop"]),
             onMousemove: (F) => i.renderApi.handleCellMouseMove(F, i.renderApi.viewportRowOffset(p, x), i.renderApi.columnIndexByKey(w.key)),
-            onMouseleave: E[13] || (E[13] = (F) => i.renderApi.clearRangeMoveHandleHover()),
+            onMouseleave: I[13] || (I[13] = (F) => i.renderApi.clearRangeMoveHandleHover()),
             onKeydown: y((F) => i.renderApi.handleCellKeydown(F, p, i.renderApi.viewportRowOffset(p, x), i.renderApi.columnIndexByKey(w.key)), ["stop"]),
             onDblclick: y((F) => i.renderApi.startInlineEditIfAllowed(p, w, i.renderApi.viewportRowOffset(p, x)), ["stop"])
           }, [
@@ -2079,8 +2079,8 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
               class: "cell-fill-handle",
               "aria-label": "Fill handle",
               tabindex: "-1",
-              onMousedown: E[0] || (E[0] = y((F) => i.renderApi.handleFillHandleMouseDown(F), ["stop", "prevent"])),
-              onDblclick: E[1] || (E[1] = y((F) => i.renderApi.handleFillHandleDoubleClick(F), ["stop", "prevent"]))
+              onMousedown: I[0] || (I[0] = y((F) => i.renderApi.handleFillHandleMouseDown(F), ["stop", "prevent"])),
+              onDblclick: I[1] || (I[1] = y((F) => i.renderApi.handleFillHandleDoubleClick(F), ["stop", "prevent"]))
             }, null, 32)) : S("", !0),
             i.renderApi.isSelectEditorCell(p, i.renderApi.viewportRowOffset(p, x), w, i.renderApi.columnIndexByKey(w.key)) ? (s(), se(ii, {
               key: 1,
@@ -2097,34 +2097,34 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
               class: "cell-editor-control cell-editor-input cell-editor-input--date",
               type: i.renderApi.resolveDateEditorInputType(p, w),
               value: d(K).editingCellValue,
-              onMousedown: E[2] || (E[2] = y(() => {
+              onMousedown: I[2] || (I[2] = y(() => {
               }, ["stop"])),
-              onClick: E[3] || (E[3] = y(() => {
+              onClick: I[3] || (I[3] = y(() => {
               }, ["stop"])),
-              onInput: E[4] || (E[4] = (F) => i.renderApi.updateEditingCellValue(F.target.value)),
-              onChange: E[5] || (E[5] = (F) => i.renderApi.handleDateEditorChange(F.target.value)),
-              onKeydown: E[6] || (E[6] = y(
+              onInput: I[4] || (I[4] = (F) => i.renderApi.updateEditingCellValue(F.target.value)),
+              onChange: I[5] || (I[5] = (F) => i.renderApi.handleDateEditorChange(F.target.value)),
+              onKeydown: I[6] || (I[6] = y(
                 //@ts-ignore
                 (...F) => i.renderApi.handleEditorKeydown && i.renderApi.handleEditorKeydown(...F),
                 ["stop"]
               )),
-              onBlur: E[7] || (E[7] = //@ts-ignore
+              onBlur: I[7] || (I[7] = //@ts-ignore
               (...F) => i.renderApi.handleTextEditorBlur && i.renderApi.handleTextEditorBlur(...F))
             }, null, 40, nd)) : i.renderApi.isTextEditorCell(p, i.renderApi.viewportRowOffset(p, x), w, i.renderApi.columnIndexByKey(w.key)) ? (s(), g("input", {
               key: 3,
               class: "cell-editor-control cell-editor-input",
               value: d(K).editingCellValue,
-              onMousedown: E[8] || (E[8] = y(() => {
+              onMousedown: I[8] || (I[8] = y(() => {
               }, ["stop"])),
-              onClick: E[9] || (E[9] = y(() => {
+              onClick: I[9] || (I[9] = y(() => {
               }, ["stop"])),
-              onInput: E[10] || (E[10] = (F) => i.renderApi.updateEditingCellValue(F.target.value)),
-              onKeydown: E[11] || (E[11] = y(
+              onInput: I[10] || (I[10] = (F) => i.renderApi.updateEditingCellValue(F.target.value)),
+              onKeydown: I[11] || (I[11] = y(
                 //@ts-ignore
                 (...F) => i.renderApi.handleEditorKeydown && i.renderApi.handleEditorKeydown(...F),
                 ["stop"]
               )),
-              onBlur: E[12] || (E[12] = //@ts-ignore
+              onBlur: I[12] || (I[12] = //@ts-ignore
               (...F) => i.renderApi.handleTextEditorBlur && i.renderApi.handleTextEditorBlur(...F))
             }, null, 40, od)) : i.renderApi.shouldRenderCheckboxCell(p, w) ? (s(), g("span", {
               key: 4,
@@ -2142,7 +2142,7 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
         (i.pane.bottomSpacerHeight ?? d(L).bottomSpacerHeight) > 0 ? (s(), g("div", {
           key: 1,
           class: "grid-spacer",
-          style: I({ height: `${i.pane.bottomSpacerHeight ?? d(L).bottomSpacerHeight}px` })
+          style: E({ height: `${i.pane.bottomSpacerHeight ?? d(L).bottomSpacerHeight}px` })
         }, null, 4)) : S("", !0),
         _e(ni, {
           "selection-segments": i.pane.selectionOverlaySegments,
@@ -4856,11 +4856,11 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
   },
   setup(i, { expose: ee }) {
     ld();
-    const A = i, L = A.stageContext ?? Io(
+    const A = i, L = A.stageContext ?? Eo(
       A
     );
     Bo(L);
-    const _ = L.mode, K = L.rowHeightMode, D = L.layout, B = L.viewport, E = L.columns, p = L.rows, x = L.selection, w = L.editing, F = L.cells, Me = L.interaction, v = u(() => E.value?.visibleColumns ?? []), Se = u(() => E.value?.renderedColumns ?? []), H = u(() => p.value?.displayRows ?? []), fe = u(() => p.value?.pinnedBottomRows ?? []), Z = u(() => x.value?.selectionRange ?? null), Q = u(() => x.value?.isFillDragging === !0);
+    const _ = L.mode, K = L.rowHeightMode, D = L.layout, B = L.viewport, I = L.columns, p = L.rows, x = L.selection, w = L.editing, F = L.cells, Me = L.interaction, v = u(() => I.value?.visibleColumns ?? []), Se = u(() => I.value?.renderedColumns ?? []), H = u(() => p.value?.displayRows ?? []), fe = u(() => p.value?.pinnedBottomRows ?? []), Z = u(() => x.value?.selectionRange ?? null), Q = u(() => x.value?.isFillDragging === !0);
     function ye(e) {
       return D.value.columnStyle(e);
     }
@@ -4873,7 +4873,7 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
     function k(e, t, r, l) {
       Me.value.handleCellMouseDown(e, t, r, l);
     }
-    function q(e, t, r, l) {
+    function N(e, t, r, l) {
       Me.value.handleCellKeydown(e, t, r, l);
     }
     const R = P(/* @__PURE__ */ new Map());
@@ -4910,7 +4910,7 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
     function lt(e) {
       return !!e && typeof e == "object";
     }
-    function Ie(e) {
+    function Ee(e) {
       return typeof e == "object" && e !== null && "then" in e && typeof e.then == "function";
     }
     function Oe(e) {
@@ -4929,7 +4929,7 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
         backgroundRepeat: "no-repeat"
       } : null;
     }
-    function Et(e, t, r, l) {
+    function It(e, t, r, l) {
       if (J(r, l))
         return t.pin === "left" ? { background: "var(--datagrid-pinned-left-bg)" } : t.pin === "right" ? { background: "var(--datagrid-pinned-right-bg)" } : { background: "var(--datagrid-row-background-color)" };
       if (re(r, l))
@@ -4937,7 +4937,7 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
       const b = At(e, r);
       return b || {};
     }
-    function It(e, t) {
+    function Et(e, t) {
       const r = At(e, t);
       return r ? {
         ...Ve.value,
@@ -4952,7 +4952,7 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
     }
     function Qe(e, t, r) {
       const l = Ue(t.key);
-      r < 0 || !pe(e, r, t, l) || w.value.startInlineEdit(
+      r < 0 || !ce(e, r, t, l) || w.value.startInlineEdit(
         e,
         t.key,
         rt(e, t) === "select" ? { openOnMount: !0 } : void 0
@@ -4998,10 +4998,10 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
     function Je() {
       return B.value?.viewportRowStart ?? 0;
     }
-    function ce() {
+    function ge() {
       return B.value?.leftColumnSpacerWidth ?? 0;
     }
-    function ge() {
+    function pe() {
       return B.value?.rightColumnSpacerWidth ?? 0;
     }
     function Re() {
@@ -5058,11 +5058,11 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
       const l = F.value.isCellOnPendingClipboardEdge;
       return typeof l == "function" ? l(e, t, r) : !1;
     }
-    function Ee(e, t) {
+    function Ie(e, t) {
       const r = w.value.isEditingCell;
       return typeof r == "function" ? r(e, t) : !1;
     }
-    function pe(e, t, r, l) {
+    function ce(e, t, r, l) {
       const b = F.value.isCellEditable;
       return typeof b == "function" ? b(e, t, r, l) : Oe(r);
     }
@@ -5162,13 +5162,13 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
       const r = F.value.readCell(e, t.key).trim().toLowerCase();
       return r === "true" || r === "1" || r === "yes" || r === "on";
     }
-    function ia(e, t) {
-      const r = e.kind !== "group" ? rt(e, t) : "none";
+    function ia(e, t, r, l) {
+      const b = e.kind !== "group" ? rt(e, r) : "none", h = ce(e, t, r, l);
       return {
-        "grid-cell--checkbox": jt(e, t),
-        "grid-cell--row-selection": aa(t),
-        "grid-cell--select": r === "select",
-        "grid-cell--date": r === "date" || r === "datetime"
+        "grid-cell--checkbox": jt(e, r),
+        "grid-cell--row-selection": aa(r),
+        "grid-cell--select": h && b === "select",
+        "grid-cell--date": h && (b === "date" || b === "datetime")
       };
     }
     function na(e, t) {
@@ -5230,16 +5230,16 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
     }
     function ga(e, t) {
       const r = xr(e, t);
-      return Array.isArray(r) ? r.map(yr) : Ie(r) ? ua(e, t.key) : [];
+      return Array.isArray(r) ? r.map(yr) : Ee(r) ? ua(e, t.key) : [];
     }
     function pa(e, t) {
       if (e.kind === "group")
         return;
       const r = xr(e, t);
-      if (Ie(r))
+      if (Ee(r))
         return async (l) => {
           const b = xr(e, t);
-          if (Ie(b)) {
+          if (Ee(b)) {
             const h = await b;
             return Array.isArray(h) ? h.map(yr) : [];
           }
@@ -5271,17 +5271,17 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
       return r == null ? "" : String(r);
     }
     function ba(e, t, r, l) {
-      return pe(e, t, r, l) && Ee(e, r.key) && rt(e, r) === "select";
+      return ce(e, t, r, l) && Ie(e, r.key) && rt(e, r) === "select";
     }
     function fa(e, t, r, l) {
       const b = rt(e, r);
-      return pe(e, t, r, l) && Ee(e, r.key) && (b === "date" || b === "datetime");
+      return ce(e, t, r, l) && Ie(e, r.key) && (b === "date" || b === "datetime");
     }
     function ya(e, t) {
       return rt(e, t) === "datetime" ? "datetime-local" : "date";
     }
     function xa(e, t, r, l) {
-      return pe(e, t, r, l) && Ee(e, r.key) && rt(e, r) === "text";
+      return ce(e, t, r, l) && Ie(e, r.key) && rt(e, r) === "text";
     }
     function wa(e, t = "stay") {
       w.value.updateEditingCellValue(e), w.value.commitInlineEdit(t);
@@ -5372,7 +5372,7 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
         return;
       }
       if (pi(t), t.kind !== "group") {
-        if (!Ee(t, l.key) && (wt(e, t, l) || we(e, t, l))) {
+        if (!Ie(t, l.key) && (wt(e, t, l) || we(e, t, l))) {
           Qe(t, l, r);
           return;
         }
@@ -5424,13 +5424,13 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
       }
       return null;
     }
-    function Ea() {
+    function Ia() {
       return Qt()?.querySelector(".grid-header-viewport") ?? null;
     }
     function Qt() {
       return o.value?.querySelector(".grid-header-shell") ?? null;
     }
-    function Ia(e) {
+    function Ea(e) {
       if (!e)
         return null;
       const t = wr(e.rowIndex, e.columnIndex), r = T.value?.getBoundingClientRect();
@@ -5498,7 +5498,7 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
         return;
       Cr(e);
       const r = e.getBoundingClientRect(), l = t.getBoundingClientRect();
-      mr.value = Math.max(0, r.top - l.top), Ot.value = Qt()?.getBoundingClientRect().height ?? 0, pr.value = Ea()?.clientWidth ?? vt.value, Ba(), _r();
+      mr.value = Math.max(0, r.top - l.top), Ot.value = Qt()?.getBoundingClientRect().height ?? 0, pr.value = Ia()?.clientWidth ?? vt.value, Ba(), _r();
     }
     function _i() {
       return typeof window > "u" ? 1 : Math.max(1, window.devicePixelRatio || 1);
@@ -5622,18 +5622,18 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
       ht && (Pt(ht, t.center), zt(ht, t.center, r, h), it(ht, t.center, l, M));
       const $e = at(Ur.value, t.right.width, t.right.height);
       $e && (Pt($e, t.right), zt($e, t.right, r, h), it($e, t.right, l, M));
-      const le = Ei.value, be = at(
+      const le = Ii.value, be = at(
         Xr.value,
         le.left.width,
         le.left.height
       );
       be && (Pt(be, le.left), zt(be, le.left, r, h), it(be, le.left, l, M));
-      const N = at(
+      const q = at(
         Yr.value,
         le.center.width,
         le.center.height
       );
-      N && (Pt(N, le.center), zt(N, le.center, r, h), it(N, le.center, l, M));
+      q && (Pt(q, le.center), zt(q, le.center, r, h), it(q, le.center, l, M));
       const de = at(
         Zr.value,
         le.right.width,
@@ -5658,7 +5658,7 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
       })), Ne.disconnect(), a.value && Ne.observe(a.value), c.value && Ne.observe(c.value), T.value && Ne.observe(T.value);
       const e = Qt();
       e && Ne.observe(e);
-      const t = Ea();
+      const t = Ia();
       t && Ne.observe(t);
     }
     const Ri = u(() => Tr({
@@ -5674,9 +5674,9 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
         ...(ve.value ?? []).map(Y)
       ].filter((e) => e > 0),
       centerColumnWidths: [
-        ce(),
+        ge(),
         ...(Se.value ?? []).map(Y),
-        ge()
+        pe()
       ].filter((e) => e > 0),
       rightColumnWidths: (me.value ?? []).map(Y),
       centerScrollLeft: Rt.value
@@ -5692,9 +5692,9 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
         ...(ve.value ?? []).map(Y)
       ].filter((e) => e > 0),
       centerColumnWidths: [
-        ce(),
+        ge(),
         ...(Se.value ?? []).map(Y),
-        ge()
+        pe()
       ].filter((e) => e > 0),
       rightColumnWidths: (me.value ?? []).map(Y),
       centerScrollLeft: Rt.value
@@ -5710,7 +5710,7 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
     function Ai() {
       return Ta.value ?? [];
     }
-    const Ei = u(() => Tr({
+    const Ii = u(() => Tr({
       rowMetrics: Hi(),
       rowBands: Ai(),
       scrollTop: 0,
@@ -5723,9 +5723,9 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
         ...(ve.value ?? []).map(Y)
       ].filter((e) => e > 0),
       centerColumnWidths: [
-        ce(),
+        ge(),
         ...(Se.value ?? []).map(Y),
-        ge()
+        pe()
       ].filter((e) => e > 0),
       rightColumnWidths: (me.value ?? []).map(Y),
       centerScrollLeft: Rt.value
@@ -5733,12 +5733,12 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
     function mt(e, t, r) {
       return r < t ? t : Math.min(Math.max(e, t), r);
     }
-    const Ii = u(() => v.value.filter((e) => e.pin !== "left" && e.pin !== "right")), er = u(() => vt.value > 0 ? vt.value : xe(D.value.gridContentStyle.width ?? D.value.gridContentStyle.minWidth, 0));
+    const Ei = u(() => v.value.filter((e) => e.pin !== "left" && e.pin !== "right")), er = u(() => vt.value > 0 ? vt.value : xe(D.value.gridContentStyle.width ?? D.value.gridContentStyle.minWidth, 0));
     function za() {
       const e = x.value.fillActionAnchorCell;
       if (!e)
         return null;
-      const t = Je(), r = Je() + Math.max(0, H.value.length - 1), l = Z.value, b = l ? Math.min(l.startRow, l.endRow) : e.rowIndex, h = l ? Math.max(l.startRow, l.endRow) : e.rowIndex, M = l ? Math.min(l.startColumn, l.endColumn) : e.columnIndex, G = l ? Math.max(l.startColumn, l.endColumn) : e.columnIndex, ie = Math.max(b, t), he = Math.min(h, r), Fe = ie <= he ? mt(e.rowIndex, ie, he) : e.rowIndex, ht = new Set((Se.value ?? []).map((be) => be.key)), $e = v.value.map((be, N) => ({ column: be, columnIndex: N })).filter(({ column: be, columnIndex: N }) => N < M || N > G ? !1 : be.pin === "left" || be.pin === "right" || ht.has(be.key)).map(({ columnIndex: be }) => be), le = $e.length > 0 ? mt(
+      const t = Je(), r = Je() + Math.max(0, H.value.length - 1), l = Z.value, b = l ? Math.min(l.startRow, l.endRow) : e.rowIndex, h = l ? Math.max(l.startRow, l.endRow) : e.rowIndex, M = l ? Math.min(l.startColumn, l.endColumn) : e.columnIndex, G = l ? Math.max(l.startColumn, l.endColumn) : e.columnIndex, ie = Math.max(b, t), he = Math.min(h, r), Fe = ie <= he ? mt(e.rowIndex, ie, he) : e.rowIndex, ht = new Set((Se.value ?? []).map((be) => be.key)), $e = v.value.map((be, q) => ({ column: be, columnIndex: q })).filter(({ column: be, columnIndex: q }) => q < M || q > G ? !1 : be.pin === "left" || be.pin === "right" || ht.has(be.key)).map(({ columnIndex: be }) => be), le = $e.length > 0 ? mt(
         e.columnIndex,
         $e[0] ?? e.columnIndex,
         $e[$e.length - 1] ?? e.columnIndex
@@ -5752,7 +5752,7 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
       const e = za() ?? x.value.fillActionAnchorCell;
       if (!e)
         return null;
-      const t = Ia(e);
+      const t = Ea(e);
       if (t)
         return mt(
           t.right - He,
@@ -5789,7 +5789,7 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
         );
       }
       let l = W.value - Rt.value;
-      for (const M of Ii.value)
+      for (const M of Ei.value)
         if (l += Y(M), M.key === r.key)
           break;
       const b = W.value + Le, h = W.value + er.value - He - Le;
@@ -5802,7 +5802,7 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
       ), r = x.value.fillActionAnchorCell, l = za();
       if (r && l && r.rowIndex !== l.rowIndex)
         return t;
-      const b = Ia(l);
+      const b = Ea(l);
       if (b)
         return mt(
           b.bottom - He - Vr,
@@ -5901,9 +5901,9 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
     function Da(e) {
       Sr.onBodyViewportWheel(e);
     }
-    En(() => {
+    In(() => {
       Jr(!1), Nt.reset(), Sr.reset(), Lt !== 0 && typeof window < "u" && (window.cancelAnimationFrame(Lt), Lt = 0), Ne?.disconnect(), Ne = null, typeof window < "u" && window.removeEventListener("resize", Tt);
-    }), In(() => {
+    }), En(() => {
       Tt(), La(), Vt(), typeof window < "u" && window.addEventListener("resize", Tt);
     });
     const zi = u(() => ({
@@ -5970,9 +5970,9 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
       Ce.value,
       ...(ve.value ?? []).map(Y)
     ].join("|")), qi = u(() => [
-      ce(),
+      ge(),
       ...(Se.value ?? []).map(Y),
-      ge()
+      pe()
     ].join("|")), Ui = u(() => (me.value ?? []).map(Y).join("|")), Xi = u(() => Jt.value ? v.value.map((e) => `${e.key}:${ot(e)?.groupLabels?.join(">") ?? ""}`).join("|") : "none");
     nt(
       () => [
@@ -6134,19 +6134,19 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
         return [];
       const M = e.top <= 0 ? 0 : 1, G = b > 0 && e.top + e.height >= b ? 0 : 1;
       if (t === "left") {
-        const N = ve.value.filter((bt) => {
+        const q = ve.value.filter((bt) => {
           const De = Ue(bt.key);
           return De >= e.startColumnIndex && De <= e.endColumnIndex;
         });
-        if (N.length === 0)
+        if (q.length === 0)
           return [];
         let de = Ce.value;
         for (const bt of ve.value) {
-          if (bt.key === N[0]?.key)
+          if (bt.key === q[0]?.key)
             break;
           de += Y(bt);
         }
-        const Ut = N.reduce((bt, De) => bt + Y(De), 0), $r = Ue(N[N.length - 1]?.key ?? ""), ir = W.value, nr = de <= 0 ? 0 : 1, Lr = ir > 0 && de + Ut >= ir ? 0 : 1;
+        const Ut = q.reduce((bt, De) => bt + Y(De), 0), $r = Ue(q[q.length - 1]?.key ?? ""), ir = W.value, nr = de <= 0 ? 0 : 1, Lr = ir > 0 && de + Ut >= ir ? 0 : 1;
         return [
           Rr(
             `${r}-left-${e.startRowOffset}-${e.endRowOffset}`,
@@ -6169,19 +6169,19 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
         ];
       }
       if (t === "center") {
-        const N = Se.value.filter((De) => {
+        const q = Se.value.filter((De) => {
           const or = Ue(De.key);
           return or >= e.startColumnIndex && or <= e.endColumnIndex;
         });
-        if (N.length === 0)
+        if (q.length === 0)
           return [];
-        let de = ce();
+        let de = ge();
         for (const De of Se.value) {
-          if (De.key === N[0]?.key)
+          if (De.key === q[0]?.key)
             break;
           de += Y(De);
         }
-        const Ut = N.reduce((De, or) => De + Y(or), 0), $r = Ue(N[0]?.key ?? ""), ir = Ue(N[N.length - 1]?.key ?? ""), nr = Math.max(
+        const Ut = q.reduce((De, or) => De + Y(or), 0), $r = Ue(q[0]?.key ?? ""), ir = Ue(q[q.length - 1]?.key ?? ""), nr = Math.max(
           0,
           xe(D.value.gridContentStyle.width ?? D.value.gridContentStyle.minWidth, 0)
         ), Lr = de <= 0 ? 0 : 1, bt = nr > 0 && de + Ut >= nr ? 0 : 1;
@@ -6207,19 +6207,19 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
           )
         ];
       }
-      const ie = me.value.filter((N) => {
-        const de = Ue(N.key);
+      const ie = me.value.filter((q) => {
+        const de = Ue(q.key);
         return de >= e.startColumnIndex && de <= e.endColumnIndex;
       });
       if (ie.length === 0)
         return [];
       let he = 0;
-      for (const N of me.value) {
-        if (N.key === ie[0]?.key)
+      for (const q of me.value) {
+        if (q.key === ie[0]?.key)
           break;
-        he += Y(N);
+        he += Y(q);
       }
-      const Fe = ie.reduce((N, de) => N + Y(de), 0), ht = Ue(ie[0]?.key ?? ""), $e = ne.value, le = he <= 0 ? 0 : 1, be = $e > 0 && he + Fe >= $e ? 0 : 1;
+      const Fe = ie.reduce((q, de) => q + Y(de), 0), ht = Ue(ie[0]?.key ?? ""), $e = ne.value, le = he <= 0 ? 0 : 1, be = $e > 0 && he + Fe >= $e ? 0 : 1;
       return [
         Rr(
           `${r}-right-${e.startRowOffset}-${e.endRowOffset}`,
@@ -6241,7 +6241,7 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
         )
       ];
     }
-    const qa = u(() => !x.value.isRangeMoving || !x.value.rangeMovePreviewRange || Ji(x.value.rangeMovePreviewRange, Z.value) ? null : x.value.rangeMovePreviewRange), tn = u(() => tr.value ? Na(Ga.value, tr.value) : null), Mr = u(() => tr.value ? null : Ht(Ga.value)), Ar = u(() => Ht(tn.value)), Er = u(() => Ht(en(qa.value))), Ir = u(() => tr.value ? null : Ht(
+    const qa = u(() => !x.value.isRangeMoving || !x.value.rangeMovePreviewRange || Ji(x.value.rangeMovePreviewRange, Z.value) ? null : x.value.rangeMovePreviewRange), tn = u(() => tr.value ? Na(Ga.value, tr.value) : null), Mr = u(() => tr.value ? null : Ht(Ga.value)), Ar = u(() => Ht(tn.value)), Ir = u(() => Ht(en(qa.value))), Er = u(() => tr.value ? null : Ht(
       rr(Z.value),
       Dt.value
     )), Br = u(() => Ht(
@@ -6259,11 +6259,11 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
       borderColor: "var(--datagrid-selection-overlay-border)"
     })), nn = u(() => ue(Mr.value, "right", "selection", {
       borderColor: "var(--datagrid-selection-overlay-border)"
-    })), on = u(() => ue(Ir.value, "left", "selection", {
+    })), on = u(() => ue(Er.value, "left", "selection", {
       borderColor: "var(--datagrid-selection-overlay-border)"
-    }, c.value?.clientHeight ?? 0)), ln = u(() => ue(Ir.value, "center", "selection", {
+    }, c.value?.clientHeight ?? 0)), ln = u(() => ue(Er.value, "center", "selection", {
       borderColor: "var(--datagrid-selection-overlay-border)"
-    }, c.value?.clientHeight ?? 0)), dn = u(() => ue(Ir.value, "right", "selection", {
+    }, c.value?.clientHeight ?? 0)), dn = u(() => ue(Er.value, "right", "selection", {
       borderColor: "var(--datagrid-selection-overlay-border)"
     }, c.value?.clientHeight ?? 0)), sn = u(() => ue(Ar.value, "left", "fill-preview", {
       borderColor: "var(--datagrid-selection-overlay-fill-border)",
@@ -6283,15 +6283,15 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
     }, c.value?.clientHeight ?? 0)), vn = u(() => ue(Br.value, "right", "fill-preview", {
       borderColor: "var(--datagrid-selection-overlay-fill-border)",
       backgroundColor: "var(--datagrid-selection-overlay-fill-bg)"
-    }, c.value?.clientHeight ?? 0)), mn = u(() => ue(Er.value, "left", "move-preview", {
+    }, c.value?.clientHeight ?? 0)), mn = u(() => ue(Ir.value, "left", "move-preview", {
       borderColor: "var(--datagrid-selection-overlay-move-border)",
       backgroundColor: "var(--datagrid-selection-overlay-move-bg)",
       borderStyle: "dashed"
-    })), hn = u(() => ue(Er.value, "center", "move-preview", {
+    })), hn = u(() => ue(Ir.value, "center", "move-preview", {
       borderColor: "var(--datagrid-selection-overlay-move-border)",
       backgroundColor: "var(--datagrid-selection-overlay-move-bg)",
       borderStyle: "dashed"
-    })), bn = u(() => ue(Er.value, "right", "move-preview", {
+    })), bn = u(() => ue(Ir.value, "right", "move-preview", {
       borderColor: "var(--datagrid-selection-overlay-move-border)",
       backgroundColor: "var(--datagrid-selection-overlay-move-bg)",
       borderStyle: "dashed"
@@ -6319,7 +6319,7 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
       get rowIndexColumnStyle() {
         return Ve.value;
       },
-      rowIndexCellStyle: It,
+      rowIndexCellStyle: Et,
       rowIndexTabIndex: dt,
       handleRowIndexClickSafe: si,
       handleRowIndexKeydown: ui,
@@ -6328,7 +6328,7 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
       resolveCellCustomClass: Ze,
       columnStyle: ye,
       bodyCellPresentationStyle: Te,
-      bodyCellSelectionStyle: Et,
+      bodyCellSelectionStyle: It,
       resolveCellCustomStyle: Be,
       columnIndexByKey: Ue,
       cellTabIndex: Ae,
@@ -6338,11 +6338,11 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
       handleBodyCellClick: Aa,
       handleCellMouseMove: Ma,
       clearRangeMoveHandleHover: Gt,
-      handleCellKeydown: q,
+      handleCellKeydown: N,
       startInlineEditIfAllowed: Qe,
-      isCellEditableSafe: pe,
+      isCellEditableSafe: ce,
       isFillHandleCellSafe: ut,
-      isEditingCellSafe: Ee,
+      isEditingCellSafe: Ie,
       handleFillHandleMouseDown: ke,
       handleFillHandleDoubleClick: kt,
       isSelectEditorCell: ba,
@@ -6380,7 +6380,7 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
       resolveCellCustomClass: Ze,
       columnStyle: ye,
       bodyCellPresentationStyle: Te,
-      bodyCellSelectionStyle: Et,
+      bodyCellSelectionStyle: It,
       resolveCellCustomStyle: Be,
       columnIndexByKey: Ue,
       cellTabIndex: Ae,
@@ -6390,11 +6390,11 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
       handleBodyCellClick: Aa,
       handleCellMouseMove: Ma,
       clearRangeMoveHandleHover: Gt,
-      handleCellKeydown: q,
+      handleCellKeydown: N,
       startInlineEditIfAllowed: Qe,
-      isCellEditableSafe: pe,
+      isCellEditableSafe: ce,
       isFillHandleCellSafe: ut,
-      isEditingCellSafe: Ee,
+      isEditingCellSafe: Ie,
       handleFillHandleMouseDown: ke,
       handleFillHandleDoubleClick: kt,
       isSelectEditorCell: ba,
@@ -6480,7 +6480,7 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
         "grid-cell--clipboard-pending-right": We(t, r, "right"),
         "grid-cell--clipboard-pending-bottom": We(t, r, "bottom"),
         "grid-cell--clipboard-pending-left": We(t, r, "left"),
-        "grid-cell--editing": Ee(e, l)
+        "grid-cell--editing": Ie(e, l)
       };
     }
     return ee({
@@ -6514,7 +6514,7 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
             ref_key: "centerHeaderChromeCanvasEl",
             ref: Kr,
             class: "grid-chrome-canvas grid-chrome-canvas--header-center",
-            style: I(Bt.value),
+            style: E(Bt.value),
             "aria-hidden": "true"
           }, null, 4)
         ]),
@@ -6540,14 +6540,14 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
         ref_key: "bodyShellRef",
         ref: T,
         class: "grid-body-shell",
-        style: I(gt.value),
+        style: E(gt.value),
         onMouseleave: ea
       }, [
         f("canvas", {
           ref_key: "centerChromeCanvasEl",
           ref: qr,
           class: "grid-chrome-canvas grid-chrome-canvas--center-shell",
-          style: I(m.value),
+          style: E(m.value),
           "aria-hidden": "true"
         }, null, 4),
         _e(dr, {
@@ -6593,7 +6593,7 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
         }, 8, ["pane", "handle-context-menu"]),
         _e(ed, {
           "is-open": je.value,
-          style: I(Pa.value),
+          style: E(Pa.value),
           onToggle: st,
           onSelected: Ct
         }, null, 8, ["is-open", "style"])
@@ -6601,14 +6601,14 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
       d(p).pinnedBottomRows.length > 0 ? (s(), g("div", {
         key: 0,
         class: "grid-body-shell grid-body-shell--pinned-bottom",
-        style: I(gt.value),
+        style: E(gt.value),
         onMouseleave: ea
       }, [
         f("canvas", {
           ref_key: "centerBottomChromeCanvasEl",
           ref: Yr,
           class: "grid-chrome-canvas grid-chrome-canvas--center-shell",
-          style: I(n.value),
+          style: E(n.value),
           "aria-hidden": "true"
         }, null, 4),
         _e(dr, {
@@ -6660,9 +6660,9 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
 });
 export {
   xd as _,
-  Io as a,
+  Eo as a,
   ri as b,
-  Eo as c,
+  Io as c,
   ei as d,
   Dr as e,
   ai as f,