@affino/datagrid-vue-app 0.1.7 → 0.1.9

package/dist/chunks/{DataGridTableStage.vue_vue_type_script_setup_true_lang-Bb5ixAcf.js → DataGridTableStage.vue_vue_type_script_setup_true_lang-l1nn1PNS.js}

@@ -1,4 +1,4 @@
-import { defineComponent as dt, ref as D, inject as ti, computed as u, watch as lt, openBlock as s, createBlock as de, unref as d, withCtx as ie, createVNode as _e, renderSlot as Xt, normalizeStyle as I, createTextVNode as ri, toDisplayString as P, createCommentVNode as k, createElementBlock as c, Fragment as re, renderList as se, createElementVNode as f, withModifiers as y, normalizeClass as q, withDirectives as In, vModelText as Bn, toRef as Ve, provide as Fn, toRefs as Ln, onBeforeUnmount as $n, onMounted as Tn, nextTick as zn } from "vue";
+import { defineComponent as dt, ref as D, inject as ti, computed as u, watch as lt, openBlock as s, createBlock as de, unref as d, withCtx as ie, createVNode as _e, renderSlot as Xt, normalizeStyle as I, createTextVNode as ri, toDisplayString as P, createCommentVNode as C, createElementBlock as c, Fragment as re, renderList as se, createElementVNode as f, withModifiers as y, normalizeClass as q, withDirectives as In, vModelText as Bn, toRef as Ve, provide as Fn, toRefs as Ln, onBeforeUnmount as $n, onMounted as Tn, nextTick as zn } from "vue";
 import { serializeColumnValueToToken as Pn, buildDataGridCellRenderModel as Vn } from "@affino/datagrid-vue";
 import { useDataGridLinkedPaneScrollSync as Dn, useDataGridManagedWheelScroll as Hn } from "@affino/datagrid-vue/advanced";
 import { buildDataGridChromeRenderModel as Vr } from "@affino/datagrid-chrome";
@@ -72,7 +72,7 @@ const Zn = ["title"], Qn = {
   },
   emits: ["sort", "pin", "group", "apply-filter", "clear-filter", "update-text-filter"],
   setup(i, { emit: ae }) {
-    const E = i, z = ae, S = D(null), O = ti(Un, D(null)), X = D(!1), H = D(""), L = D(!1), A = D([]), g = D([]), C = D({}), w = u(() => bt(E.columnDataType)), B = u(() => new Set(E.disabledItems)), $e = u(() => !E.grouped || !Number.isFinite(E.groupOrder) ? null : `Level ${Number(E.groupOrder) + 1}`), v = u(() => {
+    const E = i, z = ae, S = D(null), O = ti(Un, D(null)), X = D(!1), H = D(""), L = D(!1), A = D([]), g = D([]), k = D({}), w = u(() => bt(E.columnDataType)), B = u(() => new Set(E.disabledItems)), $e = u(() => !E.grouped || !Number.isFinite(E.groupOrder) ? null : `Level ${Number(E.groupOrder) + 1}`), v = u(() => {
       const m = Number.isFinite(E.valueFilterRowLimit) && E.valueFilterRowLimit >= 0 ? E.valueFilterRowLimit : Number.POSITIVE_INFINITY;
       return Math.min(m, Lo);
     }), N = u(() => E.filterEnabled ? E.rows.length <= v.value : !1), ne = u(() => E.filterEnabled && !N.value), me = u(() => E.items.filter((m) => m === "sort" ? U("sortAsc") || U("sortDesc") || U("clearSort") : m === "group" ? U("toggleGroup") : m === "pin" ? R.value : m === "filter" ? $.value : !0)), G = u(() => B.value.has("sort")), fe = u(() => B.value.has("group")), J = u(() => B.value.has("pin")), K = u(() => B.value.has("filter")), He = u(() => new Set(g.value)), $ = u(() => N.value || E.textFilterEnabled), x = u(() => E.textFilterEnabled && !N.value), W = u(() => H.value.trim().length > 0), R = u(() => U("pinMenu") && (U("pinLeft") || U("pinRight") || U("unpin"))), T = u(() => ee(
@@ -209,7 +209,7 @@ const Zn = ["title"], Qn = {
       Ce(m);
     }
     function vt() {
-      C.value = Xn(O.value);
+      k.value = Xn(O.value);
     }
     function ze() {
       if (H.value = "", L.value = !1, !N.value) {
@@ -300,7 +300,7 @@ const Zn = ["title"], Qn = {
           "class-name": "ui-menu-content datagrid-column-menu__panel",
           align: "start",
           gutter: 6,
-          style: I(C.value),
+          style: I(k.value),
           "data-affino-menu-root": "",
           "data-datagrid-column-menu-panel": "true"
         }, {
@@ -311,9 +311,9 @@ const Zn = ["title"], Qn = {
               ]),
               _: 1
             }),
-            me.value.length > 0 ? (s(), de(d(dr), { key: 0 })) : k("", !0),
+            me.value.length > 0 ? (s(), de(d(dr), { key: 0 })) : C("", !0),
             (s(!0), c(re, null, se(me.value, (l, a) => (s(), c(re, { key: l }, [
-              a > 0 ? (s(), de(d(dr), { key: 0 })) : k("", !0),
+              a > 0 ? (s(), de(d(dr), { key: 0 })) : C("", !0),
               l === "sort" ? (s(), c(re, { key: 1 }, [
                 U("sortAsc") ? (s(), de(d(Et), {
                   key: 0,
@@ -328,10 +328,10 @@ const Zn = ["title"], Qn = {
                     f("span", {
                       title: V("sortAsc", G.value || !m.sortEnabled, "sort")
                     }, P(st.value), 9, Zn),
-                    m.sortDirection === "asc" ? (s(), c("span", Qn, "Active")) : k("", !0)
+                    m.sortDirection === "asc" ? (s(), c("span", Qn, "Active")) : C("", !0)
                   ]),
                   _: 1
-                }, 8, ["data-disabled-reason", "disabled", "title"])) : k("", !0),
+                }, 8, ["data-disabled-reason", "disabled", "title"])) : C("", !0),
                 U("sortDesc") ? (s(), de(d(Et), {
                   key: 1,
                   class: "datagrid-column-menu__item",
@@ -345,10 +345,10 @@ const Zn = ["title"], Qn = {
                     f("span", {
                       title: V("sortDesc", G.value || !m.sortEnabled, "sort")
                     }, P(Ct.value), 9, Jn),
-                    m.sortDirection === "desc" ? (s(), c("span", eo, "Active")) : k("", !0)
+                    m.sortDirection === "desc" ? (s(), c("span", eo, "Active")) : C("", !0)
                   ]),
                   _: 1
-                }, 8, ["data-disabled-reason", "disabled", "title"])) : k("", !0),
+                }, 8, ["data-disabled-reason", "disabled", "title"])) : C("", !0),
                 U("clearSort") ? (s(), de(d(Et), {
                   key: 2,
                   class: "datagrid-column-menu__item",
@@ -364,7 +364,7 @@ const Zn = ["title"], Qn = {
                     }, P(Te.value), 9, to)
                   ]),
                   _: 1
-                }, 8, ["data-disabled-reason", "disabled", "title"])) : k("", !0)
+                }, 8, ["data-disabled-reason", "disabled", "title"])) : C("", !0)
               ], 64)) : l === "group" && U("toggleGroup") ? (s(), de(d(Et), {
                 key: 2,
                 class: "datagrid-column-menu__item",
@@ -378,7 +378,7 @@ const Zn = ["title"], Qn = {
                   f("span", {
                     title: V("toggleGroup", fe.value || !m.groupEnabled, "group")
                   }, P(T.value), 9, ro),
-                  m.grouped && $e.value ? (s(), c("span", ao, P($e.value), 1)) : k("", !0)
+                  m.grouped && $e.value ? (s(), c("span", ao, P($e.value), 1)) : C("", !0)
                 ]),
                 _: 1
               }, 8, ["data-disabled-reason", "disabled", "title"])) : l === "pin" && R.value ? (s(), de(d(jn), {
@@ -401,7 +401,7 @@ const Zn = ["title"], Qn = {
                   }, 8, ["data-disabled-reason", "aria-disabled", "disabled", "title"]),
                   _e(d(qn), {
                     "class-name": "ui-submenu-content datagrid-column-menu__submenu-panel",
-                    style: I(C.value)
+                    style: I(k.value)
                   }, {
                     default: ie(() => [
                       U("pinLeft") ? (s(), de(d(Et), {
@@ -417,10 +417,10 @@ const Zn = ["title"], Qn = {
                           f("span", {
                             title: V("pinLeft", J.value, "pin")
                           }, P(Ee.value), 9, io),
-                          m.pin === "left" ? (s(), c("span", no, "Active")) : k("", !0)
+                          m.pin === "left" ? (s(), c("span", no, "Active")) : C("", !0)
                         ]),
                         _: 1
-                      }, 8, ["data-disabled-reason", "disabled", "title"])) : k("", !0),
+                      }, 8, ["data-disabled-reason", "disabled", "title"])) : C("", !0),
                       U("pinRight") ? (s(), de(d(Et), {
                         key: 1,
                         class: "datagrid-column-menu__item",
@@ -434,10 +434,10 @@ const Zn = ["title"], Qn = {
                           f("span", {
                             title: V("pinRight", J.value, "pin")
                           }, P(Ge.value), 9, oo),
-                          m.pin === "right" ? (s(), c("span", lo, "Active")) : k("", !0)
+                          m.pin === "right" ? (s(), c("span", lo, "Active")) : C("", !0)
                         ]),
                         _: 1
-                      }, 8, ["data-disabled-reason", "disabled", "title"])) : k("", !0),
+                      }, 8, ["data-disabled-reason", "disabled", "title"])) : C("", !0),
                       U("unpin") ? (s(), de(d(Et), {
                         key: 2,
                         class: "datagrid-column-menu__item",
@@ -453,7 +453,7 @@ const Zn = ["title"], Qn = {
                           }, P(It.value), 9, so)
                         ]),
                         _: 1
