@affino/datagrid-vue-app 0.1.30 → 0.1.32

package/dist/chunks/{DataGridTableStage.vue_vue_type_script_setup_true_lang-BHusDA4Y.js → DataGridTableStage.vue_vue_type_script_setup_true_lang-Q2ri6J1V.js}

@@ -1,11 +1,11 @@
-import { defineComponent as xt, computed as d, resolveComponent as al, openBlock as u, createBlock as se, unref as l, withCtx as le, createVNode as Se, createElementVNode as M, toDisplayString as q, normalizeStyle as T, createElementBlock as m, Fragment as oe, renderList as fe, ref as N, inject as Jn, watch as He, renderSlot as vr, createTextVNode as ei, createCommentVNode as D, withModifiers as b, normalizeClass as Y, withDirectives as nl, vModelText as il, toRef as it, provide as ol, toRefs as ll, shallowRef as dl, nextTick as Nr, onBeforeUnmount as sl, onMounted as ul } from "vue";
+import { defineComponent as xt, computed as d, resolveComponent as al, openBlock as u, createBlock as se, unref as l, withCtx as le, createVNode as _e, createElementVNode as M, toDisplayString as q, normalizeStyle as T, createElementBlock as m, Fragment as oe, renderList as fe, ref as N, inject as Jn, watch as He, renderSlot as vr, createTextVNode as ei, createCommentVNode as D, withModifiers as b, normalizeClass as Y, withDirectives as nl, vModelText as il, toRef as it, provide as ol, toRefs as ll, shallowRef as dl, nextTick as Nr, onBeforeUnmount as sl, onMounted as ul } from "vue";
 import { resolveDataGridCellInteraction as jn, buildDataGridCellRenderModel as cl, getDataGridRowRenderMeta as gl, invokeDataGridCellInteraction as pl } from "@affino/datagrid-vue";
 import { useDataGridLinkedPaneScrollSync as vl, useDataGridManagedWheelScroll as ml } from "@affino/datagrid-vue/advanced";
 import { buildDataGridChromeRenderModel as ka } from "@affino/datagrid-chrome";
 import { UiSubMenu as ti, UiSubMenuTrigger as ri, UiSubMenuContent as ai, UiMenuItem as Ht, UiMenu as fl, UiMenuTrigger as hl, UiMenuContent as bl, UiMenuLabel as yl, UiMenuSeparator as qr } from "@affino/menu-vue";
 import { d as xl, r as wl } from "./dataGridOverlayThemeVars-vzY74EIz.js";
 import { _ as kl } from "./DataGridFilterableCombobox.vue_vue_type_script_setup_true_lang-Dc5SowKk.js";
