@affino/datagrid-vue-app 0.1.46 → 0.1.48

package/dist/chunks/{DataGridGanttStageEntry-DNXWCKVs.js → DataGridGanttStageEntry-BpEn4dPx.js}

@@ -1,13 +1,13 @@
-import { defineComponent as Qt, computed as l, resolveComponent as Ml, openBlock as m, createBlock as De, unref as y, withCtx as Me, createVNode as nt, createElementVNode as F, toDisplayString as oe, normalizeStyle as X, createElementBlock as w, Fragment as Re, renderList as Fe, ref as N, inject as yi, watch as je, renderSlot as Jr, createTextVNode as xi, createCommentVNode as q, withModifiers as R, normalizeClass as ge, withDirectives as Il, vModelText as Tl, toRef as ur, provide as Dl, toRefs as El, onMounted as fn, shallowRef as Al, nextTick as Zr, onBeforeUnmount as wi, mergeProps as Pl, h as Ll } from "vue";
+import { defineComponent as er, computed as l, resolveComponent as Ml, openBlock as m, createBlock as De, unref as y, withCtx as Me, createVNode as nt, createElementVNode as F, toDisplayString as oe, normalizeStyle as X, createElementBlock as w, Fragment as Re, renderList as Fe, ref as N, inject as yi, watch as je, renderSlot as Qr, createTextVNode as xi, createCommentVNode as q, withModifiers as R, normalizeClass as ge, withDirectives as Il, vModelText as Tl, toRef as cr, provide as Dl, toRefs as El, onMounted as hn, shallowRef as Al, nextTick as Jr, onBeforeUnmount as wi, mergeProps as Pl, h as Ll } from "vue";
 import { resolveDataGridCellInteraction as ni, buildDataGridCellRenderModel as Bl, getDataGridRowRenderMeta as Fl, invokeDataGridCellInteraction as zl } from "@affino/datagrid-vue";
 import { useDataGridLinkedPaneScrollSync as Vl, useDataGridManagedWheelScroll as Hl } from "@affino/datagrid-vue/advanced";
 import { restoreDataGridFocus as Ol } from "@affino/datagrid-vue/app";
-import { buildDataGridChromeRenderModel as en } from "@affino/datagrid-chrome";
-import { UiSubMenu as ki, UiSubMenuTrigger as Ci, UiSubMenuContent as Si, UiMenuItem as Fr, UiMenu as $l, UiMenuTrigger as Wl, UiMenuContent as Gl, UiMenuLabel as Kl, UiMenuSeparator as Ba } from "@affino/menu-vue";
+import { buildDataGridChromeRenderModel as tn } from "@affino/datagrid-chrome";
+import { UiSubMenu as ki, UiSubMenuTrigger as Ci, UiSubMenuContent as Si, UiMenuItem as zr, UiMenu as $l, UiMenuTrigger as Wl, UiMenuContent as Gl, UiMenuLabel as Kl, UiMenuSeparator as Fa } from "@affino/menu-vue";
 import { d as Nl, r as jl } from "./dataGridOverlayThemeVars-vzY74EIz.js";
 import { _ as ql } from "./DataGridFilterableCombobox.vue_vue_type_script_setup_true_lang-xry4J3Lx.js";