-                      }, 8, ["data-disabled-reason", "disabled", "title"])) : k("", !0)
+                      }, 8, ["data-disabled-reason", "disabled", "title"])) : C("", !0)
                     ]),
                     _: 1
                   }, 8, ["style"])
@@ -484,7 +484,7 @@ const Zn = ["title"], Qn = {
                     disabled: le("clearFilter", K.value || !m.filterActive),
                     title: V("clearFilter", K.value || !m.filterActive, "filter"),
                     onClick: oe
-                  }, P(Bt.value), 9, go)) : k("", !0)
+                  }, P(Bt.value), 9, go)) : C("", !0)
                 ]),
                 x.value ? (s(), c("input", {
                   key: 0,
@@ -501,8 +501,8 @@ const Zn = ["title"], Qn = {
                   onKeydown: n[8] || (n[8] = y(() => {
                   }, ["stop"])),
                   onInput: Z
-                }, null, 40, po)) : k("", !0),
-                m.textFilterEnabled && !N.value ? (s(), c("div", vo, P(ne.value ? "Value filter is disabled for this dataset size. Use text filter instead." : "Value filter is unavailable here. Use text filter instead."), 1)) : k("", !0),
+                }, null, 40, po)) : C("", !0),
+                m.textFilterEnabled && !N.value ? (s(), c("div", vo, P(ne.value ? "Value filter is disabled for this dataset size. Use text filter instead." : "Value filter is unavailable here. Use text filter instead."), 1)) : C("", !0),
                 N.value ? In((s(), c("input", {
                   key: 2,
                   "onUpdate:modelValue": n[9] || (n[9] = (p) => H.value = p),
@@ -519,7 +519,7 @@ const Zn = ["title"], Qn = {
                   }, ["stop"]))
                 }, null, 40, mo)), [
                   [Bn, H.value]
-                ]) : k("", !0),
+                ]) : C("", !0),
                 N.value && W.value && U("addCurrentSelectionToFilter") ? (s(), c("label", ho, [
                   f("input", {
                     type: "checkbox",
@@ -529,11 +529,11 @@ const Zn = ["title"], Qn = {
                     onChange: pe
                   }, null, 40, bo),
                   f("span", null, P(_t.value), 1)
-                ])) : k("", !0),
+                ])) : C("", !0),
                 N.value ? (s(), de(d(dr), {
                   key: 4,
                   class: "datagrid-column-menu__section-separator"
-                })) : k("", !0),
+                })) : C("", !0),
                 N.value ? (s(), c("div", fo, [
                   U("selectAllValues") ? (s(), c("button", {
                     key: 0,
@@ -544,7 +544,7 @@ const Zn = ["title"], Qn = {
                     disabled: le("selectAllValues", K.value || A.value.length === 0 || Me.value),
                     title: V("selectAllValues", K.value || A.value.length === 0 || Me.value, "filter"),
                     onClick: Ne
-                  }, P(ut.value), 9, yo)) : k("", !0),
+                  }, P(ut.value), 9, yo)) : C("", !0),
                   U("clearAllValues") ? (s(), c("button", {
                     key: 1,
                     type: "button",
@@ -554,9 +554,9 @@ const Zn = ["title"], Qn = {
                     disabled: le("clearAllValues", K.value || g.value.length === 0),
                     title: V("clearAllValues", K.value || g.value.length === 0, "filter"),
                     onClick: mt
-                  }, P(Ie.value), 9, xo)) : k("", !0),
+                  }, P(Ie.value), 9, xo)) : C("", !0),
                   f("div", wo, P(et.value) + " / " + P(St.value) + " selected ", 1)
-                ])) : k("", !0),
+                ])) : C("", !0),
                 N.value ? (s(), c("div", ko, [
                   f("div", {
                     class: "datagrid-column-menu__values-list",
@@ -580,15 +580,15 @@ const Zn = ["title"], Qn = {
                       f("span", Ro, P(p.label), 1),
                       f("span", Mo, P(p.count), 1)
                     ], 8, _o))), 128)),
-                    Be.value.length === 0 ? (s(), c("div", Ao, " No matching values ")) : k("", !0)
+                    Be.value.length === 0 ? (s(), c("div", Ao, " No matching values ")) : C("", !0)
                   ], 8, Co)