-const Cl = ["title"], Sl = /* @__PURE__ */ xt({
+const Cl = ["title"], _l = /* @__PURE__ */ xt({
   __name: "DataGridColumnMenuCustomEntry",
   props: {
     item: {},
@@ -22,14 +22,14 @@ const Cl = ["title"], Sl = /* @__PURE__ */ xt({
     function A() {
       F.value && z("select", F.value);
     }
-    return (p, _) => {
+    return (p, S) => {
       const y = al("DataGridColumnMenuCustomEntry", !0);
       return p.item.kind === "submenu" && W.value.length > 0 ? (u(), se(l(ti), {
         key: 0,
         options: p.submenuOptions
       }, {
         default: le(() => [
-          Se(l(ri), {
+          _e(l(ri), {
             class: "datagrid-column-menu__item datagrid-column-menu__item--submenu",
             "data-datagrid-column-menu-action": B.value,
             "data-datagrid-column-menu-custom-key": p.item.key,
@@ -44,7 +44,7 @@ const Cl = ["title"], Sl = /* @__PURE__ */ xt({
             ]),
             _: 1
           }, 8, ["data-datagrid-column-menu-action", "data-datagrid-column-menu-custom-key", "data-disabled-reason", "aria-disabled", "disabled", "title"]),
-          Se(l(ai), {
+          _e(l(ai), {
             "class-name": "ui-submenu-content datagrid-column-menu__submenu-panel",
             style: T(p.menuThemeVars)
           }, {
@@ -55,7 +55,7 @@ const Cl = ["title"], Sl = /* @__PURE__ */ xt({
                 "path-prefix": k.value,
                 "menu-theme-vars": p.menuThemeVars,
                 "submenu-options": p.submenuOptions,
-                onSelect: _[0] || (_[0] = (R) => p.$emit("select", R))
+                onSelect: S[0] || (S[0] = (R) => p.$emit("select", R))
               }, null, 8, ["item", "path-prefix", "menu-theme-vars", "submenu-options"]))), 128))
             ]),
             _: 1
@@ -80,7 +80,7 @@ const Cl = ["title"], Sl = /* @__PURE__ */ xt({
       }, 8, ["data-datagrid-column-menu-action", "data-datagrid-column-menu-custom-key", "data-disabled-reason", "disabled", "title"]));
     };
   }
-}), _l = ["title"], Rl = {
+}), Sl = ["title"], Rl = {
   key: 0,
   class: "datagrid-column-menu__state"
 }, Ml = ["title"], Al = {
@@ -151,7 +151,7 @@ const Cl = ["title"], Sl = /* @__PURE__ */ xt({
   },
   emits: ["sort", "pin", "group", "apply-filter", "clear-filter", "update-text-filter"],
   setup(a, { emit: C }) {
-    const x = a, z = C, k = N(null), B = Jn(xl, N(null)), K = N(!1), F = N(""), W = N(!1), A = N([]), p = N([]), _ = N({}), y = d(() => vt(x.columnDataType)), G = d(() => new Set(x.disabledItems)), R = d(() => x.triggerMode !== "button"), _e = d(() => !x.grouped || !Number.isFinite(x.groupOrder) ? null : `Level ${Number(x.groupOrder) + 1}`), g = d(() => {
+    const x = a, z = C, k = N(null), B = Jn(xl, N(null)), K = N(!1), F = N(""), W = N(!1), A = N([]), p = N([]), S = N({}), y = d(() => vt(x.columnDataType)), G = d(() => new Set(x.disabledItems)), R = d(() => x.triggerMode !== "button"), Se = d(() => !x.grouped || !Number.isFinite(x.groupOrder) ? null : `Level ${Number(x.groupOrder) + 1}`), g = d(() => {
       const v = Number.isFinite(x.valueFilterRowLimit) && x.valueFilterRowLimit >= 0 ? x.valueFilterRowLimit : Number.POSITIVE_INFINITY;
       return Math.min(v, od);
     }), V = d(() => x.filterEnabled ? x.rowCount <= g.value : !1), ge = d(() => x.filterEnabled && !V.value), ue = d(() => x.items.filter((v) => v === "sort" ? ne("sortAsc") || ne("sortDesc") || ne("clearSort") : v === "group" ? ne("toggleGroup") : v === "pin" ? X.value : v === "filter" ? w.value : !0)), ke = d(() => $e(ue.value, x.customItems)), he = d(() => G.value.has("sort")), ae = d(() => G.value.has("group")), re = d(() => G.value.has("pin")), O = d(() => G.value.has("filter")), $ = d(() => new Set(p.value)), w = d(() => V.value || x.textFilterEnabled), Z = d(() => x.textFilterEnabled && !V.value), E = d(() => F.value.trim().length > 0), X = d(() => ne("pinMenu") && (ne("pinLeft") || ne("pinRight") || ne("unpin"))), rr = d(() => de(
@@ -296,7 +296,7 @@ const Cl = ["title"], Sl = /* @__PURE__ */ xt({
       We(v);
     }
     function Je() {
-      _.value = wl(B.value);
+      S.value = wl(B.value);
     }
     function kt() {
       if (F.value = "", W.value = !1, !V.value) {
@@ -419,16 +419,16 @@ const Cl = ["title"], Sl = /* @__PURE__ */ xt({
           open: K.value,
           toggleMenuFromElement: Qe
         }),
-        Se(l(bl), {
+        _e(l(bl), {
           "class-name": "ui-menu-content datagrid-column-menu__panel",
           align: "start",
           gutter: 6,
-          style: T(_.value),
+          style: T(S.value),
           "data-affino-menu-root": "",
           "data-datagrid-column-menu-panel": "true"
         }, {
           default: le(() => [
-            Se(l(yl), { class: "datagrid-column-menu__title" }, {
+            _e(l(yl), { class: "datagrid-column-menu__title" }, {
               default: le(() => [
                 ei(q(v.columnLabel), 1)
               ]),
@@ -452,7 +452,7 @@ const Cl = ["title"], Sl = /* @__PURE__ */ xt({
                   default: le(() => [
                     M("span", {
                       title: U("sortAsc", he.value || !v.sortEnabled, "sort")
-                    }, q(ar.value), 9, _l),
+                    }, q(ar.value), 9, Sl),
                     v.sortDirection === "asc" ? (u(), m("span", Rl, "Active")) : D("", !0)
                   ]),
                   _: 1
@@ -503,7 +503,7 @@ const Cl = ["title"], Sl = /* @__PURE__ */ xt({
                   M("span", {
                     title: U("toggleGroup", ae.value || !v.groupEnabled, "group")
                   }, q(rr.value), 9, El),
-                  v.grouped && _e.value ? (u(), m("span", Bl, q(_e.value), 1)) : D("", !0)
+                  v.grouped && Se.value ? (u(), m("span", Bl, q(Se.value), 1)) : D("", !0)
                 ]),
                 _: 1
               }, 8, ["data-disabled-reason", "disabled", "title"])) : j.kind === "section" && j.key === "pin" && X.value ? (u(), se(l(ti), {
@@ -511,7 +511,7 @@ const Cl = ["title"], Sl = /* @__PURE__ */ xt({
                 options: pt
               }, {
                 default: le(() => [
-                  Se(l(ri), {
+                  _e(l(ri), {
                     class: "datagrid-column-menu__item datagrid-column-menu__item--submenu",
                     "data-datagrid-column-menu-action": "pin-submenu",
                     "data-disabled-reason": U("pinMenu", re.value, "pin"),
@@ -524,9 +524,9 @@ const Cl = ["title"], Sl = /* @__PURE__ */ xt({
                     ]),
                     _: 1
                   }, 8, ["data-disabled-reason", "aria-disabled", "disabled", "title"]),
-                  Se(l(ai), {
+                  _e(l(ai), {
                     "class-name": "ui-submenu-content datagrid-column-menu__submenu-panel",
-                    style: T(_.value)
+                    style: T(S.value)
                   }, {
                     default: le(() => [
                       ne("pinLeft") ? (u(), se(l(Ht), {
@@ -737,10 +737,10 @@ const Cl = ["title"], Sl = /* @__PURE__ */ xt({
                     onClick: It
                   }, q(wt.value), 9, id)) : D("", !0)
                 ])) : D("", !0)
-              ], 34)) : j.kind === "custom" ? (u(), se(Sl, {
+              ], 34)) : j.kind === "custom" ? (u(), se(_l, {
                 key: 5,
                 item: j.item,
-                "menu-theme-vars": _.value,
+                "menu-theme-vars": S.value,
                 "submenu-options": pt,
                 onSelect: Oe
               }, null, 8, ["item", "menu-theme-vars"])) : D("", !0)
@@ -865,10 +865,10 @@ const ud = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
 }, Cd = {
   key: 1,
   d: "M9 11V6.75M9 6.75 7.25 8.5M9 6.75 10.75 8.5"
-}, Sd = {
+}, _d = {
   key: 2,
   d: "M9 5v4.25M9 9.25 7.25 7.5M9 9.25 10.75 7.5"
-}, _d = {
+}, Sd = {
   key: 3,
   d: "M5.5 6.5 8 9l2.5-2.5"
 }, Rd = ["onMousedown", "onDblclick"], Md = ["data-column-key"], Ad = { class: "col-head col-head--index" }, Id = ["role", "aria-label", "aria-checked"], Ed = ["data-column-key", "draggable", "onClick", "onDragstart", "onDragover", "onDrop"], Bd = { class: "col-head" }, Dd = ["title"], Ld = {
@@ -955,10 +955,10 @@ const ud = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
     }
   },
   setup(a) {
-    const C = Da(), x = oi(), z = La(), k = li(), B = Pa(), K = di(), F = d(() => B.value.sourceRows ?? []), W = d(() => k.value.visibleColumns), A = d(() => k.value.renderedColumns), p = d(() => W.value.filter((s) => s.pin === "left")), _ = d(() => W.value.filter((s) => s.pin === "right")), y = d(() => C.value !== "pivot" ? 0 : W.value.reduce((s, o) => {
+    const C = Da(), x = oi(), z = La(), k = li(), B = Pa(), K = di(), F = d(() => B.value.sourceRows ?? []), W = d(() => k.value.visibleColumns), A = d(() => k.value.renderedColumns), p = d(() => W.value.filter((s) => s.pin === "left")), S = d(() => W.value.filter((s) => s.pin === "right")), y = d(() => C.value !== "pivot" ? 0 : W.value.reduce((s, o) => {
       const n = ie(o);
       return Math.max(s, n?.groupLabels?.length ?? 0);
-    }, 0)), G = d(() => y.value > 0), R = d(() => Rt(p.value)), _e = d(() => Rt(A.value)), g = d(() => Rt(_.value)), V = d(() => x.value.mainTrackStyle), ge = d(() => z.value.leftColumnSpacerWidth), ue = d(() => z.value.rightColumnSpacerWidth), ke = d(() => k.value.columnFilterTextByKey), he = d(() => typeof k.value.columnMenuMaxFilterValues == "number" ? k.value.columnMenuMaxFilterValues : 250), ae = d(() => typeof k.value.columnMenuValueFilterRowLimit == "number" ? k.value.columnMenuValueFilterRowLimit : Number.MAX_SAFE_INTEGER), re = N(null), O = N(null), $ = N(null);
+    }, 0)), G = d(() => y.value > 0), R = d(() => Rt(p.value)), Se = d(() => Rt(A.value)), g = d(() => Rt(S.value)), V = d(() => x.value.mainTrackStyle), ge = d(() => z.value.leftColumnSpacerWidth), ue = d(() => z.value.rightColumnSpacerWidth), ke = d(() => k.value.columnFilterTextByKey), he = d(() => typeof k.value.columnMenuMaxFilterValues == "number" ? k.value.columnMenuMaxFilterValues : 250), ae = d(() => typeof k.value.columnMenuValueFilterRowLimit == "number" ? k.value.columnMenuValueFilterRowLimit : Number.MAX_SAFE_INTEGER), re = N(null), O = N(null), $ = N(null);
     let w = !1;
     function Z() {
       return k.value.columnMenuEnabled === !0 ? !0 : typeof k.value.applyColumnMenuSort == "function" || typeof k.value.applyColumnMenuPin == "function" || typeof k.value.applyColumnMenuFilter == "function" || typeof k.value.clearColumnMenuFilter == "function";
@@ -1461,7 +1461,7 @@ const ud = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
                     }, [
                       (u(), m("svg", wd, [
                         Qe(n.key) ? (u(), m("path", kd)) : D("", !0),
-                        Je(n.key) ? (u(), m("path", Cd)) : kt(n.key) ? (u(), m("path", Sd)) : (u(), m("path", _d))
+                        Je(n.key) ? (u(), m("path", Cd)) : kt(n.key) ? (u(), m("path", _d)) : (u(), m("path", Sd))
                       ]))
                     ], 42, xd)) : D("", !0),
                     M("button", {
@@ -1571,7 +1571,7 @@ const ud = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
         onWheel: o[19] || (o[19] = //@ts-ignore
         (...n) => a.onLinkedViewportWheel && a.onLinkedViewportWheel(...n))
       }, [
-        (u(!0), m(oe, null, fe(_e.value, (n, h) => (u(), m("div", {
+        (u(!0), m(oe, null, fe(Se.value, (n, h) => (u(), m("div", {
           key: `center-pivot-group-row-${h}`,
           class: "grid-header-row grid-center-track grid-header-row--pivot-groups",
           style: T(V.value)
@@ -1779,7 +1779,7 @@ const ud = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
           class: "grid-header-row grid-pane-track",
           style: T(a.rightTrackStyle)
         }, [
-          E() ? (u(!0), m(oe, { key: 0 }, fe(_.value, (n) => (u(), se(Ca, {
+          E() ? (u(!0), m(oe, { key: 0 }, fe(S.value, (n) => (u(), se(Ca, {
             key: be(n.key),
             "row-count": F.value.length,
             "resolve-value-entries": () => It(n.key),
@@ -1863,7 +1863,7 @@ const ud = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
               ], 46, as)
             ]),
             _: 2
-          }, 1032, ["row-count", "resolve-value-entries", "items", "disabled-items", "disabled-reasons", "labels", "action-options", "custom-items", "trigger-mode", "column-key", "column-label", "column-data-type", "sort-direction", "sort-enabled", "pin", "grouped", "group-order", "group-enabled", "filter-enabled", "value-filter-row-limit", "text-filter-enabled", "text-filter-value", "filter-active", "selected-filter-tokens", "max-filter-values", "onSort", "onPin", "onApplyFilter", "onGroup", "onUpdateTextFilter", "onClearFilter"]))), 128)) : (u(!0), m(oe, { key: 1 }, fe(_.value, (n) => (u(), m("div", {
+          }, 1032, ["row-count", "resolve-value-entries", "items", "disabled-items", "disabled-reasons", "labels", "action-options", "custom-items", "trigger-mode", "column-key", "column-label", "column-data-type", "sort-direction", "sort-enabled", "pin", "grouped", "group-order", "group-enabled", "filter-enabled", "value-filter-row-limit", "text-filter-enabled", "text-filter-value", "filter-active", "selected-filter-tokens", "max-filter-values", "onSort", "onPin", "onApplyFilter", "onGroup", "onUpdateTextFilter", "onClearFilter"]))), 128)) : (u(!0), m(oe, { key: 1 }, fe(S.value, (n) => (u(), m("div", {
             key: `header-right-${n.key}`,
             class: Y(["grid-cell grid-cell--header grid-cell--header-sortable grid-cell--pinned-right", Pe(n)]),
             style: T([ze(n.key), Ge(n)]),
@@ -2014,7 +2014,7 @@ const ud = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
       ], 10, xs))), 128))
     ], 64));
   }
-}), ws = ["data-row-index", "onClick", "onMouseenter"], ks = ["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"], Cs = ["name", "type", "value"], Ss = ["name", "value"], Nn = /* @__PURE__ */ xt({
+}), ws = ["data-row-index", "onClick", "onMouseenter"], ks = ["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"], Cs = ["name", "type", "value"], _s = ["name", "value"], Nn = /* @__PURE__ */ xt({
   __name: "DataGridTableStageCenterPane",
   props: {
     viewportRef: {
@@ -2078,18 +2078,18 @@ const ud = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
     const C = a, x = Da(), z = ii(), k = oi(), B = La(), K = li(), F = Pa(), W = si(), {
       displayRows: A,
       viewportClass: p,
-      viewportRef: _,
+      viewportRef: S,
       selectionOverlaySegments: y,
       fillPreviewOverlaySegments: G,
       movePreviewOverlaySegments: R,
-      overlayLanes: _e,
+      overlayLanes: Se,
       renderApi: g
     } = ll(C), V = d(() => C.topSpacerHeight ?? B.value.topSpacerHeight), ge = d(() => C.bottomSpacerHeight ?? B.value.bottomSpacerHeight), ue = d(() => C.handleScroll ?? g.value.handleCenterViewportScroll), ke = d(() => C.handleWheel ?? g.value.handleBodyViewportWheel), he = d(() => C.handleKeydown ?? g.value.handleViewportKeydown), ae = d(() => C.handleContextMenu), re = d(() => [
       p.value,
       z.value === "auto-height" ? "grid-body-viewport--layout-auto-height" : "grid-body-viewport--layout-fill"
     ]);
     return (O, $) => (u(), m("div", {
-      ref: l(_) ?? void 0,
+      ref: l(S) ?? void 0,
       class: Y(re.value),
       tabindex: "0",
       onScroll: $[14] || ($[14] = //@ts-ignore
@@ -2215,7 +2215,7 @@ const ud = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
               )),
               onBlur: $[12] || ($[12] = //@ts-ignore
               (...X) => l(g).handleTextEditorBlur && l(g).handleTextEditorBlur(...X))
-            }, null, 40, Ss)) : l(g).shouldRenderCheckboxCell(w, E) ? (u(), m("span", {
+            }, null, 40, _s)) : l(g).shouldRenderCheckboxCell(w, E) ? (u(), m("span", {
               key: 4,
               class: Y(["grid-checkbox-indicator", l(g).checkboxIndicatorClass(w, E)]),
               "aria-hidden": "true"
@@ -2239,16 +2239,16 @@ const ud = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
           class: "grid-spacer",
           style: T({ height: `${ge.value}px` })
         }, null, 4)) : D("", !0),
-        Se(Ma, {
+        _e(Ma, {
           "selection-segments": l(y),
           "fill-preview-segments": l(G),
           "move-preview-segments": l(R),
-          lanes: l(_e)
+          lanes: l(Se)
         }, null, 8, ["selection-segments", "fill-preview-segments", "move-preview-segments", "lanes"])
       ], 4)
     ], 34));
   }
-}), _s = ["aria-expanded"], Rs = {
+}), Ss = ["aria-expanded"], Rs = {
   key: 0,
   class: "grid-fill-action__menu",
   role: "menu"
@@ -2285,7 +2285,7 @@ const ud = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
         onMousedown: F[0] || (F[0] = b(() => {
         }, ["stop"])),
         onClick: F[1] || (F[1] = b((W) => x("toggle", W), ["stop"]))
-      }, " v ", 40, _s),
+      }, " v ", 40, Ss),
       a.isOpen ? (u(), m("div", Rs, [
         M("button", {
           type: "button",
@@ -2332,7 +2332,7 @@ const ud = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
       (...p) => a.renderApi.handleLinkedViewportWheel && a.renderApi.handleLinkedViewportWheel(...p))
     }, [
       vr(W.$slots, "chrome"),
-      Se(Ma, {
+      _e(Ma, {
         "layer-class": "grid-selection-overlay--pane-seam",
         "selection-segments": a.pane.selectionSeamOverlaySegments,
         "fill-preview-segments": a.pane.fillPreviewSeamOverlaySegments,
@@ -2351,42 +2351,42 @@ const ud = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
           class: "grid-spacer",
           style: T({ height: `${a.pane.topSpacerHeight ?? l(k).topSpacerHeight}px` })
         }, null, 4)) : D("", !0),
-        (u(!0), m(oe, null, fe(a.pane.displayRows, (p, _) => (u(), m("div", {
+        (u(!0), m(oe, null, fe(a.pane.displayRows, (p, S) => (u(), m("div", {
           key: `${String(p.rowId)}-${a.pane.side}-row`,
-          class: Y(["grid-row", [l(B).rowClass(p), a.renderApi.rowStateClasses(p, _), { "grid-row--autosize-probe": l(B).isRowAutosizeProbe(p, a.renderApi.viewportRowOffset(p, _)) }]]),
-          style: T(a.renderApi.paneRowStyle(p, _, a.pane.width)),
-          "data-row-index": a.renderApi.absoluteRowIndex(p, _),
+          class: Y(["grid-row", [l(B).rowClass(p), a.renderApi.rowStateClasses(p, S), { "grid-row--autosize-probe": l(B).isRowAutosizeProbe(p, a.renderApi.viewportRowOffset(p, S)) }]]),
+          style: T(a.renderApi.paneRowStyle(p, S, a.pane.width)),
+          "data-row-index": a.renderApi.absoluteRowIndex(p, S),
           onClick: (y) => a.renderApi.handleRowContainerClick(p),
-          onMouseenter: (y) => a.renderApi.setHoveredRow(p, _)
+          onMouseenter: (y) => a.renderApi.setHoveredRow(p, S)
         }, [
           a.pane.showIndexColumn ? (u(), m("div", {
             key: 0,
             class: Y(["grid-cell grid-cell--index grid-cell--index-number datagrid-stage__row-index-cell", [
-              a.renderApi.rowIndexCellClasses(p, a.renderApi.viewportRowOffset(p, _)),
+              a.renderApi.rowIndexCellClasses(p, a.renderApi.viewportRowOffset(p, S)),
               {
                 "grid-cell--pinned-divider-right": a.pane.side === "left" && a.pane.columns.length > 0
               }
             ]]),
-            style: T(a.renderApi.rowIndexCellStyle(p, a.renderApi.viewportRowOffset(p, _))),
+            style: T(a.renderApi.rowIndexCellStyle(p, a.renderApi.viewportRowOffset(p, S))),
             "data-row-id": String(p.rowId),
-            "data-row-index": a.renderApi.absoluteRowIndex(p, _),
+            "data-row-index": a.renderApi.absoluteRowIndex(p, S),
             tabindex: a.renderApi.rowIndexTabIndex(p),
             draggable: a.renderApi.isRowIndexDraggable(p),
-            onClick: b((y) => a.renderApi.handleRowIndexClickSafe(p, a.renderApi.viewportRowOffset(p, _), y), ["stop"]),
-            onKeydown: b((y) => a.renderApi.handleRowIndexKeydown(y, p, a.renderApi.viewportRowOffset(p, _)), ["stop"]),
-            onDragstart: b((y) => a.renderApi.handleRowIndexDragStart(y, p, a.renderApi.viewportRowOffset(p, _)), ["stop"]),
-            onDragover: b((y) => a.renderApi.handleRowIndexDragOver(y, p, a.renderApi.viewportRowOffset(p, _)), ["stop", "prevent"]),
-            onDrop: b((y) => a.renderApi.handleRowIndexDrop(y, p, a.renderApi.viewportRowOffset(p, _)), ["stop", "prevent"]),
+            onClick: b((y) => a.renderApi.handleRowIndexClickSafe(p, a.renderApi.viewportRowOffset(p, S), y), ["stop"]),
+            onKeydown: b((y) => a.renderApi.handleRowIndexKeydown(y, p, a.renderApi.viewportRowOffset(p, S)), ["stop"]),
+            onDragstart: b((y) => a.renderApi.handleRowIndexDragStart(y, p, a.renderApi.viewportRowOffset(p, S)), ["stop"]),
+            onDragover: b((y) => a.renderApi.handleRowIndexDragOver(y, p, a.renderApi.viewportRowOffset(p, S)), ["stop", "prevent"]),
+            onDrop: b((y) => a.renderApi.handleRowIndexDrop(y, p, a.renderApi.viewportRowOffset(p, S)), ["stop", "prevent"]),
             onDragend: A[0] || (A[0] = b((y) => a.renderApi.handleRowIndexDragEnd(), ["stop"]))
           }, [
-            ei(q(l(B).rowIndexLabel(p, a.renderApi.viewportRowOffset(p, _))) + " ", 1),
+            ei(q(l(B).rowIndexLabel(p, a.renderApi.viewportRowOffset(p, S))) + " ", 1),
             l(x) === "base" ? (u(), m("button", {
               key: 0,
               type: "button",
               class: "row-resize-handle",
               "aria-label": "Resize rows",
-              onMousedown: b((y) => l(B).startRowResize(y, p, a.renderApi.viewportRowOffset(p, _)), ["stop", "prevent"]),
-              onDblclick: b((y) => l(B).autosizeRow(y, p, a.renderApi.viewportRowOffset(p, _)), ["stop", "prevent"])
+              onMousedown: b((y) => l(B).startRowResize(y, p, a.renderApi.viewportRowOffset(p, S)), ["stop", "prevent"]),
+              onDblclick: b((y) => l(B).autosizeRow(y, p, a.renderApi.viewportRowOffset(p, S)), ["stop", "prevent"])
             }, null, 40, Ds)) : D("", !0)
           ], 46, Bs)) : D("", !0),
           (u(!0), m(oe, null, fe(a.pane.columns, (y, G) => (u(), m("div", {
@@ -2396,34 +2396,34 @@ const ud = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
               a.pane.side === "left" ? "grid-cell--pinned-left" : "grid-cell--pinned-right",
               a.pane.side === "left" && G < a.pane.columns.length - 1 ? "grid-cell--pinned-divider-right" : null,
               a.pane.side === "right" && G > 0 ? "grid-cell--pinned-divider-left" : null,
-              a.renderApi.builtInCellClasses(p, a.renderApi.viewportRowOffset(p, _), y, a.renderApi.columnIndexByKey(y.key)),
-              a.renderApi.cellStateClasses(p, a.renderApi.viewportRowOffset(p, _), a.renderApi.columnIndexByKey(y.key)),
-              a.renderApi.resolveCellCustomClass(p, a.renderApi.viewportRowOffset(p, _), y, a.renderApi.columnIndexByKey(y.key))
+              a.renderApi.builtInCellClasses(p, a.renderApi.viewportRowOffset(p, S), y, a.renderApi.columnIndexByKey(y.key)),
+              a.renderApi.cellStateClasses(p, a.renderApi.viewportRowOffset(p, S), a.renderApi.columnIndexByKey(y.key)),
+              a.renderApi.resolveCellCustomClass(p, a.renderApi.viewportRowOffset(p, S), y, a.renderApi.columnIndexByKey(y.key))
             ]]),
             style: T([
               a.renderApi.columnStyle(y.key),
               a.renderApi.bodyCellPresentationStyle(y),
-              a.renderApi.bodyCellSelectionStyle(p, y, a.renderApi.viewportRowOffset(p, _), a.renderApi.columnIndexByKey(y.key)),
-              a.renderApi.resolveCellCustomStyle(p, a.renderApi.viewportRowOffset(p, _), y, a.renderApi.columnIndexByKey(y.key))
+              a.renderApi.bodyCellSelectionStyle(p, y, a.renderApi.viewportRowOffset(p, S), a.renderApi.columnIndexByKey(y.key)),
+              a.renderApi.resolveCellCustomStyle(p, a.renderApi.viewportRowOffset(p, S), y, a.renderApi.columnIndexByKey(y.key))
             ]),
             "data-row-id": String(p.rowId),
             "data-column-key": y.key,
-            "data-row-index": a.renderApi.absoluteRowIndex(p, _),
+            "data-row-index": a.renderApi.absoluteRowIndex(p, S),
             "data-column-index": a.renderApi.columnIndexByKey(y.key),
-            tabindex: a.renderApi.cellTabIndex(a.renderApi.viewportRowOffset(p, _), a.renderApi.columnIndexByKey(y.key)),
-            role: a.renderApi.cellAriaRole(p, a.renderApi.viewportRowOffset(p, _), y, a.renderApi.columnIndexByKey(y.key)),
-            "aria-checked": a.renderApi.cellAriaChecked(p, a.renderApi.viewportRowOffset(p, _), y, a.renderApi.columnIndexByKey(y.key)),
-            "aria-pressed": a.renderApi.cellAriaPressed(p, a.renderApi.viewportRowOffset(p, _), y, a.renderApi.columnIndexByKey(y.key)),
-            "aria-label": a.renderApi.cellAriaLabel(p, a.renderApi.viewportRowOffset(p, _), y, a.renderApi.columnIndexByKey(y.key)),
-            "aria-disabled": a.renderApi.cellAriaDisabled(p, a.renderApi.viewportRowOffset(p, _), y, a.renderApi.columnIndexByKey(y.key)),
-            onMousedown: b((R) => a.renderApi.handleCellMouseDown(R, p, a.renderApi.viewportRowOffset(p, _), a.renderApi.columnIndexByKey(y.key)), ["prevent", "stop"]),
-            onClick: b((R) => a.renderApi.handleBodyCellClick(R, p, a.renderApi.viewportRowOffset(p, _), y, a.renderApi.columnIndexByKey(y.key)), ["stop"]),
-            onMousemove: (R) => a.renderApi.handleCellMouseMove(R, a.renderApi.viewportRowOffset(p, _), a.renderApi.columnIndexByKey(y.key)),
+            tabindex: a.renderApi.cellTabIndex(a.renderApi.viewportRowOffset(p, S), a.renderApi.columnIndexByKey(y.key)),
+            role: a.renderApi.cellAriaRole(p, a.renderApi.viewportRowOffset(p, S), y, a.renderApi.columnIndexByKey(y.key)),
+            "aria-checked": a.renderApi.cellAriaChecked(p, a.renderApi.viewportRowOffset(p, S), y, a.renderApi.columnIndexByKey(y.key)),
+            "aria-pressed": a.renderApi.cellAriaPressed(p, a.renderApi.viewportRowOffset(p, S), y, a.renderApi.columnIndexByKey(y.key)),
+            "aria-label": a.renderApi.cellAriaLabel(p, a.renderApi.viewportRowOffset(p, S), y, a.renderApi.columnIndexByKey(y.key)),
+            "aria-disabled": a.renderApi.cellAriaDisabled(p, a.renderApi.viewportRowOffset(p, S), y, a.renderApi.columnIndexByKey(y.key)),
+            onMousedown: b((R) => a.renderApi.handleCellMouseDown(R, p, a.renderApi.viewportRowOffset(p, S), a.renderApi.columnIndexByKey(y.key)), ["prevent", "stop"]),
+            onClick: b((R) => a.renderApi.handleBodyCellClick(R, p, a.renderApi.viewportRowOffset(p, S), y, a.renderApi.columnIndexByKey(y.key)), ["stop"]),
+            onMousemove: (R) => a.renderApi.handleCellMouseMove(R, a.renderApi.viewportRowOffset(p, S), a.renderApi.columnIndexByKey(y.key)),
             onMouseleave: A[14] || (A[14] = (R) => a.renderApi.clearRangeMoveHandleHover()),
-            onKeydown: b((R) => a.renderApi.handleCellKeydown(R, p, a.renderApi.viewportRowOffset(p, _), a.renderApi.columnIndexByKey(y.key)), ["stop"]),
-            onDblclick: b((R) => a.renderApi.startInlineEditIfAllowed(p, y, a.renderApi.viewportRowOffset(p, _)), ["stop", "prevent"])
+            onKeydown: b((R) => a.renderApi.handleCellKeydown(R, p, a.renderApi.viewportRowOffset(p, S), a.renderApi.columnIndexByKey(y.key)), ["stop"]),
+            onDblclick: b((R) => a.renderApi.startInlineEditIfAllowed(p, y, a.renderApi.viewportRowOffset(p, S)), ["stop", "prevent"])
           }, [
-            l(x) === "base" && a.renderApi.isCellEditableSafe(p, a.renderApi.viewportRowOffset(p, _), y, a.renderApi.columnIndexByKey(y.key)) && a.renderApi.isFillHandleCellSafe(a.renderApi.viewportRowOffset(p, _), a.renderApi.columnIndexByKey(y.key)) && !a.renderApi.isEditingCellSafe(p, y.key) ? (u(), m("button", {
+            l(x) === "base" && a.renderApi.isCellEditableSafe(p, a.renderApi.viewportRowOffset(p, S), y, a.renderApi.columnIndexByKey(y.key)) && a.renderApi.isFillHandleCellSafe(a.renderApi.viewportRowOffset(p, S), a.renderApi.columnIndexByKey(y.key)) && !a.renderApi.isEditingCellSafe(p, y.key) ? (u(), m("button", {
               key: 0,
               type: "button",
               class: "cell-fill-handle",
@@ -2432,7 +2432,7 @@ const ud = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
               onMousedown: A[1] || (A[1] = b((R) => a.renderApi.handleFillHandleMouseDown(R), ["stop", "prevent"])),
               onDblclick: A[2] || (A[2] = b((R) => a.renderApi.handleFillHandleDoubleClick(R), ["stop", "prevent"]))
             }, null, 32)) : D("", !0),
-            a.renderApi.isSelectEditorCell(p, a.renderApi.viewportRowOffset(p, _), y, a.renderApi.columnIndexByKey(y.key)) ? (u(), se(ui, {
+            a.renderApi.isSelectEditorCell(p, a.renderApi.viewportRowOffset(p, S), y, a.renderApi.columnIndexByKey(y.key)) ? (u(), se(ui, {
               key: 1,
               value: a.renderApi.resolveSelectEditorValue(p, y),
               options: a.renderApi.resolveSelectEditorOptions(p, y),
@@ -2442,7 +2442,7 @@ const ud = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
               onCommit: a.renderApi.handleSelectEditorCommit,
               onCancel: a.renderApi.handleSelectEditorCancel,
               onOptionsResolved: (R) => a.renderApi.handleSelectEditorOptionsResolved(p, y, R)
-            }, null, 8, ["value", "options", "load-options", "initial-filter", "open-on-mount", "onCommit", "onCancel", "onOptionsResolved"])) : a.renderApi.isDateEditorCell(p, a.renderApi.viewportRowOffset(p, _), y, a.renderApi.columnIndexByKey(y.key)) ? (u(), m("input", {
+            }, null, 8, ["value", "options", "load-options", "initial-filter", "open-on-mount", "onCommit", "onCancel", "onOptionsResolved"])) : a.renderApi.isDateEditorCell(p, a.renderApi.viewportRowOffset(p, S), y, a.renderApi.columnIndexByKey(y.key)) ? (u(), m("input", {
               key: 2,
               class: "cell-editor-control cell-editor-input cell-editor-input--date",
               name: `datagrid-cell-editor-${y.key}`,
@@ -2462,7 +2462,7 @@ const ud = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
               )),
               onBlur: A[8] || (A[8] = //@ts-ignore
               (...R) => a.renderApi.handleTextEditorBlur && a.renderApi.handleTextEditorBlur(...R))
-            }, null, 40, Ps)) : a.renderApi.isTextEditorCell(p, a.renderApi.viewportRowOffset(p, _), y, a.renderApi.columnIndexByKey(y.key)) ? (u(), m("input", {
+            }, null, 40, Ps)) : a.renderApi.isTextEditorCell(p, a.renderApi.viewportRowOffset(p, S), y, a.renderApi.columnIndexByKey(y.key)) ? (u(), m("input", {
               key: 3,
               class: "cell-editor-control cell-editor-input",
               name: `datagrid-cell-editor-${y.key}`,
@@ -2490,7 +2490,7 @@ const ud = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
               }, null, 2)
             ], 2)) : (u(), se(l(ci), {
               key: 5,
-              content: a.renderApi.renderResolvedCellContent(p, a.renderApi.viewportRowOffset(p, _), y, a.renderApi.columnIndexByKey(y.key))
+              content: a.renderApi.renderResolvedCellContent(p, a.renderApi.viewportRowOffset(p, S), y, a.renderApi.columnIndexByKey(y.key))
             }, null, 8, ["content"]))
           ], 46, Ls))), 128))
         ], 46, Es))), 128)),
@@ -2499,7 +2499,7 @@ const ud = ["data-datagrid-pivot-group-label", "data-datagrid-pivot-group-span",
           class: "grid-spacer",
           style: T({ height: `${a.pane.bottomSpacerHeight ?? l(k).bottomSpacerHeight}px` })
         }, null, 4)) : D("", !0),
-        Se(Ma, {
+        _e(Ma, {
           "selection-segments": a.pane.selectionOverlaySegments,
           "fill-preview-segments": a.pane.fillPreviewOverlaySegments,
           "move-preview-segments": a.pane.movePreviewOverlaySegments,
@@ -2576,19 +2576,19 @@ function $s(a) {
     const A = C.container?.isConnected ? C.container : z(F.target);
     if (!A)
       return;
-    const p = W.clientX - C.startX, _ = W.clientY - C.startY, y = Math.max(0, A.scrollHeight - A.clientHeight), G = Math.max(0, A.scrollWidth - A.clientWidth);
+    const p = W.clientX - C.startX, S = W.clientY - C.startY, y = Math.max(0, A.scrollHeight - A.clientHeight), G = Math.max(0, A.scrollWidth - A.clientWidth);
     !C.lockedAxis && (C.lockedAxis = Os({
       deltaX: p,
-      deltaY: _,
+      deltaY: S,
       maxScrollLeft: G,
       maxScrollTop: y
-    }), !C.lockedAxis) || (F.preventDefault(), C.lockedAxis === "x" && G > Yr && (A.scrollLeft = Un(C.startScrollLeft - p, G)), C.lockedAxis === "y" && y > Yr && (A.scrollTop = Un(C.startScrollTop - _, y)));
+    }), !C.lockedAxis) || (F.preventDefault(), C.lockedAxis === "x" && G > Yr && (A.scrollLeft = Un(C.startScrollLeft - p, G)), C.lockedAxis === "y" && y > Yr && (A.scrollTop = Un(C.startScrollTop - S, y)));
   };
   return a.root.addEventListener("touchstart", B, { capture: !0, passive: !0 }), a.root.addEventListener("touchmove", K, { capture: !0, passive: !1 }), a.root.addEventListener("touchend", k, !0), a.root.addEventListener("touchcancel", k, !0), () => {
     a.root.removeEventListener("touchstart", B, !0), a.root.removeEventListener("touchmove", K, !0), a.root.removeEventListener("touchend", k, !0), a.root.removeEventListener("touchcancel", k, !0);
   };
 }
-const Xn = "affino-datagrid-vue-app-styles", Sa = `
+const Xn = "affino-datagrid-vue-app-styles", _a = `
 .affino-datagrid-app-root {
   display: flex;
   min-width: 0;
@@ -4977,13 +4977,26 @@ body.datagrid-fill-drag-cursor * {
   font-weight: 600;
 }
 
+.datagrid-context-menu__submenu {
+  position: relative;
+}
+
 .datagrid-context-menu__submenu-panel {
+  position: absolute;
+  top: -6px;
+  left: calc(100% + 6px);
+  z-index: 1;
+  min-width: 188px;
+  max-height: calc(100vh - 16px);
+  overflow-y: auto;
+  padding: 6px;
+  border: 1px solid var(--datagrid-glass-border);
+  border-radius: 10px;
+  background: color-mix(in srgb, var(--datagrid-surface-elevated-color) 94%, white 6%);
+  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.18);
   display: flex;
   flex-direction: column;
   gap: 2px;
-  margin-left: 10px;
-  padding-left: 8px;
-  border-left: 1px solid color-mix(in srgb, var(--datagrid-glass-border) 72%, transparent);
 }
 
 .datagrid-context-menu__submenu-arrow {
@@ -5803,11 +5816,11 @@ function Vs() {
     return;
   const a = document.getElementById(Xn);
   if (a instanceof HTMLStyleElement) {
-    a.textContent !== Sa && (a.textContent = Sa);
+    a.textContent !== _a && (a.textContent = _a);
     return;
   }
   const C = document.createElement("style");
-  C.id = Xn, C.textContent = Sa, document.head.append(C);
+  C.id = Xn, C.textContent = _a, document.head.append(C);
 }
 const Lr = ["edit", "paste", "toggle"];
 function Yn(a) {
@@ -5908,47 +5921,47 @@ function Ns(a, C, x) {
   };
 }
 function su(a) {
-  const C = d(() => Math.max(0, a.totalBodyRows.value + a.placeholderRows.value.count)), x = dl(null), z = (_) => {
-    if (!Number.isFinite(_))
+  const C = d(() => Math.max(0, a.totalBodyRows.value + a.placeholderRows.value.count)), x = dl(null), z = (S) => {
+    if (!Number.isFinite(S))
       return null;
-    const y = Math.max(0, Math.trunc(_));
+    const y = Math.max(0, Math.trunc(S));
     return y < a.totalBodyRows.value ? a.runtime.getBodyRowAtIndex(y) : y >= C.value ? null : js(y);
-  }, k = (_) => {
-    const y = Ws(_);
-    return y >= 0 ? y : a.runtime.resolveBodyRowIndexById(_);
-  }, B = (_) => a.placeholderRows.value.createRowAt != null && _?.column.capabilities?.editable !== !1, K = (_, y) => {
+  }, k = (S) => {
+    const y = Ws(S);
+    return y >= 0 ? y : a.runtime.resolveBodyRowIndexById(S);
+  }, B = (S) => a.placeholderRows.value.createRowAt != null && S?.column.capabilities?.editable !== !1, K = (S, y) => {
     if (a.totalBodyRows.value <= 0)
       return;
     const G = a.totalBodyRows.value, R = Ba({
-      start: Math.min(_.start, G - 1),
-      end: Math.min(_.end, G - 1)
+      start: Math.min(S.start, G - 1),
+      end: Math.min(S.end, G - 1)
     }, G);
     if (y === "viewport") {
       a.runtime.setViewportRange(R);
       return;
     }
     (a.runtime.setVirtualWindowRange ?? a.runtime.setViewportRange)?.(R);
-  }, F = (_, y) => {
-    const G = Ba(_, C.value);
+  }, F = (S, y) => {
+    const G = Ba(S, C.value);
     return x.value = G, K(G, y), G;
   }, W = d(() => Ns(
     a.runtime.virtualWindow.value,
     x.value,
     C.value
-  )), A = (_, y) => {
-    const G = Math.max(0, Math.trunc(_));
+  )), A = (S, y) => {
+    const G = Math.max(0, Math.trunc(S));
     if (G < a.totalBodyRows.value)
       return a.runtime.getBodyRowAtIndex(G);
     const R = a.placeholderRows.value;
     if (!R.enabled || !R.createRowAt || !Gs(R, y) || G >= C.value)
       return null;
-    const _e = [...a.sourceRows.value];
+    const Se = [...a.sourceRows.value];
     let g = a.totalBodyRows.value;
     for (; g <= G; ) {
       const V = R.createRowAt({
         visualRowIndex: g,
         materializedRowCount: g,
-        sourceRows: _e,
+        sourceRows: Se,
         reason: y
       });
       if (!V)
@@ -5962,7 +5975,7 @@ function su(a) {
           a.runtime.setRows([ge]);
         else
           return null;
-      _e.push(ge), g += 1;
+      Se.push(ge), g += 1;
     }
     return a.runtime.getBodyRowAtIndex(G);
   }, p = {
@@ -5972,22 +5985,22 @@ function su(a) {
       ...a.runtime.rowPartition.value,
       bodyRowCount: C.value
     })),
-    syncBodyRowsInRange: (_) => {
-      const y = F(_, "virtual-window");
-      if (_.end < _.start)
+    syncBodyRowsInRange: (S) => {
+      const y = F(S, "virtual-window");
+      if (S.end < S.start)
         return [];
       const G = [];
       for (let R = y.start; R <= y.end; R += 1) {
-        const _e = z(R);
-        _e && G.push(_e);
+        const Se = z(R);
+        Se && G.push(Se);
       }
       return G;
     },
-    setViewportRange: (_) => {
-      F(_, "viewport");
+    setViewportRange: (S) => {
+      F(S, "viewport");
     },
-    setVirtualWindowRange: (_) => {
-      F(_, "virtual-window");
+    setVirtualWindowRange: (S) => {
+      F(S, "virtual-window");
     },
     getBodyRowAtIndex: z,
     resolveBodyRowIndexById: k
@@ -6000,7 +6013,7 @@ function su(a) {
     ensureMaterializedRowAt: A
   };
 }
-const qs = "dgPerfTrace", Us = "affino-datagrid-perf-trace", _a = "__AFFINO_DATAGRID_PERF__", Zn = 400, Xs = 6, Ys = ".grid-fill-action", ot = 14, qe = 8, Ra = 10, Qn = 72, Xr = "datagrid-fill-drag-cursor", uu = /* @__PURE__ */ xt({
+const qs = "dgPerfTrace", Us = "affino-datagrid-perf-trace", Sa = "__AFFINO_DATAGRID_PERF__", Zn = 400, Xs = 6, Ys = ".grid-fill-action", ot = 14, qe = 8, Ra = 10, Qn = 72, Xr = "datagrid-fill-drag-cursor", uu = /* @__PURE__ */ xt({
   __name: "DataGridTableStage",
   props: {
     mode: {
@@ -6116,12 +6129,12 @@ const qs = "dgPerfTrace", Us = "affino-datagrid-perf-trace", _a = "__AFFINO_DATA
             i.push(r.totalMs), t.set(r.scope, i);
           }
           return Array.from(t.entries()).map(([r, i]) => {
-            const c = [...i].sort((P, J) => P - J), f = c.reduce((P, J) => P + J, 0), S = Math.min(c.length - 1, Math.max(0, Math.ceil(c.length * 0.95) - 1));
+            const c = [...i].sort((P, J) => P - J), f = c.reduce((P, J) => P + J, 0), _ = Math.min(c.length - 1, Math.max(0, Math.ceil(c.length * 0.95) - 1));
             return {
               scope: r,
               count: c.length,
               meanMs: f / Math.max(1, c.length),
-              p95Ms: c[S] ?? 0,
+              p95Ms: c[_] ?? 0,
               maxMs: c.length > 0 ? c[c.length - 1] ?? 0 : 0
             };
           });
@@ -6132,7 +6145,7 @@ const qs = "dgPerfTrace", Us = "affino-datagrid-perf-trace", _a = "__AFFINO_DATA
       if (typeof window > "u")
         return null;
       const e = window;
-      return e[_a] || (e[_a] = B()), e[_a] ?? null;
+      return e[Sa] || (e[Sa] = B()), e[Sa] ?? null;
     }
     function F(e) {
       K()?.push(e);
@@ -6141,9 +6154,9 @@ const qs = "dgPerfTrace", Us = "affino-datagrid-perf-trace", _a = "__AFFINO_DATA
       W
     );
     sd(A);
-    const p = A.mode, _ = A.rowHeightMode, y = A.layoutMode, G = A.layout, R = A.viewport, _e = A.columns, g = A.rows, V = A.selection, ge = A.editing, ue = A.cells, ke = A.interaction, he = z();
+    const p = A.mode, S = A.rowHeightMode, y = A.layoutMode, G = A.layout, R = A.viewport, Se = A.columns, g = A.rows, V = A.selection, ge = A.editing, ue = A.cells, ke = A.interaction, he = z();
     he && K();
-    const ae = d(() => _e.value?.visibleColumns ?? []), re = d(() => _e.value?.renderedColumns ?? []), O = d(() => g.value?.displayRows ?? []), $ = d(() => g.value?.pinnedBottomRows ?? []), w = d(() => V.value?.selectionRange ?? null), Z = d(() => {
+    const ae = d(() => Se.value?.visibleColumns ?? []), re = d(() => Se.value?.renderedColumns ?? []), O = d(() => g.value?.displayRows ?? []), $ = d(() => g.value?.pinnedBottomRows ?? []), w = d(() => V.value?.selectionRange ?? null), Z = d(() => {
       const e = V.value?.selectionRanges;
       return Array.isArray(e) && e.length > 0 ? e : w.value ? [w.value] : [];
     }), E = d(() => V.value?.isFillDragging === !0), X = d(() => ae.value.some((e) => Wt(e)));
@@ -6256,14 +6269,14 @@ const qs = "dgPerfTrace", Us = "affino-datagrid-perf-trace", _a = "__AFFINO_DATA
       };
       if (!ct(r))
         return c;
-      const f = ct(r - 1), S = ct(r + 1);
+      const f = ct(r - 1), _ = ct(r + 1);
       return {
         ...c,
         "grid-cell--index-selected": !0,
-        "grid-cell--index-selected-single": !f && !S,
-        "grid-cell--index-selected-top": !f && S,
-        "grid-cell--index-selected-middle": f && S,
-        "grid-cell--index-selected-bottom": f && !S
+        "grid-cell--index-selected-single": !f && !_,
+        "grid-cell--index-selected-top": !f && _,
+        "grid-cell--index-selected-middle": f && _,
+        "grid-cell--index-selected-bottom": f && !_
       };
     }
     function Ie(e, t, r, i) {
@@ -6289,8 +6302,8 @@ const qs = "dgPerfTrace", Us = "affino-datagrid-perf-trace", _a = "__AFFINO_DATA
       const c = i.getBoundingClientRect();
       if (c.width <= 0)
         return !1;
-      const f = e.clientX - c.left, S = Math.min(24, Math.max(16, Math.floor(c.width * 0.22)));
-      return f >= c.width - S;
+      const f = e.clientX - c.left, _ = Math.min(24, Math.max(16, Math.floor(c.width * 0.22)));
+      return f >= c.width - _;
     }
     function Ye(e, t, r) {
       const i = t.kind === "group" ? "none" : Ct(t, r);
@@ -6302,8 +6315,8 @@ const qs = "dgPerfTrace", Us = "affino-datagrid-perf-trace", _a = "__AFFINO_DATA
       const f = c.getBoundingClientRect();
       if (f.width <= 0)
         return !1;
-      const S = e.clientX - f.left, P = Math.min(24, Math.max(16, Math.floor(f.width * 0.22)));
-      return S >= f.width - P;
+      const _ = e.clientX - f.left, P = Math.min(24, Math.max(16, Math.floor(f.width * 0.22)));
+      return _ >= f.width - P;
     }
     function ne(e, t) {
       return et(e, t) ? 0 : -1;
@@ -6534,13 +6547,13 @@ const qs = "dgPerfTrace", Us = "affino-datagrid-perf-trace", _a = "__AFFINO_DATA
       return r === "true" || r === "1" || r === "yes" || r === "on";
     }
     function Ua(e, t, r, i) {
-      const c = e.kind !== "group" ? Ct(e, r) : "none", f = v(e, t, r, i), S = sr(e, t, r, i);
+      const c = e.kind !== "group" ? Ct(e, r) : "none", f = v(e, t, r, i), _ = sr(e, t, r, i);
       return {
         "grid-cell--checkbox": kr(e, r),
         "grid-cell--row-selection": qa(r),
         "grid-cell--select": f && c === "select",
         "grid-cell--date": f && (c === "date" || c === "datetime"),
-        "grid-cell--interactive": S !== null
+        "grid-cell--interactive": _ !== null
       };
     }
     function sr(e, t, r, i) {
@@ -6640,7 +6653,7 @@ const qs = "dgPerfTrace", Us = "affino-datagrid-perf-trace", _a = "__AFFINO_DATA
       if (!i)
         return;
       const c = Pe.value.get(i);
-      if (c && c.length === r.length && c.every((S, P) => S.value === r[P]?.value && S.label === r[P]?.label))
+      if (c && c.length === r.length && c.every((_, P) => _.value === r[P]?.value && _.label === r[P]?.label))
         return;
       const f = new Map(Pe.value);
       f.set(i, [...r]), Pe.value = f;
@@ -6653,7 +6666,7 @@ const qs = "dgPerfTrace", Us = "affino-datagrid-perf-trace", _a = "__AFFINO_DATA
       if (i.length === 0)
         return r;
       const c = nn(e, t);
-      return i.find((S) => S.value === String(c ?? ""))?.label ?? r;
+      return i.find((_) => _.value === String(c ?? ""))?.label ?? r;
     }
     function mi(e) {
       return {
@@ -6661,11 +6674,11 @@ const qs = "dgPerfTrace", Us = "affino-datagrid-perf-trace", _a = "__AFFINO_DATA
       };
     }
     function sn(e, t, r, i) {
-      const c = sa(e, r), f = mi(e), S = v(e, t, r, i), P = jn({
+      const c = sa(e, r), f = mi(e), _ = v(e, t, r, i), P = jn({
         column: r.column,
         row: e.kind !== "group" ? e.data : void 0,
         rowId: e.rowId,
-        editable: S
+        editable: _
       }), J = P ? {
         enabled: P.disabled !== !0,
         click: P.click,
@@ -6679,7 +6692,7 @@ const qs = "dgPerfTrace", Us = "affino-datagrid-perf-trace", _a = "__AFFINO_DATA
           column: r.column,
           row: e.kind !== "group" ? e.data : void 0,
           rowId: e.rowId,
-          editable: S,
+          editable: _,
           trigger: we ?? "click"
         })
       } : null;
@@ -6796,18 +6809,18 @@ const qs = "dgPerfTrace", Us = "affino-datagrid-perf-trace", _a = "__AFFINO_DATA
       const f = e.currentTarget instanceof HTMLElement ? e.currentTarget : null;
       if (!f)
         return !1;
-      const S = f.getBoundingClientRect();
-      if (S.width <= 0 || S.height <= 0)
+      const _ = f.getBoundingClientRect();
+      if (_.width <= 0 || _.height <= 0)
         return !1;
       const P = Math.max(
         1,
         Math.min(
           Xs,
-          Math.floor(S.width / 2),
-          Math.floor(S.height / 2)
+          Math.floor(_.width / 2),
+          Math.floor(_.height / 2)
         )
-      ), J = e.clientX - S.left, me = e.clientY - S.top;
-      return me <= P && Tr(t, r, "top") || S.height - me <= P && Tr(t, r, "bottom") || J <= P && Tr(t, r, "left") || S.width - J <= P && Tr(t, r, "right");
+      ), J = e.clientX - _.left, me = e.clientY - _.top;
+      return me <= P && Tr(t, r, "top") || _.height - me <= P && Tr(t, r, "bottom") || J <= P && Tr(t, r, "left") || _.width - J <= P && Tr(t, r, "right");
     }
     function wn(e, t, r) {
       if (E.value || V.value.rangeMoveEnabled !== !0) {
@@ -6870,7 +6883,7 @@ const qs = "dgPerfTrace", Us = "affino-datagrid-perf-trace", _a = "__AFFINO_DATA
       }
       return null;
     }
-    function Si(e) {
+    function _i(e) {
       const t = `.grid-cell[data-row-index="${e}"]`;
       for (const r of [
         H.value,
@@ -6919,7 +6932,7 @@ const qs = "dgPerfTrace", Us = "affino-datagrid-perf-trace", _a = "__AFFINO_DATA
       }
       o.value?.focus({ preventScroll: !0 });
     }
-    function _i() {
+    function Si() {
       ga(), Nr(() => {
         ga(), typeof window < "u" && window.requestAnimationFrame(() => {
           ga();
@@ -6930,7 +6943,7 @@ const qs = "dgPerfTrace", Us = "affino-datagrid-perf-trace", _a = "__AFFINO_DATA
       o.value = dt(e), R.value.bodyViewportRef(e), Qt(), An(), Ot();
     }
     function Mi(e) {
-      n.value = dt(e), Sn(), va();
+      n.value = dt(e), _n(), va();
     }
     function Ai(e) {
       H.value = dt(e);
@@ -6987,7 +7000,7 @@ const qs = "dgPerfTrace", Us = "affino-datagrid-perf-trace", _a = "__AFFINO_DATA
       const e = n.value;
       !e || e.scrollLeft === Tt.value || (e.scrollLeft = Tt.value);
     }
-    function Sn() {
+    function _n() {
       ta.value = n.value?.clientHeight ?? 0;
     }
     function Qt() {
@@ -6996,12 +7009,12 @@ const qs = "dgPerfTrace", Us = "affino-datagrid-perf-trace", _a = "__AFFINO_DATA
         return;
       pa(e);
       const r = e.getBoundingClientRect(), i = t.getBoundingClientRect();
-      ra.value = Math.max(0, r.top - i.top), hr.value = Fr()?.getBoundingClientRect().height ?? 0, ea.value = ca()?.clientWidth ?? Ft.value, Sn(), va();
+      ra.value = Math.max(0, r.top - i.top), hr.value = Fr()?.getBoundingClientRect().height ?? 0, ea.value = ca()?.clientWidth ?? Ft.value, _n(), va();
     }
     function ma() {
       return typeof window > "u" ? 1 : Math.max(1, window.devicePixelRatio || 1);
     }
-    function _n(e) {
+    function Sn(e) {
       if (typeof window > "u")
         return "";
       let t = s.value;
@@ -7014,30 +7027,30 @@ const qs = "dgPerfTrace", Us = "affino-datagrid-perf-trace", _a = "__AFFINO_DATA
       return window.getComputedStyle(document.documentElement).getPropertyValue(e).trim();
     }
     function bt(e, t) {
-      return _n(e) || t;
+      return Sn(e) || t;
     }
     function fa(e, t) {
-      const r = _n(e);
+      const r = Sn(e);
       if (r.length === 0)
         return t;
       const i = Number.parseFloat(r);
       return Number.isFinite(i) && i >= 0 ? i : t;
     }
-    function St(e, t, r) {
+    function _t(e, t, r) {
       if (!e || t <= 0 || r <= 0)
         return e && e.getContext("2d")?.clearRect(0, 0, e.width, e.height), null;
       const i = ma(), c = Math.max(1, Math.round(t * i)), f = Math.max(1, Math.round(r * i));
       e.width !== c && (e.width = c), e.height !== f && (e.height = f);
-      const S = e.getContext("2d");
-      return S ? (S.setTransform(i, 0, 0, i, 0, 0), S.clearRect(0, 0, t, r), S) : null;
+      const _ = e.getContext("2d");
+      return _ ? (_.setTransform(i, 0, 0, i, 0, 0), _.clearRect(0, 0, t, r), _) : null;
     }
     function Di(e, t, r, i) {
       if (t.width <= 0 || t.height <= 0 || i <= 0)
         return;
       const c = ma(), f = Aa(i, c);
       e.save(), e.strokeStyle = r, e.lineWidth = f, e.beginPath();
-      for (const S of t.horizontalLines) {
-        const P = qn(S.position, f, c);
+      for (const _ of t.horizontalLines) {
+        const P = qn(_.position, f, c);
         P < -f || P > t.height + f || (e.moveTo(0, P), e.lineTo(t.width, P));
       }
       e.stroke(), e.restore();
@@ -7090,8 +7103,8 @@ const qs = "dgPerfTrace", Us = "affino-datagrid-perf-trace", _a = "__AFFINO_DATA
           const i = Li(r.kind);
           if (!i)
             continue;
-          const c = Math.round(r.top), f = Math.max(1, Math.round(r.height)), S = Math.max(0, c), J = Math.min(t.height, c + f) - S;
-          J <= 0 || (e.fillStyle = i, e.fillRect(0, S, t.width, J));
+          const c = Math.round(r.top), f = Math.max(1, Math.round(r.height)), _ = Math.max(0, c), J = Math.min(t.height, c + f) - _;
+          J <= 0 || (e.fillStyle = i, e.fillRect(0, _, t.width, J));
         }
         e.restore();
       }
@@ -7101,10 +7114,10 @@ const qs = "dgPerfTrace", Us = "affino-datagrid-perf-trace", _a = "__AFFINO_DATA
         return;
       const c = ma(), f = Aa(i, c);
       e.save(), e.strokeStyle = r, e.lineWidth = f, e.beginPath();
-      for (const S of t.verticalLines) {
-        if (S.position <= 0.5 || S.position >= t.width - 0.5)
+      for (const _ of t.verticalLines) {
+        if (_.position <= 0.5 || _.position >= t.width - 0.5)
           continue;
-        const P = qn(S.position, f, c);
+        const P = qn(_.position, f, c);
         P < -f || P > t.width + f || (e.moveTo(P, 0), e.lineTo(P, t.height));
       }
       e.stroke(), e.restore();
@@ -7117,52 +7130,52 @@ const qs = "dgPerfTrace", Us = "affino-datagrid-perf-trace", _a = "__AFFINO_DATA
     }
     function Mn(e = "full") {
       Zt = 0, yr = "full";
-      const t = Ti.value, r = zi.value, i = bt("--datagrid-row-divider-color", "rgba(0, 0, 0, 0.08)"), c = bt("--datagrid-column-divider-color", "rgba(0, 0, 0, 0.08)"), f = bt("--datagrid-header-column-divider-color", c), S = fa("--datagrid-row-divider-size", 1), P = fa("--datagrid-column-divider-size", 1), J = fa("--datagrid-header-column-divider-size", P), me = e === "full" ? St(
+      const t = Ti.value, r = zi.value, i = bt("--datagrid-row-divider-color", "rgba(0, 0, 0, 0.08)"), c = bt("--datagrid-column-divider-color", "rgba(0, 0, 0, 0.08)"), f = bt("--datagrid-header-column-divider-color", c), _ = fa("--datagrid-row-divider-size", 1), P = fa("--datagrid-column-divider-size", 1), J = fa("--datagrid-header-column-divider-size", P), me = e === "full" ? _t(
         Pr.value,
         t.left.width,
         t.left.height
       ) : null;
       me && ha(me, t.left, f, J);
-      const we = St(
+      const we = _t(
         za.value,
         t.center.width,
         t.center.height
       );
       ha(we, t.center, f, J);
-      const Be = e === "full" ? St(
+      const Be = e === "full" ? _t(
         Ta.value,
         t.right.width,
         t.right.height
       ) : null;
       Be && ha(Be, t.right, f, J);
-      const De = e === "full" ? St(Fa.value, r.left.width, r.left.height) : null;
+      const De = e === "full" ? _t(Fa.value, r.left.width, r.left.height) : null;
       De && ur(
         De,
         r.left,
         i,
-        S,
+        _,
         c,
         0
       );
-      const at = St(Oa.value, r.center.width, r.center.height);
+      const at = _t(Oa.value, r.center.width, r.center.height);
       ur(
         at,
         r.center,
         i,
-        S,
+        _,
         c,
         P
       );
-      const Le = e === "full" ? St($a.value, r.right.width, r.right.height) : null;
+      const Le = e === "full" ? _t($a.value, r.right.width, r.right.height) : null;
       Le && ur(
         Le,
         r.right,
         i,
-        S,
+        _,
         c,
         0
       );
-      const te = Oi.value, Ce = e === "full" ? St(
+      const te = Oi.value, Ce = e === "full" ? _t(
         Va.value,
         te.left.width,
         te.left.height
@@ -7171,11 +7184,11 @@ const qs = "dgPerfTrace", Us = "affino-datagrid-perf-trace", _a = "__AFFINO_DATA
         Ce,
         te.left,
         i,
-        S,
+        _,
         c,
         0
       );
-      const tr = St(
+      const tr = _t(
         Ha.value,
         te.center.width,
         te.center.height
@@ -7184,11 +7197,11 @@ const qs = "dgPerfTrace", Us = "affino-datagrid-perf-trace", _a = "__AFFINO_DATA
         tr,
         te.center,
         i,
-        S,
+        _,
         c,
         P
       );
-      const pr = e === "full" ? St(
+      const pr = e === "full" ? _t(
         Ga.value,
         te.right.width,
         te.right.height
@@ -7197,7 +7210,7 @@ const qs = "dgPerfTrace", Us = "affino-datagrid-perf-trace", _a = "__AFFINO_DATA
         pr,
         te.right,
         i,
-        S,
+        _,
         c,
         0
       );
@@ -7299,7 +7312,7 @@ const qs = "dgPerfTrace", Us = "affino-datagrid-perf-trace", _a = "__AFFINO_DATA
       const e = V.value.fillActionAnchorCell;
       if (!e)
         return null;
-      const t = Oe(), r = Oe() + Math.max(0, O.value.length - 1), i = w.value, c = i ? Math.min(i.startRow, i.endRow) : e.rowIndex, f = i ? Math.max(i.startRow, i.endRow) : e.rowIndex, S = i ? Math.min(i.startColumn, i.endColumn) : e.columnIndex, P = i ? Math.max(i.startColumn, i.endColumn) : e.columnIndex, J = Math.max(c, t), me = Math.min(f, r), we = J <= me ? $t(e.rowIndex, J, me) : e.rowIndex, Be = new Set((re.value ?? []).map((Le) => Le.key)), De = ae.value.map((Le, te) => ({ column: Le, columnIndex: te })).filter(({ column: Le, columnIndex: te }) => te < S || te > P ? !1 : Le.pin === "left" || Le.pin === "right" || Be.has(Le.key)).map(({ columnIndex: Le }) => Le), at = De.length > 0 ? $t(
+      const t = Oe(), r = Oe() + Math.max(0, O.value.length - 1), i = w.value, c = i ? Math.min(i.startRow, i.endRow) : e.rowIndex, f = i ? Math.max(i.startRow, i.endRow) : e.rowIndex, _ = i ? Math.min(i.startColumn, i.endColumn) : e.columnIndex, P = i ? Math.max(i.startColumn, i.endColumn) : e.columnIndex, J = Math.max(c, t), me = Math.min(f, r), we = J <= me ? $t(e.rowIndex, J, me) : e.rowIndex, Be = new Set((re.value ?? []).map((Le) => Le.key)), De = ae.value.map((Le, te) => ({ column: Le, columnIndex: te })).filter(({ column: Le, columnIndex: te }) => te < _ || te > P ? !1 : Le.pin === "left" || Le.pin === "right" || Be.has(Le.key)).map(({ columnIndex: Le }) => Le), at = De.length > 0 ? $t(
         e.columnIndex,
         De[0] ?? e.columnIndex,
         De[De.length - 1] ?? e.columnIndex
@@ -7324,24 +7337,24 @@ const qs = "dgPerfTrace", Us = "affino-datagrid-perf-trace", _a = "__AFFINO_DATA
       if (!r)
         return null;
       if (r.pin === "left") {
-        let S = Q.value;
+        let _ = Q.value;
         for (const P of xe.value)
-          if (S += ie(P), P.key === r.key)
+          if (_ += ie(P), P.key === r.key)
             break;
         return $t(
-          S - ot,
+          _ - ot,
           qe,
           Math.max(qe, ee.value - ot - qe)
         );
       }
       if (r.pin === "right") {
-        let S = ee.value + Or.value;
+        let _ = ee.value + Or.value;
         for (const J of pe.value)
-          if (S += ie(J), J.key === r.key)
+          if (_ += ie(J), J.key === r.key)
             break;
         const P = ee.value + Or.value;
         return $t(
-          S - ot,
+          _ - ot,
           P + qe,
           Math.max(
             P + qe,
@@ -7350,8 +7363,8 @@ const qs = "dgPerfTrace", Us = "affino-datagrid-perf-trace", _a = "__AFFINO_DATA
         );
       }
       let i = ee.value - Tt.value;
-      for (const S of $i.value)
-        if (i += ie(S), S.key === r.key)
+      for (const _ of $i.value)
+        if (i += ie(_), _.key === r.key)
           break;
       const c = ee.value + qe, f = ee.value + Or.value - ot - qe;
       return $t(i - ot, c, f);
@@ -7372,10 +7385,10 @@ const qs = "dgPerfTrace", Us = "affino-datagrid-perf-trace", _a = "__AFFINO_DATA
           e,
           t
         );
-      const f = h.value?.getBoundingClientRect(), S = i ? Si(i.rowIndex) : null;
-      if (!f || !S)
+      const f = h.value?.getBoundingClientRect(), _ = i ? _i(i.rowIndex) : null;
+      if (!f || !_)
         return t;
-      const J = S.getBoundingClientRect().bottom - f.top - ot - Ra;
+      const J = _.getBoundingClientRect().bottom - f.top - ot - Ra;
       return $t(J, e, t);
     }
     const Dn = d(() => {
@@ -7390,7 +7403,7 @@ const qs = "dgPerfTrace", Us = "affino-datagrid-perf-trace", _a = "__AFFINO_DATA
     He(
       () => V.value.fillPreviewRange,
       (e, t) => {
-        t && !e && _i();
+        t && !e && Si();
       }
     ), He(
       () => V.value.fillActionAnchorCell ? `${V.value.fillActionAnchorCell.rowIndex}:${V.value.fillActionAnchorCell.columnIndex}` : "",
@@ -7500,7 +7513,7 @@ const qs = "dgPerfTrace", Us = "affino-datagrid-perf-trace", _a = "__AFFINO_DATA
     }
     const cr = d(() => {
       const e = qi();
-      return p.value === "base" && _.value === "auto" ? (br.value, Fn(e)) : e;
+      return p.value === "base" && S.value === "auto" ? (br.value, Fn(e)) : e;
     });
     function Ui() {
       return cr.value ?? [];
@@ -7653,12 +7666,12 @@ const qs = "dgPerfTrace", Us = "affino-datagrid-perf-trace", _a = "__AFFINO_DATA
       const r = 0, i = ae.value.length - 1, c = Math.max(e.startColumn, r), f = Math.min(e.endColumn, i);
       if (c > f)
         return null;
-      let S = null, P = null;
+      let _ = null, P = null;
       return t.forEach((J, me) => {
         const we = rt(J, me);
-        we < e.startRow || we > e.endRow || (S == null && (S = me), P = me);
-      }), S == null || P == null ? null : {
-        startRowOffset: S,
+        we < e.startRow || we > e.endRow || (_ == null && (_ = me), P = me);
+      }), _ == null || P == null ? null : {
+        startRowOffset: _,
         endRowOffset: P,
         startColumnIndex: c,
         endColumnIndex: f
@@ -7667,10 +7680,10 @@ const qs = "dgPerfTrace", Us = "affino-datagrid-perf-trace", _a = "__AFFINO_DATA
     function ya(e) {
       return $n(e, O.value);
     }
-    function Sr(e) {
+    function _r(e) {
       return $n(e, $.value);
     }
-    function _r(e, t = cr.value) {
+    function Sr(e, t = cr.value) {
       if (!e)
         return null;
       const r = t[e.startRowOffset], i = t[e.endRowOffset];
@@ -7689,15 +7702,15 @@ const qs = "dgPerfTrace", Us = "affino-datagrid-perf-trace", _a = "__AFFINO_DATA
       } : e : t;
     }
     function xa(e, t, r, i, c, f) {
-      const S = Math.max(0, f?.topBleed ?? 1), P = Math.max(0, f?.bottomBleed ?? 1), J = f?.omitLeftBorder ? 0 : Math.max(0, f?.leftBleed ?? 1), me = f?.omitRightBorder ? 0 : Math.max(0, f?.rightBleed ?? 1);
+      const _ = Math.max(0, f?.topBleed ?? 1), P = Math.max(0, f?.bottomBleed ?? 1), J = f?.omitLeftBorder ? 0 : Math.max(0, f?.leftBleed ?? 1), me = f?.omitRightBorder ? 0 : Math.max(0, f?.rightBleed ?? 1);
       return {
         key: e,
         style: {
           position: "absolute",
-          top: `${t - S}px`,
+          top: `${t - _}px`,
           left: `${r - J}px`,
           width: `${Math.max(1, i + J + me)}px`,
-          height: `${Math.max(1, c + S + P)}px`,
+          height: `${Math.max(1, c + _ + P)}px`,
           border: `${f?.hideBorder ? 0 : 2}px ${f?.borderStyle ?? "solid"} ${f?.borderColor ?? "var(--datagrid-selection-overlay-border)"}`,
           borderLeftWidth: f?.hideBorder || f?.omitLeftBorder ? "0px" : "2px",
           borderRightWidth: f?.hideBorder || f?.omitRightBorder ? "0px" : "2px",
@@ -7715,7 +7728,7 @@ const qs = "dgPerfTrace", Us = "affino-datagrid-perf-trace", _a = "__AFFINO_DATA
       };
     }
     function Hn(e, t, r, i, c) {
-      const f = Math.max(0, c?.topBleed ?? 1), S = Math.max(0, c?.bottomBleed ?? 1);
+      const f = Math.max(0, c?.topBleed ?? 1), _ = Math.max(0, c?.bottomBleed ?? 1);
       return {
         key: e,
         style: {
@@ -7723,7 +7736,7 @@ const qs = "dgPerfTrace", Us = "affino-datagrid-perf-trace", _a = "__AFFINO_DATA
           top: `${t - f}px`,
           left: i === "left" ? "calc(100% - var(--datagrid-pinned-pane-separator-size))" : "0px",
           width: "var(--datagrid-pinned-pane-separator-size)",
-          height: `${Math.max(1, r + f + S)}px`,
+          height: `${Math.max(1, r + f + _)}px`,
           border: `${c?.hideBorder ? 0 : 2}px ${c?.borderStyle ?? "solid"} ${c?.borderColor ?? "var(--datagrid-selection-overlay-border)"}`,
           borderLeftWidth: "0px",
           borderRightWidth: "0px",
@@ -7736,12 +7749,12 @@ const qs = "dgPerfTrace", Us = "affino-datagrid-perf-trace", _a = "__AFFINO_DATA
         }
       };
     }
-    function _t(e, t, r, i, c = Math.max(0, ft.value)) {
+    function St(e, t, r, i, c = Math.max(0, ft.value)) {
       if (!e)
         return [];
       if (i?.hideSingleCell === !0 && e.startRowOffset === e.endRowOffset && e.startColumnIndex === e.endColumnIndex)
         return [];
-      const S = e.top <= 0 ? 0 : 1, P = c > 0 && e.top + e.height >= c ? 0 : 1;
+      const _ = e.top <= 0 ? 0 : 1, P = c > 0 && e.top + e.height >= c ? 0 : 1;
       if (t === "left") {
         const we = xe.value.filter((De) => {
           const at = Ee(De.key);
@@ -7757,7 +7770,7 @@ const qs = "dgPerfTrace", Us = "affino-datagrid-perf-trace", _a = "__AFFINO_DATA
             e.height,
             "left",
             {
-              topBleed: S,
+              topBleed: _,
               bottomBleed: P,
               borderColor: i?.borderColor,
               backgroundColor: i?.backgroundColor,
@@ -7781,7 +7794,7 @@ const qs = "dgPerfTrace", Us = "affino-datagrid-perf-trace", _a = "__AFFINO_DATA
           e.height,
           "right",
           {
-            topBleed: S,
+            topBleed: _,
             bottomBleed: P,
             borderColor: i?.borderColor,
             backgroundColor: i?.backgroundColor,
@@ -7797,7 +7810,7 @@ const qs = "dgPerfTrace", Us = "affino-datagrid-perf-trace", _a = "__AFFINO_DATA
       const f = i?.hideSingleCell === !0 && e.startRowOffset === e.endRowOffset && e.startColumnIndex === e.endColumnIndex;
       if (f)
         return [];
-      const S = e.top <= 0 ? 0 : 1, P = c > 0 && e.top + e.height >= c ? 0 : 1;
+      const _ = e.top <= 0 ? 0 : 1, P = c > 0 && e.top + e.height >= c ? 0 : 1;
       if (t === "left") {
         const te = xe.value.filter((Vt) => {
           const nt = Ee(Vt.key);
@@ -7822,7 +7835,7 @@ const qs = "dgPerfTrace", Us = "affino-datagrid-perf-trace", _a = "__AFFINO_DATA
             {
               hideBorder: f,
               omitRightBorder: e.endColumnIndex > pr,
-              topBleed: S,
+              topBleed: _,
               bottomBleed: P,
               leftBleed: Wr,
               rightBleed: wa,
@@ -7862,7 +7875,7 @@ const qs = "dgPerfTrace", Us = "affino-datagrid-perf-trace", _a = "__AFFINO_DATA
               hideBorder: f,
               omitLeftBorder: e.startColumnIndex < pr,
               omitRightBorder: e.endColumnIndex > Kr,
-              topBleed: S,
+              topBleed: _,
               bottomBleed: P,
               leftBleed: wa,
               rightBleed: Vt,
@@ -7897,7 +7910,7 @@ const qs = "dgPerfTrace", Us = "affino-datagrid-perf-trace", _a = "__AFFINO_DATA
           {
             hideBorder: f,
             omitLeftBorder: e.startColumnIndex < Be,
-            topBleed: S,
+            topBleed: _,
             bottomBleed: P,
             leftBleed: at,
             rightBleed: Le,
@@ -7910,22 +7923,22 @@ const qs = "dgPerfTrace", Us = "affino-datagrid-perf-trace", _a = "__AFFINO_DATA
       ];
     }
     function Vr(e, t, r = cr.value) {
-      return e.map((i) => _r(t(i), r)).filter((i) => i != null);
+      return e.map((i) => Sr(t(i), r)).filter((i) => i != null);
     }
     function er(e, t, r, i, c = Math.max(0, ft.value)) {
-      return e.length === 0 ? [] : e.flatMap((f, S) => Ve(
+      return e.length === 0 ? [] : e.flatMap((f, _) => Ve(
         f,
         t,
-        e.length === 1 ? r : `${r}-${S}`,
+        e.length === 1 ? r : `${r}-${_}`,
         i,
         c
       ));
     }
     function Rr(e, t, r, i, c = Math.max(0, ft.value)) {
-      return e.length === 0 ? [] : e.flatMap((f, S) => _t(
+      return e.length === 0 ? [] : e.flatMap((f, _) => St(
         f,
         t,
-        e.length === 1 ? r : `${r}-${S}`,
+        e.length === 1 ? r : `${r}-${_}`,
         i,
         c
       ));
@@ -7978,7 +7991,7 @@ const qs = "dgPerfTrace", Us = "affino-datagrid-perf-trace", _a = "__AFFINO_DATA
       body: Vr(e.ranges, ya),
       pinnedBottom: Vr(
         e.ranges,
-        Sr,
+        _r,
         Jt.value
       )
     }))), go = d(() => yt.value.map(({ overlay: e, body: t }) => gr(e, "left", t)).filter((e) => e != null)), po = d(() => yt.value.map(({ overlay: e, body: t }) => gr(e, "center", t)).filter((e) => e != null)), vo = d(() => yt.value.map(({ overlay: e, body: t }) => gr(e, "right", t)).filter((e) => e != null)), mo = d(() => yt.value.map(({ overlay: e, body: t }) => Hr(e, "left", t)).filter((e) => e != null)), fo = d(() => yt.value.map(({ overlay: e, body: t }) => Hr(e, "right", t)).filter((e) => e != null)), ho = d(() => yt.value.map(({ overlay: e, pinnedBottom: t }) => gr(
@@ -8006,18 +8019,18 @@ const qs = "dgPerfTrace", Us = "affino-datagrid-perf-trace", _a = "__AFFINO_DATA
       "right",
       t,
       n.value?.clientHeight ?? 0
-    )).filter((e) => e != null)), Gn = d(() => !V.value.isRangeMoving || !V.value.rangeMovePreviewRange || uo(V.value.rangeMovePreviewRange, w.value) ? null : V.value.rangeMovePreviewRange), ko = d(() => $r.value ? Vn(oo.value, $r.value) : null), Mr = d(() => $r.value ? [] : Vr(Z.value, ya)), Ar = d(() => _r(ko.value)), Ir = d(() => _r(ya(Gn.value))), Er = d(() => $r.value ? [] : Vr(
+    )).filter((e) => e != null)), Gn = d(() => !V.value.isRangeMoving || !V.value.rangeMovePreviewRange || uo(V.value.rangeMovePreviewRange, w.value) ? null : V.value.rangeMovePreviewRange), ko = d(() => $r.value ? Vn(oo.value, $r.value) : null), Mr = d(() => $r.value ? [] : Vr(Z.value, ya)), Ar = d(() => Sr(ko.value)), Ir = d(() => Sr(ya(Gn.value))), Er = d(() => $r.value ? [] : Vr(
       Z.value,
-      Sr,
+      _r,
       Jt.value
-    )), Br = d(() => _r(
+    )), Br = d(() => Sr(
       Vn(
-        Sr(w.value),
-        Sr(V.value.fillPreviewRange)
+        _r(w.value),
+        _r(V.value.fillPreviewRange)
       ),
       Jt.value
-    )), Dr = d(() => _r(
-      Sr(Gn.value),
+    )), Dr = d(() => Sr(
+      _r(Gn.value),
       Jt.value
     )), Co = d(() => er(
       Mr.value,
@@ -8027,7 +8040,7 @@ const qs = "dgPerfTrace", Us = "affino-datagrid-perf-trace", _a = "__AFFINO_DATA
         borderColor: "var(--datagrid-selection-overlay-border)",
         hideSingleCell: !0
       }
-    )), So = d(() => Rr(
+    )), _o = d(() => Rr(
       Mr.value,
       "left",
       "selection",
@@ -8035,7 +8048,7 @@ const qs = "dgPerfTrace", Us = "affino-datagrid-perf-trace", _a = "__AFFINO_DATA
         borderColor: "var(--datagrid-selection-overlay-border)",
         hideSingleCell: !0
       }
-    )), _o = d(() => er(
+    )), So = d(() => er(
       Mr.value,
       "center",
       "selection",
@@ -8107,7 +8120,7 @@ const qs = "dgPerfTrace", Us = "affino-datagrid-perf-trace", _a = "__AFFINO_DATA
     )), Lo = d(() => Ve(Ar.value, "left", "fill-preview", {
       borderColor: "var(--datagrid-selection-overlay-fill-border)",
       backgroundColor: "var(--datagrid-selection-overlay-fill-bg)"
-    })), Po = d(() => _t(Ar.value, "left", "fill-preview", {
+    })), Po = d(() => St(Ar.value, "left", "fill-preview", {
       borderColor: "var(--datagrid-selection-overlay-fill-border)",
       backgroundColor: "var(--datagrid-selection-overlay-fill-bg)"
     })), zo = d(() => Ve(Ar.value, "center", "fill-preview", {
@@ -8116,13 +8129,13 @@ const qs = "dgPerfTrace", Us = "affino-datagrid-perf-trace", _a = "__AFFINO_DATA
     })), To = d(() => Ve(Ar.value, "right", "fill-preview", {
       borderColor: "var(--datagrid-selection-overlay-fill-border)",
       backgroundColor: "var(--datagrid-selection-overlay-fill-bg)"
-    })), Fo = d(() => _t(Ar.value, "right", "fill-preview", {
+    })), Fo = d(() => St(Ar.value, "right", "fill-preview", {
       borderColor: "var(--datagrid-selection-overlay-fill-border)",
       backgroundColor: "var(--datagrid-selection-overlay-fill-bg)"
     })), Oo = d(() => Ve(Br.value, "left", "fill-preview", {
       borderColor: "var(--datagrid-selection-overlay-fill-border)",
       backgroundColor: "var(--datagrid-selection-overlay-fill-bg)"
-    }, n.value?.clientHeight ?? 0)), $o = d(() => _t(Br.value, "left", "fill-preview", {
+    }, n.value?.clientHeight ?? 0)), $o = d(() => St(Br.value, "left", "fill-preview", {
       borderColor: "var(--datagrid-selection-overlay-fill-border)",
       backgroundColor: "var(--datagrid-selection-overlay-fill-bg)"
     }, n.value?.clientHeight ?? 0)), Vo = d(() => Ve(Br.value, "center", "fill-preview", {
@@ -8131,14 +8144,14 @@ const qs = "dgPerfTrace", Us = "affino-datagrid-perf-trace", _a = "__AFFINO_DATA
     }, n.value?.clientHeight ?? 0)), Ho = d(() => Ve(Br.value, "right", "fill-preview", {
       borderColor: "var(--datagrid-selection-overlay-fill-border)",
       backgroundColor: "var(--datagrid-selection-overlay-fill-bg)"
-    }, n.value?.clientHeight ?? 0)), Go = d(() => _t(Br.value, "right", "fill-preview", {
+    }, n.value?.clientHeight ?? 0)), Go = d(() => St(Br.value, "right", "fill-preview", {
       borderColor: "var(--datagrid-selection-overlay-fill-border)",
       backgroundColor: "var(--datagrid-selection-overlay-fill-bg)"
     }, n.value?.clientHeight ?? 0)), Ko = d(() => Ve(Ir.value, "left", "move-preview", {
       borderColor: "var(--datagrid-selection-overlay-move-border)",
       backgroundColor: "var(--datagrid-selection-overlay-move-bg)",
       borderStyle: "dashed"
-    })), Wo = d(() => _t(Ir.value, "left", "move-preview", {
+    })), Wo = d(() => St(Ir.value, "left", "move-preview", {
       borderColor: "var(--datagrid-selection-overlay-move-border)",
       backgroundColor: "var(--datagrid-selection-overlay-move-bg)",
       borderStyle: "dashed"
@@ -8150,7 +8163,7 @@ const qs = "dgPerfTrace", Us = "affino-datagrid-perf-trace", _a = "__AFFINO_DATA
       borderColor: "var(--datagrid-selection-overlay-move-border)",
       backgroundColor: "var(--datagrid-selection-overlay-move-bg)",
       borderStyle: "dashed"
-    })), qo = d(() => _t(Ir.value, "right", "move-preview", {
+    })), qo = d(() => St(Ir.value, "right", "move-preview", {
       borderColor: "var(--datagrid-selection-overlay-move-border)",
       backgroundColor: "var(--datagrid-selection-overlay-move-bg)",
       borderStyle: "dashed"
@@ -8158,7 +8171,7 @@ const qs = "dgPerfTrace", Us = "affino-datagrid-perf-trace", _a = "__AFFINO_DATA
       borderColor: "var(--datagrid-selection-overlay-move-border)",
       backgroundColor: "var(--datagrid-selection-overlay-move-bg)",
       borderStyle: "dashed"
-    }, n.value?.clientHeight ?? 0)), Xo = d(() => _t(Dr.value, "left", "move-preview", {
+    }, n.value?.clientHeight ?? 0)), Xo = d(() => St(Dr.value, "left", "move-preview", {
       borderColor: "var(--datagrid-selection-overlay-move-border)",
       backgroundColor: "var(--datagrid-selection-overlay-move-bg)",
       borderStyle: "dashed"
@@ -8170,7 +8183,7 @@ const qs = "dgPerfTrace", Us = "affino-datagrid-perf-trace", _a = "__AFFINO_DATA
       borderColor: "var(--datagrid-selection-overlay-move-border)",
       backgroundColor: "var(--datagrid-selection-overlay-move-bg)",
       borderStyle: "dashed"
-    }, n.value?.clientHeight ?? 0)), Qo = d(() => _t(Dr.value, "right", "move-preview", {
+    }, n.value?.clientHeight ?? 0)), Qo = d(() => St(Dr.value, "right", "move-preview", {
       borderColor: "var(--datagrid-selection-overlay-move-border)",
       backgroundColor: "var(--datagrid-selection-overlay-move-bg)",
       borderStyle: "dashed"
@@ -8311,7 +8324,7 @@ const qs = "dgPerfTrace", Us = "affino-datagrid-perf-trace", _a = "__AFFINO_DATA
       fillPreviewOverlaySegments: Lo.value,
       movePreviewOverlaySegments: Ko.value,
       overlayLanes: go.value,
-      selectionSeamOverlaySegments: So.value,
+      selectionSeamOverlaySegments: _o.value,
       fillPreviewSeamOverlaySegments: Po.value,
       movePreviewSeamOverlaySegments: Wo.value,
       seamOverlayLanes: mo.value
@@ -8394,7 +8407,7 @@ const qs = "dgPerfTrace", Us = "affino-datagrid-perf-trace", _a = "__AFFINO_DATA
       ref: s,
       class: Y(["grid-stage", {
         "grid-stage--canvas-chrome": !0,
-        "grid-stage--auto-row-height": l(p) === "base" && l(_) === "auto",
+        "grid-stage--auto-row-height": l(p) === "base" && l(S) === "auto",
         "grid-stage--layout-fill": l(y) === "fill",
         "grid-stage--layout-auto-height": l(y) === "auto-height",
         "grid-stage--fill-dragging": E.value,
@@ -8403,7 +8416,7 @@ const qs = "dgPerfTrace", Us = "affino-datagrid-perf-trace", _a = "__AFFINO_DATA
       }]),
       style: T(l(G).stageStyle)
     }, [
-      Se(ys, {
+      _e(ys, {
         "pane-layout-style": Ut.value,
         "left-pane-style": ye.value,
         "right-pane-style": Lt.value,
@@ -8454,7 +8467,7 @@ const qs = "dgPerfTrace", Us = "affino-datagrid-perf-trace", _a = "__AFFINO_DATA
           style: T(Qr.value),
           "aria-hidden": "true"
         }, null, 4),
-        Se(Ur, {
+        _e(Ur, {
           pane: Jo.value,
           "render-api": Gr,
           "handle-context-menu": a.onViewportContextMenu
@@ -8469,19 +8482,19 @@ const qs = "dgPerfTrace", Us = "affino-datagrid-perf-trace", _a = "__AFFINO_DATA
           ]),
           _: 1
         }, 8, ["pane", "handle-context-menu"]),
-        Se(Nn, {
+        _e(Nn, {
           "display-rows": l(g).displayRows,
           "top-spacer-height": l(R).topSpacerHeight,
           "bottom-spacer-height": l(R).bottomSpacerHeight,
           "viewport-ref": Ri,
           "handle-context-menu": a.onViewportContextMenu,
-          "selection-overlay-segments": _o.value,
+          "selection-overlay-segments": So.value,
           "fill-preview-overlay-segments": zo.value,
           "move-preview-overlay-segments": jo.value,
           "overlay-lanes": po.value,
           "render-api": Kn
         }, null, 8, ["display-rows", "top-spacer-height", "bottom-spacer-height", "handle-context-menu", "selection-overlay-segments", "fill-preview-overlay-segments", "move-preview-overlay-segments", "overlay-lanes"]),
-        Se(Ur, {
+        _e(Ur, {
           pane: el.value,
           "render-api": Gr,
           "handle-context-menu": a.onViewportContextMenu
@@ -8496,7 +8509,7 @@ const qs = "dgPerfTrace", Us = "affino-datagrid-perf-trace", _a = "__AFFINO_DATA
           ]),
           _: 1
         }, 8, ["pane", "handle-context-menu"]),
-        Se(Is, {
+        _e(Is, {
           "is-open": mt.value,
           style: T(Dn.value),
           onToggle: kt,
@@ -8516,7 +8529,7 @@ const qs = "dgPerfTrace", Us = "affino-datagrid-perf-trace", _a = "__AFFINO_DATA
           style: T(or.value),
           "aria-hidden": "true"
         }, null, 4),
-        Se(Ur, {
+        _e(Ur, {
           pane: tl.value,
           "render-api": Gr,
           "handle-context-menu": a.onViewportContextMenu
@@ -8531,7 +8544,7 @@ const qs = "dgPerfTrace", Us = "affino-datagrid-perf-trace", _a = "__AFFINO_DATA
           ]),
           _: 1
         }, 8, ["pane", "handle-context-menu"]),
-        Se(Nn, {
+        _e(Nn, {
           "display-rows": l(g).pinnedBottomRows,
           "viewport-class": "grid-body-viewport grid-body-viewport--pinned-bottom",
           "viewport-ref": Mi,
@@ -8545,7 +8558,7 @@ const qs = "dgPerfTrace", Us = "affino-datagrid-perf-trace", _a = "__AFFINO_DATA
           "overlay-lanes": bo.value,
           "render-api": Kn
         }, null, 8, ["display-rows", "handle-context-menu", "selection-overlay-segments", "fill-preview-overlay-segments", "move-preview-overlay-segments", "overlay-lanes"]),
-        Se(Ur, {
+        _e(Ur, {
           pane: rl.value,
           "render-api": Gr,
           "handle-context-menu": a.onViewportContextMenu