@affino/datagrid-vue-app 0.1.3 → 0.1.5

package/dist/chunks/{DataGridTableStage.vue_vue_type_script_setup_true_lang-BJJoBCsA.js → DataGridTableStage.vue_vue_type_script_setup_true_lang-BI_C6XtF.js}

@@ -1,50 +1,50 @@
-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 { serializeColumnValueToToken as Fn, buildDataGridCellRenderModel as $n } from "@affino/datagrid-vue";
-import { useDataGridLinkedPaneScrollSync as Ln, useDataGridManagedWheelScroll as Tn } from "@affino/datagrid-vue/advanced";
+import { defineComponent as ot, ref as P, inject as Ja, computed as u, watch as it, openBlock as s, createBlock as oe, unref as d, withCtx as ae, createVNode as _e, renderSlot as Xt, normalizeStyle as E, createTextVNode as en, toDisplayString as z, createCommentVNode as S, createElementBlock as g, Fragment as J, renderList as le, createElementVNode as f, withModifiers as y, normalizeClass as j, withDirectives as Mi, vModelText as Ai, toRef as Xe, provide as Ii, toRefs as Ei, onBeforeUnmount as Bi, onMounted as Fi, nextTick as $i } from "vue";
+import { serializeColumnValueToToken as Li, buildDataGridCellRenderModel as Ti } from "@affino/datagrid-vue";
+import { useDataGridLinkedPaneScrollSync as zi, useDataGridManagedWheelScroll as Pi } from "@affino/datagrid-vue/advanced";
 import { buildDataGridChromeRenderModel as Tr } from "@affino/datagrid-chrome";