-                ])) : k("", !0),
-                N.value && Je.value > 0 ? (s(), c("div", Eo, " Showing first " + P(Be.value.length) + " values. Use search to filter all " + P(we.value.length) + ". ", 1)) : k("", !0),
-                N.value && Se.value.length === 0 ? (s(), c("div", Io, " Select at least one value to apply the filter. ")) : k("", !0),
+                ])) : C("", !0),
+                N.value && Je.value > 0 ? (s(), c("div", Eo, " Showing first " + P(Be.value.length) + " values. Use search to filter all " + P(we.value.length) + ". ", 1)) : C("", !0),
+                N.value && Se.value.length === 0 ? (s(), c("div", Io, " Select at least one value to apply the filter. ")) : C("", !0),
                 N.value ? (s(), de(d(dr), {
                   key: 9,
                   class: "datagrid-column-menu__section-separator"
-                })) : k("", !0),
+                })) : C("", !0),
                 N.value ? (s(), c("div", Bo, [
                   U("cancelFilter") ? (s(), c("button", {
                     key: 0,
@@ -596,7 +596,7 @@ const Zn = ["title"], Qn = {
                     class: "datagrid-column-menu__button datagrid-column-menu__button--secondary",
                     "data-datagrid-column-menu-action": "cancel-filter",
                     onClick: be
-                  }, P(ct.value), 1)) : k("", !0),
+                  }, P(ct.value), 1)) : C("", !0),
                   U("applyFilter") ? (s(), c("button", {
                     key: 1,
                     type: "button",
@@ -606,9 +606,9 @@ const Zn = ["title"], Qn = {
                     disabled: le("applyFilter", K.value || !he.value),
                     title: V("applyFilter", K.value || !he.value, "filter"),
                     onClick: ye
-                  }, P(Qe.value), 9, Fo)) : k("", !0)
-                ])) : k("", !0)
-              ], 34)) : k("", !0)
+                  }, P(Qe.value), 9, Fo)) : C("", !0)
+                ])) : C("", !0)
+              ], 34)) : C("", !0)
             ], 64))), 128))
           ]),
           _: 1
@@ -820,10 +820,10 @@ const Vo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
     }
   },
   setup(i) {
-    const ae = Gr(), E = ni(), z = Wr(), S = oi(), O = Kr(), X = u(() => O.value.sourceRows ?? []), H = u(() => S.value.visibleColumns), L = u(() => S.value.renderedColumns), A = u(() => H.value.filter((n) => n.pin === "left")), g = u(() => H.value.filter((n) => n.pin === "right")), C = u(() => ae.value !== "pivot" ? 0 : H.value.reduce((n, l) => {
+    const ae = Gr(), E = ni(), z = Wr(), S = oi(), O = Kr(), X = u(() => O.value.sourceRows ?? []), H = u(() => S.value.visibleColumns), L = u(() => S.value.renderedColumns), A = u(() => H.value.filter((n) => n.pin === "left")), g = u(() => H.value.filter((n) => n.pin === "right")), k = u(() => ae.value !== "pivot" ? 0 : H.value.reduce((n, l) => {
       const a = R(l);
       return Math.max(n, a?.groupLabels?.length ?? 0);
-    }, 0)), w = u(() => C.value > 0), B = u(() => Y(A.value)), $e = u(() => Y(L.value)), v = u(() => Y(g.value)), N = u(() => E.value.mainTrackStyle), ne = u(() => z.value.leftColumnSpacerWidth), me = u(() => z.value.rightColumnSpacerWidth), G = u(() => S.value.columnFilterTextByKey), fe = u(() => typeof S.value.columnMenuMaxFilterValues == "number" ? S.value.columnMenuMaxFilterValues : 250), J = u(() => typeof S.value.columnMenuValueFilterRowLimit == "number" ? S.value.columnMenuValueFilterRowLimit : Number.MAX_SAFE_INTEGER);
+    }, 0)), w = u(() => k.value > 0), B = u(() => Y(A.value)), $e = u(() => Y(L.value)), v = u(() => Y(g.value)), N = u(() => E.value.mainTrackStyle), ne = u(() => z.value.leftColumnSpacerWidth), me = u(() => z.value.rightColumnSpacerWidth), G = u(() => S.value.columnFilterTextByKey), fe = u(() => typeof S.value.columnMenuMaxFilterValues == "number" ? S.value.columnMenuMaxFilterValues : 250), J = u(() => typeof S.value.columnMenuValueFilterRowLimit == "number" ? S.value.columnMenuValueFilterRowLimit : Number.MAX_SAFE_INTEGER);
     function K() {
       return S.value.columnMenuEnabled === !0 ? !0 : typeof S.value.applyColumnMenuSort == "function" || typeof S.value.applyColumnMenuPin == "function" || typeof S.value.applyColumnMenuFilter == "function" || typeof S.value.clearColumnMenuFilter == "function";
     }
@@ -875,7 +875,7 @@ const Vo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
       if (!w.value)
         return [];
       const l = [];
-      for (let a = 0; a < C.value; a += 1)
+      for (let a = 0; a < k.value; a += 1)
         l.push(Oe(n, a));
       return l;
     }
@@ -1092,7 +1092,7 @@ const Vo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
             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),
             "aria-hidden": "true"
-          }, null, 4)) : k("", !0),
+          }, null, 4)) : C("", !0),
           (s(!0), c(re, null, se(a, (M, F) => (s(), c("div", {
             key: M.key,
             class: q(["grid-cell grid-cell--header grid-cell--header-group grid-cell--pinned-left", {
@@ -1104,7 +1104,7 @@ const Vo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
             "data-datagrid-pivot-group-span": M.columns.length,
             "data-datagrid-pivot-group-depth": p
           }, [
-            M.label ? (s(), c("span", Do, P(M.label), 1)) : k("", !0)
+            M.label ? (s(), c("span", Do, P(M.label), 1)) : C("", !0)
           ], 14, Vo))), 128))
         ], 4))), 128)),
         f("div", {
@@ -1117,8 +1117,8 @@ const Vo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
             style: I(i.rowIndexColumnStyle)
           }, [
             Ho,
-            K() ? k("", !0) : (s(), c("div", Oo))
-          ], 4)) : k("", !0),
+            K() ? C("", !0) : (s(), c("div", Oo))
+          ], 4)) : C("", !0),
           He() ? (s(!0), c(re, { key: 1 }, se(A.value, (a) => (s(), c(re, {
             key: `header-left-${a.key}`
           }, [
@@ -1208,7 +1208,7 @@ const Vo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
                       onClick: y((F) => gt(M, F), ["stop"])
                     }, [
                       (s(), c("svg", Xo, [
-                        Rt(a.key) ? (s(), c("path", Yo)) : k("", !0),
+                        Rt(a.key) ? (s(), c("path", Yo)) : C("", !0),
                         tt(a.key) ? (s(), c("path", Zo)) : U(a.key) ? (s(), c("path", Qo)) : (s(), c("path", Jo))
                       ]))
                     ], 42, Uo),
@@ -1273,7 +1273,7 @@ const Vo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
                   key: 0,
                   class: "col-head__group-badge",
                   title: We(a.key)
-                }, P(ke(a.key)), 9, ol)) : k("", !0),
+                }, P(ke(a.key)), 9, ol)) : C("", !0),
                 f("span", ll, P(Ct(a.key)), 1),
                 f("button", {
                   type: "button",
@@ -1322,7 +1322,7 @@ const Vo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
             key: 0,
             class: "grid-column-spacer",
             style: I(m(ne.value))
-          }, null, 4)) : k("", !0),
+          }, null, 4)) : C("", !0),
           (s(!0), c(re, null, se(a, (M, F) => (s(), c("div", {
             key: M.key,
             class: q(["grid-cell grid-cell--header grid-cell--header-group", {
@@ -1334,13 +1334,13 @@ const Vo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
             "data-datagrid-pivot-group-span": M.columns.length,
             "data-datagrid-pivot-group-depth": p
           }, [
-            M.label ? (s(), c("span", cl, P(M.label), 1)) : k("", !0)
+            M.label ? (s(), c("span", cl, P(M.label), 1)) : C("", !0)
           ], 14, ul))), 128)),
           me.value > 0 ? (s(), c("div", {
             key: 1,
             class: "grid-column-spacer",
             style: I(m(me.value))
-          }, null, 4)) : k("", !0)
+          }, null, 4)) : C("", !0)
         ], 4))), 128)),
         f("div", {
           class: "grid-header-row grid-center-track",
@@ -1350,7 +1350,7 @@ const Vo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
             key: 0,
             class: "grid-column-spacer",
             style: I(m(ne.value))
-          }, null, 4)) : k("", !0),
+          }, null, 4)) : C("", !0),
           He() ? (s(!0), c(re, { key: 1 }, se(L.value, (a) => (s(), de(Dr, {
             key: pt(a.key),
             rows: X.value,
@@ -1397,7 +1397,7 @@ const Vo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
                     key: 0,
                     class: "col-head__group-badge",
                     title: We(a.key)
-                  }, P(ke(a.key)), 9, ml)) : k("", !0),
+                  }, P(ke(a.key)), 9, ml)) : C("", !0),
                   f("button", {
                     type: "button",
                     class: q(["col-menu-trigger", le(a.key, p)]),
@@ -1411,7 +1411,7 @@ const Vo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
                     onClick: y((F) => gt(M, F), ["stop"])
                   }, [
                     (s(), c("svg", bl, [
-                      Rt(a.key) ? (s(), c("path", fl)) : k("", !0),
+                      Rt(a.key) ? (s(), c("path", fl)) : C("", !0),
                       tt(a.key) ? (s(), c("path", yl)) : U(a.key) ? (s(), c("path", xl)) : (s(), c("path", wl))
                     ]))
                   ], 42, hl),
