npm - @smallwebco/tinypivot-vue - Versions diffs - 1.0.48 → 1.0.49 - Mend

@smallwebco/tinypivot-vue 1.0.48 → 1.0.49

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/components/PivotSkeleton.vue.d.ts.map +1 -1
package/dist/style.css +1 -1
package/dist/tinypivot-vue.js +1033 -1029
package/dist/tinypivot-vue.js.map +1 -1
package/dist/tinypivot-vue.umd.cjs +7 -7
package/dist/tinypivot-vue.umd.cjs.map +1 -1
package/package.json +2 -2

package/dist/tinypivot-vue.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import { ref as $, computed as N, watch as Te, defineComponent as Je, createElementBlock as v, openBlock as u, createElementVNode as e, createCommentVNode as z, toDisplayString as x, normalizeStyle as Fe, createTextVNode as ee, onMounted as yt, nextTick as ot, onUnmounted as kt, normalizeClass as Z, Fragment as I, withDirectives as Ke, vModelText as Qe, renderList as oe, createVNode as Oe, createBlock as Ot, Teleport as Wt, withModifiers as Le, vModelSelect as Rl, unref as D, Transition as qt, withCtx as Gt, withKeys as Dl, createStaticVNode as Vl } from "vue";
+import { ref as x, computed as L, watch as Te, defineComponent as tt, createElementBlock as c, openBlock as u, createElementVNode as e, createCommentVNode as z, toDisplayString as $, normalizeStyle as Fe, createTextVNode as te, onMounted as Ft, nextTick as st, onUnmounted as St, normalizeClass as Q, Fragment as X, withDirectives as Ke, vModelText as et, renderList as le, createVNode as Oe, createBlock as Wt, Teleport as qt, withModifiers as Le, vModelSelect as Rl, unref as V, Transition as Gt, withCtx as Yt, withKeys as Dl, createStaticVNode as Vl } from "vue";
 import { useVueTable as Tl, getFilteredRowModel as Al, getSortedRowModel as Ll, getCoreRowModel as Nl } from "@tanstack/vue-table";
-function gt(t) {
+function ft(t) {
   return t !== null && typeof t == "object" && !Array.isArray(t) && ("min" in t || "max" in t);
 }
 function Pl(t) {
@@ -48,14 +48,14 @@ function El(t, i, l = 500) {
   const b = Array.from(h).sort((F, A) => {
     const T = Number.parseFloat(F), M = Number.parseFloat(A);
     return !Number.isNaN(T) && !Number.isNaN(M) ? T - M : F.localeCompare(A);
-  }), R = Pl(s);
+  }), D = Pl(s);
   return {
     uniqueValues: b,
     totalCount: t.length,
     nullCount: o,
-    type: R,
+    type: D,
     // Only include min/max for numeric columns
-    ...R === "number" && a !== void 0 && m !== void 0 ? { numericMin: a, numericMax: m } : {}
+    ...D === "number" && a !== void 0 && m !== void 0 ? { numericMin: a, numericMax: m } : {}
   };
 }
 function Bl(t, i) {
@@ -80,10 +80,10 @@ function Bl(t, i) {
       return String(t);
   }
 }