-import { UiMenu as zn, UiMenuTrigger as Pn, UiMenuContent as Vn, UiMenuLabel as Dn, UiMenuSeparator as lr, UiMenuItem as Mt, UiSubMenu as Hn, UiSubMenuTrigger as On, UiSubMenuContent as Wn } from "@affino/menu-vue";
-import { d as Gn, r as Kn, _ as jn } from "./DataGridFilterableCombobox.vue_vue_type_script_setup_true_lang-_1TDQseN.js";
-const Nn = ["title"], qn = {
+import { UiMenu as Vi, UiMenuTrigger as Di, UiMenuContent as Hi, UiMenuLabel as Oi, UiMenuSeparator as lr, UiMenuItem as Mt, UiSubMenu as Gi, UiSubMenuTrigger as Wi, UiSubMenuContent as Ki } from "@affino/menu-vue";
+import { d as ji, r as Ni, _ as qi } from "./DataGridFilterableCombobox.vue_vue_type_script_setup_true_lang-_1TDQseN.js";
+const Ui = ["title"], Xi = {
   key: 0,
   class: "datagrid-column-menu__state"
-}, Un = ["title"], Xn = {
+}, Yi = ["title"], Zi = {
   key: 0,
   class: "datagrid-column-menu__state"
-}, Yn = ["title"], Zn = ["title"], Qn = {
+}, Qi = ["title"], Ji = ["title"], eo = {
   key: 0,
   class: "datagrid-column-menu__state"
-}, Jn = ["title"], eo = {
+}, to = ["title"], ro = {
   key: 0,
   class: "datagrid-column-menu__state"
-}, to = ["title"], ro = {
+}, ao = ["title"], no = {
   key: 0,
   class: "datagrid-column-menu__state"
-}, ao = ["title"], io = { class: "datagrid-column-menu__section-head" }, no = { class: "datagrid-column-menu__section-title" }, oo = ["data-disabled-reason", "disabled", "title"], lo = ["value", "disabled", "title"], so = {
+}, io = ["title"], oo = { class: "datagrid-column-menu__section-head" }, lo = { class: "datagrid-column-menu__section-title" }, so = ["data-disabled-reason", "disabled", "title"], uo = ["value", "disabled", "title"], co = {
   key: 1,
   class: "datagrid-column-menu__hint"
-}, uo = ["disabled", "title"], co = {
+}, go = ["disabled", "title"], po = {
   key: 3,
   class: "datagrid-column-menu__merge-toggle",
   "data-datagrid-column-menu-action": "add-current-selection"
-}, go = ["checked", "disabled", "title"], po = {
+}, vo = ["checked", "disabled", "title"], mo = {
   key: 5,
   class: "datagrid-column-menu__toolbar"
-}, vo = ["data-disabled-reason", "disabled", "title"], mo = ["data-disabled-reason", "disabled", "title"], ho = { class: "datagrid-column-menu__summary" }, bo = {
+}, ho = ["data-disabled-reason", "disabled", "title"], bo = ["data-disabled-reason", "disabled", "title"], fo = { class: "datagrid-column-menu__summary" }, yo = {
   key: 6,
   class: "datagrid-column-menu__values"
-}, fo = ["aria-label"], yo = ["aria-selected"], xo = ["checked", "disabled", "title", "onChange"], wo = { class: "datagrid-column-menu__value-label" }, ko = { class: "datagrid-column-menu__value-count" }, Co = {
+}, xo = ["aria-label"], wo = ["aria-selected"], ko = ["checked", "disabled", "title", "onChange"], Co = { class: "datagrid-column-menu__value-label" }, _o = { class: "datagrid-column-menu__value-count" }, So = {
   key: 0,
   class: "datagrid-column-menu__empty"
-}, _o = {
+}, Ro = {
   key: 7,
   class: "datagrid-column-menu__summary"
-}, So = {
+}, Mo = {
   key: 8,
   class: "datagrid-column-menu__hint"
-}, Ro = {
+}, Ao = {
   key: 10,
   class: "datagrid-column-menu__footer"
-}, Mo = ["data-disabled-reason", "disabled", "title"], Ao = 1e5, zr = /* @__PURE__ */ ft({
+}, Io = ["data-disabled-reason", "disabled", "title"], Eo = 1e5, zr = /* @__PURE__ */ ot({
   __name: "DataGridColumnMenu",
   props: {
     rows: {},
@@ -71,32 +71,32 @@ const Nn = ["title"], qn = {
     maxFilterValues: {}
   },
   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 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(
+  setup(n, { emit: ee }) {
+    const A = n, L = ee, _ = P(null), K = Ja(ji, P(null)), D = P(!1), F = P(""), I = P(!1), p = P([]), x = P([]), w = P({}), B = 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 h = Number.isFinite(A.valueFilterRowLimit) && A.valueFilterRowLimit >= 0 ? A.valueFilterRowLimit : Number.POSITIVE_INFINITY;
+      return Math.min(h, Eo);
+    }), H = u(() => A.filterEnabled ? A.rows.length <= Se.value : !1), fe = u(() => A.filterEnabled && !H.value), Y = u(() => A.items.filter((h) => h === "sort" ? U("sortAsc") || U("sortDesc") || U("clearSort") : h === "group" ? U("toggleGroup") : h === "pin" ? Ye.value : h === "filter" ? N.value : !0)), Z = 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(() => F.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(
+    )), X = u(() => re("pinMenu", A.labels.pin ?? "Pin column")), lt = u(() => A.labels.filter ?? (H.value ? "Filter" : "Filter by text")), xt = u(() => re("sortAsc", B.value.asc)), dt = u(() => re("sortDesc", B.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) {
-        const m = new Set(Ae.value.map((n) => n.token));
-        return x.value.filter((n) => m.has(n));
+      const h = F.value.trim().toLowerCase();
+      return h.length > 0 ? p.value.filter((i) => i.searchText.includes(h)) : p.value;
+    }), Ae = u(() => $.value ? we.value : we.value.slice(0, A.maxFilterValues)), st = u(() => $.value ? 0 : Math.max(0, we.value.length - Ae.value.length)), ke = u(() => {
+      if ($.value && !I.value) {
+        const h = new Set(Ae.value.map((i) => i.token));
+        return x.value.filter((i) => h.has(i));
       }
       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,
       openDelay: 0,
       closeDelay: 90
-    }, st = {
+    }, ut = {
       mousePrediction: {},
       loopFocus: !0,
       closeOnSelect: !0,
@@ -110,11 +110,11 @@ const Nn = ["title"], qn = {
         D.value = !1;
       }
     };
-    nt($, (m) => {
-      m || (E.value = !1);
-    }), nt(K, () => {
+    it($, (h) => {
+      h || (I.value = !1);
+    }), it(K, () => {
       D.value && Ce();
-    }), nt(
+    }), it(
       () => [
         D.value,
         A.filterEnabled,
@@ -123,55 +123,55 @@ const Nn = ["title"], qn = {
         A.rows.length,
         A.selectedFilterTokens.length
       ],
-      ([m]) => {
-        m && Ve();
+      ([h]) => {
+        h && Ve();
       }
     );
-    function ze(m) {
-      return m.startsWith("string:") ? `string:${m.slice(7).toLowerCase()}` : m;
+    function ze(h) {
+      return h.startsWith("string:") ? `string:${h.slice(7).toLowerCase()}` : h;
     }
-    function U(m) {
-      return A.actionOptions[m]?.hidden !== !0;
+    function U(h) {
+      return A.actionOptions[h]?.hidden !== !0;
     }
-    function J(m, n = !1) {
-      return n || A.actionOptions[m]?.disabled === !0;
+    function Q(h, i = !1) {
+      return i || A.actionOptions[h]?.disabled === !0;
     }
-    function re(m, n) {
-      return A.actionOptions[m]?.label ?? n;
+    function re(h, i) {
+      return A.actionOptions[h]?.label ?? i;
     }
-    function _t(m) {
-      return A.disabledReasons[m] ?? "";
+    function _t(h) {
+      return A.disabledReasons[h] ?? "";
     }
-    function Pe(m, n) {
-      if (!n)
+    function Pe(h, i) {
+      if (!i)
         return;
-      const o = _t(m);
+      const o = _t(h);
       return o.length > 0 ? o : void 0;
     }
-    function V(m, n = !1, o) {
-      if (!J(m, n))
+    function V(h, i = !1, o) {
+      if (!Q(h, i))
         return;
-      const c = A.actionOptions[m]?.disabledReason?.trim() ?? "";
+      const c = A.actionOptions[h]?.disabledReason?.trim() ?? "";
       if (c.length > 0)
         return c;
       if (o)
         return Pe(o, !0);
     }
-    function We(m) {
-      if (m == null)
+    function Ge(h) {
+      if (h == null)
         return "(Blanks)";
-      const n = String(m);
-      return n.length > 0 ? n : "(Blanks)";
+      const i = String(h);
+      return i.length > 0 ? i : "(Blanks)";
     }
-    function Ee(m, n) {
+    function Ie(h, i) {
       const o = /* @__PURE__ */ new Map();
-      for (const a of m) {
-        const c = ze(Fn(a[n])), T = o.get(c);
+      for (const a of h) {
+        const c = ze(Li(a[i])), T = o.get(c);
         if (T) {
           T.count += 1;
           continue;
         }
-        const O = We(a[n]);
+        const O = Ge(a[i]);
         o.set(c, {
           token: c,
           label: O,
@@ -184,74 +184,74 @@ const Nn = ["title"], qn = {
         sensitivity: "base"
       }));
     }
-    function pe() {
+    function ce() {
       _.value?.controller?.close("programmatic");
     }
-    function ut(m) {
-      if (!m)
+    function ct(h) {
+      if (!h)
         return;
-      const n = _.value?.controller;
-      if (!n)
+      const i = _.value?.controller;
+      if (!i)
         return;
-      const o = m.getBoundingClientRect();
-      n.setAnchor({
+      const o = h.getBoundingClientRect();
+      i.setAnchor({
         x: o.left,
         y: o.bottom,
         width: o.width,
         height: 0
-      }), n.open("programmatic");
+      }), i.open("programmatic");
     }
-    function Ge(m) {
+    function We(h) {
       if (D.value) {
-        pe();
+        ce();
         return;
       }
-      ut(m);
+      ct(h);
     }
     function Ce() {
-      w.value = Kn(K.value);
+      w.value = Ni(K.value);
     }
     function Ve() {
-      if (B.value = "", E.value = !1, !H.value) {
+      if (F.value = "", I.value = !1, !H.value) {
         p.value = [], x.value = [];
         return;
       }
-      const m = Ee(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))
+      const h = Ie(A.rows, A.columnKey);
+      p.value = h;
+      const i = Array.from(new Set(
+        A.selectedFilterTokens.map((o) => ze(String(o ?? ""))).filter((o) => h.some((a) => a.token === o))
       ));
-      x.value = n.length > 0 ? n : m.map((o) => o.token);
+      x.value = i.length > 0 ? i : h.map((o) => o.token);
     }
-    function ct(m) {
+    function gt(h) {
       if (C.value)
         return;
-      const n = new Set(x.value);
-      n.has(m) ? n.delete(m) : n.add(m), x.value = [...n];
+      const i = new Set(x.value);
+      i.has(h) ? i.delete(h) : i.add(h), x.value = [...i];
     }
     function ve() {
-      C.value || (x.value = p.value.map((m) => m.token));
+      C.value || (x.value = p.value.map((h) => h.token));
     }
     function me() {
       C.value || (x.value = []);
     }
-    function W(m) {
-      C.value || (E.value = m.target.checked);
+    function G(h) {
+      C.value || (I.value = h.target.checked);
     }
-    function ne() {
-      C.value || !ge.value || (ke.value.length === p.value.length ? L("clear-filter") : L("apply-filter", [...ke.value]), pe());
+    function ie() {
+      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 pt(h) {
+      C.value || L("update-text-filter", h.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());
+    function vt() {
+      Q("toggleGroup", ye.value || !A.groupEnabled) || (L("group", !A.grouped), ce());
     }
-    function Bt(m) {
-      switch (m) {
+    function Bt(h) {
+      switch (h) {
         case "date":
         case "datetime":
           return {
@@ -277,180 +277,180 @@ const Nn = ["title"], qn = {
           };
       }
     }
-    return (m, n) => (s(), se(d(zn), {
+    return (h, i) => (s(), oe(d(Vi), {
       ref_key: "menuRef",
       ref: _,
       callbacks: Ct,
       options: Re
     }, {
       default: ae(() => [
-        _e(d(Pn), {
+        _e(d(Di), {
           "as-child": "",
           trigger: "contextmenu"
         }, {
           default: ae(() => [
-            Xt(m.$slots, "default", {
+            Xt(h.$slots, "default", {
               open: D.value,
-              toggleMenuFromElement: Ge
+              toggleMenuFromElement: We
             })
           ]),
           _: 3
         }),
-        _e(d(Vn), {
+        _e(d(Hi), {
           "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"
         }, {
           default: ae(() => [
-            _e(d(Dn), { class: "datagrid-column-menu__title" }, {
+            _e(d(Oi), { class: "datagrid-column-menu__title" }, {
               default: ae(() => [
-                ur(z(m.columnLabel), 1)
+                en(z(h.columnLabel), 1)
               ]),
               _: 1
             }),
-            Z.value.length > 0 ? (s(), se(d(lr), { key: 0 })) : S("", !0),
-            (s(!0), g(X, null, oe(Z.value, (o, a) => (s(), g(X, { key: o }, [
-              a > 0 ? (s(), se(d(lr), { key: 0 })) : S("", !0),
-              o === "sort" ? (s(), g(X, { key: 1 }, [
-                U("sortAsc") ? (s(), se(d(Mt), {
+            Y.value.length > 0 ? (s(), oe(d(lr), { key: 0 })) : S("", !0),
+            (s(!0), g(J, null, le(Y.value, (o, a) => (s(), g(J, { key: o }, [
+              a > 0 ? (s(), oe(d(lr), { key: 0 })) : S("", !0),
+              o === "sort" ? (s(), g(J, { key: 1 }, [
+                U("sortAsc") ? (s(), oe(d(Mt), {
                   key: 0,
                   class: "datagrid-column-menu__item",
                   "data-datagrid-column-menu-action": "sort-asc",
-                  "data-disabled-reason": V("sortAsc", Q.value || !m.sortEnabled, "sort"),
-                  disabled: J("sortAsc", Q.value || !m.sortEnabled),
-                  title: V("sortAsc", Q.value || !m.sortEnabled, "sort"),
-                  onSelect: n[0] || (n[0] = (c) => m.$emit("sort", "asc"))
+                  "data-disabled-reason": V("sortAsc", Z.value || !h.sortEnabled, "sort"),
+                  disabled: Q("sortAsc", Z.value || !h.sortEnabled),
+                  title: V("sortAsc", Z.value || !h.sortEnabled, "sort"),
+                  onSelect: i[0] || (i[0] = (c) => h.$emit("sort", "asc"))
                 }, {
                   default: ae(() => [
                     f("span", {
-                      title: V("sortAsc", Q.value || !m.sortEnabled, "sort")
-                    }, z(xt.value), 9, Nn),
-                    m.sortDirection === "asc" ? (s(), g("span", qn, "Active")) : S("", !0)
+                      title: V("sortAsc", Z.value || !h.sortEnabled, "sort")
+                    }, z(xt.value), 9, Ui),
+                    h.sortDirection === "asc" ? (s(), g("span", Xi, "Active")) : S("", !0)
                   ]),
                   _: 1
                 }, 8, ["data-disabled-reason", "disabled", "title"])) : S("", !0),
-                U("sortDesc") ? (s(), se(d(Mt), {
+                U("sortDesc") ? (s(), oe(d(Mt), {
                   key: 1,
                   class: "datagrid-column-menu__item",
                   "data-datagrid-column-menu-action": "sort-desc",
-                  "data-disabled-reason": V("sortDesc", Q.value || !m.sortEnabled, "sort"),
-                  disabled: J("sortDesc", Q.value || !m.sortEnabled),
-                  title: V("sortDesc", Q.value || !m.sortEnabled, "sort"),
-                  onSelect: n[1] || (n[1] = (c) => m.$emit("sort", "desc"))
+                  "data-disabled-reason": V("sortDesc", Z.value || !h.sortEnabled, "sort"),
+                  disabled: Q("sortDesc", Z.value || !h.sortEnabled),
+                  title: V("sortDesc", Z.value || !h.sortEnabled, "sort"),
+                  onSelect: i[1] || (i[1] = (c) => h.$emit("sort", "desc"))
                 }, {
                   default: ae(() => [
                     f("span", {
-                      title: V("sortDesc", Q.value || !m.sortEnabled, "sort")
-                    }, z(lt.value), 9, Un),
-                    m.sortDirection === "desc" ? (s(), g("span", Xn, "Active")) : S("", !0)
+                      title: V("sortDesc", Z.value || !h.sortEnabled, "sort")
+                    }, z(dt.value), 9, Yi),
+                    h.sortDirection === "desc" ? (s(), g("span", Zi, "Active")) : S("", !0)
                   ]),
                   _: 1
                 }, 8, ["data-disabled-reason", "disabled", "title"])) : S("", !0),
-                U("clearSort") ? (s(), se(d(Mt), {
+                U("clearSort") ? (s(), oe(d(Mt), {
                   key: 2,
                   class: "datagrid-column-menu__item",
                   "data-datagrid-column-menu-action": "sort-clear",
-                  "data-disabled-reason": V("clearSort", Q.value || !m.sortEnabled || m.sortDirection === null, "sort"),
-                  disabled: J("clearSort", Q.value || !m.sortEnabled || m.sortDirection === null),
-                  title: V("clearSort", Q.value || !m.sortEnabled || m.sortDirection === null, "sort"),
-                  onSelect: n[2] || (n[2] = (c) => m.$emit("sort", null))
+                  "data-disabled-reason": V("clearSort", Z.value || !h.sortEnabled || h.sortDirection === null, "sort"),
+                  disabled: Q("clearSort", Z.value || !h.sortEnabled || h.sortDirection === null),
+                  title: V("clearSort", Z.value || !h.sortEnabled || h.sortDirection === null, "sort"),
+                  onSelect: i[2] || (i[2] = (c) => h.$emit("sort", null))
                 }, {
                   default: ae(() => [
                     f("span", {
-                      title: V("clearSort", Q.value || !m.sortEnabled || m.sortDirection === null, "sort")
-                    }, z(Ie.value), 9, Yn)
+                      title: V("clearSort", Z.value || !h.sortEnabled || h.sortDirection === null, "sort")
+                    }, z(Ee.value), 9, Qi)
                   ]),
                   _: 1
                 }, 8, ["data-disabled-reason", "disabled", "title"])) : S("", !0)
-              ], 64)) : o === "group" && U("toggleGroup") ? (s(), se(d(Mt), {
+              ], 64)) : o === "group" && U("toggleGroup") ? (s(), oe(d(Mt), {
                 key: 2,
                 class: "datagrid-column-menu__item",
                 "data-datagrid-column-menu-action": "toggle-group",
-                "data-disabled-reason": V("toggleGroup", ye.value || !m.groupEnabled, "group"),
-                disabled: J("toggleGroup", ye.value || !m.groupEnabled),
-                title: V("toggleGroup", ye.value || !m.groupEnabled, "group"),
-                onSelect: pt
+                "data-disabled-reason": V("toggleGroup", ye.value || !h.groupEnabled, "group"),
+                disabled: Q("toggleGroup", ye.value || !h.groupEnabled),
+                title: V("toggleGroup", ye.value || !h.groupEnabled, "group"),
+                onSelect: vt
               }, {
                 default: ae(() => [
                   f("span", {
-                    title: V("toggleGroup", ye.value || !m.groupEnabled, "group")
-                  }, z(xe.value), 9, Zn),
-                  m.grouped && v.value ? (s(), g("span", Qn, z(v.value), 1)) : S("", !0)
+                    title: V("toggleGroup", ye.value || !h.groupEnabled, "group")
+                  }, z(xe.value), 9, Ji),
+                  h.grouped && v.value ? (s(), g("span", eo, z(v.value), 1)) : S("", !0)
                 ]),
                 _: 1
-              }, 8, ["data-disabled-reason", "disabled", "title"])) : o === "pin" && Ye.value ? (s(), se(d(Hn), {
+              }, 8, ["data-disabled-reason", "disabled", "title"])) : o === "pin" && Ye.value ? (s(), oe(d(Gi), {
                 key: 3,
-                options: st
+                options: ut
               }, {
                 default: ae(() => [
-                  _e(d(On), {
+                  _e(d(Wi), {
                     class: "datagrid-column-menu__item datagrid-column-menu__item--submenu",
                     "data-datagrid-column-menu-action": "pin-submenu",
                     "data-disabled-reason": V("pinMenu", te.value, "pin"),
-                    "aria-disabled": J("pinMenu", te.value) ? "true" : void 0,
-                    disabled: J("pinMenu", te.value),
+                    "aria-disabled": Q("pinMenu", te.value) ? "true" : void 0,
+                    disabled: Q("pinMenu", te.value),
                     title: V("pinMenu", te.value, "pin")
                   }, {
                     default: ae(() => [
-                      f("span", null, z(Y.value), 1)
+                      f("span", null, z(X.value), 1)
                     ]),
                     _: 1
                   }, 8, ["data-disabled-reason", "aria-disabled", "disabled", "title"]),
-                  _e(d(Wn), {
+                  _e(d(Ki), {
                     "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), {
+                      U("pinLeft") ? (s(), oe(d(Mt), {
                         key: 0,
                         class: "datagrid-column-menu__item",
                         "data-datagrid-column-menu-action": "pin-left",
                         "data-disabled-reason": V("pinLeft", te.value, "pin"),
-                        disabled: J("pinLeft", te.value),
+                        disabled: Q("pinLeft", te.value),
                         title: V("pinLeft", te.value, "pin"),
-                        onSelect: n[3] || (n[3] = (c) => m.$emit("pin", "left"))
+                        onSelect: i[3] || (i[3] = (c) => h.$emit("pin", "left"))
                       }, {
                         default: ae(() => [
                           f("span", {
                             title: V("pinLeft", te.value, "pin")
-                          }, z(Oe.value), 9, Jn),
-                          m.pin === "left" ? (s(), g("span", eo, "Active")) : S("", !0)
+                          }, z(Oe.value), 9, to),
+                          h.pin === "left" ? (s(), g("span", ro, "Active")) : S("", !0)
                         ]),
                         _: 1
                       }, 8, ["data-disabled-reason", "disabled", "title"])) : S("", !0),
-                      U("pinRight") ? (s(), se(d(Mt), {
+                      U("pinRight") ? (s(), oe(d(Mt), {
                         key: 1,
                         class: "datagrid-column-menu__item",
                         "data-datagrid-column-menu-action": "pin-right",
                         "data-disabled-reason": V("pinRight", te.value, "pin"),
-                        disabled: J("pinRight", te.value),
+                        disabled: Q("pinRight", te.value),
                         title: V("pinRight", te.value, "pin"),
-                        onSelect: n[4] || (n[4] = (c) => m.$emit("pin", "right"))
+                        onSelect: i[4] || (i[4] = (c) => h.$emit("pin", "right"))
                       }, {
                         default: ae(() => [
                           f("span", {
                             title: V("pinRight", te.value, "pin")
-                          }, z(Te.value), 9, to),
-                          m.pin === "right" ? (s(), g("span", ro, "Active")) : S("", !0)
+                          }, z(Te.value), 9, ao),
+                          h.pin === "right" ? (s(), g("span", no, "Active")) : S("", !0)
                         ]),
                         _: 1
                       }, 8, ["data-disabled-reason", "disabled", "title"])) : S("", !0),
-                      U("unpin") ? (s(), se(d(Mt), {
+                      U("unpin") ? (s(), oe(d(Mt), {
                         key: 2,
                         class: "datagrid-column-menu__item",
                         "data-datagrid-column-menu-action": "pin-none",
-                        "data-disabled-reason": V("unpin", te.value || m.pin === "none", "pin"),
-                        disabled: J("unpin", te.value || m.pin === "none"),
-                        title: V("unpin", te.value || m.pin === "none", "pin"),
-                        onSelect: n[5] || (n[5] = (c) => m.$emit("pin", "none"))
+                        "data-disabled-reason": V("unpin", te.value || h.pin === "none", "pin"),
+                        disabled: Q("unpin", te.value || h.pin === "none"),
+                        title: V("unpin", te.value || h.pin === "none", "pin"),
+                        onSelect: i[5] || (i[5] = (c) => h.$emit("pin", "none"))
                       }, {
                         default: ae(() => [
                           f("span", {
-                            title: V("unpin", te.value || m.pin === "none", "pin")
-                          }, z(At.value), 9, ao)
+                            title: V("unpin", te.value || h.pin === "none", "pin")
+                          }, z(At.value), 9, io)
                         ]),
                         _: 1
                       }, 8, ["data-disabled-reason", "disabled", "title"])) : S("", !0)
@@ -468,103 +468,103 @@ const Nn = ["title"], qn = {
                     "datagrid-column-menu__section--with-values": H.value
                   }
                 ]),
-                onMousedown: n[13] || (n[13] = y(() => {
+                onMousedown: i[13] || (i[13] = y(() => {
                 }, ["stop"])),
-                onClick: n[14] || (n[14] = y(() => {
+                onClick: i[14] || (i[14] = y(() => {
                 }, ["stop"]))
               }, [
-                f("div", io, [
-                  f("span", no, z(ot.value), 1),
+                f("div", oo, [
+                  f("span", lo, z(lt.value), 1),
                   U("clearFilter") ? (s(), g("button", {
                     key: 0,
                     type: "button",
                     class: "datagrid-column-menu__link",
                     "data-datagrid-column-menu-action": "clear-filter",
-                    "data-disabled-reason": V("clearFilter", C.value || !m.filterActive, "filter"),
-                    disabled: J("clearFilter", C.value || !m.filterActive),
-                    title: V("clearFilter", C.value || !m.filterActive, "filter"),
+                    "data-disabled-reason": V("clearFilter", C.value || !h.filterActive, "filter"),
+                    disabled: Q("clearFilter", C.value || !h.filterActive),
+                    title: V("clearFilter", C.value || !h.filterActive, "filter"),
                     onClick: Ke
-                  }, z(Et.value), 9, oo)) : S("", !0)
+                  }, z(It.value), 9, so)) : S("", !0)
                 ]),
                 R.value ? (s(), g("input", {
                   key: 0,
-                  value: m.textFilterValue,
+                  value: h.textFilterValue,
                   class: "datagrid-column-menu__search",
                   type: "search",
                   placeholder: "Type to filter rows",
                   disabled: C.value,
                   title: Pe("filter", C.value),
-                  onMousedown: n[6] || (n[6] = y(() => {
+                  onMousedown: i[6] || (i[6] = y(() => {
                   }, ["stop"])),
-                  onClick: n[7] || (n[7] = y(() => {
+                  onClick: i[7] || (i[7] = y(() => {
                   }, ["stop"])),
-                  onKeydown: n[8] || (n[8] = y(() => {
+                  onKeydown: i[8] || (i[8] = y(() => {
                   }, ["stop"])),
-                  onInput: gt
-                }, null, 40, lo)) : S("", !0),
-                m.textFilterEnabled && !H.value ? (s(), g("div", so, z(fe.value ? "Value filter is disabled for this dataset size. Use text filter instead." : "Value filter is unavailable here. Use text filter instead."), 1)) : S("", !0),
-                H.value ? Sn((s(), g("input", {
+                  onInput: pt
+                }, null, 40, uo)) : S("", !0),
+                h.textFilterEnabled && !H.value ? (s(), g("div", co, z(fe.value ? "Value filter is disabled for this dataset size. Use text filter instead." : "Value filter is unavailable here. Use text filter instead."), 1)) : S("", !0),
+                H.value ? Mi((s(), g("input", {
                   key: 2,
-                  "onUpdate:modelValue": n[9] || (n[9] = (c) => B.value = c),
+                  "onUpdate:modelValue": i[9] || (i[9] = (c) => F.value = c),
                   class: "datagrid-column-menu__search",
                   type: "search",
                   placeholder: "Search values",
                   disabled: C.value,
                   title: Pe("filter", C.value),
-                  onMousedown: n[10] || (n[10] = y(() => {
+                  onMousedown: i[10] || (i[10] = y(() => {
                   }, ["stop"])),
-                  onClick: n[11] || (n[11] = y(() => {
+                  onClick: i[11] || (i[11] = y(() => {
                   }, ["stop"])),
-                  onKeydown: n[12] || (n[12] = y(() => {
+                  onKeydown: i[12] || (i[12] = y(() => {
                   }, ["stop"]))
-                }, null, 40, uo)), [
-                  [Rn, B.value]
+                }, null, 40, go)), [
+                  [Ai, F.value]
                 ]) : S("", !0),
-                H.value && $.value && U("addCurrentSelectionToFilter") ? (s(), g("label", co, [
+                H.value && $.value && U("addCurrentSelectionToFilter") ? (s(), g("label", po, [
                   f("input", {
                     type: "checkbox",
-                    checked: E.value,
-                    disabled: J("addCurrentSelectionToFilter", C.value),
+                    checked: I.value,
+                    disabled: Q("addCurrentSelectionToFilter", C.value),
                     title: V("addCurrentSelectionToFilter", C.value, "filter"),
-                    onChange: W
-                  }, null, 40, go),
-                  f("span", null, z(It.value), 1)
+                    onChange: G
+                  }, null, 40, vo),
+                  f("span", null, z(Et.value), 1)
                 ])) : S("", !0),
-                H.value ? (s(), se(d(lr), {
+                H.value ? (s(), oe(d(lr), {
                   key: 4,
                   class: "datagrid-column-menu__section-separator"
                 })) : S("", !0),
-                H.value ? (s(), g("div", po, [
+                H.value ? (s(), g("div", mo, [
                   U("selectAllValues") ? (s(), g("button", {
                     key: 0,
                     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: Q("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),
+                  }, z(Ze.value), 9, ho)) : S("", !0),
                   U("clearAllValues") ? (s(), g("button", {
                     key: 1,
                     type: "button",
                     class: "datagrid-column-menu__link",
                     "data-datagrid-column-menu-action": "clear-all-values",
                     "data-disabled-reason": V("clearAllValues", C.value || x.value.length === 0, "filter"),
-                    disabled: J("clearAllValues", C.value || x.value.length === 0),
+                    disabled: Q("clearAllValues", C.value || x.value.length === 0),
                     title: V("clearAllValues", C.value || x.value.length === 0, "filter"),
                     onClick: me
-                  }, z(Be.value), 9, mo)) : S("", !0),
-                  f("div", ho, z(Je.value) + " / " + z(kt.value) + " selected ", 1)
+                  }, z(Be.value), 9, bo)) : S("", !0),
+                  f("div", fo, z(Je.value) + " / " + z(kt.value) + " selected ", 1)
                 ])) : S("", !0),
-                H.value ? (s(), g("div", bo, [
+                H.value ? (s(), g("div", yo, [
                   f("div", {
                     class: "datagrid-column-menu__values-list",
                     role: "listbox",
                     "aria-multiselectable": "true",
-                    "aria-label": `Filter values for ${m.columnLabel}`
+                    "aria-label": `Filter values for ${h.columnLabel}`
                   }, [
-                    (s(!0), g(X, null, oe(Ae.value, (c) => (s(), g("label", {
+                    (s(!0), g(J, null, le(Ae.value, (c) => (s(), g("label", {
                       key: c.token,
                       class: "datagrid-column-menu__value",
                       role: "option",
@@ -575,38 +575,38 @@ const Nn = ["title"], qn = {
                         checked: k.value.has(c.token),
                         disabled: C.value,
                         title: Pe("filter", C.value),
-                        onChange: (T) => ct(c.token)
-                      }, null, 40, xo),
-                      f("span", wo, z(c.label), 1),
-                      f("span", ko, z(c.count), 1)
-                    ], 8, yo))), 128)),
-                    Ae.value.length === 0 ? (s(), g("div", Co, " No matching values ")) : S("", !0)
-                  ], 8, fo)
+                        onChange: (T) => gt(c.token)
+                      }, null, 40, ko),
+                      f("span", Co, z(c.label), 1),
+                      f("span", _o, z(c.count), 1)
+                    ], 8, wo))), 128)),
+                    Ae.value.length === 0 ? (s(), g("div", So, " No matching values ")) : S("", !0)
+                  ], 8, xo)
                 ])) : S("", !0),
-                H.value && dt.value > 0 ? (s(), g("div", _o, " Showing first " + z(Ae.value.length) + " values. Use search to filter all " + z(we.value.length) + ". ", 1)) : S("", !0),
-                H.value && ke.value.length === 0 ? (s(), g("div", So, " Select at least one value to apply the filter. ")) : S("", !0),
-                H.value ? (s(), se(d(lr), {
+                H.value && st.value > 0 ? (s(), g("div", Ro, " Showing first " + z(Ae.value.length) + " values. Use search to filter all " + z(we.value.length) + ". ", 1)) : S("", !0),
+                H.value && ke.value.length === 0 ? (s(), g("div", Mo, " Select at least one value to apply the filter. ")) : S("", !0),
+                H.value ? (s(), oe(d(lr), {
                   key: 9,
                   class: "datagrid-column-menu__section-separator"
                 })) : S("", !0),
-                H.value ? (s(), g("div", Ro, [
+                H.value ? (s(), g("div", Ao, [
                   U("cancelFilter") ? (s(), g("button", {
                     key: 0,
                     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"),
-                    onClick: ne
-                  }, z(wt.value), 9, Mo)) : S("", !0)
+                    "data-disabled-reason": V("applyFilter", C.value || !pe.value, "filter"),
+                    disabled: Q("applyFilter", C.value || !pe.value),
+                    title: V("applyFilter", C.value || !pe.value, "filter"),
+                    onClick: ie
+                  }, z(wt.value), 9, Io)) : S("", !0)
                 ])) : S("", !0)
               ], 34)) : S("", !0)
             ], 64))), 128))
@@ -617,167 +617,167 @@ const Nn = ["title"], qn = {
       _: 3
     }, 512));
   }
-}), ei = Symbol("data-grid-table-stage-context");
-function Eo(i) {
+}), tn = Symbol("data-grid-table-stage-context");
+function Bo(n) {
   return {
-    mode: i.mode,
-    rowHeightMode: i.rowHeightMode,
-    layout: i.layout,
-    viewport: i.viewport,
-    columns: i.columns,
-    rows: i.rows,
-    selection: i.selection,
-    editing: i.editing,
-    cells: i.cells,
-    interaction: i.interaction
+    mode: n.mode,
+    rowHeightMode: n.rowHeightMode,
+    layout: n.layout,
+    viewport: n.viewport,
+    columns: n.columns,
+    rows: n.rows,
+    selection: n.selection,
+    editing: n.editing,
+    cells: n.cells,
+    interaction: n.interaction
   };
 }
-function Io(i) {
-  return Eo({
-    mode: Xe(i, "mode"),
-    rowHeightMode: Xe(i, "rowHeightMode"),
-    layout: Xe(i, "layout"),
-    viewport: Xe(i, "viewport"),
-    columns: Xe(i, "columns"),
-    rows: Xe(i, "rows"),
-    selection: Xe(i, "selection"),
-    editing: Xe(i, "editing"),
-    cells: Xe(i, "cells"),
-    interaction: Xe(i, "interaction")
+function Fo(n) {
+  return Bo({
+    mode: Xe(n, "mode"),
+    rowHeightMode: Xe(n, "rowHeightMode"),
+    layout: Xe(n, "layout"),
+    viewport: Xe(n, "viewport"),
+    columns: Xe(n, "columns"),
+    rows: Xe(n, "rows"),
+    selection: Xe(n, "selection"),
+    editing: Xe(n, "editing"),
+    cells: Xe(n, "cells"),
+    interaction: Xe(n, "interaction")
   });
 }
-function hd(i) {
+function fd(n) {
   return {
-    mode: i.mode.value,
-    rowHeightMode: i.rowHeightMode.value,
-    layout: i.layout.value,
-    viewport: i.viewport.value,
-    columns: i.columns.value,
-    rows: i.rows.value,
-    selection: i.selection.value,
-    editing: i.editing.value,
-    cells: i.cells.value,
-    interaction: i.interaction.value
+    mode: n.mode.value,
+    rowHeightMode: n.rowHeightMode.value,
+    layout: n.layout.value,
+    viewport: n.viewport.value,
+    columns: n.columns.value,
+    rows: n.rows.value,
+    selection: n.selection.value,
+    editing: n.editing.value,
+    cells: n.cells.value,
+    interaction: n.interaction.value
   };
 }
-function Bo(i) {
-  return Mn(
-    ei,
-    i
-  ), i;
+function $o(n) {
+  return Ii(
+    tn,
+    n
+  ), n;
 }
 function Dr() {
-  const i = Ja(ei);
-  if (!i)
+  const n = Ja(tn);
+  if (!n)
     throw new Error("DataGrid table stage context is not available outside of DataGridTableStage.");
-  return i;
+  return n;
 }
 function Hr() {
   return Dr().mode;
 }
-function bd() {
+function yd() {
   return Dr().rowHeightMode;
 }
-function yt(i) {
-  return Dr()[i];
+function yt(n) {
+  return Dr()[n];
 }
-function ti() {
+function rn() {
   return yt("layout");
 }
 function Or() {
   return yt("viewport");
 }
-function ri() {
+function an() {
   return yt("columns");
 }
-function Wr() {
+function Gr() {
   return yt("rows");
 }
-function Fo() {
+function Lo() {
   return yt("selection");
 }
-function ai() {
+function nn() {
   return yt("editing");
 }
-function fd() {
+function xd() {
   return yt("cells");
 }
-function yd() {
+function wd() {
   return yt("interaction");
 }
-const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span", "data-datagrid-pivot-group-depth"], Lo = {
+const To = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span", "data-datagrid-pivot-group-depth"], zo = {
   key: 0,
   class: "col-head__pivot-group-label"
-}, To = /* @__PURE__ */ f("div", { class: "col-head col-head--index" }, [
+}, Po = /* @__PURE__ */ f("div", { class: "col-head col-head--index" }, [
   /* @__PURE__ */ f("span", null, "#")
-], -1), zo = {
+], -1), Vo = {
   key: 0,
   class: "col-filter col-filter--index-spacer",
   "aria-hidden": "true"
-}, Po = ["data-column-key"], Vo = { class: "col-head col-head--index" }, Do = ["aria-checked"], Ho = ["data-column-key"], Oo = { class: "col-head" }, Wo = { class: "col-head__label" }, Go = ["aria-label", "title", "data-column-key", "onClick"], Ko = {
+}, Do = ["data-column-key"], Ho = { class: "col-head col-head--index" }, Oo = ["aria-checked"], Go = ["data-column-key"], Wo = { class: "col-head" }, Ko = { class: "col-head__label" }, jo = ["aria-label", "title", "data-column-key", "onClick"], No = {
   class: "col-menu-trigger__icon",
   viewBox: "0 0 16 16",
   "aria-hidden": "true"
-}, jo = {
+}, qo = {
   key: 0,
   d: "M2.5 3.5h11L9.25 8.5v3.25l-2.5 1.25V8.5z"
-}, No = {
+}, Uo = {
   key: 1,
   d: "M9 11V6.75M9 6.75 7.25 8.5M9 6.75 10.75 8.5"
-}, qo = {
+}, Xo = {
   key: 2,
   d: "M9 5v4.25M9 9.25 7.25 7.5M9 9.25 10.75 7.5"
-}, Uo = {
+}, Yo = {
   key: 3,
   d: "M5.5 6.5 8 9l2.5-2.5"
-}, Xo = ["onMousedown", "onDblclick"], Yo = ["data-column-key"], Zo = { class: "col-head col-head--index" }, Qo = ["aria-checked"], Jo = ["data-column-key", "onClick"], el = { class: "col-head" }, tl = ["title"], rl = {
+}, Zo = ["onMousedown", "onDblclick"], Qo = ["data-column-key"], Jo = { class: "col-head col-head--index" }, el = ["aria-checked"], tl = ["data-column-key", "onClick"], rl = { class: "col-head" }, al = ["title"], nl = {
   class: "sort-indicator",
   "aria-hidden": "true"
-}, al = ["onMousedown", "onDblclick"], il = ["value", "disabled", "onInput"], nl = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span", "data-datagrid-pivot-group-depth"], ol = {
+}, il = ["onMousedown", "onDblclick"], ol = ["value", "disabled", "onInput"], ll = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span", "data-datagrid-pivot-group-depth"], dl = {
   key: 0,
   class: "col-head__pivot-group-label"
-}, ll = ["data-column-key"], dl = { class: "col-head" }, sl = { class: "col-head__label" }, ul = ["title"], cl = ["aria-label", "title", "data-column-key", "onClick"], gl = {
+}, sl = ["data-column-key"], ul = { class: "col-head" }, cl = { class: "col-head__label" }, gl = ["title"], pl = ["aria-label", "title", "data-column-key", "onClick"], vl = {
   class: "col-menu-trigger__icon",
   viewBox: "0 0 16 16",
   "aria-hidden": "true"
-}, pl = {
+}, ml = {
   key: 0,
   d: "M2.5 3.5h11L9.25 8.5v3.25l-2.5 1.25V8.5z"
-}, vl = {
+}, hl = {
   key: 1,
   d: "M9 11V6.75M9 6.75 7.25 8.5M9 6.75 10.75 8.5"
-}, ml = {
+}, bl = {
   key: 2,
   d: "M9 5v4.25M9 9.25 7.25 7.5M9 9.25 10.75 7.5"
-}, hl = {
+}, fl = {
   key: 3,
   d: "M5.5 6.5 8 9l2.5-2.5"
-}, bl = ["onMousedown", "onDblclick"], fl = ["data-column-key", "onClick"], yl = { class: "col-head" }, xl = ["title"], wl = {
+}, yl = ["onMousedown", "onDblclick"], xl = ["data-column-key", "onClick"], wl = { class: "col-head" }, kl = ["title"], Cl = {
   class: "sort-indicator",
   "aria-hidden": "true"
-}, kl = ["onMousedown", "onDblclick"], Cl = ["value", "disabled", "onInput"], _l = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span", "data-datagrid-pivot-group-depth"], Sl = {
+}, _l = ["onMousedown", "onDblclick"], Sl = ["value", "disabled", "onInput"], Rl = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span", "data-datagrid-pivot-group-depth"], Ml = {
   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 = {
+}, Al = ["data-column-key"], Il = { class: "col-head" }, El = { class: "col-head__label" }, Bl = ["title"], Fl = ["aria-label", "title", "data-column-key", "onClick"], $l = {
   class: "col-menu-trigger__icon",
   viewBox: "0 0 16 16",
   "aria-hidden": "true"
-}, Fl = {
+}, Ll = {
   key: 0,
   d: "M2.5 3.5h11L9.25 8.5v3.25l-2.5 1.25V8.5z"
-}, $l = {
+}, Tl = {
   key: 1,
   d: "M9 11V6.75M9 6.75 7.25 8.5M9 6.75 10.75 8.5"
-}, Ll = {
+}, zl = {
   key: 2,
   d: "M9 5v4.25M9 9.25 7.25 7.5M9 9.25 10.75 7.5"
-}, Tl = {
+}, Pl = {
   key: 3,
   d: "M5.5 6.5 8 9l2.5-2.5"
-}, zl = ["onMousedown", "onDblclick"], Pl = ["data-column-key", "onClick"], Vl = { class: "col-head" }, Dl = {
+}, Vl = ["onMousedown", "onDblclick"], Dl = ["data-column-key", "onClick"], Hl = { class: "col-head" }, Ol = {
   class: "sort-indicator",
   "aria-hidden": "true"
-}, Hl = ["onMousedown", "onDblclick"], Ol = ["value", "disabled", "onInput"], Wl = /* @__PURE__ */ ft({
+}, Gl = ["onMousedown", "onDblclick"], Wl = ["value", "disabled", "onInput"], Kl = /* @__PURE__ */ ot({
   __name: "DataGridTableStageHeader",
   props: {
     paneLayoutStyle: {
@@ -813,29 +813,29 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
       required: !0
     }
   },
-  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) => {
+  setup(n) {
+    const ee = Hr(), A = rn(), L = Or(), _ = an(), K = Gr(), D = u(() => K.value.sourceRows ?? []), F = u(() => _.value.visibleColumns), I = u(() => _.value.renderedColumns), p = u(() => F.value.filter((i) => i.pin === "left")), x = u(() => F.value.filter((i) => i.pin === "right")), w = u(() => ee.value !== "pivot" ? 0 : F.value.reduce((i, 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);
+      return Math.max(i, a?.groupLabels?.length ?? 0);
+    }, 0)), B = u(() => w.value > 0), Me = u(() => lt(p.value)), v = u(() => lt(I.value)), Se = u(() => lt(x.value)), H = u(() => A.value.mainTrackStyle), fe = u(() => L.value.leftColumnSpacerWidth), Y = u(() => L.value.rightColumnSpacerWidth), Z = 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) {
-      return n === "left" || n === "center" || n === "right" ? n : void 0;
+    function N(i) {
+      return i === "left" || i === "center" || i === "right" ? i : void 0;
     }
-    function R(n) {
-      return A.value.columnStyle(n);
+    function R(i) {
+      return A.value.columnStyle(i);
     }
-    function $(n) {
-      const o = Number.parseFloat(String(A.value.columnStyle(n.key).width ?? ""));
-      return Number.isFinite(o) && o > 0 ? Math.max(0, Math.trunc(o)) : typeof n.width == "number" && Number.isFinite(n.width) ? Math.max(0, Math.trunc(n.width)) : 140;
+    function $(i) {
+      const o = Number.parseFloat(String(A.value.columnStyle(i.key).width ?? ""));
+      return Number.isFinite(o) && o > 0 ? Math.max(0, Math.trunc(o)) : typeof i.width == "number" && Number.isFinite(i.width) ? Math.max(0, Math.trunc(i.width)) : 140;
     }
-    function Ye(n) {
-      const o = n.column.meta?.affinoPivotHeader;
+    function Ye(i) {
+      const o = i.column.meta?.affinoPivotHeader;
       if (!o || typeof o != "object")
         return null;
       const a = o;
@@ -845,12 +845,12 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
         leafLabel: typeof a.leafLabel == "string" ? a.leafLabel : void 0
       };
     }
-    function xe(n) {
-      return ee.value !== "pivot" ? n.column.label ?? n.key : Ye(n)?.leafLabel ?? n.column.label ?? n.key;
+    function xe(i) {
+      return ee.value !== "pivot" ? i.column.label ?? i.key : Ye(i)?.leafLabel ?? i.column.label ?? i.key;
     }
-    function Y(n, o) {
+    function X(i, o) {
       const a = [];
-      for (const c of n) {
+      for (const c of i) {
         const T = Ye(c), O = typeof T?.groupLabels?.[o] == "string" && T.groupLabels[o].length > 0 ? T.groupLabels[o] : null, St = $(c), et = a[a.length - 1];
         if (et && et.label === O) {
           et.width += St, et.columns = [...et.columns, c];
@@ -865,16 +865,16 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
       }
       return a;
     }
-    function ot(n) {
-      if (!F.value)
+    function lt(i) {
+      if (!B.value)
         return [];
       const o = [];
       for (let a = 0; a < w.value; a += 1)
-        o.push(Y(n, a));
+        o.push(X(i, a));
       return o;
     }
-    function xt(n) {
-      const o = `${Math.max(0, n.width)}px`;
+    function xt(i) {
+      const o = `${Math.max(0, i.width)}px`;
       return {
         width: o,
         minWidth: o,
@@ -882,253 +882,253 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
         textAlign: "center"
       };
     }
-    function lt(n) {
-      return _.value.sortIndicator(n);
+    function dt(i) {
+      return _.value.sortIndicator(i);
     }
-    function Ie(n, o) {
-      _.value.startResize(n, o);
+    function Ee(i, o) {
+      _.value.startResize(i, o);
     }
-    function Oe(n, o) {
-      _.value.handleResizeDoubleClick(n, o);
+    function Oe(i, o) {
+      _.value.handleResizeDoubleClick(i, o);
     }
-    function Te(n, o) {
-      _.value.setColumnFilterText(n, o);
+    function Te(i, o) {
+      _.value.setColumnFilterText(i, o);
     }
-    function At(n) {
-      L.value.headerViewportRef(n);
+    function At(i) {
+      L.value.headerViewportRef(i);
     }
-    function Et(n) {
-      L.value.handleHeaderScroll(n);
+    function It(i) {
+      L.value.handleHeaderScroll(i);
     }
-    function It(n) {
-      return n.column.meta?.rowSelection === !0;
+    function Et(i) {
+      return i.column.meta?.rowSelection === !0;
     }
-    function Ze(n) {
-      return n.column.capabilities?.sortable !== !1;
+    function Ze(i) {
+      return i.column.capabilities?.sortable !== !1;
     }
-    function Be(n) {
-      return n.column.capabilities?.filterable !== !1;
+    function Be(i) {
+      return i.column.capabilities?.filterable !== !1;
     }
-    function Qe(n) {
-      return n.column.capabilities?.groupable !== !1;
+    function Qe(i) {
+      return i.column.capabilities?.groupable !== !1;
     }
-    function wt(n) {
-      return Be(n) && _.value.columnMenuValueFilterEnabled !== !1;
+    function wt(i) {
+      return Be(i) && _.value.columnMenuValueFilterEnabled !== !1;
     }
-    function we(n) {
-      const o = q(
-        n.column.presentation?.headerAlign ?? n.column.presentation?.align
+    function we(i) {
+      const o = N(
+        i.column.presentation?.headerAlign ?? i.column.presentation?.align
       );
       return o ? { textAlign: o } : {};
     }
-    function Ae(n, o) {
-      Ze(n) && _.value.toggleSortForColumn(n.key, o);
+    function Ae(i, o) {
+      Ze(i) && _.value.toggleSortForColumn(i.key, o);
     }
-    function dt(n) {
+    function st(i) {
       const o = _.value.isColumnFilterActive;
-      return typeof o == "function" ? o(n) : !1;
+      return typeof o == "function" ? o(i) : !1;
     }
-    function ke(n) {
+    function ke(i) {
       const o = _.value.resolveColumnMenuSortDirection;
-      return typeof o == "function" ? o(n) : null;
+      return typeof o == "function" ? o(i) : null;
     }
-    function kt(n) {
-      return ke(n) !== null;
+    function kt(i) {
+      return ke(i) !== null;
     }
-    function Je(n) {
-      return dt(n);
+    function Je(i) {
+      return st(i);
     }
-    function ce(n) {
+    function ge(i) {
       const o = _.value.isColumnGrouped;
-      return typeof o == "function" ? o(n) : !1;
+      return typeof o == "function" ? o(i) : !1;
     }
-    function ge(n) {
+    function pe(i) {
       const o = _.value.resolveColumnGroupOrder;
-      return typeof o == "function" ? o(n) : null;
+      return typeof o == "function" ? o(i) : null;
     }
-    function Re(n) {
-      const o = ge(n);
+    function Re(i) {
+      const o = pe(i);
       return Number.isFinite(o) ? `G${Number(o) + 1}` : null;
     }
-    function st(n) {
-      const o = ge(n);
+    function ut(i) {
+      const o = pe(i);
       return Number.isFinite(o) ? `Grouped column, level ${Number(o) + 1}` : "Grouped column";
     }
-    function Ct(n) {
-      return Je(n);
+    function Ct(i) {
+      return Je(i);
     }
-    function ze(n) {
-      return ke(n) === "asc";
+    function ze(i) {
+      return ke(i) === "asc";
     }
-    function U(n) {
-      return ke(n) === "desc";
+    function U(i) {
+      return ke(i) === "desc";
     }
-    function J(n, o) {
+    function Q(i, o) {
       return {
         "col-menu-trigger--open": o,
-        "col-menu-trigger--active": o || kt(n) || Je(n) || ce(n),
-        "col-menu-trigger--filtered": Je(n),
-        "col-menu-trigger--grouped": ce(n),
-        "col-menu-trigger--sorted": kt(n)
+        "col-menu-trigger--active": o || kt(i) || Je(i) || ge(i),
+        "col-menu-trigger--filtered": Je(i),
+        "col-menu-trigger--grouped": ge(i),
+        "col-menu-trigger--sorted": kt(i)
       };
     }
-    function re(n) {
+    function re(i) {
       const o = [];
-      if (Je(n.key) && o.push("filtered"), ce(n.key)) {
-        const c = ge(n.key);
+      if (Je(i.key) && o.push("filtered"), ge(i.key)) {
+        const c = pe(i.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");
+      ze(i.key) ? o.push("sorted ascending") : U(i.key) && o.push("sorted descending");
       const a = o.length > 0 ? `, ${o.join(" and ")}` : "";
-      return `Open column menu for ${n.column.label ?? n.key}${a}`;
+      return `Open column menu for ${i.column.label ?? i.key}${a}`;
     }
-    function _t(n, o) {
-      n(o.currentTarget instanceof HTMLElement ? o.currentTarget : null);
+    function _t(i, o) {
+      i(o.currentTarget instanceof HTMLElement ? o.currentTarget : null);
     }
-    function Pe(n) {
+    function Pe(i) {
       const o = _.value.resolveColumnMenuSelectedTokens;
-      return typeof o == "function" ? o(n) : [];
+      return typeof o == "function" ? o(i) : [];
     }
-    function V(n) {
+    function V(i) {
       const o = _.value.resolveColumnMenuItems;
-      return typeof o == "function" ? o(n) : ["sort", "group", "pin", "filter"];
+      return typeof o == "function" ? o(i) : ["sort", "group", "pin", "filter"];
     }
-    function We(n) {
+    function Ge(i) {
       const o = _.value.resolveColumnMenuDisabledItems;
-      return typeof o == "function" ? o(n) : [];
+      return typeof o == "function" ? o(i) : [];
     }
-    function Ee(n) {
+    function Ie(i) {
       const o = _.value.resolveColumnMenuDisabledReasons;
-      return typeof o == "function" ? o(n) : {};
+      return typeof o == "function" ? o(i) : {};
     }
-    function pe(n) {
+    function ce(i) {
       const o = _.value.resolveColumnMenuLabels;
-      return typeof o == "function" ? o(n) : {};
+      return typeof o == "function" ? o(i) : {};
     }
-    function ut(n) {
+    function ct(i) {
       const o = _.value.resolveColumnMenuActionOptions;
-      return typeof o == "function" ? o(n) : {};
+      return typeof o == "function" ? o(i) : {};
     }
-    function Ge(n) {
+    function We(i) {
       return [
-        n,
+        i,
         _.value.columnMenuValueFilterEnabled === !1 ? "text-only" : "value-filter",
         te.value,
         D.value.length
       ].join(":");
     }
-    function Ce(n, o) {
-      _.value.applyColumnMenuSort?.(n, o);
+    function Ce(i, o) {
+      _.value.applyColumnMenuSort?.(i, o);
     }
-    function Ve(n, o) {
-      _.value.applyColumnMenuPin?.(n, o);
+    function Ve(i, o) {
+      _.value.applyColumnMenuPin?.(i, o);
     }
-    function ct(n, o) {
-      _.value.applyColumnMenuGroupBy?.(n, o);
+    function gt(i, o) {
+      _.value.applyColumnMenuGroupBy?.(i, o);
     }
-    function ve(n, o) {
-      _.value.applyColumnMenuFilter?.(n, o);
+    function ve(i, o) {
+      _.value.applyColumnMenuFilter?.(i, o);
     }
-    function me(n) {
-      _.value.clearColumnMenuFilter?.(n);
+    function me(i) {
+      _.value.clearColumnMenuFilter?.(i);
     }
-    function W() {
+    function G() {
       return K.value.allVisibleRowsSelected === !0;
     }
-    function ne() {
+    function ie() {
       return K.value.someVisibleRowsSelected === !0;
     }
-    function gt() {
-      return W() ? "true" : ne() ? "mixed" : "false";
+    function pt() {
+      return G() ? "true" : ie() ? "mixed" : "false";
     }
     function Ke() {
       return {
-        "grid-checkbox-indicator--checked": W(),
-        "grid-checkbox-indicator--mixed": ne() && !W()
+        "grid-checkbox-indicator--checked": G(),
+        "grid-checkbox-indicator--mixed": ie() && !G()
       };
     }
-    function pt() {
+    function vt() {
       return {
-        "grid-checkbox-indicator__mark--checked": W(),
-        "grid-checkbox-indicator__mark--mixed": ne() && !W()
+        "grid-checkbox-indicator__mark--checked": G(),
+        "grid-checkbox-indicator__mark--mixed": ie() && !G()
       };
     }
     function Bt() {
       K.value.handleToggleAllVisibleRows?.();
     }
-    function m(n) {
-      const o = `${n}px`;
+    function h(i) {
+      const o = `${i}px`;
       return {
         width: o,
         minWidth: o,
         maxWidth: o
       };
     }
-    return (n, o) => (s(), g("div", {
-      class: j(["grid-header-shell", { "grid-header-shell--pivot-groups": F.value }]),
-      style: I(i.paneLayoutStyle)
+    return (i, o) => (s(), g("div", {
+      class: j(["grid-header-shell", { "grid-header-shell--pivot-groups": B.value }]),
+      style: E(n.paneLayoutStyle)
     }, [
-      Xt(n.$slots, "center-chrome"),
+      Xt(i.$slots, "center-chrome"),
       f("div", {
         class: "grid-header-pane grid-header-pane--left",
-        style: I(i.leftPaneStyle),
+        style: E(n.leftPaneStyle),
         onWheel: o[10] || (o[10] = //@ts-ignore
-        (...a) => i.onLinkedViewportWheel && i.onLinkedViewportWheel(...a))
+        (...a) => n.onLinkedViewportWheel && n.onLinkedViewportWheel(...a))
       }, [
-        Xt(n.$slots, "left-chrome"),
-        (s(!0), g(X, null, oe(Me.value, (a, c) => (s(), g("div", {
+        Xt(i.$slots, "left-chrome"),
+        (s(!0), g(J, null, le(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(n.leftTrackStyle)
         }, [
-          i.showIndexColumn ? (s(), g("div", {
+          n.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(n.rowIndexColumnStyle),
             "aria-hidden": "true"
           }, null, 4)) : S("", !0),
-          (s(!0), g(X, null, oe(a, (T, O) => (s(), g("div", {
+          (s(!0), g(J, null, le(a, (T, O) => (s(), g("div", {
             key: T.key,
             class: j(["grid-cell grid-cell--header grid-cell--header-group grid-cell--pinned-left", {
               "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
           }, [
-            T.label ? (s(), g("span", Lo, z(T.label), 1)) : S("", !0)
-          ], 14, $o))), 128))
+            T.label ? (s(), g("span", zo, z(T.label), 1)) : S("", !0)
+          ], 14, To))), 128))
         ], 4))), 128)),
         f("div", {
           class: "grid-header-row grid-pane-track",
-          style: I(i.leftTrackStyle)
+          style: E(n.leftTrackStyle)
         }, [
-          i.showIndexColumn ? (s(), g("div", {
+          n.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(n.rowIndexColumnStyle)
           }, [
-            To,
-            C() ? S("", !0) : (s(), g("div", zo))
+            Po,
+            C() ? S("", !0) : (s(), g("div", Vo))
           ], 4)) : S("", !0),
-          k() ? (s(!0), g(X, { key: 1 }, oe(p.value, (a) => (s(), g(X, {
+          k() ? (s(!0), g(J, { key: 1 }, le(p.value, (a) => (s(), g(J, {
             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, [
+              f("div", Ho, [
                 f("button", {
                   class: j(["grid-checkbox-trigger", Ke()]),
                   type: "button",
                   role: "checkbox",
                   "aria-label": "Select all filtered rows",
-                  "aria-checked": gt(),
+                  "aria-checked": pt(),
                   onMousedown: o[0] || (o[0] = y(() => {
                   }, ["stop"])),
                   onClick: [
@@ -1142,39 +1142,39 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
                     "aria-hidden": "true"
                   }, [
                     f("span", {
-                      class: j(["grid-checkbox-indicator__mark", pt()])
+                      class: j(["grid-checkbox-indicator__mark", vt()])
                     }, null, 2)
                   ], 2)
-                ], 42, Do)
+                ], 42, Oo)
               ])
-            ], 12, Po)) : (s(), se(zr, {
-              key: Ge(a.key),
+            ], 12, Do)) : (s(), oe(zr, {
+              key: We(a.key),
               rows: D.value,
               items: V(a.key),
-              "disabled-items": We(a.key),
-              "disabled-reasons": Ee(a.key),
-              labels: pe(a.key),
-              "action-options": ut(a.key),
+              "disabled-items": Ge(a.key),
+              "disabled-reasons": Ie(a.key),
+              labels: ce(a.key),
+              "action-options": ct(a.key),
               "column-key": a.key,
               "column-label": a.column.label ?? a.key,
               "column-data-type": a.column.dataType,
               "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,
               "text-filter-enabled": Be(a),
-              "text-filter-value": Q.value[a.key] ?? "",
-              "filter-active": dt(a.key),
+              "text-filter-value": Z.value[a.key] ?? "",
+              "filter-active": st(a.key),
               "selected-filter-tokens": Pe(a.key),
               "max-filter-values": ye.value,
               onSort: (c) => Ce(a.key, c),
               onPin: (c) => Ve(a.key, c),
               onApplyFilter: (c) => ve(a.key, c),
-              onGroup: (c) => ct(a.key, c),
+              onGroup: (c) => gt(a.key, c),
               onUpdateTextFilter: (c) => Te(a.key, c),
               onClearFilter: (c) => me(a.key)
             }, {
@@ -1184,14 +1184,14 @@ 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, [
-                    f("span", Wo, z(xe(a)), 1),
+                  f("div", Wo, [
+                    f("span", Ko, z(xe(a)), 1),
                     f("button", {
                       type: "button",
-                      class: j(["col-menu-trigger", J(a.key, c)]),
+                      class: j(["col-menu-trigger", Q(a.key, c)]),
                       "aria-label": re(a),
                       title: re(a),
                       "data-column-key": a.key,
@@ -1201,41 +1201,41 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
                       }, ["stop"])),
                       onClick: y((O) => _t(T, O), ["stop"])
                     }, [
-                      (s(), g("svg", Ko, [
-                        Ct(a.key) ? (s(), g("path", jo)) : S("", !0),
-                        ze(a.key) ? (s(), g("path", No)) : U(a.key) ? (s(), g("path", qo)) : (s(), g("path", Uo))
+                      (s(), g("svg", No, [
+                        Ct(a.key) ? (s(), g("path", qo)) : S("", !0),
+                        ze(a.key) ? (s(), g("path", Uo)) : U(a.key) ? (s(), g("path", Xo)) : (s(), g("path", Yo))
                       ]))
-                    ], 42, Go),
+                    ], 42, jo),
                     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[3] || (o[3] = y(() => {
                       }, ["stop"]))
-                    }, null, 40, Xo)
+                    }, null, 40, Zo)
                   ])
-                ], 14, Ho)
+                ], 14, Go)
               ]),
               _: 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", "onApplyFilter", "onGroup", "onUpdateTextFilter", "onClearFilter"]))
-          ], 64))), 128)) : (s(!0), g(X, { key: 2 }, oe(p.value, (a) => (s(), g(X, {
+          ], 64))), 128)) : (s(!0), g(J, { key: 2 }, le(p.value, (a) => (s(), g(J, {
             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, [
+              f("div", Jo, [
                 f("button", {
                   class: j(["grid-checkbox-trigger", Ke()]),
                   type: "button",
                   role: "checkbox",
                   "aria-label": "Select all filtered rows",
-                  "aria-checked": gt(),
+                  "aria-checked": pt(),
                   onMousedown: o[4] || (o[4] = y(() => {
                   }, ["stop"])),
                   onClick: [
@@ -1249,35 +1249,35 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
                     "aria-hidden": "true"
                   }, [
                     f("span", {
-                      class: j(["grid-checkbox-indicator__mark", pt()])
+                      class: j(["grid-checkbox-indicator__mark", vt()])
                     }, null, 2)
                   ], 2)
-                ], 42, Qo)
+                ], 42, el)
               ])
-            ], 12, Yo)) : (s(), g("div", {
+            ], 12, Qo)) : (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)
             }, [
-              f("div", el, [
+              f("div", rl, [
                 f("span", null, z(xe(a)), 1),
                 Re(a.key) ? (s(), g("span", {
                   key: 0,
                   class: "col-head__group-badge",
-                  title: st(a.key)
-                }, z(Re(a.key)), 9, tl)) : S("", !0),
-                f("span", rl, z(lt(a.key)), 1),
+                  title: ut(a.key)
+                }, z(Re(a.key)), 9, al)) : S("", !0),
+                f("span", nl, z(dt(a.key)), 1),
                 f("button", {
                   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"]))
-                }, null, 40, al)
+                }, null, 40, il)
               ]),
               f("div", {
                 class: "col-filter",
@@ -1286,7 +1286,7 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
               }, [
                 f("input", {
                   class: "col-filter-input",
-                  value: Q.value[a.key] ?? "",
+                  value: Z.value[a.key] ?? "",
                   disabled: !Be(a),
                   placeholder: "Filter...",
                   onMousedown: o[7] || (o[7] = y(() => {
@@ -1294,84 +1294,84 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
                   onKeydown: o[8] || (o[8] = y(() => {
                   }, ["stop"])),
                   onInput: (c) => Te(a.key, c.target.value)
-                }, null, 40, il)
+                }, null, 40, ol)
               ])
-            ], 12, Jo))
+            ], 12, tl))
           ], 64))), 128))
         ], 4)
       ], 36),
       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))
+        (...a) => n.onLinkedViewportWheel && n.onLinkedViewportWheel(...a))
       }, [
-        (s(!0), g(X, null, oe(v.value, (a, c) => (s(), g("div", {
+        (s(!0), g(J, null, le(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(h(fe.value))
           }, null, 4)) : S("", !0),
-          (s(!0), g(X, null, oe(a, (T, O) => (s(), g("div", {
+          (s(!0), g(J, null, le(a, (T, O) => (s(), g("div", {
             key: T.key,
             class: j(["grid-cell grid-cell--header grid-cell--header-group", {
               "grid-cell--header-group-empty": !T.label,
-              "grid-cell--header-group-last": O === a.length - 1 && Z.value <= 0
+              "grid-cell--header-group-last": O === a.length - 1 && Y.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
           }, [
-            T.label ? (s(), g("span", ol, z(T.label), 1)) : S("", !0)
-          ], 14, nl))), 128)),
-          Z.value > 0 ? (s(), g("div", {
+            T.label ? (s(), g("span", dl, z(T.label), 1)) : S("", !0)
+          ], 14, ll))), 128)),
+          Y.value > 0 ? (s(), g("div", {
             key: 1,
             class: "grid-column-spacer",
-            style: I(m(Z.value))
+            style: E(h(Y.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(h(fe.value))
           }, null, 4)) : S("", !0),
-          k() ? (s(!0), g(X, { key: 1 }, oe(E.value, (a) => (s(), se(zr, {
-            key: Ge(a.key),
+          k() ? (s(!0), g(J, { key: 1 }, le(I.value, (a) => (s(), oe(zr, {
+            key: We(a.key),
             rows: D.value,
             items: V(a.key),
-            "disabled-items": We(a.key),
-            "disabled-reasons": Ee(a.key),
-            labels: pe(a.key),
-            "action-options": ut(a.key),
+            "disabled-items": Ge(a.key),
+            "disabled-reasons": Ie(a.key),
+            labels: ce(a.key),
+            "action-options": ct(a.key),
             "column-key": a.key,
             "column-label": a.column.label ?? a.key,
             "column-data-type": a.column.dataType,
             "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,
             "text-filter-enabled": Be(a),
-            "text-filter-value": Q.value[a.key] ?? "",
-            "filter-active": dt(a.key),
+            "text-filter-value": Z.value[a.key] ?? "",
+            "filter-active": st(a.key),
             "selected-filter-tokens": Pe(a.key),
             "max-filter-values": ye.value,
             onSort: (c) => Ce(a.key, c),
             onPin: (c) => Ve(a.key, c),
-            onGroup: (c) => ct(a.key, c),
+            onGroup: (c) => gt(a.key, c),
             onApplyFilter: (c) => ve(a.key, c),
             onUpdateTextFilter: (c) => Te(a.key, c),
             onClearFilter: (c) => me(a.key)
@@ -1382,19 +1382,19 @@ 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, [
-                  f("span", sl, z(xe(a)), 1),
+                f("div", ul, [
+                  f("span", cl, z(xe(a)), 1),
                   Re(a.key) ? (s(), g("span", {
                     key: 0,
                     class: "col-head__group-badge",
-                    title: st(a.key)
-                  }, z(Re(a.key)), 9, ul)) : S("", !0),
+                    title: ut(a.key)
+                  }, z(Re(a.key)), 9, gl)) : S("", !0),
                   f("button", {
                     type: "button",
-                    class: j(["col-menu-trigger", J(a.key, c)]),
+                    class: j(["col-menu-trigger", Q(a.key, c)]),
                     "aria-label": re(a),
                     title: re(a),
                     "data-column-key": a.key,
@@ -1404,48 +1404,48 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
                     }, ["stop"])),
                     onClick: y((O) => _t(T, O), ["stop"])
                   }, [
-                    (s(), g("svg", gl, [
-                      Ct(a.key) ? (s(), g("path", pl)) : S("", !0),
-                      ze(a.key) ? (s(), g("path", vl)) : U(a.key) ? (s(), g("path", ml)) : (s(), g("path", hl))
+                    (s(), g("svg", vl, [
+                      Ct(a.key) ? (s(), g("path", ml)) : S("", !0),
+                      ze(a.key) ? (s(), g("path", hl)) : U(a.key) ? (s(), g("path", bl)) : (s(), g("path", fl))
                     ]))
-                  ], 42, cl),
+                  ], 42, pl),
                   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[12] || (o[12] = y(() => {
                     }, ["stop"]))
-                  }, null, 40, bl)
+                  }, null, 40, yl)
                 ])
-              ], 14, ll)
+              ], 14, sl)
             ]),
             _: 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(J, { key: 2 }, le(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)
           }, [
-            f("div", yl, [
+            f("div", wl, [
               f("span", null, z(xe(a)), 1),
               Re(a.key) ? (s(), g("span", {
                 key: 0,
                 class: "col-head__group-badge",
-                title: st(a.key)
-              }, z(Re(a.key)), 9, xl)) : S("", !0),
-              f("span", wl, z(lt(a.key)), 1),
+                title: ut(a.key)
+              }, z(Re(a.key)), 9, kl)) : S("", !0),
+              f("span", Cl, z(dt(a.key)), 1),
               f("button", {
                 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"]))
-              }, null, 40, kl)
+              }, null, 40, _l)
             ]),
             f("div", {
               class: "col-filter",
@@ -1454,7 +1454,7 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
             }, [
               f("input", {
                 class: "col-filter-input",
-                value: Q.value[a.key] ?? "",
+                value: Z.value[a.key] ?? "",
                 disabled: !Be(a),
                 placeholder: "Filter...",
                 onMousedown: o[14] || (o[14] = y(() => {
@@ -1462,74 +1462,74 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
                 onKeydown: o[15] || (o[15] = y(() => {
                 }, ["stop"])),
                 onInput: (c) => Te(a.key, c.target.value)
-              }, null, 40, Cl)
+              }, null, 40, Sl)
             ])
-          ], 12, fl))), 128)),
-          Z.value > 0 ? (s(), g("div", {
+          ], 12, xl))), 128)),
+          Y.value > 0 ? (s(), g("div", {
             key: 3,
             class: "grid-column-spacer",
-            style: I(m(Z.value))
+            style: E(h(Y.value))
           }, null, 4)) : S("", !0)
         ], 4)
       ], 32),
       f("div", {
         class: "grid-header-pane grid-header-pane--right",
-        style: I(i.rightPaneStyle),
+        style: E(n.rightPaneStyle),
         onWheel: o[24] || (o[24] = //@ts-ignore
-        (...a) => i.onLinkedViewportWheel && i.onLinkedViewportWheel(...a))
+        (...a) => n.onLinkedViewportWheel && n.onLinkedViewportWheel(...a))
       }, [
-        Xt(n.$slots, "right-chrome"),
-        (s(!0), g(X, null, oe(Se.value, (a, c) => (s(), g("div", {
+        Xt(i.$slots, "right-chrome"),
+        (s(!0), g(J, null, le(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(n.rightTrackStyle)
         }, [
-          (s(!0), g(X, null, oe(a, (T, O) => (s(), g("div", {
+          (s(!0), g(J, null, le(a, (T, O) => (s(), g("div", {
             key: T.key,
             class: j(["grid-cell grid-cell--header grid-cell--header-group grid-cell--pinned-right", {
               "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
           }, [
-            T.label ? (s(), g("span", Sl, z(T.label), 1)) : S("", !0)
-          ], 14, _l))), 128))
+            T.label ? (s(), g("span", Ml, z(T.label), 1)) : S("", !0)
+          ], 14, Rl))), 128))
         ], 4))), 128)),
         f("div", {
           class: "grid-header-row grid-pane-track",
-          style: I(i.rightTrackStyle)
+          style: E(n.rightTrackStyle)
         }, [
-          k() ? (s(!0), g(X, { key: 0 }, oe(x.value, (a) => (s(), se(zr, {
-            key: Ge(a.key),
+          k() ? (s(!0), g(J, { key: 0 }, le(x.value, (a) => (s(), oe(zr, {
+            key: We(a.key),
             rows: D.value,
             items: V(a.key),
-            "disabled-items": We(a.key),
-            "disabled-reasons": Ee(a.key),
-            labels: pe(a.key),
-            "action-options": ut(a.key),
+            "disabled-items": Ge(a.key),
+            "disabled-reasons": Ie(a.key),
+            labels: ce(a.key),
+            "action-options": ct(a.key),
             "column-key": a.key,
             "column-label": a.column.label ?? a.key,
             "column-data-type": a.column.dataType,
             "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,
             "text-filter-enabled": Be(a),
-            "text-filter-value": Q.value[a.key] ?? "",
-            "filter-active": dt(a.key),
+            "text-filter-value": Z.value[a.key] ?? "",
+            "filter-active": st(a.key),
             "selected-filter-tokens": Pe(a.key),
             "max-filter-values": ye.value,
             onSort: (c) => Ce(a.key, c),
             onPin: (c) => Ve(a.key, c),
             onApplyFilter: (c) => ve(a.key, c),
-            onGroup: (c) => ct(a.key, c),
+            onGroup: (c) => gt(a.key, c),
             onUpdateTextFilter: (c) => Te(a.key, c),
             onClearFilter: (c) => me(a.key)
           }, {
@@ -1539,19 +1539,19 @@ 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, [
-                  f("span", Al, z(xe(a)), 1),
+                f("div", Il, [
+                  f("span", El, z(xe(a)), 1),
                   Re(a.key) ? (s(), g("span", {
                     key: 0,
                     class: "col-head__group-badge",
-                    title: st(a.key)
-                  }, z(Re(a.key)), 9, El)) : S("", !0),
+                    title: ut(a.key)
+                  }, z(Re(a.key)), 9, Bl)) : S("", !0),
                   f("button", {
                     type: "button",
-                    class: j(["col-menu-trigger", J(a.key, c)]),
+                    class: j(["col-menu-trigger", Q(a.key, c)]),
                     "aria-label": re(a),
                     title: re(a),
                     "data-column-key": a.key,
@@ -1561,43 +1561,43 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
                     }, ["stop"])),
                     onClick: y((O) => _t(T, O), ["stop"])
                   }, [
-                    (s(), g("svg", Bl, [
-                      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))
+                    (s(), g("svg", $l, [
+                      Ct(a.key) ? (s(), g("path", Ll)) : S("", !0),
+                      ze(a.key) ? (s(), g("path", Tl)) : U(a.key) ? (s(), g("path", zl)) : (s(), g("path", Pl))
                     ]))
-                  ], 42, Il),
+                  ], 42, Fl),
                   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"]))
-                  }, null, 40, zl)
+                  }, null, 40, Vl)
                 ])
-              ], 14, Rl)
+              ], 14, Al)
             ]),
             _: 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", "onApplyFilter", "onGroup", "onUpdateTextFilter", "onClearFilter"]))), 128)) : (s(!0), g(X, { key: 1 }, oe(x.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", "onApplyFilter", "onGroup", "onUpdateTextFilter", "onClearFilter"]))), 128)) : (s(!0), g(J, { key: 1 }, le(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)
           }, [
-            f("div", Vl, [
+            f("div", Hl, [
               f("span", null, z(xe(a)), 1),
-              f("span", Dl, z(lt(a.key)), 1),
+              f("span", Ol, z(dt(a.key)), 1),
               f("button", {
                 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"]))
-              }, null, 40, Hl)
+              }, null, 40, Gl)
             ]),
             f("div", {
               class: "col-filter",
@@ -1606,7 +1606,7 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
             }, [
               f("input", {
                 class: "col-filter-input",
-                value: Q.value[a.key] ?? "",
+                value: Z.value[a.key] ?? "",
                 disabled: !Be(a),
                 placeholder: "Filter...",
                 onMousedown: o[21] || (o[21] = y(() => {
@@ -1614,14 +1614,14 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
                 onKeydown: o[22] || (o[22] = y(() => {
                 }, ["stop"])),
                 onInput: (c) => Te(a.key, c.target.value)
-              }, null, 40, Ol)
+              }, null, 40, Wl)
             ])
-          ], 12, Pl))), 128))
+          ], 12, Dl))), 128))
         ], 4)
       ], 36)
     ], 6));
   }
-}), ii = /* @__PURE__ */ ft({
+}), on = /* @__PURE__ */ ot({
   __name: "DataGridCellComboboxEditor",
   props: {
     value: {},
@@ -1632,7 +1632,7 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
     openOnMount: { type: Boolean }
   },
   emits: ["commit", "cancel", "optionsResolved"],
-  setup(i, { emit: ee }) {
+  setup(n, { emit: ee }) {
     const A = ee;
     function L(K, D) {
       A("commit", K, D);
@@ -1640,7 +1640,7 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
     function _(K) {
       A("optionsResolved", K);
     }
-    return (K, D) => (s(), se(jn, {
+    return (K, D) => (s(), oe(qi, {
       value: K.value,
       options: K.options,
       "load-options": K.loadOptions,
@@ -1649,23 +1649,34 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
       "open-on-mount": K.openOnMount,
       "open-on-focus": !1,
       onCommit: L,
-      onCancel: D[0] || (D[0] = (B) => A("cancel")),
+      onCancel: D[0] || (D[0] = (F) => A("cancel")),
       onOptionsResolved: _
     }, null, 8, ["value", "options", "load-options", "placeholder", "initial-filter", "open-on-mount"]));
   }
-}), Gl = {
+}), ln = ot({
+  name: "DataGridCellContentRenderer",
+  props: {
+    content: {
+      type: null,
+      default: null
+    }
+  },
+  setup(n) {
+    return () => n.content;
+  }
+}), jl = {
   key: 0,
   class: "grid-selection-overlay",
   "aria-hidden": "true"
-}, Kl = {
+}, Nl = {
   key: 1,
   class: "grid-selection-overlay",
   "aria-hidden": "true"
-}, jl = {
+}, ql = {
   key: 2,
   class: "grid-selection-overlay",
   "aria-hidden": "true"
-}, ni = /* @__PURE__ */ ft({
+}, dn = /* @__PURE__ */ ot({
   __name: "DataGridTableStageOverlayLayer",
   props: {
     selectionSegments: {
@@ -1681,32 +1692,32 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
       required: !0
     }
   },
-  setup(i) {
-    return (ee, A) => (s(), g(X, null, [
-      i.selectionSegments.length > 0 ? (s(), g("div", Gl, [
-        (s(!0), g(X, null, oe(i.selectionSegments, (L) => (s(), g("div", {
+  setup(n) {
+    return (ee, A) => (s(), g(J, null, [
+      n.selectionSegments.length > 0 ? (s(), g("div", jl, [
+        (s(!0), g(J, null, le(n.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", {
+      n.fillPreviewSegments.length > 0 ? (s(), g("div", Nl, [
+        (s(!0), g(J, null, le(n.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", {
+      n.movePreviewSegments.length > 0 ? (s(), g("div", ql, [
+        (s(!0), g(J, null, le(n.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));
   }
-}), Nl = ["data-row-index", "onClick", "onMouseenter"], ql = ["data-row-id", "data-column-key", "data-row-index", "data-column-index", "tabindex", "role", "aria-checked", "onMousedown", "onClick", "onMousemove", "onKeydown", "onDblclick"], Ul = ["type", "value"], Xl = ["value"], Ya = /* @__PURE__ */ ft({
+}), Ul = ["data-row-index", "onClick", "onMouseenter"], Xl = ["data-row-id", "data-column-key", "data-row-index", "data-column-index", "tabindex", "role", "aria-checked", "onMousedown", "onClick", "onMousemove", "onKeydown", "onDblclick"], Yl = ["type", "value"], Zl = ["value"], Ya = /* @__PURE__ */ ot({
   __name: "DataGridTableStageCenterPane",
   props: {
     viewportRef: {
@@ -1762,16 +1773,16 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
       required: !0
     }
   },
-  setup(i) {
-    const ee = i, A = Hr(), L = ti(), _ = Or(), K = ri(), D = Wr(), B = ai(), {
-      displayRows: E,
+  setup(n) {
+    const ee = n, A = Hr(), L = rn(), _ = Or(), K = an(), D = Gr(), F = nn(), {
+      displayRows: I,
       viewportClass: p,
       viewportRef: x,
       selectionOverlaySegments: w,
-      fillPreviewOverlaySegments: F,
+      fillPreviewOverlaySegments: B,
       movePreviewOverlaySegments: Me,
       renderApi: v
-    } = An(ee), Se = u(() => ee.topSpacerHeight ?? _.value.topSpacerHeight), H = u(() => ee.bottomSpacerHeight ?? _.value.bottomSpacerHeight), fe = u(() => ee.handleScroll ?? v.value.handleCenterViewportScroll), Z = u(() => ee.handleWheel ?? v.value.handleBodyViewportWheel), Q = u(() => ee.handleKeydown ?? v.value.handleViewportKeydown), ye = u(() => ee.handleContextMenu);
+    } = Ei(ee), Se = u(() => ee.topSpacerHeight ?? _.value.topSpacerHeight), H = u(() => ee.bottomSpacerHeight ?? _.value.bottomSpacerHeight), fe = u(() => ee.handleScroll ?? v.value.handleCenterViewportScroll), Y = u(() => ee.handleWheel ?? v.value.handleBodyViewportWheel), Z = u(() => ee.handleKeydown ?? v.value.handleViewportKeydown), ye = u(() => ee.handleContextMenu);
     return (te, C) => (s(), g("div", {
       ref: d(x) ?? void 0,
       class: j(d(p)),
@@ -1779,67 +1790,67 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
       onScroll: C[14] || (C[14] = //@ts-ignore
       (...k) => fe.value && fe.value(...k)),
       onWheel: C[15] || (C[15] = //@ts-ignore
-      (...k) => Z.value && Z.value(...k)),
+      (...k) => Y.value && Y.value(...k)),
       onContextmenu: C[16] || (C[16] = //@ts-ignore
       (...k) => ye.value && ye.value(...k)),
       onKeydown: C[17] || (C[17] = y(
         //@ts-ignore
-        (...k) => Q.value && Q.value(...k),
+        (...k) => Z.value && Z.value(...k),
         ["stop"]
       ))
     }, [
       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(J, null, le(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", {
+          (s(!0), g(J, null, le(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,21 +1859,21 @@ 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(), oe(on, {
               key: 1,
               value: d(v).resolveSelectEditorValue(k, R),
               options: d(v).resolveSelectEditorOptions(k, R),
               "load-options": d(v).resolveSelectEditorOptionsLoader(k, R),
-              "initial-filter": d(B).editingCellInitialFilter,
-              "open-on-mount": d(B).editingCellOpenOnMount,
+              "initial-filter": d(F).editingCellInitialFilter,
+              "open-on-mount": d(F).editingCellOpenOnMount,
               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),
-              value: d(B).editingCellValue,
+              value: d(F).editingCellValue,
               onMousedown: C[2] || (C[2] = y(() => {
               }, ["stop"])),
               onClick: C[3] || (C[3] = y(() => {
@@ -1876,10 +1887,10 @@ 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, Yl)) : 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,
+              value: d(F).editingCellValue,
               onMousedown: C[8] || (C[8] = y(() => {
               }, ["stop"])),
               onClick: C[9] || (C[9] = y(() => {
@@ -1892,7 +1903,7 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
               )),
               onBlur: C[12] || (C[12] = //@ts-ignore
               (...$) => d(v).handleTextEditorBlur && d(v).handleTextEditorBlur(...$))
-            }, null, 40, Xl)) : d(v).shouldRenderCheckboxCell(k, R) ? (s(), g("span", {
+            }, null, 40, Zl)) : d(v).shouldRenderCheckboxCell(k, R) ? (s(), g("span", {
               key: 4,
               class: j(["grid-checkbox-indicator", d(v).checkboxIndicatorClass(k, R)]),
               "aria-hidden": "true"
@@ -1900,34 +1911,35 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
               f("span", {
                 class: j(["grid-checkbox-indicator__mark", d(v).checkboxIndicatorMarkClass(k, R)])
               }, null, 2)
-            ], 2)) : (s(), g(X, { key: 5 }, [
-              ur(z(d(v).readResolvedDisplayCell(k, R)), 1)
-            ], 64))
-          ], 46, ql))), 128)),
+            ], 2)) : (s(), oe(d(ln), {
+              key: 5,
+              content: d(v).renderResolvedCellContent(k, d(v).viewportRowOffset(k, N), R, d(v).columnIndexByKey(R.key))
+            }, null, 8, ["content"]))
+          ], 46, Xl))), 128)),
           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)),
+        ], 46, Ul))), 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, {
+        _e(dn, {
           "selection-segments": d(w),
-          "fill-preview-segments": d(F),
+          "fill-preview-segments": d(B),
           "move-preview-segments": d(Me)
         }, null, 8, ["selection-segments", "fill-preview-segments", "move-preview-segments"])
       ], 4)
     ], 34));
   }
-}), Yl = ["aria-expanded"], Zl = {
+}), Ql = ["aria-expanded"], Jl = {
   key: 0,
   class: "grid-fill-action__menu",
   role: "menu"
-}, Ql = ["aria-checked"], Jl = ["aria-checked"], ed = /* @__PURE__ */ ft({
+}, ed = ["aria-checked"], td = ["aria-checked"], rd = /* @__PURE__ */ ot({
   __name: "DataGridTableStageFillActionMenu",
   props: {
     isOpen: {
@@ -1940,46 +1952,46 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
     }
   },
   emits: ["toggle", "selected"],
-  setup(i, { emit: ee }) {
-    const A = ee, L = Fo(), _ = u(() => L.value.fillActionBehavior);
+  setup(n, { emit: ee }) {
+    const A = ee, L = Lo(), _ = u(() => L.value.fillActionBehavior);
     function K(D) {
       L.value.applyFillActionBehavior(D), A("selected");
     }
-    return (D, B) => i.style ? (s(), g("div", {
+    return (D, F) => n.style ? (s(), g("div", {
       key: 0,
       class: "grid-fill-action grid-fill-action--floating",
-      style: I(i.style)
+      style: E(n.style)
     }, [
       f("button", {
         type: "button",
         class: "grid-fill-action__trigger",
         "aria-label": "Fill options",
         "aria-haspopup": "menu",
-        "aria-expanded": i.isOpen ? "true" : "false",
+        "aria-expanded": n.isOpen ? "true" : "false",
         tabindex: "-1",
-        onMousedown: B[0] || (B[0] = y(() => {
+        onMousedown: F[0] || (F[0] = y(() => {
         }, ["stop"])),
-        onClick: B[1] || (B[1] = y((E) => A("toggle", E), ["stop"]))
-      }, " v ", 40, Yl),
-      i.isOpen ? (s(), g("div", Zl, [
+        onClick: F[1] || (F[1] = y((I) => A("toggle", I), ["stop"]))
+      }, " v ", 40, Ql),
+      n.isOpen ? (s(), g("div", Jl, [
         f("button", {
           type: "button",
           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"]))
-        }, " Series ", 10, Ql),
+          onClick: F[2] || (F[2] = y((I) => K("series"), ["stop"]))
+        }, " Series ", 10, ed),
         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"]))
-        }, " Copy ", 10, Jl)
+          onClick: F[3] || (F[3] = y((I) => K("copy"), ["stop"]))
+        }, " Copy ", 10, td)
       ])) : S("", !0)
     ], 4)) : S("", !0);
   }
-}), td = ["data-row-index", "onClick", "onMouseenter"], rd = ["data-row-id", "data-row-index", "tabindex", "onClick", "onKeydown"], ad = ["onMousedown", "onDblclick"], id = ["data-row-id", "data-column-key", "data-row-index", "data-column-index", "tabindex", "role", "aria-checked", "onMousedown", "onClick", "onMousemove", "onKeydown", "onDblclick"], nd = ["type", "value"], od = ["value"], dr = /* @__PURE__ */ ft({
+}), ad = ["data-row-index", "onClick", "onMouseenter"], nd = ["data-row-id", "data-row-index", "tabindex", "onClick", "onKeydown"], id = ["onMousedown", "onDblclick"], od = ["data-row-id", "data-column-key", "data-row-index", "data-column-index", "tabindex", "role", "aria-checked", "onMousedown", "onClick", "onMousemove", "onKeydown", "onDblclick"], ld = ["type", "value"], dd = ["value"], dr = /* @__PURE__ */ ot({
   __name: "DataGridTableStagePinnedPane",
   props: {
     pane: {
@@ -1995,159 +2007,160 @@ const $o = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
       default: void 0
     }
   },
-  setup(i) {
-    const ee = i, A = Hr(), L = Or(), _ = Wr(), K = ai(), D = ee.handleContextMenu;
-    return (B, E) => (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
-      (...p) => i.renderApi.handleLinkedViewportWheel && i.renderApi.handleLinkedViewportWheel(...p))
+  setup(n) {
+    const ee = n, A = Hr(), L = Or(), _ = Gr(), K = nn(), D = ee.handleContextMenu;
+    return (F, I) => (s(), g("div", {
+      class: j(["grid-body-pane", n.pane.side === "left" ? "grid-body-pane--left" : "grid-body-pane--right"]),
+      style: E(n.pane.style),
+      onWheel: I[15] || (I[15] = //@ts-ignore
+      (...p) => n.renderApi.handleLinkedViewportWheel && n.renderApi.handleLinkedViewportWheel(...p))
     }, [
-      Xt(B.$slots, "chrome"),
+      Xt(F.$slots, "chrome"),
       f("div", {
-        ref: i.pane.contentRef ?? void 0,
+        ref: n.pane.contentRef ?? void 0,
         class: "grid-pane-content",
-        style: I(i.pane.contentStyle),
-        onContextmenu: E[14] || (E[14] = //@ts-ignore
+        style: E(n.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", {
+        (n.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: `${n.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)),
-          "data-row-index": i.renderApi.absoluteRowIndex(p, x),
-          onClick: (w) => i.renderApi.handleRowContainerClick(p),
-          onMouseenter: (w) => i.renderApi.setHoveredRow(p, x)
+        (s(!0), g(J, null, le(n.pane.displayRows, (p, x) => (s(), g("div", {
+          key: `${String(p.rowId)}-${n.pane.side}-row`,
+          class: j(["grid-row", [d(_).rowClass(p), n.renderApi.rowStateClasses(p, x), { "grid-row--autosize-probe": d(_).isRowAutosizeProbe(p, n.renderApi.viewportRowOffset(p, x)) }]]),
+          style: E(n.renderApi.paneRowStyle(p, x, n.pane.width)),
+          "data-row-index": n.renderApi.absoluteRowIndex(p, x),
+          onClick: (w) => n.renderApi.handleRowContainerClick(p),
+          onMouseenter: (w) => n.renderApi.setHoveredRow(p, x)
         }, [
-          i.pane.showIndexColumn ? (s(), g("div", {
+          n.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))),
+            class: j(["grid-cell grid-cell--index grid-cell--index-number datagrid-stage__row-index-cell", { "grid-cell--index-selected": n.renderApi.isFullRowSelectionSafe(n.renderApi.viewportRowOffset(p, x)) }]),
+            style: E(n.renderApi.rowIndexCellStyle(p, n.renderApi.viewportRowOffset(p, x))),
             "data-row-id": String(p.rowId),
-            "data-row-index": i.renderApi.absoluteRowIndex(p, x),
-            tabindex: i.renderApi.rowIndexTabIndex(p),
-            onClick: y((w) => i.renderApi.handleRowIndexClickSafe(p, i.renderApi.viewportRowOffset(p, x), w), ["stop"]),
-            onKeydown: y((w) => i.renderApi.handleRowIndexKeydown(w, p, i.renderApi.viewportRowOffset(p, x)), ["stop"])
+            "data-row-index": n.renderApi.absoluteRowIndex(p, x),
+            tabindex: n.renderApi.rowIndexTabIndex(p),
+            onClick: y((w) => n.renderApi.handleRowIndexClickSafe(p, n.renderApi.viewportRowOffset(p, x), w), ["stop"]),
+            onKeydown: y((w) => n.renderApi.handleRowIndexKeydown(w, p, n.renderApi.viewportRowOffset(p, x)), ["stop"])
           }, [
-            ur(z(d(_).rowIndexLabel(p, i.renderApi.viewportRowOffset(p, x))) + " ", 1),
+            en(z(d(_).rowIndexLabel(p, n.renderApi.viewportRowOffset(p, x))) + " ", 1),
             d(A) === "base" ? (s(), g("button", {
               key: 0,
               type: "button",
               class: "row-resize-handle",
               "aria-label": "Resize rows",
-              onMousedown: y((w) => d(_).startRowResize(w, p, i.renderApi.viewportRowOffset(p, x)), ["stop", "prevent"]),
-              onDblclick: y((w) => d(_).autosizeRow(w, p, i.renderApi.viewportRowOffset(p, x)), ["stop", "prevent"])
-            }, null, 40, ad)) : S("", !0)
-          ], 46, rd)) : S("", !0),
-          (s(!0), g(X, null, oe(i.pane.columns, (w) => (s(), g("div", {
-            key: `${String(p.rowId)}-${i.pane.side}-${w.key}`,
+              onMousedown: y((w) => d(_).startRowResize(w, p, n.renderApi.viewportRowOffset(p, x)), ["stop", "prevent"]),
+              onDblclick: y((w) => d(_).autosizeRow(w, p, n.renderApi.viewportRowOffset(p, x)), ["stop", "prevent"])
+            }, null, 40, id)) : S("", !0)
+          ], 46, nd)) : S("", !0),
+          (s(!0), g(J, null, le(n.pane.columns, (w) => (s(), g("div", {
+            key: `${String(p.rowId)}-${n.pane.side}-${w.key}`,
             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.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))
+              n.pane.side === "left" ? "grid-cell--pinned-left" : "grid-cell--pinned-right",
+              n.renderApi.builtInCellClasses(p, n.renderApi.viewportRowOffset(p, x), w, n.renderApi.columnIndexByKey(w.key)),
+              n.renderApi.cellStateClasses(p, n.renderApi.viewportRowOffset(p, x), n.renderApi.columnIndexByKey(w.key)),
+              n.renderApi.resolveCellCustomClass(p, n.renderApi.viewportRowOffset(p, x), w, n.renderApi.columnIndexByKey(w.key))
             ]]),
-            style: I([
-              i.renderApi.columnStyle(w.key),
-              i.renderApi.bodyCellPresentationStyle(w),
-              i.renderApi.bodyCellSelectionStyle(p, w, i.renderApi.viewportRowOffset(p, x), i.renderApi.columnIndexByKey(w.key)),
-              i.renderApi.resolveCellCustomStyle(p, i.renderApi.viewportRowOffset(p, x), w, i.renderApi.columnIndexByKey(w.key))
+            style: E([
+              n.renderApi.columnStyle(w.key),
+              n.renderApi.bodyCellPresentationStyle(w),
+              n.renderApi.bodyCellSelectionStyle(p, w, n.renderApi.viewportRowOffset(p, x), n.renderApi.columnIndexByKey(w.key)),
+              n.renderApi.resolveCellCustomStyle(p, n.renderApi.viewportRowOffset(p, x), w, n.renderApi.columnIndexByKey(w.key))
             ]),
             "data-row-id": String(p.rowId),
             "data-column-key": w.key,
-            "data-row-index": i.renderApi.absoluteRowIndex(p, x),
-            "data-column-index": i.renderApi.columnIndexByKey(w.key),
-            tabindex: i.renderApi.cellTabIndex(i.renderApi.viewportRowOffset(p, x), i.renderApi.columnIndexByKey(w.key)),
-            role: i.renderApi.checkboxCellRole(p, w),
-            "aria-checked": i.renderApi.checkboxCellAriaChecked(p, w),
-            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()),
-            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"])
+            "data-row-index": n.renderApi.absoluteRowIndex(p, x),
+            "data-column-index": n.renderApi.columnIndexByKey(w.key),
+            tabindex: n.renderApi.cellTabIndex(n.renderApi.viewportRowOffset(p, x), n.renderApi.columnIndexByKey(w.key)),
+            role: n.renderApi.checkboxCellRole(p, w),
+            "aria-checked": n.renderApi.checkboxCellAriaChecked(p, w),
+            onMousedown: y((B) => n.renderApi.handleCellMouseDown(B, p, n.renderApi.viewportRowOffset(p, x), n.renderApi.columnIndexByKey(w.key)), ["prevent", "stop"]),
+            onClick: y((B) => n.renderApi.handleBodyCellClick(B, p, n.renderApi.viewportRowOffset(p, x), w, n.renderApi.columnIndexByKey(w.key)), ["stop"]),
+            onMousemove: (B) => n.renderApi.handleCellMouseMove(B, n.renderApi.viewportRowOffset(p, x), n.renderApi.columnIndexByKey(w.key)),
+            onMouseleave: I[13] || (I[13] = (B) => n.renderApi.clearRangeMoveHandleHover()),
+            onKeydown: y((B) => n.renderApi.handleCellKeydown(B, p, n.renderApi.viewportRowOffset(p, x), n.renderApi.columnIndexByKey(w.key)), ["stop"]),
+            onDblclick: y((B) => n.renderApi.startInlineEditIfAllowed(p, w, n.renderApi.viewportRowOffset(p, x)), ["stop"])
           }, [
-            d(A) === "base" && i.renderApi.isCellEditableSafe(p, i.renderApi.viewportRowOffset(p, x), w, i.renderApi.columnIndexByKey(w.key)) && i.renderApi.isFillHandleCellSafe(i.renderApi.viewportRowOffset(p, x), i.renderApi.columnIndexByKey(w.key)) && !i.renderApi.isEditingCellSafe(p, w.key) ? (s(), g("button", {
+            d(A) === "base" && n.renderApi.isCellEditableSafe(p, n.renderApi.viewportRowOffset(p, x), w, n.renderApi.columnIndexByKey(w.key)) && n.renderApi.isFillHandleCellSafe(n.renderApi.viewportRowOffset(p, x), n.renderApi.columnIndexByKey(w.key)) && !n.renderApi.isEditingCellSafe(p, w.key) ? (s(), g("button", {
               key: 0,
               type: "button",
               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((B) => n.renderApi.handleFillHandleMouseDown(B), ["stop", "prevent"])),
+              onDblclick: I[1] || (I[1] = y((B) => n.renderApi.handleFillHandleDoubleClick(B), ["stop", "prevent"]))
             }, null, 32)) : S("", !0),
-            i.renderApi.isSelectEditorCell(p, i.renderApi.viewportRowOffset(p, x), w, i.renderApi.columnIndexByKey(w.key)) ? (s(), se(ii, {
+            n.renderApi.isSelectEditorCell(p, n.renderApi.viewportRowOffset(p, x), w, n.renderApi.columnIndexByKey(w.key)) ? (s(), oe(on, {
               key: 1,
-              value: i.renderApi.resolveSelectEditorValue(p, w),
-              options: i.renderApi.resolveSelectEditorOptions(p, w),
-              "load-options": i.renderApi.resolveSelectEditorOptionsLoader(p, w),
+              value: n.renderApi.resolveSelectEditorValue(p, w),
+              options: n.renderApi.resolveSelectEditorOptions(p, w),
+              "load-options": n.renderApi.resolveSelectEditorOptionsLoader(p, w),
               "initial-filter": d(K).editingCellInitialFilter,
               "open-on-mount": d(K).editingCellOpenOnMount,
-              onCommit: i.renderApi.handleSelectEditorCommit,
-              onCancel: i.renderApi.handleSelectEditorCancel,
-              onOptionsResolved: (F) => i.renderApi.handleSelectEditorOptionsResolved(p, w, F)
-            }, null, 8, ["value", "options", "load-options", "initial-filter", "open-on-mount", "onCommit", "onCancel", "onOptionsResolved"])) : i.renderApi.isDateEditorCell(p, i.renderApi.viewportRowOffset(p, x), w, i.renderApi.columnIndexByKey(w.key)) ? (s(), g("input", {
+              onCommit: n.renderApi.handleSelectEditorCommit,
+              onCancel: n.renderApi.handleSelectEditorCancel,
+              onOptionsResolved: (B) => n.renderApi.handleSelectEditorOptionsResolved(p, w, B)
+            }, null, 8, ["value", "options", "load-options", "initial-filter", "open-on-mount", "onCommit", "onCancel", "onOptionsResolved"])) : n.renderApi.isDateEditorCell(p, n.renderApi.viewportRowOffset(p, x), w, n.renderApi.columnIndexByKey(w.key)) ? (s(), g("input", {
               key: 2,
               class: "cell-editor-control cell-editor-input cell-editor-input--date",
-              type: i.renderApi.resolveDateEditorInputType(p, w),
+              type: n.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] = (B) => n.renderApi.updateEditingCellValue(B.target.value)),
+              onChange: I[5] || (I[5] = (B) => n.renderApi.handleDateEditorChange(B.target.value)),
+              onKeydown: I[6] || (I[6] = y(
                 //@ts-ignore
-                (...F) => i.renderApi.handleEditorKeydown && i.renderApi.handleEditorKeydown(...F),
+                (...B) => n.renderApi.handleEditorKeydown && n.renderApi.handleEditorKeydown(...B),
                 ["stop"]
               )),
-              onBlur: E[7] || (E[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", {
+              onBlur: I[7] || (I[7] = //@ts-ignore
+              (...B) => n.renderApi.handleTextEditorBlur && n.renderApi.handleTextEditorBlur(...B))
+            }, null, 40, ld)) : n.renderApi.isTextEditorCell(p, n.renderApi.viewportRowOffset(p, x), w, n.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] = (B) => n.renderApi.updateEditingCellValue(B.target.value)),
+              onKeydown: I[11] || (I[11] = y(
                 //@ts-ignore
-                (...F) => i.renderApi.handleEditorKeydown && i.renderApi.handleEditorKeydown(...F),
+                (...B) => n.renderApi.handleEditorKeydown && n.renderApi.handleEditorKeydown(...B),
                 ["stop"]
               )),
-              onBlur: E[12] || (E[12] = //@ts-ignore
-              (...F) => i.renderApi.handleTextEditorBlur && i.renderApi.handleTextEditorBlur(...F))
-            }, null, 40, od)) : i.renderApi.shouldRenderCheckboxCell(p, w) ? (s(), g("span", {
+              onBlur: I[12] || (I[12] = //@ts-ignore
+              (...B) => n.renderApi.handleTextEditorBlur && n.renderApi.handleTextEditorBlur(...B))
+            }, null, 40, dd)) : n.renderApi.shouldRenderCheckboxCell(p, w) ? (s(), g("span", {
               key: 4,
-              class: j(["grid-checkbox-indicator", i.renderApi.checkboxIndicatorClass(p, w)]),
+              class: j(["grid-checkbox-indicator", n.renderApi.checkboxIndicatorClass(p, w)]),
               "aria-hidden": "true"
             }, [
               f("span", {
-                class: j(["grid-checkbox-indicator__mark", i.renderApi.checkboxIndicatorMarkClass(p, w)])
+                class: j(["grid-checkbox-indicator__mark", n.renderApi.checkboxIndicatorMarkClass(p, w)])
               }, null, 2)
-            ], 2)) : (s(), g(X, { key: 5 }, [
-              ur(z(i.renderApi.readResolvedDisplayCell(p, w)), 1)
-            ], 64))
-          ], 46, id))), 128))
-        ], 46, td))), 128)),
-        (i.pane.bottomSpacerHeight ?? d(L).bottomSpacerHeight) > 0 ? (s(), g("div", {
+            ], 2)) : (s(), oe(d(ln), {
+              key: 5,
+              content: n.renderApi.renderResolvedCellContent(p, n.renderApi.viewportRowOffset(p, x), w, n.renderApi.columnIndexByKey(w.key))
+            }, null, 8, ["content"]))
+          ], 46, od))), 128))
+        ], 46, ad))), 128)),
+        (n.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: `${n.pane.bottomSpacerHeight ?? d(L).bottomSpacerHeight}px` })
         }, null, 4)) : S("", !0),
-        _e(ni, {
-          "selection-segments": i.pane.selectionOverlaySegments,
-          "fill-preview-segments": i.pane.fillPreviewOverlaySegments,
-          "move-preview-segments": i.pane.movePreviewOverlaySegments
+        _e(dn, {
+          "selection-segments": n.pane.selectionOverlaySegments,
+          "fill-preview-segments": n.pane.fillPreviewOverlaySegments,
+          "move-preview-segments": n.pane.movePreviewOverlaySegments
         }, null, 8, ["selection-segments", "fill-preview-segments", "move-preview-segments"])
       ], 36)
     ], 38));
@@ -4791,18 +4804,18 @@ body.datagrid-fill-drag-cursor * {
   }
 }
 `;
-function ld() {
+function sd() {
   if (typeof document > "u")
     return;
-  const i = document.getElementById(Za);
-  if (i instanceof HTMLStyleElement) {
-    i.textContent !== Pr && (i.textContent = Pr);
+  const n = document.getElementById(Za);
+  if (n instanceof HTMLStyleElement) {
+    n.textContent !== Pr && (n.textContent = Pr);
     return;
   }
   const ee = document.createElement("style");
   ee.id = Za, ee.textContent = Pr, document.head.append(ee);
 }
-const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr = "datagrid-fill-drag-cursor", xd = /* @__PURE__ */ ft({
+const ud = 6, cd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr = "datagrid-fill-drag-cursor", kd = /* @__PURE__ */ ot({
   __name: "DataGridTableStage",
   props: {
     mode: {
@@ -4854,13 +4867,13 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
       default: void 0
     }
   },
-  setup(i, { expose: ee }) {
-    ld();
-    const A = i, L = A.stageContext ?? Io(
+  setup(n, { expose: ee }) {
+    sd();
+    const A = n, L = A.stageContext ?? Fo(
       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);
+    $o(L);
+    const _ = L.mode, K = L.rowHeightMode, D = L.layout, F = L.viewport, I = L.columns, p = L.rows, x = L.selection, w = L.editing, B = 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 ?? []), Y = u(() => x.value?.selectionRange ?? null), Z = u(() => x.value?.isFillDragging === !0);
     function ye(e) {
       return D.value.columnStyle(e);
     }
@@ -4873,7 +4886,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());
@@ -4893,13 +4906,13 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
       const r = Number.parseFloat(String(e ?? ""));
       return Number.isFinite(r) ? r : t;
     }
-    function Y(e) {
+    function X(e) {
       const t = D.value.columnStyle(e.key);
       return xe(t.width ?? t.minWidth ?? e.width, e.width ?? 140);
     }
-    function ot(e) {
+    function lt(e) {
       const t = e.column.meta?.affinoPivotHeader;
-      if (!lt(t))
+      if (!dt(t))
         return null;
       const r = Array.isArray(t.groupLabels) ? t.groupLabels.filter((l) => typeof l == "string" && l.length > 0) : [];
       return r.length > 0 ? { groupLabels: r } : null;
@@ -4907,10 +4920,10 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
     function xt(e) {
       return e === "left" || e === "center" || e === "right" ? e : void 0;
     }
-    function lt(e) {
+    function dt(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) {
@@ -4922,22 +4935,22 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
     }
     function At(e, t) {
       let r = null;
-      return hr(e, t) ? r = "var(--datagrid-row-band-hover-bg)" : br(e, t) && (r = "var(--datagrid-row-band-striped-bg)"), r ? {
+      return mr(e, t) ? r = "var(--datagrid-row-band-hover-bg)" : hr(e, t) && (r = "var(--datagrid-row-band-striped-bg)"), r ? {
         backgroundImage: `linear-gradient(${r}, ${r})`,
         backgroundSize: "calc(100% - var(--datagrid-column-divider-size)) calc(100% - var(--datagrid-row-divider-size))",
         backgroundPosition: "top left",
         backgroundRepeat: "no-repeat"
       } : null;
     }
-    function Et(e, t, r, l) {
-      if (J(r, l))
+    function It(e, t, r, l) {
+      if (Q(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))
         return { background: "var(--datagrid-selection-range-bg)" };
       const b = At(e, r);
       return b || {};
     }
-    function It(e, t) {
+    function Et(e, t) {
       const r = At(e, t);
       return r ? {
         ...Ve.value,
@@ -4945,14 +4958,14 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
       } : Ve.value;
     }
     function Ze(e, t, r, l) {
-      return F.value.cellClass?.(e, t, r, l) ?? null;
+      return B.value.cellClass?.(e, t, r, l) ?? null;
     }
     function Be(e, t, r, l) {
-      return F.value.cellStyle?.(e, t, r, l) ?? {};
+      return B.value.cellStyle?.(e, t, r, l) ?? {};
     }
     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
@@ -4967,8 +4980,8 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
       const b = l.getBoundingClientRect();
       if (b.width <= 0)
         return !1;
-      const h = e.clientX - b.left, M = Math.min(24, Math.max(16, Math.floor(b.width * 0.22)));
-      return h >= b.width - M;
+      const m = e.clientX - b.left, M = Math.min(24, Math.max(16, Math.floor(b.width * 0.22)));
+      return m >= b.width - M;
     }
     function we(e, t, r) {
       const l = t.kind === "group" ? "none" : rt(t, r);
@@ -4977,16 +4990,16 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
       const b = e.currentTarget instanceof HTMLElement ? e.currentTarget : null;
       if (!b)
         return !1;
-      const h = b.getBoundingClientRect();
-      if (h.width <= 0)
+      const m = b.getBoundingClientRect();
+      if (m.width <= 0)
         return !1;
-      const M = e.clientX - h.left, G = Math.min(24, Math.max(16, Math.floor(h.width * 0.22)));
-      return M >= h.width - G;
+      const M = e.clientX - m.left, W = Math.min(24, Math.max(16, Math.floor(m.width * 0.22)));
+      return M >= m.width - W;
     }
     function Ae(e, t) {
-      return J(e, t) ? 0 : -1;
+      return Q(e, t) ? 0 : -1;
     }
-    function dt(e) {
+    function st(e) {
       return ra(e) ? 0 : -1;
     }
     function ke(e) {
@@ -4996,13 +5009,13 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
       je.value = !1, (e.currentTarget instanceof HTMLElement ? e.currentTarget : null)?.closest(".grid-cell")?.focus({ preventScroll: !0 }), x.value.startFillHandleDoubleClick(e);
     }
     function Je() {
-      return B.value?.viewportRowStart ?? 0;
-    }
-    function ce() {
-      return B.value?.leftColumnSpacerWidth ?? 0;
+      return F.value?.viewportRowStart ?? 0;
     }
     function ge() {
-      return B.value?.rightColumnSpacerWidth ?? 0;
+      return F.value?.leftColumnSpacerWidth ?? 0;
+    }
+    function pe() {
+      return F.value?.rightColumnSpacerWidth ?? 0;
     }
     function Re() {
       const e = x.value.fillActionAnchorCell;
@@ -5017,61 +5030,61 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
       }
       a.value?.focus({ preventScroll: !0 });
     }
-    function st(e) {
+    function ut(e) {
       Pa.value && (e.preventDefault(), e.stopPropagation(), Re(), je.value = !je.value);
     }
     function Ct() {
       je.value = !1, Re();
     }
     function ze(e, t) {
-      const r = F.value.isCellSelected;
+      const r = B.value.isCellSelected;
       return typeof r == "function" ? r(e, t) : !1;
     }
     function U() {
-      return Z.value && Z.value.startRow === Z.value.endRow && Z.value.startColumn === Z.value.endColumn ? {
-        rowIndex: Z.value.startRow,
-        columnIndex: Z.value.startColumn
+      return Y.value && Y.value.startRow === Y.value.endRow && Y.value.startColumn === Y.value.endColumn ? {
+        rowIndex: Y.value.startRow,
+        columnIndex: Y.value.startColumn
       } : x.value.selectionAnchorCell ?? null;
     }
-    function J(e, t) {
+    function Q(e, t) {
       const r = U();
-      return !!(r && B.value.viewportRowStart + e === r.rowIndex && t === r.columnIndex);
+      return !!(r && F.value.viewportRowStart + e === r.rowIndex && t === r.columnIndex);
     }
     function re(e, t) {
-      return !ze(e, t) || J(e, t) ? !1 : !Ka.value;
+      return !ze(e, t) || Q(e, t) ? !1 : !Ka.value;
     }
     function _t(e, t) {
-      if (J(e, t))
+      if (Q(e, t))
         return !0;
-      const r = F.value.isSelectionAnchorCell;
+      const r = B.value.isSelectionAnchorCell;
       return typeof r == "function" ? r(e, t) : !1;
     }
     function Pe(e, t) {
-      const r = F.value.isCellInFillPreview;
+      const r = B.value.isCellInFillPreview;
       return typeof r == "function" ? r(e, t) : !1;
     }
     function V(e, t) {
-      const r = F.value.isCellInPendingClipboardRange;
+      const r = B.value.isCellInPendingClipboardRange;
       return typeof r == "function" ? r(e, t) : !1;
     }
-    function We(e, t, r) {
-      const l = F.value.isCellOnPendingClipboardEdge;
+    function Ge(e, t, r) {
+      const l = B.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) {
-      const b = F.value.isCellEditable;
+    function ce(e, t, r, l) {
+      const b = B.value.isCellEditable;
       return typeof b == "function" ? b(e, t, r, l) : Oe(r);
     }
-    function ut(e, t) {
+    function ct(e, t) {
       const r = x.value.isFillHandleCell;
       return typeof r == "function" ? r(e, t) : !1;
     }
-    const Ge = u(() => p.value.showRowIndex !== !1), Ce = u(() => {
-      if (!Ge.value)
+    const We = u(() => p.value.showRowIndex !== !1), Ce = u(() => {
+      if (!We.value)
         return 0;
       const e = xe(
         D.value.indexColumnStyle.width ?? D.value.indexColumnStyle.minWidth,
@@ -5086,29 +5099,29 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
         minWidth: e,
         maxWidth: e
       };
-    }), ct = u(() => x.value.isRangeMoving), ve = u(() => v.value.filter((e) => e.pin === "left")), me = u(() => v.value.filter((e) => e.pin === "right")), W = u(() => Ce.value + (ve.value ?? []).reduce((e, t) => e + Y(t), 0)), ne = u(() => (me.value ?? []).reduce((e, t) => e + Y(t), 0)), gt = u(() => ({
-      gridTemplateColumns: `${W.value}px minmax(0, 1fr) ${ne.value}px`
+    }), gt = u(() => x.value.isRangeMoving), ve = u(() => v.value.filter((e) => e.pin === "left")), me = u(() => v.value.filter((e) => e.pin === "right")), G = u(() => Ce.value + (ve.value ?? []).reduce((e, t) => e + X(t), 0)), ie = u(() => (me.value ?? []).reduce((e, t) => e + X(t), 0)), pt = u(() => ({
+      gridTemplateColumns: `${G.value}px minmax(0, 1fr) ${ie.value}px`
     })), Ke = u(() => ({
-      width: `${W.value}px`,
-      minWidth: `${W.value}px`,
-      maxWidth: `${W.value}px`
-    })), pt = u(() => ({
-      width: `${ne.value}px`,
-      minWidth: `${ne.value}px`,
-      maxWidth: `${ne.value}px`
+      width: `${G.value}px`,
+      minWidth: `${G.value}px`,
+      maxWidth: `${G.value}px`
+    })), vt = u(() => ({
+      width: `${ie.value}px`,
+      minWidth: `${ie.value}px`,
+      maxWidth: `${ie.value}px`
     })), Bt = u(() => ({
-      left: `${W.value}px`,
-      width: `${Math.max(0, pr.value)}px`,
+      left: `${G.value}px`,
+      width: `${Math.max(0, gr.value)}px`,
       height: `${Math.max(0, Ot.value)}px`
-    })), m = u(() => ({
-      left: `${W.value}px`,
-      width: `${Math.max(0, vt.value)}px`,
-      height: `${Math.max(0, Wt.value)}px`
-    })), n = u(() => ({
-      left: `${W.value}px`,
-      width: `${Math.max(0, vt.value)}px`,
-      height: `${Math.max(0, vr.value)}px`
-    })), o = P(null), a = P(null), c = P(null), T = P(null), O = P(null), St = P(null), et = P(null), cr = P(null), Gr = P(null), Kr = P(null), jr = P(null), Nr = P(null), qr = P(null), Ur = P(null), Xr = P(null), Yr = P(null), Zr = P(null), Yt = P(null), gr = P(null), je = P(!1), Ot = P(0), pr = P(0), Qr = P(0), Rt = P(0), vt = P(0), Wt = P(0), vr = P(0), mr = P(0), Ft = P(null), $t = P(null);
+    })), h = u(() => ({
+      left: `${G.value}px`,
+      width: `${Math.max(0, mt.value)}px`,
+      height: `${Math.max(0, Gt.value)}px`
+    })), i = u(() => ({
+      left: `${G.value}px`,
+      width: `${Math.max(0, mt.value)}px`,
+      height: `${Math.max(0, pr.value)}px`
+    })), o = P(null), a = P(null), c = P(null), T = P(null), O = P(null), St = P(null), et = P(null), ur = P(null), Wr = P(null), Kr = P(null), jr = P(null), Nr = P(null), qr = P(null), Ur = P(null), Xr = P(null), Yr = P(null), Zr = P(null), Yt = P(null), cr = P(null), je = P(!1), Ot = P(0), gr = P(0), Qr = P(0), Rt = P(0), mt = P(0), Gt = P(0), pr = P(0), vr = P(0), Ft = P(null), $t = P(null);
     let Lt = 0, Ne = null;
     function Jr(e) {
       if (typeof document > "u")
@@ -5122,79 +5135,79 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
         r.classList.remove(sr), t.classList.remove(sr), $t.value != null && ($t.value ? r.style.setProperty("cursor", $t.value) : r.style.removeProperty("cursor"), $t.value = null), Ft.value != null && (Ft.value ? t.style.setProperty("cursor", Ft.value) : t.style.removeProperty("cursor"), Ft.value = null);
       }
     }
-    function Gt() {
+    function Wt() {
       Yt.value = null;
     }
     function ea() {
-      gr.value = null;
+      cr.value = null;
     }
     function tt(e, t) {
-      return Number.isFinite(e.displayIndex) ? Math.max(0, Math.trunc(e.displayIndex)) : B.value.viewportRowStart + t;
+      return Number.isFinite(e.displayIndex) ? Math.max(0, Math.trunc(e.displayIndex)) : F.value.viewportRowStart + t;
     }
     function Kt(e, t) {
-      return tt(e, t) - B.value.viewportRowStart;
+      return tt(e, t) - F.value.viewportRowStart;
     }
     function ta(e, t) {
-      p.value.rowHover && (gr.value = tt(e, t));
+      p.value.rowHover && (cr.value = tt(e, t));
     }
-    function hr(e, t) {
-      return p.value.rowHover === !0 && gr.value === tt(e, t);
+    function mr(e, t) {
+      return p.value.rowHover === !0 && cr.value === tt(e, t);
     }
-    function br(e, t) {
+    function hr(e, t) {
       return p.value.stripedRows === !0 && tt(e, t) % 2 === 1;
     }
     function ra(e) {
       return typeof p.value.isRowFocused == "function" ? p.value.isRowFocused(e) : !1;
     }
-    function oi(e) {
+    function sn(e) {
       return typeof p.value.isRowCheckboxSelected == "function" ? p.value.isRowCheckboxSelected(e) : !1;
     }
-    function li(e) {
+    function un(e) {
       return e.column.cellType === "checkbox";
     }
     function aa(e) {
       return e.column.meta?.rowSelection === !0;
     }
     function jt(e, t) {
-      return e.kind !== "group" && li(t);
+      return e.kind !== "group" && un(t);
     }
-    function fr(e, t) {
-      const r = F.value.readCell(e, t.key).trim().toLowerCase();
+    function br(e, t) {
+      const r = B.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 na(e, t, r, l) {
+      const b = e.kind !== "group" ? rt(e, r) : "none", m = 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": m && b === "select",
+        "grid-cell--date": m && (b === "date" || b === "datetime")
       };
     }
-    function na(e, t) {
+    function ia(e, t) {
       return jt(e, t) ? "checkbox" : void 0;
     }
     function oa(e, t) {
-      return jt(e, t) ? fr(e, t) ? "true" : "false" : void 0;
+      return jt(e, t) ? br(e, t) ? "true" : "false" : void 0;
     }
     function la(e, t) {
       return {
-        "grid-checkbox-indicator--checked": fr(e, t)
+        "grid-checkbox-indicator--checked": br(e, t)
       };
     }
     function da(e, t) {
       return {
-        "grid-checkbox-indicator__mark--checked": fr(e, t)
+        "grid-checkbox-indicator__mark--checked": br(e, t)
       };
     }
     function rt(e, t) {
-      return $n({
+      return Ti({
         column: t.column,
         row: e.kind !== "group" ? e.data : void 0,
         editable: !0
       }).editorMode;
     }
-    function yr(e) {
+    function fr(e) {
       if (e && typeof e == "object" && "label" in e) {
         const t = e, r = String(t.label ?? "");
         return {
@@ -5222,28 +5235,28 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
       if (typeof t.column.valueGetter == "function")
         return t.column.valueGetter(e.data);
       const r = typeof t.column.field == "string" && t.column.field.length > 0 ? t.column.field : t.key;
-      return lt(e.data) ? e.data[r] : void 0;
+      return dt(e.data) ? e.data[r] : void 0;
     }
-    function xr(e, t) {
+    function yr(e, t) {
       const r = t.column.presentation?.options;
       return typeof r == "function" ? e.kind !== "group" ? r(e.data) : [] : r;
     }
     function ga(e, t) {
-      const r = xr(e, t);
-      return Array.isArray(r) ? r.map(yr) : Ie(r) ? ua(e, t.key) : [];
+      const r = yr(e, t);
+      return Array.isArray(r) ? r.map(fr) : Ee(r) ? ua(e, t.key) : [];
     }
     function pa(e, t) {
       if (e.kind === "group")
         return;
-      const r = xr(e, t);
-      if (Ie(r))
+      const r = yr(e, t);
+      if (Ee(r))
         return async (l) => {
-          const b = xr(e, t);
-          if (Ie(b)) {
-            const h = await b;
-            return Array.isArray(h) ? h.map(yr) : [];
+          const b = yr(e, t);
+          if (Ee(b)) {
+            const m = await b;
+            return Array.isArray(m) ? m.map(fr) : [];
           }
-          return Array.isArray(b) ? b.map(yr) : [];
+          return Array.isArray(b) ? b.map(fr) : [];
         };
     }
     function va(e, t, r) {
@@ -5251,13 +5264,13 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
       if (!l)
         return;
       const b = R.value.get(l);
-      if (b && b.length === r.length && b.every((M, G) => M.value === r[G]?.value && M.label === r[G]?.label))
+      if (b && b.length === r.length && b.every((M, W) => M.value === r[W]?.value && M.label === r[W]?.label))
         return;
-      const h = new Map(R.value);
-      h.set(l, [...r]), R.value = h;
+      const m = new Map(R.value);
+      m.set(l, [...r]), R.value = m;
     }
-    function ma(e, t) {
-      const r = F.value.readDisplayCell(e, t.key);
+    function xr(e, t) {
+      const r = B.value.readDisplayCell(e, t.key);
       if (e.kind === "group" || rt(e, t) !== "select")
         return r;
       const l = ua(e, t.key);
@@ -5266,22 +5279,34 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
       const b = ca(e, t);
       return l.find((M) => M.value === String(b ?? ""))?.label ?? r;
     }
+    function ma(e, t, r, l) {
+      const b = xr(e, r), m = r.column.cellRenderer;
+      return typeof m != "function" ? b : m({
+        row: e.kind === "group" ? void 0 : e.data,
+        rowNode: e,
+        rowOffset: t,
+        column: r,
+        columnIndex: l,
+        value: B.value.readCell(e, r.key),
+        displayValue: b
+      }) ?? b;
+    }
     function ha(e, t) {
       const r = ca(e, t);
       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);
@@ -5295,41 +5320,41 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
     function _a() {
       w.value.commitInlineEdit();
     }
-    function di(e) {
+    function cn(e) {
       p.value.handleRowClick?.(e);
     }
-    function si(e, t, r) {
+    function gn(e, t, r) {
       (r.currentTarget instanceof HTMLElement ? r.currentTarget : null)?.focus({ preventScroll: !0 }), p.value.handleRowIndexClick?.(e, t, r.shiftKey);
     }
-    function ui(e, t, r) {
+    function pn(e, t, r) {
       p.value.handleRowIndexKeydown?.(e, t, r);
     }
     function Sa(e) {
-      di(e), e.kind === "group" && p.value.toggleGroupRow(e);
+      cn(e), e.kind === "group" && p.value.toggleGroupRow(e);
     }
     function Ra(e, t) {
       return {
         "grid-row--hoverable": p.value.rowHover === !0,
-        "grid-row--hovered": hr(e, t),
-        "grid-row--striped": br(e, t),
+        "grid-row--hovered": mr(e, t),
+        "grid-row--striped": hr(e, t),
         "grid-row--clipboard-pending": p.value.isRowInPendingClipboardCut?.(e) === !0,
         "grid-row--focused": ra(e),
-        "grid-row--checkbox-selected": oi(e)
+        "grid-row--checkbox-selected": sn(e)
       };
     }
-    function ci(e, t) {
-      const r = Z.value, l = v.value.length - 1;
+    function vn(e, t) {
+      const r = Y.value, l = v.value.length - 1;
       if (!r || l < 0)
         return !1;
-      const b = t ? tt(t, e) : B.value.viewportRowStart + e;
+      const b = t ? tt(t, e) : F.value.viewportRowStart + e;
       return b >= r.startRow && b <= r.endRow && r.startColumn === 0 && r.endColumn >= l;
     }
     function Zt(e, t, r) {
-      const l = F.value.isCellOnSelectionEdge;
+      const l = B.value.isCellOnSelectionEdge;
       return typeof l == "function" ? l(e, t, r) : !1;
     }
-    function gi(e, t, r) {
-      if (_.value !== "base" || ct.value || !Z.value || !ze(t, r))
+    function mn(e, t, r) {
+      if (_.value !== "base" || gt.value || !Y.value || !ze(t, r))
         return !1;
       const l = e.currentTarget instanceof HTMLElement ? e.currentTarget : null;
       if (!l)
@@ -5337,31 +5362,31 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
       const b = l.getBoundingClientRect();
       if (b.width <= 0 || b.height <= 0)
         return !1;
-      const h = Math.max(
+      const m = Math.max(
         1,
         Math.min(
-          dd,
+          ud,
           Math.floor(b.width / 2),
           Math.floor(b.height / 2)
         )
-      ), M = e.clientX - b.left, G = e.clientY - b.top;
-      return G <= h && Zt(t, r, "top") || b.height - G <= h && Zt(t, r, "bottom") || M <= h && Zt(t, r, "left") || b.width - M <= h && Zt(t, r, "right");
+      ), M = e.clientX - b.left, W = e.clientY - b.top;
+      return W <= m && Zt(t, r, "top") || b.height - W <= m && Zt(t, r, "bottom") || M <= m && Zt(t, r, "left") || b.width - M <= m && Zt(t, r, "right");
     }
     function Ma(e, t, r) {
-      if (Q.value) {
-        Gt();
+      if (Z.value) {
+        Wt();
         return;
       }
-      if (gi(e, t, r)) {
+      if (mn(e, t, r)) {
         Yt.value = {
-          rowIndex: t + B.value.viewportRowStart,
+          rowIndex: t + F.value.viewportRowStart,
           columnIndex: r
         };
         return;
       }
-      Gt();
+      Wt();
     }
-    function pi(e) {
+    function hn(e) {
       e.kind === "group" && p.value.toggleGroupRow(e);
     }
     function Aa(e, t, r, l, b) {
@@ -5371,18 +5396,18 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
         Me.value.handleCellClick(t, r, l, b);
         return;
       }
-      if (pi(t), t.kind !== "group") {
-        if (!Ee(t, l.key) && (wt(e, t, l) || we(e, t, l))) {
+      if (hn(t), t.kind !== "group") {
+        if (!Ie(t, l.key) && (wt(e, t, l) || we(e, t, l))) {
           Qe(t, l, r);
           return;
         }
         Me.value.handleCellClick(t, r, l, b);
       }
     }
-    function vi(e, t) {
-      return Q.value ? !1 : Yt.value?.rowIndex === e + B.value.viewportRowStart && Yt.value?.columnIndex === t;
+    function bn(e, t) {
+      return Z.value ? !1 : Yt.value?.rowIndex === e + F.value.viewportRowStart && Yt.value?.columnIndex === t;
     }
-    function mi() {
+    function fn() {
       for (let e = 0; e < H.value.length; e += 1)
         for (let t = 0; t < v.value.length; t += 1)
           if (_t(e, t))
@@ -5400,7 +5425,7 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
         St.value,
         et.value,
         c.value,
-        cr.value
+        ur.value
       ]) {
         const b = l?.querySelector(r);
         if (b)
@@ -5408,7 +5433,7 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
       }
       return null;
     }
-    function hi(e) {
+    function yn(e) {
       const t = `.grid-cell[data-row-index="${e}"]`;
       for (const r of [
         O.value,
@@ -5416,7 +5441,7 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
         St.value,
         et.value,
         c.value,
-        cr.value
+        ur.value
       ]) {
         const l = r?.querySelector(t);
         if (l)
@@ -5424,13 +5449,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();
@@ -5445,7 +5470,7 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
       };
     }
     function kr() {
-      const e = mi();
+      const e = fn();
       if (!e) {
         a.value?.focus({ preventScroll: !0 });
         return;
@@ -5457,40 +5482,40 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
       }
       a.value?.focus({ preventScroll: !0 });
     }
-    function bi() {
-      kr(), Bn(() => {
+    function xn() {
+      kr(), $i(() => {
         kr(), typeof window < "u" && window.requestAnimationFrame(() => {
           kr();
         });
       });
     }
-    function fi(e) {
-      a.value = $(e), B.value.bodyViewportRef(e), Tt(), La(), Vt();
+    function wn(e) {
+      a.value = $(e), F.value.bodyViewportRef(e), Tt(), La(), Vt();
     }
-    function yi(e) {
+    function kn(e) {
       c.value = $(e), Ba(), _r();
     }
-    function xi(e) {
+    function Cn(e) {
       O.value = $(e);
     }
-    function wi(e) {
+    function _n(e) {
       St.value = $(e);
     }
-    function ki(e) {
+    function Sn(e) {
       et.value = $(e);
     }
-    function Ci(e) {
-      cr.value = $(e);
+    function Rn(e) {
+      ur.value = $(e);
     }
     function Cr(e) {
-      Qr.value = e.scrollTop, Rt.value = e.scrollLeft, vt.value = e.clientWidth, Wt.value = e.clientHeight;
+      Qr.value = e.scrollTop, Rt.value = e.scrollLeft, mt.value = e.clientWidth, Gt.value = e.clientHeight;
     }
     function _r() {
       const e = c.value;
       !e || e.scrollLeft === Rt.value || (e.scrollLeft = Rt.value);
     }
     function Ba() {
-      vr.value = c.value?.clientHeight ?? 0;
+      pr.value = c.value?.clientHeight ?? 0;
     }
     function Tt() {
       const e = a.value, t = T.value;
@@ -5498,9 +5523,9 @@ 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();
+      vr.value = Math.max(0, r.top - l.top), Ot.value = Qt()?.getBoundingClientRect().height ?? 0, gr.value = Ia()?.clientWidth ?? mt.value, Ba(), _r();
     }
-    function _i() {
+    function Mn() {
       return typeof window > "u" ? 1 : Math.max(1, window.devicePixelRatio || 1);
     }
     function qe(e, t) {
@@ -5517,8 +5542,8 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
     function at(e, t, r) {
       if (!e || t <= 0 || r <= 0)
         return e && e.getContext("2d")?.clearRect(0, 0, e.width, e.height), null;
-      const l = _i(), b = Math.max(1, Math.round(t * l)), h = Math.max(1, Math.round(r * l));
-      e.width !== b && (e.width = b), e.height !== h && (e.height = h);
+      const l = Mn(), b = Math.max(1, Math.round(t * l)), m = Math.max(1, Math.round(r * l));
+      e.width !== b && (e.width = b), e.height !== m && (e.height = m);
       const M = e.getContext("2d");
       return M ? (M.setTransform(l, 0, 0, l, 0, 0), M.clearRect(0, 0, t, r), M) : null;
     }
@@ -5526,13 +5551,13 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
       if (!(t.width <= 0 || t.height <= 0 || l <= 0)) {
         e.save(), e.strokeStyle = r, e.lineWidth = l, e.beginPath();
         for (const b of t.horizontalLines) {
-          const h = Math.round(b.position) - 0.5;
-          h < -l || h > t.height + l || (e.moveTo(0, h), e.lineTo(t.width, h));
+          const m = Math.round(b.position) - 0.5;
+          m < -l || m > t.height + l || (e.moveTo(0, m), e.lineTo(t.width, m));
         }
         e.stroke(), e.restore();
       }
     }
-    function Si(e) {
+    function An(e) {
       switch (e) {
         case "hover":
           return qe(
@@ -5577,69 +5602,69 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
       if (!(t.width <= 0 || t.height <= 0 || t.bands.length === 0)) {
         e.save();
         for (const r of t.bands) {
-          const l = Si(r.kind);
+          const l = An(r.kind);
           if (!l)
             continue;
-          const b = Math.round(r.top), h = Math.max(1, Math.round(r.height)), M = Math.max(0, b), ie = Math.min(t.height, b + h) - M;
-          ie <= 0 || (e.fillStyle = l, e.fillRect(0, M, t.width, ie));
+          const b = Math.round(r.top), m = Math.max(1, Math.round(r.height)), M = Math.max(0, b), ne = Math.min(t.height, b + m) - M;
+          ne <= 0 || (e.fillStyle = l, e.fillRect(0, M, t.width, ne));
         }
         e.restore();
       }
     }
-    function it(e, t, r, l) {
+    function nt(e, t, r, l) {
       if (!(t.height <= 0 || l <= 0 || t.verticalLines.length === 0)) {
         e.save(), e.strokeStyle = r, e.lineWidth = l, e.beginPath();
         for (const b of t.verticalLines) {
-          const h = Math.round(b.position) - 0.5;
-          h < -l || h > t.width + l || (e.moveTo(h, 0), e.lineTo(h, t.height));
+          const m = Math.round(b.position) - 0.5;
+          m < -l || m > t.width + l || (e.moveTo(m, 0), e.lineTo(m, t.height));
         }
         e.stroke(), e.restore();
       }
     }
     function $a() {
       Lt = 0;
-      const e = Mi.value, t = Ri.value, r = qe("--datagrid-row-divider-color", "rgba(0, 0, 0, 0.08)"), l = qe("--datagrid-column-divider-color", "rgba(0, 0, 0, 0.08)"), b = qe("--datagrid-header-column-divider-color", l), h = Fa("--datagrid-row-divider-size", 1), M = Fa("--datagrid-column-divider-size", 1), G = at(
-        Gr.value,
+      const e = En.value, t = In.value, r = qe("--datagrid-row-divider-color", "rgba(0, 0, 0, 0.08)"), l = qe("--datagrid-column-divider-color", "rgba(0, 0, 0, 0.08)"), b = qe("--datagrid-header-column-divider-color", l), m = Fa("--datagrid-row-divider-size", 1), M = Fa("--datagrid-column-divider-size", 1), W = at(
+        Wr.value,
         e.left.width,
         e.left.height
       );
-      G && !Jt.value && it(G, e.left, b, M);
-      const ie = at(
+      W && !Jt.value && nt(W, e.left, b, M);
+      const ne = at(
         Kr.value,
         e.center.width,
         e.center.height
       );
-      ie && !Jt.value && it(ie, e.center, b, M);
+      ne && !Jt.value && nt(ne, e.center, b, M);
       const he = at(
         jr.value,
         e.right.width,
         e.right.height
       );
-      he && !Jt.value && it(he, e.right, b, M);
+      he && !Jt.value && nt(he, e.right, b, M);
       const Fe = at(Nr.value, t.left.width, t.left.height);
-      Fe && (Pt(Fe, t.left), zt(Fe, t.left, r, h), it(Fe, t.left, l, M));
-      const ht = at(qr.value, t.center.width, t.center.height);
-      ht && (Pt(ht, t.center), zt(ht, t.center, r, h), it(ht, t.center, l, M));
+      Fe && (Pt(Fe, t.left), zt(Fe, t.left, r, m), nt(Fe, t.left, l, M));
+      const bt = at(qr.value, t.center.width, t.center.height);
+      bt && (Pt(bt, t.center), zt(bt, t.center, r, m), nt(bt, 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(
+      $e && (Pt($e, t.right), zt($e, t.right, r, m), nt($e, t.right, l, M));
+      const de = Fn.value, be = at(
         Xr.value,
-        le.left.width,
-        le.left.height
+        de.left.width,
+        de.left.height
       );
-      be && (Pt(be, le.left), zt(be, le.left, r, h), it(be, le.left, l, M));
-      const N = at(
+      be && (Pt(be, de.left), zt(be, de.left, r, m), nt(be, de.left, l, M));
+      const q = at(
         Yr.value,
-        le.center.width,
-        le.center.height
+        de.center.width,
+        de.center.height
       );
-      N && (Pt(N, le.center), zt(N, le.center, r, h), it(N, le.center, l, M));
-      const de = at(
+      q && (Pt(q, de.center), zt(q, de.center, r, m), nt(q, de.center, l, M));
+      const se = at(
         Zr.value,
-        le.right.width,
-        le.right.height
+        de.right.width,
+        de.right.height
       );
-      de && (Pt(de, le.right), zt(de, le.right, r, h), it(de, le.right, l, M));
+      se && (Pt(se, de.right), zt(se, de.right, r, m), nt(se, de.right, l, M));
     }
     function Vt() {
       if (typeof window > "u") {
@@ -5658,45 +5683,45 @@ 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({
-      rowMetrics: Di(),
-      rowBands: Gi(),
+    const In = u(() => Tr({
+      rowMetrics: Gn(),
+      rowBands: Nn(),
       scrollTop: Qr.value,
-      leftPaneWidth: W.value,
-      centerPaneWidth: vt.value,
-      rightPaneWidth: ne.value,
-      viewportHeight: Wt.value,
+      leftPaneWidth: G.value,
+      centerPaneWidth: mt.value,
+      rightPaneWidth: ie.value,
+      viewportHeight: Gt.value,
       leftColumnWidths: [
         Ce.value,
-        ...(ve.value ?? []).map(Y)
+        ...(ve.value ?? []).map(X)
       ].filter((e) => e > 0),
       centerColumnWidths: [
-        ce(),
-        ...(Se.value ?? []).map(Y),
-        ge()
+        ge(),
+        ...(Se.value ?? []).map(X),
+        pe()
       ].filter((e) => e > 0),
-      rightColumnWidths: (me.value ?? []).map(Y),
+      rightColumnWidths: (me.value ?? []).map(X),
       centerScrollLeft: Rt.value
-    })), Mi = u(() => Tr({
+    })), En = u(() => Tr({
       rowMetrics: Ot.value > 0 ? [{ top: 0, height: Ot.value }] : [],
       scrollTop: 0,
-      leftPaneWidth: W.value,
-      centerPaneWidth: pr.value,
-      rightPaneWidth: ne.value,
+      leftPaneWidth: G.value,
+      centerPaneWidth: gr.value,
+      rightPaneWidth: ie.value,
       viewportHeight: Ot.value,
       leftColumnWidths: [
         Ce.value,
-        ...(ve.value ?? []).map(Y)
+        ...(ve.value ?? []).map(X)
       ].filter((e) => e > 0),
       centerColumnWidths: [
-        ce(),
-        ...(Se.value ?? []).map(Y),
-        ge()
+        ge(),
+        ...(Se.value ?? []).map(X),
+        pe()
       ].filter((e) => e > 0),
-      rightColumnWidths: (me.value ?? []).map(Y),
+      rightColumnWidths: (me.value ?? []).map(X),
       centerScrollLeft: Rt.value
     })), Ta = u(() => fe.value.flatMap((e, t) => {
       const r = Dt.value[t], l = Ha(e, Kt(e, t));
@@ -5707,164 +5732,164 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
         kind: l
       }];
     }));
-    function Ai() {
+    function Bn() {
       return Ta.value ?? [];
     }
-    const Ei = u(() => Tr({
-      rowMetrics: Hi(),
-      rowBands: Ai(),
+    const Fn = u(() => Tr({
+      rowMetrics: Wn(),
+      rowBands: Bn(),
       scrollTop: 0,
-      leftPaneWidth: W.value,
-      centerPaneWidth: vt.value,
-      rightPaneWidth: ne.value,
-      viewportHeight: vr.value,
+      leftPaneWidth: G.value,
+      centerPaneWidth: mt.value,
+      rightPaneWidth: ie.value,
+      viewportHeight: pr.value,
       leftColumnWidths: [
         Ce.value,
-        ...(ve.value ?? []).map(Y)
+        ...(ve.value ?? []).map(X)
       ].filter((e) => e > 0),
       centerColumnWidths: [
-        ce(),
-        ...(Se.value ?? []).map(Y),
-        ge()
+        ge(),
+        ...(Se.value ?? []).map(X),
+        pe()
       ].filter((e) => e > 0),
-      rightColumnWidths: (me.value ?? []).map(Y),
+      rightColumnWidths: (me.value ?? []).map(X),
       centerScrollLeft: Rt.value
-    })), Jt = u(() => _.value !== "pivot" ? !1 : v.value.some((e) => (ot(e)?.groupLabels?.length ?? 0) > 0));
-    function mt(e, t, r) {
+    })), Jt = u(() => _.value !== "pivot" ? !1 : v.value.some((e) => (lt(e)?.groupLabels?.length ?? 0) > 0));
+    function ht(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 $n = u(() => v.value.filter((e) => e.pin !== "left" && e.pin !== "right")), er = u(() => mt.value > 0 ? mt.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 = Y.value, b = l ? Math.min(l.startRow, l.endRow) : e.rowIndex, m = l ? Math.max(l.startRow, l.endRow) : e.rowIndex, M = l ? Math.min(l.startColumn, l.endColumn) : e.columnIndex, W = l ? Math.max(l.startColumn, l.endColumn) : e.columnIndex, ne = Math.max(b, t), he = Math.min(m, r), Fe = ne <= he ? ht(e.rowIndex, ne, he) : e.rowIndex, bt = 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 > W ? !1 : be.pin === "left" || be.pin === "right" || bt.has(be.key)).map(({ columnIndex: be }) => be), de = $e.length > 0 ? ht(
         e.columnIndex,
         $e[0] ?? e.columnIndex,
         $e[$e.length - 1] ?? e.columnIndex
       ) : e.columnIndex;
       return {
         rowIndex: Fe,
-        columnIndex: le
+        columnIndex: de
       };
     }
-    function Bi() {
+    function Ln() {
       const e = za() ?? x.value.fillActionAnchorCell;
       if (!e)
         return null;
-      const t = Ia(e);
+      const t = Ea(e);
       if (t)
-        return mt(
+        return ht(
           t.right - He,
           Le,
-          W.value + er.value + ne.value - He - Le
+          G.value + er.value + ie.value - He - Le
         );
       const r = v.value[e.columnIndex];
       if (!r)
         return null;
       if (r.pin === "left") {
         let M = Ce.value;
-        for (const G of ve.value)
-          if (M += Y(G), G.key === r.key)
+        for (const W of ve.value)
+          if (M += X(W), W.key === r.key)
             break;
-        return mt(
+        return ht(
           M - He,
           Le,
-          Math.max(Le, W.value - He - Le)
+          Math.max(Le, G.value - He - Le)
         );
       }
       if (r.pin === "right") {
-        let M = W.value + er.value;
-        for (const ie of me.value)
-          if (M += Y(ie), ie.key === r.key)
+        let M = G.value + er.value;
+        for (const ne of me.value)
+          if (M += X(ne), ne.key === r.key)
             break;
-        const G = W.value + er.value;
-        return mt(
+        const W = G.value + er.value;
+        return ht(
           M - He,
-          G + Le,
+          W + Le,
           Math.max(
-            G + Le,
-            G + ne.value - He - Le
+            W + Le,
+            W + ie.value - He - Le
           )
         );
       }
-      let l = W.value - Rt.value;
-      for (const M of Ii.value)
-        if (l += Y(M), M.key === r.key)
+      let l = G.value - Rt.value;
+      for (const M of $n.value)
+        if (l += X(M), M.key === r.key)
           break;
-      const b = W.value + Le, h = W.value + er.value - He - Le;
-      return mt(l - He, b, h);
+      const b = G.value + Le, m = G.value + er.value - He - Le;
+      return ht(l - He, b, m);
     }
-    function Fi() {
-      const e = mr.value + Le, t = mr.value + Math.max(
+    function Tn() {
+      const e = vr.value + Le, t = vr.value + Math.max(
         0,
-        Wt.value - He - Le - Vr
+        Gt.value - He - Le - Vr
       ), 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(
+        return ht(
           b.bottom - He - Vr,
           e,
           t
         );
-      const h = T.value?.getBoundingClientRect(), M = l ? hi(l.rowIndex) : null;
-      if (!h || !M)
+      const m = T.value?.getBoundingClientRect(), M = l ? yn(l.rowIndex) : null;
+      if (!m || !M)
         return t;
-      const ie = M.getBoundingClientRect().bottom - h.top - He - Vr;
-      return mt(ie, e, t);
+      const ne = M.getBoundingClientRect().bottom - m.top - He - Vr;
+      return ht(ne, e, t);
     }
     const Pa = u(() => {
       if (!x.value.fillActionAnchorCell)
         return null;
-      const e = Bi();
+      const e = Ln();
       if (e == null)
         return null;
-      const t = Fi();
+      const t = Tn();
       return {
         left: `${e}px`,
         top: `${t}px`
       };
     });
-    nt(
+    it(
       () => x.value.fillPreviewRange,
       (e, t) => {
-        t && !e && bi();
+        t && !e && xn();
       }
-    ), nt(
+    ), it(
       () => x.value.fillActionAnchorCell ? `${x.value.fillActionAnchorCell.rowIndex}:${x.value.fillActionAnchorCell.columnIndex}` : "",
       () => {
         je.value = !1;
       }
-    ), nt(
+    ), it(
       () => x.value.isFillDragging,
       (e) => {
-        e && Gt();
+        e && Wt();
       }
-    ), nt(je, (e, t, r) => {
+    ), it(je, (e, t, r) => {
       if (!e || typeof window > "u")
         return;
-      const l = (h) => {
-        (h.target instanceof HTMLElement ? h.target : null)?.closest(sd) || (je.value = !1);
-      }, b = (h) => {
-        h.key === "Escape" && (je.value = !1, Re());
+      const l = (m) => {
+        (m.target instanceof HTMLElement ? m.target : null)?.closest(cd) || (je.value = !1);
+      }, b = (m) => {
+        m.key === "Escape" && (je.value = !1, Re());
       };
       window.addEventListener("mousedown", l, !0), window.addEventListener("keydown", b), r(() => {
         window.removeEventListener("mousedown", l, !0), window.removeEventListener("keydown", b);
       });
-    }), nt(
+    }), it(
       () => x.value.isFillDragging,
       (e) => {
         Jr(e);
       },
       { immediate: !0 }
     );
-    const Nt = Ln({
+    const Nt = zi({
       resolveSourceScrollTop: () => a.value?.scrollTop ?? 0,
       mode: "direct-transform",
       resolvePaneElements: () => [O.value, St.value]
-    }), Sr = Tn({
+    }), Sr = Pi({
       resolveBodyViewport: () => a.value,
       resolveMainViewport: () => a.value,
       setHandledScrollTop: (e) => {
@@ -5880,20 +5905,20 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
       isLinkedScrollSyncLoopScheduled: Nt.isSyncLoopScheduled,
       onWheelConsumed: () => {
         const e = a.value;
-        e && B.value.handleViewportScroll(Ye(e));
+        e && F.value.handleViewportScroll(Ye(e));
       }
     });
-    function $i(e) {
-      B.value.handleViewportScroll(e);
+    function zn(e) {
+      F.value.handleViewportScroll(e);
       const t = e.target;
       t && (Nt.onSourceScroll(t.scrollTop), Cr(t), _r(), Vt());
     }
-    function Li(e) {
+    function Pn(e) {
       const t = e.target, r = a.value;
-      !t || !r || r.scrollLeft === t.scrollLeft || (r.scrollLeft = t.scrollLeft, B.value.handleViewportScroll(Ye(r)), Cr(r), Vt());
+      !t || !r || r.scrollLeft === t.scrollLeft || (r.scrollLeft = t.scrollLeft, F.value.handleViewportScroll(Ye(r)), Cr(r), Vt());
     }
-    function Ti(e) {
-      B.value.handleViewportKeydown(e);
+    function Vn(e) {
+      F.value.handleViewportKeydown(e);
     }
     function Va(e) {
       Sr.onLinkedViewportWheel(e);
@@ -5901,58 +5926,58 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
     function Da(e) {
       Sr.onBodyViewportWheel(e);
     }
-    En(() => {
+    Bi(() => {
       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(() => {
+    }), Fi(() => {
       Tt(), La(), Vt(), typeof window < "u" && window.addEventListener("resize", Tt);
     });
-    const zi = u(() => ({
-      width: `${W.value}px`,
-      minWidth: `${W.value}px`,
-      maxWidth: `${W.value}px`
-    })), Pi = u(() => ({
-      width: `${ne.value}px`,
-      minWidth: `${ne.value}px`,
-      maxWidth: `${ne.value}px`
+    const Dn = u(() => ({
+      width: `${G.value}px`,
+      minWidth: `${G.value}px`,
+      maxWidth: `${G.value}px`
+    })), Hn = u(() => ({
+      width: `${ie.value}px`,
+      minWidth: `${ie.value}px`,
+      maxWidth: `${ie.value}px`
     }));
-    function Vi() {
+    function On() {
       const e = [];
-      let t = B.value?.topSpacerHeight ?? 0;
+      let t = F.value?.topSpacerHeight ?? 0;
       return H.value.forEach((r, l) => {
-        const b = p.value?.rowStyle(r, l) ?? {}, h = xe(b.height ?? b.minHeight, 31);
+        const b = p.value?.rowStyle(r, l) ?? {}, m = xe(b.height ?? b.minHeight, 31);
         e.push({
           top: t,
-          height: h
-        }), t += h;
+          height: m
+        }), t += m;
       }), e;
     }
     const qt = u(() => {
-      const e = Vi();
-      return _.value === "base" && K.value === "auto" ? Wa(e) : e;
+      const e = On();
+      return _.value === "base" && K.value === "auto" ? Ga(e) : e;
     });
-    function Di() {
+    function Gn() {
       return qt.value ?? [];
     }
     const Dt = u(() => {
       const e = [];
       let t = 0;
       return fe.value.forEach((r, l) => {
-        const b = p.value?.rowStyle(r, Kt(r, l)) ?? {}, h = xe(b.height ?? b.minHeight, 31);
+        const b = p.value?.rowStyle(r, Kt(r, l)) ?? {}, m = xe(b.height ?? b.minHeight, 31);
         e.push({
           top: t,
-          height: h
-        }), t += h;
+          height: m
+        }), t += m;
       }), e;
     });
-    function Hi() {
+    function Wn() {
       return Dt.value ?? [];
     }
-    const Oi = u(() => qt.value.map((e) => `${e.top}:${e.height}`).join("|")), Wi = u(() => Dt.value.map((e) => `${e.top}:${e.height}`).join("|"));
+    const Kn = u(() => qt.value.map((e) => `${e.top}:${e.height}`).join("|")), jn = u(() => Dt.value.map((e) => `${e.top}:${e.height}`).join("|"));
     function Ha(e, t) {
-      if (hr(e, t))
+      if (mr(e, t))
         return "hover";
       const r = p.value.rowClass(e);
-      return r.includes("row--group") && r.includes("row--pivot") ? "pivot-group" : r.includes("row--group") ? "group" : r.includes("row--tree") ? "tree" : r.includes("row--pivot") ? "pivot" : br(e, t) ? "striped" : "base";
+      return r.includes("row--group") && r.includes("row--pivot") ? "pivot-group" : r.includes("row--group") ? "group" : r.includes("row--tree") ? "tree" : r.includes("row--pivot") ? "pivot" : hr(e, t) ? "striped" : "base";
     }
     const Oa = u(() => H.value.flatMap((e, t) => {
       const r = qt.value[t], l = Ha(e, t);
@@ -5963,35 +5988,35 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
         kind: l
       }];
     }));
-    function Gi() {
+    function Nn() {
       return Oa.value ?? [];
     }
-    const Ki = u(() => Oa.value.map((e) => `${e.kind}:${e.top}:${e.height}`).join("|")), ji = u(() => Ta.value.map((e) => `${e.kind}:${e.top}:${e.height}`).join("|")), Ni = u(() => [
+    const qn = u(() => Oa.value.map((e) => `${e.kind}:${e.top}:${e.height}`).join("|")), Un = u(() => Ta.value.map((e) => `${e.kind}:${e.top}:${e.height}`).join("|")), Xn = u(() => [
       Ce.value,
-      ...(ve.value ?? []).map(Y)
-    ].join("|")), qi = u(() => [
-      ce(),
-      ...(Se.value ?? []).map(Y),
-      ge()
-    ].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(
+      ...(ve.value ?? []).map(X)
+    ].join("|")), Yn = u(() => [
+      ge(),
+      ...(Se.value ?? []).map(X),
+      pe()
+    ].join("|")), Zn = u(() => (me.value ?? []).map(X).join("|")), Qn = u(() => Jt.value ? v.value.map((e) => `${e.key}:${lt(e)?.groupLabels?.join(">") ?? ""}`).join("|") : "none");
+    it(
       () => [
-        W.value,
-        ne.value,
-        Oi.value,
-        Wi.value,
-        Ki.value,
-        ji.value,
-        Ni.value,
-        qi.value,
-        Ui.value,
-        Xi.value
+        G.value,
+        ie.value,
+        Kn.value,
+        jn.value,
+        qn.value,
+        Un.value,
+        Xn.value,
+        Yn.value,
+        Zn.value,
+        Qn.value
       ].join("|"),
       () => {
         Tt(), Vt();
       }
     );
-    function Wa(e) {
+    function Ga(e) {
       const t = a.value;
       if (!t)
         return e;
@@ -5999,23 +6024,23 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
         t.querySelectorAll(".grid-body-content > .grid-row")
       );
       return l.length !== H.value.length ? e : l.map((b) => {
-        const h = b.getBoundingClientRect();
+        const m = b.getBoundingClientRect();
         return {
-          top: t.scrollTop + (h.top - r.top),
-          height: h.height
+          top: t.scrollTop + (m.top - r.top),
+          height: m.height
         };
       });
     }
-    const Yi = u(() => {
+    const Jn = u(() => {
       const e = /* @__PURE__ */ new Map();
       return v.value.forEach((t, r) => {
         e.set(t.key, r);
       }), e;
-    }), Ga = u(() => {
+    }), Wa = u(() => {
       let e = null, t = null, r = null, l = null;
       for (let b = 0; b < H.value.length; b += 1)
-        for (let h = 0; h < v.value.length; h += 1)
-          ze(b, h) && (e ??= b, t = b, r = r == null ? h : Math.min(r, h), l = l == null ? h : Math.max(l, h));
+        for (let m = 0; m < v.value.length; m += 1)
+          ze(b, m) && (e ??= b, t = b, r = r == null ? m : Math.min(r, m), l = l == null ? m : Math.max(l, m));
       return e == null || t == null || r == null || l == null ? null : {
         startRowOffset: e,
         endRowOffset: t,
@@ -6025,8 +6050,8 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
     }), tr = u(() => {
       let e = null, t = null, r = null, l = null;
       for (let b = 0; b < H.value.length; b += 1)
-        for (let h = 0; h < v.value.length; h += 1)
-          Pe(b, h) && (e ??= b, t = b, r = r == null ? h : Math.min(r, h), l = l == null ? h : Math.max(l, h));
+        for (let m = 0; m < v.value.length; m += 1)
+          Pe(b, m) && (e ??= b, t = b, r = r == null ? m : Math.min(r, m), l = l == null ? m : Math.max(l, m));
       return e == null || t == null || r == null || l == null ? null : {
         startRowOffset: e,
         endRowOffset: t,
@@ -6034,13 +6059,13 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
         endColumnIndex: l
       };
     }), Ka = u(() => {
-      const e = Z.value;
+      const e = Y.value;
       return e ? e.startRow === e.endRow && e.startColumn === e.endColumn : !1;
     });
     function Ue(e) {
-      return Yi.value.get(e) ?? 0;
+      return Jn.value.get(e) ?? 0;
     }
-    function Zi(e, t, r) {
+    function ei(e, t, r) {
       return {
         ...p.value.rowStyle(e, Kt(e, t)),
         width: `${r}px`,
@@ -6048,7 +6073,7 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
         maxWidth: `${r}px`
       };
     }
-    function Qi(e) {
+    function ti(e) {
       const t = `${e}px`;
       return {
         width: t,
@@ -6056,27 +6081,27 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
         maxWidth: t
       };
     }
-    function Ji(e, t) {
+    function ri(e, t) {
       return !e || !t ? !1 : e.startRow === t.startRow && e.endRow === t.endRow && e.startColumn === t.startColumn && e.endColumn === t.endColumn;
     }
     function ja(e, t) {
       if (!e || t.length === 0 || v.value.length === 0)
         return null;
-      const r = 0, l = v.value.length - 1, b = Math.max(e.startColumn, r), h = Math.min(e.endColumn, l);
-      if (b > h)
+      const r = 0, l = v.value.length - 1, b = Math.max(e.startColumn, r), m = Math.min(e.endColumn, l);
+      if (b > m)
         return null;
-      let M = null, G = null;
-      return t.forEach((ie, he) => {
-        const Fe = tt(ie, he);
-        Fe < e.startRow || Fe > e.endRow || (M == null && (M = he), G = he);
-      }), M == null || G == null ? null : {
+      let M = null, W = null;
+      return t.forEach((ne, he) => {
+        const Fe = tt(ne, he);
+        Fe < e.startRow || Fe > e.endRow || (M == null && (M = he), W = he);
+      }), M == null || W == null ? null : {
         startRowOffset: M,
-        endRowOffset: G,
+        endRowOffset: W,
         startColumnIndex: b,
-        endColumnIndex: h
+        endColumnIndex: m
       };
     }
-    function en(e) {
+    function ai(e) {
       return ja(e, H.value);
     }
     function rr(e) {
@@ -6100,66 +6125,66 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
         endColumnIndex: Math.max(e.endColumnIndex, t.endColumnIndex)
       } : e : t;
     }
-    function Rr(e, t, r, l, b, h) {
-      const M = Math.max(0, h?.topBleed ?? 1), G = Math.max(0, h?.bottomBleed ?? 1), ie = h?.omitLeftBorder ? 0 : Math.max(0, h?.leftBleed ?? 1), he = h?.omitRightBorder ? 0 : Math.max(0, h?.rightBleed ?? 1);
+    function Rr(e, t, r, l, b, m) {
+      const M = Math.max(0, m?.topBleed ?? 1), W = Math.max(0, m?.bottomBleed ?? 1), ne = m?.omitLeftBorder ? 0 : Math.max(0, m?.leftBleed ?? 1), he = m?.omitRightBorder ? 0 : Math.max(0, m?.rightBleed ?? 1);
       return {
         key: e,
         style: {
           position: "absolute",
           top: `${t - M}px`,
-          left: `${r - ie}px`,
-          width: `${Math.max(1, l + ie + he)}px`,
-          height: `${Math.max(1, b + M + G)}px`,
-          border: `${h?.hideBorder ? 0 : 2}px ${h?.borderStyle ?? "solid"} ${h?.borderColor ?? "var(--datagrid-selection-overlay-border)"}`,
-          borderLeftWidth: h?.hideBorder || h?.omitLeftBorder ? "0px" : "2px",
-          borderRightWidth: h?.hideBorder || h?.omitRightBorder ? "0px" : "2px",
-          borderTopWidth: h?.hideBorder ? "0px" : "2px",
-          borderBottomWidth: h?.hideBorder ? "0px" : "2px",
-          background: h?.backgroundColor ?? "transparent",
+          left: `${r - ne}px`,
+          width: `${Math.max(1, l + ne + he)}px`,
+          height: `${Math.max(1, b + M + W)}px`,
+          border: `${m?.hideBorder ? 0 : 2}px ${m?.borderStyle ?? "solid"} ${m?.borderColor ?? "var(--datagrid-selection-overlay-border)"}`,
+          borderLeftWidth: m?.hideBorder || m?.omitLeftBorder ? "0px" : "2px",
+          borderRightWidth: m?.hideBorder || m?.omitRightBorder ? "0px" : "2px",
+          borderTopWidth: m?.hideBorder ? "0px" : "2px",
+          borderBottomWidth: m?.hideBorder ? "0px" : "2px",
+          background: m?.backgroundColor ?? "transparent",
           boxSizing: "border-box",
-          borderTopLeftRadius: h?.omitLeftBorder ? "0px" : "1px",
-          borderBottomLeftRadius: h?.omitLeftBorder ? "0px" : "1px",
-          borderTopRightRadius: h?.omitRightBorder ? "0px" : "1px",
-          borderBottomRightRadius: h?.omitRightBorder ? "0px" : "1px",
+          borderTopLeftRadius: m?.omitLeftBorder ? "0px" : "1px",
+          borderBottomLeftRadius: m?.omitLeftBorder ? "0px" : "1px",
+          borderTopRightRadius: m?.omitRightBorder ? "0px" : "1px",
+          borderBottomRightRadius: m?.omitRightBorder ? "0px" : "1px",
           pointerEvents: "none",
           zIndex: 6
         }
       };
     }
-    function ue(e, t, r, l, b = Math.max(0, Wt.value)) {
+    function ue(e, t, r, l, b = Math.max(0, Gt.value)) {
       if (!e)
         return [];
-      const h = r === "selection" && e.startRowOffset === e.endRowOffset && e.startColumnIndex === e.endColumnIndex;
-      if (h)
+      const m = r === "selection" && e.startRowOffset === e.endRowOffset && e.startColumnIndex === e.endColumnIndex;
+      if (m)
         return [];
-      const M = e.top <= 0 ? 0 : 1, G = b > 0 && e.top + e.height >= b ? 0 : 1;
+      const M = e.top <= 0 ? 0 : 1, W = b > 0 && e.top + e.height >= b ? 0 : 1;
       if (t === "left") {
-        const N = ve.value.filter((bt) => {
-          const De = Ue(bt.key);
+        const q = ve.value.filter((ft) => {
+          const De = Ue(ft.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)
+        let se = Ce.value;
+        for (const ft of ve.value) {
+          if (ft.key === q[0]?.key)
             break;
-          de += Y(bt);
+          se += X(ft);
         }
-        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((ft, De) => ft + X(De), 0), $r = Ue(q[q.length - 1]?.key ?? ""), nr = G.value, ir = se <= 0 ? 0 : 1, Lr = nr > 0 && se + Ut >= nr ? 0 : 1;
         return [
           Rr(
             `${r}-left-${e.startRowOffset}-${e.endRowOffset}`,
             e.top,
-            de,
+            se,
             Ut,
             e.height,
             {
-              hideBorder: h,
+              hideBorder: m,
               omitRightBorder: e.endColumnIndex > $r,
               topBleed: M,
-              bottomBleed: G,
-              leftBleed: nr,
+              bottomBleed: W,
+              leftBleed: ir,
               rightBleed: Lr,
               borderColor: l?.borderColor,
               backgroundColor: l?.backgroundColor,
@@ -6169,37 +6194,37 @@ 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 se = ge();
         for (const De of Se.value) {
-          if (De.key === N[0]?.key)
+          if (De.key === q[0]?.key)
             break;
-          de += Y(De);
+          se += X(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 + X(or), 0), $r = Ue(q[0]?.key ?? ""), nr = Ue(q[q.length - 1]?.key ?? ""), ir = 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;
+        ), Lr = se <= 0 ? 0 : 1, ft = ir > 0 && se + Ut >= ir ? 0 : 1;
         return [
           Rr(
             `${r}-center-${e.startRowOffset}-${e.endRowOffset}`,
             e.top,
-            de,
+            se,
             Ut,
             e.height,
             {
-              hideBorder: h,
+              hideBorder: m,
               omitLeftBorder: e.startColumnIndex < $r,
-              omitRightBorder: e.endColumnIndex > ir,
+              omitRightBorder: e.endColumnIndex > nr,
               topBleed: M,
-              bottomBleed: G,
+              bottomBleed: W,
               leftBleed: Lr,
-              rightBleed: bt,
+              rightBleed: ft,
               borderColor: l?.borderColor,
               backgroundColor: l?.backgroundColor,
               borderStyle: l?.borderStyle
@@ -6207,19 +6232,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);
-        return de >= e.startColumnIndex && de <= e.endColumnIndex;
+      const ne = me.value.filter((q) => {
+        const se = Ue(q.key);
+        return se >= e.startColumnIndex && se <= e.endColumnIndex;
       });
-      if (ie.length === 0)
+      if (ne.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 === ne[0]?.key)
           break;
-        he += Y(N);
+        he += X(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 = ne.reduce((q, se) => q + X(se), 0), bt = Ue(ne[0]?.key ?? ""), $e = ie.value, de = he <= 0 ? 0 : 1, be = $e > 0 && he + Fe >= $e ? 0 : 1;
       return [
         Rr(
           `${r}-right-${e.startRowOffset}-${e.endRowOffset}`,
@@ -6228,11 +6253,11 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
           Fe,
           e.height,
           {
-            hideBorder: h,
-            omitLeftBorder: e.startColumnIndex < ht,
+            hideBorder: m,
+            omitLeftBorder: e.startColumnIndex < bt,
             topBleed: M,
-            bottomBleed: G,
-            leftBleed: le,
+            bottomBleed: W,
+            leftBleed: de,
             rightBleed: be,
             borderColor: l?.borderColor,
             backgroundColor: l?.backgroundColor,
@@ -6241,69 +6266,69 @@ 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(
-      rr(Z.value),
+    const qa = u(() => !x.value.isRangeMoving || !x.value.rangeMovePreviewRange || ri(x.value.rangeMovePreviewRange, Y.value) ? null : x.value.rangeMovePreviewRange), ni = u(() => tr.value ? Na(Wa.value, tr.value) : null), Mr = u(() => tr.value ? null : Ht(Wa.value)), Ar = u(() => Ht(ni.value)), Ir = u(() => Ht(ai(qa.value))), Er = u(() => tr.value ? null : Ht(
+      rr(Y.value),
       Dt.value
     )), Br = u(() => Ht(
       Na(
-        rr(Z.value),
+        rr(Y.value),
         rr(x.value.fillPreviewRange)
       ),
       Dt.value
     )), Fr = u(() => Ht(
       rr(qa.value),
       Dt.value
-    )), rn = u(() => ue(Mr.value, "left", "selection", {
+    )), ii = u(() => ue(Mr.value, "left", "selection", {
       borderColor: "var(--datagrid-selection-overlay-border)"
-    })), an = u(() => ue(Mr.value, "center", "selection", {
+    })), oi = u(() => ue(Mr.value, "center", "selection", {
       borderColor: "var(--datagrid-selection-overlay-border)"
-    })), nn = u(() => ue(Mr.value, "right", "selection", {
+    })), li = u(() => ue(Mr.value, "right", "selection", {
       borderColor: "var(--datagrid-selection-overlay-border)"
-    })), on = u(() => ue(Ir.value, "left", "selection", {
+    })), di = 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)), si = 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)), ui = u(() => ue(Er.value, "right", "selection", {
       borderColor: "var(--datagrid-selection-overlay-border)"
-    }, c.value?.clientHeight ?? 0)), sn = u(() => ue(Ar.value, "left", "fill-preview", {
+    }, c.value?.clientHeight ?? 0)), ci = u(() => ue(Ar.value, "left", "fill-preview", {
       borderColor: "var(--datagrid-selection-overlay-fill-border)",
       backgroundColor: "var(--datagrid-selection-overlay-fill-bg)"
-    })), un = u(() => ue(Ar.value, "center", "fill-preview", {
+    })), gi = u(() => ue(Ar.value, "center", "fill-preview", {
       borderColor: "var(--datagrid-selection-overlay-fill-border)",
       backgroundColor: "var(--datagrid-selection-overlay-fill-bg)"
-    })), cn = u(() => ue(Ar.value, "right", "fill-preview", {
+    })), pi = u(() => ue(Ar.value, "right", "fill-preview", {
       borderColor: "var(--datagrid-selection-overlay-fill-border)",
       backgroundColor: "var(--datagrid-selection-overlay-fill-bg)"
-    })), gn = u(() => ue(Br.value, "left", "fill-preview", {
+    })), vi = u(() => ue(Br.value, "left", "fill-preview", {
       borderColor: "var(--datagrid-selection-overlay-fill-border)",
       backgroundColor: "var(--datagrid-selection-overlay-fill-bg)"
-    }, c.value?.clientHeight ?? 0)), pn = u(() => ue(Br.value, "center", "fill-preview", {
+    }, c.value?.clientHeight ?? 0)), mi = u(() => ue(Br.value, "center", "fill-preview", {
       borderColor: "var(--datagrid-selection-overlay-fill-border)",
       backgroundColor: "var(--datagrid-selection-overlay-fill-bg)"
-    }, c.value?.clientHeight ?? 0)), vn = u(() => ue(Br.value, "right", "fill-preview", {
+    }, c.value?.clientHeight ?? 0)), hi = 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)), bi = 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", {
+    })), fi = 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", {
+    })), yi = u(() => ue(Ir.value, "right", "move-preview", {
       borderColor: "var(--datagrid-selection-overlay-move-border)",
       backgroundColor: "var(--datagrid-selection-overlay-move-bg)",
       borderStyle: "dashed"
-    })), fn = u(() => ue(Fr.value, "left", "move-preview", {
+    })), xi = u(() => ue(Fr.value, "left", "move-preview", {
       borderColor: "var(--datagrid-selection-overlay-move-border)",
       backgroundColor: "var(--datagrid-selection-overlay-move-bg)",
       borderStyle: "dashed"
-    }, c.value?.clientHeight ?? 0)), yn = u(() => ue(Fr.value, "center", "move-preview", {
+    }, c.value?.clientHeight ?? 0)), wi = u(() => ue(Fr.value, "center", "move-preview", {
       borderColor: "var(--datagrid-selection-overlay-move-border)",
       backgroundColor: "var(--datagrid-selection-overlay-move-bg)",
       borderStyle: "dashed"
-    }, c.value?.clientHeight ?? 0)), xn = u(() => ue(Fr.value, "right", "move-preview", {
+    }, c.value?.clientHeight ?? 0)), ki = u(() => ue(Fr.value, "right", "move-preview", {
       borderColor: "var(--datagrid-selection-overlay-move-border)",
       backgroundColor: "var(--datagrid-selection-overlay-move-bg)",
       borderStyle: "dashed"
@@ -6312,37 +6337,37 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
       absoluteRowIndex: tt,
       viewportRowOffset: Kt,
       rowStateClasses: Ra,
-      paneRowStyle: Zi,
+      paneRowStyle: ei,
       handleRowContainerClick: Sa,
       setHoveredRow: ta,
-      isFullRowSelectionSafe: ci,
+      isFullRowSelectionSafe: vn,
       get rowIndexColumnStyle() {
         return Ve.value;
       },
-      rowIndexCellStyle: It,
-      rowIndexTabIndex: dt,
-      handleRowIndexClickSafe: si,
-      handleRowIndexKeydown: ui,
-      builtInCellClasses: ia,
+      rowIndexCellStyle: Et,
+      rowIndexTabIndex: st,
+      handleRowIndexClickSafe: gn,
+      handleRowIndexKeydown: pn,
+      builtInCellClasses: na,
       cellStateClasses: Xa,
       resolveCellCustomClass: Ze,
       columnStyle: ye,
       bodyCellPresentationStyle: Te,
-      bodyCellSelectionStyle: Et,
+      bodyCellSelectionStyle: It,
       resolveCellCustomStyle: Be,
       columnIndexByKey: Ue,
       cellTabIndex: Ae,
-      checkboxCellRole: na,
+      checkboxCellRole: ia,
       checkboxCellAriaChecked: oa,
       handleCellMouseDown: k,
       handleBodyCellClick: Aa,
       handleCellMouseMove: Ma,
-      clearRangeMoveHandleHover: Gt,
-      handleCellKeydown: q,
+      clearRangeMoveHandleHover: Wt,
+      handleCellKeydown: N,
       startInlineEditIfAllowed: Qe,
-      isCellEditableSafe: pe,
-      isFillHandleCellSafe: ut,
-      isEditingCellSafe: Ee,
+      isCellEditableSafe: ce,
+      isFillHandleCellSafe: ct,
+      isEditingCellSafe: Ie,
       handleFillHandleMouseDown: ke,
       handleFillHandleDoubleClick: kt,
       isSelectEditorCell: ba,
@@ -6362,39 +6387,40 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
       shouldRenderCheckboxCell: jt,
       checkboxIndicatorClass: la,
       checkboxIndicatorMarkClass: da,
-      readResolvedDisplayCell: ma
+      readResolvedDisplayCell: xr,
+      renderResolvedCellContent: ma
     }, Ua = {
-      handleCenterViewportScroll: $i,
+      handleCenterViewportScroll: zn,
       handleBodyViewportWheel: Da,
       absoluteRowIndex: tt,
       viewportRowOffset: Kt,
       handleViewportKeydown(e) {
-        B.value.handleViewportKeydown(e);
+        F.value.handleViewportKeydown(e);
       },
       rowStateClasses: Ra,
       handleRowContainerClick: Sa,
       setHoveredRow: ta,
-      spacerStyle: Qi,
-      builtInCellClasses: ia,
+      spacerStyle: ti,
+      builtInCellClasses: na,
       cellStateClasses: Xa,
       resolveCellCustomClass: Ze,
       columnStyle: ye,
       bodyCellPresentationStyle: Te,
-      bodyCellSelectionStyle: Et,
+      bodyCellSelectionStyle: It,
       resolveCellCustomStyle: Be,
       columnIndexByKey: Ue,
       cellTabIndex: Ae,
-      checkboxCellRole: na,
+      checkboxCellRole: ia,
       checkboxCellAriaChecked: oa,
       handleCellMouseDown: k,
       handleBodyCellClick: Aa,
       handleCellMouseMove: Ma,
-      clearRangeMoveHandleHover: Gt,
-      handleCellKeydown: q,
+      clearRangeMoveHandleHover: Wt,
+      handleCellKeydown: N,
       startInlineEditIfAllowed: Qe,
-      isCellEditableSafe: pe,
-      isFillHandleCellSafe: ut,
-      isEditingCellSafe: Ee,
+      isCellEditableSafe: ce,
+      isFillHandleCellSafe: ct,
+      isEditingCellSafe: Ie,
       handleFillHandleMouseDown: ke,
       handleFillHandleDoubleClick: kt,
       isSelectEditorCell: ba,
@@ -6414,99 +6440,100 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
       shouldRenderCheckboxCell: jt,
       checkboxIndicatorClass: la,
       checkboxIndicatorMarkClass: da,
-      readResolvedDisplayCell: ma
-    }, wn = u(() => ({
+      readResolvedDisplayCell: xr,
+      renderResolvedCellContent: ma
+    }, Ci = u(() => ({
       side: "left",
-      width: W.value,
+      width: G.value,
       style: Ke.value,
       contentStyle: {},
-      contentRef: xi,
+      contentRef: Cn,
       columns: ve.value,
-      showIndexColumn: Ge.value,
+      showIndexColumn: We.value,
       displayRows: H.value,
-      topSpacerHeight: B.value.topSpacerHeight,
-      bottomSpacerHeight: B.value.bottomSpacerHeight,
-      selectionOverlaySegments: rn.value,
-      fillPreviewOverlaySegments: sn.value,
-      movePreviewOverlaySegments: mn.value
-    })), kn = u(() => ({
+      topSpacerHeight: F.value.topSpacerHeight,
+      bottomSpacerHeight: F.value.bottomSpacerHeight,
+      selectionOverlaySegments: ii.value,
+      fillPreviewOverlaySegments: ci.value,
+      movePreviewOverlaySegments: bi.value
+    })), _i = u(() => ({
       side: "right",
-      width: ne.value,
-      style: pt.value,
+      width: ie.value,
+      style: vt.value,
       contentStyle: {},
-      contentRef: wi,
+      contentRef: _n,
       columns: me.value,
       showIndexColumn: !1,
       displayRows: H.value,
-      topSpacerHeight: B.value.topSpacerHeight,
-      bottomSpacerHeight: B.value.bottomSpacerHeight,
-      selectionOverlaySegments: nn.value,
-      fillPreviewOverlaySegments: cn.value,
-      movePreviewOverlaySegments: bn.value
-    })), Cn = u(() => ({
+      topSpacerHeight: F.value.topSpacerHeight,
+      bottomSpacerHeight: F.value.bottomSpacerHeight,
+      selectionOverlaySegments: li.value,
+      fillPreviewOverlaySegments: pi.value,
+      movePreviewOverlaySegments: yi.value
+    })), Si = u(() => ({
       side: "left",
-      width: W.value,
+      width: G.value,
       style: Ke.value,
       contentStyle: {},
-      contentRef: ki,
+      contentRef: Sn,
       columns: ve.value,
-      showIndexColumn: Ge.value,
+      showIndexColumn: We.value,
       displayRows: fe.value,
-      selectionOverlaySegments: on.value,
-      fillPreviewOverlaySegments: gn.value,
-      movePreviewOverlaySegments: fn.value
-    })), _n = u(() => ({
+      selectionOverlaySegments: di.value,
+      fillPreviewOverlaySegments: vi.value,
+      movePreviewOverlaySegments: xi.value
+    })), Ri = u(() => ({
       side: "right",
-      width: ne.value,
-      style: pt.value,
+      width: ie.value,
+      style: vt.value,
       contentStyle: {},
-      contentRef: Ci,
+      contentRef: Rn,
       columns: me.value,
       showIndexColumn: !1,
       displayRows: fe.value,
-      selectionOverlaySegments: dn.value,
-      fillPreviewOverlaySegments: vn.value,
-      movePreviewOverlaySegments: xn.value
+      selectionOverlaySegments: ui.value,
+      fillPreviewOverlaySegments: hi.value,
+      movePreviewOverlaySegments: ki.value
     }));
     function Xa(e, t, r) {
-      const l = v.value[r]?.key ?? "", b = J(t, r);
+      const l = v.value[r]?.key ?? "", b = Q(t, r);
       return {
         "grid-cell--selected": !b && re(t, r),
         "grid-cell--selection-anchor": b,
-        "grid-cell--range-move-handle-hover": vi(t, r),
+        "grid-cell--range-move-handle-hover": bn(t, r),
         "grid-cell--fill-preview": Pe(t, r),
         "grid-cell--clipboard-pending": V(t, r),
-        "grid-cell--clipboard-pending-top": We(t, r, "top"),
-        "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--clipboard-pending-top": Ge(t, r, "top"),
+        "grid-cell--clipboard-pending-right": Ge(t, r, "right"),
+        "grid-cell--clipboard-pending-bottom": Ge(t, r, "bottom"),
+        "grid-cell--clipboard-pending-left": Ge(t, r, "left"),
+        "grid-cell--editing": Ie(e, l)
       };
     }
     return ee({
       getStageRootElement: () => o.value,
       getHeaderElement: () => Qt(),
       getBodyViewportElement: () => a.value,
-      getVisibleRowMetrics: () => Wa(qt.value)
+      getVisibleRowMetrics: () => Ga(qt.value)
     }), (e, t) => (s(), g("section", {
       ref_key: "stageRootEl",
       ref: o,
       class: j(["grid-stage", {
         "grid-stage--canvas-chrome": !0,
         "grid-stage--auto-row-height": d(_) === "base" && d(K) === "auto",
-        "grid-stage--fill-dragging": Q.value,
-        "grid-stage--range-moving": ct.value,
+        "grid-stage--fill-dragging": Z.value,
+        "grid-stage--range-moving": gt.value,
         "grid-stage--single-cell-selection": Ka.value
       }])
     }, [
-      _e(Wl, {
-        "pane-layout-style": gt.value,
+      _e(Kl, {
+        "pane-layout-style": pt.value,
         "left-pane-style": Ke.value,
-        "right-pane-style": pt.value,
-        "left-track-style": zi.value,
-        "right-track-style": Pi.value,
+        "right-pane-style": vt.value,
+        "left-track-style": Dn.value,
+        "right-track-style": Hn.value,
         "row-index-column-style": Ve.value,
-        "show-index-column": Ge.value,
+        "show-index-column": We.value,
         "on-linked-viewport-wheel": Va
       }, {
         "center-chrome": ae(() => [
@@ -6514,14 +6541,14 @@ 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)
         ]),
         "left-chrome": ae(() => [
           f("canvas", {
             ref_key: "leftHeaderChromeCanvasEl",
-            ref: Gr,
+            ref: Wr,
             class: "grid-chrome-canvas",
             "aria-hidden": "true"
           }, null, 512)
@@ -6540,20 +6567,20 @@ 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(pt.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(h.value),
           "aria-hidden": "true"
         }, null, 4),
         _e(dr, {
-          pane: wn.value,
+          pane: Ci.value,
           "render-api": ar,
-          "handle-context-menu": i.onViewportContextMenu
+          "handle-context-menu": n.onViewportContextMenu
         }, {
           chrome: ae(() => [
             f("canvas", {
@@ -6567,19 +6594,19 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
         }, 8, ["pane", "handle-context-menu"]),
         _e(Ya, {
           "display-rows": d(p).displayRows,
-          "top-spacer-height": d(B).topSpacerHeight,
-          "bottom-spacer-height": d(B).bottomSpacerHeight,
-          "viewport-ref": fi,
-          "handle-context-menu": i.onViewportContextMenu,
-          "selection-overlay-segments": an.value,
-          "fill-preview-overlay-segments": un.value,
-          "move-preview-overlay-segments": hn.value,
+          "top-spacer-height": d(F).topSpacerHeight,
+          "bottom-spacer-height": d(F).bottomSpacerHeight,
+          "viewport-ref": wn,
+          "handle-context-menu": n.onViewportContextMenu,
+          "selection-overlay-segments": oi.value,
+          "fill-preview-overlay-segments": gi.value,
+          "move-preview-overlay-segments": fi.value,
           "render-api": Ua
         }, null, 8, ["display-rows", "top-spacer-height", "bottom-spacer-height", "handle-context-menu", "selection-overlay-segments", "fill-preview-overlay-segments", "move-preview-overlay-segments"]),
         _e(dr, {
-          pane: kn.value,
+          pane: _i.value,
           "render-api": ar,
-          "handle-context-menu": i.onViewportContextMenu
+          "handle-context-menu": n.onViewportContextMenu
         }, {
           chrome: ae(() => [
             f("canvas", {
@@ -6591,30 +6618,30 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
           ]),
           _: 1
         }, 8, ["pane", "handle-context-menu"]),
-        _e(ed, {
+        _e(rd, {
           "is-open": je.value,
-          style: I(Pa.value),
-          onToggle: st,
+          style: E(Pa.value),
+          onToggle: ut,
           onSelected: Ct
         }, null, 8, ["is-open", "style"])
       ], 36),
       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(pt.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(i.value),
           "aria-hidden": "true"
         }, null, 4),
         _e(dr, {
-          pane: Cn.value,
+          pane: Si.value,
           "render-api": ar,
-          "handle-context-menu": i.onViewportContextMenu
+          "handle-context-menu": n.onViewportContextMenu
         }, {
           chrome: ae(() => [
             f("canvas", {
@@ -6629,20 +6656,20 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
         _e(Ya, {
           "display-rows": d(p).pinnedBottomRows,
           "viewport-class": "grid-body-viewport grid-body-viewport--pinned-bottom",
-          "viewport-ref": yi,
-          "handle-scroll": Li,
+          "viewport-ref": kn,
+          "handle-scroll": Pn,
           "handle-wheel": Da,
-          "handle-keydown": Ti,
-          "handle-context-menu": i.onViewportContextMenu,
-          "selection-overlay-segments": ln.value,
-          "fill-preview-overlay-segments": pn.value,
-          "move-preview-overlay-segments": yn.value,
+          "handle-keydown": Vn,
+          "handle-context-menu": n.onViewportContextMenu,
+          "selection-overlay-segments": si.value,
+          "fill-preview-overlay-segments": mi.value,
+          "move-preview-overlay-segments": wi.value,
           "render-api": Ua
         }, null, 8, ["display-rows", "handle-context-menu", "selection-overlay-segments", "fill-preview-overlay-segments", "move-preview-overlay-segments"]),
         _e(dr, {
-          pane: _n.value,
+          pane: Ri.value,
           "render-api": ar,
-          "handle-context-menu": i.onViewportContextMenu
+          "handle-context-menu": n.onViewportContextMenu
         }, {
           chrome: ae(() => [
             f("canvas", {
@@ -6659,23 +6686,23 @@ const dd = 6, sd = ".grid-fill-action", He = 14, Le = 8, Vr = 10, Qa = 72, sr =
   }
 });
 export {
-  xd as _,
-  Io as a,
-  ri as b,
-  Eo as c,
-  ei as d,
+  kd as _,
+  Fo as a,
+  an as b,
+  Bo as c,
+  tn as d,
   Dr as e,
-  ai as f,
-  yd as g,
-  ti as h,
+  nn as f,
+  wd as g,
+  rn as h,
   Hr as i,
-  bd as j,
-  Wr as k,
+  yd as j,
+  Gr as k,
   yt as l,
-  Fo as m,
+  Lo as m,
   Or as n,
-  ld as o,
-  Bo as p,
-  hd as q,
-  fd as u
+  sd as o,
+  $o as p,
+  fd as q,
+  xd as u
 };