@@ -1441,7 +1441,7 @@ const Vo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
                 key: 0,
                 class: "col-head__group-badge",
                 title: We(a.key)
-              }, P(ke(a.key)), 9, Sl)) : k("", !0),
+              }, P(ke(a.key)), 9, Sl)) : C("", !0),
               f("span", Rl, P(Ct(a.key)), 1),
               f("button", {
                 type: "button",
@@ -1475,7 +1475,7 @@ const Vo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
             key: 3,
             class: "grid-column-spacer",
             style: I(m(me.value))
-          }, null, 4)) : k("", !0)
+          }, null, 4)) : C("", !0)
         ], 4)
       ], 32),
       f("div", {
@@ -1501,7 +1501,7 @@ const Vo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
             "data-datagrid-pivot-group-span": M.columns.length,
             "data-datagrid-pivot-group-depth": p
           }, [
-            M.label ? (s(), c("span", Il, P(M.label), 1)) : k("", !0)
+            M.label ? (s(), c("span", Il, P(M.label), 1)) : C("", !0)
           ], 14, El))), 128))
         ], 4))), 128)),
         f("div", {
@@ -1554,7 +1554,7 @@ const Vo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
                     key: 0,
                     class: "col-head__group-badge",
                     title: We(a.key)
-                  }, P(ke(a.key)), 9, $l)) : k("", !0),
+                  }, P(ke(a.key)), 9, $l)) : C("", !0),
                   f("button", {
                     type: "button",
                     class: q(["col-menu-trigger", le(a.key, p)]),
@@ -1568,7 +1568,7 @@ const Vo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
                     onClick: y((F) => gt(M, F), ["stop"])
                   }, [
                     (s(), c("svg", zl, [
-                      Rt(a.key) ? (s(), c("path", Pl)) : k("", !0),
+                      Rt(a.key) ? (s(), c("path", Pl)) : C("", !0),
                       tt(a.key) ? (s(), c("path", Vl)) : U(a.key) ? (s(), c("path", Dl)) : (s(), c("path", Hl))
                     ]))
                   ], 42, Tl),
@@ -1706,21 +1706,21 @@ const Vo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
           class: "grid-selection-overlay__segment",
           style: I(z.style)
         }, null, 4))), 128))
-      ])) : k("", !0),
+      ])) : C("", !0),
       i.fillPreviewSegments.length > 0 ? (s(), c("div", Xl, [
         (s(!0), c(re, null, se(i.fillPreviewSegments, (z) => (s(), c("div", {
           key: z.key,
           class: "grid-selection-overlay__segment grid-selection-overlay__segment--fill-preview",
           style: I(z.style)
         }, null, 4))), 128))
-      ])) : k("", !0),
+      ])) : C("", !0),
       i.movePreviewSegments.length > 0 ? (s(), c("div", Yl, [
         (s(!0), c(re, null, se(i.movePreviewSegments, (z) => (s(), c("div", {
           key: z.key,
           class: "grid-selection-overlay__segment grid-selection-overlay__segment--move-preview",
           style: I(z.style)
         }, null, 4))), 128))
-      ])) : k("", !0)
+      ])) : C("", !0)
     ], 64));
   }
 }), Zl = ["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"], Jl = ["type", "value"], ed = ["value"], Qa = /* @__PURE__ */ dt({
@@ -1783,7 +1783,7 @@ const Vo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
     const ae = i, E = Gr(), z = ii(), S = ni(), O = Wr(), X = oi(), H = Kr(), L = li(), {
       displayRows: A,
       viewportClass: g,
-      viewportRef: C,
+      viewportRef: k,
       selectionOverlaySegments: w,
       fillPreviewOverlaySegments: B,
       movePreviewOverlaySegments: $e,
@@ -1793,7 +1793,7 @@ const Vo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
       z.value === "auto-height" ? "grid-body-viewport--layout-auto-height" : "grid-body-viewport--layout-fill"
     ]);
     return (He, $) => (s(), c("div", {
-      ref: d(C) ?? void 0,
+      ref: d(k) ?? void 0,
       class: q(K.value),
       tabindex: "0",
       onScroll: $[14] || ($[14] = //@ts-ignore
@@ -1816,7 +1816,7 @@ const Vo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
           key: 0,
           class: "grid-spacer",
           style: I({ height: `${N.value}px` })
-        }, null, 4)) : k("", !0),
+        }, null, 4)) : C("", !0),
         (s(!0), c(re, null, se(d(A), (x, W) => (s(), c("div", {
           key: String(x.rowId),
           class: q(["grid-row", [d(H).rowClass(x), d(v).rowStateClasses(x, W), { "grid-row--autosize-probe": d(H).isRowAutosizeProbe(x, d(v).viewportRowOffset(x, W)) }]]),
@@ -1829,7 +1829,7 @@ const Vo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
             key: 0,
             class: "grid-column-spacer",
             style: I(d(v).spacerStyle(d(O).leftColumnSpacerWidth))
-          }, null, 4)) : k("", !0),
+          }, null, 4)) : C("", !0),
           (s(!0), c(re, null, se(d(X).renderedColumns, (R) => (s(), c("div", {
             key: `${String(x.rowId)}-${R.key}`,
             class: q(["grid-cell", [
@@ -1867,7 +1867,7 @@ const Vo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
               tabindex: "-1",
               onMousedown: $[0] || ($[0] = y((T) => d(v).handleFillHandleMouseDown(T), ["stop", "prevent"])),
               onDblclick: $[1] || ($[1] = y((T) => d(v).handleFillHandleDoubleClick(T), ["stop", "prevent"]))
-            }, null, 32)) : k("", !0),
+            }, null, 32)) : C("", !0),
             d(v).isSelectEditorCell(x, d(v).viewportRowOffset(x, W), R, d(v).columnIndexByKey(R.key)) ? (s(), de(di, {
               key: 1,
               value: d(v).resolveSelectEditorValue(x, R),
@@ -1929,13 +1929,13 @@ const Vo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
             key: 1,
             class: "grid-column-spacer",
             style: I(d(v).spacerStyle(d(O).rightColumnSpacerWidth))
-          }, null, 4)) : k("", !0)
+          }, null, 4)) : C("", !0)
         ], 46, Zl))), 128)),
         ne.value > 0 ? (s(), c("div", {
           key: 1,
           class: "grid-spacer",
           style: I({ height: `${ne.value}px` })
-        }, null, 4)) : k("", !0),
+        }, null, 4)) : C("", !0),
         _e(ui, {
           "selection-segments": d(w),
           "fill-preview-segments": d(B),
@@ -1997,8 +1997,8 @@ const Vo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
           "aria-checked": S.value === "copy" ? "true" : "false",
           onClick: H[3] || (H[3] = y((L) => O("copy"), ["stop"]))
         }, " Copy ", 10, id)