-function Et(t, i) {
+function Bt(t, i) {
   return i.map((l) => String(t[l] ?? "(blank)")).join("|||");
 }
-function Bt(t) {
+function Ut(t) {
   return t.split("|||");
 }
 function Ul(t) {
@@ -94,7 +94,7 @@ function jl(t) {
   const i = t.reduce((o, a) => o + a, 0) / t.length, s = t.map((o) => (o - i) ** 2).reduce((o, a) => o + a, 0) / t.length;
   return Math.sqrt(s);
 }
-function ct(t, i, l, s, o) {
+function dt(t, i, l, s, o) {
   if (t.length === 0 && i !== "custom")
     return null;
   switch (i) {
@@ -124,10 +124,10 @@ function ct(t, i, l, s, o) {
       return t.reduce((a, m) => a + m, 0);
   }
 }
-function vt(t, i) {
+function gt(t, i) {
   return t === null ? "-" : i === "count" || i === "countDistinct" ? Math.round(t).toLocaleString() : i === "percentOfTotal" ? `${t.toFixed(1)}%` : i === "stdDev" ? t.toLocaleString("en-US", { maximumFractionDigits: 2 }) : Math.abs(t) >= 1e3 ? t.toLocaleString("en-US", { maximumFractionDigits: 2 }) : t.toLocaleString("en-US", { maximumFractionDigits: 4 });
 }
-function pt(t, i) {
+function mt(t, i) {
   return t === "custom" && i ? i : {
     sum: "Sum",
     count: "Count",
@@ -141,7 +141,7 @@ function pt(t, i) {
     custom: "Custom"
   }[t];
 }
-function Yt(t, i) {
+function It(t, i) {
   return t === "custom" && i ? i : {
     sum: "Σ",
     count: "#",
@@ -186,14 +186,14 @@ function Kl(t, i, l = 2) {
       });
   }
 }
-function _t(t) {
+function Xt(t) {
   const i = t.match(/[a-zA-Z_][a-zA-Z0-9_]*/g) || [], l = ["true", "false", "null", "undefined"];
   return [...new Set(i.filter((s) => !l.includes(s.toLowerCase())))];
 }
-function Ut(t, i) {
+function jt(t, i) {
   if (!t.trim())
     return "Formula is required";
-  const l = _t(t);
+  const l = Xt(t);
   if (l.length === 0)
     return "Formula must reference at least one field";
   const s = i.map((o) => o.toLowerCase());
@@ -212,19 +212,19 @@ function Ut(t, i) {
   }
   return null;
 }
-function jt(t, i, l) {
+function Ht(t, i, l) {
   try {
-    const s = _t(t);
+    const s = Xt(t);
     let o = t;
     for (const m of s) {
       const h = l.find((A) => A.toLowerCase() === m.toLowerCase()) || m, b = i[h];
       if (b == null || b === "")
         return null;
-      const R = typeof b == "number" ? b : Number.parseFloat(String(b));
-      if (Number.isNaN(R))
+      const D = typeof b == "number" ? b : Number.parseFloat(String(b));
+      if (Number.isNaN(D))
         return null;
       const F = m.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-      o = o.replace(new RegExp(`\\b${F}\\b`, "gi"), String(R));
+      o = o.replace(new RegExp(`\\b${F}\\b`, "gi"), String(D));
     }
     if (!/^[\d\s+\-*/().]+$/.test(o))
       return null;
@@ -245,84 +245,84 @@ function Wl(t, i, l, s) {
   ]);
   return t.filter((a) => !o.has(a.field));
 }
-function It(t) {
+function Zt(t) {
   return (t.rowFields.length > 0 || t.columnFields.length > 0) && t.valueFields.length > 0;
 }
 function ql(t, i) {
   const { rowFields: l, columnFields: s, valueFields: o, showRowTotals: a, showColumnTotals: m, calculatedFields: h } = i;
-  if (!It(i) || t.length === 0)
+  if (!Zt(i) || t.length === 0)
     return null;
   const b = /* @__PURE__ */ new Map();
   if (h)
-    for (const U of h)
-      b.set(U.id, U);
-  const R = t.length > 0 ? Object.keys(t[0]) : [], F = /* @__PURE__ */ new Set(), A = /* @__PURE__ */ new Set(), T = /* @__PURE__ */ new Map();
-  for (const U of t) {
-    const S = l.length > 0 ? Et(U, l) : "__all__", f = s.length > 0 ? Et(U, s) : "__all__";
+    for (const j of h)
+      b.set(j.id, j);
+  const D = t.length > 0 ? Object.keys(t[0]) : [], F = /* @__PURE__ */ new Set(), A = /* @__PURE__ */ new Set(), T = /* @__PURE__ */ new Map();
+  for (const j of t) {
+    const S = l.length > 0 ? Bt(j, l) : "__all__", f = s.length > 0 ? Bt(j, s) : "__all__";
     F.add(S), A.add(f), T.has(S) || T.set(S, /* @__PURE__ */ new Map());
     const d = T.get(S);
     d.has(f) || d.set(f, o.map(() => []));
-    const c = d.get(f);
+    const v = d.get(f);
     for (let g = 0; g < o.length; g++) {
       const k = o[g];
       let B = null;
       if (k.field.startsWith("calc:")) {
-        const Y = k.field.replace("calc:", ""), ve = b.get(Y);
-        ve && (B = jt(ve.formula, U, R));
+        const Y = k.field.replace("calc:", ""), ue = b.get(Y);
+        ue && (B = Ht(ue.formula, j, D));
       } else {
-        const Y = U[k.field];
+        const Y = j[k.field];
         Y != null && Y !== "" && (B = typeof Y == "number" ? Y : Number.parseFloat(String(Y)), Number.isNaN(B) && (B = k.aggregation === "count" || k.aggregation === "countDistinct" ? 1 : null));
       }
-      B !== null && c[g].push(B);
+      B !== null && v[g].push(B);
     }
   }
-  const M = Array.from(F).sort(), y = Array.from(A).sort(), O = o.map((U, S) => {
+  const M = Array.from(F).sort(), y = Array.from(A).sort(), O = o.map((j, S) => {
     let f = 0;
     for (const d of t) {
-      let c = null;
-      if (U.field.startsWith("calc:")) {
-        const g = U.field.replace("calc:", ""), k = b.get(g);
-        k && (c = jt(k.formula, d, R));
+      let v = null;
+      if (j.field.startsWith("calc:")) {
+        const g = j.field.replace("calc:", ""), k = b.get(g);
+        k && (v = Ht(k.formula, d, D));
       } else {
-        const g = d[U.field];
-        g != null && g !== "" && (c = typeof g == "number" ? g : Number.parseFloat(String(g)), Number.isNaN(c) && (c = null));
+        const g = d[j.field];
+        g != null && g !== "" && (v = typeof g == "number" ? g : Number.parseFloat(String(g)), Number.isNaN(v) && (v = null));
       }
-      c !== null && (f += c);
+      v !== null && (f += v);
     }
     return f;
   });
-  function Q(U) {
-    if (U.field.startsWith("calc:")) {
-      const S = U.field.replace("calc:", ""), f = b.get(S);
-      return `${(f == null ? void 0 : f.name) || U.field} (${pt(U.aggregation)})`;
+  function J(j) {
+    if (j.field.startsWith("calc:")) {
+      const S = j.field.replace("calc:", ""), f = b.get(S);
+      return `${(f == null ? void 0 : f.name) || j.field} (${mt(j.aggregation)})`;
     }
-    return `${U.label || U.field} (${pt(U.aggregation)})`;
+    return `${j.label || j.field} (${mt(j.aggregation)})`;
   }
-  const _ = [];
+  const I = [];
   if (s.length > 0) {
-    const U = o.length > 1 ? o.length : 1;
+    const j = o.length > 1 ? o.length : 1;
     for (let S = 0; S < s.length; S++) {
       const f = [];
       for (const d of y) {
-        const c = Bt(d);
-        for (let g = 0; g < U; g++)
-          f.push(c[S] || "");
+        const v = Ut(d);
+        for (let g = 0; g < j; g++)
+          f.push(v[S] || "");
       }
-      _.push(f);
+      I.push(f);
     }
   }
-  if (o.length > 1 || _.length === 0) {
-    const U = [];
+  if (o.length > 1 || I.length === 0) {
+    const j = [];
     for (const S of y)
       for (const f of o)
-        U.push(Q(f));
-    y.length === 1 && y[0] === "__all__" ? _.push(o.map((S) => Q(S))) : _.push(U);
+        j.push(J(f));
+    y.length === 1 && y[0] === "__all__" ? I.push(o.map((S) => J(S))) : I.push(j);
   }
-  const q = M.map((U) => U === "__all__" ? ["Total"] : Bt(U)), E = [], P = [], H = /* @__PURE__ */ new Map();
-  for (const U of M) {
+  const q = M.map((j) => j === "__all__" ? ["Total"] : Ut(j)), E = [], P = [], H = /* @__PURE__ */ new Map();
+  for (const j of M) {
     const S = [], f = o.map(() => []);
     for (const d of y) {
-      const c = T.get(U), g = (c == null ? void 0 : c.get(d)) || o.map(() => []);
+      const v = T.get(j), g = (v == null ? void 0 : v.get(d)) || o.map(() => []);
       for (let B = 0; B < g.length; B++)
         f[B].push(...g[B]);
       H.has(d) || H.set(d, o.map(() => []));
@@ -330,67 +330,67 @@ function ql(t, i) {
       for (let B = 0; B < g.length; B++)
         k[B].push(...g[B]);
       for (let B = 0; B < o.length; B++) {
-        const Y = o[B], ve = g[B] || [], be = O[B], Me = ct(ve, Y.aggregation, be);
+        const Y = o[B], ue = g[B] || [], he = O[B], Me = dt(ue, Y.aggregation, he);
         let fe;
         if (Y.field.startsWith("calc:")) {
-          const We = Y.field.replace("calc:", ""), Ce = b.get(We);
-          fe = Kl(Me, (Ce == null ? void 0 : Ce.formatAs) || "number", (Ce == null ? void 0 : Ce.decimals) ?? 2);
+          const We = Y.field.replace("calc:", ""), we = b.get(We);
+          fe = Kl(Me, (we == null ? void 0 : we.formatAs) || "number", (we == null ? void 0 : we.decimals) ?? 2);
         } else
-          fe = vt(Me, Y.aggregation);
+          fe = gt(Me, Y.aggregation);
         S.push({
           value: Me,
-          count: ve.length,
+          count: ue.length,
           formattedValue: fe
         });
       }
     }
     if (E.push(S), a && y.length > 1)
       if (o.length > 0) {
-        const d = o[0], c = f[0] || [], g = ct(c, d.aggregation, O[0]);
+        const d = o[0], v = f[0] || [], g = dt(v, d.aggregation, O[0]);
         P.push({
           value: g,
-          count: c.length,
-          formattedValue: vt(g, d.aggregation)
+          count: v.length,
+          formattedValue: gt(g, d.aggregation)
         });
       } else
         P.push({ value: null, count: 0, formattedValue: "-" });
   }
   const G = [];
   if (m && M.length > 1)
-    for (const U of y) {
-      const S = H.get(U) || o.map(() => []);
+    for (const j of y) {
+      const S = H.get(j) || o.map(() => []);
       for (let f = 0; f < o.length; f++) {
-        const d = o[f], c = S[f] || [], g = ct(c, d.aggregation, O[f]);
+        const d = o[f], v = S[f] || [], g = dt(v, d.aggregation, O[f]);
         G.push({
           value: g,
-          count: c.length,
-          formattedValue: vt(g, d.aggregation)
+          count: v.length,
+          formattedValue: gt(g, d.aggregation)
         });
       }
     }
-  const te = { value: null, count: 0, formattedValue: "-" };
+  const ne = { value: null, count: 0, formattedValue: "-" };
   if (a && m && o.length > 0) {
-    const U = o.map(() => []);
-    for (const c of M) {
-      const g = T.get(c);
+    const j = o.map(() => []);
+    for (const v of M) {
+      const g = T.get(v);
       if (g)
         for (const k of y) {
           const B = g.get(k);
           if (B)
             for (let Y = 0; Y < B.length; Y++)
-              U[Y].push(...B[Y]);
+              j[Y].push(...B[Y]);
         }
     }
-    const S = o[0], f = U[0] || [], d = ct(f, S.aggregation, O[0]);
-    te.value = d, te.count = f.length, te.formattedValue = vt(d, S.aggregation);
+    const S = o[0], f = j[0] || [], d = dt(f, S.aggregation, O[0]);
+    ne.value = d, ne.count = f.length, ne.formattedValue = gt(d, S.aggregation);
   }
   return {
-    headers: _,
+    headers: I,
     rowHeaders: q,
     data: E,
     rowTotals: P,
     columnTotals: G,
-    grandTotal: te
+    grandTotal: ne
   };
 }
 const Gl = "vpg-pivot-";
@@ -398,13 +398,13 @@ function Yl(t) {
   const l = [...t].sort().join("|").substring(0, 100);
   return `${Gl}${l}`;
 }
-function _l(t, i) {
+function Il(t, i) {
   try {
     sessionStorage.setItem(t, JSON.stringify(i));
   } catch {
   }
 }
-function Il(t) {
+function Xl(t) {
   try {
     const i = sessionStorage.getItem(t);
     if (i)
@@ -413,7 +413,7 @@ function Il(t) {
   }
   return null;
 }
-function bt(t, i) {
+function yt(t, i) {
   const l = new Set(i);
   return [
     ...t.rowFields,
@@ -421,23 +421,23 @@ function bt(t, i) {
     ...t.valueFields.map((o) => o.field)
   ].filter((o) => !o.startsWith("calc:")).every((o) => l.has(o));
 }
-const Xt = "vpg-calculated-fields";
-function at(t) {
+const _t = "vpg-calculated-fields";
+function it(t) {
   try {
-    localStorage.setItem(Xt, JSON.stringify(t));
+    localStorage.setItem(_t, JSON.stringify(t));
   } catch {
   }
 }
-function Zt() {
+function Qt() {
   try {
-    const t = localStorage.getItem(Xt);
+    const t = localStorage.getItem(_t);
     if (t)
       return JSON.parse(t);
   } catch {
   }
   return [];
 }
-const Qt = {
+const Jt = {
   type: "free",
   isValid: !0,
   features: {
@@ -449,7 +449,7 @@ const Qt = {
     sessionPersistence: !1,
     noWatermark: !1
   }
-}, dt = {
+}, pt = {
   type: "free",
   isValid: !1,
   features: {
@@ -460,7 +460,7 @@ const Qt = {
     sessionPersistence: !1,
     noWatermark: !1
   }
-}, Xl = {
+}, Zl = {
   type: "free",
   isValid: !0,
   features: {
@@ -471,11 +471,11 @@ const Qt = {
     noWatermark: !1
     // Still show watermark in demo
   }
-}, Zl = `-----BEGIN PUBLIC KEY-----
+}, _l = `-----BEGIN PUBLIC KEY-----
 MFkwEwYHKoZIzj0CAQYIKoZIzj0DAQcDQgAE436rfGofder4lfo4UHsRF2M88Gs0
 zLsikg2H9GMkL8hLGuOtnGMpVfLRlc7cD8FdkPBBRgiQ8UFnG8hm+nMIug==
 -----END PUBLIC KEY-----`;
-function Jt(t) {
+function el(t) {
   let i = t.replace(/-/g, "+").replace(/_/g, "/");
   for (; i.length % 4; )
     i += "=";
@@ -508,7 +508,7 @@ function Ql(t) {
 }
 async function Jl() {
   try {
-    const t = Zl.replace("-----BEGIN PUBLIC KEY-----", "").replace("-----END PUBLIC KEY-----", "").replace(/\s/g, ""), i = Jt(t);
+    const t = _l.replace("-----BEGIN PUBLIC KEY-----", "").replace("-----END PUBLIC KEY-----", "").replace(/\s/g, ""), i = el(t);
     return await crypto.subtle.importKey("spki", new Uint8Array(i).buffer, { name: "ECDSA", namedCurve: "P-256" }, !1, ["verify"]);
   } catch {
     return null;
@@ -520,7 +520,7 @@ async function en(t, i, l) {
     const o = await Jl();
     if (!o)
       return !1;
-    const m = new TextEncoder().encode(s), h = Jt(i), b = Ql(h);
+    const m = new TextEncoder().encode(s), h = el(i), b = Ql(h);
     return await crypto.subtle.verify({ name: "ECDSA", hash: "SHA-256" }, o, new Uint8Array(b).buffer, m);
   } catch {
     return !1;
@@ -528,19 +528,19 @@ async function en(t, i, l) {
 }
 async function tn(t) {
   if (!t || t === "")
-    return Qt;
+    return Jt;
   if (!t.startsWith("TP-"))
-    return dt;
+    return pt;
   const i = t.lastIndexOf("-");
   if (i === -1 || t.length - i !== 9)
-    return dt;
+    return pt;
   const l = t.slice(i + 1), s = t.slice(3), o = s.indexOf("-");
   if (o === -1)
-    return dt;
+    return pt;
   const a = s.slice(0, o), m = s.slice(o + 1, s.lastIndexOf("-"));
   if (!await en(a, m, l))
-    return dt;
-  const b = Number.parseInt(l.slice(0, 4)), R = Number.parseInt(l.slice(4, 6)) - 1, F = Number.parseInt(l.slice(6, 8)), A = new Date(b, R, F);
+    return pt;
+  const b = Number.parseInt(l.slice(0, 4)), D = Number.parseInt(l.slice(4, 6)) - 1, F = Number.parseInt(l.slice(6, 8)), A = new Date(b, D, F);
   let T = "free";
   return a === "PRO1" ? T = "pro-single" : a === "PROU" ? T = "pro-unlimited" : a === "PROT" && (T = "pro-team"), {
     type: T,
@@ -568,10 +568,10 @@ async function on(t) {
   }
 }
 async function an(t) {
-  return !t || await on(t) !== nn ? null : Xl;
+  return !t || await on(t) !== nn ? null : Zl;
 }
 function sn() {
-  return Qt;
+  return Jt;
 }
 function rn(t) {
   return t.features.pivot;
@@ -596,19 +596,19 @@ function dn(t, i, l = {}) {
   const { filename: s = "export.csv", includeHeaders: o = !0, delimiter: a = "," } = l, m = [];
   o && m.push(i.map((b) => pe(b, a)).join(a));
   for (const b of t) {
-    const R = i.map((F) => pe(b[F], a));
-    m.push(R.join(a));
+    const D = i.map((F) => pe(b[F], a));
+    m.push(D.join(a));
   }
   const h = m.join(`
 `);
-  el(h, s, "text/csv;charset=utf-8;");
+  tl(h, s, "text/csv;charset=utf-8;");
 }
 function gn(t, i, l, s, o = {}) {
-  const { filename: a = "pivot-export.csv", delimiter: m = "," } = o, h = [], { headers: b, rowHeaders: R, data: F, rowTotals: A, columnTotals: T, grandTotal: M, showRowTotals: y, showColumnTotals: O } = t, Q = i.length || 1;
+  const { filename: a = "pivot-export.csv", delimiter: m = "," } = o, h = [], { headers: b, rowHeaders: D, data: F, rowTotals: A, columnTotals: T, grandTotal: M, showRowTotals: y, showColumnTotals: O } = t, J = i.length || 1;
   if (b.length > 0)
     for (let q = 0; q < b.length; q++) {
       const E = [];
-      for (let P = 0; P < Q; P++)
+      for (let P = 0; P < J; P++)
         E.push(q === b.length - 1 ? pe(i[P] || "", m) : "");
       for (const P of b[q])
         E.push(pe(P, m));
@@ -623,15 +623,15 @@ function gn(t, i, l, s, o = {}) {
     }
   else {
     const q = [];
-    for (let E = 0; E < Q; E++)
+    for (let E = 0; E < J; E++)
       q.push(pe(i[E] || "", m));
     for (const E of s)
       q.push(pe(`${E.field} (${E.aggregation})`, m));
     y && A && A.length > 0 && q.push(pe("Total", m)), h.push(q.join(m));
   }
-  for (let q = 0; q < R.length; q++) {
-    const E = [], P = R[q] || [];
-    for (let G = 0; G < Q; G++)
+  for (let q = 0; q < D.length; q++) {
+    const E = [], P = D[q] || [];
+    for (let G = 0; G < J; G++)
       E.push(pe(P[G] || "", m));
     const H = F[q] || [];
     for (const G of H)
@@ -641,17 +641,17 @@ function gn(t, i, l, s, o = {}) {
   if (O && T && T.length > 0) {
     const q = [];
     q.push(pe("Total", m));
-    for (let E = 1; E < Q; E++)
+    for (let E = 1; E < J; E++)
       q.push("");
     for (const E of T)
       q.push(pe((E == null ? void 0 : E.formattedValue) || "", m));
     y && M && q.push(pe(M.formattedValue || "", m)), h.push(q.join(m));
   }
-  const _ = h.join(`
+  const I = h.join(`
 `);
-  el(_, a, "text/csv;charset=utf-8;");
+  tl(I, a, "text/csv;charset=utf-8;");
 }
-function el(t, i, l) {
+function tl(t, i, l) {
   const s = new Blob([t], { type: l }), o = URL.createObjectURL(s), a = document.createElement("a");
   a.href = o, a.download = i, a.style.display = "none", document.body.appendChild(a), a.click(), document.body.removeChild(a), URL.revokeObjectURL(o);
 }
@@ -661,15 +661,15 @@ function pn(t, i, l) {
 function fn(t, i, l) {
   const { minRow: s, maxRow: o, minCol: a, maxCol: m } = l, h = [];
   for (let b = s; b <= o; b++) {
-    const R = t[b];
-    if (!R)
+    const D = t[b];
+    if (!D)
       continue;
     const F = [];
     for (let A = a; A <= m; A++) {
       const T = i[A];
       if (!T)
         continue;
-      const M = R[T];
+      const M = D[T];
       F.push(M == null ? "" : String(M));
     }
     h.push(F.join("	"));
@@ -677,9 +677,9 @@ function fn(t, i, l) {
   return h.join(`
 `);
 }
-const Ht = (t, i, l) => {
+const Kt = (t, i, l) => {
   if (!l) return !0;
-  if (gt(l)) {
+  if (ft(l)) {
     const s = t.getValue(i);
     if (s == null || s === "")
       return !1;
@@ -695,7 +695,7 @@ const Ht = (t, i, l) => {
   return !0;
 };
 function mn(t) {
-  const { data: i, enableSorting: l = !0, enableFiltering: s = !0 } = t, o = $([]), a = $([]), m = $({}), h = $(""), b = $({}), R = N(() => i.value.length === 0 ? [] : Object.keys(i.value[0]));
+  const { data: i, enableSorting: l = !0, enableFiltering: s = !0 } = t, o = x([]), a = x([]), m = x({}), h = x(""), b = x({}), D = L(() => i.value.length === 0 ? [] : Object.keys(i.value[0]));
   function F(S) {
     const f = `${S}-${i.value.length}`;
     return b.value[f] || (b.value[f] = El(i.value, S)), b.value[f];
@@ -703,7 +703,7 @@ function mn(t) {
   function A() {
     b.value = {};
   }
-  const T = N(() => R.value.map((S) => {
+  const T = L(() => D.value.map((S) => {
     const f = F(S);
     return {
       id: S,
@@ -711,7 +711,7 @@ function mn(t) {
       header: S,
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
       cell: (d) => Bl(d.getValue(), f.type),
-      filterFn: Ht,
+      filterFn: Kt,
       meta: {
         type: f.type,
         uniqueCount: f.uniqueValues.length
@@ -748,13 +748,13 @@ function mn(t) {
     getSortedRowModel: l ? Ll() : void 0,
     getFilteredRowModel: s ? Al() : void 0,
     filterFns: {
-      multiSelect: Ht
+      multiSelect: Kt
     },
     enableSorting: l,
     enableFilters: s
-  }), y = N(() => M.getFilteredRowModel().rows.length), O = N(() => i.value.length), Q = N(() => a.value.map((S) => {
+  }), y = L(() => M.getFilteredRowModel().rows.length), O = L(() => i.value.length), J = L(() => a.value.map((S) => {
     const f = S.value;
-    return f && gt(f) ? {
+    return f && ft(f) ? {
       column: S.id,
       type: "range",
       range: f,
@@ -766,11 +766,11 @@ function mn(t) {
       range: null
     };
   }));
-  function _(S) {
+  function I(S) {
     const f = M.getColumn(S);
     if (!f) return !1;
     const d = f.getFilterValue();
-    return d ? gt(d) ? d.min !== null || d.max !== null : Array.isArray(d) && d.length > 0 : !1;
+    return d ? ft(d) ? d.min !== null || d.max !== null : Array.isArray(d) && d.length > 0 : !1;
   }
   function q(S, f) {
     const d = M.getColumn(S);
@@ -784,7 +784,7 @@ function mn(t) {
     const f = M.getColumn(S);
     if (!f) return null;
     const d = f.getFilterValue();
-    return d && gt(d) ? d : null;
+    return d && ft(d) ? d : null;
   }
   function H() {
     M.resetColumnFilters(), h.value = "", a.value = [];
@@ -795,11 +795,11 @@ function mn(t) {
     const d = f.getFilterValue();
     return Array.isArray(d) ? d : [];
   }
-  function te(S) {
+  function ne(S) {
     const f = o.value.find((d) => d.id === S);
     f ? f.desc ? o.value = [] : o.value = [{ id: S, desc: !0 }] : o.value = [{ id: S, desc: !1 }];
   }
-  function U(S) {
+  function j(S) {
     const f = o.value.find((d) => d.id === S);
     return f ? f.desc ? "desc" : "asc" : null;
   }
@@ -813,48 +813,48 @@ function mn(t) {
     columnFilters: a,
     columnVisibility: m,
     globalFilter: h,
-    columnKeys: R,
+    columnKeys: D,
     // Computed
     filteredRowCount: y,
     totalRowCount: O,
-    activeFilters: Q,
+    activeFilters: J,
     // Methods
     getColumnStats: F,
     clearStatsCache: A,
-    hasActiveFilter: _,
+    hasActiveFilter: I,
     setColumnFilter: q,
     getColumnFilterValues: G,
     clearAllFilters: H,
-    toggleSort: te,
-    getSortDirection: U,
+    toggleSort: ne,
+    getSortDirection: j,
     // Numeric range filters
     setNumericRangeFilter: E,
     getNumericRangeFilter: P
   };
 }
-const hn = $(null), He = $(!1), $e = $(sn());
-let Ct = null;
-async function li(t) {
-  hn.value = t, Ct = tn(t), $e.value = await Ct, Ct = null, $e.value.isValid ? $e.value.type !== "free" && console.info(`[TinyPivot] Pro license activated (${$e.value.type})`) : console.warn("[TinyPivot] Invalid or expired license key. Running in free mode.");
-}
+const hn = x(null), He = x(!1), xe = x(sn());
+let kt = null;
 async function ni(t) {
+  hn.value = t, kt = tn(t), xe.value = await kt, kt = null, xe.value.isValid ? xe.value.type !== "free" && console.info(`[TinyPivot] Pro license activated (${xe.value.type})`) : console.warn("[TinyPivot] Invalid or expired license key. Running in free mode.");
+}
+async function oi(t) {
   const i = await an(t);
-  return i ? (He.value = !0, $e.value = i, console.info("[TinyPivot] Demo mode enabled - all Pro features unlocked for evaluation"), !0) : (console.warn("[TinyPivot] Demo mode activation failed - invalid secret"), !1);
+  return i ? (He.value = !0, xe.value = i, console.info("[TinyPivot] Demo mode enabled - all Pro features unlocked for evaluation"), !0) : (console.warn("[TinyPivot] Demo mode activation failed - invalid secret"), !1);
 }
-function oi(t) {
+function ai(t) {
   ln();
 }
-function ft() {
-  const t = N(() => He.value), i = N(() => He.value || un($e.value)), l = N(() => He.value || rn($e.value)), s = N(
-    () => He.value || $e.value.features.advancedAggregations
-  ), o = N(
-    () => He.value || $e.value.features.percentageMode
-  ), a = N(() => cn($e.value, He.value));
+function ht() {
+  const t = L(() => He.value), i = L(() => He.value || un(xe.value)), l = L(() => He.value || rn(xe.value)), s = L(
+    () => He.value || xe.value.features.advancedAggregations
+  ), o = L(
+    () => He.value || xe.value.features.percentageMode
+  ), a = L(() => cn(xe.value, He.value));
   function m(h) {
     return i.value ? !0 : (vn(h), !1);
   }
   return {
-    licenseInfo: N(() => $e.value),
+    licenseInfo: L(() => xe.value),
     isDemo: t,
     isPro: i,
     canUsePivot: l,
@@ -865,18 +865,18 @@ function ft() {
   };
 }
 function wn(t) {
-  const { canUsePivot: i, requirePro: l } = ft(), s = $([]), o = $([]), a = $([]), m = $(!0), h = $(!0), b = $(Zt()), R = $(null), F = N(() => Ol(t.value)), A = N(() => Wl(
+  const { canUsePivot: i, requirePro: l } = ht(), s = x([]), o = x([]), a = x([]), m = x(!0), h = x(!0), b = x(Qt()), D = x(null), F = L(() => Ol(t.value)), A = L(() => Wl(
     F.value,
     s.value,
     o.value,
     a.value
-  )), T = N(() => It({
+  )), T = L(() => Zt({
     rowFields: s.value,
     columnFields: o.value,
     valueFields: a.value,
     showRowTotals: m.value,
     showColumnTotals: h.value
-  })), M = N(() => !T.value || !i.value ? null : ql(t.value, {
+  })), M = L(() => !T.value || !i.value ? null : ql(t.value, {
     rowFields: s.value,
     columnFields: o.value,
     valueFields: a.value,
@@ -890,22 +890,22 @@ function wn(t) {
   function O(f) {
     s.value = s.value.filter((d) => d !== f);
   }
-  function Q(f) {
+  function J(f) {
     o.value.includes(f) || (o.value = [...o.value, f]);
   }
-  function _(f) {
+  function I(f) {
     o.value = o.value.filter((d) => d !== f);
   }
   function q(f, d = "sum") {
-    d !== "sum" && !l(`${d} aggregation`) || a.value.some((c) => c.field === f && c.aggregation === d) || (a.value = [...a.value, { field: f, aggregation: d }]);
+    d !== "sum" && !l(`${d} aggregation`) || a.value.some((v) => v.field === f && v.aggregation === d) || (a.value = [...a.value, { field: f, aggregation: d }]);
   }
   function E(f, d) {
     d ? a.value = a.value.filter(
-      (c) => !(c.field === f && c.aggregation === d)
-    ) : a.value = a.value.filter((c) => c.field !== f);
+      (v) => !(v.field === f && v.aggregation === d)
+    ) : a.value = a.value.filter((v) => v.field !== f);
   }
-  function P(f, d, c) {
-    a.value = a.value.map((g) => g.field === f && g.aggregation === d ? { ...g, aggregation: c } : g);
+  function P(f, d, v) {
+    a.value = a.value.map((g) => g.field === f && g.aggregation === d ? { ...g, aggregation: v } : g);
   }
   function H() {
     s.value = [], o.value = [], a.value = [];
@@ -913,39 +913,39 @@ function wn(t) {
   function G(f, d) {
     if (f.area === d.area) {
       if (f.area === "row") {
-        const c = [...s.value], [g] = c.splice(f.index, 1);
-        c.splice(d.index, 0, g), s.value = c;
+        const v = [...s.value], [g] = v.splice(f.index, 1);
+        v.splice(d.index, 0, g), s.value = v;
       } else if (f.area === "column") {
-        const c = [...o.value], [g] = c.splice(f.index, 1);
-        c.splice(d.index, 0, g), o.value = c;
+        const v = [...o.value], [g] = v.splice(f.index, 1);
+        v.splice(d.index, 0, g), o.value = v;
       }
     }
   }
-  function te() {
+  function ne() {
     if (!l("Pivot Table - Auto Suggest") || F.value.length === 0) return;
-    const f = F.value.filter((c) => !c.isNumeric && c.uniqueCount < 50), d = F.value.filter((c) => c.isNumeric);
+    const f = F.value.filter((v) => !v.isNumeric && v.uniqueCount < 50), d = F.value.filter((v) => v.isNumeric);
     f.length > 0 && d.length > 0 && (s.value = [f[0].field], a.value = [{ field: d[0].field, aggregation: "sum" }]);
   }
-  function U(f) {
-    const d = b.value.findIndex((c) => c.id === f.id);
+  function j(f) {
+    const d = b.value.findIndex((v) => v.id === f.id);
     d >= 0 ? b.value = [
       ...b.value.slice(0, d),
       f,
       ...b.value.slice(d + 1)
-    ] : b.value = [...b.value, f], at(b.value);
+    ] : b.value = [...b.value, f], it(b.value);
   }
   function S(f) {
-    b.value = b.value.filter((d) => d.id !== f), a.value = a.value.filter((d) => d.field !== `calc:${f}`), at(b.value);
+    b.value = b.value.filter((d) => d.id !== f), a.value = a.value.filter((d) => d.field !== `calc:${f}`), it(b.value);
   }
   return Te(
     t,
     (f) => {
       if (f.length === 0) return;
-      const d = Object.keys(f[0]), c = Yl(d);
-      if (c !== R.value) {
-        R.value = c;
-        const g = Il(c);
-        if (g && bt(g, d))
+      const d = Object.keys(f[0]), v = Yl(d);
+      if (v !== D.value) {
+        D.value = v;
+        const g = Xl(v);
+        if (g && yt(g, d))
           s.value = g.rowFields, o.value = g.columnFields, a.value = g.valueFields, m.value = g.showRowTotals, h.value = g.showColumnTotals, g.calculatedFields && (b.value = g.calculatedFields);
         else {
           const k = {
@@ -955,7 +955,7 @@ function wn(t) {
             showRowTotals: m.value,
             showColumnTotals: h.value
           };
-          bt(k, d) || H();
+          yt(k, d) || H();
         }
       } else {
         const g = {
@@ -965,14 +965,14 @@ function wn(t) {
           showRowTotals: m.value,
           showColumnTotals: h.value
         };
-        bt(g, d) || H();
+        yt(g, d) || H();
       }
     },
     { immediate: !0 }
   ), Te(
     [s, o, a, m, h, b],
     () => {
-      if (!R.value) return;
+      if (!D.value) return;
       const f = {
         rowFields: s.value,
         columnFields: o.value,
@@ -981,7 +981,7 @@ function wn(t) {
         showColumnTotals: h.value,
         calculatedFields: b.value
       };
-      _l(R.value, f);
+      Il(D.value, f);
     },
     { deep: !0 }
   ), {
@@ -1000,22 +1000,22 @@ function wn(t) {
     // Actions
     addRowField: y,
     removeRowField: O,
-    addColumnField: Q,
-    removeColumnField: _,
+    addColumnField: J,
+    removeColumnField: I,
     addValueField: q,
     removeValueField: E,
     updateValueFieldAggregation: P,
     clearConfig: H,
     moveField: G,
-    autoSuggestConfig: te,
-    addCalculatedField: U,
+    autoSuggestConfig: ne,
+    addCalculatedField: j,
     removeCalculatedField: S
   };
 }
-function bn(t, i, l) {
+function Cn(t, i, l) {
   dn(t, i, l);
 }
-function Cn(t, i, l, s, o) {
+function bn(t, i, l, s, o) {
   gn(t, i, l, s, o);
 }
 function yn(t, i, l) {
@@ -1024,19 +1024,19 @@ function yn(t, i, l) {
 function kn(t, i, l) {
   return fn(t, i, l);
 }
-function ai(t, i = {}) {
-  const l = $(i.pageSize ?? 50), s = $(i.currentPage ?? 1), o = N(
+function si(t, i = {}) {
+  const l = x(i.pageSize ?? 50), s = x(i.currentPage ?? 1), o = L(
     () => Math.max(1, Math.ceil(t.value.length / l.value))
-  ), a = N(() => {
+  ), a = L(() => {
     const y = (s.value - 1) * l.value, O = y + l.value;
     return t.value.slice(y, O);
-  }), m = N(() => (s.value - 1) * l.value + 1), h = N(
+  }), m = L(() => (s.value - 1) * l.value + 1), h = L(
     () => Math.min(s.value * l.value, t.value.length)
   );
   function b(y) {
     s.value = Math.max(1, Math.min(y, o.value));
   }
-  function R() {
+  function D() {
     s.value < o.value && s.value++;
   }
   function F() {
@@ -1059,23 +1059,23 @@ function ai(t, i = {}) {
     startIndex: m,
     endIndex: h,
     goToPage: b,
-    nextPage: R,
+    nextPage: D,
     prevPage: F,
     firstPage: A,
     lastPage: T,
     setPageSize: M
   };
 }
-function si(t, i) {
-  const l = $(""), s = $(!1), o = N(() => {
+function ii(t, i) {
+  const l = x(""), s = x(!1), o = L(() => {
     if (!l.value.trim())
       return t.value;
     const m = s.value ? l.value.trim() : l.value.trim().toLowerCase();
     return t.value.filter((h) => {
       for (const b of i.value) {
-        const R = h[b];
-        if (R == null) continue;
-        if ((s.value ? String(R) : String(R).toLowerCase()).includes(m))
+        const D = h[b];
+        if (D == null) continue;
+        if ((s.value ? String(D) : String(D).toLowerCase()).includes(m))
           return !0;
       }
       return !1;
@@ -1091,8 +1091,8 @@ function si(t, i) {
     clearSearch: a
   };
 }
-function ii(t) {
-  const i = $(/* @__PURE__ */ new Set()), l = N(() => Array.from(i.value).sort((M, y) => M - y).map((M) => t.value[M]).filter(Boolean)), s = N(() => t.value.length > 0 && i.value.size === t.value.length), o = N(() => i.value.size > 0 && i.value.size < t.value.length);
+function ri(t) {
+  const i = x(/* @__PURE__ */ new Set()), l = L(() => Array.from(i.value).sort((M, y) => M - y).map((M) => t.value[M]).filter(Boolean)), s = L(() => t.value.length > 0 && i.value.size === t.value.length), o = L(() => i.value.size > 0 && i.value.size < t.value.length);
   function a(M) {
     i.value.has(M) ? i.value.delete(M) : i.value.add(M), i.value = new Set(i.value);
   }
@@ -1105,19 +1105,19 @@ function ii(t) {
   function b() {
     i.value = new Set(t.value.map((M, y) => y));
   }
-  function R() {
+  function D() {
     i.value = /* @__PURE__ */ new Set();
   }
   function F() {
-    s.value ? R() : b();
+    s.value ? D() : b();
   }
   function A(M) {
     return i.value.has(M);
   }
   function T(M, y) {
-    const O = Math.min(M, y), Q = Math.max(M, y);
-    for (let _ = O; _ <= Q; _++)
-      i.value.add(_);
+    const O = Math.min(M, y), J = Math.max(M, y);
+    for (let I = O; I <= J; I++)
+      i.value.add(I);
     i.value = new Set(i.value);
   }
   return {
@@ -1129,31 +1129,31 @@ function ii(t) {
     selectRow: m,
     deselectRow: h,
     selectAll: b,
-    deselectAll: R,
+    deselectAll: D,
     toggleAll: F,
     isSelected: A,
     selectRange: T
   };
 }
-function ri(t, i = 60, l = 600) {
-  const s = $({ ...t.value }), o = $(!1), a = $(null);
-  function m(R, F) {
-    o.value = !0, a.value = R;
-    const A = F.clientX, T = s.value[R] || 150, M = (O) => {
-      const Q = O.clientX - A, _ = Math.max(i, Math.min(l, T + Q));
+function ui(t, i = 60, l = 600) {
+  const s = x({ ...t.value }), o = x(!1), a = x(null);
+  function m(D, F) {
+    o.value = !0, a.value = D;
+    const A = F.clientX, T = s.value[D] || 150, M = (O) => {
+      const J = O.clientX - A, I = Math.max(i, Math.min(l, T + J));
       s.value = {
         ...s.value,
-        [R]: _
+        [D]: I
       };
     }, y = () => {
       o.value = !1, a.value = null, document.removeEventListener("mousemove", M), document.removeEventListener("mouseup", y);
     };
     document.addEventListener("mousemove", M), document.addEventListener("mouseup", y);
   }
-  function h(R) {
-    t.value[R] && (s.value = {
+  function h(D) {
+    t.value[D] && (s.value = {
       ...s.value,
-      [R]: t.value[R]
+      [D]: t.value[D]
     });
   }
   function b() {
@@ -1168,10 +1168,10 @@ function ri(t, i = 60, l = 600) {
     resetAllWidths: b
   };
 }
-const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn = { class: "vpg-range-bounds" }, $n = { class: "vpg-slider-container" }, Mn = { class: "vpg-slider-track" }, Rn = ["min", "max", "step", "value"], Dn = ["min", "max", "step", "value"], Vn = { class: "vpg-range-inputs" }, Tn = { class: "vpg-input-group" }, An = ["placeholder", "value", "step"], Ln = { class: "vpg-input-group" }, Nn = ["placeholder", "value", "step"], Pn = { class: "vpg-range-actions" }, zn = ["disabled"], En = {
+const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, $n = { class: "vpg-range-bounds" }, xn = { class: "vpg-slider-container" }, Mn = { class: "vpg-slider-track" }, Rn = ["min", "max", "step", "value"], Dn = ["min", "max", "step", "value"], Vn = { class: "vpg-range-inputs" }, Tn = { class: "vpg-input-group" }, An = ["placeholder", "value", "step"], Ln = { class: "vpg-input-group" }, Nn = ["placeholder", "value", "step"], Pn = { class: "vpg-range-actions" }, zn = ["disabled"], En = {
   key: 0,
   class: "vpg-filter-summary"
-}, Bn = /* @__PURE__ */ Je({
+}, Bn = /* @__PURE__ */ tt({
   __name: "NumericRangeFilter",
   props: {
     dataMin: {},
@@ -1181,10 +1181,10 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
   emits: ["change"],
   setup(t, { emit: i }) {
     var q, E;
-    const l = t, s = i, o = $(((q = l.currentRange) == null ? void 0 : q.min) ?? null), a = $(((E = l.currentRange) == null ? void 0 : E.max) ?? null), m = N(() => {
+    const l = t, s = i, o = x(((q = l.currentRange) == null ? void 0 : q.min) ?? null), a = x(((E = l.currentRange) == null ? void 0 : E.max) ?? null), m = L(() => {
       const P = l.dataMax - l.dataMin;
       return P === 0 ? 1 : P <= 1 ? 0.01 : P <= 10 ? 0.1 : P <= 100 ? 1 : P <= 1e3 ? 10 : Math.pow(10, Math.floor(Math.log10(P)) - 2);
-    }), h = (P) => P === null ? "" : Number.isInteger(P) ? P.toLocaleString() : P.toLocaleString(void 0, { maximumFractionDigits: 2 }), b = N(() => o.value !== null || a.value !== null), R = N(() => o.value === null || l.dataMax === l.dataMin ? 0 : (o.value - l.dataMin) / (l.dataMax - l.dataMin) * 100), F = N(() => a.value === null || l.dataMax === l.dataMin ? 100 : (a.value - l.dataMin) / (l.dataMax - l.dataMin) * 100);
+    }), h = (P) => P === null ? "" : Number.isInteger(P) ? P.toLocaleString() : P.toLocaleString(void 0, { maximumFractionDigits: 2 }), b = L(() => o.value !== null || a.value !== null), D = L(() => o.value === null || l.dataMax === l.dataMin ? 0 : (o.value - l.dataMin) / (l.dataMax - l.dataMin) * 100), F = L(() => a.value === null || l.dataMax === l.dataMin ? 100 : (a.value - l.dataMin) / (l.dataMax - l.dataMin) * 100);
     function A(P) {
       const H = P.target, G = Number.parseFloat(H.value);
       a.value !== null && G > a.value ? o.value = a.value : o.value = G;
@@ -1202,27 +1202,27 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
       G !== null && !Number.isNaN(G) ? a.value = Math.min(l.dataMax, Math.max(G, o.value ?? l.dataMin)) : G === null && (a.value = null);
     }
     function O() {
-      o.value = null, a.value = null, _();
+      o.value = null, a.value = null, I();
     }
-    function Q() {
-      o.value = l.dataMin, a.value = l.dataMax, _();
+    function J() {
+      o.value = l.dataMin, a.value = l.dataMax, I();
     }
-    function _() {
+    function I() {
       o.value === null && a.value === null ? s("change", null) : s("change", { min: o.value, max: a.value });
     }
     return Te(() => l.currentRange, (P) => {
       o.value = (P == null ? void 0 : P.min) ?? null, a.value = (P == null ? void 0 : P.max) ?? null;
-    }, { immediate: !0 }), (P, H) => (u(), v("div", Fn, [
+    }, { immediate: !0 }), (P, H) => (u(), c("div", Fn, [
       e("div", Sn, [
         H[0] || (H[0] = e("span", { class: "vpg-range-label" }, "Data range:", -1)),
-        e("span", xn, x(h(t.dataMin)) + " – " + x(h(t.dataMax)), 1)
+        e("span", $n, $(h(t.dataMin)) + " – " + $(h(t.dataMax)), 1)
       ]),
-      e("div", $n, [
+      e("div", xn, [
         e("div", Mn, [
           e("div", {
             class: "vpg-slider-fill",
             style: Fe({
-              left: `${R.value}%`,
+              left: `${D.value}%`,
               right: `${100 - F.value}%`
             })
           }, null, 4)
@@ -1235,7 +1235,7 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
           step: m.value,
           value: o.value ?? t.dataMin,
           onInput: A,
-          onChange: _
+          onChange: I
         }, null, 40, Rn),
         e("input", {
           type: "range",
@@ -1245,7 +1245,7 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
           step: m.value,
           value: a.value ?? t.dataMax,
           onInput: T,
-          onChange: _
+          onChange: I
         }, null, 40, Dn)
       ]),
       e("div", Vn, [
@@ -1258,7 +1258,7 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
             value: o.value ?? "",
             step: m.value,
             onInput: M,
-            onChange: _
+            onChange: I
           }, null, 40, An)
         ]),
         H[3] || (H[3] = e("span", { class: "vpg-input-separator" }, "to", -1)),
@@ -1271,7 +1271,7 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
             value: a.value ?? "",
             step: m.value,
             onInput: y,
-            onChange: _
+            onChange: I
           }, null, 40, Nn)
         ])
       ]),
@@ -1294,11 +1294,11 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
               d: "M6 18L18 6M6 6l12 12"
             })
           ], -1),
-          ee(" Clear ", -1)
+          te(" Clear ", -1)
         ])], 8, zn),
         e("button", {
           class: "vpg-range-btn",
-          onClick: Q
+          onClick: J
         }, [...H[5] || (H[5] = [
           e("svg", {
             class: "vpg-icon-xs",
@@ -1313,10 +1313,10 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
               d: "M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4"
             })
           ], -1),
-          ee(" Full Range ", -1)
+          te(" Full Range ", -1)
         ])])
       ]),
-      b.value ? (u(), v("div", En, [
+      b.value ? (u(), c("div", En, [
         H[7] || (H[7] = e("svg", {
           class: "vpg-icon-xs",
           fill: "none",
@@ -1331,26 +1331,26 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
           })
         ], -1)),
         e("span", null, [
-          H[6] || (H[6] = ee(" Showing values ", -1)),
-          e("strong", null, x(o.value !== null ? `≥ ${h(o.value)}` : ""), 1),
-          ee(" " + x(o.value !== null && a.value !== null ? " and " : "") + " ", 1),
-          e("strong", null, x(a.value !== null ? `≤ ${h(a.value)}` : ""), 1)
+          H[6] || (H[6] = te(" Showing values ", -1)),
+          e("strong", null, $(o.value !== null ? `≥ ${h(o.value)}` : ""), 1),
+          te(" " + $(o.value !== null && a.value !== null ? " and " : "") + " ", 1),
+          e("strong", null, $(a.value !== null ? `≤ ${h(a.value)}` : ""), 1)
         ])
       ])) : z("", !0)
     ]));
   }
-}), et = (t, i) => {
+}), lt = (t, i) => {
   const l = t.__vccOpts || t;
   for (const [s, o] of i)
     l[s] = o;
   return l;
-}, Un = /* @__PURE__ */ et(Bn, [["__scopeId", "data-v-0c361932"]]), jn = { class: "vpg-filter-header" }, Hn = { class: "vpg-filter-title" }, Kn = { class: "vpg-filter-count" }, On = { class: "vpg-sort-controls" }, Wn = ["title"], qn = ["title"], Gn = {
+}, Un = /* @__PURE__ */ lt(Bn, [["__scopeId", "data-v-0c361932"]]), jn = { class: "vpg-filter-header" }, Hn = { class: "vpg-filter-title" }, Kn = { class: "vpg-filter-count" }, On = { class: "vpg-sort-controls" }, Wn = ["title"], qn = ["title"], Gn = {
   key: 0,
   class: "vpg-filter-tabs"
-}, Yn = { class: "vpg-search-container" }, _n = { class: "vpg-values-list" }, In = ["checked", "onChange"], Xn = {
+}, Yn = { class: "vpg-search-container" }, In = { class: "vpg-values-list" }, Xn = ["checked", "onChange"], Zn = {
   key: 0,
   class: "vpg-no-results"
-}, Zn = /* @__PURE__ */ Je({
+}, _n = /* @__PURE__ */ tt({
   __name: "ColumnFilter",
   props: {
     columnId: {},
@@ -1362,22 +1362,22 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
   },
   emits: ["filter", "sort", "close", "rangeFilter"],
   setup(t, { emit: i }) {
-    const l = t, s = i, o = $(""), a = $(), m = $(), h = N(() => l.stats.type === "number" && l.stats.numericMin !== void 0 && l.stats.numericMax !== void 0), b = $(l.numericRange ? "range" : "values"), R = $(l.numericRange ?? null);
-    N(() => {
+    const l = t, s = i, o = x(""), a = x(), m = x(), h = L(() => l.stats.type === "number" && l.stats.numericMin !== void 0 && l.stats.numericMax !== void 0), b = x(l.numericRange ? "range" : "values"), D = x(l.numericRange ?? null);
+    L(() => {
       const d = [...l.stats.uniqueValues];
       return l.stats.nullCount > 0 && d.unshift("(blank)"), d;
     });
-    const F = $(new Set(l.selectedValues)), A = N(() => l.stats.nullCount > 0), T = N(() => {
+    const F = x(new Set(l.selectedValues)), A = L(() => l.stats.nullCount > 0), T = L(() => {
       const d = l.stats.uniqueValues;
       if (!o.value)
         return d;
-      const c = o.value.toLowerCase();
-      return d.filter((g) => g.toLowerCase().includes(c));
-    }), M = N(() => {
+      const v = o.value.toLowerCase();
+      return d.filter((g) => g.toLowerCase().includes(v));
+    }), M = L(() => {
       const d = [...T.value];
       return A.value && (!o.value || "(blank)".includes(o.value.toLowerCase())) && d.unshift("(blank)"), d;
     });
-    N(() => M.value.every((d) => F.value.has(d))), N(() => F.value.size === 0);
+    L(() => M.value.every((d) => F.value.has(d))), L(() => F.value.size === 0);
     function y(d) {
       F.value.has(d) ? F.value.delete(d) : F.value.add(d), F.value = new Set(F.value);
     }
@@ -1386,10 +1386,10 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
         F.value.add(d);
       F.value = new Set(F.value);
     }
-    function Q() {
+    function J() {
       F.value.clear(), F.value = new Set(F.value);
     }
-    function _() {
+    function I() {
       F.value.size === 0 ? s("filter", []) : s("filter", Array.from(F.value)), s("close");
     }
     function q() {
@@ -1402,50 +1402,50 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
       F.value.clear(), F.value = new Set(F.value), s("filter", []), s("close");
     }
     function H(d) {
-      R.value = d;
+      D.value = d;
     }
     function G() {
-      s("rangeFilter", R.value), s("close");
+      s("rangeFilter", D.value), s("close");
     }
-    function te() {
-      R.value = null, s("rangeFilter", null), s("close");
+    function ne() {
+      D.value = null, s("rangeFilter", null), s("close");
     }
-    function U(d) {
+    function j(d) {
       b.value = d;
     }
     function S(d) {
       a.value && !a.value.contains(d.target) && s("close");
     }
     function f(d) {
-      d.key === "Escape" ? s("close") : d.key === "Enter" && d.ctrlKey && _();
+      d.key === "Escape" ? s("close") : d.key === "Enter" && d.ctrlKey && I();
     }
-    return yt(() => {
-      ot(() => {
+    return Ft(() => {
+      st(() => {
         var d;
         (d = m.value) == null || d.focus();
       }), document.addEventListener("mousedown", S), document.addEventListener("keydown", f);
-    }), kt(() => {
+    }), St(() => {
       document.removeEventListener("mousedown", S), document.removeEventListener("keydown", f);
     }), Te(() => l.selectedValues, (d) => {
       F.value = new Set(d);
     }, { immediate: !0 }), Te(() => l.numericRange, (d) => {
-      R.value = d ?? null, d && (b.value = "range");
-    }, { immediate: !0 }), (d, c) => (u(), v("div", {
+      D.value = d ?? null, d && (b.value = "range");
+    }, { immediate: !0 }), (d, v) => (u(), c("div", {
       ref_key: "dropdownRef",
       ref: a,
       class: "vpg-filter-dropdown"
     }, [
       e("div", jn, [
-        e("span", Hn, x(t.columnName), 1),
-        e("span", Kn, x(t.stats.uniqueValues.length.toLocaleString()) + " unique ", 1)
+        e("span", Hn, $(t.columnName), 1),
+        e("span", Kn, $(t.stats.uniqueValues.length.toLocaleString()) + " unique ", 1)
       ]),
       e("div", On, [
         e("button", {
-          class: Z(["vpg-sort-btn", { active: t.sortDirection === "asc" }]),
+          class: Q(["vpg-sort-btn", { active: t.sortDirection === "asc" }]),
           title: h.value ? "Sort Low to High" : "Sort A to Z",
           onClick: q
         }, [
-          c[4] || (c[4] = e("svg", {
+          v[4] || (v[4] = e("svg", {
             class: "vpg-icon-sm",
             fill: "none",
             stroke: "currentColor",
@@ -1458,14 +1458,14 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
               d: "M3 4h13M3 8h9m-9 4h6m4 0l4-4m0 0l4 4m-4-4v12"
             })
           ], -1)),
-          e("span", null, x(h.value ? "1→9" : "A→Z"), 1)
+          e("span", null, $(h.value ? "1→9" : "A→Z"), 1)
         ], 10, Wn),
         e("button", {
-          class: Z(["vpg-sort-btn", { active: t.sortDirection === "desc" }]),
+          class: Q(["vpg-sort-btn", { active: t.sortDirection === "desc" }]),
           title: h.value ? "Sort High to Low" : "Sort Z to A",
           onClick: E
         }, [
-          c[5] || (c[5] = e("svg", {
+          v[5] || (v[5] = e("svg", {
             class: "vpg-icon-sm",
             fill: "none",
             stroke: "currentColor",
@@ -1478,15 +1478,15 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
               d: "M3 4h13M3 8h9m-9 4h9m5-4v12m0 0l-4-4m4 4l4-4"
             })
           ], -1)),
-          e("span", null, x(h.value ? "9→1" : "Z→A"), 1)
+          e("span", null, $(h.value ? "9→1" : "Z→A"), 1)
         ], 10, qn)
       ]),
-      c[11] || (c[11] = e("div", { class: "vpg-divider" }, null, -1)),
-      h.value ? (u(), v("div", Gn, [
+      v[11] || (v[11] = e("div", { class: "vpg-divider" }, null, -1)),
+      h.value ? (u(), c("div", Gn, [
         e("button", {
-          class: Z(["vpg-tab-btn", { active: b.value === "values" }]),
-          onClick: c[0] || (c[0] = (g) => U("values"))
-        }, [...c[6] || (c[6] = [
+          class: Q(["vpg-tab-btn", { active: b.value === "values" }]),
+          onClick: v[0] || (v[0] = (g) => j("values"))
+        }, [...v[6] || (v[6] = [
           e("svg", {
             class: "vpg-icon-sm",
             fill: "none",
@@ -1500,12 +1500,12 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
               d: "M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"
             })
           ], -1),
-          ee(" Values ", -1)
+          te(" Values ", -1)
         ])], 2),
         e("button", {
-          class: Z(["vpg-tab-btn", { active: b.value === "range" }]),
-          onClick: c[1] || (c[1] = (g) => U("range"))
-        }, [...c[7] || (c[7] = [
+          class: Q(["vpg-tab-btn", { active: b.value === "range" }]),
+          onClick: v[1] || (v[1] = (g) => j("range"))
+        }, [...v[7] || (v[7] = [
           e("svg", {
             class: "vpg-icon-sm",
             fill: "none",
@@ -1519,12 +1519,12 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
               d: "M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a4 4 0 01-4 4zm0 0h12a2 2 0 002-2v-4a2 2 0 00-2-2h-2.343M11 7.343l1.657-1.657a2 2 0 012.828 0l2.829 2.829a2 2 0 010 2.828l-8.486 8.485M7 17h.01"
             })
           ], -1),
-          ee(" Range ", -1)
+          te(" Range ", -1)
         ])], 2)
       ])) : z("", !0),
-      !h.value || b.value === "values" ? (u(), v(I, { key: 1 }, [
+      !h.value || b.value === "values" ? (u(), c(X, { key: 1 }, [
         e("div", Yn, [
-          c[8] || (c[8] = e("svg", {
+          v[8] || (v[8] = e("svg", {
             class: "vpg-search-icon",
             fill: "none",
             stroke: "currentColor",
@@ -1540,24 +1540,24 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
           Ke(e("input", {
             ref_key: "searchInputRef",
             ref: m,
-            "onUpdate:modelValue": c[2] || (c[2] = (g) => o.value = g),
+            "onUpdate:modelValue": v[2] || (v[2] = (g) => o.value = g),
             type: "text",
             placeholder: "Search values...",
             class: "vpg-search-input"
           }, null, 512), [
-            [Qe, o.value]
+            [et, o.value]
           ]),
-          o.value ? (u(), v("button", {
+          o.value ? (u(), c("button", {
             key: 0,
             class: "vpg-clear-search",
-            onClick: c[3] || (c[3] = (g) => o.value = "")
+            onClick: v[3] || (v[3] = (g) => o.value = "")
           }, " × ")) : z("", !0)
         ]),
         e("div", { class: "vpg-bulk-actions" }, [
           e("button", {
             class: "vpg-bulk-btn",
             onClick: O
-          }, [...c[9] || (c[9] = [
+          }, [...v[9] || (v[9] = [
             e("svg", {
               class: "vpg-icon-sm",
               fill: "none",
@@ -1571,12 +1571,12 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
                 d: "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"
               })
             ], -1),
-            ee(" Select All ", -1)
+            te(" Select All ", -1)
           ])]),
           e("button", {
             class: "vpg-bulk-btn",
-            onClick: Q
-          }, [...c[10] || (c[10] = [
+            onClick: J
+          }, [...v[10] || (v[10] = [
             e("svg", {
               class: "vpg-icon-sm",
               fill: "none",
@@ -1590,25 +1590,25 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
                 d: "M6 18L18 6M6 6l12 12"
               })
             ], -1),
-            ee(" Clear All ", -1)
+            te(" Clear All ", -1)
           ])])
         ]),
-        e("div", _n, [
-          (u(!0), v(I, null, oe(M.value, (g) => (u(), v("label", {
+        e("div", In, [
+          (u(!0), c(X, null, le(M.value, (g) => (u(), c("label", {
             key: g,
-            class: Z(["vpg-value-item", { selected: F.value.has(g) }])
+            class: Q(["vpg-value-item", { selected: F.value.has(g) }])
           }, [
             e("input", {
               type: "checkbox",
               checked: F.value.has(g),
               class: "vpg-value-checkbox",
               onChange: (k) => y(g)
-            }, null, 40, In),
+            }, null, 40, Xn),
             e("span", {
-              class: Z(["vpg-value-text", { "vpg-blank": g === "(blank)" }])
-            }, x(g), 3)
+              class: Q(["vpg-value-text", { "vpg-blank": g === "(blank)" }])
+            }, $(g), 3)
           ], 2))), 128)),
-          M.value.length === 0 ? (u(), v("div", Xn, " No matching values ")) : z("", !0)
+          M.value.length === 0 ? (u(), c("div", Zn, " No matching values ")) : z("", !0)
         ]),
         e("div", { class: "vpg-filter-footer" }, [
           e("button", {
@@ -1617,20 +1617,20 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
           }, " Clear Filter "),
           e("button", {
             class: "vpg-btn-apply",
-            onClick: _
+            onClick: I
           }, " Apply ")
         ])
-      ], 64)) : (u(), v(I, { key: 2 }, [
+      ], 64)) : (u(), c(X, { key: 2 }, [
         Oe(Un, {
           "data-min": t.stats.numericMin,
           "data-max": t.stats.numericMax,
-          "current-range": R.value,
+          "current-range": D.value,
           onChange: H
         }, null, 8, ["data-min", "data-max", "current-range"]),
         e("div", { class: "vpg-filter-footer" }, [
           e("button", {
             class: "vpg-btn-clear",
-            onClick: te
+            onClick: ne
           }, " Clear Filter "),
           e("button", {
             class: "vpg-btn-apply",
@@ -1640,7 +1640,7 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
       ], 64))
     ], 512));
   }
-}), Qn = /* @__PURE__ */ et(Zn, [["__scopeId", "data-v-d538c266"]]), Jn = { class: "vpg-modal" }, eo = { class: "vpg-modal-header" }, to = { class: "vpg-modal-body" }, lo = { class: "vpg-form-group" }, no = { class: "vpg-form-group" }, oo = {
+}), Qn = /* @__PURE__ */ lt(_n, [["__scopeId", "data-v-d538c266"]]), Jn = { class: "vpg-modal" }, eo = { class: "vpg-modal-header" }, to = { class: "vpg-modal-body" }, lo = { class: "vpg-form-group" }, no = { class: "vpg-form-group" }, oo = {
   key: 0,
   class: "vpg-error"
 }, ao = { class: "vpg-form-group" }, so = { class: "vpg-button-group" }, io = { class: "vpg-form-group" }, ro = {
@@ -1652,7 +1652,7 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
 }, vo = { class: "vpg-form-row" }, go = { class: "vpg-form-group vpg-form-group-half" }, po = { class: "vpg-form-group vpg-form-group-half" }, fo = {
   key: 0,
   class: "vpg-error vpg-error-box"
-}, mo = { class: "vpg-modal-footer" }, ho = /* @__PURE__ */ Je({
+}, mo = { class: "vpg-modal-footer" }, ho = /* @__PURE__ */ tt({
   __name: "CalculatedFieldModal",
   props: {
     show: { type: Boolean },
@@ -1661,11 +1661,11 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
   },
   emits: ["close", "save"],
   setup(t, { emit: i }) {
-    const l = t, s = i, o = $(""), a = $(""), m = $("number"), h = $(2), b = $(null);
+    const l = t, s = i, o = x(""), a = x(""), m = x("number"), h = x(2), b = x(null);
     Te(() => l.show, (M) => {
       M && (l.existingField ? (o.value = l.existingField.name, a.value = l.existingField.formula, m.value = l.existingField.formatAs || "number", h.value = l.existingField.decimals ?? 2) : (o.value = "", a.value = "", m.value = "number", h.value = 2), b.value = null);
     });
-    const R = N(() => a.value.trim() ? Ut(a.value, l.availableFields) : null);
+    const D = L(() => a.value.trim() ? jt(a.value, l.availableFields) : null);
     function F(M) {
       a.value.trim() && !a.value.endsWith(" ") && (a.value += " "), a.value += M;
     }
@@ -1678,7 +1678,7 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
         b.value = "Name is required";
         return;
       }
-      const M = Ut(a.value, l.availableFields);
+      const M = jt(a.value, l.availableFields);
       if (M) {
         b.value = M;
         return;
@@ -1692,15 +1692,15 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
       };
       s("save", y), s("close");
     }
-    return (M, y) => (u(), Ot(Wt, { to: "body" }, [
-      t.show ? (u(), v("div", {
+    return (M, y) => (u(), Wt(qt, { to: "body" }, [
+      t.show ? (u(), c("div", {
         key: 0,
         class: "vpg-modal-overlay",
         onClick: y[12] || (y[12] = Le((O) => s("close"), ["self"]))
       }, [
         e("div", Jn, [
           e("div", eo, [
-            e("h3", null, x(t.existingField ? "Edit" : "Create") + " Calculated Field", 1),
+            e("h3", null, $(t.existingField ? "Edit" : "Create") + " Calculated Field", 1),
             e("button", {
               class: "vpg-modal-close",
               onClick: y[0] || (y[0] = (O) => s("close"))
@@ -1715,7 +1715,7 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
                 class: "vpg-input",
                 placeholder: "e.g., Profit Margin %"
               }, null, 512), [
-                [Qe, o.value]
+                [et, o.value]
               ])
             ]),
             e("div", no, [
@@ -1726,10 +1726,10 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
                 placeholder: "e.g., revenue / units",
                 rows: "2"
               }, null, 512), [
-                [Qe, a.value]
+                [et, a.value]
               ]),
               y[15] || (y[15] = e("div", { class: "vpg-formula-hint" }, "Use field names with math operators: + - * / ( )", -1)),
-              R.value ? (u(), v("div", oo, x(R.value), 1)) : z("", !0)
+              D.value ? (u(), c("div", oo, $(D.value), 1)) : z("", !0)
             ]),
             e("div", ao, [
               y[16] || (y[16] = e("label", { class: "vpg-label-small" }, "Operators", -1)),
@@ -1762,13 +1762,13 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
             ]),
             e("div", io, [
               y[17] || (y[17] = e("label", { class: "vpg-label-small" }, "Insert Field", -1)),
-              t.availableFields.length > 0 ? (u(), v("div", ro, [
-                (u(!0), v(I, null, oe(t.availableFields, (O) => (u(), v("button", {
+              t.availableFields.length > 0 ? (u(), c("div", ro, [
+                (u(!0), c(X, null, le(t.availableFields, (O) => (u(), c("button", {
                   key: O,
                   class: "vpg-insert-btn vpg-field-btn",
-                  onClick: (Q) => F(O)
-                }, x(O), 9, uo))), 128))
-              ])) : (u(), v("div", co, " No numeric fields available "))
+                  onClick: (J) => F(O)
+                }, $(O), 9, uo))), 128))
+              ])) : (u(), c("div", co, " No numeric fields available "))
             ]),
             e("div", vo, [
               e("div", go, [
@@ -1794,7 +1794,7 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
                   max: "6"
                 }, null, 512), [
                   [
-                    Qe,
+                    et,
                     h.value,
                     void 0,
                     { number: !0 }
@@ -1802,7 +1802,7 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
                 ])
               ])
             ]),
-            b.value ? (u(), v("div", fo, x(b.value), 1)) : z("", !0)
+            b.value ? (u(), c("div", fo, $(b.value), 1)) : z("", !0)
           ]),
           e("div", mo, [
             e("button", {
@@ -1812,16 +1812,16 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
             e("button", {
               class: "vpg-btn vpg-btn-primary",
               onClick: T
-            }, x(t.existingField ? "Update" : "Add") + " Field ", 1)
+            }, $(t.existingField ? "Update" : "Add") + " Field ", 1)
           ])
         ])
       ])) : z("", !0)
     ]));
   }
-}), wo = /* @__PURE__ */ et(ho, [["__scopeId", "data-v-0cbcac92"]]), bo = { class: "vpg-pivot-config" }, Co = { class: "vpg-config-header" }, yo = { class: "vpg-header-actions" }, ko = {
+}), wo = /* @__PURE__ */ lt(ho, [["__scopeId", "data-v-0cbcac92"]]), Co = { class: "vpg-pivot-config" }, bo = { class: "vpg-config-header" }, yo = { class: "vpg-header-actions" }, ko = {
   key: 0,
   class: "vpg-assigned-section"
-}, Fo = { class: "vpg-assigned-list" }, So = ["title", "onDragstart"], xo = { class: "vpg-item-main" }, $o = { class: "vpg-item-name" }, Mo = { class: "vpg-item-actions" }, Ro = ["title", "onClick"], Do = ["value", "onChange"], Vo = ["value", "disabled"], To = ["onClick"], Ao = { class: "vpg-unassigned-section" }, Lo = { class: "vpg-section-header" }, No = { class: "vpg-section-label" }, Po = { class: "vpg-count" }, zo = { class: "vpg-field-search" }, Eo = { class: "vpg-field-list" }, Bo = ["title", "onDragstart"], Uo = { class: "vpg-field-name" }, jo = ["onClick"], Ho = ["onClick"], Ko = {
+}, Fo = { class: "vpg-assigned-list" }, So = ["title", "onDragstart"], $o = { class: "vpg-item-main" }, xo = { class: "vpg-item-name" }, Mo = { class: "vpg-item-actions" }, Ro = ["title", "onClick"], Do = ["value", "onChange"], Vo = ["value", "disabled"], To = ["onClick"], Ao = { class: "vpg-unassigned-section" }, Lo = { class: "vpg-section-header" }, No = { class: "vpg-section-label" }, Po = { class: "vpg-count" }, zo = { class: "vpg-field-search" }, Eo = { class: "vpg-field-list" }, Bo = ["title", "onDragstart"], Uo = { class: "vpg-field-name" }, jo = ["onClick"], Ho = ["onClick"], Ko = {
   key: 1,
   class: "vpg-unique-count"
 }, Oo = {
@@ -1830,7 +1830,7 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
 }, Wo = {
   key: 1,
   class: "vpg-empty-hint"
-}, qo = { class: "vpg-options-section" }, Go = { class: "vpg-option-toggle" }, Yo = ["checked"], _o = /* @__PURE__ */ Je({
+}, qo = { class: "vpg-options-section" }, Go = { class: "vpg-option-toggle" }, Yo = ["checked"], Io = /* @__PURE__ */ tt({
   __name: "PivotConfig",
   props: {
     availableFields: {},
@@ -1843,61 +1843,61 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
   },
   emits: ["update:showRowTotals", "update:showColumnTotals", "clearConfig", "dragStart", "dragEnd", "updateAggregation", "addRowField", "removeRowField", "addColumnField", "removeColumnField", "addValueField", "removeValueField", "addCalculatedField", "removeCalculatedField", "updateCalculatedField"],
   setup(t, { emit: i }) {
-    const l = t, s = i, { canUseAdvancedAggregations: o } = ft(), a = Hl;
-    function m(c) {
-      return c !== "sum";
+    const l = t, s = i, { canUseAdvancedAggregations: o } = ht(), a = Hl;
+    function m(v) {
+      return v !== "sum";
     }
-    function h(c) {
-      return !m(c) || o.value;
+    function h(v) {
+      return !m(v) || o.value;
     }
-    const b = $(!1), R = $(null), F = N(
-      () => l.availableFields.filter((c) => c.isNumeric).map((c) => c.field)
+    const b = x(!1), D = x(null), F = L(
+      () => l.availableFields.filter((v) => v.isNumeric).map((v) => v.field)
     );
-    function A(c) {
-      R.value = c || null, b.value = !0;
+    function A(v) {
+      D.value = v || null, b.value = !0;
     }
-    function T(c) {
-      R.value ? s("updateCalculatedField", c) : s("addCalculatedField", c), b.value = !1, R.value = null;
+    function T(v) {
+      D.value ? s("updateCalculatedField", v) : s("addCalculatedField", v), b.value = !1, D.value = null;
     }
-    function M(c) {
-      s("update:showRowTotals", c), s("update:showColumnTotals", c);
+    function M(v) {
+      s("update:showRowTotals", v), s("update:showColumnTotals", v);
     }
-    const y = N(() => l.calculatedFields ? l.calculatedFields.map((c) => ({
-      field: `calc:${c.id}`,
+    const y = L(() => l.calculatedFields ? l.calculatedFields.map((v) => ({
+      field: `calc:${v.id}`,
       type: "number",
       uniqueCount: 0,
       isNumeric: !0,
       isCalculated: !0,
-      calcId: c.id,
-      calcName: c.name,
-      calcFormula: c.formula
-    })) : []), O = N(() => [
-      ...l.availableFields.map((c) => ({ ...c, isCalculated: !1 })),
+      calcId: v.id,
+      calcName: v.name,
+      calcFormula: v.formula
+    })) : []), O = L(() => [
+      ...l.availableFields.map((v) => ({ ...v, isCalculated: !1 })),
       ...y.value
-    ]), Q = N(() => {
-      const c = new Set(l.rowFields), g = new Set(l.columnFields), k = new Map(l.valueFields.map((B) => [B.field, B]));
-      return O.value.filter((B) => c.has(B.field) || g.has(B.field) || k.has(B.field)).map((B) => ({
+    ]), J = L(() => {
+      const v = new Set(l.rowFields), g = new Set(l.columnFields), k = new Map(l.valueFields.map((B) => [B.field, B]));
+      return O.value.filter((B) => v.has(B.field) || g.has(B.field) || k.has(B.field)).map((B) => ({
         ...B,
-        assignedTo: c.has(B.field) ? "row" : g.has(B.field) ? "column" : "value",
+        assignedTo: v.has(B.field) ? "row" : g.has(B.field) ? "column" : "value",
         valueConfig: k.get(B.field)
       }));
-    }), _ = N(() => {
-      const c = new Set(l.rowFields), g = new Set(l.columnFields), k = new Set(l.valueFields.map((B) => B.field));
+    }), I = L(() => {
+      const v = new Set(l.rowFields), g = new Set(l.columnFields), k = new Set(l.valueFields.map((B) => B.field));
       return O.value.filter(
-        (B) => !c.has(B.field) && !g.has(B.field) && !k.has(B.field)
+        (B) => !v.has(B.field) && !g.has(B.field) && !k.has(B.field)
       );
-    }), q = N(() => Q.value.length), E = $(""), P = N(() => {
+    }), q = L(() => J.value.length), E = x(""), P = L(() => {
       if (!E.value.trim())
-        return _.value;
-      const c = E.value.toLowerCase().trim();
-      return _.value.filter((g) => {
+        return I.value;
+      const v = E.value.toLowerCase().trim();
+      return I.value.filter((g) => {
         const k = g.field.toLowerCase(), B = g.isCalculated && g.calcName ? g.calcName.toLowerCase() : "";
-        return k.includes(c) || B.includes(c);
+        return k.includes(v) || B.includes(v);
       });
     });
-    function H(c, g) {
+    function H(v, g) {
       if (g) return "ƒ";
-      switch (c) {
+      switch (v) {
         case "number":
           return "#";
         case "date":
@@ -1908,31 +1908,31 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
           return "Aa";
       }
     }
-    function G(c) {
-      return c.isCalculated && c.calcName ? c.calcName : c.field;
+    function G(v) {
+      return v.isCalculated && v.calcName ? v.calcName : v.field;
     }
-    function te(c, g) {
+    function ne(v, g) {
       var k;
-      (k = g.dataTransfer) == null || k.setData("text/plain", c), g.dataTransfer.effectAllowed = "move", s("dragStart", c, g);
+      (k = g.dataTransfer) == null || k.setData("text/plain", v), g.dataTransfer.effectAllowed = "move", s("dragStart", v, g);
     }
-    function U() {
+    function j() {
       s("dragEnd");
     }
-    function S(c, g, k) {
+    function S(v, g, k) {
       if (!h(k)) {
         console.warn(`[TinyPivot] "${k}" aggregation requires a Pro license. Visit https://tiny-pivot.com/#pricing to upgrade.`);
         return;
       }
-      s("updateAggregation", c, g, k);
+      s("updateAggregation", v, g, k);
     }
-    function f(c, g) {
-      g === "row" ? (s("removeRowField", c), s("addColumnField", c)) : (s("removeColumnField", c), s("addRowField", c));
+    function f(v, g) {
+      g === "row" ? (s("removeRowField", v), s("addColumnField", v)) : (s("removeColumnField", v), s("addRowField", v));
     }
-    function d(c, g, k) {
-      g === "row" ? s("removeRowField", c) : g === "column" ? s("removeColumnField", c) : k && s("removeValueField", c, k.aggregation);
+    function d(v, g, k) {
+      g === "row" ? s("removeRowField", v) : g === "column" ? s("removeColumnField", v) : k && s("removeValueField", v, k.aggregation);
     }
-    return (c, g) => (u(), v("div", bo, [
-      e("div", Co, [
+    return (v, g) => (u(), c("div", Co, [
+      e("div", bo, [
         g[8] || (g[8] = e("h3", { class: "vpg-config-title" }, [
           e("svg", {
             class: "vpg-icon",
@@ -1947,10 +1947,10 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
               d: "M4 6h16M4 10h16M4 14h16M4 18h16"
             })
           ]),
-          ee(" Fields ")
+          te(" Fields ")
         ], -1)),
         e("div", yo, [
-          q.value > 0 ? (u(), v("button", {
+          q.value > 0 ? (u(), c("button", {
             key: 0,
             class: "vpg-action-btn vpg-clear-btn",
             title: "Clear all",
@@ -1972,27 +1972,27 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
           ])])) : z("", !0)
         ])
       ]),
-      q.value > 0 ? (u(), v("div", ko, [
+      q.value > 0 ? (u(), c("div", ko, [
         g[10] || (g[10] = e("div", { class: "vpg-section-label" }, "Active", -1)),
         e("div", Fo, [
-          (u(!0), v(I, null, oe(Q.value, (k) => {
+          (u(!0), c(X, null, le(J.value, (k) => {
             var B;
-            return u(), v("div", {
+            return u(), c("div", {
               key: k.field,
-              class: Z(["vpg-assigned-item", [`vpg-type-${k.assignedTo}`, { "vpg-type-calc": k.isCalculated }]]),
+              class: Q(["vpg-assigned-item", [`vpg-type-${k.assignedTo}`, { "vpg-type-calc": k.isCalculated }]]),
               title: k.isCalculated ? k.calcFormula : k.field,
               draggable: "true",
-              onDragstart: (Y) => te(k.field, Y),
-              onDragend: U
+              onDragstart: (Y) => ne(k.field, Y),
+              onDragend: j
             }, [
-              e("div", xo, [
+              e("div", $o, [
                 e("span", {
-                  class: Z(["vpg-item-badge", [k.assignedTo, { calc: k.isCalculated }]])
-                }, x(k.isCalculated ? "ƒ" : k.assignedTo === "row" ? "R" : k.assignedTo === "column" ? "C" : D(Yt)(((B = k.valueConfig) == null ? void 0 : B.aggregation) || "sum")), 3),
-                e("span", $o, x(G(k)), 1)
+                  class: Q(["vpg-item-badge", [k.assignedTo, { calc: k.isCalculated }]])
+                }, $(k.isCalculated ? "ƒ" : k.assignedTo === "row" ? "R" : k.assignedTo === "column" ? "C" : V(It)(((B = k.valueConfig) == null ? void 0 : B.aggregation) || "sum")), 3),
+                e("span", xo, $(G(k)), 1)
               ]),
               e("div", Mo, [
-                k.assignedTo === "row" || k.assignedTo === "column" ? (u(), v("button", {
+                k.assignedTo === "row" || k.assignedTo === "column" ? (u(), c("button", {
                   key: 0,
                   class: "vpg-toggle-btn",
                   title: k.assignedTo === "row" ? "Move to Columns" : "Move to Rows",
@@ -2012,7 +2012,7 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
                     })
                   ], -1)
                 ])], 8, Ro)) : z("", !0),
-                k.assignedTo === "value" && k.valueConfig ? (u(), v("select", {
+                k.assignedTo === "value" && k.valueConfig ? (u(), c("select", {
                   key: 1,
                   class: "vpg-agg-select",
                   value: k.valueConfig.aggregation,
@@ -2020,11 +2020,11 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
                   onClick: g[1] || (g[1] = Le(() => {
                   }, ["stop"]))
                 }, [
-                  (u(!0), v(I, null, oe(D(a), (Y) => (u(), v("option", {
+                  (u(!0), c(X, null, le(V(a), (Y) => (u(), c("option", {
                     key: Y.value,
                     value: Y.value,
-                    disabled: m(Y.value) && !D(o)
-                  }, x(Y.symbol) + " " + x(Y.label) + x(m(Y.value) && !D(o) ? " (Pro)" : ""), 9, Vo))), 128))
+                    disabled: m(Y.value) && !V(o)
+                  }, $(Y.symbol) + " " + $(Y.label) + $(m(Y.value) && !V(o) ? " (Pro)" : ""), 9, Vo))), 128))
                 ], 40, Do)) : z("", !0),
                 e("button", {
                   class: "vpg-remove-btn",
@@ -2039,8 +2039,8 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
       e("div", Ao, [
         e("div", Lo, [
           e("div", No, [
-            g[11] || (g[11] = ee(" Available ", -1)),
-            e("span", Po, x(_.value.length), 1)
+            g[11] || (g[11] = te(" Available ", -1)),
+            e("span", Po, $(I.value.length), 1)
           ])
         ]),
         e("div", zo, [
@@ -2063,9 +2063,9 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
             placeholder: "Search fields...",
             class: "vpg-search-input"
           }, null, 512), [
-            [Qe, E.value]
+            [et, E.value]
           ]),
-          E.value ? (u(), v("button", {
+          E.value ? (u(), c("button", {
             key: 0,
             class: "vpg-clear-search",
             onClick: g[3] || (g[3] = (k) => E.value = "")
@@ -2086,28 +2086,28 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
           ])])) : z("", !0)
         ]),
         e("div", Eo, [
-          (u(!0), v(I, null, oe(P.value, (k) => (u(), v("div", {
+          (u(!0), c(X, null, le(P.value, (k) => (u(), c("div", {
             key: k.field,
-            class: Z(["vpg-field-item", {
+            class: Q(["vpg-field-item", {
               "vpg-is-numeric": k.isNumeric && !k.isCalculated,
               "vpg-is-calculated": k.isCalculated
             }]),
             title: k.isCalculated ? k.calcFormula : k.field,
             draggable: "true",
-            onDragstart: (B) => te(k.field, B),
-            onDragend: U
+            onDragstart: (B) => ne(k.field, B),
+            onDragend: j
           }, [
             e("span", {
-              class: Z(["vpg-field-type-icon", { "vpg-calc-type": k.isCalculated }])
-            }, x(H(k.type, k.isCalculated)), 3),
-            e("span", Uo, x(G(k)), 1),
-            k.isCalculated ? (u(), v(I, { key: 0 }, [
+              class: Q(["vpg-field-type-icon", { "vpg-calc-type": k.isCalculated }])
+            }, $(H(k.type, k.isCalculated)), 3),
+            e("span", Uo, $(G(k)), 1),
+            k.isCalculated ? (u(), c(X, { key: 0 }, [
               e("button", {
                 class: "vpg-field-edit",
                 title: "Edit calculated field",
                 onClick: Le((B) => {
                   var Y;
-                  return A((Y = t.calculatedFields) == null ? void 0 : Y.find((ve) => ve.id === k.calcId));
+                  return A((Y = t.calculatedFields) == null ? void 0 : Y.find((ue) => ue.id === k.calcId));
                 }, ["stop"])
               }, "✎", 8, jo),
               e("button", {
@@ -2115,9 +2115,9 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
                 title: "Delete calculated field",
                 onClick: Le((B) => s("removeCalculatedField", k.calcId), ["stop"])
               }, "×", 8, Ho)
-            ], 64)) : (u(), v("span", Ko, x(k.uniqueCount), 1))
+            ], 64)) : (u(), c("span", Ko, $(k.uniqueCount), 1))
           ], 42, Bo))), 128)),
-          P.value.length === 0 && E.value ? (u(), v("div", Oo, ' No fields match "' + x(E.value) + '" ', 1)) : _.value.length === 0 ? (u(), v("div", Wo, " All fields assigned ")) : z("", !0)
+          P.value.length === 0 && E.value ? (u(), c("div", Oo, ' No fields match "' + $(E.value) + '" ', 1)) : I.value.length === 0 ? (u(), c("div", Wo, " All fields assigned ")) : z("", !0)
         ])
       ]),
       e("div", qo, [
@@ -2141,18 +2141,18 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
       Oe(wo, {
         show: b.value,
         "available-fields": F.value,
-        "existing-field": R.value,
+        "existing-field": D.value,
         onClose: g[6] || (g[6] = (k) => {
-          b.value = !1, R.value = null;
+          b.value = !1, D.value = null;
         }),
         onSave: T
       }, null, 8, ["show", "available-fields", "existing-field"])
     ]));
   }
-}), Io = /* @__PURE__ */ et(_o, [["__scopeId", "data-v-d3d86021"]]), Xo = {
+}), Xo = /* @__PURE__ */ lt(Io, [["__scopeId", "data-v-d3d86021"]]), Zo = {
   key: 0,
   class: "vpg-toast"
-}, Zo = { class: "vpg-skeleton-header" }, Qo = { class: "vpg-header-right" }, Jo = { class: "vpg-filter-text" }, ea = {
+}, _o = { class: "vpg-skeleton-header" }, Qo = { class: "vpg-header-right" }, Jo = { class: "vpg-filter-text" }, ea = {
   key: 0,
   class: "vpg-filter-count"
 }, ta = {
@@ -2176,13 +2176,13 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
 }, da = ["onClick"], ga = {
   key: 0,
   class: "vpg-pro-required"
-}, pa = { class: "vpg-config-bar" }, fa = { class: "vpg-zone-chips" }, ma = ["onDragstart", "onDragover", "onDrop"], ha = { class: "vpg-mini-name" }, wa = ["onClick"], ba = {
+}, pa = { class: "vpg-config-bar" }, fa = { class: "vpg-zone-chips" }, ma = ["onDragstart", "onDragover", "onDrop"], ha = { class: "vpg-mini-name" }, wa = ["onClick"], Ca = {
   key: 0,
   class: "vpg-zone-hint"
-}, Ca = { class: "vpg-zone-chips" }, ya = ["onDragstart", "onDragover", "onDrop"], ka = { class: "vpg-mini-name" }, Fa = ["onClick"], Sa = {
+}, ba = { class: "vpg-zone-chips" }, ya = ["onDragstart", "onDragover", "onDrop"], ka = { class: "vpg-mini-name" }, Fa = ["onClick"], Sa = {
   key: 0,
   class: "vpg-zone-hint"
-}, xa = { class: "vpg-zone-chips" }, $a = { class: "vpg-agg-symbol" }, Ma = { class: "vpg-mini-name" }, Ra = ["onClick"], Da = {
+}, $a = { class: "vpg-zone-chips" }, xa = { class: "vpg-agg-symbol" }, Ma = { class: "vpg-mini-name" }, Ra = ["onClick"], Da = {
   key: 0,
   class: "vpg-zone-hint"
 }, Va = {
@@ -2197,21 +2197,21 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
 }, Ka = {
   key: 0,
   class: "vpg-totals-row"
-}, Oa = {
+}, Oa = ["colspan"], Wa = {
   key: 0,
   class: "vpg-data-cell vpg-grand-total-cell"
-}, Wa = {
+}, qa = {
   key: 2,
   class: "vpg-skeleton-footer"
-}, qa = { class: "vpg-footer-info" }, Ga = {
+}, Ga = { class: "vpg-footer-info" }, Ya = {
   key: 0,
   class: "vpg-selection-stats"
-}, Ya = { class: "vpg-stat" }, _a = { class: "vpg-stat-value" }, Ia = { class: "vpg-stat" }, Xa = { class: "vpg-stat-value" }, Za = { class: "vpg-stat" }, Qa = { class: "vpg-stat-value" }, Ja = {
+}, Ia = { class: "vpg-stat" }, Xa = { class: "vpg-stat-value" }, Za = { class: "vpg-stat" }, _a = { class: "vpg-stat-value" }, Qa = { class: "vpg-stat" }, Ja = { class: "vpg-stat-value" }, es = {
   key: 1,
   href: "https://tiny-pivot.com",
   target: "_blank",
   rel: "noopener"
-}, es = /* @__PURE__ */ Je({
+}, ts = /* @__PURE__ */ tt({
   __name: "PivotSkeleton",
   props: {
     rowFields: {},
@@ -2229,237 +2229,243 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
   emits: ["addRowField", "removeRowField", "addColumnField", "removeColumnField", "addValueField", "removeValueField", "updateAggregation", "reorderRowFields", "reorderColumnFields"],
   setup(t, { emit: i }) {
     const l = t;
-    function s(V) {
+    function s(R) {
       var p;
-      if (V.startsWith("calc:")) {
-        const j = V.replace("calc:", ""), C = (p = l.calculatedFields) == null ? void 0 : p.find((L) => L.id === j);
-        return (C == null ? void 0 : C.name) || V;
+      if (R.startsWith("calc:")) {
+        const U = R.replace("calc:", ""), C = (p = l.calculatedFields) == null ? void 0 : p.find((N) => N.id === U);
+        return (C == null ? void 0 : C.name) || R;
       }
-      return V;
+      return R;
     }
-    function o(V) {
-      return V.startsWith("calc:");
+    function o(R) {
+      return R.startsWith("calc:");
     }
-    const a = i, { showWatermark: m, canUsePivot: h, isDemo: b } = ft(), R = $(null), F = $(null), A = $(null), T = $(l.fontSize || "xs"), M = [
+    const a = i, { showWatermark: m, canUsePivot: h, isDemo: b } = ht(), D = x(null), F = x(null), A = x(null), T = x(l.fontSize || "xs"), M = [
       { value: "xs", label: "S" },
       { value: "sm", label: "M" },
       { value: "base", label: "L" }
-    ], y = N(() => l.activeFilters && l.activeFilters.length > 0), O = N(() => !l.activeFilters || l.activeFilters.length === 0 ? "" : l.activeFilters.map((p) => p.column).join(", ")), Q = N(() => !l.activeFilters || l.activeFilters.length === 0 ? [] : l.activeFilters.map((V) => {
-      if (V.isRange && V.displayText)
+    ], y = L(() => l.activeFilters && l.activeFilters.length > 0), O = L(() => !l.activeFilters || l.activeFilters.length === 0 ? "" : l.activeFilters.map((p) => p.column).join(", ")), J = L(() => !l.activeFilters || l.activeFilters.length === 0 ? [] : l.activeFilters.map((R) => {
+      if (R.isRange && R.displayText)
         return {
-          column: V.column,
-          displayText: V.displayText,
+          column: R.column,
+          displayText: R.displayText,
           isRange: !0,
           values: [],
           remaining: 0
         };
-      const p = V.values || [], j = 5, C = p.slice(0, j), L = p.length - j;
+      const p = R.values || [], U = 5, C = p.slice(0, U), N = p.length - U;
       return {
-        column: V.column,
+        column: R.column,
         values: C,
-        remaining: L > 0 ? L : 0,
+        remaining: N > 0 ? N : 0,
         isRange: !1
       };
-    })), _ = $(!1), q = $("asc"), E = $("row");
-    function P(V = "row") {
-      E.value === V ? q.value = q.value === "asc" ? "desc" : "asc" : (E.value = V, q.value = "asc");
+    })), I = x(!1), q = x("asc"), E = x("row");
+    function P(R = "row") {
+      E.value === R ? q.value = q.value === "asc" ? "desc" : "asc" : (E.value = R, q.value = "asc");
     }
-    const H = N(() => {
+    const H = L(() => {
       if (!l.pivotResult)
         return [];
-      const V = l.pivotResult.rowHeaders.map((C, L) => L), p = l.pivotResult.rowHeaders, j = l.pivotResult.data;
-      return V.sort((C, L) => {
-        var J, ie, he, le, re, we;
+      const R = l.pivotResult.rowHeaders.map((C, N) => N), p = l.pivotResult.rowHeaders, U = l.pivotResult.data;
+      return R.sort((C, N) => {
+        var Z, ee, ce, ge, me, be;
         let K;
         if (E.value === "row") {
-          const de = ((J = p[C]) == null ? void 0 : J.join(" / ")) || "", Ee = ((ie = p[L]) == null ? void 0 : ie.join(" / ")) || "";
-          K = de.localeCompare(Ee, void 0, { numeric: !0, sensitivity: "base" });
+          const ve = ((Z = p[C]) == null ? void 0 : Z.join(" / ")) || "", Ee = ((ee = p[N]) == null ? void 0 : ee.join(" / ")) || "";
+          K = ve.localeCompare(Ee, void 0, { numeric: !0, sensitivity: "base" });
         } else {
-          const de = E.value, Ee = ((le = (he = j[C]) == null ? void 0 : he[de]) == null ? void 0 : le.value) ?? null, nt = ((we = (re = j[L]) == null ? void 0 : re[de]) == null ? void 0 : we.value) ?? null;
-          Ee === null && nt === null ? K = 0 : Ee === null ? K = 1 : nt === null ? K = -1 : K = Ee - nt;
+          const ve = E.value, Ee = ((ge = (ce = U[C]) == null ? void 0 : ce[ve]) == null ? void 0 : ge.value) ?? null, Ze = ((be = (me = U[N]) == null ? void 0 : me[ve]) == null ? void 0 : be.value) ?? null;
+          Ee === null && Ze === null ? K = 0 : Ee === null ? K = 1 : Ze === null ? K = -1 : K = Ee - Ze;
         }
         return q.value === "asc" ? K : -K;
-      }), V;
-    }), G = N(() => {
+      }), R;
+    }), G = L(() => {
       if (!l.pivotResult || l.pivotResult.headers.length === 0)
         return [l.valueFields.map((p) => ({
-          label: o(p.field) ? `${s(p.field)} (${pt(p.aggregation)})` : `${p.field} (${pt(p.aggregation)})`,
+          label: o(p.field) ? `${s(p.field)} (${mt(p.aggregation)})` : `${p.field} (${mt(p.aggregation)})`,
           colspan: 1
         }))];
-      const V = [];
+      const R = [];
       for (let p = 0; p < l.pivotResult.headers.length; p++) {
-        const j = l.pivotResult.headers[p], C = [];
-        let L = 0;
-        for (; L < j.length; ) {
-          const K = j[L];
-          let J = 1;
-          for (; L + J < j.length && j[L + J] === K; )
-            J++;
-          C.push({ label: K, colspan: J }), L += J;
+        const U = l.pivotResult.headers[p], C = [];
+        let N = 0;
+        for (; N < U.length; ) {
+          const K = U[N];
+          let Z = 1;
+          for (; N + Z < U.length && U[N + Z] === K; )
+            Z++;
+          C.push({ label: K, colspan: Z }), N += Z;
         }
-        V.push(C);
+        R.push(C);
       }
-      return V;
-    }), te = $(null), U = $(null), S = $(null), f = $(!1), d = $(!1), c = $(""), g = N(() => !U.value || !S.value ? null : {
-      minRow: Math.min(U.value.row, S.value.row),
-      maxRow: Math.max(U.value.row, S.value.row),
-      minCol: Math.min(U.value.col, S.value.col),
-      maxCol: Math.max(U.value.col, S.value.col)
+      return R;
+    }), ne = x(null), j = x(null), S = x(null), f = x(!1), d = x(!1), v = x(""), g = L(() => !j.value || !S.value ? null : {
+      minRow: Math.min(j.value.row, S.value.row),
+      maxRow: Math.max(j.value.row, S.value.row),
+      minCol: Math.min(j.value.col, S.value.col),
+      maxCol: Math.max(j.value.col, S.value.col)
     });
-    function k(V, p, j) {
-      j.preventDefault(), j.shiftKey && te.value ? S.value = { row: V, col: p } : (te.value = { row: V, col: p }, U.value = { row: V, col: p }, S.value = { row: V, col: p }, f.value = !0);
+    function k(R, p, U) {
+      U.preventDefault(), U.shiftKey && ne.value ? S.value = { row: R, col: p } : (ne.value = { row: R, col: p }, j.value = { row: R, col: p }, S.value = { row: R, col: p }, f.value = !0);
     }
-    function B(V, p) {
-      f.value && (S.value = { row: V, col: p });
+    function B(R, p) {
+      f.value && (S.value = { row: R, col: p });
     }
     function Y() {
       f.value = !1;
     }
-    function ve(V, p) {
-      var J, ie;
+    function ue(R, p) {
+      var Z, ee;
       if (!g.value)
-        return ((J = te.value) == null ? void 0 : J.row) === V && ((ie = te.value) == null ? void 0 : ie.col) === p;
-      const { minRow: j, maxRow: C, minCol: L, maxCol: K } = g.value;
-      return V >= j && V <= C && p >= L && p <= K;
+        return ((Z = ne.value) == null ? void 0 : Z.row) === R && ((ee = ne.value) == null ? void 0 : ee.col) === p;
+      const { minRow: U, maxRow: C, minCol: N, maxCol: K } = g.value;
+      return R >= U && R <= C && p >= N && p <= K;
     }
-    function be() {
-      var J;
+    function he() {
+      var Z;
       if (!g.value || !l.pivotResult) return;
-      const { minRow: V, maxRow: p, minCol: j, maxCol: C } = g.value, L = [];
-      for (let ie = V; ie <= p; ie++) {
-        const he = H.value[ie];
-        if (he === void 0) continue;
-        const le = [];
-        for (let re = j; re <= C; re++) {
-          const we = (J = l.pivotResult.data[he]) == null ? void 0 : J[re];
-          le.push((we == null ? void 0 : we.formattedValue) ?? "");
+      const { minRow: R, maxRow: p, minCol: U, maxCol: C } = g.value, N = [];
+      for (let ee = R; ee <= p; ee++) {
+        const ce = H.value[ee];
+        if (ce === void 0) continue;
+        const ge = [];
+        for (let me = U; me <= C; me++) {
+          const be = (Z = l.pivotResult.data[ce]) == null ? void 0 : Z[me];
+          ge.push((be == null ? void 0 : be.formattedValue) ?? "");
         }
-        L.push(le.join("	"));
+        N.push(ge.join("	"));
       }
-      const K = L.join(`
+      const K = N.join(`
 `);
       navigator.clipboard.writeText(K).then(() => {
-        const ie = (p - V + 1) * (C - j + 1);
-        c.value = `Copied ${ie} cell${ie > 1 ? "s" : ""}`, d.value = !0, setTimeout(() => {
+        const ee = (p - R + 1) * (C - U + 1);
+        v.value = `Copied ${ee} cell${ee > 1 ? "s" : ""}`, d.value = !0, setTimeout(() => {
           d.value = !1;
         }, 2e3);
-      }).catch((ie) => {
-        console.error("Copy failed:", ie);
+      }).catch((ee) => {
+        console.error("Copy failed:", ee);
       });
     }
-    function Me(V) {
+    function Me(R) {
       if (g.value) {
-        if ((V.ctrlKey || V.metaKey) && V.key === "c") {
-          V.preventDefault(), be();
+        if ((R.ctrlKey || R.metaKey) && R.key === "c") {
+          R.preventDefault(), he();
           return;
         }
-        V.key === "Escape" && (te.value = null, U.value = null, S.value = null);
+        R.key === "Escape" && (ne.value = null, j.value = null, S.value = null);
       }
     }
-    const fe = N(() => {
-      var he;
+    const fe = L(() => {
+      var ce;
       if (!g.value || !l.pivotResult) return null;
-      const { minRow: V, maxRow: p, minCol: j, maxCol: C } = g.value, L = [];
+      const { minRow: R, maxRow: p, minCol: U, maxCol: C } = g.value, N = [];
       let K = 0;
-      for (let le = V; le <= p; le++) {
-        const re = H.value[le];
-        if (re !== void 0)
-          for (let we = j; we <= C; we++) {
-            const de = (he = l.pivotResult.data[re]) == null ? void 0 : he[we];
-            K++, (de == null ? void 0 : de.value) !== null && (de == null ? void 0 : de.value) !== void 0 && typeof de.value == "number" && L.push(de.value);
+      for (let ge = R; ge <= p; ge++) {
+        const me = H.value[ge];
+        if (me !== void 0)
+          for (let be = U; be <= C; be++) {
+            const ve = (ce = l.pivotResult.data[me]) == null ? void 0 : ce[be];
+            K++, (ve == null ? void 0 : ve.value) !== null && (ve == null ? void 0 : ve.value) !== void 0 && typeof ve.value == "number" && N.push(ve.value);
           }
       }
       if (K <= 1) return null;
-      const J = L.reduce((le, re) => le + re, 0), ie = L.length > 0 ? J / L.length : 0;
+      const Z = N.reduce((ge, me) => ge + me, 0), ee = N.length > 0 ? Z / N.length : 0;
       return {
         count: K,
-        numericCount: L.length,
-        sum: J,
-        avg: ie
+        numericCount: N.length,
+        sum: Z,
+        avg: ee
       };
     });
-    function We(V) {
-      return Math.abs(V) >= 1e6 ? `${(V / 1e6).toFixed(2)}M` : Math.abs(V) >= 1e3 ? `${(V / 1e3).toFixed(2)}K` : V.toFixed(2);
+    function We(R) {
+      return Math.abs(R) >= 1e6 ? `${(R / 1e6).toFixed(2)}M` : Math.abs(R) >= 1e3 ? `${(R / 1e3).toFixed(2)}K` : R.toFixed(2);
     }
-    yt(() => {
+    Ft(() => {
       document.addEventListener("mouseup", Y), document.addEventListener("keydown", Me);
-    }), kt(() => {
+    }), St(() => {
       document.removeEventListener("mouseup", Y), document.removeEventListener("keydown", Me);
     });
-    function Ce(V, p) {
-      p.preventDefault(), p.dataTransfer.dropEffect = "move", R.value = V;
+    function we(R, p) {
+      p.preventDefault(), p.dataTransfer.dropEffect = "move", D.value = R;
     }
-    function tt() {
-      R.value = null;
+    function nt() {
+      D.value = null;
     }
-    function lt(V, p) {
-      var L;
+    function ot(R, p) {
+      var N;
       p.preventDefault();
-      const j = (L = p.dataTransfer) == null ? void 0 : L.getData("text/plain");
-      if (!j || j.startsWith("reorder:")) {
-        R.value = null;
+      const U = (N = p.dataTransfer) == null ? void 0 : N.getData("text/plain");
+      if (!U || U.startsWith("reorder:")) {
+        D.value = null;
         return;
       }
-      l.rowFields.includes(j) && a("removeRowField", j), l.columnFields.includes(j) && a("removeColumnField", j);
-      const C = l.valueFields.find((K) => K.field === j);
-      switch (C && a("removeValueField", j, C.aggregation), V) {
+      l.rowFields.includes(U) && a("removeRowField", U), l.columnFields.includes(U) && a("removeColumnField", U);
+      const C = l.valueFields.find((K) => K.field === U);
+      switch (C && a("removeValueField", U, C.aggregation), R) {
         case "row":
-          a("addRowField", j);
+          a("addRowField", U);
           break;
         case "column":
-          a("addColumnField", j);
+          a("addColumnField", U);
           break;
         case "value":
-          a("addValueField", j, "sum");
+          a("addValueField", U, "sum");
           break;
       }
-      R.value = null;
+      D.value = null;
     }
-    function Ne(V, p, j) {
-      F.value = { zone: V, index: p }, j.dataTransfer.effectAllowed = "move", j.dataTransfer.setData("text/plain", `reorder:${V}:${p}`), requestAnimationFrame(() => {
-        R.value = null;
+    function Ne(R, p, U) {
+      F.value = { zone: R, index: p }, U.dataTransfer.effectAllowed = "move", U.dataTransfer.setData("text/plain", `reorder:${R}:${p}`), requestAnimationFrame(() => {
+        D.value = null;
       });
     }
     function Pe() {
       F.value = null, A.value = null;
     }
-    function ze(V, p, j) {
-      j.preventDefault(), F.value && F.value.zone === V && (j.dataTransfer.dropEffect = "move", A.value = { zone: V, index: p });
+    function ze(R, p, U) {
+      U.preventDefault(), F.value && F.value.zone === R && (U.dataTransfer.dropEffect = "move", A.value = { zone: R, index: p });
     }
     function qe() {
       A.value = null;
     }
-    function Ge(V, p, j) {
-      if (j.preventDefault(), j.stopPropagation(), !F.value || F.value.zone !== V)
+    function Ge(R, p, U) {
+      if (U.preventDefault(), U.stopPropagation(), !F.value || F.value.zone !== R)
         return;
       const C = F.value.index;
       if (C === p) {
         F.value = null, A.value = null;
         return;
       }
-      const L = V === "row" ? [...l.rowFields] : [...l.columnFields], [K] = L.splice(C, 1);
-      L.splice(p, 0, K), a(V === "row" ? "reorderRowFields" : "reorderColumnFields", L), F.value = null, A.value = null;
-    }
-    function st(V, p) {
-      var j, C;
-      return ((j = F.value) == null ? void 0 : j.zone) === V && ((C = F.value) == null ? void 0 : C.index) === p;
-    }
-    function Ye(V, p) {
-      var j, C;
-      return ((j = A.value) == null ? void 0 : j.zone) === V && ((C = A.value) == null ? void 0 : C.index) === p;
-    }
-    const me = $(180), _e = $(80);
-    return (V, p) => {
-      var j;
-      return u(), v("div", {
-        class: Z(["vpg-pivot-skeleton", [
+      const N = R === "row" ? [...l.rowFields] : [...l.columnFields], [K] = N.splice(C, 1);
+      N.splice(p, 0, K), a(R === "row" ? "reorderRowFields" : "reorderColumnFields", N), F.value = null, A.value = null;
+    }
+    function rt(R, p) {
+      var U, C;
+      return ((U = F.value) == null ? void 0 : U.zone) === R && ((C = F.value) == null ? void 0 : C.index) === p;
+    }
+    function Ye(R, p) {
+      var U, C;
+      return ((U = A.value) == null ? void 0 : U.zone) === R && ((C = A.value) == null ? void 0 : C.index) === p;
+    }
+    const Ce = x(180), Ie = x(80), Xe = L(() => {
+      const R = Math.max(l.rowFields.length, 1);
+      return Math.max(Ce.value / R, 80);
+    });
+    function at(R) {
+      return R * Xe.value;
+    }
+    return (R, p) => {
+      var U;
+      return u(), c("div", {
+        class: Q(["vpg-pivot-skeleton", [
           `vpg-font-${T.value}`,
           { "vpg-is-dragging": t.draggingField }
         ]])
       }, [
-        Oe(qt, { name: "vpg-toast" }, {
-          default: Gt(() => [
-            d.value ? (u(), v("div", Xo, [
+        Oe(Gt, { name: "vpg-toast" }, {
+          default: Yt(() => [
+            d.value ? (u(), c("div", Zo, [
               p[9] || (p[9] = e("svg", {
                 class: "vpg-icon",
                 fill: "none",
@@ -2473,12 +2479,12 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
                   d: "M5 13l4 4L19 7"
                 })
               ], -1)),
-              ee(" " + x(c.value), 1)
+              te(" " + $(v.value), 1)
             ])) : z("", !0)
           ]),
           _: 1
         }),
-        e("div", Zo, [
+        e("div", _o, [
           p[13] || (p[13] = e("div", { class: "vpg-skeleton-title" }, [
             e("svg", {
               class: "vpg-icon",
@@ -2496,11 +2502,11 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
             e("span", null, "Pivot Table")
           ], -1)),
           e("div", Qo, [
-            y.value ? (u(), v("div", {
+            y.value ? (u(), c("div", {
               key: 0,
               class: "vpg-filter-indicator",
-              onMouseenter: p[0] || (p[0] = (C) => _.value = !0),
-              onMouseleave: p[1] || (p[1] = (C) => _.value = !1)
+              onMouseenter: p[0] || (p[0] = (C) => I.value = !0),
+              onMouseleave: p[1] || (p[1] = (C) => I.value = !1)
             }, [
               p[12] || (p[12] = e("svg", {
                 class: "vpg-filter-icon",
@@ -2516,141 +2522,141 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
                 })
               ], -1)),
               e("span", Jo, [
-                p[10] || (p[10] = ee(" Filtered: ", -1)),
-                e("strong", null, x(O.value), 1),
-                t.filteredRowCount !== void 0 && t.totalRowCount !== void 0 ? (u(), v("span", ea, " (" + x(t.filteredRowCount.toLocaleString()) + " of " + x(t.totalRowCount.toLocaleString()) + " rows) ", 1)) : z("", !0)
+                p[10] || (p[10] = te(" Filtered: ", -1)),
+                e("strong", null, $(O.value), 1),
+                t.filteredRowCount !== void 0 && t.totalRowCount !== void 0 ? (u(), c("span", ea, " (" + $(t.filteredRowCount.toLocaleString()) + " of " + $(t.totalRowCount.toLocaleString()) + " rows) ", 1)) : z("", !0)
               ]),
-              _.value ? (u(), v("div", ta, [
+              I.value ? (u(), c("div", ta, [
                 p[11] || (p[11] = e("div", { class: "vpg-tooltip-header" }, "Active Filters", -1)),
-                (u(!0), v(I, null, oe(Q.value, (C) => (u(), v("div", {
+                (u(!0), c(X, null, le(J.value, (C) => (u(), c("div", {
                   key: C.column,
                   class: "vpg-tooltip-filter"
                 }, [
-                  e("div", la, x(C.column), 1),
+                  e("div", la, $(C.column), 1),
                   e("div", na, [
-                    C.isRange ? (u(), v("span", oa, x(C.displayText), 1)) : (u(), v(I, { key: 1 }, [
-                      (u(!0), v(I, null, oe(C.values, (L, K) => (u(), v("span", {
+                    C.isRange ? (u(), c("span", oa, $(C.displayText), 1)) : (u(), c(X, { key: 1 }, [
+                      (u(!0), c(X, null, le(C.values, (N, K) => (u(), c("span", {
                         key: K,
                         class: "vpg-tooltip-value"
-                      }, x(L), 1))), 128)),
-                      C.remaining > 0 ? (u(), v("span", aa, " +" + x(C.remaining) + " more ", 1)) : z("", !0)
+                      }, $(N), 1))), 128)),
+                      C.remaining > 0 ? (u(), c("span", aa, " +" + $(C.remaining) + " more ", 1)) : z("", !0)
                     ], 64))
                   ])
                 ]))), 128)),
-                t.filteredRowCount !== void 0 && t.totalRowCount !== void 0 ? (u(), v("div", sa, " Showing " + x(t.filteredRowCount.toLocaleString()) + " of " + x(t.totalRowCount.toLocaleString()) + " rows ", 1)) : z("", !0)
+                t.filteredRowCount !== void 0 && t.totalRowCount !== void 0 ? (u(), c("div", sa, " Showing " + $(t.filteredRowCount.toLocaleString()) + " of " + $(t.totalRowCount.toLocaleString()) + " rows ", 1)) : z("", !0)
               ])) : z("", !0)
             ], 32)) : z("", !0),
-            t.isConfigured ? (u(), v("div", ia, [
-              e("span", ra, x(t.rowFields.length) + " row" + x(t.rowFields.length !== 1 ? "s" : ""), 1),
-              e("span", ua, x(t.columnFields.length) + " col" + x(t.columnFields.length !== 1 ? "s" : ""), 1),
-              e("span", ca, x(t.valueFields.length) + " val" + x(t.valueFields.length !== 1 ? "s" : ""), 1)
+            t.isConfigured ? (u(), c("div", ia, [
+              e("span", ra, $(t.rowFields.length) + " row" + $(t.rowFields.length !== 1 ? "s" : ""), 1),
+              e("span", ua, $(t.columnFields.length) + " col" + $(t.columnFields.length !== 1 ? "s" : ""), 1),
+              e("span", ca, $(t.valueFields.length) + " val" + $(t.valueFields.length !== 1 ? "s" : ""), 1)
             ])) : z("", !0),
-            t.isConfigured && t.pivotResult ? (u(), v("div", va, [
-              (u(), v(I, null, oe(M, (C) => e("button", {
+            t.isConfigured && t.pivotResult ? (u(), c("div", va, [
+              (u(), c(X, null, le(M, (C) => e("button", {
                 key: C.value,
-                class: Z(["vpg-font-size-btn", { active: T.value === C.value }]),
-                onClick: (L) => T.value = C.value
-              }, x(C.label), 11, da)), 64))
+                class: Q(["vpg-font-size-btn", { active: T.value === C.value }]),
+                onClick: (N) => T.value = C.value
+              }, $(C.label), 11, da)), 64))
             ])) : z("", !0)
           ])
         ]),
-        D(h) ? (u(), v(I, { key: 1 }, [
+        V(h) ? (u(), c(X, { key: 1 }, [
           e("div", pa, [
             e("div", {
-              class: Z(["vpg-drop-zone vpg-row-zone", { "vpg-drag-over": R.value === "row" }]),
-              onDragover: p[2] || (p[2] = (C) => Ce("row", C)),
-              onDragleave: tt,
-              onDrop: p[3] || (p[3] = (C) => lt("row", C))
+              class: Q(["vpg-drop-zone vpg-row-zone", { "vpg-drag-over": D.value === "row" }]),
+              onDragover: p[2] || (p[2] = (C) => we("row", C)),
+              onDragleave: nt,
+              onDrop: p[3] || (p[3] = (C) => ot("row", C))
             }, [
               p[16] || (p[16] = e("div", { class: "vpg-zone-header" }, [
                 e("span", { class: "vpg-zone-icon vpg-row-icon" }, "↓"),
                 e("span", { class: "vpg-zone-label" }, "Rows")
               ], -1)),
               e("div", fa, [
-                (u(!0), v(I, null, oe(t.rowFields, (C, L) => (u(), v("div", {
+                (u(!0), c(X, null, le(t.rowFields, (C, N) => (u(), c("div", {
                   key: C,
-                  class: Z(["vpg-mini-chip vpg-row-chip", {
-                    "vpg-chip-dragging": st("row", L),
-                    "vpg-chip-drop-target": Ye("row", L)
+                  class: Q(["vpg-mini-chip vpg-row-chip", {
+                    "vpg-chip-dragging": rt("row", N),
+                    "vpg-chip-drop-target": Ye("row", N)
                   }]),
                   draggable: "true",
-                  onDragstart: (K) => Ne("row", L, K),
+                  onDragstart: (K) => Ne("row", N, K),
                   onDragend: Pe,
-                  onDragover: (K) => ze("row", L, K),
+                  onDragover: (K) => ze("row", N, K),
                   onDragleave: qe,
-                  onDrop: (K) => Ge("row", L, K)
+                  onDrop: (K) => Ge("row", N, K)
                 }, [
                   p[15] || (p[15] = e("span", { class: "vpg-drag-handle" }, "⋮⋮", -1)),
-                  e("span", ha, x(C), 1),
+                  e("span", ha, $(C), 1),
                   e("button", {
                     class: "vpg-mini-remove",
                     onClick: Le((K) => a("removeRowField", C), ["stop"])
                   }, "×", 8, wa)
                 ], 42, ma))), 128)),
-                t.rowFields.length === 0 ? (u(), v("span", ba, "Drop here")) : z("", !0)
+                t.rowFields.length === 0 ? (u(), c("span", Ca, "Drop here")) : z("", !0)
               ])
             ], 34),
             e("div", {
-              class: Z(["vpg-drop-zone vpg-column-zone", { "vpg-drag-over": R.value === "column" }]),
-              onDragover: p[4] || (p[4] = (C) => Ce("column", C)),
-              onDragleave: tt,
-              onDrop: p[5] || (p[5] = (C) => lt("column", C))
+              class: Q(["vpg-drop-zone vpg-column-zone", { "vpg-drag-over": D.value === "column" }]),
+              onDragover: p[4] || (p[4] = (C) => we("column", C)),
+              onDragleave: nt,
+              onDrop: p[5] || (p[5] = (C) => ot("column", C))
             }, [
               p[18] || (p[18] = e("div", { class: "vpg-zone-header" }, [
                 e("span", { class: "vpg-zone-icon vpg-column-icon" }, "→"),
                 e("span", { class: "vpg-zone-label" }, "Columns")
               ], -1)),
-              e("div", Ca, [
-                (u(!0), v(I, null, oe(t.columnFields, (C, L) => (u(), v("div", {
+              e("div", ba, [
+                (u(!0), c(X, null, le(t.columnFields, (C, N) => (u(), c("div", {
                   key: C,
-                  class: Z(["vpg-mini-chip vpg-column-chip", {
-                    "vpg-chip-dragging": st("column", L),
-                    "vpg-chip-drop-target": Ye("column", L)
+                  class: Q(["vpg-mini-chip vpg-column-chip", {
+                    "vpg-chip-dragging": rt("column", N),
+                    "vpg-chip-drop-target": Ye("column", N)
                   }]),
                   draggable: "true",
-                  onDragstart: (K) => Ne("column", L, K),
+                  onDragstart: (K) => Ne("column", N, K),
                   onDragend: Pe,
-                  onDragover: (K) => ze("column", L, K),
+                  onDragover: (K) => ze("column", N, K),
                   onDragleave: qe,
-                  onDrop: (K) => Ge("column", L, K)
+                  onDrop: (K) => Ge("column", N, K)
                 }, [
                   p[17] || (p[17] = e("span", { class: "vpg-drag-handle" }, "⋮⋮", -1)),
-                  e("span", ka, x(C), 1),
+                  e("span", ka, $(C), 1),
                   e("button", {
                     class: "vpg-mini-remove",
                     onClick: Le((K) => a("removeColumnField", C), ["stop"])
                   }, "×", 8, Fa)
                 ], 42, ya))), 128)),
-                t.columnFields.length === 0 ? (u(), v("span", Sa, "Drop here")) : z("", !0)
+                t.columnFields.length === 0 ? (u(), c("span", Sa, "Drop here")) : z("", !0)
               ])
             ], 34),
             e("div", {
-              class: Z(["vpg-drop-zone vpg-value-zone", { "vpg-drag-over": R.value === "value" }]),
-              onDragover: p[6] || (p[6] = (C) => Ce("value", C)),
-              onDragleave: tt,
-              onDrop: p[7] || (p[7] = (C) => lt("value", C))
+              class: Q(["vpg-drop-zone vpg-value-zone", { "vpg-drag-over": D.value === "value" }]),
+              onDragover: p[6] || (p[6] = (C) => we("value", C)),
+              onDragleave: nt,
+              onDrop: p[7] || (p[7] = (C) => ot("value", C))
             }, [
               p[19] || (p[19] = e("div", { class: "vpg-zone-header" }, [
                 e("span", { class: "vpg-zone-icon vpg-value-icon" }, "Σ"),
                 e("span", { class: "vpg-zone-label" }, "Values")
               ], -1)),
-              e("div", xa, [
-                (u(!0), v(I, null, oe(t.valueFields, (C) => (u(), v("div", {
+              e("div", $a, [
+                (u(!0), c(X, null, le(t.valueFields, (C) => (u(), c("div", {
                   key: `${C.field}-${C.aggregation}`,
-                  class: Z(["vpg-mini-chip vpg-value-chip", { "vpg-calc-chip": o(C.field) }])
+                  class: Q(["vpg-mini-chip vpg-value-chip", { "vpg-calc-chip": o(C.field) }])
                 }, [
-                  e("span", $a, x(o(C.field) ? "ƒ" : D(Yt)(C.aggregation)), 1),
-                  e("span", Ma, x(s(C.field)), 1),
+                  e("span", xa, $(o(C.field) ? "ƒ" : V(It)(C.aggregation)), 1),
+                  e("span", Ma, $(s(C.field)), 1),
                   e("button", {
                     class: "vpg-mini-remove",
-                    onClick: (L) => a("removeValueField", C.field, C.aggregation)
+                    onClick: (N) => a("removeValueField", C.field, C.aggregation)
                   }, "×", 8, Ra)
                 ], 2))), 128)),
-                t.valueFields.length === 0 ? (u(), v("span", Da, "Drop numeric")) : z("", !0)
+                t.valueFields.length === 0 ? (u(), c("span", Da, "Drop numeric")) : z("", !0)
               ])
             ], 34)
           ]),
-          !t.isConfigured || !t.pivotResult ? (u(), v("div", Va, [
+          !t.isConfigured || !t.pivotResult ? (u(), c("div", Va, [
             e("div", Ta, [
               p[28] || (p[28] = e("svg", {
                 class: "vpg-placeholder-icon",
@@ -2666,58 +2672,59 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
                 })
               ], -1)),
               e("span", Aa, [
-                t.valueFields.length === 0 ? (u(), v(I, { key: 0 }, [
-                  p[20] || (p[20] = ee(" Add a ", -1)),
+                t.valueFields.length === 0 ? (u(), c(X, { key: 0 }, [
+                  p[20] || (p[20] = te(" Add a ", -1)),
                   p[21] || (p[21] = e("strong", null, "Values", -1)),
-                  p[22] || (p[22] = ee(" field to see your pivot table ", -1))
-                ], 64)) : t.rowFields.length === 0 && t.columnFields.length === 0 ? (u(), v(I, { key: 1 }, [
-                  p[23] || (p[23] = ee(" Add ", -1)),
+                  p[22] || (p[22] = te(" field to see your pivot table ", -1))
+                ], 64)) : t.rowFields.length === 0 && t.columnFields.length === 0 ? (u(), c(X, { key: 1 }, [
+                  p[23] || (p[23] = te(" Add ", -1)),
                   p[24] || (p[24] = e("strong", null, "Row", -1)),
-                  p[25] || (p[25] = ee(" or ", -1)),
+                  p[25] || (p[25] = te(" or ", -1)),
                   p[26] || (p[26] = e("strong", null, "Column", -1)),
-                  p[27] || (p[27] = ee(" fields to group your data ", -1))
-                ], 64)) : (u(), v(I, { key: 2 }, [
-                  ee(" Your pivot table will appear here ")
+                  p[27] || (p[27] = te(" fields to group your data ", -1))
+                ], 64)) : (u(), c(X, { key: 2 }, [
+                  te(" Your pivot table will appear here ")
                 ], 64))
               ])
             ])
-          ])) : (u(), v("div", La, [
+          ])) : (u(), c("div", La, [
             e("table", Na, [
               e("thead", null, [
-                (u(!0), v(I, null, oe(G.value, (C, L) => (u(), v("tr", {
-                  key: `header-${L}`,
+                (u(!0), c(X, null, le(G.value, (C, N) => (u(), c("tr", {
+                  key: `header-${N}`,
                   class: "vpg-column-header-row"
                 }, [
-                  L === 0 ? (u(), v("th", {
-                    key: 0,
+                  N === 0 ? (u(!0), c(X, { key: 0 }, le(t.rowFields.length > 0 ? t.rowFields : ["Rows"], (K, Z) => (u(), c("th", {
+                    key: `row-header-${Z}`,
                     class: "vpg-row-header-label",
                     rowspan: G.value.length,
-                    style: Fe({ width: `${me.value}px` }),
-                    onClick: p[8] || (p[8] = (K) => P("row"))
+                    style: Fe({ width: `${Xe.value}px`, minWidth: "80px", left: `${at(Z)}px` }),
+                    onClick: p[8] || (p[8] = (ee) => P("row"))
                   }, [
                     e("div", za, [
-                      e("span", null, x(t.rowFields.join(" / ") || "Rows"), 1),
-                      e("span", {
-                        class: Z(["vpg-sort-indicator", { active: E.value === "row" }])
-                      }, x(E.value === "row" ? q.value === "asc" ? "↑" : "↓" : "⇅"), 3)
+                      e("span", null, $(K), 1),
+                      Z === t.rowFields.length - 1 || t.rowFields.length === 0 ? (u(), c("span", {
+                        key: 0,
+                        class: Q(["vpg-sort-indicator", { active: E.value === "row" }])
+                      }, $(E.value === "row" ? q.value === "asc" ? "↑" : "↓" : "⇅"), 3)) : z("", !0)
                     ])
-                  ], 12, Pa)) : z("", !0),
-                  (u(!0), v(I, null, oe(C, (K, J) => (u(), v("th", {
-                    key: J,
+                  ], 12, Pa))), 128)) : z("", !0),
+                  (u(!0), c(X, null, le(C, (K, Z) => (u(), c("th", {
+                    key: Z,
                     class: "vpg-column-header-cell",
                     colspan: K.colspan,
-                    style: Fe({ width: `${_e.value * K.colspan}px` }),
-                    onClick: (ie) => L === G.value.length - 1 && P(J)
+                    style: Fe({ width: `${Ie.value * K.colspan}px` }),
+                    onClick: (ee) => N === G.value.length - 1 && P(Z)
                   }, [
                     e("div", Ba, [
-                      e("span", null, x(K.label), 1),
-                      L === G.value.length - 1 ? (u(), v("span", {
+                      e("span", null, $(K.label), 1),
+                      N === G.value.length - 1 ? (u(), c("span", {
                         key: 0,
-                        class: Z(["vpg-sort-indicator", { active: E.value === J }])
-                      }, x(E.value === J ? q.value === "asc" ? "↑" : "↓" : "⇅"), 3)) : z("", !0)
+                        class: Q(["vpg-sort-indicator", { active: E.value === Z }])
+                      }, $(E.value === Z ? q.value === "asc" ? "↑" : "↓" : "⇅"), 3)) : z("", !0)
                     ])
                   ], 12, Ea))), 128)),
-                  t.pivotResult.rowTotals.length > 0 && L === 0 ? (u(), v("th", {
+                  t.pivotResult.rowTotals.length > 0 && N === 0 ? (u(), c("th", {
                     key: 1,
                     class: "vpg-total-header",
                     rowspan: G.value.length
@@ -2725,68 +2732,65 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
                 ]))), 128))
               ]),
               e("tbody", null, [
-                (u(!0), v(I, null, oe(H.value, (C) => (u(), v("tr", {
+                (u(!0), c(X, null, le(H.value, (C) => (u(), c("tr", {
                   key: C,
                   class: "vpg-data-row"
                 }, [
-                  e("th", {
+                  (u(!0), c(X, null, le(t.pivotResult.rowHeaders[C], (N, K) => (u(), c("th", {
+                    key: `row-${C}-${K}`,
                     class: "vpg-row-header-cell",
-                    style: Fe({ width: `${me.value}px` })
-                  }, [
-                    (u(!0), v(I, null, oe(t.pivotResult.rowHeaders[C], (L, K) => (u(), v("span", {
-                      key: K,
-                      class: "vpg-row-value"
-                    }, x(L), 1))), 128))
-                  ], 4),
-                  (u(!0), v(I, null, oe(t.pivotResult.data[C], (L, K) => (u(), v("td", {
+                    style: Fe({ width: `${Xe.value}px`, minWidth: "80px", left: `${at(K)}px` })
+                  }, $(N), 5))), 128)),
+                  (u(!0), c(X, null, le(t.pivotResult.data[C], (N, K) => (u(), c("td", {
                     key: K,
-                    class: Z(["vpg-data-cell", [
-                      ve(H.value.indexOf(C), K) && "selected",
-                      L.value === null && "vpg-is-null"
+                    class: Q(["vpg-data-cell", [
+                      ue(H.value.indexOf(C), K) && "selected",
+                      N.value === null && "vpg-is-null"
                     ]]),
-                    style: Fe({ width: `${_e.value}px` }),
-                    onMousedown: (J) => k(H.value.indexOf(C), K, J),
-                    onMouseenter: (J) => B(H.value.indexOf(C), K)
-                  }, x(L.formattedValue), 47, ja))), 128)),
-                  t.pivotResult.rowTotals[C] ? (u(), v("td", Ha, x(t.pivotResult.rowTotals[C].formattedValue), 1)) : z("", !0)
+                    style: Fe({ width: `${Ie.value}px` }),
+                    onMousedown: (Z) => k(H.value.indexOf(C), K, Z),
+                    onMouseenter: (Z) => B(H.value.indexOf(C), K)
+                  }, $(N.formattedValue), 47, ja))), 128)),
+                  t.pivotResult.rowTotals[C] ? (u(), c("td", Ha, $(t.pivotResult.rowTotals[C].formattedValue), 1)) : z("", !0)
                 ]))), 128)),
-                t.pivotResult.columnTotals.length > 0 ? (u(), v("tr", Ka, [
+                t.pivotResult.columnTotals.length > 0 ? (u(), c("tr", Ka, [
                   e("th", {
                     class: "vpg-row-header-cell vpg-total-label",
-                    style: Fe({ width: `${me.value}px` })
-                  }, " Total ", 4),
-                  (u(!0), v(I, null, oe(t.pivotResult.columnTotals, (C, L) => (u(), v("td", {
-                    key: L,
+                    colspan: Math.max(t.rowFields.length, 1),
+                    style: Fe({ width: `${Ce.value}px` })
+                  }, " Total ", 12, Oa),
+                  (u(!0), c(X, null, le(t.pivotResult.columnTotals, (C, N) => (u(), c("td", {
+                    key: N,
                     class: "vpg-data-cell vpg-total-cell",
-                    style: Fe({ width: `${_e.value}px` })
-                  }, x(C.formattedValue), 5))), 128)),
-                  t.pivotResult.rowTotals.length > 0 ? (u(), v("td", Oa, x(t.pivotResult.grandTotal.formattedValue), 1)) : z("", !0)
+                    style: Fe({ width: `${Ie.value}px` })
+                  }, $(C.formattedValue), 5))), 128)),
+                  t.pivotResult.rowTotals.length > 0 ? (u(), c("td", Wa, $(t.pivotResult.grandTotal.formattedValue), 1)) : z("", !0)
                 ])) : z("", !0)
               ])
             ])
           ])),
-          t.isConfigured && t.pivotResult ? (u(), v("div", Wa, [
-            e("span", qa, x(t.pivotResult.rowHeaders.length) + " rows × " + x(((j = t.pivotResult.data[0]) == null ? void 0 : j.length) || 0) + " columns", 1),
-            fe.value && fe.value.count > 1 ? (u(), v("div", Ga, [
-              e("span", Ya, [
+          t.isConfigured && t.pivotResult ? (u(), c("div", qa, [
+            e("span", Ga, $(t.pivotResult.rowHeaders.length) + " rows × " + $(((U = t.pivotResult.data[0]) == null ? void 0 : U.length) || 0) + " columns", 1),
+            fe.value && fe.value.count > 1 ? (u(), c("div", Ya, [
+              e("span", Ia, [
                 p[29] || (p[29] = e("span", { class: "vpg-stat-label" }, "Count:", -1)),
-                e("span", _a, x(fe.value.count), 1)
+                e("span", Xa, $(fe.value.count), 1)
               ]),
-              fe.value.numericCount > 0 ? (u(), v(I, { key: 0 }, [
+              fe.value.numericCount > 0 ? (u(), c(X, { key: 0 }, [
                 p[32] || (p[32] = e("span", { class: "vpg-stat-divider" }, "|", -1)),
-                e("span", Ia, [
+                e("span", Za, [
                   p[30] || (p[30] = e("span", { class: "vpg-stat-label" }, "Sum:", -1)),
-                  e("span", Xa, x(We(fe.value.sum)), 1)
+                  e("span", _a, $(We(fe.value.sum)), 1)
                 ]),
                 p[33] || (p[33] = e("span", { class: "vpg-stat-divider" }, "|", -1)),
-                e("span", Za, [
+                e("span", Qa, [
                   p[31] || (p[31] = e("span", { class: "vpg-stat-label" }, "Avg:", -1)),
-                  e("span", Qa, x(We(fe.value.avg)), 1)
+                  e("span", Ja, $(We(fe.value.avg)), 1)
                 ])
               ], 64)) : z("", !0)
             ])) : z("", !0)
           ])) : z("", !0)
-        ], 64)) : (u(), v("div", ga, [...p[14] || (p[14] = [
+        ], 64)) : (u(), c("div", ga, [...p[14] || (p[14] = [
           e("div", { class: "vpg-pro-content" }, [
             e("svg", {
               class: "vpg-pro-icon",
@@ -2810,11 +2814,11 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
             }, " Get Pro License → ")
           ], -1)
         ])])),
-        D(m) && D(h) ? (u(), v("div", {
+        V(m) && V(h) ? (u(), c("div", {
           key: 2,
-          class: Z(["vpg-watermark", { "vpg-demo-mode": D(b) }])
+          class: Q(["vpg-watermark", { "vpg-demo-mode": V(b) }])
         }, [
-          D(b) ? (u(), v(I, { key: 0 }, [
+          V(b) ? (u(), c(X, { key: 0 }, [
             p[34] || (p[34] = e("span", { class: "vpg-demo-badge" }, "DEMO", -1)),
             p[35] || (p[35] = e("span", null, "Pro features unlocked for evaluation", -1)),
             p[36] || (p[36] = e("a", {
@@ -2823,45 +2827,45 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
               rel: "noopener",
               class: "vpg-get-pro"
             }, " Get Pro License → ", -1))
-          ], 64)) : (u(), v("a", Ja, " Powered by TinyPivot "))
+          ], 64)) : (u(), c("a", es, " Powered by TinyPivot "))
         ], 2)) : z("", !0)
       ], 2);
     };
   }
-}), ts = /* @__PURE__ */ et(es, [["__scopeId", "data-v-6b3a0147"]]), ls = {
+}), ls = /* @__PURE__ */ lt(ts, [["__scopeId", "data-v-223b7dde"]]), ns = {
   key: 0,
   class: "vpg-toast"
-}, ns = { class: "vpg-toolbar" }, os = { class: "vpg-toolbar-left" }, as = {
+}, os = { class: "vpg-toolbar" }, as = { class: "vpg-toolbar-left" }, ss = {
   key: 0,
   class: "vpg-view-toggle"
-}, ss = {
+}, is = {
   key: 0,
   class: "vpg-search-container"
-}, is = {
+}, rs = {
   key: 1,
   class: "vpg-search-box"
-}, rs = { class: "vpg-font-size-control" }, us = { class: "vpg-font-size-toggle" }, cs = ["onClick"], vs = {
+}, us = { class: "vpg-font-size-control" }, cs = { class: "vpg-font-size-toggle" }, vs = ["onClick"], ds = {
   key: 1,
   class: "vpg-filter-info"
-}, ds = {
+}, gs = {
   key: 2,
   class: "vpg-search-info"
-}, gs = {
+}, ps = {
   key: 0,
   class: "vpg-pivot-status"
-}, ps = { class: "vpg-toolbar-right" }, fs = ["disabled", "title"], ms = {
+}, fs = { class: "vpg-toolbar-right" }, ms = ["disabled", "title"], hs = {
   key: 0,
   class: "vpg-loading"
-}, hs = {
+}, ws = {
   key: 1,
   class: "vpg-empty"
-}, ws = {
+}, Cs = {
   key: 2,
   class: "vpg-empty"
 }, bs = {
   key: 3,
   class: "vpg-table-wrapper"
-}, Cs = ["onClick"], ys = { class: "vpg-header-content" }, ks = { class: "vpg-header-text" }, Fs = { class: "vpg-header-icons" }, Ss = {
+}, ys = ["onClick"], ks = { class: "vpg-header-content" }, Fs = { class: "vpg-header-text" }, Ss = { class: "vpg-header-icons" }, $s = {
   key: 0,
   class: "vpg-sort-indicator"
 }, xs = {
@@ -2869,36 +2873,36 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
   class: "vpg-icon-sm",
   fill: "currentColor",
   viewBox: "0 0 20 20"
-}, $s = {
+}, Ms = {
   key: 1,
   class: "vpg-icon-sm",
   fill: "currentColor",
   viewBox: "0 0 20 20"
-}, Ms = {
+}, Rs = {
   key: 1,
   class: "vpg-filter-indicator"
-}, Rs = ["onMousedown"], Ds = ["data-row", "data-col", "onMousedown", "onMouseenter"], Vs = {
+}, Ds = ["onMousedown"], Vs = ["data-row", "data-col", "onMousedown", "onMouseenter"], Ts = {
   key: 1,
   class: "vpg-pivot-container"
-}, Ts = {
+}, As = {
   key: 0,
   class: "vpg-pivot-config-panel"
-}, As = { class: "vpg-footer" }, Ls = { class: "vpg-footer-left" }, Ns = {
+}, Ls = { class: "vpg-footer" }, Ns = { class: "vpg-footer-left" }, Ps = {
   key: 0,
   class: "vpg-filtered-note"
-}, Ps = { key: 1 }, zs = { class: "vpg-filtered-count" }, Es = {
+}, zs = { key: 1 }, Es = { class: "vpg-filtered-count" }, Bs = {
   key: 0,
   class: "vpg-pagination"
-}, Bs = ["disabled"], Us = ["disabled"], js = { class: "vpg-page-info" }, Hs = ["disabled"], Ks = ["disabled"], Os = {
+}, Us = ["disabled"], js = ["disabled"], Hs = { class: "vpg-page-info" }, Ks = ["disabled"], Os = ["disabled"], Ws = {
   key: 1,
   class: "vpg-selection-stats"
-}, Ws = { class: "vpg-stat" }, qs = { class: "vpg-stat-value" }, Gs = { class: "vpg-stat" }, Ys = { class: "vpg-stat-value" }, _s = { class: "vpg-stat" }, Is = { class: "vpg-stat-value" }, Xs = { class: "vpg-footer-right" }, Zs = {
+}, qs = { class: "vpg-stat" }, Gs = { class: "vpg-stat-value" }, Ys = { class: "vpg-stat" }, Is = { class: "vpg-stat-value" }, Xs = { class: "vpg-stat" }, Zs = { class: "vpg-stat-value" }, _s = { class: "vpg-footer-right" }, Qs = {
   key: 0,
   class: "vpg-demo-banner"
-}, Qs = {
+}, Js = {
   key: 1,
   class: "vpg-watermark-inline"
-}, Ae = 120, Kt = 350, Js = /* @__PURE__ */ Je({
+}, Ae = 120, Ot = 350, ei = /* @__PURE__ */ tt({
   __name: "DataGrid",
   props: {
     data: {},
@@ -2923,31 +2927,31 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
   },
   emits: ["cellClick", "selectionChange", "export", "copy"],
   setup(t, { emit: i }) {
-    const l = t, s = i, { showWatermark: o, canUsePivot: a, isDemo: m, isPro: h } = ft(), b = N(() => {
+    const l = t, s = i, { showWatermark: o, canUsePivot: a, isDemo: m, isPro: h } = ht(), b = L(() => {
       var r;
       return l.theme === "auto" ? (r = window.matchMedia) != null && r.call(window, "(prefers-color-scheme: dark)").matches ? "dark" : "light" : l.theme;
-    }), R = $(l.fontSize), F = $(""), A = $(!1), T = $(1), M = $(null), y = $(0), O = $(0), Q = $(l.initialHeight), _ = $(!1), q = $(0), E = $(0), P = $(!1), H = $(""), G = [
+    }), D = x(l.fontSize), F = x(""), A = x(!1), T = x(1), M = x(null), y = x(0), O = x(0), J = x(l.initialHeight), I = x(!1), q = x(0), E = x(0), P = x(!1), H = x(""), G = [
       { value: "xs", label: "S" },
       { value: "sm", label: "M" },
       { value: "base", label: "L" }
-    ], te = N(() => l.data), {
-      table: U,
+    ], ne = L(() => l.data), {
+      table: j,
       columnKeys: S,
       filteredRowCount: f,
       totalRowCount: d,
-      getColumnStats: c,
+      getColumnStats: v,
       hasActiveFilter: g,
       setColumnFilter: k,
       getColumnFilterValues: B,
       clearAllFilters: Y,
-      toggleSort: ve,
-      getSortDirection: be,
+      toggleSort: ue,
+      getSortDirection: he,
       columnFilters: Me,
       activeFilters: fe,
       // Numeric range filters
       setNumericRangeFilter: We,
-      getNumericRangeFilter: Ce
-    } = mn({ data: te }), tt = N(() => U.getFilteredRowModel().rows.map((n) => n.original)), lt = N(() => fe.value.length === 0 ? null : fe.value.map((r) => {
+      getNumericRangeFilter: we
+    } = mn({ data: ne }), nt = L(() => j.getFilteredRowModel().rows.map((n) => n.original)), ot = L(() => fe.value.length === 0 ? null : fe.value.map((r) => {
       var n;
       if (r.type === "range" && r.range) {
         const w = [];
@@ -2970,19 +2974,19 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
       valueFields: ze,
       showRowTotals: qe,
       showColumnTotals: Ge,
-      availableFields: st,
+      availableFields: rt,
       isConfigured: Ye,
-      pivotResult: me,
-      addRowField: _e,
-      removeRowField: V,
-      addColumnField: p,
-      removeColumnField: j,
-      addValueField: C,
-      removeValueField: L,
-      updateValueFieldAggregation: K,
-      clearConfig: J,
-      autoSuggestConfig: ie
-    } = wn(tt), he = N(() => {
+      pivotResult: Ce,
+      addRowField: Ie,
+      removeRowField: Xe,
+      addColumnField: at,
+      removeColumnField: R,
+      addValueField: p,
+      removeValueField: U,
+      updateValueFieldAggregation: C,
+      clearConfig: N,
+      autoSuggestConfig: K
+    } = wn(nt), Z = L(() => {
       if (!F.value.trim() || !l.enableSearch)
         return Be.value;
       const r = F.value.toLowerCase().trim();
@@ -2994,44 +2998,44 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
         }
         return !1;
       });
-    }), le = N(() => he.value.length), re = N(() => l.enablePagination ? Math.max(1, Math.ceil(le.value / l.pageSize)) : 1), we = N(() => {
-      if (!l.enablePagination) return he.value;
+    }), ee = L(() => Z.value.length), ce = L(() => l.enablePagination ? Math.max(1, Math.ceil(ee.value / l.pageSize)) : 1), ge = L(() => {
+      if (!l.enablePagination) return Z.value;
       const r = (T.value - 1) * l.pageSize, n = r + l.pageSize;
-      return he.value.slice(r, n);
-    }), de = N(() => le.value === 0 ? 0 : (T.value - 1) * l.pageSize + 1), Ee = N(
-      () => Math.min(T.value * l.pageSize, le.value)
+      return Z.value.slice(r, n);
+    }), me = L(() => ee.value === 0 ? 0 : (T.value - 1) * l.pageSize + 1), be = L(
+      () => Math.min(T.value * l.pageSize, ee.value)
     );
-    function nt() {
-      T.value < re.value && T.value++;
+    function ve() {
+      T.value < ce.value && T.value++;
     }
-    function tl() {
+    function Ee() {
       T.value > 1 && T.value--;
     }
     Te([Me, F], () => {
       T.value = 1;
     });
-    function Ft() {
-      if (ge.value === "pivot") {
+    function Ze() {
+      if (de.value === "pivot") {
         ll();
         return;
       }
-      const r = l.enableSearch && F.value.trim() ? he.value.map((n) => n.original) : Be.value.map((n) => n.original);
-      bn(r, S.value, {
+      const r = l.enableSearch && F.value.trim() ? Z.value.map((n) => n.original) : Be.value.map((n) => n.original);
+      Cn(r, S.value, {
         filename: l.exportFilename,
         includeHeaders: !0
       }), s("export", { rowCount: r.length, filename: l.exportFilename });
     }
     function ll() {
-      if (!me.value) return;
+      if (!Ce.value) return;
       const r = l.exportFilename.replace(".csv", "-pivot.csv");
-      Cn(
+      bn(
         {
-          headers: me.value.headers,
-          rowHeaders: me.value.rowHeaders,
-          data: me.value.data,
-          rowTotals: me.value.rowTotals,
-          columnTotals: me.value.columnTotals,
-          grandTotal: me.value.grandTotal,
+          headers: Ce.value.headers,
+          rowHeaders: Ce.value.rowHeaders,
+          data: Ce.value.data,
+          rowTotals: Ce.value.rowTotals,
+          columnTotals: Ce.value.columnTotals,
+          grandTotal: Ce.value.grandTotal,
           showRowTotals: qe.value,
           showColumnTotals: Ge.value
         },
@@ -3040,38 +3044,38 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
         ze.value,
         { filename: r }
       );
-      const n = me.value.rowHeaders.length;
+      const n = Ce.value.rowHeaders.length;
       s("export", { rowCount: n, filename: r });
     }
     function nl(r, n) {
-      l.enableColumnResize && (n.preventDefault(), n.stopPropagation(), M.value = r, y.value = n.clientX, O.value = Re.value[r] || Ae, document.addEventListener("mousemove", St), document.addEventListener("mouseup", xt));
+      l.enableColumnResize && (n.preventDefault(), n.stopPropagation(), M.value = r, y.value = n.clientX, O.value = Re.value[r] || Ae, document.addEventListener("mousemove", $t), document.addEventListener("mouseup", xt));
     }
-    function St(r) {
+    function $t(r) {
       if (!M.value) return;
-      const n = r.clientX - y.value, w = Math.max(Ae, Math.min(Kt, O.value + n));
+      const n = r.clientX - y.value, w = Math.max(Ae, Math.min(Ot, O.value + n));
       Re.value = {
         ...Re.value,
         [M.value]: w
       };
     }
     function xt() {
-      M.value = null, document.removeEventListener("mousemove", St), document.removeEventListener("mouseup", xt);
+      M.value = null, document.removeEventListener("mousemove", $t), document.removeEventListener("mouseup", xt);
     }
     function ol(r) {
-      l.enableVerticalResize && (r.preventDefault(), _.value = !0, q.value = r.clientY, E.value = Q.value, document.addEventListener("mousemove", $t), document.addEventListener("mouseup", Mt));
+      l.enableVerticalResize && (r.preventDefault(), I.value = !0, q.value = r.clientY, E.value = J.value, document.addEventListener("mousemove", Mt), document.addEventListener("mouseup", Rt));
     }
-    function $t(r) {
-      if (!_.value) return;
+    function Mt(r) {
+      if (!I.value) return;
       const n = r.clientY - q.value, w = Math.max(
         l.minHeight,
         Math.min(l.maxHeight, E.value + n)
       );
-      Q.value = w;
-    }
-    function Mt() {
-      _.value = !1, document.removeEventListener("mousemove", $t), document.removeEventListener("mouseup", Mt);
+      J.value = w;
     }
     function Rt() {
+      I.value = !1, document.removeEventListener("mousemove", Mt), document.removeEventListener("mouseup", Rt);
+    }
+    function Dt() {
       if (!ke.value || !l.enableClipboard) return;
       const r = kn(
         Be.value.map((n) => n.original),
@@ -3093,23 +3097,23 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
         }
       );
     }
-    const ge = $("grid"), Ie = $(!0), mt = $(null), Se = $(Zt());
+    const de = x("grid"), _e = x(!0), wt = x(null), Se = x(Qt());
     function al(r) {
-      r.id || (r.id = `calc_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`), Se.value = [...Se.value, r], at(Se.value);
+      r.id || (r.id = `calc_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`), Se.value = [...Se.value, r], it(Se.value);
     }
     function sl(r) {
-      Se.value = Se.value.filter((W) => W.id !== r), at(Se.value);
+      Se.value = Se.value.filter((W) => W.id !== r), it(Se.value);
       const n = `calc:${r}`, w = ze.value.find((W) => W.field === n);
-      w && L(n, w.aggregation);
+      w && U(n, w.aggregation);
     }
     function il(r) {
-      Se.value = Se.value.map((n) => n.id === r.id ? r : n), at(Se.value);
+      Se.value = Se.value.map((n) => n.id === r.id ? r : n), it(Se.value);
     }
     function rl(r) {
-      mt.value = r;
+      wt.value = r;
     }
     function ul() {
-      mt.value = null;
+      wt.value = null;
     }
     function cl(r) {
       Ne.value = r;
@@ -3117,35 +3121,35 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
     function vl(r) {
       Pe.value = r;
     }
-    const ht = $(), Dt = $(), Be = N(() => U.getRowModel().rows), ue = $(null), it = $({ top: 0, left: 0, maxHeight: 400 }), Re = $({});
-    function Vt() {
+    const Ct = x(), Vt = x(), Be = L(() => j.getRowModel().rows), ie = x(null), ut = x({ top: 0, left: 0, maxHeight: 400 }), Re = x({});
+    function Tt() {
       if (typeof document > "u" || l.data.length === 0)
         return;
       const r = {}, n = Math.min(100, l.data.length), W = document.createElement("canvas").getContext("2d");
       if (W) {
         W.font = "13px system-ui, -apple-system, sans-serif";
-        for (const X of S.value) {
-          let se = W.measureText(X).width + 56;
+        for (const _ of S.value) {
+          let se = W.measureText(_).width + 56;
           for (let ae = 0; ae < n; ae++) {
-            const ne = l.data[ae][X], ce = ne == null ? "" : String(ne), Ve = W.measureText(ce).width + 28;
+            const oe = l.data[ae][_], re = oe == null ? "" : String(oe), Ve = W.measureText(re).width + 28;
             se = Math.max(se, Ve);
           }
-          r[X] = Math.min(Math.max(se, Ae), Kt);
+          r[_] = Math.min(Math.max(se, Ae), Ot);
         }
         Re.value = r;
       }
     }
     function dl(r, n) {
       n.stopPropagation();
-      const w = n.currentTarget, W = w.closest(".vpg-header-cell"), X = (W == null ? void 0 : W.getBoundingClientRect()) || w.getBoundingClientRect(), se = 280, ae = 12;
-      let ne = X.left;
-      ne + se > window.innerWidth - ae && (ne = window.innerWidth - se - ae), ne = Math.max(ae, ne);
-      const ce = window.innerHeight - X.bottom - ae, Ve = X.top - ae;
+      const w = n.currentTarget, W = w.closest(".vpg-header-cell"), _ = (W == null ? void 0 : W.getBoundingClientRect()) || w.getBoundingClientRect(), se = 280, ae = 12;
+      let oe = _.left;
+      oe + se > window.innerWidth - ae && (oe = window.innerWidth - se - ae), oe = Math.max(ae, oe);
+      const re = window.innerHeight - _.bottom - ae, Ve = _.top - ae;
       let Ue, je;
-      ce >= 300 || ce >= Ve ? (Ue = X.bottom + 4, je = Math.min(400, ce - 4)) : (je = Math.min(400, Ve - 4), Ue = X.top - je - 4), it.value = { top: Ue, left: ne, maxHeight: je }, ue.value = r;
+      re >= 300 || re >= Ve ? (Ue = _.bottom + 4, je = Math.min(400, re - 4)) : (je = Math.min(400, Ve - 4), Ue = _.top - je - 4), ut.value = { top: Ue, left: oe, maxHeight: je }, ie.value = r;
     }
-    function rt() {
-      ue.value = null;
+    function ct() {
+      ie.value = null;
     }
     function gl(r, n) {
       k(r, n);
@@ -3155,16 +3159,16 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
     }
     function fl(r, n) {
       if (n === null)
-        be(r) && (ve(r), be(r) && ve(r));
+        he(r) && (ue(r), he(r) && ue(r));
       else {
-        const w = be(r);
-        w === null ? (ve(r), n === "desc" && be(r) === "asc" && ve(r)) : w !== n && ve(r);
+        const w = he(r);
+        w === null ? (ue(r), n === "desc" && he(r) === "asc" && ue(r)) : w !== n && ue(r);
       }
     }
-    const ut = N(() => Me.value.length), De = $(null), xe = $(null), ye = $(null), wt = $(!1);
+    const vt = L(() => Me.value.length), De = x(null), $e = x(null), ye = x(null), bt = x(!1);
     function ml(r) {
       const n = Be.value.length - 1;
-      n < 0 || (xe.value = { row: 0, col: r }, ye.value = { row: n, col: r }, De.value = { row: 0, col: r });
+      n < 0 || ($e.value = { row: 0, col: r }, ye.value = { row: n, col: r }, De.value = { row: 0, col: r });
     }
     function hl(r, n) {
       if (n.target.closest(".vpg-dropdown-arrow")) {
@@ -3173,69 +3177,69 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
       } else
         ml(r);
     }
-    const ke = N(() => !xe.value || !ye.value ? null : {
-      minRow: Math.min(xe.value.row, ye.value.row),
-      maxRow: Math.max(xe.value.row, ye.value.row),
-      minCol: Math.min(xe.value.col, ye.value.col),
-      maxCol: Math.max(xe.value.col, ye.value.col)
+    const ke = L(() => !$e.value || !ye.value ? null : {
+      minRow: Math.min($e.value.row, ye.value.row),
+      maxRow: Math.max($e.value.row, ye.value.row),
+      minCol: Math.min($e.value.col, ye.value.col),
+      maxCol: Math.max($e.value.col, ye.value.col)
     });
     function wl(r, n) {
       if (!ke.value)
         return !1;
-      const { minRow: w, maxRow: W, minCol: X, maxCol: se } = ke.value;
-      return r >= w && r <= W && n >= X && n <= se;
+      const { minRow: w, maxRow: W, minCol: _, maxCol: se } = ke.value;
+      return r >= w && r <= W && n >= _ && n <= se;
     }
-    const Xe = N(() => {
+    const Qe = L(() => {
       if (!ke.value)
         return null;
-      const { minRow: r, maxRow: n, minCol: w, maxCol: W } = ke.value, X = [];
+      const { minRow: r, maxRow: n, minCol: w, maxCol: W } = ke.value, _ = [];
       let se = 0;
-      for (let ce = r; ce <= n; ce++) {
-        const Ve = Be.value[ce];
+      for (let re = r; re <= n; re++) {
+        const Ve = Be.value[re];
         if (Ve)
           for (let Ue = w; Ue <= W; Ue++) {
             const je = S.value[Ue];
             if (!je)
               continue;
-            const Ze = Ve.original[je];
-            if (se++, Ze != null && Ze !== "") {
-              const zt = typeof Ze == "number" ? Ze : Number.parseFloat(String(Ze));
-              Number.isNaN(zt) || X.push(zt);
+            const Je = Ve.original[je];
+            if (se++, Je != null && Je !== "") {
+              const Et = typeof Je == "number" ? Je : Number.parseFloat(String(Je));
+              Number.isNaN(Et) || _.push(Et);
             }
           }
       }
-      if (X.length === 0)
+      if (_.length === 0)
         return { count: se, sum: null, avg: null, numericCount: 0 };
-      const ae = X.reduce((ce, Ve) => ce + Ve, 0), ne = ae / X.length;
-      return { count: se, sum: ae, avg: ne, numericCount: X.length };
+      const ae = _.reduce((re, Ve) => re + Ve, 0), oe = ae / _.length;
+      return { count: se, sum: ae, avg: oe, numericCount: _.length };
     });
-    function Tt(r) {
+    function At(r) {
       return r === null ? "-" : Math.abs(r) >= 1e3 ? r.toLocaleString("en-US", { maximumFractionDigits: 2 }) : r.toLocaleString("en-US", { maximumFractionDigits: 4 });
     }
-    function At(r) {
+    function Lt(r) {
       if ((r.ctrlKey || r.metaKey) && r.key === "c" && ke.value) {
-        r.preventDefault(), Rt();
+        r.preventDefault(), Dt();
         return;
       }
       if ((r.ctrlKey || r.metaKey) && r.key === "f" && l.enableSearch) {
-        r.preventDefault(), A.value = !0, ot(() => {
-          const ne = document.querySelector(".vpg-search-input");
-          ne == null || ne.focus();
+        r.preventDefault(), A.value = !0, st(() => {
+          const oe = document.querySelector(".vpg-search-input");
+          oe == null || oe.focus();
         });
         return;
       }
-      if (!De.value || ue.value)
+      if (!De.value || ie.value)
         return;
-      const { row: n, col: w } = De.value, X = we.value.length - 1, se = S.value.length - 1;
-      function ae(ne, ce) {
-        r.shiftKey ? (xe.value || (xe.value = { row: n, col: w }), ye.value = { row: ne, col: ce }) : (xe.value = { row: ne, col: ce }, ye.value = { row: ne, col: ce }), De.value = { row: ne, col: ce }, bl(ne, ce);
+      const { row: n, col: w } = De.value, _ = ge.value.length - 1, se = S.value.length - 1;
+      function ae(oe, re) {
+        r.shiftKey ? ($e.value || ($e.value = { row: n, col: w }), ye.value = { row: oe, col: re }) : ($e.value = { row: oe, col: re }, ye.value = { row: oe, col: re }), De.value = { row: oe, col: re }, Cl(oe, re);
       }
       switch (r.key) {
         case "ArrowUp":
           r.preventDefault(), n > 0 && ae(n - 1, w);
           break;
         case "ArrowDown":
-          r.preventDefault(), n < X && ae(n + 1, w);
+          r.preventDefault(), n < _ && ae(n + 1, w);
           break;
         case "ArrowLeft":
           r.preventDefault(), w > 0 && ae(n, w - 1);
@@ -3244,37 +3248,37 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
           r.preventDefault(), w < se && ae(n, w + 1);
           break;
         case "Escape":
-          De.value = null, xe.value = null, ye.value = null, A.value = !1, F.value = "";
+          De.value = null, $e.value = null, ye.value = null, A.value = !1, F.value = "";
           break;
       }
     }
-    function bl(r, n) {
-      ot(() => {
+    function Cl(r, n) {
+      st(() => {
         var W;
-        const w = (W = Dt.value) == null ? void 0 : W.querySelector(
+        const w = (W = Vt.value) == null ? void 0 : W.querySelector(
           `[data-row="${r}"][data-col="${n}"]`
         );
         w == null || w.scrollIntoView({ block: "nearest", inline: "nearest" });
       });
     }
-    function Cl(r, n, w) {
-      w.preventDefault(), w.shiftKey && De.value ? ye.value = { row: r, col: n } : (De.value = { row: r, col: n }, xe.value = { row: r, col: n }, ye.value = { row: r, col: n }, wt.value = !0);
+    function bl(r, n, w) {
+      w.preventDefault(), w.shiftKey && De.value ? ye.value = { row: r, col: n } : (De.value = { row: r, col: n }, $e.value = { row: r, col: n }, ye.value = { row: r, col: n }, bt.value = !0);
       const W = Be.value[r];
       if (W) {
-        const X = S.value[n];
+        const _ = S.value[n];
         s("cellClick", {
           row: r,
           col: n,
-          value: W.original[X],
+          value: W.original[_],
           rowData: W.original
         });
       }
     }
     function yl(r, n) {
-      wt.value && (ye.value = { row: r, col: n });
+      bt.value && (ye.value = { row: r, col: n });
     }
-    function Lt() {
-      wt.value = !1;
+    function Nt() {
+      bt.value = !1;
     }
     function kl(r, n) {
       var w, W;
@@ -3284,56 +3288,56 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
     function Sl(r) {
       return !Fl.test(r);
     }
-    function xl(r, n) {
+    function $l(r, n) {
       if (r == null || r === "")
         return "";
-      if (c(n).type === "number") {
+      if (v(n).type === "number") {
         const W = typeof r == "number" ? r : Number.parseFloat(String(r));
         return Number.isNaN(W) ? String(r) : Sl(n) && Math.abs(W) >= 1e3 ? W.toLocaleString("en-US", { maximumFractionDigits: 2 }) : Number.isInteger(W) ? String(W) : W.toLocaleString("en-US", { maximumFractionDigits: 4, useGrouping: !1 });
       }
       return String(r);
     }
-    function Nt() {
-      ue.value && rt();
+    function Pt() {
+      ie.value && ct();
     }
-    function Pt(r) {
+    function zt(r) {
       var n;
-      if (ue.value) {
+      if (ie.value) {
         const w = r.target;
         if (w && ((n = w.closest) != null && n.call(w, ".vpg-filter-portal")))
           return;
-        rt();
+        ct();
       }
     }
-    yt(() => {
-      Vt(), document.addEventListener("keydown", At), document.addEventListener("mouseup", Lt), ot(() => {
+    Ft(() => {
+      Tt(), document.addEventListener("keydown", Lt), document.addEventListener("mouseup", Nt), st(() => {
         var r;
-        (r = ht.value) == null || r.addEventListener("scroll", Nt, { passive: !0 });
-      }), window.addEventListener("scroll", Pt, { passive: !0, capture: !0 });
-    }), kt(() => {
+        (r = Ct.value) == null || r.addEventListener("scroll", Pt, { passive: !0 });
+      }), window.addEventListener("scroll", zt, { passive: !0, capture: !0 });
+    }), St(() => {
       var r;
-      document.removeEventListener("keydown", At), document.removeEventListener("mouseup", Lt), (r = ht.value) == null || r.removeEventListener("scroll", Nt), window.removeEventListener("scroll", Pt, { capture: !0 });
+      document.removeEventListener("keydown", Lt), document.removeEventListener("mouseup", Nt), (r = Ct.value) == null || r.removeEventListener("scroll", Pt), window.removeEventListener("scroll", zt, { capture: !0 });
     }), Te(() => l.data, () => {
-      ot(Vt);
+      st(Tt);
     }, { immediate: !0 });
-    const $l = N(() => S.value.reduce((r, n) => r + (Re.value[n] || Ae), 0));
+    const xl = L(() => S.value.reduce((r, n) => r + (Re.value[n] || Ae), 0));
     function Ml(r) {
-      ue.value && (r.target.closest(".vpg-filter-portal") || rt());
+      ie.value && (r.target.closest(".vpg-filter-portal") || ct());
     }
-    return (r, n) => (u(), v("div", {
-      class: Z(["vpg-data-grid", [
-        `vpg-font-${R.value}`,
+    return (r, n) => (u(), c("div", {
+      class: Q(["vpg-data-grid", [
+        `vpg-font-${D.value}`,
         `vpg-theme-${b.value}`,
         { "vpg-striped": t.stripedRows },
         { "vpg-resizing": M.value },
-        { "vpg-resizing-vertical": _.value }
+        { "vpg-resizing-vertical": I.value }
       ]]),
-      style: Fe({ height: `${Q.value}px` }),
+      style: Fe({ height: `${J.value}px` }),
       onClick: Ml
     }, [
-      Oe(qt, { name: "vpg-toast" }, {
-        default: Gt(() => [
-          P.value ? (u(), v("div", ls, [
+      Oe(Gt, { name: "vpg-toast" }, {
+        default: Yt(() => [
+          P.value ? (u(), c("div", ns, [
             n[17] || (n[17] = e("svg", {
               class: "vpg-icon",
               fill: "none",
@@ -3347,17 +3351,17 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
                 d: "M5 13l4 4L19 7"
               })
             ], -1)),
-            ee(" " + x(H.value), 1)
+            te(" " + $(H.value), 1)
           ])) : z("", !0)
         ]),
         _: 1
       }),
-      e("div", ns, [
-        e("div", os, [
-          t.showPivot ? (u(), v("div", as, [
+      e("div", os, [
+        e("div", as, [
+          t.showPivot ? (u(), c("div", ss, [
             e("button", {
-              class: Z(["vpg-view-btn", { active: ge.value === "grid" }]),
-              onClick: n[0] || (n[0] = (w) => ge.value = "grid")
+              class: Q(["vpg-view-btn", { active: de.value === "grid" }]),
+              onClick: n[0] || (n[0] = (w) => de.value = "grid")
             }, [...n[18] || (n[18] = [
               e("svg", {
                 class: "vpg-icon",
@@ -3372,11 +3376,11 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
                   d: "M3 10h18M3 14h18m-9-4v8m-7 0h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z"
                 })
               ], -1),
-              ee(" Grid ", -1)
+              te(" Grid ", -1)
             ])], 2),
             e("button", {
-              class: Z(["vpg-view-btn vpg-pivot-btn", { active: ge.value === "pivot" }]),
-              onClick: n[1] || (n[1] = (w) => ge.value = "pivot")
+              class: Q(["vpg-view-btn vpg-pivot-btn", { active: de.value === "pivot" }]),
+              onClick: n[1] || (n[1] = (w) => de.value = "pivot")
             }, [...n[19] || (n[19] = [
               e("svg", {
                 class: "vpg-icon",
@@ -3391,12 +3395,12 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
                   d: "M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"
                 })
               ], -1),
-              ee(" Pivot ", -1)
+              te(" Pivot ", -1)
             ])], 2)
           ])) : z("", !0),
-          ge.value === "grid" ? (u(), v(I, { key: 1 }, [
-            t.enableSearch ? (u(), v("div", ss, [
-              A.value ? (u(), v("div", is, [
+          de.value === "grid" ? (u(), c(X, { key: 1 }, [
+            t.enableSearch ? (u(), c("div", is, [
+              A.value ? (u(), c("div", rs, [
                 n[22] || (n[22] = e("svg", {
                   class: "vpg-search-icon",
                   fill: "none",
@@ -3419,9 +3423,9 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
                     A.value = !1, F.value = "";
                   }, ["escape"]))
                 }, null, 544), [
-                  [Qe, F.value]
+                  [et, F.value]
                 ]),
-                F.value ? (u(), v("button", {
+                F.value ? (u(), c("button", {
                   key: 0,
                   class: "vpg-search-clear",
                   onClick: n[5] || (n[5] = (w) => F.value = "")
@@ -3440,7 +3444,7 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
                     })
                   ], -1)
                 ])])) : z("", !0)
-              ])) : (u(), v("button", {
+              ])) : (u(), c("button", {
                 key: 0,
                 class: "vpg-icon-btn",
                 title: "Search (Ctrl+F)",
@@ -3461,17 +3465,17 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
                 ], -1)
               ])]))
             ])) : z("", !0),
-            e("div", rs, [
+            e("div", us, [
               n[23] || (n[23] = e("span", { class: "vpg-label" }, "Size:", -1)),
-              e("div", us, [
-                (u(), v(I, null, oe(G, (w) => e("button", {
+              e("div", cs, [
+                (u(), c(X, null, le(G, (w) => e("button", {
                   key: w.value,
-                  class: Z(["vpg-font-size-btn", { active: R.value === w.value }]),
-                  onClick: (W) => R.value = w.value
-                }, x(w.label), 11, cs)), 64))
+                  class: Q(["vpg-font-size-btn", { active: D.value === w.value }]),
+                  onClick: (W) => D.value = w.value
+                }, $(w.label), 11, vs)), 64))
               ])
             ]),
-            ut.value > 0 ? (u(), v("div", vs, [
+            vt.value > 0 ? (u(), c("div", ds, [
               n[24] || (n[24] = e("svg", {
                 class: "vpg-icon",
                 fill: "currentColor",
@@ -3483,16 +3487,16 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
                   "clip-rule": "evenodd"
                 })
               ], -1)),
-              e("span", null, x(ut.value) + " filter" + x(ut.value > 1 ? "s" : ""), 1)
+              e("span", null, $(vt.value) + " filter" + $(vt.value > 1 ? "s" : ""), 1)
             ])) : z("", !0),
-            F.value ? (u(), v("div", ds, [
-              e("span", null, x(le.value) + " match" + x(le.value !== 1 ? "es" : ""), 1)
+            F.value ? (u(), c("div", gs, [
+              e("span", null, $(ee.value) + " match" + $(ee.value !== 1 ? "es" : ""), 1)
             ])) : z("", !0)
           ], 64)) : z("", !0),
-          ge.value === "pivot" && D(a) ? (u(), v(I, { key: 2 }, [
+          de.value === "pivot" && V(a) ? (u(), c(X, { key: 2 }, [
             e("button", {
-              class: Z(["vpg-config-toggle", { active: Ie.value }]),
-              onClick: n[6] || (n[6] = (w) => Ie.value = !Ie.value)
+              class: Q(["vpg-config-toggle", { active: _e.value }]),
+              onClick: n[6] || (n[6] = (w) => _e.value = !_e.value)
             }, [
               n[25] || (n[25] = e("svg", {
                 class: "vpg-icon",
@@ -3507,9 +3511,9 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
                   d: "M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4"
                 })
               ], -1)),
-              ee(" " + x(Ie.value ? "Hide" : "Show") + " Config ", 1)
+              te(" " + $(_e.value ? "Hide" : "Show") + " Config ", 1)
             ], 2),
-            D(Ye) ? (u(), v("div", gs, [...n[26] || (n[26] = [
+            V(Ye) ? (u(), c("div", ps, [...n[26] || (n[26] = [
               e("svg", {
                 class: "vpg-icon",
                 fill: "currentColor",
@@ -3525,12 +3529,12 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
             ])])) : z("", !0)
           ], 64)) : z("", !0)
         ]),
-        e("div", ps, [
-          ge.value === "grid" && ut.value > 0 ? (u(), v("button", {
+        e("div", fs, [
+          de.value === "grid" && vt.value > 0 ? (u(), c("button", {
             key: 0,
             class: "vpg-clear-filters",
             onClick: n[7] || (n[7] = //@ts-ignore
-            (...w) => D(Y) && D(Y)(...w))
+            (...w) => V(Y) && V(Y)(...w))
           }, [...n[27] || (n[27] = [
             e("svg", {
               class: "vpg-icon",
@@ -3545,13 +3549,13 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
                 d: "M6 18L18 6M6 6l12 12"
               })
             ], -1),
-            ee(" Clear Filters ", -1)
+            te(" Clear Filters ", -1)
           ])])) : z("", !0),
-          t.enableClipboard && ke.value && ge.value === "grid" ? (u(), v("button", {
+          t.enableClipboard && ke.value && de.value === "grid" ? (u(), c("button", {
             key: 1,
             class: "vpg-icon-btn",
             title: "Copy selection (Ctrl+C)",
-            onClick: Rt
+            onClick: Dt
           }, [...n[28] || (n[28] = [
             e("svg", {
               class: "vpg-icon",
@@ -3567,11 +3571,11 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
               })
             ], -1)
           ])])) : z("", !0),
-          t.enableExport && ge.value === "grid" ? (u(), v("button", {
+          t.enableExport && de.value === "grid" ? (u(), c("button", {
             key: 2,
             class: "vpg-export-btn",
             title: "Export to CSV",
-            onClick: Ft
+            onClick: Ze
           }, [...n[29] || (n[29] = [
             e("svg", {
               class: "vpg-icon",
@@ -3586,14 +3590,14 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
                 d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"
               })
             ], -1),
-            ee(" Export ", -1)
+            te(" Export ", -1)
           ])])) : z("", !0),
-          t.enableExport && ge.value === "pivot" && D(Ye) ? (u(), v("button", {
+          t.enableExport && de.value === "pivot" && V(Ye) ? (u(), c("button", {
             key: 3,
-            class: Z(["vpg-export-btn", { "vpg-export-btn-disabled": !D(h) }]),
-            disabled: !D(h),
-            title: D(h) ? "Export Pivot to CSV" : "Export Pivot to CSV (Pro feature)",
-            onClick: n[8] || (n[8] = (w) => D(h) && Ft())
+            class: Q(["vpg-export-btn", { "vpg-export-btn-disabled": !V(h) }]),
+            disabled: !V(h),
+            title: V(h) ? "Export Pivot to CSV" : "Export Pivot to CSV (Pro feature)",
+            onClick: n[8] || (n[8] = (w) => V(h) && Ze())
           }, [
             n[30] || (n[30] = e("svg", {
               class: "vpg-icon",
@@ -3608,21 +3612,21 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
                 d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"
               })
             ], -1)),
-            ee(" Export Pivot" + x(D(h) ? "" : " (Pro)"), 1)
-          ], 10, fs)) : z("", !0)
+            te(" Export Pivot" + $(V(h) ? "" : " (Pro)"), 1)
+          ], 10, ms)) : z("", !0)
         ])
       ]),
-      ge.value === "grid" ? (u(), v("div", {
+      de.value === "grid" ? (u(), c("div", {
         key: 0,
         ref_key: "tableContainerRef",
-        ref: ht,
+        ref: Ct,
         class: "vpg-grid-container",
         tabindex: "0"
       }, [
-        t.loading ? (u(), v("div", ms, [...n[31] || (n[31] = [
+        t.loading ? (u(), c("div", hs, [...n[31] || (n[31] = [
           e("div", { class: "vpg-spinner" }, null, -1),
           e("span", null, "Loading data...", -1)
-        ])])) : t.data.length === 0 ? (u(), v("div", hs, [...n[32] || (n[32] = [
+        ])])) : t.data.length === 0 ? (u(), c("div", ws, [...n[32] || (n[32] = [
           e("div", { class: "vpg-empty-icon" }, [
             e("svg", {
               class: "vpg-icon-lg",
@@ -3639,7 +3643,7 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
             ])
           ], -1),
           e("span", null, "No data available", -1)
-        ])])) : D(f) === 0 ? (u(), v("div", ws, [
+        ])])) : V(f) === 0 ? (u(), c("div", Cs, [
           n[33] || (n[33] = e("div", { class: "vpg-empty-icon vpg-warning" }, [
             e("svg", {
               class: "vpg-icon-lg",
@@ -3659,36 +3663,36 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
           e("button", {
             class: "vpg-clear-link",
             onClick: n[9] || (n[9] = //@ts-ignore
-            (...w) => D(Y) && D(Y)(...w))
+            (...w) => V(Y) && V(Y)(...w))
           }, " Clear all filters ")
-        ])) : (u(), v("div", bs, [
+        ])) : (u(), c("div", bs, [
           e("table", {
             class: "vpg-table",
-            style: Fe({ minWidth: `${$l.value}px` })
+            style: Fe({ minWidth: `${xl.value}px` })
           }, [
             e("thead", null, [
               e("tr", null, [
-                (u(!0), v(I, null, oe(D(S), (w, W) => (u(), v("th", {
+                (u(!0), c(X, null, le(V(S), (w, W) => (u(), c("th", {
                   key: w,
-                  class: Z(["vpg-header-cell", {
-                    "vpg-has-filter": D(g)(w),
-                    "vpg-is-sorted": D(be)(w) !== null,
-                    "vpg-is-active": ue.value === w
+                  class: Q(["vpg-header-cell", {
+                    "vpg-has-filter": V(g)(w),
+                    "vpg-is-sorted": V(he)(w) !== null,
+                    "vpg-is-active": ie.value === w
                   }]),
                   style: Fe({ width: `${Re.value[w] || Ae}px`, minWidth: `${Re.value[w] || Ae}px` }),
-                  onClick: (X) => hl(W, X)
+                  onClick: (_) => hl(W, _)
                 }, [
-                  e("div", ys, [
-                    e("span", ks, x(w), 1),
-                    e("div", Fs, [
-                      D(be)(w) ? (u(), v("span", Ss, [
-                        D(be)(w) === "asc" ? (u(), v("svg", xs, [...n[35] || (n[35] = [
+                  e("div", ks, [
+                    e("span", Fs, $(w), 1),
+                    e("div", Ss, [
+                      V(he)(w) ? (u(), c("span", $s, [
+                        V(he)(w) === "asc" ? (u(), c("svg", xs, [...n[35] || (n[35] = [
                           e("path", {
                             "fill-rule": "evenodd",
                             d: "M14.707 12.707a1 1 0 01-1.414 0L10 9.414l-3.293 3.293a1 1 0 01-1.414-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 010 1.414z",
                             "clip-rule": "evenodd"
                           }, null, -1)
-                        ])])) : (u(), v("svg", $s, [...n[36] || (n[36] = [
+                        ])])) : (u(), c("svg", Ms, [...n[36] || (n[36] = [
                           e("path", {
                             "fill-rule": "evenodd",
                             d: "M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",
@@ -3696,7 +3700,7 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
                           }, null, -1)
                         ])]))
                       ])) : z("", !0),
-                      D(g)(w) ? (u(), v("span", Ms, [...n[37] || (n[37] = [
+                      V(g)(w) ? (u(), c("span", Rs, [...n[37] || (n[37] = [
                         e("svg", {
                           class: "vpg-icon-xs",
                           fill: "currentColor",
@@ -3729,113 +3733,113 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
                       ], -1))
                     ])
                   ]),
-                  t.enableColumnResize ? (u(), v("div", {
+                  t.enableColumnResize ? (u(), c("div", {
                     key: 0,
                     class: "vpg-resize-handle",
-                    onMousedown: (X) => nl(w, X)
-                  }, null, 40, Rs)) : z("", !0)
-                ], 14, Cs))), 128))
+                    onMousedown: (_) => nl(w, _)
+                  }, null, 40, Ds)) : z("", !0)
+                ], 14, ys))), 128))
               ])
             ]),
             e("tbody", {
               ref_key: "tableBodyRef",
-              ref: Dt
+              ref: Vt
             }, [
-              (u(!0), v(I, null, oe(we.value, (w, W) => (u(), v("tr", {
+              (u(!0), c(X, null, le(ge.value, (w, W) => (u(), c("tr", {
                 key: w.id,
                 class: "vpg-row"
               }, [
-                (u(!0), v(I, null, oe(D(S), (X, se) => (u(), v("td", {
-                  key: X,
-                  class: Z(["vpg-cell", {
+                (u(!0), c(X, null, le(V(S), (_, se) => (u(), c("td", {
+                  key: _,
+                  class: Q(["vpg-cell", {
                     "vpg-selected": kl(W, se),
-                    "vpg-is-number": D(c)(X).type === "number"
+                    "vpg-is-number": V(v)(_).type === "number"
                   }]),
                   "data-row": W,
                   "data-col": se,
-                  style: Fe({ width: `${Re.value[X] || Ae}px`, minWidth: `${Re.value[X] || Ae}px` }),
-                  onMousedown: (ae) => Cl(W, se, ae),
+                  style: Fe({ width: `${Re.value[_] || Ae}px`, minWidth: `${Re.value[_] || Ae}px` }),
+                  onMousedown: (ae) => bl(W, se, ae),
                   onMouseenter: (ae) => yl(W, se)
-                }, x(xl(w.original[X], X)), 47, Ds))), 128))
+                }, $($l(w.original[_], _)), 47, Vs))), 128))
               ]))), 128))
             ], 512)
           ], 4)
         ]))
-      ], 512)) : (u(), v("div", Vs, [
-        Ie.value && D(a) ? (u(), v("div", Ts, [
-          Oe(Io, {
-            "available-fields": D(st),
-            "row-fields": D(Ne),
-            "column-fields": D(Pe),
-            "value-fields": D(ze),
-            "show-row-totals": D(qe),
-            "show-column-totals": D(Ge),
+      ], 512)) : (u(), c("div", Ts, [
+        _e.value && V(a) ? (u(), c("div", As, [
+          Oe(Xo, {
+            "available-fields": V(rt),
+            "row-fields": V(Ne),
+            "column-fields": V(Pe),
+            "value-fields": V(ze),
+            "show-row-totals": V(qe),
+            "show-column-totals": V(Ge),
             "calculated-fields": Se.value,
             "onUpdate:showRowTotals": n[10] || (n[10] = (w) => qe.value = w),
             "onUpdate:showColumnTotals": n[11] || (n[11] = (w) => Ge.value = w),
-            onClearConfig: D(J),
+            onClearConfig: V(N),
             onDragStart: rl,
             onDragEnd: ul,
-            onUpdateAggregation: D(K),
-            onAddRowField: D(_e),
-            onRemoveRowField: D(V),
-            onAddColumnField: D(p),
-            onRemoveColumnField: D(j),
-            onAddValueField: D(C),
-            onRemoveValueField: D(L),
+            onUpdateAggregation: V(C),
+            onAddRowField: V(Ie),
+            onRemoveRowField: V(Xe),
+            onAddColumnField: V(at),
+            onRemoveColumnField: V(R),
+            onAddValueField: V(p),
+            onRemoveValueField: V(U),
             onAddCalculatedField: al,
             onRemoveCalculatedField: sl,
             onUpdateCalculatedField: il
           }, null, 8, ["available-fields", "row-fields", "column-fields", "value-fields", "show-row-totals", "show-column-totals", "calculated-fields", "onClearConfig", "onUpdateAggregation", "onAddRowField", "onRemoveRowField", "onAddColumnField", "onRemoveColumnField", "onAddValueField", "onRemoveValueField"])
         ])) : z("", !0),
         e("div", {
-          class: Z(["vpg-pivot-main", { "vpg-full-width": !Ie.value }])
+          class: Q(["vpg-pivot-main", { "vpg-full-width": !_e.value }])
         }, [
-          Oe(ts, {
-            "row-fields": D(Ne),
-            "column-fields": D(Pe),
-            "value-fields": D(ze),
+          Oe(ls, {
+            "row-fields": V(Ne),
+            "column-fields": V(Pe),
+            "value-fields": V(ze),
             "calculated-fields": Se.value,
-            "is-configured": D(Ye),
-            "dragging-field": mt.value,
-            "pivot-result": D(me),
-            "font-size": R.value,
-            "active-filters": lt.value,
-            "total-row-count": D(d),
-            "filtered-row-count": D(f),
-            onAddRowField: D(_e),
-            onRemoveRowField: D(V),
-            onAddColumnField: D(p),
-            onRemoveColumnField: D(j),
-            onAddValueField: D(C),
-            onRemoveValueField: D(L),
-            onUpdateAggregation: D(K),
+            "is-configured": V(Ye),
+            "dragging-field": wt.value,
+            "pivot-result": V(Ce),
+            "font-size": D.value,
+            "active-filters": ot.value,
+            "total-row-count": V(d),
+            "filtered-row-count": V(f),
+            onAddRowField: V(Ie),
+            onRemoveRowField: V(Xe),
+            onAddColumnField: V(at),
+            onRemoveColumnField: V(R),
+            onAddValueField: V(p),
+            onRemoveValueField: V(U),
+            onUpdateAggregation: V(C),
             onReorderRowFields: cl,
             onReorderColumnFields: vl
           }, null, 8, ["row-fields", "column-fields", "value-fields", "calculated-fields", "is-configured", "dragging-field", "pivot-result", "font-size", "active-filters", "total-row-count", "filtered-row-count", "onAddRowField", "onRemoveRowField", "onAddColumnField", "onRemoveColumnField", "onAddValueField", "onRemoveValueField", "onUpdateAggregation"])
         ], 2)
       ])),
-      e("div", As, [
-        e("div", Ls, [
-          ge.value === "grid" ? (u(), v(I, { key: 0 }, [
-            t.enablePagination ? (u(), v(I, { key: 0 }, [
-              e("span", null, x(de.value.toLocaleString()) + "-" + x(Ee.value.toLocaleString()), 1),
+      e("div", Ls, [
+        e("div", Ns, [
+          de.value === "grid" ? (u(), c(X, { key: 0 }, [
+            t.enablePagination ? (u(), c(X, { key: 0 }, [
+              e("span", null, $(me.value.toLocaleString()) + "-" + $(be.value.toLocaleString()), 1),
               n[39] || (n[39] = e("span", { class: "vpg-separator" }, "of", -1)),
-              e("span", null, x(le.value.toLocaleString()), 1),
-              le.value !== D(d) ? (u(), v("span", Ns, " (" + x(D(d).toLocaleString()) + " total) ", 1)) : z("", !0)
-            ], 64)) : D(f) === D(d) && le.value === D(d) ? (u(), v("span", Ps, x(D(d).toLocaleString()) + " records", 1)) : (u(), v(I, { key: 2 }, [
-              e("span", zs, x(le.value.toLocaleString()), 1),
+              e("span", null, $(ee.value.toLocaleString()), 1),
+              ee.value !== V(d) ? (u(), c("span", Ps, " (" + $(V(d).toLocaleString()) + " total) ", 1)) : z("", !0)
+            ], 64)) : V(f) === V(d) && ee.value === V(d) ? (u(), c("span", zs, $(V(d).toLocaleString()) + " records", 1)) : (u(), c(X, { key: 2 }, [
+              e("span", Es, $(ee.value.toLocaleString()), 1),
               n[40] || (n[40] = e("span", { class: "vpg-separator" }, "of", -1)),
-              e("span", null, x(D(d).toLocaleString()), 1),
+              e("span", null, $(V(d).toLocaleString()), 1),
               n[41] || (n[41] = e("span", { class: "vpg-separator" }, "records", -1))
             ], 64))
-          ], 64)) : (u(), v(I, { key: 1 }, [
+          ], 64)) : (u(), c(X, { key: 1 }, [
             n[42] || (n[42] = e("span", { class: "vpg-pivot-label" }, "Pivot Table", -1)),
             n[43] || (n[43] = e("span", { class: "vpg-separator" }, "•", -1)),
-            e("span", null, x(D(d).toLocaleString()) + " source records", 1)
+            e("span", null, $(V(d).toLocaleString()) + " source records", 1)
           ], 64))
         ]),
-        t.enablePagination && ge.value === "grid" && re.value > 1 ? (u(), v("div", Es, [
+        t.enablePagination && de.value === "grid" && ce.value > 1 ? (u(), c("div", Bs, [
           e("button", {
             class: "vpg-page-btn",
             disabled: T.value === 1,
@@ -3854,11 +3858,11 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
                 d: "M11 19l-7-7 7-7m8 14l-7-7 7-7"
               })
             ], -1)
-          ])], 8, Bs),
+          ])], 8, Us),
           e("button", {
             class: "vpg-page-btn",
             disabled: T.value === 1,
-            onClick: tl
+            onClick: Ee
           }, [...n[45] || (n[45] = [
             e("svg", {
               class: "vpg-icon-sm",
@@ -3873,12 +3877,12 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
                 d: "M15 19l-7-7 7-7"
               })
             ], -1)
-          ])], 8, Us),
-          e("span", js, " Page " + x(T.value) + " of " + x(re.value), 1),
+          ])], 8, js),
+          e("span", Hs, " Page " + $(T.value) + " of " + $(ce.value), 1),
           e("button", {
             class: "vpg-page-btn",
-            disabled: T.value === re.value,
-            onClick: nt
+            disabled: T.value === ce.value,
+            onClick: ve
           }, [...n[46] || (n[46] = [
             e("svg", {
               class: "vpg-icon-sm",
@@ -3893,11 +3897,11 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
                 d: "M9 5l7 7-7 7"
               })
             ], -1)
-          ])], 8, Hs),
+          ])], 8, Ks),
           e("button", {
             class: "vpg-page-btn",
-            disabled: T.value === re.value,
-            onClick: n[13] || (n[13] = (w) => T.value = re.value)
+            disabled: T.value === ce.value,
+            onClick: n[13] || (n[13] = (w) => T.value = ce.value)
           }, [...n[47] || (n[47] = [
             e("svg", {
               class: "vpg-icon-sm",
@@ -3912,28 +3916,28 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
                 d: "M13 5l7 7-7 7M5 5l7 7-7 7"
               })
             ], -1)
-          ])], 8, Ks)
+          ])], 8, Os)
         ])) : z("", !0),
-        ge.value === "grid" && Xe.value && Xe.value.count > 1 ? (u(), v("div", Os, [
-          e("span", Ws, [
+        de.value === "grid" && Qe.value && Qe.value.count > 1 ? (u(), c("div", Ws, [
+          e("span", qs, [
             n[48] || (n[48] = e("span", { class: "vpg-stat-label" }, "Count:", -1)),
-            e("span", qs, x(Xe.value.count), 1)
+            e("span", Gs, $(Qe.value.count), 1)
           ]),
-          Xe.value.numericCount > 0 ? (u(), v(I, { key: 0 }, [
+          Qe.value.numericCount > 0 ? (u(), c(X, { key: 0 }, [
             n[51] || (n[51] = e("span", { class: "vpg-stat-divider" }, "|", -1)),
-            e("span", Gs, [
+            e("span", Ys, [
               n[49] || (n[49] = e("span", { class: "vpg-stat-label" }, "Sum:", -1)),
-              e("span", Ys, x(Tt(Xe.value.sum)), 1)
+              e("span", Is, $(At(Qe.value.sum)), 1)
             ]),
             n[52] || (n[52] = e("span", { class: "vpg-stat-divider" }, "|", -1)),
-            e("span", _s, [
+            e("span", Xs, [
               n[50] || (n[50] = e("span", { class: "vpg-stat-label" }, "Avg:", -1)),
-              e("span", Is, x(Tt(Xe.value.avg)), 1)
+              e("span", Zs, $(At(Qe.value.avg)), 1)
             ])
           ], 64)) : z("", !0)
         ])) : z("", !0),
-        e("div", Xs, [
-          D(m) ? (u(), v("div", Zs, [...n[53] || (n[53] = [
+        e("div", _s, [
+          V(m) ? (u(), c("div", Qs, [...n[53] || (n[53] = [
             e("span", { class: "vpg-demo-badge" }, "DEMO", -1),
             e("span", null, "Pro features enabled", -1),
             e("a", {
@@ -3941,12 +3945,12 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
               target: "_blank",
               rel: "noopener"
             }, "Get License →", -1)
-          ])])) : D(o) ? (u(), v("span", Qs, [...n[54] || (n[54] = [
+          ])])) : V(o) ? (u(), c("span", Js, [...n[54] || (n[54] = [
             Vl('<a href="https://tiny-pivot.com" target="_blank" rel="noopener" data-v-7b06f760><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-v-7b06f760><rect x="3" y="3" width="7" height="7" data-v-7b06f760></rect><rect x="14" y="3" width="7" height="7" data-v-7b06f760></rect><rect x="14" y="14" width="7" height="7" data-v-7b06f760></rect><rect x="3" y="14" width="7" height="7" data-v-7b06f760></rect></svg> Powered by TinyPivot </a>', 1)
           ])])) : z("", !0)
         ])
       ]),
-      t.enableVerticalResize ? (u(), v("div", {
+      t.enableVerticalResize ? (u(), c("div", {
         key: 2,
         class: "vpg-vertical-resize-handle",
         onMousedown: ol
@@ -3957,56 +3961,56 @@ const Fn = { class: "vpg-range-filter" }, Sn = { class: "vpg-range-info" }, xn =
           e("span")
         ], -1)
       ])], 32)) : z("", !0),
-      (u(), Ot(Wt, { to: "body" }, [
-        ue.value ? (u(), v("div", {
+      (u(), Wt(qt, { to: "body" }, [
+        ie.value ? (u(), c("div", {
           key: 0,
           class: "vpg-filter-portal",
           style: Fe({
             position: "fixed",
-            top: `${it.value.top}px`,
-            left: `${it.value.left}px`,
-            maxHeight: `${it.value.maxHeight}px`,
+            top: `${ut.value.top}px`,
+            left: `${ut.value.left}px`,
+            maxHeight: `${ut.value.maxHeight}px`,
             zIndex: 9999
           })
         }, [
           Oe(Qn, {
-            "column-id": ue.value,
-            "column-name": ue.value,
-            stats: D(c)(ue.value),
-            "selected-values": D(B)(ue.value),
-            "sort-direction": D(be)(ue.value),
-            "numeric-range": D(Ce)(ue.value),
-            onFilter: n[14] || (n[14] = (w) => gl(ue.value, w)),
-            onRangeFilter: n[15] || (n[15] = (w) => pl(ue.value, w)),
-            onSort: n[16] || (n[16] = (w) => fl(ue.value, w)),
-            onClose: rt
+            "column-id": ie.value,
+            "column-name": ie.value,
+            stats: V(v)(ie.value),
+            "selected-values": V(B)(ie.value),
+            "sort-direction": V(he)(ie.value),
+            "numeric-range": V(we)(ie.value),
+            onFilter: n[14] || (n[14] = (w) => gl(ie.value, w)),
+            onRangeFilter: n[15] || (n[15] = (w) => pl(ie.value, w)),
+            onSort: n[16] || (n[16] = (w) => fl(ie.value, w)),
+            onClose: ct
           }, null, 8, ["column-id", "column-name", "stats", "selected-values", "sort-direction", "numeric-range"])
         ], 4)) : z("", !0)
       ]))
     ], 6));
   }
-}), ui = /* @__PURE__ */ et(Js, [["__scopeId", "data-v-7b06f760"]]);
+}), ci = /* @__PURE__ */ lt(ei, [["__scopeId", "data-v-7b06f760"]]);
 export {
   Qn as ColumnFilter,
-  ui as DataGrid,
-  Io as PivotConfig,
-  ts as PivotSkeleton,
-  oi as configureLicenseSecret,
+  ci as DataGrid,
+  Xo as PivotConfig,
+  ls as PivotSkeleton,
+  ai as configureLicenseSecret,
   yn as copyToClipboard,
-  ni as enableDemoMode,
-  Cn as exportPivotToCSV,
-  bn as exportToCSV,
+  oi as enableDemoMode,
+  bn as exportPivotToCSV,
+  Cn as exportToCSV,
   Bl as formatCellValue,
   kn as formatSelectionForClipboard,
-  pt as getAggregationLabel,
+  mt as getAggregationLabel,
   El as getColumnUniqueValues,
-  li as setLicenseKey,
-  ri as useColumnResize,
+  ni as setLicenseKey,
+  ui as useColumnResize,
   mn as useExcelGrid,
-  si as useGlobalSearch,
-  ft as useLicense,
-  ai as usePagination,
+  ii as useGlobalSearch,
+  ht as useLicense,
+  si as usePagination,
   wn as usePivotTable,
-  ii as useRowSelection
+  ri as useRowSelection
 };
 //# sourceMappingURL=tinypivot-vue.js.map