@affino/datagrid-vue-app 0.1.49 → 0.1.50

package/dist/index.js

@@ -1,31 +1,31 @@
-import { defineComponent as je, ref as x, provide as tt, computed as f, watch as h, onBeforeUnmount as pe, h as ge, mergeProps as ot, nextTick as nt, unref as Me, toRef as Ce } from "vue";
-import { useDataGridRuntime as rt, cloneDataGridFilterSnapshot as lt } from "@affino/datagrid-vue";
-import { useDataGridAppSelection as at, useDataGridAppRowSelection as it } from "@affino/datagrid-vue/app";
-import { r as ut, g as st, h as dt, i as ct, j as ft, b as mt, d as yt, c as vt, k as gt, u as pt, D as wt } from "./chunks/useDataGridAppRowModel-DV-_lFKE.js";
-import { a as Do, l as Po } from "./chunks/useDataGridAppRowModel-DV-_lFKE.js";
-import { r as St } from "./chunks/dataGridAdvancedFilter-xnME5bRa.js";
-import { r as ht } from "./chunks/DataGridGanttStageEntry-BwdBiQkI.js";
-import { applyGridTheme as Rt, resolveGridThemeTokens as bt, defaultStyleConfig as I, sugarTheme as Ie, industrialNeutralTheme as Oe } from "@affino/datagrid-theme";
-import { d as Mt } from "./chunks/dataGridOverlayThemeVars-vzY74EIz.js";
-function yo() {
+import { defineComponent as Ie, ref as x, provide as rt, computed as f, watch as h, onBeforeUnmount as Se, h as ge, mergeProps as lt, nextTick as at, unref as Oe, toRef as Ae } from "vue";
+import { useDataGridRuntime as it, cloneDataGridFilterSnapshot as ut } from "@affino/datagrid-vue";
+import { useDataGridAppSelection as st, useDataGridAppRowSelection as dt } from "@affino/datagrid-vue/app";
+import { r as ct, g as ft, h as mt, i as yt, j as vt, b as gt, d as pt, c as wt, k as St, u as ht, D as Rt } from "./chunks/useDataGridAppRowModel-BCi5miT8.js";
+import { a as Io, l as Ko } from "./chunks/useDataGridAppRowModel-BCi5miT8.js";
+import { r as bt } from "./chunks/dataGridAdvancedFilter-xnME5bRa.js";
+import { r as Mt } from "./chunks/DataGridGanttStageEntry-DQBFS3-m.js";
+import { applyGridTheme as Ct, resolveGridThemeTokens as Ot, defaultStyleConfig as I, sugarTheme as Ke, industrialNeutralTheme as De } from "@affino/datagrid-theme";
+import { d as At } from "./chunks/dataGridOverlayThemeVars-vzY74EIz.js";
+function Ro() {
   return (e) => e;
 }
-const Ct = {
+const Dt = {
   default: I,
-  "industrial-neutral": Oe,
-  industrialNeutral: Oe,
-  sugar: Ie
+  "industrial-neutral": De,
+  industrialNeutral: De,
+  sugar: Ke
 };
-function Ot(e, t) {
+function Bt(e, t) {
   if (!e && !t)
     return;
   const l = {
     ...e ?? {}
   };
-  for (const [o, u] of Object.entries(t ?? {}))
+  for (const [o, i] of Object.entries(t ?? {}))
     l[o] = {
       ...l[o] ?? {},
-      ...u
+      ...i
     };
   return l;
 }
@@ -40,34 +40,34 @@ function fe(e, t) {
     summary: { ...e.summary ?? {}, ...t.summary ?? {} },
     state: { ...e.state ?? {}, ...t.state ?? {} },
     tokens: { ...e.tokens ?? {}, ...t.tokens ?? {} },
-    tokenVariants: Ot(e.tokenVariants, t.tokenVariants)
+    tokenVariants: Bt(e.tokenVariants, t.tokenVariants)
   };
 }
-function At(e) {
+function Ft(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 Bt(e) {
-  return e == null ? I : typeof e == "string" ? e === "sugar" ? fe(I, Ie) : Ct[e] ?? I : At(e) ? fe(I, e) : fe(I, {
+function Pt(e) {
+  return e == null ? I : typeof e == "string" ? e === "sugar" ? fe(I, Ke) : Dt[e] ?? I : Ft(e) ? fe(I, e) : fe(I, {
     tokens: e
   });
 }
-function Dt(e) {
-  const t = Bt(e);
-  return bt(t ?? I, {
+function Gt(e) {
+  const t = Pt(e);
+  return Ot(t ?? I, {
     document: typeof document > "u" ? void 0 : document
   });
 }
-function Ae(e, t) {
-  const l = Dt(t);
-  return Rt(e, l), l;
-}
 function Be(e, t) {
+  const l = Gt(t);
+  return Ct(e, l), l;
+}
+function Fe(e, t) {
   return Number.isFinite(e) ? Math.max(0, Math.trunc(e)) : t;
 }
-function De(e, t) {
+function Pe(e, t) {
   return Number.isFinite(e) ? Math.max(1, Math.trunc(e)) : t;
 }
-function Pt(e) {
+function xt(e) {
   if (e !== void 0) {
     if (e == null)
       return null;
@@ -82,23 +82,54 @@ function Pt(e) {
     return e;
   }
 }
-function Gt(e, t) {
+function jt(e, t) {
   return t === !0 || t && typeof t == "object" ? "pagination" : e ?? "virtualization";
 }
-function Ft(e, t, l, o) {
+function Lt(e, t, l, o) {
   if (t !== "pagination")
     return null;
-  const u = 100, a = De(l, u), y = Be(o, 0);
+  const i = 100, a = Pe(l, i), y = Fe(o, 0);
   return e === !0 || e === !1 || e == null ? {
     pageSize: a,
     currentPage: y
   } : {
-    pageSize: De(l ?? e.pageSize, u),
-    currentPage: Be(o ?? e.currentPage, 0)
+    pageSize: Pe(l ?? e.pageSize, i),
+    currentPage: Fe(o ?? e.currentPage, 0)
   };
 }
+const pe = "Search rows", we = "contains";
+function It(e) {
+  return typeof e == "string" && e.trim().length > 0 ? e.trim() : pe;
+}
+function Kt(e) {
+  return e === "tokens" ? "tokens" : we;
+}
+function Ht(e) {
+  if (!Array.isArray(e))
+    return null;
+  const t = e.map((l) => l.trim()).filter((l, o, i) => l.length > 0 && i.indexOf(l) === o);
+  return t.length > 0 ? Object.freeze(t) : null;
+}
+function zt(e) {
+  return Object.freeze(typeof e == "boolean" ? {
+    enabled: e,
+    placeholder: pe,
+    columns: null,
+    mode: we
+  } : e ? {
+    enabled: !0,
+    placeholder: It(e.placeholder),
+    columns: Ht(e.columns),
+    mode: Kt(e.mode)
+  } : {
+    enabled: !1,
+    placeholder: pe,
+    columns: null,
+    mode: we
+  });
+}
 const me = "Find / replace";
-function xt(e) {
+function Et(e) {
   return typeof e == "boolean" ? {
     enabled: e,
     buttonLabel: me
@@ -110,22 +141,22 @@ function xt(e) {
     buttonLabel: me
   };
 }
-const jt = "all", Ke = {
+const kt = "all", He = {
   all: "columns",
   rows: "none",
   columns: "columns",
   none: "none"
 };
-function Pe(e) {
-  return e === "rows" || e === "columns" || e === "none" || e === "all" ? e : jt;
+function Ge(e) {
+  return e === "rows" || e === "columns" || e === "none" || e === "all" ? e : kt;
 }
-function It(e, t) {
-  return e === "columns" || e === "none" ? e : Ke[t];
+function Tt(e, t) {
+  return e === "columns" || e === "none" ? e : He[t];
 }
-function Ge(e, t) {
+function xe(e, t) {
   return e !== "none" || t === "columns";
 }
-function Fe(e) {
+function je(e) {
   const t = e.body === "all" || e.body === "rows", l = e.body === "all" || e.body === "columns", o = e.header === "columns";
   return {
     body: e.body,
@@ -136,29 +167,29 @@ function Fe(e) {
     headerColumns: o
   };
 }
-function Kt(e) {
+function Vt(e) {
   if (typeof e == "string") {
-    const o = Pe(e), u = Ke[o];
-    return Fe({
+    const o = Ge(e), i = He[o];
+    return je({
       body: o,
-      header: u,
-      pinnedSeparators: Ge(o, u)
+      header: i,
+      pinnedSeparators: xe(o, i)
     });
   }
-  const t = Pe(e?.body), l = It(e?.header, t);
-  return Fe({
+  const t = Ge(e?.body), l = Tt(e?.header, t);
+  return je({
     body: t,
     header: l,
-    pinnedSeparators: typeof e?.pinnedSeparators == "boolean" ? e.pinnedSeparators : Ge(t, l)
+    pinnedSeparators: typeof e?.pinnedSeparators == "boolean" ? e.pinnedSeparators : xe(t, l)
   });
 }
-function xe(e) {
+function Le(e) {
   if (typeof e != "number" || !Number.isFinite(e))
     return null;
   const t = Math.max(0, Math.trunc(e));
   return t > 0 ? t : null;
 }
-function Ht(e, t, l) {
+function Wt(e, t, l) {
   const o = e === "auto-height" ? "auto-height" : "fill";
   if (o !== "auto-height")
     return {
@@ -166,15 +197,15 @@ function Ht(e, t, l) {
       minRows: null,
       maxRows: null
     };
-  const u = xe(t);
-  let a = xe(l);
-  return u !== null && a !== null && a < u && (a = u), {
+  const i = Le(t);
+  let a = Le(l);
+  return i !== null && a !== null && a < i && (a = i), {
     layoutMode: o,
-    minRows: u,
+    minRows: i,
     maxRows: a
   };
 }
-function Lt(e) {
+function _t(e) {
   return {
     ...e,
     transaction: null
@@ -183,54 +214,54 @@ function Lt(e) {
 function X(e) {
   return {
     ...e,
-    state: Lt(e.state)
+    state: _t(e.state)
   };
 }
-function zt(e) {
+function Ut(e) {
   return typeof e == "object" && e !== null;
 }
-function He(e, t, l) {
-  const o = zt(e) ? e : null, u = t(o && "state" in o ? o.state : e, l);
-  if (!u)
+function ze(e, t, l) {
+  const o = Ut(e) ? e : null, i = t(o && "state" in o ? o.state : e, l);
+  if (!i)
     return null;
   const a = o?.viewMode, y = a === "gantt" ? "gantt" : a === "table" ? "table" : void 0;
   return X({
-    state: u,
+    state: i,
     ...y ? { viewMode: y } : {}
   });
 }
-function Et(e) {
+function Nt(e) {
   return JSON.stringify(X(e));
 }
-function Vt(e, t, l) {
+function qt(e, t, l) {
   if (typeof e != "string" || e.trim().length === 0)
     return null;
   try {
-    return He(JSON.parse(e), t, l);
+    return ze(JSON.parse(e), t, l);
   } catch {
     return null;
   }
 }
-function vo(e, t, l) {
+function bo(e, t, l) {
   if (!e || typeof t != "string" || t.trim().length === 0)
     return !1;
   try {
-    return e.setItem(t, Et(l)), !0;
+    return e.setItem(t, Nt(l)), !0;
   } catch {
     return !1;
   }
 }
-function go(e, t, l, o) {
+function Mo(e, t, l, o) {
   if (!e || typeof t != "string" || t.trim().length === 0)
     return null;
   try {
-    const u = e.getItem(t);
-    return u ? Vt(u, l, o) : null;
+    const i = e.getItem(t);
+    return i ? qt(i, l, o) : null;
   } catch {
     return null;
   }
 }
-function po(e, t) {
+function Co(e, t) {
   if (!e || typeof t != "string" || t.trim().length === 0)
     return !1;
   try {
@@ -240,7 +271,7 @@ function po(e, t) {
   }
 }
 const ye = "Aggregations";
-function Wt(e) {
+function Jt(e) {
   return typeof e == "boolean" ? {
     enabled: e,
     buttonLabel: ye
@@ -252,10 +283,10 @@ function Wt(e) {
     buttonLabel: ye
   };
 }
-function $(e, t) {
+function Q(e, t) {
   return Number.isFinite(e) ? Math.max(0, Math.trunc(e)) : t;
 }
-function Tt(e, t) {
+function Yt(e, t) {
   const l = {
     rows: !0,
     columns: !1,
@@ -268,12 +299,12 @@ function Tt(e, t) {
     l.rows = !1, l.columns = !1;
   else if (e && typeof e == "object") {
     l.rows = e.rows ?? l.rows, l.columns = e.columns ?? l.columns;
-    const o = $(e.overscan, l.rowOverscan);
-    l.rowOverscan = $(e.rowOverscan, o), l.columnOverscan = $(e.columnOverscan, $(e.overscan, l.columnOverscan));
+    const o = Q(e.overscan, l.rowOverscan);
+    l.rowOverscan = Q(e.rowOverscan, o), l.columnOverscan = Q(e.columnOverscan, Q(e.overscan, l.columnOverscan));
   }
   return t === "pagination" && (l.rows = !1), l;
 }
-const _t = je({
+const Qt = Ie({
   name: "DataGridRuntimeHost",
   inheritAttrs: !1,
   props: {
@@ -327,11 +358,11 @@ const _t = je({
     "selection-change": (e) => !0,
     "row-selection-change": (e) => !0
   },
-  setup(e, { attrs: t, slots: l, emit: o, expose: u }) {
+  setup(e, { attrs: t, slots: l, emit: o, expose: i }) {
     const a = x(null);
-    tt(Mt, a);
+    rt(At, a);
     let y = null;
-    const s = rt({
+    const d = it({
       rows: f(() => e.rows),
       rowModel: e.rowModel,
       columns: f(() => e.columns),
@@ -339,43 +370,43 @@ const _t = je({
       services: e.services,
       startupOrder: e.startupOrder,
       autoStart: e.autoStart
-    }), S = s, R = {
-      api: s.api,
-      syncBodyRowsInRange: s.syncBodyRowsInRange,
-      setViewportRange: s.setViewportRange,
-      setVirtualWindowRange: s.setVirtualWindowRange,
-      setRows: s.setRows,
-      rowPartition: s.rowPartition,
-      virtualWindow: s.virtualWindow,
-      columnSnapshot: s.columnSnapshot,
+    }), S = d, R = {
+      api: d.api,
+      syncBodyRowsInRange: d.syncBodyRowsInRange,
+      setViewportRange: d.setViewportRange,
+      setVirtualWindowRange: d.setVirtualWindowRange,
+      setRows: d.setRows,
+      rowPartition: d.rowPartition,
+      virtualWindow: d.virtualWindow,
+      columnSnapshot: d.columnSnapshot,
       getBodyRowAtIndex: S.getBodyRowAtIndex,
       resolveBodyRowIndexById: S.resolveBodyRowIndexById
-    }, D = () => {
+    }, B = () => {
       if (e.renderMode === "pagination") {
         const v = e.pagination ?? { pageSize: 100, currentPage: 0 };
-        s.api.rows.setPagination({
+        d.api.rows.setPagination({
           pageSize: Math.max(1, Math.trunc(v.pageSize)),
           currentPage: Math.max(0, Math.trunc(v.currentPage))
         });
         return;
       }
-      s.api.rows.setPagination(null);
+      d.api.rows.setPagination(null);
     };
     h(
       () => e.renderMode,
       () => {
-        D();
+        B();
       },
       { immediate: !0 }
     ), h(
       () => e.pagination,
       () => {
-        D();
+        B();
       },
       { immediate: !0, deep: !0 }
     ), typeof document < "u" && (y = new MutationObserver(() => {
       const v = a.value;
-      v && Ae(v, e.theme);
+      v && Be(v, e.theme);
     }), y.observe(document.documentElement, {
       attributes: !0,
       attributeFilter: ["class", "data-theme"]
@@ -383,26 +414,26 @@ const _t = je({
       [() => e.theme, a],
       () => {
         const v = a.value;
-        v && Ae(v, e.theme);
+        v && Be(v, e.theme);
       },
       { immediate: !0, deep: !0 }
     );
-    const C = s.api.events.on("rows:changed", (v) => {
+    const C = d.api.events.on("rows:changed", (v) => {
       o("cell-change", v);
-    }), b = s.api.events.on("selection:changed", (v) => {
+    }), b = d.api.events.on("selection:changed", (v) => {
       o("selection-change", v);
-    }), j = s.api.events.on("row-selection:changed", (v) => {
+    }), j = d.api.events.on("row-selection:changed", (v) => {
       o("row-selection-change", v);
     });
-    pe(() => {
+    Se(() => {
       C(), b(), j(), y?.disconnect(), y = null;
     });
-    const F = f(() => {
-      const v = s.virtualWindow.value;
+    const P = f(() => {
+      const v = d.virtualWindow.value;
       return {
         ...v ?? {},
-        rowTotal: v?.rowTotal ?? s.rowPartition.value.bodyRowCount,
-        colTotal: s.columnSnapshot.value.visibleColumns.length
+        rowTotal: v?.rowTotal ?? d.rowPartition.value.bodyRowCount,
+        colTotal: d.columnSnapshot.value.visibleColumns.length
       };
     }), g = () => {
       const v = () => {
@@ -416,7 +447,7 @@ const _t = je({
         }
         return typeof document < "u" && document.activeElement === M;
       }, p = (M) => {
-        nt(() => {
+        at(() => {
           if (!(v() || M >= 3)) {
             if (typeof window < "u") {
               window.requestAnimationFrame(() => {
@@ -430,25 +461,25 @@ const _t = je({
       };
       p(0);
     };
-    return u({
-      api: s.api,
-      core: s.core,
+    return i({
+      api: d.api,
+      core: d.core,
       runtime: R,
-      rowModel: s.rowModel,
-      columnModel: s.columnModel,
-      columnSnapshot: s.columnSnapshot,
-      rowPartition: s.rowPartition,
-      setRows: s.setRows,
-      syncBodyRowsInRange: s.syncBodyRowsInRange,
+      rowModel: d.rowModel,
+      columnModel: d.columnModel,
+      columnSnapshot: d.columnSnapshot,
+      rowPartition: d.rowPartition,
+      setRows: d.setRows,
+      syncBodyRowsInRange: d.syncBodyRowsInRange,
       getBodyRowAtIndex: S.getBodyRowAtIndex,
       resolveBodyRowIndexById: S.resolveBodyRowIndexById,
-      virtualWindow: s.virtualWindow,
+      virtualWindow: d.virtualWindow,
       restoreFocus: g,
-      start: s.start,
-      stop: s.stop
+      start: d.start,
+      stop: d.stop
     }), () => ge(
       "div",
-      ot(t, {
+      lt(t, {
         ref: a,
         class: [
           "affino-datagrid-app-root",
@@ -463,19 +494,19 @@ const _t = je({
         }
       }),
       l.default?.({
-        api: s.api,
-        core: s.core,
+        api: d.api,
+        core: d.core,
         runtime: R,
         grid: R,
-        rowModel: s.rowModel,
-        columnModel: s.columnModel,
-        columnSnapshot: s.columnSnapshot.value,
-        rowPartition: s.rowPartition.value,
-        setRows: s.setRows,
-        syncBodyRowsInRange: s.syncBodyRowsInRange,
+        rowModel: d.rowModel,
+        columnModel: d.columnModel,
+        columnSnapshot: d.columnSnapshot.value,
+        rowPartition: d.rowPartition.value,
+        setRows: d.setRows,
+        syncBodyRowsInRange: d.syncBodyRowsInRange,
         getBodyRowAtIndex: S.getBodyRowAtIndex,
         resolveBodyRowIndexById: S.resolveBodyRowIndexById,
-        virtualWindow: F.value
+        virtualWindow: P.value
       }) ?? []
     );
   }
@@ -483,54 +514,54 @@ const _t = je({
 function ve(e) {
   return Number.isFinite(e) ? Math.max(0, Math.trunc(e)) : null;
 }
-function B(e) {
+function D(e) {
   try {
     return JSON.stringify(e);
   } catch {
     return null;
   }
 }
-function kt(e) {
+function $t(e) {
   return e ? {
     fields: [...e.fields],
     expandedByDefault: e.expandedByDefault
   } : null;
 }
-function Ut(e) {
-  let t = null, l = null, o = !1, u = null, a = null, y = null, s = null, S = null, R = null, D = null, C = null, b = null;
+function Xt(e) {
+  let t = null, l = null, o = !1, i = null, a = null, y = null, d = null, S = null, R = null, B = null, C = null, b = null;
   const j = () => {
     t?.(), l?.(), t = null, l = null;
-  }, F = () => {
+  }, P = () => {
     const n = e.gridRef.value;
     return !n || n.api.lifecycle.state === "disposed" ? null : n;
-  }, g = () => F()?.api ?? null, v = () => {
+  }, g = () => P()?.api ?? null, v = () => {
     const n = g()?.columns;
     if (!n)
       return null;
-    const d = n.getSnapshot(), i = {}, m = {}, A = {};
-    for (const O of d.columns)
-      i[O.key] = O.visible, m[O.key] = O.width, A[O.key] = O.pin;
+    const s = n.getSnapshot(), u = {}, m = {}, A = {};
+    for (const O of s.columns)
+      u[O.key] = O.visible, m[O.key] = O.width, A[O.key] = O.pin;
     return {
-      order: [...d.order],
-      visibility: i,
+      order: [...s.order],
+      visibility: u,
       widths: m,
       pins: A
     };
   }, p = () => {
     o || (o = !0, queueMicrotask(() => {
       o = !1;
-      const n = v(), d = g();
+      const n = v(), s = g();
       if (n) {
-        const i = B(n);
-        R = i, i !== y && (y = i, e.emit.columnState(n), e.emit.columnOrder(n.order), e.emit.hiddenColumnKeys(
+        const u = D(n);
+        R = u, u !== y && (y = u, e.emit.columnState(n), e.emit.columnOrder(n.order), e.emit.hiddenColumnKeys(
           Object.entries(n.visibility).filter(([, m]) => !m).map(([m]) => m)
         ), e.emit.columnWidths(n.widths), e.emit.columnPins(n.pins));
       }
-      if (d) {
-        const i = kt(d.rows.getSnapshot().groupBy), m = B(i);
-        m !== S && (S = m, e.emit.groupBy(i));
-        const A = d.state.get(), O = B(A);
-        D = O, O !== s && (s = O, e.emit.state(A));
+      if (s) {
+        const u = $t(s.rows.getSnapshot().groupBy), m = D(u);
+        m !== S && (S = m, e.emit.groupBy(u));
+        const A = s.state.get(), O = D(A);
+        B = O, O !== d && (d = O, e.emit.state(A));
       }
     }));
   }, M = () => {
@@ -541,54 +572,54 @@ function Ut(e) {
     });
   }, Z = () => {
     const n = g()?.columns;
-    return n ? new Set(n.getSnapshot().columns.map((d) => d.key)) : null;
+    return n ? new Set(n.getSnapshot().columns.map((s) => s.key)) : null;
   }, ee = (n) => {
-    const d = /* @__PURE__ */ new Set();
+    const s = /* @__PURE__ */ new Set();
     if (!n)
-      return d;
-    for (const i of n.order)
-      d.add(i);
-    for (const i of Object.keys(n.visibility ?? {}))
-      d.add(i);
-    for (const i of Object.keys(n.widths ?? {}))
-      d.add(i);
-    for (const i of Object.keys(n.pins ?? {}))
-      d.add(i);
-    return d;
+      return s;
+    for (const u of n.order)
+      s.add(u);
+    for (const u of Object.keys(n.visibility ?? {}))
+      s.add(u);
+    for (const u of Object.keys(n.widths ?? {}))
+      s.add(u);
+    for (const u of Object.keys(n.pins ?? {}))
+      s.add(u);
+    return s;
   }, z = (n) => {
-    const d = Z();
-    if (!d)
+    const s = Z();
+    if (!s)
       return !1;
-    const i = ee(n);
-    if (i.size === 0)
+    const u = ee(n);
+    if (u.size === 0)
       return !0;
-    for (const m of i)
-      if (!d.has(m))
+    for (const m of u)
+      if (!s.has(m))
         return !1;
     return !0;
   }, E = (n) => z(n.columns), U = (n) => {
-    const d = g();
-    if (!d)
+    const s = g();
+    if (!s)
       return !1;
-    d.columns.setOrder(n.order);
-    for (const [i, m] of Object.entries(n.visibility))
-      d.columns.setVisibility(i, m);
-    for (const [i, m] of Object.entries(n.widths))
-      d.columns.setWidth(i, ve(m));
-    for (const [i, m] of Object.entries(n.pins))
-      d.columns.setPin(i, m);
+    s.columns.setOrder(n.order);
+    for (const [u, m] of Object.entries(n.visibility))
+      s.columns.setVisibility(u, m);
+    for (const [u, m] of Object.entries(n.widths))
+      s.columns.setWidth(u, ve(m));
+    for (const [u, m] of Object.entries(n.pins))
+      s.columns.setPin(u, m);
     return !0;
   }, K = () => {
     if (b) {
-      const n = b, d = g();
-      if (d) {
-        const i = d.state.migrate(n.state, { strict: n.options?.strict });
-        i && E(i) && (b = null, d.state.set(i, n.options), a = B(n.state));
+      const n = b, s = g();
+      if (s) {
+        const u = s.state.migrate(n.state, { strict: n.options?.strict });
+        u && E(u) && (b = null, s.state.set(u, n.options), a = D(n.state));
       }
     }
     if (C && z(C.columnState)) {
       const n = C;
-      C = null, u = B({
+      C = null, i = D({
         columnState: n.columnState,
         columnOrder: null,
         hiddenColumnKeys: null,
@@ -596,94 +627,94 @@ function Ut(e) {
         columnPins: null
       }), U(n.columnState);
     }
-  }, V = () => {
+  }, k = () => {
     const n = g();
     !n || e.props.groupBy === void 0 || n.rows.setGroupBy(e.props.groupBy ?? null);
-  }, W = () => {
+  }, T = () => {
     const n = g();
     !n || e.props.aggregationModel === void 0 || n.rows.setAggregationModel(e.props.aggregationModel ?? null);
-  }, H = () => {
+  }, V = () => {
     const n = g();
     !n || e.props.pivotModel === void 0 || n.pivot.setModel(e.props.pivotModel ?? null);
-  }, P = () => {
+  }, L = () => {
     const n = g();
     if (!n || 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 d = B({
+    const s = D({
       columnState: e.props.columnState,
       columnOrder: e.props.columnOrder,
       hiddenColumnKeys: e.props.hiddenColumnKeys,
       columnWidths: e.props.columnWidths,
       columnPins: e.props.columnPins
     });
-    if (d !== u) {
-      if (e.props.columnState && !e.props.columnOrder && !e.props.hiddenColumnKeys && !e.props.columnWidths && !e.props.columnPins && B(e.props.columnState) === R) {
-        u = d;
+    if (s !== i) {
+      if (e.props.columnState && !e.props.columnOrder && !e.props.hiddenColumnKeys && !e.props.columnWidths && !e.props.columnPins && D(e.props.columnState) === R) {
+        i = s;
         return;
       }
       if (e.props.columnState) {
         n.columns.setOrder(e.props.columnState.order);
-        for (const [i, m] of Object.entries(e.props.columnState.visibility))
-          n.columns.setVisibility(i, m);
-        for (const [i, m] of Object.entries(e.props.columnState.widths))
-          n.columns.setWidth(i, ve(m));
-        for (const [i, m] of Object.entries(e.props.columnState.pins))
-          n.columns.setPin(i, m);
+        for (const [u, m] of Object.entries(e.props.columnState.visibility))
+          n.columns.setVisibility(u, m);
+        for (const [u, m] of Object.entries(e.props.columnState.widths))
+          n.columns.setWidth(u, ve(m));
+        for (const [u, m] of Object.entries(e.props.columnState.pins))
+          n.columns.setPin(u, m);
       }
       if (e.props.columnOrder && n.columns.setOrder(e.props.columnOrder), e.props.hiddenColumnKeys) {
-        const i = new Set(e.props.hiddenColumnKeys), m = n.columns.getSnapshot();
+        const u = new Set(e.props.hiddenColumnKeys), m = n.columns.getSnapshot();
         for (const A of m.columns)
-          n.columns.setVisibility(A.key, !i.has(A.key));
+          n.columns.setVisibility(A.key, !u.has(A.key));
       }
       if (e.props.columnWidths)
-        for (const [i, m] of Object.entries(e.props.columnWidths))
-          n.columns.setWidth(i, ve(m));
+        for (const [u, m] of Object.entries(e.props.columnWidths))
+          n.columns.setWidth(u, ve(m));
       if (e.props.columnPins)
-        for (const [i, m] of Object.entries(e.props.columnPins))
-          n.columns.setPin(i, m);
-      u = d;
+        for (const [u, m] of Object.entries(e.props.columnPins))
+          n.columns.setPin(u, m);
+      i = s;
     }
-  }, T = () => {
+  }, G = () => {
     const n = g();
     if (!n || e.props.state == null)
       return;
-    const d = B(e.props.state);
-    if (d === a)
+    const s = D(e.props.state);
+    if (s === a)
       return;
-    if (d === D) {
-      a = d;
+    if (s === B) {
+      a = s;
       return;
     }
-    const i = n.state.migrate(e.props.state, { strict: e.props.stateOptions?.strict });
-    i && E(i) && (n.state.set(i, e.props.stateOptions ?? {}), a = d);
-  }, _ = () => {
+    const u = n.state.migrate(e.props.state, { strict: e.props.stateOptions?.strict });
+    u && E(u) && (n.state.set(u, e.props.stateOptions ?? {}), a = s);
+  }, W = () => {
     const n = g();
     n && (n.view.setRowHeightMode(e.props.rowHeightMode), n.view.setBaseRowHeight(Math.max(24, Math.trunc(e.props.baseRowHeight))));
   }, N = () => {
-    const n = F();
-    n && (u = null, a = null, j(), t = n.rowModel.subscribe(() => {
+    const n = P();
+    n && (i = null, a = null, j(), t = n.rowModel.subscribe(() => {
       p();
     }), l = n.columnModel.subscribe(() => {
       p();
-    }), T(), P(), M(), V(), W(), H(), _(), K(), p(), e.emit.ready({ api: n.api }));
-  }, q = () => g()?.state.get() ?? null, te = (n, d) => g()?.state.migrate(n, d) ?? null, L = (n) => z(n) ? (u = B({
+    }), G(), L(), M(), k(), T(), V(), W(), K(), p(), e.emit.ready({ api: n.api }));
+  }, te = () => g()?.state.get() ?? null, q = (n, s) => g()?.state.migrate(n, s) ?? null, oe = (n) => z(n) ? (i = D({
     columnState: n,
     columnOrder: null,
     hiddenColumnKeys: null,
     columnWidths: null,
     columnPins: null
-  }), C = null, U(n) ? (p(), !0) : (C = { columnState: n }, !0)) : (C = { columnState: n }, !0), oe = (n, d) => {
-    const i = g();
-    if (!i)
-      return b = { state: n, options: d }, !0;
-    const m = i.state.migrate(n, { strict: d?.strict });
-    return m ? E(m) ? (i.state.set(m, d), a = B(n), b = null, p(), !0) : (b = { state: n, options: d }, !0) : !1;
-  }, ne = () => g()?.pivot.exportLayout() ?? null, J = () => g()?.pivot.exportInterop() ?? null, re = (n, d) => {
-    const i = g();
-    return i ? (i.pivot.importLayout(n, d), p(), !0) : !1;
-  }, k = () => {
-    g()?.rows.expandAllGroups(), p();
+  }), C = null, U(n) ? (p(), !0) : (C = { columnState: n }, !0)) : (C = { columnState: n }, !0), H = (n, s) => {
+    const u = g();
+    if (!u)
+      return b = { state: n, options: s }, !0;
+    const m = u.state.migrate(n, { strict: s?.strict });
+    return m ? E(m) ? (u.state.set(m, s), a = D(n), b = null, p(), !0) : (b = { state: n, options: s }, !0) : !1;
+  }, ne = () => g()?.pivot.exportLayout() ?? null, re = () => g()?.pivot.exportInterop() ?? null, J = (n, s) => {
+    const u = g();
+    return u ? (u.pivot.importLayout(n, s), p(), !0) : !1;
   }, le = () => {
+    g()?.rows.expandAllGroups(), p();
+  }, _ = () => {
     g()?.rows.collapseAllGroups(), p();
   };
   h(
@@ -695,13 +726,13 @@ function Ut(e) {
   ), h(
     () => e.props.columns,
     () => {
-      u = null, a = null, T(), P(), K(), p();
+      i = null, a = null, G(), L(), K(), p();
     },
     { deep: !0 }
   ), h(
     () => [e.props.state, e.props.stateOptions],
     () => {
-      T(), P(), M(), V(), W(), H(), _(), K(), p();
+      G(), L(), M(), k(), T(), V(), W(), K(), p();
     },
     { deep: !0 }
   ), h(
@@ -713,7 +744,7 @@ function Ut(e) {
       e.props.columnPins
     ],
     () => {
-      P(), K(), p();
+      L(), K(), p();
     },
     { deep: !0 }
   ), h(
@@ -725,68 +756,68 @@ function Ut(e) {
   ), h(
     () => e.props.groupBy,
     () => {
-      V(), p();
+      k(), p();
     },
     { deep: !0 }
   ), h(
     () => e.props.aggregationModel,
     () => {
-      W(), p();
+      T(), p();
     },
     { deep: !0 }
   ), h(
     () => e.props.pivotModel,
     () => {
-      H(), p();
+      V(), p();
     },
     { deep: !0 }
   ), h(
     () => [e.props.rowHeightMode, e.props.baseRowHeight],
     () => {
-      _(), p();
+      W(), p();
     }
   );
   const Y = () => {
     j();
   };
-  return pe(() => {
+  return Se(() => {
     Y();
   }), {
     emitSnapshotUpdates: p,
     handleGridReady: N,
     dispose: Y,
     getColumnState: v,
-    getState: q,
-    migrateState: te,
-    applyColumnState: L,
-    applyState: oe,
+    getState: te,
+    migrateState: q,
+    applyColumnState: oe,
+    applyState: H,
     exportPivotLayout: ne,
-    exportPivotInterop: J,
-    importPivotLayout: re,
-    expandAllGroups: k,
-    collapseAllGroups: le
+    exportPivotInterop: re,
+    importPivotLayout: J,
+    expandAllGroups: le,
+    collapseAllGroups: _
   };
 }
-function Nt(e) {
+function Zt(e) {
   if (!Number.isFinite(e))
     return;
   const t = Math.trunc(e);
   return t > 0 ? t : void 0;
 }
-function qt(e) {
+function eo(e) {
   return e === !1 ? !1 : e === "window" ? "window" : "grid";
 }
-function Jt(e) {
+function to(e) {
   return e === !0 || e === "toolbar" ? "toolbar" : e === "external-only" ? "external-only" : !1;
 }
-function Yt() {
+function oo() {
   return {
     canUndo: () => !1,
     canRedo: () => !1,
     runHistoryAction: async () => null
   };
 }
-function $t(e) {
+function no(e) {
   if (e === !1)
     return {
       enabled: !1,
@@ -797,9 +828,9 @@ function $t(e) {
   const t = typeof e == "object" && e !== null ? e : {};
   return e === void 0 || e === !0 || t.enabled !== !1 ? {
     enabled: !0,
-    depth: Nt(t.depth),
-    shortcuts: qt(t.shortcuts),
-    controls: Jt(t.controls),
+    depth: Zt(t.depth),
+    shortcuts: eo(t.shortcuts),
+    controls: to(t.controls),
     adapter: t.adapter
   } : {
     enabled: !1,
@@ -808,54 +839,54 @@ function $t(e) {
     controls: !1
   };
 }
-function wo() {
+function Oo() {
   return (e) => e;
 }
-function So() {
+function Ao() {
   return (e) => e;
 }
-function ho() {
+function Do() {
   return (e) => e;
 }
-function Ro() {
+function Bo() {
   return (e) => e;
 }
-function bo() {
+function Fo() {
   return (e) => e;
 }
-function Qt(e, t) {
+function ro(e, t) {
   if (!t || typeof e != "object" || e === null)
     return;
   const l = t.split(".").filter(Boolean);
   let o = e;
-  for (const u of l) {
+  for (const i of l) {
     if (Array.isArray(o)) {
-      const a = Number(u);
+      const a = Number(i);
       if (!Number.isInteger(a) || a < 0 || a >= o.length)
         return;
       o = o[a];
       continue;
     }
-    if (typeof o != "object" || o === null || !(u in o))
+    if (typeof o != "object" || o === null || !(i in o))
       return;
-    o = o[u];
+    o = o[i];
   }
   return o;
 }
-function Xt(e, t) {
+function lo(e, t) {
   const l = /* @__PURE__ */ new Map();
   for (const o of e ?? []) {
-    const u = String(o.key ?? "").trim();
-    u && l.set(u, o);
+    const i = String(o.key ?? "").trim();
+    i && l.set(i, o);
   }
   if (!(l.size === 0 && typeof t != "function"))
-    return (o, u) => {
+    return (o, i) => {
       if (typeof t == "function") {
-        const R = t(o, u);
+        const R = t(o, i);
         if (typeof R < "u")
           return R;
       }
-      const a = l.get(String(u ?? "").trim());
+      const a = l.get(String(i ?? "").trim());
       if (!a)
         return;
       const y = o.data;
@@ -863,14 +894,14 @@ function Xt(e, t) {
         return a.valueGetter(y);
       if (typeof a.accessor == "function")
         return a.accessor(y);
-      const s = typeof a.field == "string" ? a.field.trim() : "";
-      if (!s)
+      const d = typeof a.field == "string" ? a.field.trim() : "";
+      if (!d)
         return;
-      const S = y[s];
-      return typeof S < "u" ? S : Qt(y, s);
+      const S = y[d];
+      return typeof S < "u" ? S : ro(y, d);
     };
 }
-function Zt() {
+function ao() {
   return {
     name: "selection",
     getRowSelectionSnapshot: () => null,
@@ -893,15 +924,15 @@ function Zt() {
     }
   };
 }
-function Q(e, t) {
+function $(e, t) {
   const l = t.map((o) => o?.[e]).filter((o) => typeof o == "function");
   if (l.length !== 0)
     return async (o) => {
-      for (const u of l)
-        await u(o);
+      for (const i of l)
+        await i(o);
     };
 }
-function eo(e) {
+function io(e) {
   const {
     userSelectionService: t,
     cellSelectionService: l,
@@ -909,10 +940,10 @@ function eo(e) {
   } = e;
   return {
     name: "selection",
-    init: Q("init", [t, l, o]),
-    start: Q("start", [t, l, o]),
-    stop: Q("stop", [t, l, o]),
-    dispose: Q("dispose", [t, l, o]),
+    init: $("init", [t, l, o]),
+    start: $("start", [t, l, o]),
+    stop: $("stop", [t, l, o]),
+    dispose: $("dispose", [t, l, o]),
     getSelectionSnapshot: l.getSelectionSnapshot,
     setSelectionSnapshot: l.setSelectionSnapshot,
     clearSelection: l.clearSelection,
@@ -929,7 +960,7 @@ function eo(e) {
     clearSelectedRows: o.clearSelectedRows
   };
 }
-function to(e, t) {
+function uo(e, t) {
   if (e?.focusedRow !== t?.focusedRow || (e?.mode ?? "explicit") !== (t?.mode ?? "explicit"))
     return !1;
   const l = e?.selectedRows ?? [], o = t?.selectedRows ?? [];
@@ -938,38 +969,38 @@ function to(e, t) {
   for (let y = 0; y < l.length; y += 1)
     if (l[y] !== o[y])
       return !1;
-  const u = e?.excludedRows ?? [], a = t?.excludedRows ?? [];
-  if (u.length !== a.length)
+  const i = e?.excludedRows ?? [], a = t?.excludedRows ?? [];
+  if (i.length !== a.length)
     return !1;
-  for (let y = 0; y < u.length; y += 1)
-    if (u[y] !== a[y])
+  for (let y = 0; y < i.length; y += 1)
+    if (i[y] !== a[y])
       return !1;
   return !0;
 }
-function oo(e, t) {
+function so(e, t) {
   if (e === t)
     return !0;
   const l = Object.entries(e ?? {}), o = Object.entries(t ?? {});
   if (l.length !== o.length)
     return !1;
-  for (const [u, a] of l)
-    if (!Object.is(a, t?.[u]))
+  for (const [i, a] of l)
+    if (!Object.is(a, t?.[i]))
       return !1;
   return !0;
 }
-function no(e, t) {
+function co(e, t) {
   if (e === t)
     return !0;
   if (e.length !== t.length)
     return !1;
   for (let l = 0; l < e.length; l += 1) {
-    const o = e[l], u = t[l];
-    if (!o || !u || o.key !== u.key || o.component !== u.component || !oo(o.props, u.props))
+    const o = e[l], i = t[l];
+    if (!o || !i || o.key !== i.key || o.component !== i.component || !so(o.props, i.props))
       return !1;
   }
   return !0;
 }
-const ro = {
+const fo = {
   rows: {
     type: Array,
     default: () => []
@@ -1050,6 +1081,10 @@ const ro = {
     type: [Boolean, Object],
     default: void 0
   },
+  quickFilter: {
+    type: [Boolean, Object],
+    default: void 0
+  },
   findReplace: {
     type: [Boolean, Object],
     default: void 0
@@ -1246,10 +1281,10 @@ const ro = {
     type: Function,
     default: void 0
   }
-}, Le = je({
+}, Ee = Ie({
   name: "DataGrid",
   inheritAttrs: !1,
-  props: ro,
+  props: fo,
   emits: {
     "cell-change": (e) => !0,
     "cell-edit": (e) => !0,
@@ -1268,34 +1303,34 @@ const ro = {
     "toolbar-modules-change": (e) => !0,
     ready: (e) => !0
   },
-  setup(e, { attrs: t, slots: l, emit: o, expose: u }) {
-    const a = x(null), y = Yt(), s = x(null), S = x(null), R = x([]);
-    let D = null, C = !1;
-    const b = x(e.viewMode === "gantt" ? "gantt" : "table"), j = x(e.state ?? null), F = f(() => $t(e.history)), g = f(() => ut(e.chrome)), v = f(() => Gt(e.renderMode, e.pagination)), p = f(() => Ft(
+  setup(e, { attrs: t, slots: l, emit: o, expose: i }) {
+    const a = x(null), y = oo(), d = x(null), S = x(null), R = x([]);
+    let B = null, C = !1;
+    const b = x(e.viewMode === "gantt" ? "gantt" : "table"), j = x(e.state ?? null), P = f(() => no(e.history)), g = f(() => ct(e.chrome)), v = f(() => jt(e.renderMode, e.pagination)), p = f(() => Lt(
       e.pagination,
       v.value,
       e.pageSize,
       e.currentPage
-    )), M = f(() => st(e.columnMenu)), Z = f(() => dt(e.cellMenu)), ee = f(() => ct(e.rowIndexMenu)), z = f(() => ft(e.columnLayout)), E = f(() => mt(e.columnReorder)), U = f(() => Wt(e.aggregations)), K = f(() => St(e.advancedFilter)), V = f(() => xt(e.findReplace)), W = f(() => Kt(e.gridLines)), H = f(() => Pt(e.groupBy)), P = f(() => e.state ?? j.value), T = f(() => e.sortModel !== void 0 ? e.sortModel : P.value?.rows?.snapshot?.sortModel), _ = f(() => e.filterModel !== void 0 ? e.filterModel : lt(P.value?.rows?.snapshot?.filterModel ?? null)), N = f(() => e.groupBy !== void 0 ? H.value ?? null : P.value?.rows?.snapshot?.groupBy ?? null), q = f(() => e.pivotModel !== void 0 ? e.pivotModel : P.value?.rows?.snapshot?.pivotModel ?? null), te = f(() => Tt(e.virtualization, v.value)), L = f(() => Ht(e.layoutMode, e.minRows, e.maxRows)), oe = f(() => ht(e.placeholderRows)), ne = f(() => yt(e.rowReorder)), J = f(() => {
+    )), M = f(() => ft(e.columnMenu)), Z = f(() => mt(e.cellMenu)), ee = f(() => yt(e.rowIndexMenu)), z = f(() => vt(e.columnLayout)), E = f(() => gt(e.columnReorder)), U = f(() => Jt(e.aggregations)), K = f(() => bt(e.advancedFilter)), k = f(() => zt(e.quickFilter)), T = f(() => Et(e.findReplace)), V = f(() => Vt(e.gridLines)), L = f(() => xt(e.groupBy)), G = f(() => e.state ?? j.value), W = f(() => e.sortModel !== void 0 ? e.sortModel : G.value?.rows?.snapshot?.sortModel), N = f(() => e.filterModel !== void 0 ? e.filterModel : ut(G.value?.rows?.snapshot?.filterModel ?? null)), te = f(() => e.groupBy !== void 0 ? L.value ?? null : G.value?.rows?.snapshot?.groupBy ?? null), q = f(() => e.pivotModel !== void 0 ? e.pivotModel : G.value?.rows?.snapshot?.pivotModel ?? null), oe = f(() => Yt(e.virtualization, v.value)), H = f(() => Wt(e.layoutMode, e.minRows, e.maxRows)), ne = f(() => Mt(e.placeholderRows)), re = f(() => pt(e.rowReorder)), J = f(() => {
       const r = e.clientRowModelOptions?.readFilterCell;
-      return Xt(
+      return lo(
         e.columns,
         e.readFilterCell ?? r
       );
-    }), re = f(() => {
+    }), le = f(() => {
       const r = e.readFilterCellStyle ?? e.clientRowModelOptions?.readFilterCellStyle;
       return !J.value && !r ? e.clientRowModelOptions : {
         ...e.clientRowModelOptions ?? {},
         readFilterCell: J.value,
         readFilterCellStyle: r
       };
-    }), k = f(() => vt({
+    }), _ = f(() => wt({
       columns: e.columns,
-      clientRowModelOptions: re.value,
+      clientRowModelOptions: le.value,
       computedFields: e.computedFields,
       formulas: e.formulas,
       formulaFunctions: e.formulaFunctions
-    })), le = f(() => gt(e.columns)), Y = {
+    })), Y = f(() => St(e.columns)), n = {
       get state() {
         return e.state;
       },
@@ -1324,7 +1359,7 @@ const ro = {
         return e.filterModel;
       },
       get groupBy() {
-        return H.value;
+        return L.value;
       },
       get aggregationModel() {
         return e.aggregationModel;
@@ -1341,62 +1376,62 @@ const ro = {
       get columns() {
         return e.columns;
       }
-    }, n = f(() => q.value ? "pivot" : k.value && "initialTreeData" in k.value ? "tree" : "base"), d = f(() => a.value?.api.columns.getSnapshot().visibleColumns ?? []), i = f(() => {
+    }, s = f(() => q.value ? "pivot" : _.value && "initialTreeData" in _.value ? "tree" : "base"), u = f(() => a.value?.api.columns.getSnapshot().visibleColumns ?? []), m = f(() => {
       const r = a.value?.runtime;
       if (!r)
         return 0;
-      const c = Me(r.rowPartition);
+      const c = Oe(r.rowPartition);
       return Math.max(0, c.bodyRowCount + c.pinnedBottomRows.length);
-    }), m = (r) => {
+    }), A = (r) => {
       const c = a.value?.runtime;
       if (!c)
         return null;
-      const G = Me(c.rowPartition), ce = G.bodyRowCount;
+      const F = Oe(c.rowPartition), ce = F.bodyRowCount;
       if (r < ce)
         return c.getBodyRowAtIndex(r);
-      const et = r - ce;
-      return G.pinnedBottomRows[et] ?? null;
-    }, A = {
-      mode: f(() => n.value),
+      const nt = r - ce;
+      return F.pinnedBottomRows[nt] ?? null;
+    }, O = {
+      mode: f(() => s.value),
       resolveRuntime: () => a.value,
-      visibleColumns: d,
-      totalRows: i,
+      visibleColumns: u,
+      totalRows: m,
       showRowSelection: f(() => e.rowSelection),
       readSelectionCell: e.readSelectionCell,
-      resolveSelectionRowAtIndex: m
+      resolveSelectionRowAtIndex: A
     }, {
-      selectionSnapshot: O,
-      selectionAnchor: ze,
-      syncSelectionSnapshotFromRuntime: Ee,
-      selectionService: Ve,
-      selectionAggregatesLabel: We
-    } = at(A), {
+      selectionSnapshot: ke,
+      selectionAnchor: Te,
+      syncSelectionSnapshotFromRuntime: Ve,
+      selectionService: We,
+      selectionAggregatesLabel: _e
+    } = st(O), {
       rowSelectionSnapshot: ae,
       syncRowSelectionSnapshotFromRuntime: ie,
-      reconcileRowSelectionFromRuntime: Te,
-      selectionService: we
-    } = it({
+      reconcileRowSelectionFromRuntime: Ue,
+      selectionService: he
+    } = dt({
       resolveRuntime: () => a.value
-    }), _e = f(() => e.rowSelection ? we : Zt()), ke = f(() => ({
+    }), Ne = f(() => e.rowSelection ? he : ao()), qe = f(() => ({
       ...e.services ?? {},
-      selection: eo({
+      selection: io({
         userSelectionService: e.services?.selection,
-        cellSelectionService: Ve,
-        rowSelectionService: _e.value
+        cellSelectionService: We,
+        rowSelectionService: Ne.value
       })
     })), {
-      dataGridInstanceKey: Ue,
+      dataGridInstanceKey: Je,
       resolvedRowModel: ue
-    } = pt({
-      rows: Ce(e, "rows"),
-      rowModel: Ce(e, "rowModel"),
-      clientRowModelOptions: k,
+    } = ht({
+      rows: Ae(e, "rows"),
+      rowModel: Ae(e, "rowModel"),
+      clientRowModelOptions: _,
       onOwnedRowModelRecreated: () => {
         w.dispose();
       }
-    }), w = Ut({
+    }), w = Xt({
       gridRef: a,
-      props: Y,
+      props: n,
       emit: {
         columnState: (r) => o("update:columnState", r),
         columnOrder: (r) => o("update:columnOrder", r),
@@ -1412,21 +1447,21 @@ const ro = {
           rowModel: ue.value
         })
       }
-    }), Ne = (r) => {
-      Te(), o("cell-change", r), w.emitSnapshotUpdates();
+    }), Ye = (r) => {
+      Ue(), o("cell-change", r), w.emitSnapshotUpdates();
     }, se = (r) => {
       o("cell-edit", r);
-    }, qe = (r) => {
+    }, Qe = (r) => {
       o("selection-change", r), w.emitSnapshotUpdates();
-    }, Je = (r) => {
+    }, $e = (r) => {
       o("row-selection-change", r);
-    }, Se = () => {
+    }, Re = () => {
       w.emitSnapshotUpdates();
     };
     h(
       ae,
       (r) => {
-        o("row-select", r), o("update:rowSelectionState", r), Se();
+        o("row-select", r), o("update:rowSelectionState", r), Re();
       },
       { deep: !0 }
     ), h(
@@ -1434,14 +1469,14 @@ const ro = {
       ([r, c]) => {
         if (r) {
           if (c !== void 0) {
-            const G = a.value?.api.rowSelection;
-            to(ae.value, c) || (c ? G?.setSnapshot(c) : G?.clear(), ie());
+            const F = a.value?.api.rowSelection;
+            uo(ae.value, c) || (c ? F?.setSnapshot(c) : F?.clear(), ie());
             return;
           }
           ie();
           return;
         }
-        we.clearRowSelection?.();
+        he.clearRowSelection?.();
       },
       { immediate: !0 }
     ), h(
@@ -1451,47 +1486,47 @@ const ro = {
       },
       { immediate: !0 }
     );
-    const he = (r) => {
+    const be = (r) => {
       const c = r === "gantt" ? "gantt" : "table";
       b.value = c, o("update:viewMode", c);
-    }, Ye = (r) => {
-      s.value = r;
-    }, Re = (r) => {
+    }, Xe = (r) => {
+      d.value = r;
+    }, Me = (r) => {
       S.value = r;
-    }, $e = (r) => {
-      no(R.value, r) || (R.value = r, D = r, !C && (C = !0, Promise.resolve().then(() => {
+    }, Ze = (r) => {
+      co(R.value, r) || (R.value = r, B = r, !C && (C = !0, Promise.resolve().then(() => {
         C = !1;
-        const c = D;
-        D = null, c && o("toolbar-modules-change", c);
+        const c = B;
+        B = null, c && o("toolbar-modules-change", c);
       })));
     }, de = f(() => {
-      const r = F.value.adapter;
-      return !F.value.enabled || !r ? y : {
+      const r = P.value.adapter;
+      return !P.value.enabled || !r ? y : {
         canUndo: () => r.canUndo(),
         canRedo: () => r.canRedo(),
         runHistoryAction: (c) => r.runHistoryAction(c)
       };
-    }), be = {
-      canUndo: () => (s.value ?? de.value).canUndo(),
-      canRedo: () => (s.value ?? de.value).canRedo(),
-      runHistoryAction: (r) => (s.value ?? de.value).runHistoryAction(r)
-    }, Qe = () => {
+    }), Ce = {
+      canUndo: () => (d.value ?? de.value).canUndo(),
+      canRedo: () => (d.value ?? de.value).canRedo(),
+      runHistoryAction: (r) => (d.value ?? de.value).runHistoryAction(r)
+    }, et = () => {
       const r = w.getState();
       return r ? X({
         state: r,
         viewMode: b.value
       }) : null;
-    }, Xe = (r, c) => He(r, w.migrateState, c), Ze = (r, c) => {
-      const G = X(r);
-      return w.applyState(G.state, c) ? (G.viewMode && he(G.viewMode), !0) : !1;
+    }, tt = (r, c) => ze(r, w.migrateState, c), ot = (r, c) => {
+      const F = X(r);
+      return w.applyState(F.state, c) ? (F.viewMode && be(F.viewMode), !0) : !1;
     };
-    return pe(() => {
-      w.dispose(), Re(null);
-    }), u({
+    return Se(() => {
+      w.dispose(), Me(null);
+    }), i({
       grid: a,
       rowModel: ue,
-      history: be,
-      getHistory: () => be,
+      history: Ce,
+      getHistory: () => Ce,
       toolbarModules: R,
       getToolbarModules: () => R.value,
       getApi: () => a.value?.api ?? null,
@@ -1502,7 +1537,7 @@ const ro = {
       },
       getColumnState: () => w.getColumnState(),
       getColumnSnapshot: () => a.value?.api.columns.getSnapshot() ?? null,
-      getSelectionAggregatesLabel: () => We.value,
+      getSelectionAggregatesLabel: () => _e.value,
       runStructuralRowAction: (r, c) => S.value?.(r, c) ?? Promise.resolve(!1),
       getSelectionSummary: () => {
         const r = a.value?.api.selection.summarize;
@@ -1514,10 +1549,10 @@ const ro = {
         return r(c);
       },
       getView: () => b.value,
-      setView: he,
-      getSavedView: Qe,
-      migrateSavedView: Xe,
-      applySavedView: Ze,
+      setView: be,
+      getSavedView: et,
+      migrateSavedView: tt,
+      applySavedView: ot,
       applyColumnState: w.applyColumnState,
       getState: w.getState,
       migrateState: w.migrateState,
@@ -1535,22 +1570,22 @@ const ro = {
       insertColumnAfter: (r, c) => a.value?.api.columns.insertAfter(r, c) ?? !1
     }), () => {
       const r = {
-        mode: n.value,
+        mode: s.value,
         rows: e.rows,
         runtime: a.value?.runtime ?? null,
         runtimeRowModel: a.value?.rowModel ?? null,
-        selectionSnapshot: O,
-        selectionAnchor: ze,
+        selectionSnapshot: ke,
+        selectionAnchor: Te,
         rowSelectionSnapshot: ae,
-        syncSelectionSnapshotFromRuntime: Ee,
+        syncSelectionSnapshotFromRuntime: Ve,
         syncRowSelectionSnapshotFromRuntime: ie,
-        flushRowSelectionSnapshotUpdates: Se,
-        sortModel: T.value,
-        filterModel: _.value,
-        groupBy: N.value,
+        flushRowSelectionSnapshotUpdates: Re,
+        sortModel: W.value,
+        filterModel: N.value,
+        groupBy: te.value,
         pivotModel: q.value,
         renderMode: v.value,
-        virtualization: te.value,
+        virtualization: oe.value,
         columnMenu: M.value,
         cellMenu: Z.value,
         rowIndexMenu: ee.value,
@@ -1558,14 +1593,15 @@ const ro = {
         columnReorder: E.value,
         aggregations: U.value,
         advancedFilter: K.value,
-        findReplace: V.value,
-        gridLines: W.value,
+        quickFilter: k.value,
+        findReplace: T.value,
+        gridLines: V.value,
         rowHeightMode: e.rowHeightMode,
         baseRowHeight: e.baseRowHeight,
-        layoutMode: L.value.layoutMode,
-        minRows: L.value.minRows,
-        maxRows: L.value.maxRows,
-        placeholderRows: oe.value,
+        layoutMode: H.value.layoutMode,
+        minRows: H.value.minRows,
+        maxRows: H.value.maxRows,
+        placeholderRows: ne.value,
         fillHandle: e.fillHandle,
         rangeMove: e.rangeMove,
         rowHover: e.rowHover,
@@ -1576,39 +1612,39 @@ const ro = {
         isCellEditable: e.isCellEditable,
         showRowIndex: e.showRowIndex,
         rowSelection: e.rowSelection,
-        rowReorder: ne.value,
+        rowReorder: re.value,
         viewMode: b.value,
         gantt: e.gantt,
-        history: F.value,
+        history: P.value,
         chrome: g.value,
-        registerHistoryController: Ye,
-        registerStructuralRowActionRunner: Re,
-        reportToolbarModules: $e,
+        registerHistoryController: Xe,
+        registerStructuralRowActionRunner: Me,
+        reportToolbarModules: Ze,
         toolbarModules: e.toolbarModules,
         customOverlays: e.customOverlays,
         runStructuralRowAction: e.runStructuralRowAction
       };
       return ge(
-        _t,
+        Qt,
         {
           ...t,
           ref: a,
-          key: Ue.value,
+          key: Je.value,
           rows: e.rows,
           rowModel: ue.value,
-          columns: le.value,
+          columns: Y.value,
           theme: e.theme,
-          layoutMode: L.value.layoutMode,
+          layoutMode: H.value.layoutMode,
           renderMode: v.value,
           pagination: p.value,
           plugins: e.plugins,
-          services: ke.value,
+          services: qe.value,
           startupOrder: e.startupOrder,
           autoStart: e.autoStart,
-          onCellChange: Ne,
+          onCellChange: Ye,
           onCellEdit: se,
-          onSelectionChange: qe,
-          onRowSelectionChange: Je
+          onSelectionChange: Qe,
+          onRowSelectionChange: $e
         },
         l.default ? {
           default: (c) => l.default?.({
@@ -1625,7 +1661,7 @@ const ro = {
             }
           })
         } : {
-          default: (c) => ge(wt, {
+          default: (c) => ge(Rt, {
             ...r,
             runtime: c.runtime,
             runtimeRowModel: c.rowModel,
@@ -1640,30 +1676,30 @@ const ro = {
     };
   }
 });
-function Mo() {
+function Po() {
   return x(null);
 }
-function Co() {
-  return Le;
+function Go() {
+  return Ee;
 }
-const Oo = Le;
+const xo = Ee;
 export {
-  Oo as DataGrid,
-  Do as DataGridModuleHost,
-  po as clearDataGridSavedViewInStorage,
-  Le as default,
-  Ro as defineDataGridCellClassResolver,
-  bo as defineDataGridCellStyleResolver,
-  Po as defineDataGridColumns,
-  Co as defineDataGridComponent,
-  So as defineDataGridFilterCellReader,
-  ho as defineDataGridFilterCellStyleReader,
-  wo as defineDataGridSelectionCellReader,
-  yo as defineDataGridStructuralRowActionHandler,
-  He as migrateDataGridSavedView,
-  Vt as parseDataGridSavedView,
-  go as readDataGridSavedViewFromStorage,
-  Et as serializeDataGridSavedView,
-  Mo as useDataGridRef,
-  vo as writeDataGridSavedViewToStorage
+  xo as DataGrid,
+  Io as DataGridModuleHost,
+  Co as clearDataGridSavedViewInStorage,
+  Ee as default,
+  Bo as defineDataGridCellClassResolver,
+  Fo as defineDataGridCellStyleResolver,
+  Ko as defineDataGridColumns,
+  Go as defineDataGridComponent,
+  Ao as defineDataGridFilterCellReader,
+  Do as defineDataGridFilterCellStyleReader,
+  Oo as defineDataGridSelectionCellReader,
+  Ro as defineDataGridStructuralRowActionHandler,
+  ze as migrateDataGridSavedView,
+  qt as parseDataGridSavedView,
+  Mo as readDataGridSavedViewFromStorage,
+  Nt as serializeDataGridSavedView,
+  Po as useDataGridRef,
+  bo as writeDataGridSavedViewToStorage
 };