-      ])) : k("", !0)
-    ], 4)) : k("", !0);
+      ])) : C("", !0)
+    ], 4)) : C("", !0);
   }
 }), od = ["data-row-index", "onClick", "onMouseenter"], ld = ["data-row-id", "data-row-index", "tabindex", "onClick", "onKeydown"], dd = ["onMousedown", "onDblclick"], sd = ["data-row-id", "data-column-key", "data-row-index", "data-column-index", "tabindex", "role", "aria-checked", "onMousedown", "onClick", "onMousemove", "onKeydown", "onDblclick"], ud = ["type", "value"], cd = ["value"], sr = /* @__PURE__ */ dt({
   __name: "DataGridTableStagePinnedPane",
@@ -2039,65 +2039,65 @@ const Vo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
           key: 0,
           class: "grid-spacer",
           style: I({ height: `${i.pane.topSpacerHeight ?? d(S).topSpacerHeight}px` })
-        }, null, 4)) : k("", !0),
-        (s(!0), c(re, null, se(i.pane.displayRows, (g, C) => (s(), c("div", {
+        }, null, 4)) : C("", !0),
+        (s(!0), c(re, null, se(i.pane.displayRows, (g, k) => (s(), c("div", {
           key: `${String(g.rowId)}-${i.pane.side}-row`,
-          class: q(["grid-row", [d(O).rowClass(g), i.renderApi.rowStateClasses(g, C), { "grid-row--autosize-probe": d(O).isRowAutosizeProbe(g, i.renderApi.viewportRowOffset(g, C)) }]]),
-          style: I(i.renderApi.paneRowStyle(g, C, i.pane.width)),
-          "data-row-index": i.renderApi.absoluteRowIndex(g, C),
+          class: q(["grid-row", [d(O).rowClass(g), i.renderApi.rowStateClasses(g, k), { "grid-row--autosize-probe": d(O).isRowAutosizeProbe(g, i.renderApi.viewportRowOffset(g, k)) }]]),
+          style: I(i.renderApi.paneRowStyle(g, k, i.pane.width)),
+          "data-row-index": i.renderApi.absoluteRowIndex(g, k),
           onClick: (w) => i.renderApi.handleRowContainerClick(g),
-          onMouseenter: (w) => i.renderApi.setHoveredRow(g, C)
+          onMouseenter: (w) => i.renderApi.setHoveredRow(g, k)
         }, [
           i.pane.showIndexColumn ? (s(), c("div", {
             key: 0,
-            class: q(["grid-cell grid-cell--index grid-cell--index-number datagrid-stage__row-index-cell", { "grid-cell--index-selected": i.renderApi.isFullRowSelectionSafe(i.renderApi.viewportRowOffset(g, C)) }]),
-            style: I(i.renderApi.rowIndexCellStyle(g, i.renderApi.viewportRowOffset(g, C))),
+            class: q(["grid-cell grid-cell--index grid-cell--index-number datagrid-stage__row-index-cell", { "grid-cell--index-selected": i.renderApi.isFullRowSelectionSafe(i.renderApi.viewportRowOffset(g, k)) }]),
+            style: I(i.renderApi.rowIndexCellStyle(g, i.renderApi.viewportRowOffset(g, k))),
             "data-row-id": String(g.rowId),
-            "data-row-index": i.renderApi.absoluteRowIndex(g, C),
+            "data-row-index": i.renderApi.absoluteRowIndex(g, k),
             tabindex: i.renderApi.rowIndexTabIndex(g),
-            onClick: y((w) => i.renderApi.handleRowIndexClickSafe(g, i.renderApi.viewportRowOffset(g, C), w), ["stop"]),
-            onKeydown: y((w) => i.renderApi.handleRowIndexKeydown(w, g, i.renderApi.viewportRowOffset(g, C)), ["stop"])
+            onClick: y((w) => i.renderApi.handleRowIndexClickSafe(g, i.renderApi.viewportRowOffset(g, k), w), ["stop"]),
+            onKeydown: y((w) => i.renderApi.handleRowIndexKeydown(w, g, i.renderApi.viewportRowOffset(g, k)), ["stop"])
           }, [
-            ri(P(d(O).rowIndexLabel(g, i.renderApi.viewportRowOffset(g, C))) + " ", 1),
+            ri(P(d(O).rowIndexLabel(g, i.renderApi.viewportRowOffset(g, k))) + " ", 1),
             d(E) === "base" ? (s(), c("button", {
               key: 0,
               type: "button",
               class: "row-resize-handle",
               "aria-label": "Resize rows",
-              onMousedown: y((w) => d(O).startRowResize(w, g, i.renderApi.viewportRowOffset(g, C)), ["stop", "prevent"]),
-              onDblclick: y((w) => d(O).autosizeRow(w, g, i.renderApi.viewportRowOffset(g, C)), ["stop", "prevent"])
-            }, null, 40, dd)) : k("", !0)
-          ], 46, ld)) : k("", !0),
+              onMousedown: y((w) => d(O).startRowResize(w, g, i.renderApi.viewportRowOffset(g, k)), ["stop", "prevent"]),
+              onDblclick: y((w) => d(O).autosizeRow(w, g, i.renderApi.viewportRowOffset(g, k)), ["stop", "prevent"])
+            }, null, 40, dd)) : C("", !0)
+          ], 46, ld)) : C("", !0),
           (s(!0), c(re, null, se(i.pane.columns, (w) => (s(), c("div", {
             key: `${String(g.rowId)}-${i.pane.side}-${w.key}`,
             class: q(["grid-cell", [
               "datagrid-stage__cell",
               i.pane.side === "left" ? "grid-cell--pinned-left" : "grid-cell--pinned-right",
-              i.renderApi.builtInCellClasses(g, i.renderApi.viewportRowOffset(g, C), w, i.renderApi.columnIndexByKey(w.key)),
-              i.renderApi.cellStateClasses(g, i.renderApi.viewportRowOffset(g, C), i.renderApi.columnIndexByKey(w.key)),
-              i.renderApi.resolveCellCustomClass(g, i.renderApi.viewportRowOffset(g, C), w, i.renderApi.columnIndexByKey(w.key))
+              i.renderApi.builtInCellClasses(g, i.renderApi.viewportRowOffset(g, k), w, i.renderApi.columnIndexByKey(w.key)),
+              i.renderApi.cellStateClasses(g, i.renderApi.viewportRowOffset(g, k), i.renderApi.columnIndexByKey(w.key)),
+              i.renderApi.resolveCellCustomClass(g, i.renderApi.viewportRowOffset(g, k), w, i.renderApi.columnIndexByKey(w.key))
             ]]),
             style: I([
               i.renderApi.columnStyle(w.key),
               i.renderApi.bodyCellPresentationStyle(w),
-              i.renderApi.bodyCellSelectionStyle(g, w, i.renderApi.viewportRowOffset(g, C), i.renderApi.columnIndexByKey(w.key)),
-              i.renderApi.resolveCellCustomStyle(g, i.renderApi.viewportRowOffset(g, C), w, i.renderApi.columnIndexByKey(w.key))
+              i.renderApi.bodyCellSelectionStyle(g, w, i.renderApi.viewportRowOffset(g, k), i.renderApi.columnIndexByKey(w.key)),
+              i.renderApi.resolveCellCustomStyle(g, i.renderApi.viewportRowOffset(g, k), w, i.renderApi.columnIndexByKey(w.key))
             ]),
             "data-row-id": String(g.rowId),
             "data-column-key": w.key,
-            "data-row-index": i.renderApi.absoluteRowIndex(g, C),
+            "data-row-index": i.renderApi.absoluteRowIndex(g, k),
             "data-column-index": i.renderApi.columnIndexByKey(w.key),
-            tabindex: i.renderApi.cellTabIndex(i.renderApi.viewportRowOffset(g, C), i.renderApi.columnIndexByKey(w.key)),
+            tabindex: i.renderApi.cellTabIndex(i.renderApi.viewportRowOffset(g, k), i.renderApi.columnIndexByKey(w.key)),
             role: i.renderApi.checkboxCellRole(g, w),
             "aria-checked": i.renderApi.checkboxCellAriaChecked(g, w),
-            onMousedown: y((B) => i.renderApi.handleCellMouseDown(B, g, i.renderApi.viewportRowOffset(g, C), i.renderApi.columnIndexByKey(w.key)), ["prevent", "stop"]),
-            onClick: y((B) => i.renderApi.handleBodyCellClick(B, g, i.renderApi.viewportRowOffset(g, C), w, i.renderApi.columnIndexByKey(w.key)), ["stop"]),
-            onMousemove: (B) => i.renderApi.handleCellMouseMove(B, i.renderApi.viewportRowOffset(g, C), i.renderApi.columnIndexByKey(w.key)),
+            onMousedown: y((B) => i.renderApi.handleCellMouseDown(B, g, i.renderApi.viewportRowOffset(g, k), i.renderApi.columnIndexByKey(w.key)), ["prevent", "stop"]),
+            onClick: y((B) => i.renderApi.handleBodyCellClick(B, g, i.renderApi.viewportRowOffset(g, k), w, i.renderApi.columnIndexByKey(w.key)), ["stop"]),
+            onMousemove: (B) => i.renderApi.handleCellMouseMove(B, i.renderApi.viewportRowOffset(g, k), i.renderApi.columnIndexByKey(w.key)),
             onMouseleave: A[13] || (A[13] = (B) => i.renderApi.clearRangeMoveHandleHover()),
-            onKeydown: y((B) => i.renderApi.handleCellKeydown(B, g, i.renderApi.viewportRowOffset(g, C), i.renderApi.columnIndexByKey(w.key)), ["stop"]),
-            onDblclick: y((B) => i.renderApi.startInlineEditIfAllowed(g, w, i.renderApi.viewportRowOffset(g, C)), ["stop"])
+            onKeydown: y((B) => i.renderApi.handleCellKeydown(B, g, i.renderApi.viewportRowOffset(g, k), i.renderApi.columnIndexByKey(w.key)), ["stop"]),
+            onDblclick: y((B) => i.renderApi.startInlineEditIfAllowed(g, w, i.renderApi.viewportRowOffset(g, k)), ["stop"])
           }, [
-            d(E) === "base" && i.renderApi.isCellEditableSafe(g, i.renderApi.viewportRowOffset(g, C), w, i.renderApi.columnIndexByKey(w.key)) && i.renderApi.isFillHandleCellSafe(i.renderApi.viewportRowOffset(g, C), i.renderApi.columnIndexByKey(w.key)) && !i.renderApi.isEditingCellSafe(g, w.key) ? (s(), c("button", {
+            d(E) === "base" && i.renderApi.isCellEditableSafe(g, i.renderApi.viewportRowOffset(g, k), w, i.renderApi.columnIndexByKey(w.key)) && i.renderApi.isFillHandleCellSafe(i.renderApi.viewportRowOffset(g, k), i.renderApi.columnIndexByKey(w.key)) && !i.renderApi.isEditingCellSafe(g, w.key) ? (s(), c("button", {
               key: 0,
               type: "button",
               class: "cell-fill-handle",
@@ -2105,8 +2105,8 @@ const Vo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
               tabindex: "-1",
               onMousedown: A[0] || (A[0] = y((B) => i.renderApi.handleFillHandleMouseDown(B), ["stop", "prevent"])),
               onDblclick: A[1] || (A[1] = y((B) => i.renderApi.handleFillHandleDoubleClick(B), ["stop", "prevent"]))
-            }, null, 32)) : k("", !0),
-            i.renderApi.isSelectEditorCell(g, i.renderApi.viewportRowOffset(g, C), w, i.renderApi.columnIndexByKey(w.key)) ? (s(), de(di, {
+            }, null, 32)) : C("", !0),
+            i.renderApi.isSelectEditorCell(g, i.renderApi.viewportRowOffset(g, k), w, i.renderApi.columnIndexByKey(w.key)) ? (s(), de(di, {
               key: 1,
               value: i.renderApi.resolveSelectEditorValue(g, w),
               options: i.renderApi.resolveSelectEditorOptions(g, w),
@@ -2116,7 +2116,7 @@ const Vo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
               onCommit: i.renderApi.handleSelectEditorCommit,
               onCancel: i.renderApi.handleSelectEditorCancel,
               onOptionsResolved: (B) => i.renderApi.handleSelectEditorOptionsResolved(g, w, B)
-            }, null, 8, ["value", "options", "load-options", "initial-filter", "open-on-mount", "onCommit", "onCancel", "onOptionsResolved"])) : i.renderApi.isDateEditorCell(g, i.renderApi.viewportRowOffset(g, C), w, i.renderApi.columnIndexByKey(w.key)) ? (s(), c("input", {
+            }, null, 8, ["value", "options", "load-options", "initial-filter", "open-on-mount", "onCommit", "onCancel", "onOptionsResolved"])) : i.renderApi.isDateEditorCell(g, i.renderApi.viewportRowOffset(g, k), w, i.renderApi.columnIndexByKey(w.key)) ? (s(), c("input", {
               key: 2,
               class: "cell-editor-control cell-editor-input cell-editor-input--date",
               type: i.renderApi.resolveDateEditorInputType(g, w),
@@ -2134,7 +2134,7 @@ const Vo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
               )),
               onBlur: A[7] || (A[7] = //@ts-ignore
               (...B) => i.renderApi.handleTextEditorBlur && i.renderApi.handleTextEditorBlur(...B))
-            }, null, 40, ud)) : i.renderApi.isTextEditorCell(g, i.renderApi.viewportRowOffset(g, C), w, i.renderApi.columnIndexByKey(w.key)) ? (s(), c("input", {
+            }, null, 40, ud)) : i.renderApi.isTextEditorCell(g, i.renderApi.viewportRowOffset(g, k), w, i.renderApi.columnIndexByKey(w.key)) ? (s(), c("input", {
               key: 3,
               class: "cell-editor-control cell-editor-input",
               value: d(X).editingCellValue,
@@ -2160,7 +2160,7 @@ const Vo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
               }, null, 2)
             ], 2)) : (s(), de(d(si), {
               key: 5,
-              content: i.renderApi.renderResolvedCellContent(g, i.renderApi.viewportRowOffset(g, C), w, i.renderApi.columnIndexByKey(w.key))
+              content: i.renderApi.renderResolvedCellContent(g, i.renderApi.viewportRowOffset(g, k), w, i.renderApi.columnIndexByKey(w.key))
             }, null, 8, ["content"]))
           ], 46, sd))), 128))
         ], 46, od))), 128)),