-import { resolveDataGridGanttAnalysis as Ul, buildDataGridGanttVisibleBars as Xl, buildDataGridGanttDependencyPaths as Yl, resolveDataGridGanttRangeFrame as tn, buildDataGridTimelineRenderModels as ii, resolveDataGridTimelineDateToPixel as oi, resolveDataGridTimelineScrollLeftForDate as Zl, applyDataGridGanttDragDelta as Jl, hitTestDataGridGanttBar as li, clampDataGridTimelineScrollLeft as Ql, buildDataGridGanttRowEditPatch as ed, normalizeDataGridGanttOptions as td } from "@affino/datagrid-gantt";
-const rd = ["title"], ad = /* @__PURE__ */ Qt({
+import { resolveDataGridGanttAnalysis as Ul, buildDataGridGanttVisibleBars as Xl, buildDataGridGanttDependencyPaths as Yl, resolveDataGridGanttRangeFrame as rn, buildDataGridTimelineRenderModels as ii, resolveDataGridTimelineDateToPixel as oi, resolveDataGridTimelineScrollLeftForDate as Zl, applyDataGridGanttDragDelta as Jl, hitTestDataGridGanttBar as li, clampDataGridTimelineScrollLeft as Ql, buildDataGridGanttRowEditPatch as ed, normalizeDataGridGanttOptions as td } from "@affino/datagrid-gantt";
+const rd = ["title"], ad = /* @__PURE__ */ er({
   __name: "DataGridColumnMenuCustomEntry",
   props: {
     item: {},
@@ -64,7 +64,7 @@ const rd = ["title"], ad = /* @__PURE__ */ Qt({
           }, 8, ["style"])
         ]),
         _: 1
-      }, 8, ["options"])) : (m(), De(y(Fr), {
+      }, 8, ["options"])) : (m(), De(y(zr), {
         key: 1,
         class: "datagrid-column-menu__item",
         "data-datagrid-column-menu-action": V.value,
@@ -128,7 +128,7 @@ const rd = ["title"], ad = /* @__PURE__ */ Qt({
 }, Hd = {
   key: 10,
   class: "datagrid-column-menu__footer"
-}, Od = ["data-disabled-reason", "disabled", "title"], $d = 1e5, Wd = 1e4, rn = /* @__PURE__ */ Qt({
+}, Od = ["data-disabled-reason", "disabled", "title"], $d = 1e5, Wd = 1e4, an = /* @__PURE__ */ er({
   __name: "DataGridColumnMenu",
   props: {
     rowCount: {},
@@ -167,10 +167,10 @@ const rd = ["title"], ad = /* @__PURE__ */ Qt({
     }), Ie = l(() => Number.isFinite(u.maxFilterValues) && u.maxFilterValues > 0 ? Math.max(20, Math.trunc(u.maxFilterValues)) : 120), J = l(() => u.filterEnabled ? u.rowCount <= ce.value : !1), ae = l(() => u.rowCount >= Wd), $ = l(() => u.filterEnabled && !J.value), P = l(() => u.items.filter((d) => d === "sort" ? pe("sortAsc") || pe("sortDesc") || pe("clearSort") : d === "group" ? pe("toggleGroup") : d === "pin" ? me.value : d === "filter" ? Ye.value : !0)), Q = l(() => C(P.value, u.customItems)), K = l(() => we.value.has("sort")), Z = l(() => we.value.has("group")), U = l(() => we.value.has("pin")), re = l(() => we.value.has("filter")), qe = l(() => new Set(O.value)), Ye = l(() => J.value || u.textFilterEnabled), ze = l(() => u.textFilterEnabled && !J.value), be = l(() => G.value.trim().length > 0), Ae = l(() => D.value || S.value !== null), me = l(() => pe("pinMenu") && (pe("pinLeft") || pe("pinRight") || pe("unpin"))), yt = l(() => Ve(
       "toggleGroup",
       u.labels.group ?? (u.grouped ? "Ungroup column" : "Group by this column")
-    )), xt = l(() => Ve("pinMenu", u.labels.pin ?? "Pin column")), er = l(() => u.labels.filter ?? (J.value ? "Filter" : "Filter by text")), wr = l(() => Ve("sortAsc", We.value.asc)), wt = l(() => Ve("sortDesc", We.value.desc)), Ze = l(() => Ve("clearSort", "Clear sort")), it = l(() => Ve("pinLeft", "Pin left")), kt = l(() => Ve("pinRight", "Pin right")), Kt = l(() => Ve("unpin", "Unpin")), gr = l(() => Ve("clearFilter", "Clear filter")), ye = l(() => Ve(
+    )), xt = l(() => Ve("pinMenu", u.labels.pin ?? "Pin column")), tr = l(() => u.labels.filter ?? (J.value ? "Filter" : "Filter by text")), kr = l(() => Ve("sortAsc", We.value.asc)), wt = l(() => Ve("sortDesc", We.value.desc)), Ze = l(() => Ve("clearSort", "Clear sort")), it = l(() => Ve("pinLeft", "Pin left")), kt = l(() => Ve("pinRight", "Pin right")), Kt = l(() => Ve("unpin", "Unpin")), vr = l(() => Ve("clearFilter", "Clear filter")), ye = l(() => Ve(
       "addCurrentSelectionToFilter",
       "Add current selection to filter"
-    )), Pt = l(() => Ve("selectAllValues", "Select all")), tr = l(() => Ve("clearAllValues", "Clear all")), Lt = l(() => Ve("cancelFilter", "Cancel")), Je = l(() => Ve("applyFilter", "Apply")), Qe = l(() => {
+    )), Pt = l(() => Ve("selectAllValues", "Select all")), rr = l(() => Ve("clearAllValues", "Clear all")), Lt = l(() => Ve("cancelFilter", "Cancel")), Je = l(() => Ve("applyFilter", "Apply")), Qe = l(() => {
       const d = G.value.trim().toLowerCase();
       return d.length > 0 ? v.value.filter((f) => f.searchText.includes(d)) : v.value;
     }), le = l(() => be.value ? Qe.value : Qe.value.slice(0, I.value)), Bt = l(() => be.value ? 0 : Math.max(0, Qe.value.length - le.value.length)), Ge = l(() => {
@@ -179,7 +179,7 @@ const rd = ["title"], ad = /* @__PURE__ */ Qt({
         return O.value.filter((f) => d.has(f));
       }
       return O.value;
-    }), ot = l(() => be.value ? W.value ? v.value.length : le.value.length : v.value.length), lt = l(() => Ge.value.length), mt = l(() => v.value.length > 0 && O.value.length === v.value.length), rr = l(() => J.value && !Ae.value && v.value.length > 0 && Ge.value.length > 0), vr = {
+    }), ot = l(() => be.value ? W.value ? v.value.length : le.value.length : v.value.length), lt = l(() => Ge.value.length), mt = l(() => v.value.length > 0 && O.value.length === v.value.length), ar = l(() => J.value && !Ae.value && v.value.length > 0 && Ge.value.length > 0), pr = {
       mousePrediction: {},
       loopFocus: !0,
       closeOnSelect: !0,
@@ -193,7 +193,7 @@ const rd = ["title"], ad = /* @__PURE__ */ Qt({
       closeDelay: 120
     }, Ft = {
       onOpen: () => {
-        H.value = !0, fr(), Ct();
+        H.value = !0, hr(), Ct();
       },
       onClose: () => {
         H.value = !1, tt();
@@ -206,7 +206,7 @@ const rd = ["title"], ad = /* @__PURE__ */ Qt({
       }
       H.value && J.value && jt(!1);
     }), je(V, () => {
-      H.value && fr();
+      H.value && hr();
     }), je(
       () => [
         u.filterEnabled,
@@ -231,13 +231,13 @@ const rd = ["title"], ad = /* @__PURE__ */ Qt({
     function Ve(d, f) {
       return u.actionOptions[d]?.label ?? f;
     }
-    function pr(d) {
+    function mr(d) {
       return u.disabledReasons[d] ?? "";
     }
     function ct(d, f) {
       if (!f)
         return;
-      const L = pr(d);
+      const L = mr(d);
       return L.length > 0 ? L : void 0;
     }
     function ne(d, f = !1, L) {
@@ -249,10 +249,10 @@ const rd = ["title"], ad = /* @__PURE__ */ Qt({
       if (L)
         return ct(L, !0);
     }
-    function ar(d) {
+    function nr(d) {
       return d.disabled === !0;
     }
-    function nr(d, f) {
+    function ir(d, f) {
       if (d == null)
         return "(Blanks)";
       const L = typeof f == "string" && f.length > 0 ? f : String(d);
@@ -264,7 +264,7 @@ const rd = ["title"], ad = /* @__PURE__ */ Qt({
         const se = et(String(L.token ?? ""));
         if (!se)
           continue;
-        const ee = nr(L.value, L.text);
+        const ee = ir(L.value, L.text);
         f.push({
           token: se,
           label: ee,
@@ -286,14 +286,14 @@ const rd = ["title"], ad = /* @__PURE__ */ Qt({
     function bt(d) {
       ht(), z("sort", d);
     }
-    async function mr(d) {
-      ar(d) || await d.onSelect?.({
+    async function fr(d) {
+      nr(d) || await d.onSelect?.({
         columnKey: u.columnKey,
         columnLabel: u.columnLabel,
         closeMenu: ht
       });
     }
-    function kr(d) {
+    function Cr(d) {
       if (!d)
         return;
       const f = M.value?.controller;
@@ -307,14 +307,14 @@ const rd = ["title"], ad = /* @__PURE__ */ Qt({
         height: 0
       }), f.open("programmatic");
     }
-    function ir(d) {
+    function or(d) {
       if (H.value) {
         ht();
         return;
       }
-      kr(d);
+      Cr(d);
     }
-    function fr() {
+    function hr() {
       Se.value = jl(V.value);
     }
     function Ct() {
@@ -344,7 +344,7 @@ const rd = ["title"], ad = /* @__PURE__ */ Qt({
       tt();
       const L = te + 1;
       if (te = L, D.value = !0, S.value = null, !f.defer) {
-        hr(L, d);
+        br(L, d);
         return;
       }
       let se = 0;
@@ -354,12 +354,12 @@ const rd = ["title"], ad = /* @__PURE__ */ Qt({
             Oe(ee);
             return;
           }
-          hr(L, d);
+          br(L, d);
         }
       };
       Oe(ee);
     }
-    async function hr(d, f) {
+    async function br(d, f) {
       try {
         const L = u.resolveValueEntries?.(G.value.trim()) ?? [], se = Nt(L) ? await L : L;
         if (d !== te)
@@ -427,8 +427,8 @@ const rd = ["title"], ad = /* @__PURE__ */ Qt({
     function Pe(d) {
       re.value || (W.value = d.target.checked);
     }
-    function Cr() {
-      re.value || !rr.value || (!be.value && Ge.value.length === v.value.length ? z("clear-filter") : z("apply-filter", [...Ge.value]), ht());
+    function Sr() {
+      re.value || !ar.value || (!be.value && Ge.value.length === v.value.length ? z("clear-filter") : z("apply-filter", [...Ge.value]), ht());
     }
     function St(d) {
       re.value || z("update-text-filter", d.target.value);
@@ -471,26 +471,26 @@ const rd = ["title"], ad = /* @__PURE__ */ Qt({
       for (const _t of f) {
         if (_t.hidden === !0)
           continue;
-        const or = {
+        const lr = {
           kind: "custom",
           key: _t.key,
           item: _t
-        }, Sr = _t.placement ?? "end";
-        if (Sr === "start") {
-          L.push(or);
+        }, _r = _t.placement ?? "end";
+        if (_r === "start") {
+          L.push(lr);
           continue;
         }
-        if (Sr === "end") {
-          se.push(or);
+        if (_r === "end") {
+          se.push(lr);
           continue;
         }
-        const [Vr, i] = Sr.split(":");
+        const [Hr, i] = _r.split(":");
         if (!Ht.has(i)) {
-          se.push(or);
+          se.push(lr);
           continue;
         }
-        const p = Vr === "before" ? ee : Vt, _ = p.get(i);
-        _ ? _.push(or) : p.set(i, [or]);
+        const p = Hr === "before" ? ee : Vt, _ = p.get(i);
+        _ ? _.push(lr) : p.set(i, [lr]);
       }
       const Ut = [...L];
       for (const _t of d)
@@ -501,7 +501,7 @@ const rd = ["title"], ad = /* @__PURE__ */ Qt({
       ref_key: "menuRef",
       ref: M,
       callbacks: Ft,
-      options: vr
+      options: pr
     }, {
       default: Me(() => [
         ue.value ? (m(), De(y(Wl), {
@@ -510,16 +510,16 @@ const rd = ["title"], ad = /* @__PURE__ */ Qt({
           trigger: "contextmenu"
         }, {
           default: Me(() => [
-            Jr(d.$slots, "default", {
+            Qr(d.$slots, "default", {
               open: H.value,
-              toggleMenuFromElement: ir
+              toggleMenuFromElement: or
             })
           ]),
           _: 3
-        })) : Jr(d.$slots, "default", {
+        })) : Qr(d.$slots, "default", {
           key: 1,
           open: H.value,
-          toggleMenuFromElement: ir
+          toggleMenuFromElement: or
         }),
         nt(y(Gl), {
           "class-name": "ui-menu-content datagrid-column-menu__panel",
@@ -536,13 +536,13 @@ const rd = ["title"], ad = /* @__PURE__ */ Qt({
               ]),
               _: 1
             }),
-            Q.value.length > 0 ? (m(), De(y(Ba), { key: 0 })) : q("", !0),
+            Q.value.length > 0 ? (m(), De(y(Fa), { key: 0 })) : q("", !0),
             (m(!0), w(Re, null, Fe(Q.value, (L, se) => (m(), w(Re, {
               key: L.key
             }, [
-              se > 0 ? (m(), De(y(Ba), { key: 0 })) : q("", !0),
+              se > 0 ? (m(), De(y(Fa), { key: 0 })) : q("", !0),
               L.kind === "section" && L.key === "sort" ? (m(), w(Re, { key: 1 }, [
-                pe("sortAsc") ? (m(), De(y(Fr), {
+                pe("sortAsc") ? (m(), De(y(zr), {
                   key: 0,
                   class: "datagrid-column-menu__item",
                   "data-datagrid-column-menu-action": "sort-asc",
@@ -554,12 +554,12 @@ const rd = ["title"], ad = /* @__PURE__ */ Qt({
                   default: Me(() => [
                     F("span", {
                       title: ne("sortAsc", K.value || !d.sortEnabled, "sort")
-                    }, oe(wr.value), 9, nd),
+                    }, oe(kr.value), 9, nd),
                     d.sortDirection === "asc" ? (m(), w("span", id, "Active")) : q("", !0)
                   ]),
                   _: 1
                 }, 8, ["data-disabled-reason", "disabled", "title"])) : q("", !0),
-                pe("sortDesc") ? (m(), De(y(Fr), {
+                pe("sortDesc") ? (m(), De(y(zr), {
                   key: 1,
                   class: "datagrid-column-menu__item",
                   "data-datagrid-column-menu-action": "sort-desc",
@@ -576,7 +576,7 @@ const rd = ["title"], ad = /* @__PURE__ */ Qt({
                   ]),
                   _: 1
                 }, 8, ["data-disabled-reason", "disabled", "title"])) : q("", !0),
-                pe("clearSort") ? (m(), De(y(Fr), {
+                pe("clearSort") ? (m(), De(y(zr), {
                   key: 2,
                   class: "datagrid-column-menu__item",
                   "data-datagrid-column-menu-action": "sort-clear",
@@ -592,7 +592,7 @@ const rd = ["title"], ad = /* @__PURE__ */ Qt({
                   ]),
                   _: 1
                 }, 8, ["data-disabled-reason", "disabled", "title"])) : q("", !0)
-              ], 64)) : L.kind === "section" && L.key === "group" && pe("toggleGroup") ? (m(), De(y(Fr), {
+              ], 64)) : L.kind === "section" && L.key === "group" && pe("toggleGroup") ? (m(), De(y(zr), {
                 key: 2,
                 class: "datagrid-column-menu__item",
                 "data-datagrid-column-menu-action": "toggle-group",
@@ -631,7 +631,7 @@ const rd = ["title"], ad = /* @__PURE__ */ Qt({
                     style: X(Se.value)
                   }, {
                     default: Me(() => [
-                      pe("pinLeft") ? (m(), De(y(Fr), {
+                      pe("pinLeft") ? (m(), De(y(zr), {
                         key: 0,
                         class: "datagrid-column-menu__item",
                         "data-datagrid-column-menu-action": "pin-left",
@@ -648,7 +648,7 @@ const rd = ["title"], ad = /* @__PURE__ */ Qt({
                         ]),
                         _: 1
                       }, 8, ["data-disabled-reason", "disabled", "title"])) : q("", !0),
-                      pe("pinRight") ? (m(), De(y(Fr), {
+                      pe("pinRight") ? (m(), De(y(zr), {
                         key: 1,
                         class: "datagrid-column-menu__item",
                         "data-datagrid-column-menu-action": "pin-right",
@@ -665,7 +665,7 @@ const rd = ["title"], ad = /* @__PURE__ */ Qt({
                         ]),
                         _: 1
                       }, 8, ["data-disabled-reason", "disabled", "title"])) : q("", !0),
-                      pe("unpin") ? (m(), De(y(Fr), {
+                      pe("unpin") ? (m(), De(y(zr), {
                         key: 2,
                         class: "datagrid-column-menu__item",
                         "data-datagrid-column-menu-action": "pin-none",
@@ -701,7 +701,7 @@ const rd = ["title"], ad = /* @__PURE__ */ Qt({
                 }, ["stop"]))
               }, [
                 F("div", fd, [
-                  F("span", hd, oe(er.value), 1),
+                  F("span", hd, oe(tr.value), 1),
                   pe("clearFilter") ? (m(), w("button", {
                     key: 0,
                     type: "button",
@@ -711,7 +711,7 @@ const rd = ["title"], ad = /* @__PURE__ */ Qt({
                     disabled: Te("clearFilter", re.value || !d.filterActive),
                     title: ne("clearFilter", re.value || !d.filterActive, "filter"),
                     onClick: c
-                  }, oe(gr.value), 9, bd)) : q("", !0)
+                  }, oe(vr.value), 9, bd)) : q("", !0)
                 ]),
                 ze.value ? (m(), w("input", {
                   key: 0,
@@ -760,7 +760,7 @@ const rd = ["title"], ad = /* @__PURE__ */ Qt({
                   }, null, 40, Cd),
                   F("span", null, oe(ye.value), 1)
                 ])) : q("", !0),
-                J.value ? (m(), De(y(Ba), {
+                J.value ? (m(), De(y(Fa), {
                   key: 4,
                   class: "datagrid-column-menu__section-separator"
                 })) : q("", !0),
@@ -784,7 +784,7 @@ const rd = ["title"], ad = /* @__PURE__ */ Qt({
                     disabled: Te("clearAllValues", re.value || Ae.value || O.value.length === 0),
                     title: ne("clearAllValues", re.value || Ae.value || O.value.length === 0, "filter"),
                     onClick: Ce
-                  }, oe(tr.value), 9, Rd)) : q("", !0),
+                  }, oe(rr.value), 9, Rd)) : q("", !0),
                   F("div", Md, oe(lt.value) + " / " + oe(ot.value) + " selected ", 1)
                 ])) : q("", !0),
                 J.value ? (m(), w("div", Id, [
@@ -820,7 +820,7 @@ const rd = ["title"], ad = /* @__PURE__ */ Qt({
                 ])) : q("", !0),
                 J.value && Bt.value > 0 ? (m(), w("div", zd, " Showing " + oe(le.value.length) + " of " + oe(Qe.value.length) + " values. Scroll to load more or search. ", 1)) : q("", !0),
                 J.value && Ge.value.length === 0 ? (m(), w("div", Vd, " Select at least one value to apply the filter. ")) : q("", !0),
-                J.value ? (m(), De(y(Ba), {
+                J.value ? (m(), De(y(Fa), {
                   key: 9,
                   class: "datagrid-column-menu__section-separator"
                 })) : q("", !0),
@@ -837,10 +837,10 @@ const rd = ["title"], ad = /* @__PURE__ */ Qt({
                     type: "button",
                     class: "datagrid-column-menu__button datagrid-column-menu__button--primary",
                     "data-datagrid-column-menu-action": "apply-filter",
-                    "data-disabled-reason": ne("applyFilter", re.value || Ae.value || !rr.value, "filter"),
-                    disabled: Te("applyFilter", re.value || Ae.value || !rr.value),
-                    title: ne("applyFilter", re.value || Ae.value || !rr.value, "filter"),
-                    onClick: Cr
+                    "data-disabled-reason": ne("applyFilter", re.value || Ae.value || !ar.value, "filter"),
+                    disabled: Te("applyFilter", re.value || Ae.value || !ar.value),
+                    title: ne("applyFilter", re.value || Ae.value || !ar.value, "filter"),
+                    onClick: Sr
                   }, oe(Je.value), 9, Od)) : q("", !0)
                 ])) : q("", !0)
               ], 34)) : L.kind === "custom" ? (m(), De(ad, {
@@ -848,7 +848,7 @@ const rd = ["title"], ad = /* @__PURE__ */ Qt({
                 item: L.item,
                 "menu-theme-vars": Se.value,
                 "submenu-options": ft,
-                onSelect: mr
+                onSelect: fr
               }, null, 8, ["item", "menu-theme-vars"])) : q("", !0)
             ], 64))), 128))
           ]),
@@ -876,17 +876,17 @@ function Gd(r) {
 }
 function Kd(r) {
   return Gd({
-    mode: ur(r, "mode"),
-    rowHeightMode: ur(r, "rowHeightMode"),
-    layoutMode: ur(r, "layoutMode"),
-    layout: ur(r, "layout"),
-    viewport: ur(r, "viewport"),
-    columns: ur(r, "columns"),
-    rows: ur(r, "rows"),
-    selection: ur(r, "selection"),
-    editing: ur(r, "editing"),
-    cells: ur(r, "cells"),
-    interaction: ur(r, "interaction")
+    mode: cr(r, "mode"),
+    rowHeightMode: cr(r, "rowHeightMode"),
+    layoutMode: cr(r, "layoutMode"),
+    layout: cr(r, "layout"),
+    viewport: cr(r, "viewport"),
+    columns: cr(r, "columns"),
+    rows: cr(r, "rows"),
+    selection: cr(r, "selection"),
+    editing: cr(r, "editing"),
+    cells: cr(r, "cells"),
+    interaction: cr(r, "interaction")
   });
 }
 function Nd(r) {
@@ -910,47 +910,47 @@ function jd(r) {
     r
   ), r;
 }
-function Oa() {
+function $a() {
   const r = yi(_i);
   if (!r)
     throw new Error("DataGrid table stage context is not available outside of DataGridTableStage.");
   return r;
 }
-function hn() {
-  return Oa().mode;
+function bn() {
+  return $a().mode;
 }
 function tc() {
-  return Oa().rowHeightMode;
+  return $a().rowHeightMode;
 }
 function Ri() {
-  return Oa().layoutMode;
+  return $a().layoutMode;
 }
-function zr(r) {
-  return Oa()[r];
+function Vr(r) {
+  return $a()[r];
 }
 function Mi() {
-  return zr("layout");
+  return Vr("layout");
 }
-function bn() {
-  return zr("viewport");
+function yn() {
+  return Vr("viewport");
 }
 function Ii() {
-  return zr("columns");
+  return Vr("columns");
 }
-function yn() {
-  return zr("rows");
+function xn() {
+  return Vr("rows");
 }
 function Ti() {
-  return zr("selection");
+  return Vr("selection");
 }
 function Di() {
-  return zr("editing");
+  return Vr("editing");
 }
 function rc() {
-  return zr("cells");
+  return Vr("cells");
 }
 function ac() {
-  return zr("interaction");
+  return Vr("interaction");
 }
 const qd = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span", "data-datagrid-pivot-group-depth"], Ud = {
   key: 0,
@@ -1024,7 +1024,7 @@ const qd = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
 }, Ys = ["onMousedown", "onDblclick"], Zs = ["data-column-key", "draggable", "onClick", "onDragstart", "onDragover", "onDrop"], Js = { class: "col-head" }, Qs = {
   class: "sort-indicator",
   "aria-hidden": "true"
-}, eu = ["onMousedown", "onDblclick"], tu = ["name", "value", "disabled", "onInput"], ru = /* @__PURE__ */ Qt({
+}, eu = ["onMousedown", "onDblclick"], tu = ["name", "value", "disabled", "onInput"], ru = /* @__PURE__ */ er({
   __name: "DataGridTableStageHeader",
   props: {
     paneLayoutStyle: {
@@ -1061,7 +1061,7 @@ const qd = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
     }
   },
   setup(r) {
-    const k = hn(), u = Mi(), z = bn(), M = Ii(), V = yn(), H = Ti(), G = l(() => V.value.sourceRows ?? []), W = l(() => M.value.visibleColumns), T = l(() => M.value.renderedColumns), v = l(() => W.value.filter((c) => c.pin === "left")), D = l(() => W.value.filter((c) => c.pin === "right")), S = l(() => k.value !== "pivot" ? 0 : W.value.reduce((c, s) => {
+    const k = bn(), u = Mi(), z = yn(), M = Ii(), V = xn(), H = Ti(), G = l(() => V.value.sourceRows ?? []), W = l(() => M.value.visibleColumns), T = l(() => M.value.renderedColumns), v = l(() => W.value.filter((c) => c.pin === "left")), D = l(() => W.value.filter((c) => c.pin === "right")), S = l(() => k.value !== "pivot" ? 0 : W.value.reduce((c, s) => {
       const n = Ae(s);
       return Math.max(c, n?.groupLabels?.length ?? 0);
     }, 0)), O = l(() => S.value > 0), I = l(() => xt(v.value)), Se = l(() => xt(T.value)), h = l(() => xt(D.value)), te = l(() => u.value.mainTrackStyle), he = l(() => z.value.leftColumnSpacerWidth), ve = l(() => z.value.rightColumnSpacerWidth), We = l(() => M.value.columnFilterTextByKey), we = l(() => typeof M.value.columnMenuMaxFilterValues == "number" ? M.value.columnMenuMaxFilterValues : 250), ue = l(() => typeof M.value.columnMenuValueFilterRowLimit == "number" ? M.value.columnMenuValueFilterRowLimit : Number.MAX_SAFE_INTEGER), de = N(null), ce = N(null), Ie = N(null);
@@ -1090,7 +1090,7 @@ const qd = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
       de.value = null, ce.value = null, Ie.value = null, c && Q();
     }
     function Z(c) {
-      return typeof M.value.reorderColumnsByHeader == "function" && k.value !== "pivot" && !gr(c);
+      return typeof M.value.reorderColumnsByHeader == "function" && k.value !== "pivot" && !vr(c);
     }
     function U(c) {
       return !!(c.target instanceof HTMLElement ? c.target : null)?.closest(".col-resize, .col-menu-trigger, .col-filter, .col-filter-input, input, button");
@@ -1163,7 +1163,7 @@ const qd = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
         s.push(yt(c, n));
       return s;
     }
-    function er(c) {
+    function tr(c) {
       const s = `${Math.max(0, c.width)}px`;
       return {
         width: s,
@@ -1172,7 +1172,7 @@ const qd = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
         textAlign: "center"
       };
     }
-    function wr(c) {
+    function kr(c) {
       return M.value.sortIndicator(c);
     }
     function wt(c, s) {
@@ -1190,7 +1190,7 @@ const qd = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
     function Kt(c) {
       z.value.handleHeaderScroll(c);
     }
-    function gr(c) {
+    function vr(c) {
       return c.column.meta?.rowSelection === !0;
     }
     function ye(c) {
@@ -1199,7 +1199,7 @@ const qd = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
     function Pt(c) {
       return c.column.capabilities?.filterable !== !1;
     }
-    function tr(c) {
+    function rr(c) {
       return c.column.capabilities?.groupable !== !1;
     }
     function Lt(c) {
@@ -1265,10 +1265,10 @@ const qd = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
       const s = M.value.resolveColumnMenuSortDirection;
       return typeof s == "function" ? s(c) : null;
     }
-    function rr(c) {
+    function ar(c) {
       return mt(c) !== null;
     }
-    function vr(c) {
+    function pr(c) {
       return lt(c);
     }
     function ft(c) {
@@ -1288,37 +1288,37 @@ const qd = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
       return Number.isFinite(s) ? `Grouped column, level ${Number(s) + 1}` : "Grouped column";
     }
     function Te(c) {
-      return vr(c);
+      return pr(c);
     }
     function Ve(c) {
       return mt(c) === "asc";
     }
-    function pr(c) {
+    function mr(c) {
       return mt(c) === "desc";
     }
     function ct(c, s) {
       return {
         "col-menu-trigger--open": s,
-        "col-menu-trigger--active": s || rr(c) || vr(c) || ft(c),
-        "col-menu-trigger--filtered": vr(c),
+        "col-menu-trigger--active": s || ar(c) || pr(c) || ft(c),
+        "col-menu-trigger--filtered": pr(c),
         "col-menu-trigger--grouped": ft(c),
-        "col-menu-trigger--sorted": rr(c)
+        "col-menu-trigger--sorted": ar(c)
       };
     }
     function ne(c) {
       const s = [];
-      if (vr(c.key) && s.push("filtered"), ft(c.key)) {
+      if (pr(c.key) && s.push("filtered"), ft(c.key)) {
         const C = Ft(c.key);
         s.push(Number.isFinite(C) ? `grouped level ${Number(C) + 1}` : "grouped");
       }
-      Ve(c.key) ? s.push("sorted ascending") : pr(c.key) && s.push("sorted descending");
+      Ve(c.key) ? s.push("sorted ascending") : mr(c.key) && s.push("sorted descending");
       const n = s.length > 0 ? `, ${s.join(" and ")}` : "";
       return `Open column menu for ${c.column.label ?? c.key}${n}`;
     }
-    function ar(c, s) {
+    function nr(c, s) {
       c(s.currentTarget instanceof HTMLElement ? s.currentTarget : null);
     }
-    function nr(c) {
+    function ir(c) {
       const s = M.value.resolveColumnMenuSelectedTokens;
       return typeof s == "function" ? s(c) : [];
     }
@@ -1336,19 +1336,19 @@ const qd = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
       const s = M.value.resolveColumnMenuItems;
       return typeof s == "function" ? s(c) : ["sort", "group", "pin", "filter"];
     }
-    function mr(c) {
+    function fr(c) {
       const s = M.value.resolveColumnMenuDisabledItems;
       return typeof s == "function" ? s(c) : [];
     }
-    function kr(c) {
+    function Cr(c) {
       const s = M.value.resolveColumnMenuDisabledReasons;
       return typeof s == "function" ? s(c) : {};
     }
-    function ir(c) {
+    function or(c) {
       const s = M.value.resolveColumnMenuLabels;
       return typeof s == "function" ? s(c) : {};
     }
-    function fr(c) {
+    function hr(c) {
       const s = M.value.resolveColumnMenuActionOptions;
       return typeof s == "function" ? s(c) : {};
     }
@@ -1370,7 +1370,7 @@ const qd = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
     function jt(c, s) {
       M.value.applyColumnMenuPin?.(c, s);
     }
-    function hr(c, s) {
+    function br(c, s) {
       M.value.applyColumnMenuGroupBy?.(c, s);
     }
     function qt(c, s) {
@@ -1395,7 +1395,7 @@ const qd = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
       triggerClass: Ce(),
       markClass: Pe(),
       activate: () => {
-        Cr();
+        Sr();
       }
     }));
     function Ce() {
@@ -1410,7 +1410,7 @@ const qd = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
         "grid-checkbox-indicator__mark--mixed": st() && !Ke()
       };
     }
-    function Cr() {
+    function Sr() {
       V.value.handleToggleAllVisibleRows?.();
     }
     function St(c) {
@@ -1425,14 +1425,14 @@ const qd = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
       class: ge(["grid-header-shell", { "grid-header-shell--pivot-groups": O.value }]),
       style: X(r.paneLayoutStyle)
     }, [
-      Jr(c.$slots, "center-chrome"),
+      Qr(c.$slots, "center-chrome"),
       F("div", {
         class: "grid-header-pane grid-header-pane--left",
         style: X(r.leftPaneStyle),
         onWheel: s[12] || (s[12] = //@ts-ignore
         (...n) => r.onLinkedViewportWheel && r.onLinkedViewportWheel(...n))
       }, [
-        Jr(c.$slots, "left-chrome"),
+        Qr(c.$slots, "left-chrome"),
         (m(!0), w(Re, null, Fe(I.value, (n, C) => (m(), w("div", {
           key: `left-pivot-group-row-${C}`,
           class: "grid-header-row grid-pane-track grid-header-row--pivot-groups",
@@ -1450,7 +1450,7 @@ const qd = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
               "grid-cell--header-group-empty": !d.label,
               "grid-cell--header-group-last": f === n.length - 1
             }]),
-            style: X(er(d)),
+            style: X(tr(d)),
             "data-datagrid-pivot-group-label": d.label ?? void 0,
             "data-datagrid-pivot-group-span": d.columns.length,
             "data-datagrid-pivot-group-depth": C
@@ -1473,7 +1473,7 @@ const qd = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
           $() ? (m(!0), w(Re, { key: 1 }, Fe(v.value, (n) => (m(), w(Re, {
             key: `header-left-${n.key}`
           }, [
-            gr(n) ? (m(), w("div", {
+            vr(n) ? (m(), w("div", {
               key: 0,
               class: "grid-cell grid-cell--header grid-cell--pinned-left grid-cell--checkbox grid-cell--row-selection",
               style: X([ze(n.key), Je(n)]),
@@ -1504,15 +1504,15 @@ const qd = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
                   ], 2)
                 ], 42, Qd)
               ])
-            ], 12, Zd)) : (m(), De(rn, {
+            ], 12, Zd)) : (m(), De(an, {
               key: tt(n.key),
               "row-count": G.value.length,
               "resolve-value-entries": (C) => zt(n.key, C),
               items: bt(n.key),
-              "disabled-items": mr(n.key),
-              "disabled-reasons": kr(n.key),
-              labels: ir(n.key),
-              "action-options": fr(n.key),
+              "disabled-items": fr(n.key),
+              "disabled-reasons": Cr(n.key),
+              labels: or(n.key),
+              "action-options": hr(n.key),
               "custom-items": Ct(n.key),
               "trigger-mode": Nt(),
               "column-key": n.key,
@@ -1523,18 +1523,18 @@ const qd = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
               pin: n.pin,
               grouped: ft(n.key),
               "group-order": Ft(n.key),
-              "group-enabled": tr(n),
+              "group-enabled": rr(n),
               "filter-enabled": Lt(n),
               "value-filter-row-limit": ue.value,
               "text-filter-enabled": Pt(n),
               "text-filter-value": We.value[n.key] ?? "",
               "filter-active": lt(n.key),
-              "selected-filter-tokens": nr(n.key),
+              "selected-filter-tokens": ir(n.key),
               "max-filter-values": we.value,
               onSort: (C) => Oe(n.key, C),
               onPin: (C) => jt(n.key, C),
               onApplyFilter: (C) => qt(n.key, C),
-              onGroup: (C) => hr(n.key, C),
+              onGroup: (C) => br(n.key, C),
               onUpdateTextFilter: (C) => it(n.key, C),
               onClearFilter: (C) => dt(n.key)
             }, {
@@ -1563,11 +1563,11 @@ const qd = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
                       "data-datagrid-column-menu-button": "true",
                       onMousedown: s[3] || (s[3] = R(() => {
                       }, ["stop"])),
-                      onClick: R((f) => ar(d, f), ["stop"])
+                      onClick: R((f) => nr(d, f), ["stop"])
                     }, [
                       (m(), w("svg", ns, [
                         Te(n.key) ? (m(), w("path", is)) : q("", !0),
-                        Ve(n.key) ? (m(), w("path", os)) : pr(n.key) ? (m(), w("path", ls)) : (m(), w("path", ds))
+                        Ve(n.key) ? (m(), w("path", os)) : mr(n.key) ? (m(), w("path", ls)) : (m(), w("path", ds))
                       ]))
                     ], 42, as)) : q("", !0),
                     F("button", {
@@ -1587,7 +1587,7 @@ const qd = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
           ], 64))), 128)) : (m(!0), w(Re, { key: 2 }, Fe(v.value, (n) => (m(), w(Re, {
             key: `header-left-${n.key}`
           }, [
-            gr(n) ? (m(), w("div", {
+            vr(n) ? (m(), w("div", {
               key: 0,
               class: "grid-cell grid-cell--header grid-cell--pinned-left grid-cell--checkbox grid-cell--row-selection",
               style: X([ze(n.key), Je(n)]),
@@ -1637,7 +1637,7 @@ const qd = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
                   class: "col-head__group-badge",
                   title: pe(n.key)
                 }, oe(et(n.key)), 9, ms)) : q("", !0),
-                F("span", fs, oe(wr(n.key)), 1),
+                F("span", fs, oe(kr(n.key)), 1),
                 F("button", {
                   type: "button",
                   class: "col-resize",
@@ -1693,7 +1693,7 @@ const qd = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
               "grid-cell--header-group-empty": !d.label,
               "grid-cell--header-group-last": f === n.length - 1 && ve.value <= 0
             }]),
-            style: X(er(d)),
+            style: X(tr(d)),
             "data-datagrid-pivot-group-label": d.label ?? void 0,
             "data-datagrid-pivot-group-span": d.columns.length,
             "data-datagrid-pivot-group-depth": C
@@ -1715,15 +1715,15 @@ const qd = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
             class: "grid-column-spacer",
             style: X(St(he.value))
           }, null, 4)) : q("", !0),
-          $() ? (m(!0), w(Re, { key: 1 }, Fe(T.value, (n) => (m(), De(rn, {
+          $() ? (m(!0), w(Re, { key: 1 }, Fe(T.value, (n) => (m(), De(an, {
             key: tt(n.key),
             "row-count": G.value.length,
             "resolve-value-entries": (C) => zt(n.key, C),
             items: bt(n.key),
-            "disabled-items": mr(n.key),
-            "disabled-reasons": kr(n.key),
-            labels: ir(n.key),
-            "action-options": fr(n.key),
+            "disabled-items": fr(n.key),
+            "disabled-reasons": Cr(n.key),
+            labels: or(n.key),
+            "action-options": hr(n.key),
             "custom-items": Ct(n.key),
             "trigger-mode": Nt(),
             "column-key": n.key,
@@ -1734,17 +1734,17 @@ const qd = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
             pin: n.pin,
             grouped: ft(n.key),
             "group-order": Ft(n.key),
-            "group-enabled": tr(n),
+            "group-enabled": rr(n),
             "filter-enabled": Lt(n),
             "value-filter-row-limit": ue.value,
             "text-filter-enabled": Pt(n),
             "text-filter-value": We.value[n.key] ?? "",
             "filter-active": lt(n.key),
-            "selected-filter-tokens": nr(n.key),
+            "selected-filter-tokens": ir(n.key),
             "max-filter-values": we.value,
             onSort: (C) => Oe(n.key, C),
             onPin: (C) => jt(n.key, C),
-            onGroup: (C) => hr(n.key, C),
+            onGroup: (C) => br(n.key, C),
             onApplyFilter: (C) => qt(n.key, C),
             onUpdateTextFilter: (C) => it(n.key, C),
             onClearFilter: (C) => dt(n.key)
@@ -1779,11 +1779,11 @@ const qd = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
                     "data-datagrid-column-menu-button": "true",
                     onMousedown: s[13] || (s[13] = R(() => {
                     }, ["stop"])),
-                    onClick: R((f) => ar(d, f), ["stop"])
+                    onClick: R((f) => nr(d, f), ["stop"])
                   }, [
                     (m(), w("svg", Rs, [
                       Te(n.key) ? (m(), w("path", Ms)) : q("", !0),
-                      Ve(n.key) ? (m(), w("path", Is)) : pr(n.key) ? (m(), w("path", Ts)) : (m(), w("path", Ds))
+                      Ve(n.key) ? (m(), w("path", Is)) : mr(n.key) ? (m(), w("path", Ts)) : (m(), w("path", Ds))
                     ]))
                   ], 42, _s)) : q("", !0),
                   F("button", {
@@ -1818,7 +1818,7 @@ const qd = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
                 class: "col-head__group-badge",
                 title: pe(n.key)
               }, oe(et(n.key)), 9, Ls)) : q("", !0),
-              F("span", Bs, oe(wr(n.key)), 1),
+              F("span", Bs, oe(kr(n.key)), 1),
               F("button", {
                 type: "button",
                 class: "col-resize",
@@ -1861,7 +1861,7 @@ const qd = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
         onWheel: s[26] || (s[26] = //@ts-ignore
         (...n) => r.onLinkedViewportWheel && r.onLinkedViewportWheel(...n))
       }, [
-        Jr(c.$slots, "right-chrome"),
+        Qr(c.$slots, "right-chrome"),
         (m(!0), w(Re, null, Fe(h.value, (n, C) => (m(), w("div", {
           key: `right-pivot-group-row-${C}`,
           class: "grid-header-row grid-pane-track grid-header-row--pivot-groups",
@@ -1873,7 +1873,7 @@ const qd = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
               "grid-cell--header-group-empty": !d.label,
               "grid-cell--header-group-last": f === n.length - 1
             }]),
-            style: X(er(d)),
+            style: X(tr(d)),
             "data-datagrid-pivot-group-label": d.label ?? void 0,
             "data-datagrid-pivot-group-span": d.columns.length,
             "data-datagrid-pivot-group-depth": C
@@ -1885,15 +1885,15 @@ const qd = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
           class: "grid-header-row grid-pane-track",
           style: X(r.rightTrackStyle)
         }, [
-          $() ? (m(!0), w(Re, { key: 0 }, Fe(D.value, (n) => (m(), De(rn, {
+          $() ? (m(!0), w(Re, { key: 0 }, Fe(D.value, (n) => (m(), De(an, {
             key: tt(n.key),
             "row-count": G.value.length,
             "resolve-value-entries": (C) => zt(n.key, C),
             items: bt(n.key),
-            "disabled-items": mr(n.key),
-            "disabled-reasons": kr(n.key),
-            labels: ir(n.key),
-            "action-options": fr(n.key),
+            "disabled-items": fr(n.key),
+            "disabled-reasons": Cr(n.key),
+            labels: or(n.key),
+            "action-options": hr(n.key),
             "custom-items": Ct(n.key),
             "trigger-mode": Nt(),
             "column-key": n.key,
@@ -1904,18 +1904,18 @@ const qd = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
             pin: n.pin,
             grouped: ft(n.key),
             "group-order": Ft(n.key),
-            "group-enabled": tr(n),
+            "group-enabled": rr(n),
             "filter-enabled": Lt(n),
             "value-filter-row-limit": ue.value,
             "text-filter-enabled": Pt(n),
             "text-filter-value": We.value[n.key] ?? "",
             "filter-active": lt(n.key),
-            "selected-filter-tokens": nr(n.key),
+            "selected-filter-tokens": ir(n.key),
             "max-filter-values": we.value,
             onSort: (C) => Oe(n.key, C),
             onPin: (C) => jt(n.key, C),
             onApplyFilter: (C) => qt(n.key, C),
-            onGroup: (C) => hr(n.key, C),
+            onGroup: (C) => br(n.key, C),
             onUpdateTextFilter: (C) => it(n.key, C),
             onClearFilter: (C) => dt(n.key)
           }, {
@@ -1949,11 +1949,11 @@ const qd = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
                     "data-datagrid-column-menu-button": "true",
                     onMousedown: s[20] || (s[20] = R(() => {
                     }, ["stop"])),
-                    onClick: R((f) => ar(d, f), ["stop"])
+                    onClick: R((f) => nr(d, f), ["stop"])
                   }, [
                     (m(), w("svg", Ns, [
                       Te(n.key) ? (m(), w("path", js)) : q("", !0),
-                      Ve(n.key) ? (m(), w("path", qs)) : pr(n.key) ? (m(), w("path", Us)) : (m(), w("path", Xs))
+                      Ve(n.key) ? (m(), w("path", qs)) : mr(n.key) ? (m(), w("path", Us)) : (m(), w("path", Xs))
                     ]))
                   ], 42, Ks)) : q("", !0),
                   F("button", {
@@ -1983,7 +1983,7 @@ const qd = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
           }, [
             F("div", Js, [
               F("span", null, oe(me(n)), 1),
-              F("span", Qs, oe(wr(n.key)), 1),
+              F("span", Qs, oe(kr(n.key)), 1),
               F("button", {
                 type: "button",
                 class: "col-resize",
@@ -2017,7 +2017,7 @@ const qd = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
       ], 36)
     ], 6));
   }
-}), Ei = /* @__PURE__ */ Qt({
+}), Ei = /* @__PURE__ */ er({
   __name: "DataGridCellComboboxEditor",
   props: {
     value: {},
@@ -2049,7 +2049,7 @@ const qd = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
       onOptionsResolved: M
     }, null, 8, ["value", "options", "load-options", "placeholder", "initial-filter", "open-on-mount"]));
   }
-}), Ai = Qt({
+}), Ai = er({
   name: "DataGridCellContentRenderer",
   props: {
     content: {
@@ -2060,7 +2060,7 @@ const qd = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
   setup(r) {
     return () => r.content;
   }
-}), au = ["data-datagrid-overlay-lane"], sn = /* @__PURE__ */ Qt({
+}), au = ["data-datagrid-overlay-lane"], un = /* @__PURE__ */ er({
   __name: "DataGridTableStageOverlayLayer",
   props: {
     selectionSegments: {},
@@ -2120,7 +2120,7 @@ const qd = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
       ], 10, au))), 128))
     ], 64));
   }
-}), nu = ["data-row-index", "onClick", "onMouseenter"], iu = ["data-row-id", "data-column-key", "data-row-index", "data-column-index", "tabindex", "role", "aria-checked", "aria-pressed", "aria-label", "aria-disabled", "onMousedown", "onClick", "onMousemove", "onKeydown", "onDblclick"], ou = ["name", "type", "value"], lu = ["name", "value"], di = /* @__PURE__ */ Qt({
+}), nu = ["data-row-index", "onClick", "onMouseenter"], iu = ["data-row-id", "data-column-key", "data-row-index", "data-column-index", "tabindex", "role", "aria-checked", "aria-pressed", "aria-label", "aria-disabled", "onMousedown", "onClick", "onMousemove", "onKeydown", "onDblclick"], ou = ["name", "type", "value"], lu = ["name", "value"], di = /* @__PURE__ */ er({
   __name: "DataGridTableStageCenterPane",
   props: {
     viewportRef: {
@@ -2201,7 +2201,7 @@ const qd = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
     }
   },
   setup(r) {
-    const k = r, u = hn(), z = Ri(), M = Mi(), V = bn(), H = Ii(), G = yn(), W = Di(), {
+    const k = r, u = bn(), z = Ri(), M = Mi(), V = yn(), H = Ii(), G = xn(), W = Di(), {
       displayRows: T,
       viewportClass: v,
       viewportRef: D,
@@ -2276,7 +2276,7 @@ const qd = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
         centerPaneBodyRowsRevision: k.bodyRowsRevision
       });
     }
-    return fn(() => {
+    return hn(() => {
       k.reportCenterPaneDiagnostics?.({ mounted: !0 }), J();
     }), je(
       () => [
@@ -2448,7 +2448,7 @@ const qd = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
           class: "grid-spacer",
           style: X({ height: `${he.value}px` })
         }, null, 4)) : q("", !0),
-        nt(sn, {
+        nt(un, {
           "selection-segments": y(S),
           "fill-preview-segments": y(O),
           "move-preview-segments": y(I),
@@ -2461,7 +2461,7 @@ const qd = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
   key: 0,
   class: "grid-fill-action__menu",
   role: "menu"
-}, uu = ["aria-checked"], cu = ["aria-checked"], gu = /* @__PURE__ */ Qt({
+}, uu = ["aria-checked"], cu = ["aria-checked"], gu = /* @__PURE__ */ er({
   __name: "DataGridTableStageFillActionMenu",
   props: {
     isOpen: {
@@ -2513,7 +2513,7 @@ const qd = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
       ])) : q("", !0)
     ], 4)) : q("", !0);
   }
-}), vu = ["data-row-index", "onClick", "onMouseenter"], pu = ["data-row-id", "data-row-index", "tabindex", "draggable", "onClick", "onKeydown", "onDragstart", "onDragover", "onDrop"], mu = ["onMousedown", "onDblclick"], fu = ["data-row-id", "data-column-key", "data-row-index", "data-column-index", "tabindex", "role", "aria-checked", "aria-pressed", "aria-label", "aria-disabled", "onMousedown", "onClick", "onMousemove", "onKeydown", "onDblclick"], hu = ["name", "type", "value"], bu = ["name", "value"], Fa = /* @__PURE__ */ Qt({
+}), vu = ["data-row-index", "onClick", "onMouseenter"], pu = ["data-row-id", "data-row-index", "tabindex", "draggable", "onClick", "onKeydown", "onDragstart", "onDragover", "onDrop"], mu = ["onMousedown", "onDblclick"], fu = ["data-row-id", "data-column-key", "data-row-index", "data-column-index", "tabindex", "role", "aria-checked", "aria-pressed", "aria-label", "aria-disabled", "onMousedown", "onClick", "onMousemove", "onKeydown", "onDblclick"], hu = ["name", "type", "value"], bu = ["name", "value"], za = /* @__PURE__ */ er({
   __name: "DataGridTableStagePinnedPane",
   props: {
     pane: {
@@ -2530,7 +2530,7 @@ const qd = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
     }
   },
   setup(r) {
-    const k = r, u = hn(), z = Ri(), M = bn(), V = yn(), H = Di(), G = k.handleContextMenu;
+    const k = r, u = bn(), z = Ri(), M = yn(), V = xn(), H = Di(), G = k.handleContextMenu;
     return (W, T) => (m(), w("div", {
       class: ge(["grid-body-pane", [
         r.pane.side === "left" ? "grid-body-pane--left" : "grid-body-pane--right",
@@ -2540,8 +2540,8 @@ const qd = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
       onWheel: T[19] || (T[19] = //@ts-ignore
       (...v) => r.renderApi.handleLinkedViewportWheel && r.renderApi.handleLinkedViewportWheel(...v))
     }, [
-      Jr(W.$slots, "chrome"),
-      nt(sn, {
+      Qr(W.$slots, "chrome"),
+      nt(un, {
         "layer-class": "grid-selection-overlay--pane-seam",
         "selection-segments": r.pane.selectionSeamOverlaySegments,
         "fill-preview-segments": r.pane.fillPreviewSeamOverlaySegments,
@@ -2714,7 +2714,7 @@ const qd = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
           class: "grid-spacer",
           style: X({ height: `${r.pane.bottomSpacerHeight ?? y(M).bottomSpacerHeight}px` })
         }, null, 4)) : q("", !0),
-        nt(sn, {
+        nt(un, {
           "selection-segments": r.pane.selectionOverlaySegments,
           "fill-preview-segments": r.pane.fillPreviewOverlaySegments,
           "move-preview-segments": r.pane.movePreviewOverlaySegments,
@@ -2730,15 +2730,15 @@ function Pi(r) {
 function yu(r) {
   return Number.isFinite(r) && r > 0 ? r : 0;
 }
-function an(r, k) {
+function nn(r, k) {
   return Number.isFinite(r) ? Math.max(0, Math.trunc(r)) : k;
 }
 function xu(r) {
-  const k = an(r.rowTotal, 0);
+  const k = nn(r.rowTotal, 0);
   if (k <= 0)
     return [];
-  const u = k - 1, z = Math.min(an(r.rowStart, 0), u), M = Math.min(
-    Math.max(z, an(r.rowEnd, z)),
+  const u = k - 1, z = Math.min(nn(r.rowStart, 0), u), M = Math.min(
+    Math.max(z, nn(r.rowEnd, z)),
     u
   ), V = Math.max(1, Math.trunc(Number.isFinite(r.baseRowHeight) ? r.baseRowHeight : 1)), H = Number.isFinite(r.topSpacerHeight) ? Math.max(0, r.topSpacerHeight) : 0, G = [];
   let W = H;
@@ -2753,7 +2753,7 @@ function xu(r) {
   }
   return G;
 }
-function un(r, k) {
+function cn(r, k) {
   const u = yu(r);
   if (u <= 0)
     return 0;
@@ -2761,10 +2761,10 @@ function un(r, k) {
   return Math.max(1, Math.round(u * z)) / z;
 }
 function si(r, k, u) {
-  const z = Pi(u), M = un(k, z);
+  const z = Pi(u), M = cn(k, z);
   return Math.round(r * z) / z - M / 2;
 }
-const wu = 6, Ha = 0.5;
+const wu = 6, Oa = 0.5;
 function ui(r, k) {
   return Math.min(Math.max(0, r), Math.max(0, k));
 }
@@ -2772,7 +2772,7 @@ function ku(r) {
   const k = Math.abs(r.deltaX), u = Math.abs(r.deltaY);
   if (Math.max(k, u) < wu)
     return null;
-  const M = r.maxScrollLeft > Ha, V = r.maxScrollTop > Ha;
+  const M = r.maxScrollLeft > Oa, V = r.maxScrollTop > Oa;
   return !M && !V ? null : M && !V ? "x" : V && !M ? "y" : k >= u ? "x" : "y";
 }
 function Li(r) {
@@ -2820,13 +2820,13 @@ function Li(r) {
       deltaY: D,
       maxScrollLeft: O,
       maxScrollTop: S
-    }), !k.lockedAxis) || (G.preventDefault(), k.lockedAxis === "x" && O > Ha && (T.scrollLeft = ui(k.startScrollLeft - v, O)), k.lockedAxis === "y" && S > Ha && (T.scrollTop = ui(k.startScrollTop - D, S)));
+    }), !k.lockedAxis) || (G.preventDefault(), k.lockedAxis === "x" && O > Oa && (T.scrollLeft = ui(k.startScrollLeft - v, O)), k.lockedAxis === "y" && S > Oa && (T.scrollTop = ui(k.startScrollTop - D, S)));
   };
   return r.root.addEventListener("touchstart", V, { capture: !0, passive: !0 }), r.root.addEventListener("touchmove", H, { capture: !0, passive: !1 }), r.root.addEventListener("touchend", M, !0), r.root.addEventListener("touchcancel", M, !0), () => {
     r.root.removeEventListener("touchstart", V, !0), r.root.removeEventListener("touchmove", H, !0), r.root.removeEventListener("touchend", M, !0), r.root.removeEventListener("touchcancel", M, !0);
   };
 }
-const ci = "affino-datagrid-vue-app-styles", nn = `
+const ci = "affino-datagrid-vue-app-styles", on = `
 .affino-datagrid-app-root {
   display: flex;
   min-width: 0;
@@ -6099,23 +6099,23 @@ function Bi() {
     return;
   const r = document.getElementById(ci);
   if (r instanceof HTMLStyleElement) {
-    r.textContent !== nn && (r.textContent = nn);
+    r.textContent !== on && (r.textContent = on);
     return;
   }
   const k = document.createElement("style");
-  k.id = ci, k.textContent = nn, document.head.append(k);
+  k.id = ci, k.textContent = on, document.head.append(k);
 }
-const ya = ["edit", "paste", "toggle"];
+const xa = ["edit", "paste", "toggle"];
 function gi(r) {
   return Number.isFinite(r) ? Math.max(0, Math.trunc(r)) : 0;
 }
 function Cu(r) {
   if (!Array.isArray(r) || r.length === 0)
-    return ya;
+    return xa;
   const k = Array.from(new Set(
-    r.filter((u) => ya.includes(u))
+    r.filter((u) => xa.includes(u))
   ));
-  return k.length > 0 ? k : ya;
+  return k.length > 0 ? k : xa;
 }
 function nc(r) {
   if (r == null)
@@ -6123,7 +6123,7 @@ function nc(r) {
       enabled: !1,
       policy: "fixed-tail",
       count: 0,
-      materializeOn: ya,
+      materializeOn: xa,
       createRowAt: null
     };
   if (typeof r == "number") {
@@ -6132,7 +6132,7 @@ function nc(r) {
       enabled: z > 0,
       policy: "fixed-tail",
       count: z,
-      materializeOn: ya,
+      materializeOn: xa,
       createRowAt: null
     };
   }
@@ -6148,14 +6148,14 @@ function nc(r) {
 function Su(r, k) {
   return r.enabled && r.materializeOn.includes(k);
 }
-const cn = "__datagrid_placeholder__:";
+const gn = "__datagrid_placeholder__:";
 function _u(r) {
-  return `${cn}${r}`;
+  return `${gn}${r}`;
 }
 function Ru(r) {
-  if (typeof r != "string" || !r.startsWith(cn))
+  if (typeof r != "string" || !r.startsWith(gn))
     return -1;
-  const k = Number.parseInt(r.slice(cn.length), 10);
+  const k = Number.parseInt(r.slice(gn.length), 10);
   return Number.isFinite(k) ? Math.max(0, k) : -1;
 }
 function Mu(r) {
@@ -6179,17 +6179,17 @@ function Mu(r) {
     row: {}
   };
 }
-function gn(r) {
+function vn(r) {
   return r?.__placeholder === !0;
 }
-function vn(r, k) {
+function pn(r, k) {
   if (k <= 0)
     return { start: 0, end: 0 };
   const u = Math.max(0, Math.min(k - 1, Math.trunc(r.start))), z = Math.max(u, Math.min(k - 1, Math.trunc(r.end)));
   return { start: u, end: z };
 }
 function Iu(r, k, u) {
-  const z = vn(
+  const z = pn(
     k ?? (r ? { start: r.rowStart, end: r.rowEnd } : { start: 0, end: Math.max(0, u - 1) }),
     u
   ), M = Math.max(0, r?.colTotal ?? 0), V = Math.max(0, M - 1), H = r ? Math.max(0, Math.min(V, Math.trunc(r.colStart))) : 0, G = r ? Math.max(H, Math.min(V, Math.trunc(r.colEnd))) : V;
@@ -6215,7 +6215,7 @@ function ic(r) {
   }, V = (D) => r.placeholderRows.value.createRowAt != null && D?.column.capabilities?.editable !== !1, H = (D, S) => {
     if (r.totalBodyRows.value <= 0)
       return;
-    const O = r.totalBodyRows.value, I = vn({
+    const O = r.totalBodyRows.value, I = pn({
       start: Math.min(D.start, O - 1),
       end: Math.min(D.end, O - 1)
     }, O);
@@ -6225,7 +6225,7 @@ function ic(r) {
     }
     (r.runtime.setVirtualWindowRange ?? r.runtime.setViewportRange)?.(I);
   }, G = (D, S) => {
-    const O = vn(D, k.value);
+    const O = pn(D, k.value);
     return u.value = O, H(O, S), O;
   }, W = l(() => Iu(
     r.runtime.virtualWindow.value,
@@ -6295,12 +6295,12 @@ function ic(r) {
   return {
     totalVisualRows: k,
     visualRuntime: v,
-    isPlaceholderRow: gn,
+    isPlaceholderRow: vn,
     isPlaceholderCellEditable: V,
     ensureMaterializedRowAt: T
   };
 }
-const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATAGRID_PERF__", vi = 400, Eu = 6, Au = ".grid-fill-action", cr = 14, Jt = 8, ln = 10, pi = 72, za = "datagrid-fill-drag-cursor", Pu = /* @__PURE__ */ Qt({
+const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", ln = "__AFFINO_DATAGRID_PERF__", vi = 400, Eu = 6, Au = ".grid-fill-action", gr = 14, Qt = 8, dn = 10, pi = 72, Va = "datagrid-fill-drag-cursor", Pu = /* @__PURE__ */ er({
   __name: "DataGridTableStage",
   props: {
     mode: {
@@ -6444,7 +6444,7 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
       if (typeof window > "u")
         return null;
       const e = window;
-      return e[on] || (e[on] = V()), e[on] ?? null;
+      return e[ln] || (e[ln] = V()), e[ln] ?? null;
     }
     function G(e) {
       H()?.push(e);
@@ -6458,7 +6458,7 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
     const ue = l(() => Se.value?.visibleColumns ?? []), de = l(() => Se.value?.renderedColumns ?? []), ce = l(() => h.value?.displayRows ?? []), Ie = l(() => h.value?.pinnedBottomRows ?? []), J = l(() => te.value?.selectionRange ?? null), ae = l(() => {
       const e = te.value?.selectionRanges;
       return Array.isArray(e) && e.length > 0 ? e : J.value ? [J.value] : [];
-    }), $ = l(() => te.value?.isFillDragging === !0), P = l(() => ue.value.some((e) => wr(e)));
+    }), $ = l(() => te.value?.isFillDragging === !0), P = l(() => ue.value.some((e) => kr(e)));
     function Q(e) {
       return O.value.columnStyle(e);
     }
@@ -6505,7 +6505,7 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
     }
     function yt(e) {
       const t = e.column.meta?.affinoPivotHeader;
-      if (!er(t))
+      if (!tr(t))
         return null;
       const a = Array.isArray(t.groupLabels) ? t.groupLabels.filter((o) => typeof o == "string" && o.length > 0) : [];
       return a.length > 0 ? { groupLabels: a } : null;
@@ -6513,10 +6513,10 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
     function xt(e) {
       return e === "left" || e === "center" || e === "right" ? e : void 0;
     }
-    function er(e) {
+    function tr(e) {
       return !!e && typeof e == "object";
     }
-    function wr(e) {
+    function kr(e) {
       return typeof e.column.groupCellRenderer == "function";
     }
     function wt(e) {
@@ -6531,7 +6531,7 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
     }
     function kt(e, t, a = {}) {
       let o = null;
-      return ta(e, t) ? o = "var(--datagrid-row-band-hover-bg)" : ra(e, t) && (o = "var(--datagrid-row-band-striped-bg)"), o ? a.fullBleed === !0 ? {
+      return ra(e, t) ? o = "var(--datagrid-row-band-hover-bg)" : aa(e, t) && (o = "var(--datagrid-row-band-striped-bg)"), o ? a.fullBleed === !0 ? {
         backgroundImage: `linear-gradient(${o}, ${o})`,
         backgroundSize: "100% calc(100% - var(--datagrid-row-divider-size))",
         backgroundPosition: "top left",
@@ -6546,14 +6546,14 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
     function Kt(e, t, a, o) {
       if (bt(a, o))
         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 (mr(a, o))
+      if (fr(a, o))
         return { background: "var(--datagrid-selection-range-bg)" };
       const b = kt(e, a, {
         fullBleed: t.pin === "left" || t.pin === "right"
       });
       return b || {};
     }
-    function gr(e, t) {
+    function vr(e, t) {
       const a = kt(e, t, { fullBleed: !0 });
       return a ? {
         ...Ke.value,
@@ -6582,7 +6582,7 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
         "grid-cell--index-selected-bottom": x && !E
       };
     }
-    function tr(e, t, a, o) {
+    function rr(e, t, a, o) {
       return ve.value.cellClass?.(e, t, a, o) ?? null;
     }
     function Lt(e, t, a, o) {
@@ -6625,26 +6625,26 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
       return bt(e, t) ? 0 : -1;
     }
     function Ge(e) {
-      return ka(e) ? 0 : -1;
+      return Ca(e) ? 0 : -1;
     }
     function ot() {
       xe.value = null, rt.value = null, $e.value = null;
     }
     function lt(e) {
-      return typeof h.value.reorderRowsByIndex == "function" && e.kind !== "group" && e.rowId != null && e.state.pinned === "none" && !gn(e);
+      return typeof h.value.reorderRowsByIndex == "function" && e.kind !== "group" && e.rowId != null && e.state.pinned === "none" && !vn(e);
     }
     function mt(e) {
       const a = (e.currentTarget instanceof HTMLElement ? e.currentTarget : null)?.getBoundingClientRect();
       return !a || a.height <= 0 ? "after" : e.clientY < a.top + a.height / 2 ? "before" : "after";
     }
-    function rr(e, t, a) {
+    function ar(e, t, a) {
       if (!lt(t)) {
         ot();
         return;
       }
       xe.value = String(t.rowId), rt.value = null, $e.value = null, e.dataTransfer && (e.dataTransfer.effectAllowed = "move", e.dataTransfer.dropEffect = "move", e.dataTransfer.setData("text/plain", `${String(t.rowId)}:${It(t, a)}`));
     }
-    function vr(e, t, a) {
+    function pr(e, t, a) {
       if (!xe.value || !lt(t)) {
         rt.value = null, $e.value = null;
         return;
@@ -6696,13 +6696,13 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
         te.value?.totalRowCount ?? 0
       );
     }
-    function pr() {
+    function mr() {
       const e = I.value?.baseRowHeight;
       if (Number.isFinite(e) && e > 0)
         return Math.max(1, Math.trunc(e));
       const t = ce.value[0];
       if (t) {
-        const a = h.value?.rowStyle(t, _r(t, 0)) ?? {};
+        const a = h.value?.rowStyle(t, Rr(t, 0)) ?? {};
         return Math.max(1, Math.trunc(Ae(a.height ?? a.minHeight, 31)));
       }
       return 31;
@@ -6713,24 +6713,24 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
     function ne() {
       return I.value?.rightColumnSpacerWidth ?? 0;
     }
-    function ar() {
+    function nr() {
       const e = te.value.fillActionAnchorCell;
       if (!e) {
         f.value?.focus({ preventScroll: !0 });
         return;
       }
-      const t = Ga(e.rowIndex, e.columnIndex);
+      const t = Ka(e.rowIndex, e.columnIndex);
       if (t) {
         t.focus({ preventScroll: !0 });
         return;
       }
       f.value?.focus({ preventScroll: !0 });
     }
-    function nr(e) {
-      jn.value && (e.preventDefault(), e.stopPropagation(), ar(), He.value = !He.value);
+    function ir(e) {
+      qn.value && (e.preventDefault(), e.stopPropagation(), nr(), He.value = !He.value);
     }
     function zt() {
-      He.value = !1, ar();
+      He.value = !1, nr();
     }
     function Nt(e, t) {
       const a = ve.value.isCellSelected;
@@ -6746,20 +6746,20 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
       const a = ht();
       return !!(a && I.value.viewportRowStart + e === a.rowIndex && t === a.columnIndex);
     }
-    function mr(e, t) {
-      return !Nt(e, t) || bt(e, t) ? !1 : !Jn.value;
+    function fr(e, t) {
+      return !Nt(e, t) || bt(e, t) ? !1 : !Jt.value;
     }
-    function kr(e, t) {
+    function Cr(e, t) {
       if (bt(e, t))
         return !0;
       const a = ve.value.isSelectionAnchorCell;
       return typeof a == "function" ? a(e, t) : !1;
     }
-    function ir(e, t) {
+    function or(e, t) {
       const a = ve.value.isCellInFillPreview;
       return typeof a == "function" ? a(e, t) : !1;
     }
-    function fr(e, t) {
+    function hr(e, t) {
       const a = ve.value.isCellInPendingClipboardRange;
       return typeof a == "function" ? a(e, t) : !1;
     }
@@ -6779,7 +6779,7 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
       const a = te.value.isFillHandleCell;
       return typeof a == "function" ? a(e, t) : !1;
     }
-    function hr(e, t) {
+    function br(e, t) {
       const a = e - I.value.viewportRowStart, o = ce.value[a], b = ue.value[t];
       return a < 0 || !o || !b ? !1 : Oe(o, a, b, t);
     }
@@ -6799,7 +6799,7 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
         minWidth: e,
         maxWidth: e
       };
-    }), st = l(() => te.value.isRangeMoving), Xe = l(() => ue.value.filter((e) => e.pin === "left")), ke = l(() => ue.value.filter((e) => e.pin === "right")), Ce = l(() => dt.value + (Xe.value ?? []).reduce((e, t) => e + me(t), 0)), Pe = l(() => (ke.value ?? []).reduce((e, t) => e + me(t), 0)), Cr = l(() => ({
+    }), st = l(() => te.value.isRangeMoving), Xe = l(() => ue.value.filter((e) => e.pin === "left")), ke = l(() => ue.value.filter((e) => e.pin === "right")), Ce = l(() => dt.value + (Xe.value ?? []).reduce((e, t) => e + me(t), 0)), Pe = l(() => (ke.value ?? []).reduce((e, t) => e + me(t), 0)), Sr = l(() => ({
       gridTemplateColumns: `${Ce.value}px minmax(0, 1fr) ${Pe.value}px`
     })), St = l(() => ({
       width: `${Ce.value}px`,
@@ -6821,45 +6821,45 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
       left: `${Ce.value}px`,
       width: `${Math.max(0, Ot.value)}px`,
       height: `${Math.max(0, Mt.value)}px`
-    })), d = N(null), f = N(null), L = N(null), se = N(null), ee = N(null), Vt = N(null), Ht = N(null), Ut = N(null), _t = N(null), or = N(null), Sr = N(null), Vr = N(null), i = N(null), p = N(null), _ = N(null), B = N(null), Y = N(null), g = N(null), _e = N(null), xe = N(null), rt = N(null), $e = N(null), He = N(!1), Rt = N(0), Xt = N(0), gt = N(0), vt = N(0), Ot = N(0), at = N(0), Mt = N(0), pt = N(0), Yt = N(null), Dr = N(null);
-    let br = 0, $t = null, Hr = "full", Qr = null;
-    function ea(e) {
+    })), d = N(null), f = N(null), L = N(null), se = N(null), ee = N(null), Vt = N(null), Ht = N(null), Ut = N(null), _t = N(null), lr = N(null), _r = N(null), Hr = N(null), i = N(null), p = N(null), _ = N(null), B = N(null), Y = N(null), g = N(null), _e = N(null), xe = N(null), rt = N(null), $e = N(null), He = N(!1), Rt = N(0), Xt = N(0), gt = N(0), vt = N(0), Ot = N(0), at = N(0), Mt = N(0), pt = N(0), Yt = N(null), Er = N(null);
+    let yr = 0, $t = null, Or = "full", ea = null;
+    function ta(e) {
       if (typeof document > "u")
         return;
       const t = document.body, a = document.documentElement;
       if (!(!t || !a)) {
         if (e) {
-          Yt.value == null && (Yt.value = t.style.cursor), Dr.value == null && (Dr.value = a.style.cursor), a.classList.add(za), t.classList.add(za), a.style.setProperty("cursor", "crosshair", "important"), t.style.setProperty("cursor", "crosshair", "important");
+          Yt.value == null && (Yt.value = t.style.cursor), Er.value == null && (Er.value = a.style.cursor), a.classList.add(Va), t.classList.add(Va), a.style.setProperty("cursor", "crosshair", "important"), t.style.setProperty("cursor", "crosshair", "important");
           return;
         }
-        a.classList.remove(za), t.classList.remove(za), Dr.value != null && (Dr.value ? a.style.setProperty("cursor", Dr.value) : a.style.removeProperty("cursor"), Dr.value = null), Yt.value != null && (Yt.value ? t.style.setProperty("cursor", Yt.value) : t.style.removeProperty("cursor"), Yt.value = null);
+        a.classList.remove(Va), t.classList.remove(Va), Er.value != null && (Er.value ? a.style.setProperty("cursor", Er.value) : a.style.removeProperty("cursor"), Er.value = null), Yt.value != null && (Yt.value ? t.style.setProperty("cursor", Yt.value) : t.style.removeProperty("cursor"), Yt.value = null);
       }
     }
-    function Er() {
+    function Ar() {
       g.value = null;
     }
-    function xa() {
+    function wa() {
       _e.value = null;
     }
     function It(e, t) {
       return Number.isFinite(e.displayIndex) ? Math.max(0, Math.trunc(e.displayIndex)) : I.value.viewportRowStart + t;
     }
-    function _r(e, t) {
+    function Rr(e, t) {
       return It(e, t) - I.value.viewportRowStart;
     }
-    function wa(e, t) {
+    function ka(e, t) {
       h.value.rowHover && (_e.value = It(e, t));
     }
-    function ta(e, t) {
+    function ra(e, t) {
       return h.value.rowHover === !0 && _e.value === It(e, t);
     }
-    function ra(e, t) {
+    function aa(e, t) {
       return h.value.stripedRows === !0 && It(e, t) % 2 === 1;
     }
-    function ka(e) {
+    function Ca(e) {
       return typeof h.value.isRowFocused == "function" ? h.value.isRowFocused(e) : !1;
     }
-    function Nr(e) {
+    function jr(e) {
       return typeof h.value.isRowCheckboxSelected == "function" ? h.value.isRowCheckboxSelected(e) : !1;
     }
     function A(e) {
@@ -6876,7 +6876,7 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
       return a === "true" || a === "1" || a === "yes" || a === "on";
     }
     function Le(e, t, a, o) {
-      const b = e.kind !== "group" ? Zt(e, a) : "none", x = Oe(e, t, a, o), E = Ar(e, t, a, o);
+      const b = e.kind !== "group" ? Zt(e, a) : "none", x = Oe(e, t, a, o), E = Pr(e, t, a, o);
       return {
         "grid-cell--checkbox": Wt(e, a),
         "grid-cell--row-selection": Ue(a),
@@ -6885,7 +6885,7 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
         "grid-cell--interactive": E !== null
       };
     }
-    function Ar(e, t, a, o) {
+    function Pr(e, t, a, o) {
       return ni({
         column: a.column,
         row: e.kind !== "group" ? e.data : void 0,
@@ -6893,27 +6893,27 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
         editable: Oe(e, t, a, o)
       });
     }
-    function Ca(e, t, a, o) {
-      return Ar(e, t, a, o)?.role ?? (Wt(e, a) ? "checkbox" : void 0);
+    function Sa(e, t, a, o) {
+      return Pr(e, t, a, o)?.role ?? (Wt(e, a) ? "checkbox" : void 0);
     }
-    function Rr(e, t, a, o) {
-      return Ar(e, t, a, o)?.checked ?? (Wt(e, a) ? Ee(e, a) ? "true" : "false" : void 0);
+    function Mr(e, t, a, o) {
+      return Pr(e, t, a, o)?.checked ?? (Wt(e, a) ? Ee(e, a) ? "true" : "false" : void 0);
     }
-    function Sa(e, t, a, o) {
-      return Ar(e, t, a, o)?.pressed;
+    function _a(e, t, a, o) {
+      return Pr(e, t, a, o)?.pressed;
     }
-    function aa(e, t, a, o) {
-      return Ar(e, t, a, o)?.label;
+    function na(e, t, a, o) {
+      return Pr(e, t, a, o)?.label;
     }
-    function lr(e, t, a, o) {
-      return Ar(e, t, a, o)?.disabled ? "true" : void 0;
+    function dr(e, t, a, o) {
+      return Pr(e, t, a, o)?.disabled ? "true" : void 0;
     }
-    function Mr(e, t) {
+    function Ir(e, t) {
       return {
         "grid-checkbox-indicator--checked": Ee(e, t)
       };
     }
-    function na(e, t) {
+    function ia(e, t) {
       return {
         "grid-checkbox-indicator__mark--checked": Ee(e, t)
       };
@@ -6925,7 +6925,7 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
         editable: !0
       }).editorMode;
     }
-    function jr(e) {
+    function qr(e) {
       if (e && typeof e == "object" && "label" in e) {
         const t = e, a = String(t.label ?? "");
         return {
@@ -6938,14 +6938,14 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
         value: String(e ?? "")
       };
     }
-    function ia(e, t) {
+    function oa(e, t) {
       return e.kind === "group" ? null : `${String(e.rowId)}::${t}`;
     }
-    function qr(e, t) {
-      const a = ia(e, t);
+    function Ur(e, t) {
+      const a = oa(e, t);
       return a ? Ye.value.get(a) ?? [] : [];
     }
-    function oa(e, t) {
+    function la(e, t) {
       if (e.kind === "group")
         return;
       if (typeof t.column.accessor == "function")
@@ -6953,32 +6953,32 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
       if (typeof t.column.valueGetter == "function")
         return t.column.valueGetter(e.data);
       const a = typeof t.column.field == "string" && t.column.field.length > 0 ? t.column.field : t.key;
-      return er(e.data) ? e.data[a] : void 0;
+      return tr(e.data) ? e.data[a] : void 0;
     }
-    function $a(e, t) {
+    function Wa(e, t) {
       const a = t.column.presentation?.options;
       return typeof a == "function" ? e.kind !== "group" ? a(e.data) : [] : a;
     }
-    function xn(e, t) {
-      const a = $a(e, t);
-      return Array.isArray(a) ? a.map(jr) : wt(a) ? qr(e, t.key) : [];
-    }
     function wn(e, t) {
+      const a = Wa(e, t);
+      return Array.isArray(a) ? a.map(qr) : wt(a) ? Ur(e, t.key) : [];
+    }
+    function kn(e, t) {
       if (e.kind === "group")
         return;
-      const a = $a(e, t);
+      const a = Wa(e, t);
       if (wt(a))
         return async (o) => {
-          const b = $a(e, t);
+          const b = Wa(e, t);
           if (wt(b)) {
             const x = await b;
-            return Array.isArray(x) ? x.map(jr) : [];
+            return Array.isArray(x) ? x.map(qr) : [];
           }
-          return Array.isArray(b) ? b.map(jr) : [];
+          return Array.isArray(b) ? b.map(qr) : [];
         };
     }
-    function kn(e, t, a) {
-      const o = ia(e, t.key);
+    function Cn(e, t, a) {
+      const o = oa(e, t.key);
       if (!o)
         return;
       const b = Ye.value.get(o);
@@ -6987,23 +6987,23 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
       const x = new Map(Ye.value);
       x.set(o, [...a]), Ye.value = x;
     }
-    function Wa(e, t) {
+    function Ga(e, t) {
       const a = ve.value.readDisplayCell(e, t.key);
       if (e.kind === "group" || Zt(e, t) !== "select")
         return a;
-      const o = qr(e, t.key);
+      const o = Ur(e, t.key);
       if (o.length === 0)
         return a;
-      const b = oa(e, t);
+      const b = la(e, t);
       return o.find((E) => E.value === String(b ?? ""))?.label ?? a;
     }
     function zi(e) {
       return {
-        kind: gn(e) ? "placeholder" : "real"
+        kind: vn(e) ? "placeholder" : "real"
       };
     }
-    function Cn(e, t, a, o) {
-      const b = Wa(e, a), x = zi(e), E = Oe(e, t, a, o), j = ni({
+    function Sn(e, t, a, o) {
+      const b = Ga(e, a), x = zi(e), E = Oe(e, t, a, o), j = ni({
         column: a.column,
         row: e.kind !== "group" ? e.data : void 0,
         rowId: e.rowId,
@@ -7029,7 +7029,7 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
         const Ne = a.column.groupCellRenderer ?? a.column.cellRenderer;
         if (typeof Ne != "function")
           return b;
-        const Dt = e, Et = Number.isFinite(e.groupMeta?.childrenCount) ? Math.max(0, Math.trunc(e.groupMeta?.childrenCount)) : 0, dr = Fl(Dt);
+        const Dt = e, Et = Number.isFinite(e.groupMeta?.childrenCount) ? Math.max(0, Math.trunc(e.groupMeta?.childrenCount)) : 0, sr = Fl(Dt);
         return Ne({
           row: void 0,
           rowNode: Dt,
@@ -7047,7 +7047,7 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
             childrenCount: Et,
             isLabelColumn: W.mode === "tree" ? a.key === "name" : a.key === (W.columns.visibleColumns[0]?.key ?? "name"),
             renderMeta: {
-              ...dr,
+              ...sr,
               isGroup: !0
             },
             toggle: () => {
@@ -7069,33 +7069,33 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
         interactive: ie
       }) ?? b;
     }
-    function Sn(e, t) {
-      const a = oa(e, t);
+    function _n(e, t) {
+      const a = la(e, t);
       return a == null ? "" : String(a);
     }
-    function _n(e, t, a, o) {
+    function Rn(e, t, a, o) {
       return Oe(e, t, a, o) && tt(e, a.key) && Zt(e, a) === "select";
     }
-    function Rn(e, t, a, o) {
+    function Mn(e, t, a, o) {
       const b = Zt(e, a);
       return Oe(e, t, a, o) && tt(e, a.key) && (b === "date" || b === "datetime");
     }
-    function Mn(e, t) {
+    function In(e, t) {
       return Zt(e, t) === "datetime" ? "datetime-local" : "date";
     }
-    function In(e, t, a, o) {
+    function Tn(e, t, a, o) {
       return Oe(e, t, a, o) && tt(e, a.key) && Zt(e, a) === "text";
     }
-    function Tn(e, t = "stay") {
+    function Dn(e, t = "stay") {
       he.value.updateEditingCellValue(e), he.value.commitInlineEdit(t);
     }
-    function Dn() {
+    function En() {
       he.value.cancelInlineEdit();
     }
-    function En(e, t = "stay") {
+    function An(e, t = "stay") {
       he.value.updateEditingCellValue(e), he.value.commitInlineEdit(t);
     }
-    function An() {
+    function Pn() {
       he.value.handleEditorBlur();
     }
     function Vi(e) {
@@ -7109,25 +7109,25 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
     function Oi(e, t, a) {
       h.value.handleRowIndexKeydown?.(e, t, a);
     }
-    function Pn(e) {
+    function Ln(e) {
       Vi(e);
     }
-    function Ln(e, t) {
+    function Bn(e, t) {
       return {
         "grid-row--hoverable": h.value.rowHover === !0,
-        "grid-row--hovered": ta(e, t),
-        "grid-row--striped": ra(e, t),
+        "grid-row--hovered": ra(e, t),
+        "grid-row--striped": aa(e, t),
         "grid-row--group-explicit-trigger": e.kind === "group" && P.value,
         "grid-row--clipboard-pending": h.value.isRowInPendingClipboardCut?.(e) === !0,
-        "grid-row--focused": ka(e),
-        "grid-row--checkbox-selected": Nr(e)
+        "grid-row--focused": Ca(e),
+        "grid-row--checkbox-selected": jr(e)
       };
     }
     function $i(e, t) {
       const a = t ? It(t, e) : I.value.viewportRowStart + e;
       return ye(a);
     }
-    function _a(e, t, a) {
+    function Ra(e, t, a) {
       const o = ve.value.isCellOnSelectionEdge;
       return typeof o == "function" ? o(e, t, a) : !1;
     }
@@ -7151,11 +7151,11 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
           Math.floor(E.height / 2)
         )
       ), ie = e.clientX - E.left, Be = e.clientY - E.top;
-      return Be <= j && _a(t, a, "top") || E.height - Be <= j && _a(t, a, "bottom") || ie <= j && _a(t, a, "left") || E.width - ie <= j && _a(t, a, "right");
+      return Be <= j && Ra(t, a, "top") || E.height - Be <= j && Ra(t, a, "bottom") || ie <= j && Ra(t, a, "left") || E.width - ie <= j && Ra(t, a, "right");
     }
-    function Bn(e, t, a) {
+    function Fn(e, t, a) {
       if ($.value || te.value.rangeMoveEnabled !== !0) {
-        Er();
+        Ar();
         return;
       }
       if (Wi(e, t, a)) {
@@ -7165,12 +7165,12 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
         };
         return;
       }
-      Er();
+      Ar();
     }
     function Gi(e) {
       e.kind === "group" && (P.value || h.value.toggleGroupRow(e));
     }
-    function Fn(e, t, a, o, b) {
+    function zn(e, t, a, o, b) {
       if (Ue(o)) {
         if (t.kind === "group")
           return;
@@ -7191,14 +7191,14 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
     function Ni() {
       for (let e = 0; e < ce.value.length; e += 1)
         for (let t = 0; t < ue.value.length; t += 1)
-          if (kr(e, t))
+          if (Cr(e, t))
             return {
               rowIndex: It(ce.value[e], e),
               columnIndex: t
             };
       return null;
     }
-    function Ga(e, t) {
+    function Ka(e, t) {
       const a = `.grid-cell[data-row-index="${e}"][data-column-index="${t}"]`;
       for (const o of [
         ee.value,
@@ -7230,16 +7230,16 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
       }
       return null;
     }
-    function Ka() {
-      return Ra()?.querySelector(".grid-header-viewport") ?? null;
+    function Na() {
+      return Ma()?.querySelector(".grid-header-viewport") ?? null;
     }
-    function Ra() {
+    function Ma() {
       return d.value?.querySelector(".grid-header-shell") ?? null;
     }
-    function zn(e) {
+    function Vn(e) {
       if (!e)
         return null;
-      const t = Ga(e.rowIndex, e.columnIndex), a = se.value?.getBoundingClientRect();
+      const t = Ka(e.rowIndex, e.columnIndex), a = se.value?.getBoundingClientRect();
       if (!t || !a)
         return null;
       const o = t.getBoundingClientRect();
@@ -7256,7 +7256,7 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
         f.value?.focus({ preventScroll: !0 });
         return;
       }
-      const t = Ga(e.rowIndex, e.columnIndex);
+      const t = Ka(e.rowIndex, e.columnIndex);
       if (t) {
         t.focus({ preventScroll: !0 });
         return;
@@ -7267,10 +7267,10 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
       Ol(qi);
     }
     function Xi(e) {
-      f.value = ze(e), I.value.bodyViewportRef(e), Or(), Wn(), Pr();
+      f.value = ze(e), I.value.bodyViewportRef(e), $r(), Gn(), Lr();
     }
     function Yi(e) {
-      L.value = ze(e), Vn(), ja();
+      L.value = ze(e), Hn(), qa();
     }
     function Zi(e) {
       ee.value = ze(e);
@@ -7284,7 +7284,7 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
     function eo(e) {
       Ut.value = ze(e);
     }
-    function Na(e) {
+    function ja(e) {
       gt.value = e.scrollTop, vt.value = e.scrollLeft, Ot.value = e.clientWidth, at.value = e.clientHeight;
     }
     je(
@@ -7293,7 +7293,7 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
         if (!we)
           return;
         const t = M(), a = I.value.viewportRowStart, o = ce.value.length;
-        Zr(() => {
+        Jr(() => {
           G({
             scope: "stageScrollFlush",
             ts: Date.now(),
@@ -7310,7 +7310,7 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
         if (!we)
           return;
         const e = M(), t = I.value.viewportRowStart, a = ce.value.length, o = I.value.topSpacerHeight, b = I.value.bottomSpacerHeight;
-        Zr(() => {
+        Jr(() => {
           G({
             scope: "stageWindowFlush",
             ts: Date.now(),
@@ -7329,31 +7329,31 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
         ce.value.map((e) => `${String(e.rowId)}:${String(e.row?.region ?? "")}`).join("|")
       ].join("|"),
       () => {
-        Zr(() => {
+        Jr(() => {
           Z("body-rows-update");
         });
       },
       { immediate: !0 }
     );
-    function ja() {
+    function qa() {
       const e = L.value;
       !e || e.scrollLeft === vt.value || (e.scrollLeft = vt.value);
     }
-    function Vn() {
+    function Hn() {
       Mt.value = L.value?.clientHeight ?? 0;
     }
-    function Or() {
+    function $r() {
       const e = f.value, t = se.value;
       if (!e || !t)
         return;
-      Na(e);
+      ja(e);
       const a = e.getBoundingClientRect(), o = t.getBoundingClientRect();
-      pt.value = Math.max(0, a.top - o.top), Rt.value = Ra()?.getBoundingClientRect().height ?? 0, Xt.value = Ka()?.clientWidth ?? Ot.value, Vn(), ja();
+      pt.value = Math.max(0, a.top - o.top), Rt.value = Ma()?.getBoundingClientRect().height ?? 0, Xt.value = Na()?.clientWidth ?? Ot.value, Hn(), qa();
     }
-    function qa() {
+    function Ua() {
       return typeof window > "u" ? 1 : Math.max(1, window.devicePixelRatio || 1);
     }
-    function Hn(e) {
+    function On(e) {
       if (typeof window > "u")
         return "";
       let t = d.value;
@@ -7365,20 +7365,20 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
       }
       return window.getComputedStyle(document.documentElement).getPropertyValue(e).trim();
     }
-    function yr(e, t) {
-      return Hn(e) || t;
+    function xr(e, t) {
+      return On(e) || t;
     }
-    function Ua(e, t) {
-      const a = Hn(e);
+    function Xa(e, t) {
+      const a = On(e);
       if (a.length === 0)
         return t;
       const o = Number.parseFloat(a);
       return Number.isFinite(o) && o >= 0 ? o : t;
     }
-    function Ir(e, t, a) {
+    function Tr(e, t, a) {
       if (!e || t <= 0 || a <= 0)
         return e && e.getContext("2d")?.clearRect(0, 0, e.width, e.height), null;
-      const o = qa(), b = Math.max(1, Math.round(t * o)), x = Math.max(1, Math.round(a * o));
+      const o = Ua(), b = Math.max(1, Math.round(t * o)), x = Math.max(1, Math.round(a * o));
       e.width !== b && (e.width = b), e.height !== x && (e.height = x);
       const E = e.getContext("2d");
       return E ? (E.setTransform(o, 0, 0, o, 0, 0), E.clearRect(0, 0, t, a), E) : null;
@@ -7386,7 +7386,7 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
     function to(e, t, a, o) {
       if (t.width <= 0 || t.height <= 0 || o <= 0)
         return;
-      const b = qa(), x = un(o, b);
+      const b = Ua(), x = cn(o, b);
       e.save(), e.strokeStyle = a, e.lineWidth = x, e.beginPath();
       for (const E of t.horizontalLines) {
         const j = si(E.position, x, b);
@@ -7397,37 +7397,37 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
     function ro(e) {
       switch (e) {
         case "hover":
-          return yr(
+          return xr(
             "--datagrid-row-band-hover-bg",
             "rgba(251, 146, 60, 0.18)"
           );
         case "base":
-          return yr(
+          return xr(
             "--datagrid-row-band-base-bg",
             "rgba(255, 255, 255, 1)"
           );
         case "striped":
-          return yr(
+          return xr(
             "--datagrid-row-band-striped-bg",
             "rgba(59, 130, 246, 0.06)"
           );
         case "group":
-          return yr(
+          return xr(
             "--datagrid-row-band-group-bg",
             "rgba(59, 130, 246, 0.08)"
           );
         case "tree":
-          return yr(
+          return xr(
             "--datagrid-row-band-tree-bg",
             "rgba(59, 130, 246, 0.12)"
           );
         case "pivot":
-          return yr(
+          return xr(
             "--datagrid-row-band-pivot-bg",
             "rgba(59, 130, 246, 0.1)"
           );
         case "pivot-group":
-          return yr(
+          return xr(
             "--datagrid-row-band-pivot-group-bg",
             "rgba(59, 130, 246, 0.14)"
           );
@@ -7448,10 +7448,10 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
         e.restore();
       }
     }
-    function On(e, t, a, o) {
+    function $n(e, t, a, o) {
       if (t.height <= 0 || o <= 0 || t.verticalLines.length === 0)
         return;
-      const b = qa(), x = un(o, b);
+      const b = Ua(), x = cn(o, b);
       e.save(), e.strokeStyle = a, e.lineWidth = x, e.beginPath();
       for (const E of t.verticalLines) {
         if (E.position <= 0.5 || E.position >= t.width - 0.5)
@@ -7461,34 +7461,34 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
       }
       e.stroke(), e.restore();
     }
-    function Ur(e, t, a, o, b, x) {
-      e && (ao(e, t), to(e, t, a, o), On(e, t, b, x));
+    function Xr(e, t, a, o, b, x) {
+      e && (ao(e, t), to(e, t, a, o), $n(e, t, b, x));
     }
-    function Xa(e, t, a, o) {
-      !e || Kn.value || On(e, t, a, o);
+    function Ya(e, t, a, o) {
+      !e || Nn.value || $n(e, t, a, o);
     }
-    function $n(e = "full") {
-      br = 0, Hr = "full";
-      const t = io.value, a = no.value, o = yr("--datagrid-row-divider-color", "rgba(0, 0, 0, 0.08)"), b = yr("--datagrid-column-divider-color", "rgba(0, 0, 0, 0.08)"), x = yr("--datagrid-header-column-divider-color", b), E = Ua("--datagrid-row-divider-size", 1), j = Ua("--datagrid-column-divider-size", 1), ie = Ua("--datagrid-header-column-divider-size", j), Be = e === "full" ? Ir(
+    function Wn(e = "full") {
+      yr = 0, Or = "full";
+      const t = io.value, a = no.value, o = xr("--datagrid-row-divider-color", "rgba(0, 0, 0, 0.08)"), b = xr("--datagrid-column-divider-color", "rgba(0, 0, 0, 0.08)"), x = xr("--datagrid-header-column-divider-color", b), E = Xa("--datagrid-row-divider-size", 1), j = Xa("--datagrid-column-divider-size", 1), ie = Xa("--datagrid-header-column-divider-size", j), Be = e === "full" ? Tr(
         _t.value,
         t.left.width,
         t.left.height
       ) : null;
-      Be && Xa(Be, t.left, x, ie);
-      const Ne = Ir(
-        or.value,
+      Be && Ya(Be, t.left, x, ie);
+      const Ne = Tr(
+        lr.value,
         t.center.width,
         t.center.height
       );
-      Xa(Ne, t.center, x, ie);
-      const Dt = e === "full" ? Ir(
-        Sr.value,
+      Ya(Ne, t.center, x, ie);
+      const Dt = e === "full" ? Tr(
+        _r.value,
         t.right.width,
         t.right.height
       ) : null;
-      Dt && Xa(Dt, t.right, x, ie);
-      const Et = e === "full" ? Ir(Vr.value, a.left.width, a.left.height) : null;
-      Et && Ur(
+      Dt && Ya(Dt, t.right, x, ie);
+      const Et = e === "full" ? Tr(Hr.value, a.left.width, a.left.height) : null;
+      Et && Xr(
         Et,
         a.left,
         o,
@@ -7496,17 +7496,17 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
         b,
         0
       );
-      const dr = Ir(i.value, a.center.width, a.center.height);
-      Ur(
-        dr,
+      const sr = Tr(i.value, a.center.width, a.center.height);
+      Xr(
+        sr,
         a.center,
         o,
         E,
         b,
         j
       );
-      const At = e === "full" ? Ir(p.value, a.right.width, a.right.height) : null;
-      At && Ur(
+      const At = e === "full" ? Tr(p.value, a.right.width, a.right.height) : null;
+      At && Xr(
         At,
         a.right,
         o,
@@ -7514,12 +7514,12 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
         b,
         0
       );
-      const fe = lo.value, ut = e === "full" ? Ir(
+      const fe = lo.value, ut = e === "full" ? Tr(
         _.value,
         fe.left.width,
         fe.left.height
       ) : null;
-      ut && Ur(
+      ut && Xr(
         ut,
         fe.left,
         o,
@@ -7527,26 +7527,26 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
         b,
         0
       );
-      const Kr = Ir(
+      const Nr = Tr(
         B.value,
         fe.center.width,
         fe.center.height
       );
-      Ur(
-        Kr,
+      Xr(
+        Nr,
         fe.center,
         o,
         E,
         b,
         j
       );
-      const Yr = e === "full" ? Ir(
+      const Zr = e === "full" ? Tr(
         Y.value,
         fe.right.width,
         fe.right.height
       ) : null;
-      Yr && Ur(
-        Yr,
+      Zr && Xr(
+        Zr,
         fe.right,
         o,
         E,
@@ -7554,27 +7554,27 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
         0
       );
     }
-    function Pr(e = "full") {
-      if (Hr = br === 0 ? e : e === "full" || Hr === "full" ? "full" : "center-scroll", typeof window > "u") {
-        $n(Hr);
+    function Lr(e = "full") {
+      if (Or = yr === 0 ? e : e === "full" || Or === "full" ? "full" : "center-scroll", typeof window > "u") {
+        Wn(Or);
         return;
       }
-      br === 0 && (br = window.requestAnimationFrame(() => {
-        $n(Hr);
+      yr === 0 && (yr = window.requestAnimationFrame(() => {
+        Wn(Or);
       }));
     }
-    function Wn() {
+    function Gn() {
       if (typeof ResizeObserver > "u")
         return;
       $t || ($t = new ResizeObserver(() => {
-        Or(), Pr();
+        $r(), Lr();
       })), $t.disconnect(), f.value && $t.observe(f.value), L.value && $t.observe(L.value), se.value && $t.observe(se.value);
-      const e = Ra();
+      const e = Ma();
       e && $t.observe(e);
-      const t = Ka();
+      const t = Na();
       t && $t.observe(t);
     }
-    const no = l(() => en({
+    const no = l(() => tn({
       rowMetrics: bo(),
       rowBands: ko(),
       scrollTop: gt.value,
@@ -7593,7 +7593,7 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
       ].filter((e) => e > 0),
       rightColumnWidths: (ke.value ?? []).map(me),
       centerScrollLeft: vt.value
-    })), io = l(() => en({
+    })), io = l(() => tn({
       rowMetrics: Rt.value > 0 ? [{ top: 0, height: Rt.value }] : [],
       scrollTop: 0,
       leftPaneWidth: Ce.value,
@@ -7611,8 +7611,8 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
       ].filter((e) => e > 0),
       rightColumnWidths: (ke.value ?? []).map(me),
       centerScrollLeft: vt.value
-    })), Gn = l(() => Ie.value.flatMap((e, t) => {
-      const a = Wr.value[t], o = Xn(e, _r(e, t));
+    })), Kn = l(() => Ie.value.flatMap((e, t) => {
+      const a = Gr.value[t], o = Yn(e, Rr(e, t));
       return !a || !o ? [] : [{
         rowIndex: t,
         top: a.top,
@@ -7621,9 +7621,9 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
       }];
     }));
     function oo() {
-      return Gn.value ?? [];
+      return Kn.value ?? [];
     }
-    const lo = l(() => en({
+    const lo = l(() => tn({
       rowMetrics: yo(),
       rowBands: oo(),
       scrollTop: 0,
@@ -7642,35 +7642,35 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
       ].filter((e) => e > 0),
       rightColumnWidths: (ke.value ?? []).map(me),
       centerScrollLeft: vt.value
-    })), Kn = l(() => v.value !== "pivot" ? !1 : ue.value.some((e) => (yt(e)?.groupLabels?.length ?? 0) > 0));
-    function Lr(e, t, a) {
+    })), Nn = l(() => v.value !== "pivot" ? !1 : ue.value.some((e) => (yt(e)?.groupLabels?.length ?? 0) > 0));
+    function Br(e, t, a) {
       return a < t ? t : Math.min(Math.max(e, t), a);
     }
-    const so = l(() => ue.value.filter((e) => e.pin !== "left" && e.pin !== "right")), Ma = l(() => Ot.value > 0 ? Ot.value : Ae(O.value.gridContentStyle.width ?? O.value.gridContentStyle.minWidth, 0));
-    function Nn() {
+    const so = l(() => ue.value.filter((e) => e.pin !== "left" && e.pin !== "right")), Ia = l(() => Ot.value > 0 ? Ot.value : Ae(O.value.gridContentStyle.width ?? O.value.gridContentStyle.minWidth, 0));
+    function jn() {
       const e = te.value.fillActionAnchorCell;
       if (!e)
         return null;
-      const t = pe(), a = pe() + Math.max(0, ce.value.length - 1), o = J.value, b = o ? Math.min(o.startRow, o.endRow) : e.rowIndex, x = o ? Math.max(o.startRow, o.endRow) : e.rowIndex, E = o ? Math.min(o.startColumn, o.endColumn) : e.columnIndex, j = o ? Math.max(o.startColumn, o.endColumn) : e.columnIndex, ie = Math.max(b, t), Be = Math.min(x, a), Ne = ie <= Be ? Lr(e.rowIndex, ie, Be) : e.rowIndex, Dt = new Set((de.value ?? []).map((At) => At.key)), Et = ue.value.map((At, fe) => ({ column: At, columnIndex: fe })).filter(({ column: At, columnIndex: fe }) => fe < E || fe > j ? !1 : At.pin === "left" || At.pin === "right" || Dt.has(At.key)).map(({ columnIndex: At }) => At), dr = Et.length > 0 ? Lr(
+      const t = pe(), a = pe() + Math.max(0, ce.value.length - 1), o = J.value, b = o ? Math.min(o.startRow, o.endRow) : e.rowIndex, x = o ? Math.max(o.startRow, o.endRow) : e.rowIndex, E = o ? Math.min(o.startColumn, o.endColumn) : e.columnIndex, j = o ? Math.max(o.startColumn, o.endColumn) : e.columnIndex, ie = Math.max(b, t), Be = Math.min(x, a), Ne = ie <= Be ? Br(e.rowIndex, ie, Be) : e.rowIndex, Dt = new Set((de.value ?? []).map((At) => At.key)), Et = ue.value.map((At, fe) => ({ column: At, columnIndex: fe })).filter(({ column: At, columnIndex: fe }) => fe < E || fe > j ? !1 : At.pin === "left" || At.pin === "right" || Dt.has(At.key)).map(({ columnIndex: At }) => At), sr = Et.length > 0 ? Br(
         e.columnIndex,
         Et[0] ?? e.columnIndex,
         Et[Et.length - 1] ?? e.columnIndex
       ) : e.columnIndex;
-      return hr(Ne, dr) ? {
+      return br(Ne, sr) ? {
         rowIndex: Ne,
-        columnIndex: dr
+        columnIndex: sr
       } : null;
     }
     function uo() {
-      const e = Nn();
+      const e = jn();
       if (!e)
         return null;
-      const t = zn(e);
+      const t = Vn(e);
       if (t)
-        return Lr(
-          t.right - cr,
-          Jt,
-          Ce.value + Ma.value + Pe.value - cr - Jt
+        return Br(
+          t.right - gr,
+          Qt,
+          Ce.value + Ia.value + Pe.value - gr - Qt
         );
       const a = ue.value[e.columnIndex];
       if (!a)
@@ -7680,24 +7680,24 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
         for (const j of Xe.value)
           if (E += me(j), j.key === a.key)
             break;
-        return Lr(
-          E - cr,
-          Jt,
-          Math.max(Jt, Ce.value - cr - Jt)
+        return Br(
+          E - gr,
+          Qt,
+          Math.max(Qt, Ce.value - gr - Qt)
         );
       }
       if (a.pin === "right") {
-        let E = Ce.value + Ma.value;
+        let E = Ce.value + Ia.value;
         for (const ie of ke.value)
           if (E += me(ie), ie.key === a.key)
             break;
-        const j = Ce.value + Ma.value;
-        return Lr(
-          E - cr,
-          j + Jt,
+        const j = Ce.value + Ia.value;
+        return Br(
+          E - gr,
+          j + Qt,
           Math.max(
-            j + Jt,
-            j + Pe.value - cr - Jt
+            j + Qt,
+            j + Pe.value - gr - Qt
           )
         );
       }
@@ -7705,32 +7705,32 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
       for (const E of so.value)
         if (o += me(E), E.key === a.key)
           break;
-      const b = Ce.value + Jt, x = Ce.value + Ma.value - cr - Jt;
-      return Lr(o - cr, b, x);
+      const b = Ce.value + Qt, x = Ce.value + Ia.value - gr - Qt;
+      return Br(o - gr, b, x);
     }
     function co() {
-      const e = pt.value + Jt, t = pt.value + Math.max(
+      const e = pt.value + Qt, t = pt.value + Math.max(
         0,
-        at.value - cr - Jt - ln
-      ), a = te.value.fillActionAnchorCell, o = Nn();
+        at.value - gr - Qt - dn
+      ), a = te.value.fillActionAnchorCell, o = jn();
       if (!o)
         return null;
       if (a && a.rowIndex !== o.rowIndex)
         return t;
-      const b = zn(o);
+      const b = Vn(o);
       if (b)
-        return Lr(
-          b.bottom - cr - ln,
+        return Br(
+          b.bottom - gr - dn,
           e,
           t
         );
       const x = se.value?.getBoundingClientRect(), E = o ? ji(o.rowIndex) : null;
       if (!x || !E)
         return t;
-      const ie = E.getBoundingClientRect().bottom - x.top - cr - ln;
-      return Lr(ie, e, t);
+      const ie = E.getBoundingClientRect().bottom - x.top - gr - dn;
+      return Br(ie, e, t);
     }
-    const jn = l(() => {
+    const qn = l(() => {
       if (!te.value.fillActionAnchorCell)
         return null;
       const e = uo(), t = co();
@@ -7752,7 +7752,7 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
     ), je(
       () => te.value.isFillDragging,
       (e) => {
-        e && Er();
+        e && Ar();
       }
     ), je(He, (e, t, a) => {
       if (!e || typeof window > "u")
@@ -7760,7 +7760,7 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
       const o = (x) => {
         (x.target instanceof HTMLElement ? x.target : null)?.closest(Au) || (He.value = !1);
       }, b = (x) => {
-        x.key === "Escape" && (He.value = !1, ar());
+        x.key === "Escape" && (He.value = !1, nr());
       };
       window.addEventListener("mousedown", o, !0), window.addEventListener("keydown", b), a(() => {
         window.removeEventListener("mousedown", o, !0), window.removeEventListener("keydown", b);
@@ -7768,15 +7768,15 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
     }), je(
       () => te.value.isFillDragging,
       (e) => {
-        ea(e);
+        ta(e);
       },
       { immediate: !0 }
     );
-    const la = Vl({
+    const da = Vl({
       resolveSourceScrollTop: () => f.value?.scrollTop ?? 0,
       mode: "direct-transform",
       resolvePaneElements: () => [ee.value, Vt.value]
-    }), Ya = Hl({
+    }), Za = Hl({
       resolveBodyViewport: () => f.value,
       resolveMainViewport: () => f.value,
       setHandledScrollTop: (e) => {
@@ -7786,10 +7786,10 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
         f.value && (f.value.scrollLeft = e);
       },
       syncLinkedScroll: (e) => {
-        la.syncNow(e);
+        da.syncNow(e);
       },
-      scheduleLinkedScrollSyncLoop: la.scheduleSyncLoop,
-      isLinkedScrollSyncLoopScheduled: la.isSyncLoopScheduled,
+      scheduleLinkedScrollSyncLoop: da.scheduleSyncLoop,
+      isLinkedScrollSyncLoopScheduled: da.isSyncLoopScheduled,
       onWheelConsumed: () => {
         const e = f.value;
         e && I.value.handleViewportScroll(be(e));
@@ -7801,34 +7801,34 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
       if (!t)
         return;
       const a = gt.value, o = vt.value;
-      la.onSourceScroll(t.scrollTop), Na(t), ja(), Pr(
+      da.onSourceScroll(t.scrollTop), ja(t), qa(), Lr(
         t.scrollLeft !== o && t.scrollTop === a ? "center-scroll" : "full"
       );
     }
     function vo(e) {
       const t = e.target, a = f.value;
-      !t || !a || a.scrollLeft === t.scrollLeft || (a.scrollLeft = t.scrollLeft, I.value.handleViewportScroll(be(a)), Na(a), Pr("center-scroll"));
+      !t || !a || a.scrollLeft === t.scrollLeft || (a.scrollLeft = t.scrollLeft, I.value.handleViewportScroll(be(a)), ja(a), Lr("center-scroll"));
     }
     function po(e) {
       I.value.handleViewportKeydown(e);
     }
-    function qn(e) {
-      Ya.onLinkedViewportWheel(e);
-    }
     function Un(e) {
-      Ya.onBodyViewportWheel(e);
+      Za.onLinkedViewportWheel(e);
+    }
+    function Xn(e) {
+      Za.onBodyViewportWheel(e);
     }
     wi(() => {
-      ea(!1), la.reset(), Ya.reset(), Qr?.(), Qr = null, br !== 0 && typeof window < "u" && (window.cancelAnimationFrame(br), br = 0), $t?.disconnect(), $t = null, typeof window < "u" && window.removeEventListener("resize", Or);
-    }), fn(() => {
-      Or(), Wn(), Pr(), d.value && (Qr = Li({
+      ta(!1), da.reset(), Za.reset(), ea?.(), ea = null, yr !== 0 && typeof window < "u" && (window.cancelAnimationFrame(yr), yr = 0), $t?.disconnect(), $t = null, typeof window < "u" && window.removeEventListener("resize", $r);
+    }), hn(() => {
+      $r(), Gn(), Lr(), d.value && (ea = Li({
         root: d.value,
         resolveScrollContainers: () => [
           f.value,
           L.value,
-          Ka()
+          Na()
         ]
-      })), typeof window < "u" && window.addEventListener("resize", Or);
+      })), typeof window < "u" && window.addEventListener("resize", $r);
     });
     const mo = l(() => ({
       width: `${Ce.value}px`,
@@ -7845,7 +7845,7 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
         rowEnd: Te(),
         rowTotal: Ve(),
         topSpacerHeight: I.value?.topSpacerHeight ?? 0,
-        baseRowHeight: pr(),
+        baseRowHeight: mr(),
         resolveRowHeight: I.value?.resolveRowHeight,
         resolveRowOffset: I.value?.resolveRowOffset
       }).map((t) => ({
@@ -7853,18 +7853,18 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
         height: t.height
       }));
     }
-    const $r = l(() => {
+    const Wr = l(() => {
       const e = ho();
-      return v.value === "base" && D.value === "auto" ? (gt.value, Zn(e)) : e;
+      return v.value === "base" && D.value === "auto" ? (gt.value, Jn(e)) : e;
     });
     function bo() {
-      return $r.value ?? [];
+      return Wr.value ?? [];
     }
-    const Wr = l(() => {
+    const Gr = l(() => {
       const e = [];
       let t = 0;
       return Ie.value.forEach((a, o) => {
-        const b = h.value?.rowStyle(a, _r(a, o)) ?? {}, x = Ae(b.height ?? b.minHeight, 31);
+        const b = h.value?.rowStyle(a, Rr(a, o)) ?? {}, x = Ae(b.height ?? b.minHeight, 31);
         e.push({
           top: t,
           height: x
@@ -7872,17 +7872,17 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
       }), e;
     });
     function yo() {
-      return Wr.value ?? [];
+      return Gr.value ?? [];
     }
-    const xo = l(() => $r.value.map((e) => `${e.top}:${e.height}`).join("|")), wo = l(() => Wr.value.map((e) => `${e.top}:${e.height}`).join("|"));
-    function Xn(e, t) {
-      if (ta(e, t))
+    const xo = l(() => Wr.value.map((e) => `${e.top}:${e.height}`).join("|")), wo = l(() => Gr.value.map((e) => `${e.top}:${e.height}`).join("|"));
+    function Yn(e, t) {
+      if (ra(e, t))
         return "hover";
       const a = h.value.rowClass(e);
-      return a.includes("row--group") && a.includes("row--pivot") ? "pivot-group" : a.includes("row--group") ? "group" : a.includes("row--tree") ? "tree" : a.includes("row--pivot") ? "pivot" : ra(e, t) ? "striped" : "base";
+      return a.includes("row--group") && a.includes("row--pivot") ? "pivot-group" : a.includes("row--group") ? "group" : a.includes("row--tree") ? "tree" : a.includes("row--pivot") ? "pivot" : aa(e, t) ? "striped" : "base";
     }
-    const Yn = l(() => {
-      const e = pe(), t = $r.value.map((o, b) => {
+    const Zn = l(() => {
+      const e = pe(), t = Wr.value.map((o, b) => {
         const x = e + b;
         return {
           rowIndex: b,
@@ -7891,7 +7891,7 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
           kind: h.value.stripedRows === !0 && x % 2 === 1 ? "striped" : "base"
         };
       }), a = ce.value.flatMap((o, b) => {
-        const x = It(o, b) - e, E = $r.value[x], j = Xn(o, _r(o, b));
+        const x = It(o, b) - e, E = Wr.value[x], j = Yn(o, Rr(o, b));
         return !E || !j ? [] : [{
           rowIndex: x,
           top: E.top,
@@ -7905,16 +7905,16 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
       ];
     });
     function ko() {
-      return Yn.value ?? [];
+      return Zn.value ?? [];
     }
-    const Co = l(() => Yn.value.map((e) => `${e.kind}:${e.top}:${e.height}`).join("|")), So = l(() => Gn.value.map((e) => `${e.kind}:${e.top}:${e.height}`).join("|")), _o = l(() => [
+    const Co = l(() => Zn.value.map((e) => `${e.kind}:${e.top}:${e.height}`).join("|")), So = l(() => Kn.value.map((e) => `${e.kind}:${e.top}:${e.height}`).join("|")), _o = l(() => [
       dt.value,
       ...(Xe.value ?? []).map(me)
     ].join("|")), Ro = l(() => [
       ct(),
       ...(de.value ?? []).map(me),
       ne()
-    ].join("|")), Mo = l(() => (ke.value ?? []).map(me).join("|")), Io = l(() => Kn.value ? ue.value.map((e) => `${e.key}:${yt(e)?.groupLabels?.join(">") ?? ""}`).join("|") : "none");
+    ].join("|")), Mo = l(() => (ke.value ?? []).map(me).join("|")), Io = l(() => Nn.value ? ue.value.map((e) => `${e.key}:${yt(e)?.groupLabels?.join(">") ?? ""}`).join("|") : "none");
     je(
       () => [
         Ce.value,
@@ -7925,13 +7925,13 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
         Io.value
       ].join("|"),
       () => {
-        Or(), Pr();
+        $r(), Lr();
       }
     ), je(
       () => W.chromeSignature,
       () => {
-        Zr(() => {
-          Or(), Pr();
+        Jr(() => {
+          $r(), Lr();
         });
       }
     ), je(
@@ -7942,10 +7942,10 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
         So.value
       ].join("|"),
       () => {
-        Pr();
+        Lr();
       }
     );
-    function Zn(e) {
+    function Jn(e) {
       if (ce.value.length !== e.length)
         return e;
       const t = f.value;
@@ -7978,18 +7978,18 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
         startColumnIndex: a,
         endColumnIndex: o
       };
-    }), Ia = l(() => {
+    }), Ta = l(() => {
       let e = null, t = null, a = null, o = null;
       for (let b = 0; b < ce.value.length; b += 1)
         for (let x = 0; x < ue.value.length; x += 1)
-          ir(b, x) && (e ??= b, t = b, a = a == null ? x : Math.min(a, x), o = o == null ? x : Math.max(o, x));
+          or(b, x) && (e ??= b, t = b, a = a == null ? x : Math.min(a, x), o = o == null ? x : Math.max(o, x));
       return e == null || t == null || a == null || o == null ? null : {
         startRowOffset: e,
         endRowOffset: t,
         startColumnIndex: a,
         endColumnIndex: o
       };
-    }), Jn = l(() => {
+    }), Jt = l(() => {
       const e = ae.value;
       if (e.length !== 1)
         return !1;
@@ -8001,7 +8001,7 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
     }
     function Eo(e, t, a) {
       return {
-        ...h.value.rowStyle(e, _r(e, t)),
+        ...h.value.rowStyle(e, Rr(e, t)),
         width: `${a}px`,
         minWidth: `${a}px`,
         maxWidth: `${a}px`
@@ -8035,7 +8035,7 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
         endColumnIndex: x
       };
     }
-    function Za(e) {
+    function Ja(e) {
       if (!e || ue.value.length === 0)
         return null;
       const t = 0, a = ue.value.length - 1, o = Math.max(e.startColumn, t), b = Math.min(e.endColumn, a);
@@ -8049,10 +8049,10 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
         endColumnIndex: b
       };
     }
-    function da(e) {
+    function sa(e) {
       return Lo(e, Ie.value);
     }
-    function sa(e, t = $r.value) {
+    function ua(e, t = Wr.value) {
       if (!e)
         return null;
       const a = t[e.startRowOffset], o = t[e.endRowOffset];
@@ -8070,7 +8070,7 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
         endColumnIndex: Math.max(e.endColumnIndex, t.endColumnIndex)
       } : e : t;
     }
-    function Ja(e, t, a, o, b, x) {
+    function Qa(e, t, a, o, b, x) {
       const E = Math.max(0, x?.topBleed ?? 1), j = Math.max(0, x?.bottomBleed ?? 1), ie = x?.omitLeftBorder ? 0 : Math.max(0, x?.leftBleed ?? 1), Be = x?.omitRightBorder ? 0 : Math.max(0, x?.rightBleed ?? 1);
       return {
         key: e,
@@ -8118,7 +8118,7 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
         }
       };
     }
-    function Tr(e, t, a, o, b = Math.max(0, at.value)) {
+    function Dr(e, t, a, o, b = Math.max(0, at.value)) {
       if (!e)
         return [];
       if (o?.hideSingleCell === !0 && e.startRowOffset === e.endRowOffset && e.startColumnIndex === e.endColumnIndex)
@@ -8126,8 +8126,8 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
       const E = e.top <= 0 ? 0 : 1, j = b > 0 && e.top + e.height >= b ? 0 : 1;
       if (t === "left") {
         const Ne = Xe.value.filter((Et) => {
-          const dr = Tt(Et.key);
-          return dr >= e.startColumnIndex && dr <= e.endColumnIndex;
+          const sr = Tt(Et.key);
+          return sr >= e.startColumnIndex && sr <= e.endColumnIndex;
         });
         if (Ne.length === 0)
           return [];
@@ -8181,33 +8181,33 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
         return [];
       const E = e.top <= 0 ? 0 : 1, j = b > 0 && e.top + e.height >= b ? 0 : 1;
       if (t === "left") {
-        const fe = Xe.value.filter((Br) => {
-          const sr = Tt(Br.key);
-          return sr >= e.startColumnIndex && sr <= e.endColumnIndex;
+        const fe = Xe.value.filter((Fr) => {
+          const ur = Tt(Fr.key);
+          return ur >= e.startColumnIndex && ur <= e.endColumnIndex;
         });
         if (fe.length === 0)
           return [];
         let ut = dt.value;
-        for (const Br of Xe.value) {
-          if (Br.key === fe[0]?.key)
+        for (const Fr of Xe.value) {
+          if (Fr.key === fe[0]?.key)
             break;
-          ut += me(Br);
+          ut += me(Fr);
         }
-        const Kr = fe.reduce((Br, sr) => Br + me(sr), 0), Yr = Tt(fe[fe.length - 1]?.key ?? ""), Aa = Ce.value, Pa = ut <= 0 ? 0 : 1, Qa = Aa > 0 && ut + Kr >= Aa ? 0 : 1;
+        const Nr = fe.reduce((Fr, ur) => Fr + me(ur), 0), Zr = Tt(fe[fe.length - 1]?.key ?? ""), Pa = Ce.value, La = ut <= 0 ? 0 : 1, en = Pa > 0 && ut + Nr >= Pa ? 0 : 1;
         return [
-          Ja(
+          Qa(
             `${a}-left-${e.startRowOffset}-${e.endRowOffset}`,
             e.top,
             ut,
-            Kr,
+            Nr,
             e.height,
             {
               hideBorder: x,
-              omitRightBorder: e.endColumnIndex > Yr,
+              omitRightBorder: e.endColumnIndex > Zr,
               topBleed: E,
               bottomBleed: j,
-              leftBleed: Pa,
-              rightBleed: Qa,
+              leftBleed: La,
+              rightBleed: en,
               borderColor: o?.borderColor,
               backgroundColor: o?.backgroundColor,
               borderStyle: o?.borderStyle,
@@ -8217,37 +8217,37 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
         ];
       }
       if (t === "center") {
-        const fe = de.value.filter((sr) => {
-          const La = Tt(sr.key);
-          return La >= e.startColumnIndex && La <= e.endColumnIndex;
+        const fe = de.value.filter((ur) => {
+          const Ba = Tt(ur.key);
+          return Ba >= e.startColumnIndex && Ba <= e.endColumnIndex;
         });
         if (fe.length === 0)
           return [];
         let ut = ct();
-        for (const sr of de.value) {
-          if (sr.key === fe[0]?.key)
+        for (const ur of de.value) {
+          if (ur.key === fe[0]?.key)
             break;
-          ut += me(sr);
+          ut += me(ur);
         }
-        const Kr = fe.reduce((sr, La) => sr + me(La), 0), Yr = Tt(fe[0]?.key ?? ""), Aa = Tt(fe[fe.length - 1]?.key ?? ""), Pa = Math.max(
+        const Nr = fe.reduce((ur, Ba) => ur + me(Ba), 0), Zr = Tt(fe[0]?.key ?? ""), Pa = Tt(fe[fe.length - 1]?.key ?? ""), La = Math.max(
           0,
           Ae(O.value.gridContentStyle.width ?? O.value.gridContentStyle.minWidth, 0)
-        ), Qa = ut <= 0 ? 0 : 1, Br = Pa > 0 && ut + Kr >= Pa ? 0 : 1;
+        ), en = ut <= 0 ? 0 : 1, Fr = La > 0 && ut + Nr >= La ? 0 : 1;
         return [
-          Ja(
+          Qa(
             `${a}-center-${e.startRowOffset}-${e.endRowOffset}`,
             e.top,
             ut,
-            Kr,
+            Nr,
             e.height,
             {
               hideBorder: x,
-              omitLeftBorder: e.startColumnIndex < Yr,
-              omitRightBorder: e.endColumnIndex > Aa,
+              omitLeftBorder: e.startColumnIndex < Zr,
+              omitRightBorder: e.endColumnIndex > Pa,
               topBleed: E,
               bottomBleed: j,
-              leftBleed: Qa,
-              rightBleed: Br,
+              leftBleed: en,
+              rightBleed: Fr,
               borderColor: o?.borderColor,
               backgroundColor: o?.backgroundColor,
               borderStyle: o?.borderStyle,
@@ -8268,9 +8268,9 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
           break;
         Be += me(fe);
       }
-      const Ne = ie.reduce((fe, ut) => fe + me(ut), 0), Dt = Tt(ie[0]?.key ?? ""), Et = Pe.value, dr = Be <= 0 ? 0 : 1, At = Et > 0 && Be + Ne >= Et ? 0 : 1;
+      const Ne = ie.reduce((fe, ut) => fe + me(ut), 0), Dt = Tt(ie[0]?.key ?? ""), Et = Pe.value, sr = Be <= 0 ? 0 : 1, At = Et > 0 && Be + Ne >= Et ? 0 : 1;
       return [
-        Ja(
+        Qa(
           `${a}-right-${e.startRowOffset}-${e.endRowOffset}`,
           e.top,
           Be,
@@ -8281,7 +8281,7 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
             omitLeftBorder: e.startColumnIndex < Dt,
             topBleed: E,
             bottomBleed: j,
-            leftBleed: dr,
+            leftBleed: sr,
             rightBleed: At,
             borderColor: o?.borderColor,
             backgroundColor: o?.backgroundColor,
@@ -8291,10 +8291,10 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
         )
       ];
     }
-    function Ta(e, t, a = $r.value) {
-      return e.map((o) => sa(t(o), a)).filter((o) => o != null);
+    function Da(e, t, a = Wr.value) {
+      return e.map((o) => ua(t(o), a)).filter((o) => o != null);
     }
-    function Gr(e, t, a, o, b = Math.max(0, at.value)) {
+    function Kr(e, t, a, o, b = Math.max(0, at.value)) {
       return e.length === 0 ? [] : e.flatMap((x, E) => Gt(
         x,
         t,
@@ -8303,8 +8303,8 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
         b
       ));
     }
-    function ua(e, t, a, o, b = Math.max(0, at.value)) {
-      return e.length === 0 ? [] : e.flatMap((x, E) => Tr(
+    function ca(e, t, a, o, b = Math.max(0, at.value)) {
+      return e.length === 0 ? [] : e.flatMap((x, E) => Dr(
         x,
         t,
         e.length === 1 ? a : `${a}-${E}`,
@@ -8313,8 +8313,8 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
       ));
     }
     const Bo = l(() => W.customOverlays ?? []);
-    function Xr(e, t, a, o = Math.max(0, at.value)) {
-      const b = Gr(
+    function Yr(e, t, a, o = Math.max(0, at.value)) {
+      const b = Kr(
         a,
         t,
         e.key,
@@ -8334,8 +8334,8 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
         segments: b
       };
     }
-    function Da(e, t, a, o = Math.max(0, at.value)) {
-      const b = ua(
+    function Ea(e, t, a, o = Math.max(0, at.value)) {
+      const b = ca(
         a,
         t,
         e.key,
@@ -8355,247 +8355,247 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
         segments: b
       };
     }
-    const xr = l(() => Bo.value.map((e) => ({
+    const wr = l(() => Bo.value.map((e) => ({
       overlay: e,
-      body: Ta(e.ranges, Za),
-      pinnedBottom: Ta(
+      body: Da(e.ranges, Ja),
+      pinnedBottom: Da(
         e.ranges,
-        da,
-        Wr.value
+        sa,
+        Gr.value
       )
-    }))), Fo = l(() => xr.value.map(({ overlay: e, body: t }) => Xr(e, "left", t)).filter((e) => e != null)), zo = l(() => xr.value.map(({ overlay: e, body: t }) => Xr(e, "center", t)).filter((e) => e != null)), Vo = l(() => xr.value.map(({ overlay: e, body: t }) => Xr(e, "right", t)).filter((e) => e != null)), Ho = l(() => xr.value.map(({ overlay: e, body: t }) => Da(e, "left", t)).filter((e) => e != null)), Oo = l(() => xr.value.map(({ overlay: e, body: t }) => Da(e, "right", t)).filter((e) => e != null)), $o = l(() => xr.value.map(({ overlay: e, pinnedBottom: t }) => Xr(
+    }))), Fo = l(() => wr.value.map(({ overlay: e, body: t }) => Yr(e, "left", t)).filter((e) => e != null)), zo = l(() => wr.value.map(({ overlay: e, body: t }) => Yr(e, "center", t)).filter((e) => e != null)), Vo = l(() => wr.value.map(({ overlay: e, body: t }) => Yr(e, "right", t)).filter((e) => e != null)), Ho = l(() => wr.value.map(({ overlay: e, body: t }) => Ea(e, "left", t)).filter((e) => e != null)), Oo = l(() => wr.value.map(({ overlay: e, body: t }) => Ea(e, "right", t)).filter((e) => e != null)), $o = l(() => wr.value.map(({ overlay: e, pinnedBottom: t }) => Yr(
       e,
       "left",
       t,
       L.value?.clientHeight ?? 0
-    )).filter((e) => e != null)), Wo = l(() => xr.value.map(({ overlay: e, pinnedBottom: t }) => Xr(
+    )).filter((e) => e != null)), Wo = l(() => wr.value.map(({ overlay: e, pinnedBottom: t }) => Yr(
       e,
       "center",
       t,
       L.value?.clientHeight ?? 0
-    )).filter((e) => e != null)), Go = l(() => xr.value.map(({ overlay: e, pinnedBottom: t }) => Xr(
+    )).filter((e) => e != null)), Go = l(() => wr.value.map(({ overlay: e, pinnedBottom: t }) => Yr(
       e,
       "right",
       t,
       L.value?.clientHeight ?? 0
-    )).filter((e) => e != null)), Ko = l(() => xr.value.map(({ overlay: e, pinnedBottom: t }) => Da(
+    )).filter((e) => e != null)), Ko = l(() => wr.value.map(({ overlay: e, pinnedBottom: t }) => Ea(
       e,
       "left",
       t,
       L.value?.clientHeight ?? 0
-    )).filter((e) => e != null)), No = l(() => xr.value.map(({ overlay: e, pinnedBottom: t }) => Da(
+    )).filter((e) => e != null)), No = l(() => wr.value.map(({ overlay: e, pinnedBottom: t }) => Ea(
       e,
       "right",
       t,
       L.value?.clientHeight ?? 0
-    )).filter((e) => e != null)), ti = l(() => !te.value.isRangeMoving || !te.value.rangeMovePreviewRange || Po(te.value.rangeMovePreviewRange, J.value) ? null : te.value.rangeMovePreviewRange), jo = l(() => Ia.value ? Qn(Do.value, Ia.value) : null), ca = l(() => Ia.value ? [] : Ta(ae.value, Za)), ga = l(() => sa(jo.value)), va = l(() => sa(Za(ti.value))), pa = l(() => Ia.value ? [] : Ta(
+    )).filter((e) => e != null)), ti = l(() => !te.value.isRangeMoving || !te.value.rangeMovePreviewRange || Po(te.value.rangeMovePreviewRange, J.value) ? null : te.value.rangeMovePreviewRange), jo = l(() => Ta.value ? Qn(Do.value, Ta.value) : null), ga = l(() => Ta.value ? [] : Da(ae.value, Ja)), va = l(() => ua(jo.value)), pa = l(() => ua(Ja(ti.value))), ma = l(() => Ta.value ? [] : Da(
       ae.value,
-      da,
-      Wr.value
-    )), ma = l(() => sa(
+      sa,
+      Gr.value
+    )), fa = l(() => ua(
       Qn(
-        da(J.value),
-        da(te.value.fillPreviewRange)
+        sa(J.value),
+        sa(te.value.fillPreviewRange)
       ),
-      Wr.value
-    )), fa = l(() => sa(
-      da(ti.value),
-      Wr.value
-    )), qo = l(() => Gr(
-      ca.value,
+      Gr.value
+    )), ha = l(() => ua(
+      sa(ti.value),
+      Gr.value
+    )), qo = l(() => Kr(
+      ga.value,
       "left",
       "selection",
       {
         borderColor: "var(--datagrid-selection-overlay-border)",
-        hideSingleCell: !0
+        hideSingleCell: Jt.value
       }
-    )), Uo = l(() => ua(
-      ca.value,
+    )), Uo = l(() => ca(
+      ga.value,
       "left",
       "selection",
       {
         borderColor: "var(--datagrid-selection-overlay-border)",
-        hideSingleCell: !0
+        hideSingleCell: Jt.value
       }
-    )), Xo = l(() => Gr(
-      ca.value,
+    )), Xo = l(() => Kr(
+      ga.value,
       "center",
       "selection",
       {
         borderColor: "var(--datagrid-selection-overlay-border)",
-        hideSingleCell: !0
+        hideSingleCell: Jt.value
       }
-    )), Yo = l(() => Gr(
-      ca.value,
+    )), Yo = l(() => Kr(
+      ga.value,
       "right",
       "selection",
       {
         borderColor: "var(--datagrid-selection-overlay-border)",
-        hideSingleCell: !0
+        hideSingleCell: Jt.value
       }
-    )), Zo = l(() => ua(
-      ca.value,
+    )), Zo = l(() => ca(
+      ga.value,
       "right",
       "selection",
       {
         borderColor: "var(--datagrid-selection-overlay-border)",
-        hideSingleCell: !0
+        hideSingleCell: Jt.value
       }
-    )), Jo = l(() => Gr(
-      pa.value,
+    )), Jo = l(() => Kr(
+      ma.value,
       "left",
       "selection",
       {
         borderColor: "var(--datagrid-selection-overlay-border)",
-        hideSingleCell: !0
+        hideSingleCell: Jt.value
       },
       L.value?.clientHeight ?? 0
-    )), Qo = l(() => ua(
-      pa.value,
+    )), Qo = l(() => ca(
+      ma.value,
       "left",
       "selection",
       {
         borderColor: "var(--datagrid-selection-overlay-border)",
-        hideSingleCell: !0
+        hideSingleCell: Jt.value
       },
       L.value?.clientHeight ?? 0
-    )), el = l(() => Gr(
-      pa.value,
+    )), el = l(() => Kr(
+      ma.value,
       "center",
       "selection",
       {
         borderColor: "var(--datagrid-selection-overlay-border)",
-        hideSingleCell: !0
+        hideSingleCell: Jt.value
       },
       L.value?.clientHeight ?? 0
-    )), tl = l(() => Gr(
-      pa.value,
+    )), tl = l(() => Kr(
+      ma.value,
       "right",
       "selection",
       {
         borderColor: "var(--datagrid-selection-overlay-border)",
-        hideSingleCell: !0
+        hideSingleCell: Jt.value
       },
       L.value?.clientHeight ?? 0
-    )), rl = l(() => ua(
-      pa.value,
+    )), rl = l(() => ca(
+      ma.value,
       "right",
       "selection",
       {
         borderColor: "var(--datagrid-selection-overlay-border)",
-        hideSingleCell: !0
+        hideSingleCell: Jt.value
       },
       L.value?.clientHeight ?? 0
-    )), al = l(() => Gt(ga.value, "left", "fill-preview", {
+    )), al = l(() => Gt(va.value, "left", "fill-preview", {
       borderColor: "var(--datagrid-selection-overlay-fill-border)",
       backgroundColor: "var(--datagrid-selection-overlay-fill-bg)"
-    })), nl = l(() => Tr(ga.value, "left", "fill-preview", {
+    })), nl = l(() => Dr(va.value, "left", "fill-preview", {
       borderColor: "var(--datagrid-selection-overlay-fill-border)",
       backgroundColor: "var(--datagrid-selection-overlay-fill-bg)"
-    })), il = l(() => Gt(ga.value, "center", "fill-preview", {
+    })), il = l(() => Gt(va.value, "center", "fill-preview", {
       borderColor: "var(--datagrid-selection-overlay-fill-border)",
       backgroundColor: "var(--datagrid-selection-overlay-fill-bg)"
-    })), ol = l(() => Gt(ga.value, "right", "fill-preview", {
+    })), ol = l(() => Gt(va.value, "right", "fill-preview", {
       borderColor: "var(--datagrid-selection-overlay-fill-border)",
       backgroundColor: "var(--datagrid-selection-overlay-fill-bg)"
-    })), ll = l(() => Tr(ga.value, "right", "fill-preview", {
+    })), ll = l(() => Dr(va.value, "right", "fill-preview", {
       borderColor: "var(--datagrid-selection-overlay-fill-border)",
       backgroundColor: "var(--datagrid-selection-overlay-fill-bg)"
-    })), dl = l(() => Gt(ma.value, "left", "fill-preview", {
+    })), dl = l(() => Gt(fa.value, "left", "fill-preview", {
       borderColor: "var(--datagrid-selection-overlay-fill-border)",
       backgroundColor: "var(--datagrid-selection-overlay-fill-bg)"
-    }, L.value?.clientHeight ?? 0)), sl = l(() => Tr(ma.value, "left", "fill-preview", {
+    }, L.value?.clientHeight ?? 0)), sl = l(() => Dr(fa.value, "left", "fill-preview", {
       borderColor: "var(--datagrid-selection-overlay-fill-border)",
       backgroundColor: "var(--datagrid-selection-overlay-fill-bg)"
-    }, L.value?.clientHeight ?? 0)), ul = l(() => Gt(ma.value, "center", "fill-preview", {
+    }, L.value?.clientHeight ?? 0)), ul = l(() => Gt(fa.value, "center", "fill-preview", {
       borderColor: "var(--datagrid-selection-overlay-fill-border)",
       backgroundColor: "var(--datagrid-selection-overlay-fill-bg)"
-    }, L.value?.clientHeight ?? 0)), cl = l(() => Gt(ma.value, "right", "fill-preview", {
+    }, L.value?.clientHeight ?? 0)), cl = l(() => Gt(fa.value, "right", "fill-preview", {
       borderColor: "var(--datagrid-selection-overlay-fill-border)",
       backgroundColor: "var(--datagrid-selection-overlay-fill-bg)"
-    }, L.value?.clientHeight ?? 0)), gl = l(() => Tr(ma.value, "right", "fill-preview", {
+    }, L.value?.clientHeight ?? 0)), gl = l(() => Dr(fa.value, "right", "fill-preview", {
       borderColor: "var(--datagrid-selection-overlay-fill-border)",
       backgroundColor: "var(--datagrid-selection-overlay-fill-bg)"
-    }, L.value?.clientHeight ?? 0)), vl = l(() => Gt(va.value, "left", "move-preview", {
+    }, L.value?.clientHeight ?? 0)), vl = l(() => Gt(pa.value, "left", "move-preview", {
       borderColor: "var(--datagrid-selection-overlay-move-border)",
       backgroundColor: "var(--datagrid-selection-overlay-move-bg)",
       borderStyle: "dashed"
-    })), pl = l(() => Tr(va.value, "left", "move-preview", {
+    })), pl = l(() => Dr(pa.value, "left", "move-preview", {
       borderColor: "var(--datagrid-selection-overlay-move-border)",
       backgroundColor: "var(--datagrid-selection-overlay-move-bg)",
       borderStyle: "dashed"
-    })), ml = l(() => Gt(va.value, "center", "move-preview", {
+    })), ml = l(() => Gt(pa.value, "center", "move-preview", {
       borderColor: "var(--datagrid-selection-overlay-move-border)",
       backgroundColor: "var(--datagrid-selection-overlay-move-bg)",
       borderStyle: "dashed"
-    })), fl = l(() => Gt(va.value, "right", "move-preview", {
+    })), fl = l(() => Gt(pa.value, "right", "move-preview", {
       borderColor: "var(--datagrid-selection-overlay-move-border)",
       backgroundColor: "var(--datagrid-selection-overlay-move-bg)",
       borderStyle: "dashed"
-    })), hl = l(() => Tr(va.value, "right", "move-preview", {
+    })), hl = l(() => Dr(pa.value, "right", "move-preview", {
       borderColor: "var(--datagrid-selection-overlay-move-border)",
       backgroundColor: "var(--datagrid-selection-overlay-move-bg)",
       borderStyle: "dashed"
-    })), bl = l(() => Gt(fa.value, "left", "move-preview", {
+    })), bl = l(() => Gt(ha.value, "left", "move-preview", {
       borderColor: "var(--datagrid-selection-overlay-move-border)",
       backgroundColor: "var(--datagrid-selection-overlay-move-bg)",
       borderStyle: "dashed"
-    }, L.value?.clientHeight ?? 0)), yl = l(() => Tr(fa.value, "left", "move-preview", {
+    }, L.value?.clientHeight ?? 0)), yl = l(() => Dr(ha.value, "left", "move-preview", {
       borderColor: "var(--datagrid-selection-overlay-move-border)",
       backgroundColor: "var(--datagrid-selection-overlay-move-bg)",
       borderStyle: "dashed"
-    }, L.value?.clientHeight ?? 0)), xl = l(() => Gt(fa.value, "center", "move-preview", {
+    }, L.value?.clientHeight ?? 0)), xl = l(() => Gt(ha.value, "center", "move-preview", {
       borderColor: "var(--datagrid-selection-overlay-move-border)",
       backgroundColor: "var(--datagrid-selection-overlay-move-bg)",
       borderStyle: "dashed"
-    }, L.value?.clientHeight ?? 0)), wl = l(() => Gt(fa.value, "right", "move-preview", {
+    }, L.value?.clientHeight ?? 0)), wl = l(() => Gt(ha.value, "right", "move-preview", {
       borderColor: "var(--datagrid-selection-overlay-move-border)",
       backgroundColor: "var(--datagrid-selection-overlay-move-bg)",
       borderStyle: "dashed"
-    }, L.value?.clientHeight ?? 0)), kl = l(() => Tr(fa.value, "right", "move-preview", {
+    }, L.value?.clientHeight ?? 0)), kl = l(() => Dr(ha.value, "right", "move-preview", {
       borderColor: "var(--datagrid-selection-overlay-move-border)",
       backgroundColor: "var(--datagrid-selection-overlay-move-bg)",
       borderStyle: "dashed"
-    }, L.value?.clientHeight ?? 0)), Ea = {
-      handleLinkedViewportWheel: qn,
+    }, L.value?.clientHeight ?? 0)), Aa = {
+      handleLinkedViewportWheel: Un,
       absoluteRowIndex: It,
-      viewportRowOffset: _r,
-      rowStateClasses: Ln,
+      viewportRowOffset: Rr,
+      rowStateClasses: Bn,
       paneRowStyle: Eo,
-      handleRowContainerClick: Pn,
-      setHoveredRow: wa,
+      handleRowContainerClick: Ln,
+      setHoveredRow: ka,
       isFullRowSelectionSafe: $i,
       get rowIndexColumnStyle() {
         return Ke.value;
       },
       rowIndexCellClasses: Pt,
-      rowIndexCellStyle: gr,
+      rowIndexCellStyle: vr,
       rowIndexTabIndex: Ge,
       isRowIndexDraggable: lt,
       handleRowIndexClickSafe: Hi,
       handleRowIndexKeydown: Oi,
-      handleRowIndexDragStart: rr,
-      handleRowIndexDragOver: vr,
+      handleRowIndexDragStart: ar,
+      handleRowIndexDragOver: pr,
       handleRowIndexDrop: ft,
       handleRowIndexDragEnd: ot,
       builtInCellClasses: Le,
       cellStateClasses: ai,
-      resolveCellCustomClass: tr,
+      resolveCellCustomClass: rr,
       columnStyle: Q,
       bodyCellPresentationStyle: it,
       bodyCellSelectionStyle: Kt,
       resolveCellCustomStyle: Lt,
       columnIndexByKey: Tt,
       cellTabIndex: Bt,
-      cellAriaRole: Ca,
-      cellAriaChecked: Rr,
-      cellAriaPressed: Sa,
-      cellAriaLabel: aa,
-      cellAriaDisabled: lr,
+      cellAriaRole: Sa,
+      cellAriaChecked: Mr,
+      cellAriaPressed: _a,
+      cellAriaLabel: na,
+      cellAriaDisabled: dr,
       handleCellMouseDown: re,
-      handleBodyCellClick: Fn,
-      handleCellMouseMove: Bn,
-      clearRangeMoveHandleHover: Er,
+      handleBodyCellClick: zn,
+      handleCellMouseMove: Fn,
+      clearRangeMoveHandleHover: Ar,
       handleCellKeydown: qe,
       startInlineEditIfAllowed: Je,
       isCellEditableSafe: Oe,
@@ -8603,55 +8603,55 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
       isEditingCellSafe: tt,
       handleFillHandleMouseDown: Ft,
       handleFillHandleDoubleClick: et,
-      isSelectEditorCell: _n,
-      resolveSelectEditorValue: Sn,
-      resolveSelectEditorOptions: xn,
-      resolveSelectEditorOptionsLoader: wn,
-      handleSelectEditorCommit: Tn,
-      handleSelectEditorCancel: Dn,
-      handleSelectEditorOptionsResolved: kn,
-      isDateEditorCell: Rn,
-      resolveDateEditorInputType: Mn,
-      handleDateEditorChange: En,
-      isTextEditorCell: In,
+      isSelectEditorCell: Rn,
+      resolveSelectEditorValue: _n,
+      resolveSelectEditorOptions: wn,
+      resolveSelectEditorOptionsLoader: kn,
+      handleSelectEditorCommit: Dn,
+      handleSelectEditorCancel: En,
+      handleSelectEditorOptionsResolved: Cn,
+      isDateEditorCell: Mn,
+      resolveDateEditorInputType: In,
+      handleDateEditorChange: An,
+      isTextEditorCell: Tn,
       updateEditingCellValue: K,
       handleEditorKeydown: U,
-      handleTextEditorBlur: An,
+      handleTextEditorBlur: Pn,
       shouldRenderCheckboxCell: Wt,
-      checkboxIndicatorClass: Mr,
-      checkboxIndicatorMarkClass: na,
-      readResolvedDisplayCell: Wa,
-      renderResolvedCellContent: Cn
+      checkboxIndicatorClass: Ir,
+      checkboxIndicatorMarkClass: ia,
+      readResolvedDisplayCell: Ga,
+      renderResolvedCellContent: Sn
     }, ri = {
       handleCenterViewportScroll: go,
-      handleBodyViewportWheel: Un,
+      handleBodyViewportWheel: Xn,
       absoluteRowIndex: It,
-      viewportRowOffset: _r,
+      viewportRowOffset: Rr,
       handleViewportKeydown(e) {
         I.value.handleViewportKeydown(e);
       },
-      rowStateClasses: Ln,
-      handleRowContainerClick: Pn,
-      setHoveredRow: wa,
+      rowStateClasses: Bn,
+      handleRowContainerClick: Ln,
+      setHoveredRow: ka,
       spacerStyle: Ao,
       builtInCellClasses: Le,
       cellStateClasses: ai,
-      resolveCellCustomClass: tr,
+      resolveCellCustomClass: rr,
       columnStyle: Q,
       bodyCellPresentationStyle: it,
       bodyCellSelectionStyle: Kt,
       resolveCellCustomStyle: Lt,
       columnIndexByKey: Tt,
       cellTabIndex: Bt,
-      cellAriaRole: Ca,
-      cellAriaChecked: Rr,
-      cellAriaPressed: Sa,
-      cellAriaLabel: aa,
-      cellAriaDisabled: lr,
+      cellAriaRole: Sa,
+      cellAriaChecked: Mr,
+      cellAriaPressed: _a,
+      cellAriaLabel: na,
+      cellAriaDisabled: dr,
       handleCellMouseDown: re,
-      handleBodyCellClick: Fn,
-      handleCellMouseMove: Bn,
-      clearRangeMoveHandleHover: Er,
+      handleBodyCellClick: zn,
+      handleCellMouseMove: Fn,
+      clearRangeMoveHandleHover: Ar,
       handleCellKeydown: qe,
       startInlineEditIfAllowed: Je,
       isCellEditableSafe: Oe,
@@ -8659,25 +8659,25 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
       isEditingCellSafe: tt,
       handleFillHandleMouseDown: Ft,
       handleFillHandleDoubleClick: et,
-      isSelectEditorCell: _n,
-      resolveSelectEditorValue: Sn,
-      resolveSelectEditorOptions: xn,
-      resolveSelectEditorOptionsLoader: wn,
-      handleSelectEditorCommit: Tn,
-      handleSelectEditorCancel: Dn,
-      handleSelectEditorOptionsResolved: kn,
-      isDateEditorCell: Rn,
-      resolveDateEditorInputType: Mn,
-      handleDateEditorChange: En,
-      isTextEditorCell: In,
+      isSelectEditorCell: Rn,
+      resolveSelectEditorValue: _n,
+      resolveSelectEditorOptions: wn,
+      resolveSelectEditorOptionsLoader: kn,
+      handleSelectEditorCommit: Dn,
+      handleSelectEditorCancel: En,
+      handleSelectEditorOptionsResolved: Cn,
+      isDateEditorCell: Mn,
+      resolveDateEditorInputType: In,
+      handleDateEditorChange: An,
+      isTextEditorCell: Tn,
       updateEditingCellValue: K,
       handleEditorKeydown: U,
-      handleTextEditorBlur: An,
+      handleTextEditorBlur: Pn,
       shouldRenderCheckboxCell: Wt,
-      checkboxIndicatorClass: Mr,
-      checkboxIndicatorMarkClass: na,
-      readResolvedDisplayCell: Wa,
-      renderResolvedCellContent: Cn
+      checkboxIndicatorClass: Ir,
+      checkboxIndicatorMarkClass: ia,
+      readResolvedDisplayCell: Ga,
+      renderResolvedCellContent: Sn
     }, Cl = l(() => ({
       side: "left",
       width: Ce.value,
@@ -8754,11 +8754,11 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
     function ai(e, t, a) {
       const o = ue.value[a]?.key ?? "", b = bt(t, a);
       return {
-        "grid-cell--selected": !b && mr(t, a),
+        "grid-cell--selected": !b && fr(t, a),
         "grid-cell--selection-anchor": b,
         "grid-cell--range-move-handle-hover": Ki(t, a),
-        "grid-cell--fill-preview": ir(t, a),
-        "grid-cell--clipboard-pending": fr(t, a),
+        "grid-cell--fill-preview": or(t, a),
+        "grid-cell--clipboard-pending": hr(t, a),
         "grid-cell--clipboard-pending-top": Ct(t, a, "top"),
         "grid-cell--clipboard-pending-right": Ct(t, a, "right"),
         "grid-cell--clipboard-pending-bottom": Ct(t, a, "bottom"),
@@ -8768,9 +8768,9 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
     }
     return k({
       getStageRootElement: () => d.value,
-      getHeaderElement: () => Ra(),
+      getHeaderElement: () => Ma(),
       getBodyViewportElement: () => f.value,
-      getVisibleRowMetrics: () => Zn($r.value)
+      getVisibleRowMetrics: () => Jn(Wr.value)
     }), (e, t) => (m(), w("section", {
       ref_key: "stageRootEl",
       ref: d,
@@ -8781,24 +8781,24 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
         "grid-stage--layout-auto-height": y(S) === "auto-height",
         "grid-stage--fill-dragging": $.value,
         "grid-stage--range-moving": st.value,
-        "grid-stage--single-cell-selection": Jn.value
+        "grid-stage--single-cell-selection": Jt.value
       }]),
       style: X(y(O).stageStyle)
     }, [
       nt(ru, {
-        "pane-layout-style": Cr.value,
+        "pane-layout-style": Sr.value,
         "left-pane-style": St.value,
         "right-pane-style": c.value,
         "left-track-style": mo.value,
         "right-track-style": fo.value,
         "row-index-column-style": Ke.value,
         "show-index-column": qt.value,
-        "on-linked-viewport-wheel": qn
+        "on-linked-viewport-wheel": Un
       }, {
         "center-chrome": Me(() => [
           F("canvas", {
             ref_key: "centerHeaderChromeCanvasEl",
-            ref: or,
+            ref: lr,
             class: "grid-chrome-canvas grid-chrome-canvas--header-center",
             style: X(s.value),
             "aria-hidden": "true"
@@ -8815,7 +8815,7 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
         "right-chrome": Me(() => [
           F("canvas", {
             ref_key: "rightHeaderChromeCanvasEl",
-            ref: Sr,
+            ref: _r,
             class: "grid-chrome-canvas",
             "aria-hidden": "true"
           }, null, 512)
@@ -8826,8 +8826,8 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
         ref_key: "bodyShellRef",
         ref: se,
         class: "grid-body-shell",
-        style: X([Cr.value, y(O).bodyShellStyle]),
-        onMouseleave: xa
+        style: X([Sr.value, y(O).bodyShellStyle]),
+        onMouseleave: wa
       }, [
         F("canvas", {
           ref_key: "centerChromeCanvasEl",
@@ -8836,15 +8836,15 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
           style: X(n.value),
           "aria-hidden": "true"
         }, null, 4),
-        nt(Fa, {
+        nt(za, {
           pane: Cl.value,
-          "render-api": Ea,
+          "render-api": Aa,
           "handle-context-menu": r.onViewportContextMenu
         }, {
           chrome: Me(() => [
             F("canvas", {
               ref_key: "leftChromeCanvasEl",
-              ref: Vr,
+              ref: Hr,
               class: "grid-chrome-canvas",
               "aria-hidden": "true"
             }, null, 512)
@@ -8868,9 +8868,9 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
           "overlay-lanes": zo.value,
           "render-api": ri
         }, null, 8, ["display-rows", "runtime-revision", "body-rows-revision", "top-spacer-height", "bottom-spacer-height", "report-center-pane-diagnostics", "report-fill-plumbing-state", "report-fill-plumbing-detail", "handle-context-menu", "selection-overlay-segments", "fill-preview-overlay-segments", "move-preview-overlay-segments", "overlay-lanes"]),
-        nt(Fa, {
+        nt(za, {
           pane: Sl.value,
-          "render-api": Ea,
+          "render-api": Aa,
           "handle-context-menu": r.onViewportContextMenu
         }, {
           chrome: Me(() => [
@@ -8885,16 +8885,16 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
         }, 8, ["pane", "handle-context-menu"]),
         nt(gu, {
           "is-open": He.value,
-          style: X(jn.value),
-          onToggle: nr,
+          style: X(qn.value),
+          onToggle: ir,
           onSelected: zt
         }, null, 8, ["is-open", "style"])
       ], 36),
       y(h).pinnedBottomRows.length > 0 ? (m(), w("div", {
         key: 0,
         class: "grid-body-shell grid-body-shell--pinned-bottom",
-        style: X(Cr.value),
-        onMouseleave: xa
+        style: X(Sr.value),
+        onMouseleave: wa
       }, [
         F("canvas", {
           ref_key: "centerBottomChromeCanvasEl",
@@ -8903,9 +8903,9 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
           style: X(C.value),
           "aria-hidden": "true"
         }, null, 4),
-        nt(Fa, {
+        nt(za, {
           pane: _l.value,
-          "render-api": Ea,
+          "render-api": Aa,
           "handle-context-menu": r.onViewportContextMenu
         }, {
           chrome: Me(() => [
@@ -8928,7 +8928,7 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
           "report-fill-plumbing-state": W.reportFillPlumbingState,
           "report-fill-plumbing-detail": W.reportFillPlumbingDetail,
           "handle-scroll": vo,
-          "handle-wheel": Un,
+          "handle-wheel": Xn,
           "handle-keydown": po,
           "handle-context-menu": r.onViewportContextMenu,
           "selection-overlay-segments": el.value,
@@ -8937,9 +8937,9 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
           "overlay-lanes": Wo.value,
           "render-api": ri
         }, null, 8, ["display-rows", "runtime-revision", "body-rows-revision", "report-center-pane-diagnostics", "report-fill-plumbing-state", "report-fill-plumbing-detail", "handle-context-menu", "selection-overlay-segments", "fill-preview-overlay-segments", "move-preview-overlay-segments", "overlay-lanes"]),
-        nt(Fa, {
+        nt(za, {
           pane: Rl.value,
-          "render-api": Ea,
+          "render-api": Aa,
           "handle-context-menu": r.onViewportContextMenu
         }, {
           chrome: Me(() => [
@@ -8955,17 +8955,17 @@ const Tu = "dgPerfTrace", Du = "affino-datagrid-perf-trace", on = "__AFFINO_DATA
       ], 36)) : q("", !0)
     ], 6));
   }
-}), ha = 0.5, Lu = 1.25;
+}), ba = 0.5, Lu = 1.25;
 function Bu(r) {
   const k = Math.abs(r.deltaX), u = Math.abs(r.deltaY);
   if (r.shiftKey) {
-    const z = k > ha ? r.deltaX : r.deltaY;
-    return Math.abs(z) > ha ? { horizontalDelta: z, verticalDelta: 0 } : { horizontalDelta: 0, verticalDelta: 0 };
+    const z = k > ba ? r.deltaX : r.deltaY;
+    return Math.abs(z) > ba ? { horizontalDelta: z, verticalDelta: 0 } : { horizontalDelta: 0, verticalDelta: 0 };
   }
-  return k <= ha && u <= ha ? {
+  return k <= ba && u <= ba ? {
     horizontalDelta: 0,
     verticalDelta: 0
-  } : k > ha && k > u * Lu ? {
+  } : k > ba && k > u * Lu ? {
     horizontalDelta: r.deltaX,
     verticalDelta: 0
   } : {
@@ -8973,18 +8973,18 @@ function Bu(r) {
     verticalDelta: r.deltaY
   };
 }
-const Fu = 12, pn = 280, mn = 240;
-function dn(r, k) {
+const Fu = 12, mn = 280, fn = 240;
+function sn(r, k) {
   return Number.isFinite(r) ? Math.max(1, Math.round(Number(r))) : k;
 }
 function Fi(r) {
-  const k = dn(
+  const k = sn(
     r.minTableWidth,
-    pn
-  ), u = dn(
-    r.minTimelineWidth,
     mn
-  ), z = dn(r.requestedWidth, k), M = Number.isFinite(r.stageWidth) ? Math.max(0, Number(r.stageWidth)) : 0, V = Number.isFinite(r.maxTableWidth) ? Math.max(k, Math.round(Number(r.maxTableWidth))) : Number.POSITIVE_INFINITY, H = M > 0 ? Math.max(k, M - u) : Number.POSITIVE_INFINITY;
+  ), u = sn(
+    r.minTimelineWidth,
+    fn
+  ), z = sn(r.requestedWidth, k), M = Number.isFinite(r.stageWidth) ? Math.max(0, Number(r.stageWidth)) : 0, V = Number.isFinite(r.maxTableWidth) ? Math.max(k, Math.round(Number(r.maxTableWidth))) : Number.POSITIVE_INFINITY, H = M > 0 ? Math.max(k, M - u) : Number.POSITIVE_INFINITY;
   return Math.min(
     Math.max(z, k),
     Math.min(V, H)
@@ -9017,7 +9017,7 @@ function Hu(r, k, u) {
   return W.length > 0 ? W : null;
 }
 const Ou = 6;
-function ba(r) {
+function ya(r) {
   return [
     r.dependencyTaskId,
     r.dependencyType,
@@ -9050,7 +9050,7 @@ function mi(r, k, u = Ou) {
 const Wu = { class: "datagrid-gantt-stage__timeline" }, Gu = { class: "datagrid-gantt-stage__timeline-body" }, Ku = {
   key: 0,
   class: "datagrid-gantt-stage__empty"
-}, fi = 48, hi = 240, Va = 40, bi = 24, Nu = /* @__PURE__ */ Qt({
+}, fi = 48, hi = 240, Ha = 40, bi = 24, Nu = /* @__PURE__ */ er({
   __name: "DataGridGanttStage",
   props: {
     stageContext: {},
@@ -9104,10 +9104,10 @@ const Wu = { class: "datagrid-gantt-stage__timeline" }, Gu = { class: "datagrid-
       const Y = Math.max(1, B / 2);
       i.beginPath(), i.moveTo(p, _ - Y), i.lineTo(p + Y, _), i.lineTo(p, _ + Y), i.lineTo(p - Y, _), i.closePath();
     }
-    function er(i, p, _, B, Y) {
+    function tr(i, p, _, B, Y) {
       Math.abs(_ - p) < 2 || (i.save(), i.strokeStyle = Y, i.lineWidth = 1.5, i.lineCap = "round", i.beginPath(), i.moveTo(p, B), i.lineTo(_, B), i.moveTo(p, B - 3), i.lineTo(p, B + 3), i.moveTo(_, B - 3), i.lineTo(_, B + 3), i.stroke(), i.restore());
     }
-    function wr(i, p, _, B, Y) {
+    function kr(i, p, _, B, Y) {
       const g = p[0];
       if (!g || p.length < 2)
         return;
@@ -9172,7 +9172,7 @@ const Wu = { class: "datagrid-gantt-stage__timeline" }, Gu = { class: "datagrid-
         me(S.value)
       );
     }
-    function gr(i) {
+    function vr(i) {
       if (!i)
         return;
       const p = Math.max(0, i.clientWidth);
@@ -9181,13 +9181,13 @@ const Wu = { class: "datagrid-gantt-stage__timeline" }, Gu = { class: "datagrid-
     function ye(i = "both") {
       Q = Q || i !== "body", K = K || i !== "header", !(P.value != null || typeof window > "u") && (P.value = window.requestAnimationFrame(() => {
         const p = Q, _ = K;
-        P.value = null, Q = !1, K = !1, p && hr(), _ && qt();
+        P.value = null, Q = !1, K = !1, p && br(), _ && qt();
       }));
     }
     function Pt() {
       P.value == null || typeof window > "u" || (window.cancelAnimationFrame(P.value), P.value = null, Q = !1, K = !1);
     }
-    function tr(i) {
+    function rr(i) {
       return u.runtime.api.view.getRowHeightOverride(i) ?? u.baseRowHeight;
     }
     const Lt = l(() => u.runtime.api.view.getRowHeightVersion()), Je = l(() => {
@@ -9195,7 +9195,7 @@ const Wu = { class: "datagrid-gantt-stage__timeline" }, Gu = { class: "datagrid-
         const i = [];
         let p = H.value.topSpacerHeight;
         for (let _ = 0; _ < V.value.displayRows.length; _ += 1) {
-          const B = H.value.viewportRowStart + _, Y = Math.max(1, tr(B));
+          const B = H.value.viewportRowStart + _, Y = Math.max(1, rr(B));
           i.push({
             top: p,
             height: Y
@@ -9218,7 +9218,7 @@ const Wu = { class: "datagrid-gantt-stage__timeline" }, Gu = { class: "datagrid-
         V.value.displayRows.length * u.baseRowHeight
       ),
       baseRowHeight: u.baseRowHeight,
-      resolveRowHeight: tr,
+      resolveRowHeight: rr,
       timeline: le.value,
       options: u.gantt,
       criticalTaskIds: Bt.value
@@ -9234,7 +9234,7 @@ const Wu = { class: "datagrid-gantt-stage__timeline" }, Gu = { class: "datagrid-
       return !i || !u.gantt ? [] : Yl({
         bars: Ge.value,
         resolveFrame: (p) => {
-          const _ = tt(p), B = tn(
+          const _ = tt(p), B = rn(
             _,
             i,
             u.gantt?.minBarWidth ?? 6,
@@ -9248,13 +9248,13 @@ const Wu = { class: "datagrid-gantt-stage__timeline" }, Gu = { class: "datagrid-
           };
         }
       });
-    }), mt = l(() => ae.value ? lt.value.find((i) => ba(i) === ae.value) ?? null : null), rr = l(() => {
+    }), mt = l(() => ae.value ? lt.value.find((i) => ya(i) === ae.value) ?? null : null), ar = l(() => {
       const i = mt.value;
       return i ? /* @__PURE__ */ new Set([
         i.sourceBar.rowId,
         i.targetBar.rowId
       ]) : /* @__PURE__ */ new Set();
-    }), vr = l(() => {
+    }), pr = l(() => {
       const i = G.value.selectionRange, p = W.value.visibleColumns.length;
       if (!i || p <= 0)
         return null;
@@ -9264,7 +9264,7 @@ const Wu = { class: "datagrid-gantt-stage__timeline" }, Gu = { class: "datagrid-
         endRow: Math.max(i.startRow, i.endRow)
       };
     }), ft = l(() => {
-      const i = /* @__PURE__ */ new Set(), p = vr.value;
+      const i = /* @__PURE__ */ new Set(), p = pr.value;
       return V.value.displayRows.forEach((_, B) => {
         if (_.rowId == null)
           return;
@@ -9323,7 +9323,7 @@ const Wu = { class: "datagrid-gantt-stage__timeline" }, Gu = { class: "datagrid-
         }
       }), u.runtime.api.rowSelection.hasSupport() && u.runtime.api.rowSelection.setFocusedRow(p.rowId));
     }
-    const pr = l(() => {
+    const mr = l(() => {
       if (!u.gantt)
         return "off";
       const i = [
@@ -9374,11 +9374,11 @@ const Wu = { class: "datagrid-gantt-stage__timeline" }, Gu = { class: "datagrid-
       i.baselineStartMs ?? "",
       i.baselineEndMs ?? "",
       i.dependencyRefs.map((p) => `${p.taskId}:${p.type}`).join(",")
-    ].join(":")).join("|")), ar = l(() => ot.value.join("|")), nr = N(u.gantt?.paneWidth ?? 520), zt = l(() => Fi({
-      requestedWidth: nr.value,
+    ].join(":")).join("|")), nr = l(() => ot.value.join("|")), ir = N(u.gantt?.paneWidth ?? 520), zt = l(() => Fi({
+      requestedWidth: ir.value,
       stageWidth: We.value,
-      minTableWidth: pn,
-      minTimelineWidth: mn
+      minTableWidth: mn,
+      minTimelineWidth: fn
     })), Nt = l(() => ({
       width: `${zt.value}px`,
       minWidth: `${zt.value}px`,
@@ -9388,17 +9388,17 @@ const Wu = { class: "datagrid-gantt-stage__timeline" }, Gu = { class: "datagrid-
       width: `${Fu}px`
     })), bt = l(() => ({
       height: `${te.value}px`
-    })), mr = l(() => ({
+    })), fr = l(() => ({
       height: `${te.value}px`
-    })), kr = l(() => ({
+    })), Cr = l(() => ({
       width: `${le.value?.totalWidth ?? 1}px`,
       minWidth: `${le.value?.totalWidth ?? 1}px`,
       height: `${te.value}px`
-    })), ir = l(() => ({
+    })), or = l(() => ({
       width: `${le.value?.totalWidth ?? 1}px`,
       minWidth: `${le.value?.totalWidth ?? 1}px`,
       height: `${Math.max(ve.value, 1)}px`
-    })), fr = l(() => ce.value ? "col-resize" : de.value ? de.value.mode === "move" ? "grabbing" : "col-resize" : Ie.value ? Ie.value.mode === "move" ? "grab" : "col-resize" : J.value ? "pointer" : "default");
+    })), hr = l(() => ce.value ? "col-resize" : de.value ? de.value.mode === "move" ? "grabbing" : "col-resize" : Ie.value ? Ie.value.mode === "move" ? "grab" : "col-resize" : J.value ? "pointer" : "default");
     function Ct() {
       ae.value == null && J.value == null || (ae.value = null, J.value = null, ye("body"));
     }
@@ -9427,7 +9427,7 @@ const Wu = { class: "datagrid-gantt-stage__timeline" }, Gu = { class: "datagrid-
         ), i.restore());
       }
     }
-    function hr() {
+    function br() {
       const i = le.value, p = S.value;
       if (!i || !p)
         return;
@@ -9479,11 +9479,11 @@ const Wu = { class: "datagrid-gantt-stage__timeline" }, Gu = { class: "datagrid-
       }).body, g = Ae(Se.value, B, _);
       if (!g)
         return;
-      const _e = be("--datagrid-viewport-bg", "#ffffff"), xe = be("--datagrid-column-divider-color", "rgba(148, 163, 184, 0.16)"), rt = be("--datagrid-row-divider-color", "rgba(148, 163, 184, 0.18)"), $e = be("--datagrid-weekend-bg", "rgba(148, 163, 184, 0.08)"), He = be("--datagrid-selection-range-bg", "rgba(37, 99, 235, 0.16)"), Rt = be("--datagrid-accent-strong", "#2563eb"), Xt = be("--datagrid-selection-range-bg", "rgba(37, 99, 235, 0.16)"), gt = "rgba(30, 64, 175, 0.24)", vt = "rgba(30, 64, 175, 0.96)", Ot = "rgba(59, 130, 246, 0.92)", at = "rgba(100, 116, 139, 0.28)", Mt = "rgba(71, 85, 105, 0.44)", pt = "rgba(220, 38, 38, 0.62)", Yt = "rgba(5, 150, 105, 0.56)", Dr = "rgba(255, 255, 255, 0.28)", br = "#dc2626", $t = "rgba(220, 38, 38, 0.76)", Hr = "rgba(15, 23, 42, 0.32)", Qr = "rgba(255, 255, 255, 0.72)", ea = "rgba(15, 23, 42, 0.84)", Er = "rgba(255, 255, 255, 0.94)", xa = "rgba(37, 99, 235, 0.68)", It = "rgba(255, 255, 255, 0.9)", _r = be("--datagrid-header-divider-color", "rgba(148, 163, 184, 0.3)"), wa = "#ffffff", ta = be("--datagrid-font-family", "ui-sans-serif, system-ui, sans-serif"), ra = be("--datagrid-accent-strong", "#2563eb"), ka = (A) => A.isDependencySelectedBar ? {
-        stroke: ea,
-        underlay: Er
+      const _e = be("--datagrid-viewport-bg", "#ffffff"), xe = be("--datagrid-column-divider-color", "rgba(148, 163, 184, 0.16)"), rt = be("--datagrid-row-divider-color", "rgba(148, 163, 184, 0.18)"), $e = be("--datagrid-weekend-bg", "rgba(148, 163, 184, 0.08)"), He = be("--datagrid-selection-range-bg", "rgba(37, 99, 235, 0.16)"), Rt = be("--datagrid-accent-strong", "#2563eb"), Xt = be("--datagrid-selection-range-bg", "rgba(37, 99, 235, 0.16)"), gt = "rgba(30, 64, 175, 0.24)", vt = "rgba(30, 64, 175, 0.96)", Ot = "rgba(59, 130, 246, 0.92)", at = "rgba(100, 116, 139, 0.28)", Mt = "rgba(71, 85, 105, 0.44)", pt = "rgba(220, 38, 38, 0.62)", Yt = "rgba(5, 150, 105, 0.56)", Er = "rgba(255, 255, 255, 0.28)", yr = "#dc2626", $t = "rgba(220, 38, 38, 0.76)", Or = "rgba(15, 23, 42, 0.32)", ea = "rgba(255, 255, 255, 0.72)", ta = "rgba(15, 23, 42, 0.84)", Ar = "rgba(255, 255, 255, 0.94)", wa = "rgba(37, 99, 235, 0.68)", It = "rgba(255, 255, 255, 0.9)", Rr = be("--datagrid-header-divider-color", "rgba(148, 163, 184, 0.3)"), ka = "#ffffff", ra = be("--datagrid-font-family", "ui-sans-serif, system-ui, sans-serif"), aa = be("--datagrid-accent-strong", "#2563eb"), Ca = (A) => A.isDependencySelectedBar ? {
+        stroke: ta,
+        underlay: Ar
       } : A.isTableRowSelected ? {
-        stroke: xa,
+        stroke: wa,
         underlay: It
       } : null;
       g.fillStyle = _e, g.fillRect(0, 0, B, _), g.fillStyle = $e;
@@ -9501,7 +9501,7 @@ const Wu = { class: "datagrid-gantt-stage__timeline" }, Gu = { class: "datagrid-
         const Ue = Math.round(A.x) + 0.5;
         g.beginPath(), g.moveTo(Ue, 0), g.lineTo(Ue, _), g.stroke();
       }
-      g.strokeStyle = _r;
+      g.strokeStyle = Rr;
       for (const A of Y.primaryLines) {
         const Ue = Math.round(A.x) + 0.5;
         g.beginPath(), g.moveTo(Ue, 0), g.lineTo(Ue, _), g.stroke();
@@ -9509,31 +9509,31 @@ const Wu = { class: "datagrid-gantt-stage__timeline" }, Gu = { class: "datagrid-
       g.strokeStyle = rt;
       for (const A of ot.value)
         g.beginPath(), g.moveTo(0, A), g.lineTo(B, A), g.stroke();
-      const Nr = oi(Ye(Date.now()), i) - we.value;
-      Nr >= -1 && Nr <= B + 1 && (g.strokeStyle = ra, g.lineWidth = 2, g.beginPath(), g.moveTo(Math.round(Nr) + 0.5, 0), g.lineTo(Math.round(Nr) + 0.5, _), g.stroke());
+      const jr = oi(Ye(Date.now()), i) - we.value;
+      jr >= -1 && jr <= B + 1 && (g.strokeStyle = aa, g.lineWidth = 2, g.beginPath(), g.moveTo(Math.round(jr) + 0.5, 0), g.lineTo(Math.round(jr) + 0.5, _), g.stroke());
       for (const A of lt.value) {
-        const Ue = ba(A) === ae.value;
-        wr(
+        const Ue = ya(A) === ae.value;
+        kr(
           g,
           A.points,
           A.dependencyType,
-          Ue ? ea : Hr,
-          Ue ? Er : Qr
+          Ue ? ta : Or,
+          Ue ? Ar : ea
         );
       }
-      g.font = `12px ${ta}`, g.textBaseline = "middle";
+      g.font = `12px ${ra}`, g.textBaseline = "middle";
       for (const A of Ge.value) {
-        const Ue = tt(A), Wt = tn(
+        const Ue = tt(A), Wt = rn(
           Ue,
           i,
           u.gantt?.minBarWidth ?? 6,
           A.milestone ? A.height : void 0
-        ), Ee = Wt.x - we.value, Le = Wt.width, Ar = ft.value.has(A.rowId), Ca = rr.value.has(A.rowId), Rr = ka({
-          isTableRowSelected: Ar,
-          isDependencySelectedBar: Ca
-        }), Sa = A.baselineStartMs != null && A.baselineEndMs != null && (A.baselineStartMs !== A.startMs || A.baselineEndMs !== A.endMs), aa = A.summary ? gt : de.value?.rowId === A.rowId ? Xt : Rt;
-        if (Sa) {
-          const lr = tn(
+        ), Ee = Wt.x - we.value, Le = Wt.width, Pr = ft.value.has(A.rowId), Sa = ar.value.has(A.rowId), Mr = Ca({
+          isTableRowSelected: Pr,
+          isDependencySelectedBar: Sa
+        }), _a = A.baselineStartMs != null && A.baselineEndMs != null && (A.baselineStartMs !== A.startMs || A.baselineEndMs !== A.endMs), na = A.summary ? gt : de.value?.rowId === A.rowId ? Xt : Rt;
+        if (_a) {
+          const dr = rn(
             {
               startMs: A.baselineStartMs,
               endMs: A.baselineEndMs
@@ -9541,42 +9541,42 @@ const Wu = { class: "datagrid-gantt-stage__timeline" }, Gu = { class: "datagrid-
             i,
             u.gantt?.minBarWidth ?? 6,
             A.milestone ? A.height : void 0
-          ), Mr = lr.x - we.value, na = Ee, Zt = Ee + Le, jr = Mr, ia = Mr + lr.width;
+          ), Ir = dr.x - we.value, ia = Ee, Zt = Ee + Le, qr = Ir, oa = Ir + dr.width;
           if (A.milestone)
             xt(
               g,
-              Mr + lr.width / 2,
+              Ir + dr.width / 2,
               A.y + A.height / 2,
-              Math.max(Math.max(8, lr.width - 2), A.height - 2)
+              Math.max(Math.max(8, dr.width - 2), A.height - 2)
             ), g.fillStyle = at, g.fill(), xt(
               g,
-              Mr + lr.width / 2,
+              Ir + dr.width / 2,
               A.y + A.height / 2,
-              Math.max(Math.max(8, lr.width - 2), A.height - 2)
+              Math.max(Math.max(8, dr.width - 2), A.height - 2)
             ), g.strokeStyle = Mt, g.lineWidth = 1, g.stroke();
           else {
-            const qr = Math.max(4, Math.min(6, Math.round(A.height * 0.34))), oa = A.y + A.height - qr;
-            yt(g, Mr, oa, lr.width, qr, 3), g.fillStyle = at, g.fill(), yt(g, Mr, oa, lr.width, qr, 3), g.strokeStyle = Mt, g.lineWidth = 1, g.stroke();
+            const Ur = Math.max(4, Math.min(6, Math.round(A.height * 0.34))), la = A.y + A.height - Ur;
+            yt(g, Ir, la, dr.width, Ur, 3), g.fillStyle = at, g.fill(), yt(g, Ir, la, dr.width, Ur, 3), g.strokeStyle = Mt, g.lineWidth = 1, g.stroke();
           }
-          er(
+          tr(
             g,
-            jr,
-            na,
+            qr,
+            ia,
             A.y + 2.5,
-            na >= jr ? pt : Yt
-          ), er(
+            ia >= qr ? pt : Yt
+          ), tr(
             g,
-            ia,
+            oa,
             Zt,
             A.y + A.height - 2.5,
-            Zt >= ia ? pt : Yt
+            Zt >= oa ? pt : Yt
           );
         }
         if (A.milestone) {
-          xt(g, Ee + Le / 2, A.y + A.height / 2, Math.max(Le, A.height)), g.fillStyle = aa, g.fill(), Rr && (xt(g, Ee + Le / 2, A.y + A.height / 2, Math.max(Le, A.height)), g.strokeStyle = Rr.underlay, g.lineWidth = 4, g.stroke(), xt(g, Ee + Le / 2, A.y + A.height / 2, Math.max(Le, A.height)), g.strokeStyle = Rr.stroke, g.lineWidth = 2, g.stroke()), A.critical && (xt(g, Ee + Le / 2, A.y + A.height / 2, Math.max(Le, A.height)), g.strokeStyle = A.criticalSource === "computed" ? $t : br, g.lineWidth = 2, g.stroke());
+          xt(g, Ee + Le / 2, A.y + A.height / 2, Math.max(Le, A.height)), g.fillStyle = na, g.fill(), Mr && (xt(g, Ee + Le / 2, A.y + A.height / 2, Math.max(Le, A.height)), g.strokeStyle = Mr.underlay, g.lineWidth = 4, g.stroke(), xt(g, Ee + Le / 2, A.y + A.height / 2, Math.max(Le, A.height)), g.strokeStyle = Mr.stroke, g.lineWidth = 2, g.stroke()), A.critical && (xt(g, Ee + Le / 2, A.y + A.height / 2, Math.max(Le, A.height)), g.strokeStyle = A.criticalSource === "computed" ? $t : yr, g.lineWidth = 2, g.stroke());
           continue;
         }
-        yt(g, Ee, A.y, Le, A.height, A.summary ? 4 : 6), g.fillStyle = aa, g.fill(), A.summary && (g.fillStyle = Ot, g.fillRect(Ee + 4, A.y + 3, Math.max(8, Le - 8), 2), g.strokeStyle = vt, g.lineWidth = 2.5, g.beginPath(), g.moveTo(Ee, A.y + A.height), g.lineTo(Ee + 6, A.y), g.lineTo(Ee + Le - 6, A.y), g.lineTo(Ee + Le, A.y + A.height), g.stroke()), !A.summary && A.progress > 0 && (yt(g, Ee, A.y, Math.max(0, Le * A.progress), A.height, 6), g.fillStyle = Dr, g.fill()), Rr && (yt(g, Ee, A.y, Le, A.height, 6), g.strokeStyle = Rr.underlay, g.lineWidth = 4, g.stroke(), yt(g, Ee, A.y, Le, A.height, 6), g.strokeStyle = Rr.stroke, g.lineWidth = 2, g.stroke()), A.critical && (yt(g, Ee, A.y, Le, A.height, 6), g.strokeStyle = A.criticalSource === "computed" ? $t : br, g.lineWidth = 2, g.stroke()), g.fillStyle = wa, wt(g, A.label, Ee, A.y, Le, A.height);
+        yt(g, Ee, A.y, Le, A.height, A.summary ? 4 : 6), g.fillStyle = na, g.fill(), A.summary && (g.fillStyle = Ot, g.fillRect(Ee + 4, A.y + 3, Math.max(8, Le - 8), 2), g.strokeStyle = vt, g.lineWidth = 2.5, g.beginPath(), g.moveTo(Ee, A.y + A.height), g.lineTo(Ee + 6, A.y), g.lineTo(Ee + Le - 6, A.y), g.lineTo(Ee + Le, A.y + A.height), g.stroke()), !A.summary && A.progress > 0 && (yt(g, Ee, A.y, Math.max(0, Le * A.progress), A.height, 6), g.fillStyle = Er, g.fill()), Mr && (yt(g, Ee, A.y, Le, A.height, 6), g.strokeStyle = Mr.underlay, g.lineWidth = 4, g.stroke(), yt(g, Ee, A.y, Le, A.height, 6), g.strokeStyle = Mr.stroke, g.lineWidth = 2, g.stroke()), A.critical && (yt(g, Ee, A.y, Le, A.height, 6), g.strokeStyle = A.criticalSource === "computed" ? $t : yr, g.lineWidth = 2, g.stroke()), g.fillStyle = ka, wt(g, A.label, Ee, A.y, Le, A.height);
       }
     }
     function dt(i) {
@@ -9584,12 +9584,12 @@ const Wu = { class: "datagrid-gantt-stage__timeline" }, Gu = { class: "datagrid-
       if (!p)
         return 0;
       const _ = p.getBoundingClientRect();
-      if (i <= _.left + Va) {
-        const Y = 1 - Math.max(0, i - _.left) / Va;
+      if (i <= _.left + Ha) {
+        const Y = 1 - Math.max(0, i - _.left) / Ha;
         return -Math.max(1, Math.round(bi * Y));
       }
-      if (i >= _.right - Va) {
-        const Y = 1 - Math.max(0, _.right - i) / Va;
+      if (i >= _.right - Ha) {
+        const Y = 1 - Math.max(0, _.right - i) / Ha;
         return Math.max(1, Math.round(bi * Y));
       }
       return 0;
@@ -9625,11 +9625,11 @@ const Wu = { class: "datagrid-gantt-stage__timeline" }, Gu = { class: "datagrid-
     }
     function ke(i) {
       const p = i.target;
-      p && (gr(p), Ke(p.scrollLeft, "body"));
+      p && (vr(p), Ke(p.scrollLeft, "body"));
     }
     function Ce(i) {
       const p = i.target;
-      p && (gr(p), Ke(p.scrollLeft, "header"));
+      p && (vr(p), Ke(p.scrollLeft, "header"));
     }
     function Pe(i) {
       const p = h.value, _ = O.value;
@@ -9645,21 +9645,21 @@ const Wu = { class: "datagrid-gantt-stage__timeline" }, Gu = { class: "datagrid-
         p.scrollTop = g + Y, p.scrollTop !== g && (Ze(), ye("body"));
       }
     }
-    function Cr(i) {
+    function Sr(i) {
       i != null && ce.value && ce.value.pointerId !== i || (ce.value = null, Oe(!1), typeof window < "u" && (window.removeEventListener("pointermove", St), window.removeEventListener("pointerup", c)));
     }
     function St(i) {
       const p = ce.value;
-      p && (nr.value = zu({
+      p && (ir.value = zu({
         originWidth: p.originWidth,
         deltaX: i.clientX - p.originClientX,
         stageWidth: We.value,
-        minTableWidth: pn,
-        minTimelineWidth: mn
+        minTableWidth: mn,
+        minTimelineWidth: fn
       }), Kt(), ye());
     }
     function c(i) {
-      Cr(i.pointerId);
+      Sr(i.pointerId);
     }
     function s(i) {
       i.button === 0 && (i.preventDefault(), kt(), ce.value = {
@@ -9696,7 +9696,7 @@ const Wu = { class: "datagrid-gantt-stage__timeline" }, Gu = { class: "datagrid-
         return;
       }
       const B = mi(lt.value, p);
-      J.value = B ? ba(B) : null, Ie.value = li(
+      J.value = B ? ya(B) : null, Ie.value = li(
         Ge.value,
         _,
         u.gantt.resizeHandleWidth
@@ -9758,7 +9758,7 @@ const Wu = { class: "datagrid-gantt-stage__timeline" }, Gu = { class: "datagrid-
       if (B && (Ve(B.bar.rowId), ae.value = null, J.value = null), !B) {
         const Y = mi(lt.value, p);
         if (Y) {
-          i.preventDefault(), ae.value = ba(Y), ye("body");
+          i.preventDefault(), ae.value = ya(Y), ye("body");
           return;
         }
         Ct();
@@ -9788,7 +9788,7 @@ const Wu = { class: "datagrid-gantt-stage__timeline" }, Gu = { class: "datagrid-
     function _t() {
       Z?.(), Z = null, h.value = null;
     }
-    function or() {
+    function lr() {
       if (re?.disconnect(), re = null, typeof window > "u" || typeof window.ResizeObserver != "function")
         return;
       re = new window.ResizeObserver(() => {
@@ -9797,10 +9797,10 @@ const Wu = { class: "datagrid-gantt-stage__timeline" }, Gu = { class: "datagrid-
       const i = D.value?.getHeaderElement() ?? null;
       i && re.observe(i), h.value && re.observe(h.value), v.value && re.observe(v.value), O.value && re.observe(O.value);
     }
-    function Sr() {
+    function _r() {
       const i = D.value?.getBodyViewportElement() ?? null;
       if (i === h.value) {
-        kt(), it(), Ze(), or(), st(), ye();
+        kt(), it(), Ze(), lr(), st(), ye();
         return;
       }
       if (_t(), h.value = i, !i) {
@@ -9812,15 +9812,15 @@ const Wu = { class: "datagrid-gantt-stage__timeline" }, Gu = { class: "datagrid-
       };
       i.addEventListener("scroll", p, { passive: !0 }), kt(), it(), Ze(), Z = () => {
         i.removeEventListener("scroll", p);
-      }, or(), st(), ye();
+      }, lr(), st(), ye();
     }
-    function Vr() {
+    function Hr() {
       kt(), it(), Ze(), Kt(), st(), ye();
     }
     return je(
       () => u.gantt?.paneWidth,
       (i) => {
-        nr.value = i ?? 520;
+        ir.value = i ?? 520;
       },
       { immediate: !0 }
     ), je(
@@ -9829,13 +9829,13 @@ const Wu = { class: "datagrid-gantt-stage__timeline" }, Gu = { class: "datagrid-
         V.value.displayRows.length,
         H.value.topSpacerHeight,
         H.value.viewportRowStart,
-        pr.value,
+        mr.value,
         u.rowVersion,
         Lt.value
       ],
       () => {
-        Zr(() => {
-          Sr(), Ze(), Kt(), st(), Xe(), ye();
+        Jr(() => {
+          _r(), Ze(), Kt(), st(), Xe(), ye();
         });
       }
     ), je(
@@ -9847,7 +9847,7 @@ const Wu = { class: "datagrid-gantt-stage__timeline" }, Gu = { class: "datagrid-
       () => [
         ne.value,
         pe.value,
-        ar.value,
+        nr.value,
         he.value,
         ve.value
       ],
@@ -9863,11 +9863,11 @@ const Wu = { class: "datagrid-gantt-stage__timeline" }, Gu = { class: "datagrid-
         ye();
       }
     ), je(
-      () => lt.value.map((i) => ba(i)).join("|"),
+      () => lt.value.map((i) => ya(i)).join("|"),
       (i) => {
         ae.value && !i.split("|").includes(ae.value) && (ae.value = null, ye("body"));
       }
-    ), fn(() => {
+    ), hn(() => {
       v.value && (U = Li({
         root: v.value,
         resolveScrollContainers: () => [
@@ -9875,11 +9875,11 @@ const Wu = { class: "datagrid-gantt-stage__timeline" }, Gu = { class: "datagrid-
           O.value,
           S.value
         ]
-      })), Zr(() => {
-        kt(), Sr(), Kt(), st(), Xe(), ye();
-      }), typeof window < "u" && (window.addEventListener("resize", Vr), window.addEventListener("keydown", Ut));
+      })), Jr(() => {
+        kt(), _r(), Kt(), st(), Xe(), ye();
+      }), typeof window < "u" && (window.addEventListener("resize", Hr), window.addEventListener("keydown", Ut));
     }), wi(() => {
-      Pt(), U?.(), U = null, _t(), re?.disconnect(), re = null, typeof window < "u" && (window.removeEventListener("resize", Vr), window.removeEventListener("keydown", Ut), window.removeEventListener("pointermove", L), window.removeEventListener("pointerup", se), window.removeEventListener("pointermove", St), window.removeEventListener("pointerup", c)), Oe(!1);
+      Pt(), U?.(), U = null, _t(), re?.disconnect(), re = null, typeof window < "u" && (window.removeEventListener("resize", Hr), window.removeEventListener("keydown", Ut), window.removeEventListener("pointermove", L), window.removeEventListener("pointerup", se), window.removeEventListener("pointermove", St), window.removeEventListener("pointerup", c)), Oe(!1);
     }), (i, p) => (m(), w("section", {
       ref_key: "stageRootRef",
       ref: v,
@@ -9911,13 +9911,13 @@ const Wu = { class: "datagrid-gantt-stage__timeline" }, Gu = { class: "datagrid-
             ref_key: "timelineHeaderViewportRef",
             ref: S,
             class: "datagrid-gantt-timeline__viewport datagrid-gantt-timeline__viewport--header",
-            style: X(mr.value),
+            style: X(fr.value),
             onScroll: Ce,
             onWheel: Pe
           }, [
             F("div", {
               class: "datagrid-gantt-timeline__track-spacer",
-              style: X(kr.value)
+              style: X(Cr.value)
             }, null, 4)
           ], 36),
           F("canvas", {
@@ -9938,14 +9938,14 @@ const Wu = { class: "datagrid-gantt-stage__timeline" }, Gu = { class: "datagrid-
           }, [
             F("div", {
               class: "datagrid-gantt-timeline__track-spacer",
-              style: X(ir.value)
+              style: X(or.value)
             }, null, 4)
           ], 544)) : (m(), w("div", Ku, " Configure `gantt.startKey` and `gantt.endKey` to enable the timeline renderer. ")),
           F("canvas", {
             ref_key: "bodyCanvasRef",
             ref: Se,
             class: "datagrid-gantt-timeline__canvas datagrid-gantt-timeline__canvas--body",
-            style: X({ cursor: fr.value }),
+            style: X({ cursor: hr.value }),
             onPointerdown: ee,
             onPointermove: Vt,
             onPointerleave: Ht,
@@ -9955,7 +9955,7 @@ const Wu = { class: "datagrid-gantt-stage__timeline" }, Gu = { class: "datagrid-
       ])
     ], 512));
   }
-}), oc = Qt({
+}), oc = er({
   name: "DataGridGanttStageEntry",
   props: {
     stageContext: {
@@ -9997,19 +9997,19 @@ export {
   Gd as c,
   _i as d,
   Ii as e,
-  Oa as f,
+  $a as f,
   Di as g,
   ac as h,
   Mi as i,
-  hn as j,
+  bn as j,
   tc as k,
-  yn as l,
-  zr as m,
+  xn as l,
+  Vr as m,
   Ti as n,
-  bn as o,
+  yn as o,
   jd as p,
   ic as q,
   nc as r,
-  gn as s,
+  vn as s,
   rc as u
 };