@affino/datagrid-vue-app 0.1.18 → 0.1.20

package/dist/index.js

@@ -1,29 +1,29 @@
-import { defineComponent as we, ref as q, provide as Ce, computed as g, watch as p, onBeforeUnmount as se, h as ue, mergeProps as Ae, toRef as fe } from "vue";
-import { useDataGridRuntime as Pe } from "@affino/datagrid-vue";
-import { useDataGridAppSelection as Ge, useDataGridAppRowSelection as xe } from "@affino/datagrid-vue/app";
-import { d as De, e as Ke, f as Le, r as Ie, g as je, u as Fe, D as ze } from "./chunks/useDataGridAppRowModel-RrE_k6tK.js";
-import { applyGridTheme as Te, resolveGridThemeTokens as Ve, defaultStyleConfig as A, sugarTheme as Se, industrialNeutralTheme as me } from "@affino/datagrid-theme";
-import { d as We } from "./chunks/DataGridFilterableCombobox.vue_vue_type_script_setup_true_lang-_1TDQseN.js";
-const He = {
-  default: A,
-  "industrial-neutral": me,
-  industrialNeutral: me,
-  sugar: Se
+import { defineComponent as Oe, ref as Y, provide as Ke, computed as y, watch as w, onBeforeUnmount as fe, h as ce, mergeProps as je, toRef as ge } from "vue";
+import { useDataGridRuntime as Ie } from "@affino/datagrid-vue";
+import { useDataGridAppSelection as Fe, useDataGridAppRowSelection as ze } from "@affino/datagrid-vue/app";
+import { d as Te, e as _e, f as Ve, r as Ee, g as We, u as He, D as ke } from "./chunks/useDataGridAppRowModel-Cq1nWBYl.js";
+import { applyGridTheme as Ue, resolveGridThemeTokens as Ne, defaultStyleConfig as L, sugarTheme as Ae, industrialNeutralTheme as ve } from "@affino/datagrid-theme";
+import { d as qe } from "./chunks/dataGridOverlayThemeVars-vzY74EIz.js";
+const Je = {
+  default: L,
+  "industrial-neutral": ve,
+  industrialNeutral: ve,
+  sugar: Ae
 };
-function _e(e, o) {
+function Ye(e, o) {
   if (!e && !o)
     return;
   const r = {
     ...e ?? {}
   };
-  for (const [n, f] of Object.entries(o ?? {}))
+  for (const [n, c] of Object.entries(o ?? {}))
     r[n] = {
       ...r[n] ?? {},
-      ...f
+      ...c
     };
   return r;
 }
-function ne(e, o) {
+function le(e, o) {
   return {
     ...e,
     ...o,
@@ -34,34 +34,34 @@ function ne(e, o) {
     summary: { ...e.summary ?? {}, ...o.summary ?? {} },
     state: { ...e.state ?? {}, ...o.state ?? {} },
     tokens: { ...e.tokens ?? {}, ...o.tokens ?? {} },
-    tokenVariants: _e(e.tokenVariants, o.tokenVariants)
+    tokenVariants: Ye(e.tokenVariants, o.tokenVariants)
   };
 }
-function ke(e) {
+function $e(e) {
   return !e || typeof e != "object" ? !1 : "tokens" in e || "tokenVariants" in e || "activeTokenVariant" in e || "defaultTokenVariant" in e || "inheritThemeFromDocument" in e || "documentDarkClass" in e || "grid" in e || "header" in e || "body" in e || "group" in e || "summary" in e || "state" in e;
 }
-function Ee(e) {
-  return e == null ? A : typeof e == "string" ? e === "sugar" ? ne(A, Se) : He[e] ?? A : ke(e) ? ne(A, e) : ne(A, {
+function Qe(e) {
+  return e == null ? L : typeof e == "string" ? e === "sugar" ? le(L, Ae) : Je[e] ?? L : $e(e) ? le(L, e) : le(L, {
     tokens: e
   });
 }
-function Ne(e) {
-  const o = Ee(e);
-  return Ve(o ?? A, {
+function Xe(e) {
+  const o = Qe(e);
+  return Ne(o ?? L, {
     document: typeof document > "u" ? void 0 : document
   });
 }
-function ge(e, o) {
-  const r = Ne(o);
-  return Te(e, r), r;
+function pe(e, o) {
+  const r = Xe(o);
+  return Ue(e, r), r;
 }
-function ve(e, o) {
+function we(e, o) {
   return Number.isFinite(e) ? Math.max(0, Math.trunc(e)) : o;
 }
-function ye(e, o) {
+function Se(e, o) {
   return Number.isFinite(e) ? Math.max(1, Math.trunc(e)) : o;
 }
-function Ue(e) {
+function Ze(e) {
   if (e !== void 0) {
     if (e == null)
       return null;
@@ -76,41 +76,96 @@ function Ue(e) {
     return e;
   }
 }
-function qe(e, o) {
+function et(e, o) {
   return o === !0 || o && typeof o == "object" ? "pagination" : e ?? "virtualization";
 }
-function Je(e, o, r, n) {
+function tt(e, o, r, n) {
   if (o !== "pagination")
     return null;
-  const f = 100, u = ye(r, f), y = ve(n, 0);
+  const c = 100, u = Se(r, c), p = we(n, 0);
   return e === !0 || e === !1 || e == null ? {
     pageSize: u,
-    currentPage: y
+    currentPage: p
   } : {
-    pageSize: ye(r ?? e.pageSize, f),
-    currentPage: ve(n ?? e.currentPage, 0)
+    pageSize: Se(r ?? e.pageSize, c),
+    currentPage: we(n ?? e.currentPage, 0)
   };
 }
-const re = "Advanced filter";
-function $e(e) {
+const ae = "Advanced filter";
+function ot(e) {
+  return typeof e == "boolean" ? {
+    enabled: e,
+    buttonLabel: ae
+  } : e ? {
+    enabled: e.enabled ?? !0,
+    buttonLabel: typeof e.buttonLabel == "string" && e.buttonLabel.trim().length > 0 ? e.buttonLabel.trim() : ae
+  } : {
+    enabled: !1,
+    buttonLabel: ae
+  };
+}
+const ie = "Find / replace";
+function nt(e) {
   return typeof e == "boolean" ? {
     enabled: e,
-    buttonLabel: re
+    buttonLabel: ie
   } : e ? {
     enabled: e.enabled ?? !0,
-    buttonLabel: typeof e.buttonLabel == "string" && e.buttonLabel.trim().length > 0 ? e.buttonLabel.trim() : re
+    buttonLabel: typeof e.buttonLabel == "string" && e.buttonLabel.trim().length > 0 ? e.buttonLabel.trim() : ie
   } : {
     enabled: !1,
-    buttonLabel: re
+    buttonLabel: ie
   };
 }
-function pe(e) {
+const rt = "all", Be = {
+  all: "columns",
+  rows: "none",
+  columns: "columns",
+  none: "none"
+};
+function he(e) {
+  return e === "rows" || e === "columns" || e === "none" || e === "all" ? e : rt;
+}
+function lt(e, o) {
+  return e === "columns" || e === "none" ? e : Be[o];
+}
+function be(e, o) {
+  return e !== "none" || o === "columns";
+}
+function Me(e) {
+  const o = e.body === "all" || e.body === "rows", r = e.body === "all" || e.body === "columns", n = e.header === "columns";
+  return {
+    body: e.body,
+    header: e.header,
+    pinnedSeparators: e.pinnedSeparators,
+    bodyRows: o,
+    bodyColumns: r,
+    headerColumns: n
+  };
+}
+function at(e) {
+  if (typeof e == "string") {
+    const n = he(e), c = Be[n];
+    return Me({
+      body: n,
+      header: c,
+      pinnedSeparators: be(n, c)
+    });
+  }
+  const o = he(e?.body), r = lt(e?.header, o);
+  return Me({
+    body: o,
+    header: r,
+    pinnedSeparators: typeof e?.pinnedSeparators == "boolean" ? e.pinnedSeparators : be(o, r)
+  });
+}
+function Re(e) {
   if (typeof e != "number" || !Number.isFinite(e))
     return null;
   const o = Math.max(0, Math.trunc(e));
   return o > 0 ? o : null;
 }
-function Qe(e, o, r) {
+function it(e, o, r) {
   const n = e === "auto-height" ? "auto-height" : "fill";
   if (n !== "auto-height")
     return {
@@ -118,71 +173,71 @@ function Qe(e, o, r) {
       minRows: null,
       maxRows: null
     };
-  const f = pe(o);
-  let u = pe(r);
-  return f !== null && u !== null && u < f && (u = f), {
+  const c = Re(o);
+  let u = Re(r);
+  return c !== null && u !== null && u < c && (u = c), {
     layoutMode: n,
-    minRows: f,
+    minRows: c,
     maxRows: u
   };
 }
-function Xe(e) {
+function ut(e) {
   return {
     ...e,
     transaction: null
   };
 }
-function J(e) {
+function $(e) {
   return {
     ...e,
-    state: Xe(e.state)
+    state: ut(e.state)
   };
 }
-function Ye(e) {
+function st(e) {
   return typeof e == "object" && e !== null;
 }
-function he(e, o, r) {
-  const n = Ye(e) ? e : null, f = o(n && "state" in n ? n.state : e, r);
-  if (!f)
+function Ce(e, o, r) {
+  const n = st(e) ? e : null, c = o(n && "state" in n ? n.state : e, r);
+  if (!c)
     return null;
-  const u = n?.viewMode, y = u === "gantt" ? "gantt" : u === "table" ? "table" : void 0;
-  return J({
-    state: f,
-    ...y ? { viewMode: y } : {}
+  const u = n?.viewMode, p = u === "gantt" ? "gantt" : u === "table" ? "table" : void 0;
+  return $({
+    state: c,
+    ...p ? { viewMode: p } : {}
   });
 }
-function Ze(e) {
-  return JSON.stringify(J(e));
+function dt(e) {
+  return JSON.stringify($(e));
 }
-function et(e, o, r) {
+function ct(e, o, r) {
   if (typeof e != "string" || e.trim().length === 0)
     return null;
   try {
-    return he(JSON.parse(e), o, r);
+    return Ce(JSON.parse(e), o, r);
   } catch {
     return null;
   }
 }
-function wt(e, o, r) {
+function Dt(e, o, r) {
   if (!e || typeof o != "string" || o.trim().length === 0)
     return !1;
   try {
-    return e.setItem(o, Ze(r)), !0;
+    return e.setItem(o, dt(r)), !0;
   } catch {
     return !1;
   }
 }
-function St(e, o, r, n) {
+function Gt(e, o, r, n) {
   if (!e || typeof o != "string" || o.trim().length === 0)
     return null;
   try {
-    const f = e.getItem(o);
-    return f ? et(f, r, n) : null;
+    const c = e.getItem(o);
+    return c ? ct(c, r, n) : null;
   } catch {
     return null;
   }
 }
-function ht(e, o) {
+function Pt(e, o) {
   if (!e || typeof o != "string" || o.trim().length === 0)
     return !1;
   try {
@@ -191,36 +246,36 @@ function ht(e, o) {
     return !1;
   }
 }
-const le = "Columns";
-function tt(e) {
+const ue = "Columns";
+function ft(e) {
   return typeof e == "boolean" ? {
     enabled: e,
-    buttonLabel: le
+    buttonLabel: ue
   } : e ? {
     enabled: e.enabled ?? !0,
-    buttonLabel: typeof e.buttonLabel == "string" && e.buttonLabel.trim().length > 0 ? e.buttonLabel.trim() : le
+    buttonLabel: typeof e.buttonLabel == "string" && e.buttonLabel.trim().length > 0 ? e.buttonLabel.trim() : ue
   } : {
     enabled: !1,
-    buttonLabel: le
+    buttonLabel: ue
   };
 }
-const ae = "Aggregations";
-function ot(e) {
+const se = "Aggregations";
+function mt(e) {
   return typeof e == "boolean" ? {
     enabled: e,
-    buttonLabel: ae
+    buttonLabel: se
   } : e ? {
     enabled: e.enabled ?? !0,
-    buttonLabel: typeof e.buttonLabel == "string" && e.buttonLabel.trim().length > 0 ? e.buttonLabel.trim() : ae
+    buttonLabel: typeof e.buttonLabel == "string" && e.buttonLabel.trim().length > 0 ? e.buttonLabel.trim() : se
   } : {
     enabled: !1,
-    buttonLabel: ae
+    buttonLabel: se
   };
 }
-function N(e, o) {
+function q(e, o) {
   return Number.isFinite(e) ? Math.max(0, Math.trunc(e)) : o;
 }
-function nt(e, o) {
+function yt(e, o) {
   const r = {
     rows: !0,
     columns: !1,
@@ -233,12 +288,12 @@ function nt(e, o) {
     r.rows = !1, r.columns = !1;
   else if (e && typeof e == "object") {
     r.rows = e.rows ?? r.rows, r.columns = e.columns ?? r.columns;
-    const n = N(e.overscan, r.rowOverscan);
-    r.rowOverscan = N(e.rowOverscan, n), r.columnOverscan = N(e.columnOverscan, N(e.overscan, r.columnOverscan));
+    const n = q(e.overscan, r.rowOverscan);
+    r.rowOverscan = q(e.rowOverscan, n), r.columnOverscan = q(e.columnOverscan, q(e.overscan, r.columnOverscan));
   }
   return o === "pagination" && (r.rows = !1), r;
 }
-const rt = we({
+const gt = Oe({
   name: "DataGridRuntimeHost",
   inheritAttrs: !1,
   props: {
@@ -292,26 +347,28 @@ const rt = we({
     "selection-change": (e) => !0,
     "row-selection-change": (e) => !0
   },
-  setup(e, { attrs: o, slots: r, emit: n, expose: f }) {
-    const u = q(null);
-    Ce(We, u);
-    let y = null;
-    const s = Pe({
-      rows: g(() => e.rows),
+  setup(e, { attrs: o, slots: r, emit: n, expose: c }) {
+    const u = Y(null);
+    Ke(qe, u);
+    let p = null;
+    const s = Ie({
+      rows: y(() => e.rows),
       rowModel: e.rowModel,
-      columns: g(() => e.columns),
+      columns: y(() => e.columns),
       plugins: e.plugins,
       services: e.services,
       startupOrder: e.startupOrder,
       autoStart: e.autoStart
-    }), w = s, b = {
+    }), S = s, O = {
       api: s.api,
       syncBodyRowsInRange: s.syncBodyRowsInRange,
+      setViewportRange: s.setViewportRange,
+      setVirtualWindowRange: s.setVirtualWindowRange,
       rowPartition: s.rowPartition,
       virtualWindow: s.virtualWindow,
       columnSnapshot: s.columnSnapshot,
-      getBodyRowAtIndex: w.getBodyRowAtIndex,
-      resolveBodyRowIndexById: w.resolveBodyRowIndexById
+      getBodyRowAtIndex: S.getBodyRowAtIndex,
+      resolveBodyRowIndexById: S.resolveBodyRowIndexById
     }, B = () => {
       if (e.renderMode === "pagination") {
         const d = e.pagination ?? { pageSize: 100, currentPage: 0 };
@@ -323,43 +380,43 @@ const rt = we({
       }
       s.api.rows.setPagination(null);
     };
-    p(
+    w(
       () => e.renderMode,
       () => {
         B();
       },
       { immediate: !0 }
-    ), p(
+    ), w(
       () => e.pagination,
       () => {
         B();
       },
       { immediate: !0, deep: !0 }
-    ), typeof document < "u" && (y = new MutationObserver(() => {
+    ), typeof document < "u" && (p = new MutationObserver(() => {
       const d = u.value;
-      d && ge(d, e.theme);
-    }), y.observe(document.documentElement, {
+      d && pe(d, e.theme);
+    }), p.observe(document.documentElement, {
       attributes: !0,
       attributeFilter: ["class", "data-theme"]
-    })), p(
+    })), w(
       [() => e.theme, u],
       () => {
         const d = u.value;
-        d && ge(d, e.theme);
+        d && pe(d, e.theme);
       },
       { immediate: !0, deep: !0 }
     );
-    const h = s.api.events.on("rows:changed", (d) => {
+    const b = s.api.events.on("rows:changed", (d) => {
       n("cell-change", d);
-    }), R = s.api.events.on("selection:changed", (d) => {
+    }), M = s.api.events.on("selection:changed", (d) => {
       n("selection-change", d);
-    }), P = s.api.events.on("row-selection:changed", (d) => {
+    }), D = s.api.events.on("row-selection:changed", (d) => {
       n("row-selection-change", d);
     });
-    se(() => {
-      h(), R(), P(), y?.disconnect(), y = null;
+    fe(() => {
+      b(), M(), D(), p?.disconnect(), p = null;
     });
-    const G = g(() => {
+    const G = y(() => {
       const d = s.virtualWindow.value;
       return {
         ...d ?? {},
@@ -367,27 +424,28 @@ const rt = we({
         colTotal: s.columnSnapshot.value.visibleColumns.length
       };
     });
-    return f({
+    return c({
       api: s.api,
       core: s.core,
-      runtime: b,
+      runtime: O,
       rowModel: s.rowModel,
       columnModel: s.columnModel,
       columnSnapshot: s.columnSnapshot,
       rowPartition: s.rowPartition,
       setRows: s.setRows,
       syncBodyRowsInRange: s.syncBodyRowsInRange,
-      getBodyRowAtIndex: w.getBodyRowAtIndex,
-      resolveBodyRowIndexById: w.resolveBodyRowIndexById,
+      getBodyRowAtIndex: S.getBodyRowAtIndex,
+      resolveBodyRowIndexById: S.resolveBodyRowIndexById,
       virtualWindow: s.virtualWindow,
       start: s.start,
       stop: s.stop
-    }), () => ue(
+    }), () => ce(
       "div",
-      Ae(o, {
+      je(o, {
         ref: u,
         class: [
           "affino-datagrid-app-root",
+          e.theme === "sugar" ? "affino-datagrid-app-root--theme-sugar" : null,
           e.layoutMode === "auto-height" ? "affino-datagrid-app-root--auto-height" : "affino-datagrid-app-root--fill"
         ],
         style: {
@@ -400,81 +458,84 @@ const rt = we({
       r.default?.({
         api: s.api,
         core: s.core,
-        runtime: b,
-        grid: b,
+        runtime: O,
+        grid: O,
         rowModel: s.rowModel,
         columnModel: s.columnModel,
         columnSnapshot: s.columnSnapshot.value,
         rowPartition: s.rowPartition.value,
         setRows: s.setRows,
         syncBodyRowsInRange: s.syncBodyRowsInRange,
-        getBodyRowAtIndex: w.getBodyRowAtIndex,
-        resolveBodyRowIndexById: w.resolveBodyRowIndexById,
+        getBodyRowAtIndex: S.getBodyRowAtIndex,
+        resolveBodyRowIndexById: S.resolveBodyRowIndexById,
         virtualWindow: G.value
       }) ?? []
     );
   }
 });
-function ie(e) {
+function de(e) {
   return Number.isFinite(e) ? Math.max(0, Math.trunc(e)) : null;
 }
-function M(e) {
+function R(e) {
   try {
     return JSON.stringify(e);
   } catch {
     return null;
   }
 }
-function lt(e) {
+function vt(e) {
   return e ? {
     fields: [...e.fields],
     expandedByDefault: e.expandedByDefault
   } : null;
 }
-function at(e) {
-  let o = null, r = null, n = !1, f = null, u = null, y = null, s = null, w = null, b = null, B = null, h = null, R = null;
-  const P = () => {
+function pt(e) {
+  let o = null, r = null, n = !1, c = null, u = null, p = null, s = null, S = null, O = null, B = null, b = null, M = null;
+  const D = () => {
     o?.(), r?.(), o = null, r = null;
   }, G = () => {
-    const t = e.gridRef.value?.api.columns;
+    const t = e.gridRef.value;
+    return !t || t.api.lifecycle.state === "disposed" ? null : t;
+  }, d = () => G()?.api ?? null, U = () => {
+    const t = d()?.columns;
     if (!t)
       return null;
-    const i = t.getSnapshot(), l = {}, c = {}, v = {};
-    for (const S of i.columns)
-      l[S.key] = S.visible, c[S.key] = S.width, v[S.key] = S.pin;
+    const i = t.getSnapshot(), l = {}, f = {}, g = {};
+    for (const h of i.columns)
+      l[h.key] = h.visible, f[h.key] = h.width, g[h.key] = h.pin;
     return {
       order: [...i.order],
       visibility: l,
-      widths: c,
-      pins: v
+      widths: f,
+      pins: g
     };
-  }, d = () => {
+  }, v = () => {
     n || (n = !0, queueMicrotask(() => {
       n = !1;
-      const t = G(), i = e.gridRef.value?.api;
+      const t = U(), i = d();
       if (t) {
-        const l = M(t);
-        b = l, l !== y && (y = l, e.emit.columnState(t), e.emit.columnOrder(t.order), e.emit.hiddenColumnKeys(
-          Object.entries(t.visibility).filter(([, c]) => !c).map(([c]) => c)
+        const l = R(t);
+        O = l, l !== p && (p = l, e.emit.columnState(t), e.emit.columnOrder(t.order), e.emit.hiddenColumnKeys(
+          Object.entries(t.visibility).filter(([, f]) => !f).map(([f]) => f)
         ), e.emit.columnWidths(t.widths), e.emit.columnPins(t.pins));
       }
       if (i) {
-        const l = lt(i.rows.getSnapshot().groupBy), c = M(l);
-        c !== w && (w = c, e.emit.groupBy(l));
-        const v = i.state.get(), S = M(v);
-        B = S, S !== s && (s = S, e.emit.state(v));
+        const l = vt(i.rows.getSnapshot().groupBy), f = R(l);
+        f !== S && (S = f, e.emit.groupBy(l));
+        const g = i.state.get(), h = R(g);
+        B = h, h !== s && (s = h, e.emit.state(g));
       }
     }));
-  }, x = () => {
-    const t = e.gridRef.value?.api;
+  }, P = () => {
+    const t = d();
     !t || e.props.sortModel === void 0 && e.props.filterModel === void 0 || t.rows.setSortAndFilterModel({
       sortModel: e.props.sortModel ?? [],
       filterModel: e.props.filterModel ?? null
     });
-  }, D = () => {
-    const t = e.gridRef.value?.api.columns;
+  }, x = () => {
+    const t = d()?.columns;
     return t ? new Set(t.getSnapshot().columns.map((i) => i.key)) : null;
-  }, $ = (t) => {
+  }, Q = (t) => {
     const i = /* @__PURE__ */ new Set();
     if (!t)
       return i;
@@ -487,99 +548,99 @@ function at(e) {
     for (const l of Object.keys(t.pins ?? {}))
       i.add(l);
     return i;
-  }, F = (t) => {
-    const i = D();
+  }, z = (t) => {
+    const i = x();
     if (!i)
       return !1;
-    const l = $(t);
+    const l = Q(t);
     if (l.size === 0 || e.props.columns.length > 0)
       return !0;
-    for (const c of l)
-      if (!i.has(c))
+    for (const f of l)
+      if (!i.has(f))
         return !1;
     return !0;
-  }, z = (t) => F(t.columns), T = (t) => {
-    const i = e.gridRef.value?.api;
+  }, T = (t) => z(t.columns), _ = (t) => {
+    const i = d();
     if (!i)
       return !1;
     i.columns.setOrder(t.order);
-    for (const [l, c] of Object.entries(t.visibility))
-      i.columns.setVisibility(l, c);
-    for (const [l, c] of Object.entries(t.widths))
-      i.columns.setWidth(l, ie(c));
-    for (const [l, c] of Object.entries(t.pins))
-      i.columns.setPin(l, c);
+    for (const [l, f] of Object.entries(t.visibility))
+      i.columns.setVisibility(l, f);
+    for (const [l, f] of Object.entries(t.widths))
+      i.columns.setWidth(l, de(f));
+    for (const [l, f] of Object.entries(t.pins))
+      i.columns.setPin(l, f);
     return !0;
   }, K = () => {
-    if (R) {
-      const t = R, i = e.gridRef.value?.api;
+    if (M) {
+      const t = M, i = d();
       if (i) {
         const l = i.state.migrate(t.state, { strict: t.options?.strict });
-        l && z(l) && (R = null, i.state.set(l, t.options), u = M(t.state));
+        l && T(l) && (M = null, i.state.set(l, t.options), u = R(t.state));
       }
     }
-    if (h && F(h.columnState)) {
-      const t = h;
-      h = null, f = M({
+    if (b && z(b.columnState)) {
+      const t = b;
+      b = null, c = R({
         columnState: t.columnState,
         columnOrder: null,
         hiddenColumnKeys: null,
         columnWidths: null,
         columnPins: null
-      }), T(t.columnState);
+      }), _(t.columnState);
     }
-  }, O = () => {
-    const t = e.gridRef.value?.api;
+  }, A = () => {
+    const t = d();
     !t || e.props.groupBy === void 0 || t.rows.setGroupBy(e.props.groupBy ?? null);
   }, C = () => {
-    const t = e.gridRef.value?.api;
+    const t = d();
     !t || e.props.aggregationModel === void 0 || t.rows.setAggregationModel(e.props.aggregationModel ?? null);
   }, V = () => {
-    const t = e.gridRef.value?.api;
+    const t = d();
     !t || e.props.pivotModel === void 0 || t.pivot.setModel(e.props.pivotModel ?? null);
-  }, L = () => {
-    const t = e.gridRef.value?.api;
+  }, j = () => {
+    const t = d();
     if (!t || e.props.columnState === void 0 && e.props.columnOrder === void 0 && e.props.hiddenColumnKeys === void 0 && e.props.columnWidths === void 0 && e.props.columnPins === void 0)
       return;
-    const i = M({
+    const i = R({
       columnState: e.props.columnState,
       columnOrder: e.props.columnOrder,
       hiddenColumnKeys: e.props.hiddenColumnKeys,
       columnWidths: e.props.columnWidths,
       columnPins: e.props.columnPins
     });
-    if (i !== f) {
-      if (e.props.columnState && !e.props.columnOrder && !e.props.hiddenColumnKeys && !e.props.columnWidths && !e.props.columnPins && M(e.props.columnState) === b) {
-        f = i;
+    if (i !== c) {
+      if (e.props.columnState && !e.props.columnOrder && !e.props.hiddenColumnKeys && !e.props.columnWidths && !e.props.columnPins && R(e.props.columnState) === O) {
+        c = i;
         return;
       }
       if (e.props.columnState) {
         t.columns.setOrder(e.props.columnState.order);
-        for (const [l, c] of Object.entries(e.props.columnState.visibility))
-          t.columns.setVisibility(l, c);
-        for (const [l, c] of Object.entries(e.props.columnState.widths))
-          t.columns.setWidth(l, ie(c));
-        for (const [l, c] of Object.entries(e.props.columnState.pins))
-          t.columns.setPin(l, c);
+        for (const [l, f] of Object.entries(e.props.columnState.visibility))
+          t.columns.setVisibility(l, f);
+        for (const [l, f] of Object.entries(e.props.columnState.widths))
+          t.columns.setWidth(l, de(f));
+        for (const [l, f] of Object.entries(e.props.columnState.pins))
+          t.columns.setPin(l, f);
       }
       if (e.props.columnOrder && t.columns.setOrder(e.props.columnOrder), e.props.hiddenColumnKeys) {
-        const l = new Set(e.props.hiddenColumnKeys), c = t.columns.getSnapshot();
-        for (const v of c.columns)
-          t.columns.setVisibility(v.key, !l.has(v.key));
+        const l = new Set(e.props.hiddenColumnKeys), f = t.columns.getSnapshot();
+        for (const g of f.columns)
+          t.columns.setVisibility(g.key, !l.has(g.key));
       }
       if (e.props.columnWidths)
-        for (const [l, c] of Object.entries(e.props.columnWidths))
-          t.columns.setWidth(l, ie(c));
+        for (const [l, f] of Object.entries(e.props.columnWidths))
+          t.columns.setWidth(l, de(f));
       if (e.props.columnPins)
-        for (const [l, c] of Object.entries(e.props.columnPins))
-          t.columns.setPin(l, c);
-      f = i;
+        for (const [l, f] of Object.entries(e.props.columnPins))
+          t.columns.setPin(l, f);
+      c = i;
     }
   }, I = () => {
-    const t = e.gridRef.value?.api;
+    const t = d();
     if (!t || e.props.state == null)
       return;
-    const i = M(e.props.state);
+    const i = R(e.props.state);
     if (i === u)
       return;
     if (i === B) {
@@ -587,56 +648,56 @@ function at(e) {
       return;
     }
     const l = t.state.migrate(e.props.state, { strict: e.props.stateOptions?.strict });
-    l && z(l) && (t.state.set(l, e.props.stateOptions ?? {}), u = i);
-  }, W = () => {
-    const t = e.gridRef.value?.api;
-    t && (t.view.setRowHeightMode(e.props.rowHeightMode), t.view.setBaseRowHeight(Math.max(24, Math.trunc(e.props.baseRowHeight))));
+    l && T(l) && (t.state.set(l, e.props.stateOptions ?? {}), u = i);
   }, E = () => {
-    const t = e.gridRef.value;
-    t && (f = null, u = null, P(), o = t.rowModel.subscribe(() => {
-      d();
+    const t = d();
+    t && (t.view.setRowHeightMode(e.props.rowHeightMode), t.view.setBaseRowHeight(Math.max(24, Math.trunc(e.props.baseRowHeight))));
+  }, N = () => {
+    const t = G();
+    t && (c = null, u = null, D(), o = t.rowModel.subscribe(() => {
+      v();
     }), r = t.columnModel.subscribe(() => {
-      d();
-    }), I(), L(), x(), O(), C(), V(), W(), K(), d(), e.emit.ready({ api: t.api }));
-  }, Q = () => e.gridRef.value?.api.state.get() ?? null, X = (t, i) => e.gridRef.value?.api.state.migrate(t, i) ?? null, Y = (t) => F(t) ? (f = M({
+      v();
+    }), I(), j(), P(), A(), C(), V(), E(), K(), v(), e.emit.ready({ api: t.api }));
+  }, X = () => d()?.state.get() ?? null, Z = (t, i) => d()?.state.migrate(t, i) ?? null, ee = (t) => z(t) ? (c = R({
     columnState: t,
     columnOrder: null,
     hiddenColumnKeys: null,
     columnWidths: null,
     columnPins: null
-  }), h = null, T(t) ? (d(), !0) : (h = { columnState: t }, !0)) : (h = { columnState: t }, !0), Z = (t, i) => {
-    const l = e.gridRef.value?.api;
+  }), b = null, _(t) ? (v(), !0) : (b = { columnState: t }, !0)) : (b = { columnState: t }, !0), te = (t, i) => {
+    const l = d();
     if (!l)
-      return R = { state: t, options: i }, !0;
-    const c = l.state.migrate(t, { strict: i?.strict });
-    return c ? z(c) ? (l.state.set(c, i), u = M(t), R = null, d(), !0) : (R = { state: t, options: i }, !0) : !1;
-  }, ee = () => e.gridRef.value?.api.pivot.exportLayout() ?? null, te = () => e.gridRef.value?.api.pivot.exportInterop() ?? null, H = (t, i) => {
-    const l = e.gridRef.value?.api;
-    return l ? (l.pivot.importLayout(t, i), d(), !0) : !1;
-  }, _ = () => {
-    e.gridRef.value?.api.rows.expandAllGroups(), d();
-  }, oe = () => {
-    e.gridRef.value?.api.rows.collapseAllGroups(), d();
+      return M = { state: t, options: i }, !0;
+    const f = l.state.migrate(t, { strict: i?.strict });
+    return f ? T(f) ? (l.state.set(f, i), u = R(t), M = null, v(), !0) : (M = { state: t, options: i }, !0) : !1;
+  }, oe = () => d()?.pivot.exportLayout() ?? null, ne = () => d()?.pivot.exportInterop() ?? null, W = (t, i) => {
+    const l = d();
+    return l ? (l.pivot.importLayout(t, i), v(), !0) : !1;
+  }, H = () => {
+    d()?.rows.expandAllGroups(), v();
+  }, re = () => {
+    d()?.rows.collapseAllGroups(), v();
   };
-  p(
+  w(
     () => e.gridRef.value,
     () => {
-      E();
+      N();
     },
     { immediate: !0 }
-  ), p(
+  ), w(
     () => e.props.columns,
     () => {
-      f = null, u = null, I(), L(), K(), d();
+      c = null, u = null, I(), j(), K(), v();
     },
     { deep: !0 }
-  ), p(
+  ), w(
     () => [e.props.state, e.props.stateOptions],
     () => {
-      I(), L(), x(), O(), C(), V(), W(), K(), d();
+      I(), j(), P(), A(), C(), V(), E(), K(), v();
     },
     { deep: !0 }
-  ), p(
+  ), w(
     () => [
       e.props.columnState,
       e.props.columnOrder,
@@ -645,61 +706,61 @@ function at(e) {
       e.props.columnPins
     ],
     () => {
-      L(), K(), d();
+      j(), K(), v();
     },
     { deep: !0 }
-  ), p(
+  ), w(
     () => [e.props.sortModel, e.props.filterModel],
     () => {
-      x(), d();
+      P(), v();
     },
     { deep: !0 }
-  ), p(
+  ), w(
     () => e.props.groupBy,
     () => {
-      O(), d();
+      A(), v();
     },
     { deep: !0 }
-  ), p(
+  ), w(
     () => e.props.aggregationModel,
     () => {
-      C(), d();
+      C(), v();
     },
     { deep: !0 }
-  ), p(
+  ), w(
     () => e.props.pivotModel,
     () => {
-      V(), d();
+      V(), v();
     },
     { deep: !0 }
-  ), p(
+  ), w(
     () => [e.props.rowHeightMode, e.props.baseRowHeight],
     () => {
-      W(), d();
+      E(), v();
     }
   );
   const k = () => {
-    P();
+    D();
   };
-  return se(() => {
+  return fe(() => {
     k();
   }), {
-    emitSnapshotUpdates: d,
-    handleGridReady: E,
+    emitSnapshotUpdates: v,
+    handleGridReady: N,
     dispose: k,
-    getColumnState: G,
-    getState: Q,
-    migrateState: X,
-    applyColumnState: Y,
-    applyState: Z,
-    exportPivotLayout: ee,
-    exportPivotInterop: te,
-    importPivotLayout: H,
-    expandAllGroups: _,
-    collapseAllGroups: oe
+    getColumnState: U,
+    getState: X,
+    migrateState: Z,
+    applyColumnState: ee,
+    applyState: te,
+    exportPivotLayout: oe,
+    exportPivotInterop: ne,
+    importPivotLayout: W,
+    expandAllGroups: H,
+    collapseAllGroups: re
   };
 }
-function it() {
+function wt() {
   return {
     name: "selection",
     getRowSelectionSnapshot: () => null,
@@ -722,15 +783,15 @@ function it() {
     }
   };
 }
-function U(e, o) {
+function J(e, o) {
   const r = o.map((n) => n?.[e]).filter((n) => typeof n == "function");
   if (r.length !== 0)
     return async (n) => {
-      for (const f of r)
-        await f(n);
+      for (const c of r)
+        await c(n);
     };
 }
-function ut(e) {
+function St(e) {
   const {
     userSelectionService: o,
     cellSelectionService: r,
@@ -738,10 +799,10 @@ function ut(e) {
   } = e;
   return {
     name: "selection",
-    init: U("init", [o, r, n]),
-    start: U("start", [o, r, n]),
-    stop: U("stop", [o, r, n]),
-    dispose: U("dispose", [o, r, n]),
+    init: J("init", [o, r, n]),
+    start: J("start", [o, r, n]),
+    stop: J("stop", [o, r, n]),
+    dispose: J("dispose", [o, r, n]),
     getSelectionSnapshot: r.getSelectionSnapshot,
     setSelectionSnapshot: r.setSelectionSnapshot,
     clearSelection: r.clearSelection,
@@ -758,18 +819,18 @@ function ut(e) {
     clearSelectedRows: n.clearSelectedRows
   };
 }
-function st(e, o) {
+function ht(e, o) {
   if (e?.focusedRow !== o?.focusedRow)
     return !1;
   const r = e?.selectedRows ?? [], n = o?.selectedRows ?? [];
   if (r.length !== n.length)
     return !1;
-  for (let f = 0; f < r.length; f += 1)
-    if (r[f] !== n[f])
+  for (let c = 0; c < r.length; c += 1)
+    if (r[c] !== n[c])
       return !1;
   return !0;
 }
-const dt = we({
+const bt = Oe({
   name: "DataGrid",
   inheritAttrs: !1,
   props: {
@@ -845,6 +906,14 @@ const dt = we({
       type: [Boolean, Object],
       default: void 0
     },
+    findReplace: {
+      type: [Boolean, Object],
+      default: void 0
+    },
+    gridLines: {
+      type: [String, Object],
+      default: void 0
+    },
     showRowIndex: {
       type: Boolean,
       default: !0
@@ -994,19 +1063,19 @@ const dt = we({
     "update:state": (e) => !0,
     ready: (e) => !0
   },
-  setup(e, { attrs: o, slots: r, emit: n, expose: f }) {
-    const u = q(null), y = q(e.viewMode === "gantt" ? "gantt" : "table"), s = q(e.state ?? null), w = g(() => qe(e.renderMode, e.pagination)), b = g(() => Je(
+  setup(e, { attrs: o, slots: r, emit: n, expose: c }) {
+    const u = Y(null), p = Y(e.viewMode === "gantt" ? "gantt" : "table"), s = Y(e.state ?? null), S = y(() => et(e.renderMode, e.pagination)), O = y(() => tt(
       e.pagination,
-      w.value,
+      S.value,
       e.pageSize,
       e.currentPage
-    )), B = g(() => De(e.columnMenu)), h = g(() => Ke(e.cellMenu)), R = g(() => Le(e.rowIndexMenu)), P = g(() => tt(e.columnLayout)), G = g(() => ot(e.aggregations)), d = g(() => $e(e.advancedFilter)), x = g(() => Ue(e.groupBy)), D = g(() => e.state ?? s.value), $ = g(() => e.sortModel !== void 0 ? e.sortModel : D.value?.rows?.snapshot?.sortModel), F = g(() => e.filterModel !== void 0 ? e.filterModel : D.value?.rows?.snapshot?.filterModel ?? null), z = g(() => e.groupBy !== void 0 ? x.value ?? null : D.value?.rows?.snapshot?.groupBy ?? null), T = g(() => e.pivotModel !== void 0 ? e.pivotModel : D.value?.rows?.snapshot?.pivotModel ?? null), K = g(() => nt(e.virtualization, w.value)), O = g(() => Qe(e.layoutMode, e.minRows, e.maxRows)), C = g(() => Ie({
+    )), B = y(() => Te(e.columnMenu)), b = y(() => _e(e.cellMenu)), M = y(() => Ve(e.rowIndexMenu)), D = y(() => ft(e.columnLayout)), G = y(() => mt(e.aggregations)), d = y(() => ot(e.advancedFilter)), U = y(() => nt(e.findReplace)), v = y(() => at(e.gridLines)), P = y(() => Ze(e.groupBy)), x = y(() => e.state ?? s.value), Q = y(() => e.sortModel !== void 0 ? e.sortModel : x.value?.rows?.snapshot?.sortModel), z = y(() => e.filterModel !== void 0 ? e.filterModel : x.value?.rows?.snapshot?.filterModel ?? null), T = y(() => e.groupBy !== void 0 ? P.value ?? null : x.value?.rows?.snapshot?.groupBy ?? null), _ = y(() => e.pivotModel !== void 0 ? e.pivotModel : x.value?.rows?.snapshot?.pivotModel ?? null), K = y(() => yt(e.virtualization, S.value)), A = y(() => it(e.layoutMode, e.minRows, e.maxRows)), C = y(() => Ee({
       columns: e.columns,
       clientRowModelOptions: e.clientRowModelOptions,
       computedFields: e.computedFields,
       formulas: e.formulas,
       formulaFunctions: e.formulaFunctions
-    })), V = g(() => je(e.columns)), L = {
+    })), V = y(() => We(e.columns)), j = {
       get state() {
         return e.state;
       },
@@ -1035,7 +1104,7 @@ const dt = we({
         return e.filterModel;
       },
       get groupBy() {
-        return x.value;
+        return P.value;
       },
       get aggregationModel() {
         return e.aggregationModel;
@@ -1052,45 +1121,45 @@ const dt = we({
       get columns() {
         return e.columns;
       }
-    }, I = g(() => T.value ? "pivot" : C.value && "initialTreeData" in C.value ? "tree" : "base"), W = g(() => u.value?.api.columns.getSnapshot().visibleColumns ?? []), E = g(() => u.value?.api.rows.getCount() ?? 0), Q = {
-      mode: g(() => I.value),
+    }, I = y(() => _.value ? "pivot" : C.value && "initialTreeData" in C.value ? "tree" : "base"), E = y(() => u.value?.api.columns.getSnapshot().visibleColumns ?? []), N = y(() => u.value?.api.rows.getCount() ?? 0), X = {
+      mode: y(() => I.value),
       resolveRuntime: () => u.value,
-      visibleColumns: W,
-      totalRows: E,
-      showRowSelection: g(() => e.rowSelection)
+      visibleColumns: E,
+      totalRows: N,
+      showRowSelection: y(() => e.rowSelection)
     }, {
-      selectionSnapshot: X,
-      selectionAnchor: Y,
-      syncSelectionSnapshotFromRuntime: Z,
-      selectionService: ee,
-      selectionAggregatesLabel: te
-    } = Ge(Q), {
-      rowSelectionSnapshot: H,
-      syncRowSelectionSnapshotFromRuntime: _,
-      reconcileRowSelectionFromRuntime: oe,
+      selectionSnapshot: Z,
+      selectionAnchor: ee,
+      syncSelectionSnapshotFromRuntime: te,
+      selectionService: oe,
+      selectionAggregatesLabel: ne
+    } = Fe(X), {
+      rowSelectionSnapshot: W,
+      syncRowSelectionSnapshotFromRuntime: H,
+      reconcileRowSelectionFromRuntime: re,
       selectionService: k
-    } = xe({
+    } = ze({
       resolveRuntime: () => u.value
-    }), t = g(() => e.rowSelection ? k : it()), i = g(() => ({
+    }), t = y(() => e.rowSelection ? k : wt()), i = y(() => ({
       ...e.services ?? {},
-      selection: ut({
+      selection: St({
         userSelectionService: e.services?.selection,
-        cellSelectionService: ee,
+        cellSelectionService: oe,
         rowSelectionService: t.value
       })
     })), {
       dataGridInstanceKey: l,
-      resolvedRowModel: c
-    } = Fe({
-      rows: fe(e, "rows"),
-      rowModel: fe(e, "rowModel"),
+      resolvedRowModel: f
+    } = He({
+      rows: ge(e, "rows"),
+      rowModel: ge(e, "rowModel"),
       clientRowModelOptions: C,
       onOwnedRowModelRecreated: () => {
-        v.dispose();
+        g.dispose();
       }
-    }), v = at({
+    }), g = pt({
       gridRef: u,
-      props: L,
+      props: j,
       emit: {
         columnState: (a) => n("update:columnState", a),
         columnOrder: (a) => n("update:columnOrder", a),
@@ -1103,85 +1172,85 @@ const dt = we({
         },
         ready: (a) => n("ready", {
           api: a.api,
-          rowModel: c.value
+          rowModel: f.value
         })
       }
-    }), S = (a) => {
-      oe(), n("cell-change", a), v.emitSnapshotUpdates();
-    }, Re = (a) => {
+    }), h = (a) => {
+      re(), n("cell-change", a), g.emitSnapshotUpdates();
+    }, Le = (a) => {
       n("selection-change", a);
-    }, Me = (a) => {
+    }, De = (a) => {
       n("row-selection-change", a);
-    }, de = () => {
-      v.emitSnapshotUpdates();
+    }, me = () => {
+      g.emitSnapshotUpdates();
     };
-    p(
-      H,
+    w(
+      W,
       (a) => {
-        n("row-select", a), n("update:rowSelectionState", a), de();
+        n("row-select", a), n("update:rowSelectionState", a), me();
       },
       { deep: !0 }
-    ), p(
+    ), w(
       () => [e.rowSelection, e.rowSelectionState, u.value],
       ([a, m]) => {
         if (a) {
           if (m !== void 0) {
-            const j = u.value?.api.rowSelection;
-            st(H.value, m) || (m ? j?.setSnapshot(m) : j?.clear(), _());
+            const F = u.value?.api.rowSelection;
+            ht(W.value, m) || (m ? F?.setSnapshot(m) : F?.clear(), H());
             return;
           }
-          _();
+          H();
           return;
         }
         k.clearRowSelection?.();
       },
       { immediate: !0 }
-    ), p(
+    ), w(
       () => e.viewMode,
       (a) => {
-        y.value = a === "gantt" ? "gantt" : "table";
+        p.value = a === "gantt" ? "gantt" : "table";
       },
       { immediate: !0 }
     );
-    const ce = (a) => {
+    const ye = (a) => {
       const m = a === "gantt" ? "gantt" : "table";
-      y.value = m, n("update:viewMode", m);
-    }, be = () => {
-      const a = v.getState();
-      return a ? J({
+      p.value = m, n("update:viewMode", m);
+    }, Ge = () => {
+      const a = g.getState();
+      return a ? $({
         state: a,
-        viewMode: y.value
+        viewMode: p.value
       }) : null;
-    }, Oe = (a, m) => he(a, v.migrateState, m), Be = (a, m) => {
-      const j = J(a);
-      return v.applyState(j.state, m) ? (j.viewMode && ce(j.viewMode), !0) : !1;
+    }, Pe = (a, m) => Ce(a, g.migrateState, m), xe = (a, m) => {
+      const F = $(a);
+      return g.applyState(F.state, m) ? (F.viewMode && ye(F.viewMode), !0) : !1;
     };
-    return se(() => {
-      v.dispose();
-    }), f({
+    return fe(() => {
+      g.dispose();
+    }), c({
       grid: u,
-      rowModel: c,
+      rowModel: f,
       getApi: () => u.value?.api ?? null,
       getRuntime: () => u.value?.runtime ?? null,
       getCore: () => u.value?.core ?? null,
-      getColumnState: () => v.getColumnState(),
+      getColumnState: () => g.getColumnState(),
       getColumnSnapshot: () => u.value?.api.columns.getSnapshot() ?? null,
-      getSelectionAggregatesLabel: () => te.value,
+      getSelectionAggregatesLabel: () => ne.value,
       getSelectionSummary: () => u.value?.api.selection.summarize() ?? null,
-      getView: () => y.value,
-      setView: ce,
-      getSavedView: be,
-      migrateSavedView: Oe,
-      applySavedView: Be,
-      applyColumnState: v.applyColumnState,
-      getState: v.getState,
-      migrateState: v.migrateState,
-      applyState: v.applyState,
-      exportPivotLayout: v.exportPivotLayout,
-      exportPivotInterop: v.exportPivotInterop,
-      importPivotLayout: v.importPivotLayout,
-      expandAllGroups: v.expandAllGroups,
-      collapseAllGroups: v.collapseAllGroups,
+      getView: () => p.value,
+      setView: ye,
+      getSavedView: Ge,
+      migrateSavedView: Pe,
+      applySavedView: xe,
+      applyColumnState: g.applyColumnState,
+      getState: g.getState,
+      migrateState: g.migrateState,
+      applyState: g.applyState,
+      exportPivotLayout: g.exportPivotLayout,
+      exportPivotInterop: g.exportPivotInterop,
+      importPivotLayout: g.importPivotLayout,
+      expandAllGroups: g.expandAllGroups,
+      collapseAllGroups: g.collapseAllGroups,
       insertRowsAt: (a, m) => u.value?.api.rows.insertDataAt(a, m) ?? !1,
       insertRowBefore: (a, m) => u.value?.api.rows.insertDataBefore(a, m) ?? !1,
       insertRowAfter: (a, m) => u.value?.api.rows.insertDataAfter(a, m) ?? !1,
@@ -1194,29 +1263,31 @@ const dt = we({
         rows: e.rows,
         runtime: u.value?.runtime ?? null,
         runtimeRowModel: u.value?.rowModel ?? null,
-        selectionSnapshot: X,
-        selectionAnchor: Y,
-        rowSelectionSnapshot: H,
-        syncSelectionSnapshotFromRuntime: Z,
-        syncRowSelectionSnapshotFromRuntime: _,
-        flushRowSelectionSnapshotUpdates: de,
-        sortModel: $.value,
-        filterModel: F.value,
-        groupBy: z.value,
-        pivotModel: T.value,
-        renderMode: w.value,
+        selectionSnapshot: Z,
+        selectionAnchor: ee,
+        rowSelectionSnapshot: W,
+        syncSelectionSnapshotFromRuntime: te,
+        syncRowSelectionSnapshotFromRuntime: H,
+        flushRowSelectionSnapshotUpdates: me,
+        sortModel: Q.value,
+        filterModel: z.value,
+        groupBy: T.value,
+        pivotModel: _.value,
+        renderMode: S.value,
         virtualization: K.value,
         columnMenu: B.value,
-        cellMenu: h.value,
-        rowIndexMenu: R.value,
-        columnLayout: P.value,
+        cellMenu: b.value,
+        rowIndexMenu: M.value,
+        columnLayout: D.value,
         aggregations: G.value,
         advancedFilter: d.value,
+        findReplace: U.value,
+        gridLines: v.value,
         rowHeightMode: e.rowHeightMode,
         baseRowHeight: e.baseRowHeight,
-        layoutMode: O.value.layoutMode,
-        minRows: O.value.minRows,
-        maxRows: O.value.maxRows,
+        layoutMode: A.value.layoutMode,
+        minRows: A.value.minRows,
+        maxRows: A.value.maxRows,
         fillHandle: e.fillHandle,
         rangeMove: e.rangeMove,
         rowHover: e.rowHover,
@@ -1224,30 +1295,30 @@ const dt = we({
         isCellEditable: e.isCellEditable,
         showRowIndex: e.showRowIndex,
         rowSelection: e.rowSelection,
-        viewMode: y.value,
+        viewMode: p.value,
         gantt: e.gantt,
         toolbarModules: e.toolbarModules
       };
-      return ue(
-        rt,
+      return ce(
+        gt,
         {
           ...o,
           ref: u,
           key: l.value,
           rows: e.rows,
-          rowModel: c.value,
+          rowModel: f.value,
           columns: V.value,
           theme: e.theme,
-          layoutMode: O.value.layoutMode,
-          renderMode: w.value,
-          pagination: b.value,
+          layoutMode: A.value.layoutMode,
+          renderMode: S.value,
+          pagination: O.value,
           plugins: e.plugins,
           services: i.value,
           startupOrder: e.startupOrder,
           autoStart: e.autoStart,
-          onCellChange: S,
-          onSelectionChange: Re,
-          onRowSelectionChange: Me
+          onCellChange: h,
+          onSelectionChange: Le,
+          onRowSelectionChange: De
         },
         r.default ? {
           default: (m) => r.default?.({
@@ -1259,7 +1330,7 @@ const dt = we({
             }
           })
         } : {
-          default: (m) => ue(ze, {
+          default: (m) => ce(ke, {
             ...a,
             runtime: m.runtime,
             runtimeRowModel: m.rowModel
@@ -1268,14 +1339,14 @@ const dt = we({
       );
     };
   }
-}), Rt = dt;
+}), xt = bt;
 export {
-  Rt as DataGrid,
-  ht as clearDataGridSavedViewInStorage,
-  dt as default,
-  he as migrateDataGridSavedView,
-  et as parseDataGridSavedView,
-  St as readDataGridSavedViewFromStorage,
-  Ze as serializeDataGridSavedView,
-  wt as writeDataGridSavedViewToStorage
+  xt as DataGrid,
+  Pt as clearDataGridSavedViewInStorage,
+  bt as default,
+  Ce as migrateDataGridSavedView,
+  ct as parseDataGridSavedView,
+  Gt as readDataGridSavedViewFromStorage,
+  dt as serializeDataGridSavedView,
+  Dt as writeDataGridSavedViewToStorage
 };