@@ -2168,7 +2168,7 @@ const Vo = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
           key: 1,
           class: "grid-spacer",
           style: I({ height: `${i.pane.bottomSpacerHeight ?? d(S).bottomSpacerHeight}px` })
-        }, null, 4)) : k("", !0),
+        }, null, 4)) : C("", !0),
         _e(ui, {
           "selection-segments": i.pane.selectionOverlaySegments,
           "fill-preview-segments": i.pane.fillPreviewOverlaySegments,
@@ -4940,7 +4940,7 @@ const pd = 6, vd = ".grid-fill-action", De = 14, Le = 8, Or = 10, ei = 72, ur =
       E
     );
     zo(z);
-    const S = z.mode, O = z.rowHeightMode, X = z.layoutMode, H = z.layout, L = z.viewport, A = z.columns, g = z.rows, C = z.selection, w = z.editing, B = z.cells, $e = z.interaction, v = u(() => A.value?.visibleColumns ?? []), N = u(() => A.value?.renderedColumns ?? []), ne = u(() => g.value?.displayRows ?? []), me = u(() => g.value?.pinnedBottomRows ?? []), G = u(() => C.value?.selectionRange ?? null), fe = u(() => C.value?.isFillDragging === !0);
+    const S = z.mode, O = z.rowHeightMode, X = z.layoutMode, H = z.layout, L = z.viewport, A = z.columns, g = z.rows, k = z.selection, w = z.editing, B = z.cells, $e = z.interaction, v = u(() => A.value?.visibleColumns ?? []), N = u(() => A.value?.renderedColumns ?? []), ne = u(() => g.value?.displayRows ?? []), me = u(() => g.value?.pinnedBottomRows ?? []), G = u(() => k.value?.selectionRange ?? null), fe = u(() => k.value?.isFillDragging === !0);
     function J(e) {
       return H.value.columnStyle(e);
     }
@@ -4954,6 +4954,10 @@ const pd = 6, vd = ".grid-fill-action", De = 14, Le = 8, Or = 10, ei = 72, ur =
       $e.value.handleCellMouseDown(e, t, r, o);
     }
     function x(e, t, r, o) {
+      if (t.kind === "group" && !e.ctrlKey && !e.metaKey && !e.altKey && !e.shiftKey && (e.key === " " || e.key === "Spacebar")) {
+        e.preventDefault(), e.stopPropagation(), g.value.toggleGroupRow(t);
+        return;
+      }
       $e.value.handleCellKeydown(e, t, r, o);
     }
     const W = D(/* @__PURE__ */ new Map());
@@ -5070,10 +5074,10 @@ const pd = 6, vd = ".grid-fill-action", De = 14, Le = 8, Or = 10, ei = 72, ur =
       return ia(e) ? 0 : -1;
     }
     function St(e) {
-      Ue.value = !1, (e.currentTarget instanceof HTMLElement ? e.currentTarget : null)?.closest(".grid-cell")?.focus({ preventScroll: !0 }), C.value.startFillHandleDrag(e);
+      Ue.value = !1, (e.currentTarget instanceof HTMLElement ? e.currentTarget : null)?.closest(".grid-cell")?.focus({ preventScroll: !0 }), k.value.startFillHandleDrag(e);
     }
     function et(e) {
-      Ue.value = !1, (e.currentTarget instanceof HTMLElement ? e.currentTarget : null)?.closest(".grid-cell")?.focus({ preventScroll: !0 }), C.value.startFillHandleDoubleClick(e);
+      Ue.value = !1, (e.currentTarget instanceof HTMLElement ? e.currentTarget : null)?.closest(".grid-cell")?.focus({ preventScroll: !0 }), k.value.startFillHandleDoubleClick(e);
     }
     function Me() {
       return L.value?.viewportRowStart ?? 0;
@@ -5085,7 +5089,7 @@ const pd = 6, vd = ".grid-fill-action", De = 14, Le = 8, Or = 10, ei = 72, ur =
       return L.value?.rightColumnSpacerWidth ?? 0;
     }
     function We() {
-      const e = C.value.fillActionAnchorCell;
+      const e = k.value.fillActionAnchorCell;
       if (!e) {
         M.value?.focus({ preventScroll: !0 });
         return;
@@ -5111,7 +5115,7 @@ const pd = 6, vd = ".grid-fill-action", De = 14, Le = 8, Or = 10, ei = 72, ur =
       return G.value && G.value.startRow === G.value.endRow && G.value.startColumn === G.value.endColumn ? {
         rowIndex: G.value.startRow,
         columnIndex: G.value.startColumn
-      } : C.value.selectionAnchorCell ?? null;
+      } : k.value.selectionAnchorCell ?? null;
     }
     function ee(e, t) {
       const r = le();
@@ -5147,7 +5151,7 @@ const pd = 6, vd = ".grid-fill-action", De = 14, Le = 8, Or = 10, ei = 72, ur =
       return typeof b == "function" ? b(e, t, r, o) : Ge(r);
     }
     function pt(e, t) {
-      const r = C.value.isFillHandleCell;
+      const r = k.value.isFillHandleCell;
       return typeof r == "function" ? r(e, t) : !1;
     }
     function vt(e, t) {
@@ -5170,7 +5174,7 @@ const pd = 6, vd = ".grid-fill-action", De = 14, Le = 8, Or = 10, ei = 72, ur =
         minWidth: e,
         maxWidth: e
       };
-    }), mt = u(() => C.value.isRangeMoving), pe = u(() => v.value.filter((e) => e.pin === "left")), ye = u(() => v.value.filter((e) => e.pin === "right")), Z = u(() => Re.value + (pe.value ?? []).reduce((e, t) => e + Y(t), 0)), oe = u(() => (ye.value ?? []).reduce((e, t) => e + Y(t), 0)), ht = u(() => ({
+    }), mt = u(() => k.value.isRangeMoving), pe = u(() => v.value.filter((e) => e.pin === "left")), ye = u(() => v.value.filter((e) => e.pin === "right")), Z = u(() => Re.value + (pe.value ?? []).reduce((e, t) => e + Y(t), 0)), oe = u(() => (ye.value ?? []).reduce((e, t) => e + Y(t), 0)), ht = u(() => ({
       gridTemplateColumns: `${Z.value}px minmax(0, 1fr) ${oe.value}px`
     })), bt = u(() => ({
       width: `${Z.value}px`,
@@ -5447,7 +5451,7 @@ const pd = 6, vd = ".grid-fill-action", De = 14, Le = 8, Or = 10, ei = 72, ur =
       return ce <= j && Qt(t, r, "top") || _.height - ce <= j && Qt(t, r, "bottom") || te <= j && Qt(t, r, "left") || _.width - te <= j && Qt(t, r, "right");
     }
     function Ea(e, t, r) {
-      if (fe.value) {
+      if (fe.value || k.value.rangeMoveEnabled !== !0) {
         Wt();
         return;
       }
@@ -5479,7 +5483,7 @@ const pd = 6, vd = ".grid-fill-action", De = 14, Le = 8, Or = 10, ei = 72, ur =
       }
     }
     function yi(e, t) {
-      return fe.value ? !1 : Zt.value?.rowIndex === e + L.value.viewportRowStart && Zt.value?.columnIndex === t;
+      return fe.value || k.value.rangeMoveEnabled !== !0 ? !1 : Zt.value?.rowIndex === e + L.value.viewportRowStart && Zt.value?.columnIndex === t;
     }
     function xi() {
       for (let e = 0; e < ne.value.length; e += 1)
@@ -5834,7 +5838,7 @@ const pd = 6, vd = ".grid-fill-action", De = 14, Le = 8, Or = 10, ei = 72, ur =
     }
     const Ti = u(() => v.value.filter((e) => e.pin !== "left" && e.pin !== "right")), tr = u(() => ft.value > 0 ? ft.value : Oe(H.value.gridContentStyle.width ?? H.value.gridContentStyle.minWidth, 0));
     function Va() {
-      const e = C.value.fillActionAnchorCell;
+      const e = k.value.fillActionAnchorCell;
       if (!e)
         return null;
       const t = Me(), r = Me() + Math.max(0, ne.value.length - 1), o = G.value, b = o ? Math.min(o.startRow, o.endRow) : e.rowIndex, h = o ? Math.max(o.startRow, o.endRow) : e.rowIndex, _ = o ? Math.min(o.startColumn, o.endColumn) : e.columnIndex, j = o ? Math.max(o.startColumn, o.endColumn) : e.columnIndex, te = Math.max(b, t), ce = Math.min(h, r), Ae = te <= ce ? yt(e.rowIndex, te, ce) : e.rowIndex, xt = new Set((N.value ?? []).map((xe) => xe.key)), Fe = v.value.map((xe, Q) => ({ column: xe, columnIndex: Q })).filter(({ column: xe, columnIndex: Q }) => Q < _ || Q > j ? !1 : xe.pin === "left" || xe.pin === "right" || xt.has(xe.key)).map(({ columnIndex: xe }) => xe), ue = Fe.length > 0 ? yt(
@@ -5898,7 +5902,7 @@ const pd = 6, vd = ".grid-fill-action", De = 14, Le = 8, Or = 10, ei = 72, ur =
       const e = br.value + Le, t = br.value + Math.max(
         0,
         Gt.value - De - Le - Or
-      ), r = C.value.fillActionAnchorCell, o = Va();
+      ), r = k.value.fillActionAnchorCell, o = Va();
       if (!o)
         return null;
       if (r && r.rowIndex !== o.rowIndex)
@@ -5917,7 +5921,7 @@ const pd = 6, vd = ".grid-fill-action", De = 14, Le = 8, Or = 10, ei = 72, ur =
       return yt(te, e, t);
     }
     const Da = u(() => {
-      if (!C.value.fillActionAnchorCell)
+      if (!k.value.fillActionAnchorCell)
         return null;
       const e = zi(), t = Pi();
       return e == null || t == null ? null : {
@@ -5926,17 +5930,17 @@ const pd = 6, vd = ".grid-fill-action", De = 14, Le = 8, Or = 10, ei = 72, ur =
       };
     });
     lt(
-      () => C.value.fillPreviewRange,
+      () => k.value.fillPreviewRange,
       (e, t) => {
         t && !e && ki();
       }
     ), lt(
-      () => C.value.fillActionAnchorCell ? `${C.value.fillActionAnchorCell.rowIndex}:${C.value.fillActionAnchorCell.columnIndex}` : "",
+      () => k.value.fillActionAnchorCell ? `${k.value.fillActionAnchorCell.rowIndex}:${k.value.fillActionAnchorCell.columnIndex}` : "",
       () => {
         Ue.value = !1;
       }
     ), lt(
-      () => C.value.isFillDragging,
+      () => k.value.isFillDragging,
       (e) => {
         e && Wt();
       }
@@ -5952,7 +5956,7 @@ const pd = 6, vd = ".grid-fill-action", De = 14, Le = 8, Or = 10, ei = 72, ur =
         window.removeEventListener("mousedown", o, !0), window.removeEventListener("keydown", b);
       });
     }), lt(
-      () => C.value.isFillDragging,
+      () => k.value.isFillDragging,
       (e) => {
         ta(e);
       },
@@ -6339,13 +6343,13 @@ const pd = 6, vd = ".grid-fill-action", De = 14, Le = 8, Or = 10, ei = 72, ur =
         )
       ];
     }
-    const Xa = u(() => !C.value.isRangeMoving || !C.value.rangeMovePreviewRange || nn(C.value.rangeMovePreviewRange, G.value) ? null : C.value.rangeMovePreviewRange), ln = u(() => rr.value ? Ua(ja.value, rr.value) : null), Ir = u(() => rr.value ? null : Ht(ja.value)), Br = u(() => Ht(ln.value)), Fr = u(() => Ht(on(Xa.value))), Lr = u(() => rr.value ? null : Ht(
+    const Xa = u(() => !k.value.isRangeMoving || !k.value.rangeMovePreviewRange || nn(k.value.rangeMovePreviewRange, G.value) ? null : k.value.rangeMovePreviewRange), ln = u(() => rr.value ? Ua(ja.value, rr.value) : null), Ir = u(() => rr.value ? null : Ht(ja.value)), Br = u(() => Ht(ln.value)), Fr = u(() => Ht(on(Xa.value))), Lr = u(() => rr.value ? null : Ht(
       ar(G.value),
       Dt.value
     )), $r = u(() => Ht(
       Ua(
         ar(G.value),
-        ar(C.value.fillPreviewRange)
+        ar(k.value.fillPreviewRange)
       ),
       Dt.value
     )), Tr = u(() => Ht(
@@ -6757,7 +6761,7 @@ const pd = 6, vd = ".grid-fill-action", De = 14, Le = 8, Or = 10, ei = 72, ur =
           ]),
           _: 1
         }, 8, ["pane", "handle-context-menu"])
-      ], 36)) : k("", !0)
+      ], 36)) : C("", !0)
     ], 6));
   }
 });