@smallwebco/tinypivot-vue 1.0.13 → 1.0.15

package/dist/tinypivot-vue.js

@@ -1,35 +1,35 @@
-import { ref as M, computed as T, watch as ze, defineComponent as Qe, onMounted as xt, nextTick as Ue, onUnmounted as Tt, createElementBlock as u, openBlock as r, createElementVNode as e, toDisplayString as R, normalizeClass as q, withDirectives as it, createCommentVNode as z, vModelText as rt, createTextVNode as I, Fragment as W, renderList as J, withModifiers as Ke, unref as S, normalizeStyle as ve, createVNode as Ye, createBlock as io, Transition as ro, withCtx as uo, withKeys as vo, Teleport as co } from "vue";
+import { ref as M, computed as T, watch as Ae, defineComponent as Qe, onMounted as xt, nextTick as Ue, onUnmounted as Tt, createElementBlock as u, openBlock as r, createElementVNode as e, toDisplayString as R, normalizeClass as q, withDirectives as it, createCommentVNode as A, vModelText as rt, createTextVNode as I, Fragment as W, renderList as J, withModifiers as Ke, unref as S, normalizeStyle as ve, createVNode as Ye, createBlock as io, Transition as ro, withCtx as uo, withKeys as vo, Teleport as co } from "vue";
 import { useVueTable as go, getFilteredRowModel as po, getSortedRowModel as fo, getCoreRowModel as mo } from "@tanstack/vue-table";
 function ho(t) {
-  const i = t.filter((c) => c != null && c !== "");
-  if (i.length === 0)
+  const a = t.filter((c) => c != null && c !== "");
+  if (a.length === 0)
     return "string";
-  const n = i.slice(0, 100);
+  const n = a.slice(0, 100);
   let l = 0, v = 0, m = 0;
   for (const c of n)
     typeof c == "boolean" ? m++ : typeof c == "number" || !Number.isNaN(Number(c)) && c !== "" ? l++ : (c instanceof Date || !Number.isNaN(Date.parse(String(c)))) && v++;
   const y = n.length * 0.8;
   return m >= y ? "boolean" : l >= y ? "number" : v >= y ? "date" : "string";
 }
-function wo(t, i) {
-  const l = t.map((c) => c[i]).filter((c) => c != null && c !== "").slice(0, 100);
+function wo(t, a) {
+  const l = t.map((c) => c[a]).filter((c) => c != null && c !== "").slice(0, 100);
   let v = 0;
   const m = /* @__PURE__ */ new Set();
   for (const c of l)
     m.add(String(c)), (typeof c == "number" || !Number.isNaN(Number(c)) && c !== "") && v++;
   const y = v >= l.length * 0.8;
   return {
-    field: i,
+    field: a,
     type: y ? "number" : "string",
     uniqueCount: m.size,
     isNumeric: y
   };
 }
-function ko(t, i, n = 500) {
+function ko(t, a, n = 500) {
   const l = [];
   let v = 0;
   for (const c of t) {
-    const b = c[i];
+    const b = c[a];
     b == null || b === "" ? v++ : l.push(b);
   }
   const m = /* @__PURE__ */ new Set();
@@ -38,18 +38,18 @@ function ko(t, i, n = 500) {
       break;
   return {
     uniqueValues: Array.from(m).sort((c, b) => {
-      const C = Number.parseFloat(c), V = Number.parseFloat(b);
-      return !Number.isNaN(C) && !Number.isNaN(V) ? C - V : c.localeCompare(b);
+      const C = Number.parseFloat(c), D = Number.parseFloat(b);
+      return !Number.isNaN(C) && !Number.isNaN(D) ? C - D : c.localeCompare(b);
     }),
     totalCount: t.length,
     nullCount: v,
     type: ho(l)
   };
 }
-function Co(t, i) {
+function Co(t, a) {
   if (t == null || t === "")
     return "";
-  switch (i) {
+  switch (a) {
     case "number": {
       const n = typeof t == "number" ? t : Number.parseFloat(String(t));
       return Number.isNaN(n) ? String(t) : Math.abs(n) >= 1e3 ? n.toLocaleString("en-US", { maximumFractionDigits: 2 }) : n.toLocaleString("en-US", { maximumFractionDigits: 4 });
@@ -68,16 +68,16 @@ function Co(t, i) {
       return String(t);
   }
 }
-function Ft(t, i) {
-  return i.map((n) => String(t[n] ?? "(blank)")).join("|||");
+function Ft(t, a) {
+  return a.map((n) => String(t[n] ?? "(blank)")).join("|||");
 }
 function St(t) {
   return t.split("|||");
 }
-function Ze(t, i) {
+function Ze(t, a) {
   if (t.length === 0)
     return null;
-  switch (i) {
+  switch (a) {
     case "sum":
       return t.reduce((n, l) => n + l, 0);
     case "count":
@@ -94,8 +94,8 @@ function Ze(t, i) {
       return t.reduce((n, l) => n + l, 0);
   }
 }
-function Je(t, i) {
-  return t === null ? "-" : i === "count" || i === "countDistinct" ? Math.round(t).toLocaleString() : Math.abs(t) >= 1e3 ? t.toLocaleString("en-US", { maximumFractionDigits: 2 }) : t.toLocaleString("en-US", { maximumFractionDigits: 4 });
+function Je(t, a) {
+  return t === null ? "-" : a === "count" || a === "countDistinct" ? Math.round(t).toLocaleString() : Math.abs(t) >= 1e3 ? t.toLocaleString("en-US", { maximumFractionDigits: 2 }) : t.toLocaleString("en-US", { maximumFractionDigits: 4 });
 }
 function Rt(t) {
   return {
@@ -110,20 +110,20 @@ function Rt(t) {
 function yo(t) {
   return t.length === 0 ? [] : Object.keys(t[0]).map((n) => wo(t, n));
 }
-function bo(t, i, n, l) {
+function bo(t, a, n, l) {
   const v = /* @__PURE__ */ new Set([
-    ...i,
+    ...a,
     ...n,
     ...l.map((m) => m.field)
   ]);
   return t.filter((m) => !v.has(m.field));
 }
-function Vt(t) {
+function Dt(t) {
   return (t.rowFields.length > 0 || t.columnFields.length > 0) && t.valueFields.length > 0;
 }
-function Fo(t, i) {
-  const { rowFields: n, columnFields: l, valueFields: v, showRowTotals: m, showColumnTotals: y } = i;
-  if (!Vt(i) || t.length === 0)
+function Fo(t, a) {
+  const { rowFields: n, columnFields: l, valueFields: v, showRowTotals: m, showColumnTotals: y } = a;
+  if (!Dt(a) || t.length === 0)
     return null;
   const c = /* @__PURE__ */ new Set(), b = /* @__PURE__ */ new Set(), C = /* @__PURE__ */ new Map();
   for (const f of t) {
@@ -140,7 +140,7 @@ function Fo(t, i) {
       }
     }
   }
-  const V = Array.from(c).sort(), $ = Array.from(b).sort(), U = [];
+  const D = Array.from(c).sort(), $ = Array.from(b).sort(), U = [];
   if (l.length > 0)
     for (let f = 0; f < l.length; f++) {
       const s = [];
@@ -157,8 +157,8 @@ function Fo(t, i) {
         f.push(`${d.label || d.field} (${Rt(d.aggregation)})`);
     $.length === 1 && $[0] === "__all__" ? U.push(v.map((s) => `${s.label || s.field} (${Rt(s.aggregation)})`)) : U.push(f);
   }
-  const D = V.map((f) => f === "__all__" ? ["Total"] : St(f)), H = [], O = [], _ = /* @__PURE__ */ new Map();
-  for (const f of V) {
+  const V = D.map((f) => f === "__all__" ? ["Total"] : St(f)), H = [], O = [], _ = /* @__PURE__ */ new Map();
+  for (const f of D) {
     const s = [], d = v.map(() => []);
     let F = 0;
     for (const g of $) {
@@ -186,10 +186,10 @@ function Fo(t, i) {
     }
   }
   const X = [];
-  if (y && V.length > 1)
+  if (y && D.length > 1)
     for (let f = 0; f < $.length * v.length; f++) {
       const s = f % v.length, d = v[s], F = [];
-      for (const w of V) {
+      for (const w of D) {
         const x = C.get(w), L = $[Math.floor(f / v.length)], ee = (x == null ? void 0 : x.get(L)) || v.map(() => []);
         F.push(...ee[s]);
       }
@@ -215,7 +215,7 @@ function Fo(t, i) {
   }
   return {
     headers: U,
-    rowHeaders: D,
+    rowHeaders: V,
     data: H,
     rowTotals: O,
     columnTotals: X,
@@ -227,30 +227,30 @@ function Ro(t) {
   const n = [...t].sort().join("|").substring(0, 100);
   return `${So}${n}`;
 }
-function $o(t, i) {
+function $o(t, a) {
   try {
-    sessionStorage.setItem(t, JSON.stringify(i));
+    sessionStorage.setItem(t, JSON.stringify(a));
   } catch {
   }
 }
 function Mo(t) {
   try {
-    const i = sessionStorage.getItem(t);
-    if (i)
-      return JSON.parse(i);
+    const a = sessionStorage.getItem(t);
+    if (a)
+      return JSON.parse(a);
   } catch {
   }
   return null;
 }
-function lt(t, i) {
-  const n = new Set(i);
+function lt(t, a) {
+  const n = new Set(a);
   return [
     ...t.rowFields,
     ...t.columnFields,
     ...t.valueFields.map((v) => v.field)
   ].every((v) => n.has(v));
 }
-const Dt = {
+const Vt = {
   type: "free",
   isValid: !0,
   features: {
@@ -282,90 +282,99 @@ const Dt = {
     // Still show watermark in demo
   }
 };
-async function To(t, i, n) {
+async function To(t, a, n) {
   const l = globalThis.__TP_LICENSE_SECRET__;
   if (!l)
     return console.warn("[TinyPivot] License secret not configured. Call configureLicenseSecret() first."), !1;
   const v = `TP-${t}-${n}`;
   try {
     const m = new TextEncoder(), y = m.encode(l), c = m.encode(v), b = await crypto.subtle.importKey("raw", y, { name: "HMAC", hash: "SHA-256" }, !1, ["sign"]), C = await crypto.subtle.sign("HMAC", b, c), $ = Array.from(new Uint8Array(C)).map((U) => U.toString(16).padStart(2, "0")).join("").slice(0, 12).toUpperCase();
-    return i === $;
+    return a === $;
   } catch {
     return !1;
   }
 }
-async function Vo(t) {
+async function Do(t) {
   if (!t || t === "")
-    return Dt;
-  const i = t.split("-");
-  if (i.length !== 4 || i[0] !== "TP")
+    return Vt;
+  const a = t.split("-");
+  if (a.length !== 4 || a[0] !== "TP")
     return st;
-  const n = i[1], l = i[2], v = i[3];
+  const n = a[1], l = a[2], v = a[3];
   if (!await To(n, l, v))
     return st;
   const y = Number.parseInt(v.slice(0, 4)), c = Number.parseInt(v.slice(4, 6)) - 1, b = Number.parseInt(v.slice(6, 8)), C = new Date(y, c, b);
   if (C < /* @__PURE__ */ new Date())
     return { ...st, expiresAt: C };
-  let V = "free";
-  return n === "PRO1" ? V = "pro-single" : n === "PROU" ? V = "pro-unlimited" : n === "PROT" && (V = "pro-team"), {
-    type: V,
+  let D = "free";
+  return n === "PRO1" ? D = "pro-single" : n === "PROU" ? D = "pro-unlimited" : n === "PROT" && (D = "pro-team"), {
+    type: D,
     isValid: !0,
     expiresAt: C,
     features: {
-      pivot: V !== "free",
-      advancedAggregations: V !== "free",
-      percentageMode: V !== "free",
-      sessionPersistence: V !== "free",
-      noWatermark: V !== "free"
+      pivot: D !== "free",
+      advancedAggregations: D !== "free",
+      percentageMode: D !== "free",
+      sessionPersistence: D !== "free",
+      noWatermark: D !== "free"
     }
   };
 }
-function Do(t) {
+function Vo(t) {
   globalThis.__TP_LICENSE_SECRET__ = t;
 }
-function zo() {
-  return xo;
+const Ao = "A48AA0618518D3E62F31FCFCA2DD2B86E7FE0863E2F90756FB0A960AE7A51583";
+async function zo(t) {
+  try {
+    const n = new TextEncoder().encode(t), l = await crypto.subtle.digest("SHA-256", n);
+    return Array.from(new Uint8Array(l)).map((m) => m.toString(16).padStart(2, "0")).join("").toUpperCase();
+  } catch {
+    return "";
+  }
+}
+async function Lo(t) {
+  return !t || await zo(t) !== Ao ? null : xo;
 }
-function Ao() {
-  return Dt;
+function Po() {
+  return Vt;
 }
-function Lo(t) {
+function Eo(t) {
   return t.features.pivot;
 }
-function Po(t) {
+function No(t) {
   return t.isValid && t.type !== "free";
 }
-function Eo(t, i) {
-  return i || !t.features.noWatermark;
+function Bo(t, a) {
+  return a || !t.features.noWatermark;
 }
-function No(t) {
+function jo(t) {
   console.warn(`[TinyPivot] "${t}" requires a Pro license. Visit https://tiny-pivot.com/#pricing to upgrade.`);
 }
-function le(t, i = ",") {
+function le(t, a = ",") {
   if (t == null)
     return "";
   const n = String(t);
-  return n.includes(i) || n.includes('"') || n.includes(`
+  return n.includes(a) || n.includes('"') || n.includes(`
 `) ? `"${n.replace(/"/g, '""')}"` : n;
 }
-function Bo(t, i, n = {}) {
+function Ho(t, a, n = {}) {
   const { filename: l = "export.csv", includeHeaders: v = !0, delimiter: m = "," } = n, y = [];
-  v && y.push(i.map((b) => le(b, m)).join(m));
+  v && y.push(a.map((b) => le(b, m)).join(m));
   for (const b of t) {
-    const C = i.map((V) => le(b[V], m));
+    const C = a.map((D) => le(b[D], m));
     y.push(C.join(m));
   }
   const c = y.join(`
 `);
-  zt(c, l, "text/csv;charset=utf-8;");
+  At(c, l, "text/csv;charset=utf-8;");
 }
-function jo(t, i, n, l, v = {}) {
-  const { filename: m = "pivot-export.csv", delimiter: y = "," } = v, c = [], { headers: b, rowHeaders: C, data: V, rowTotals: $, columnTotals: U, grandTotal: D, showRowTotals: H, showColumnTotals: O } = t, _ = i.length || 1;
+function Uo(t, a, n, l, v = {}) {
+  const { filename: m = "pivot-export.csv", delimiter: y = "," } = v, c = [], { headers: b, rowHeaders: C, data: D, rowTotals: $, columnTotals: U, grandTotal: V, showRowTotals: H, showColumnTotals: O } = t, _ = a.length || 1;
   if (b.length > 0)
     for (let B = 0; B < b.length; B++) {
       const f = [];
       for (let s = 0; s < _; s++)
-        f.push(B === b.length - 1 ? le(i[s] || "", y) : "");
+        f.push(B === b.length - 1 ? le(a[s] || "", y) : "");
       for (const s of b[B])
         f.push(le(s, y));
       if (H && $ && $.length > 0)
@@ -380,7 +389,7 @@ function jo(t, i, n, l, v = {}) {
   else {
     const B = [];
     for (let f = 0; f < _; f++)
-      B.push(le(i[f] || "", y));
+      B.push(le(a[f] || "", y));
     for (const f of l)
       B.push(le(`${f.field} (${f.aggregation})`, y));
     H && $ && $.length > 0 && B.push(le("Total", y)), c.push(B.join(y));
@@ -389,7 +398,7 @@ function jo(t, i, n, l, v = {}) {
     const f = [], s = C[B] || [];
     for (let F = 0; F < _; F++)
       f.push(le(s[F] || "", y));
-    const d = V[B] || [];
+    const d = D[B] || [];
     for (const F of d)
       f.push(le((F == null ? void 0 : F.formattedValue) || "", y));
     H && $ && $[B] && f.push(le($[B].formattedValue || "", y)), c.push(f.join(y));
@@ -401,55 +410,55 @@ function jo(t, i, n, l, v = {}) {
       B.push("");
     for (const f of U)
       B.push(le((f == null ? void 0 : f.formattedValue) || "", y));
-    H && D && B.push(le(D.formattedValue || "", y)), c.push(B.join(y));
+    H && V && B.push(le(V.formattedValue || "", y)), c.push(B.join(y));
   }
   const X = c.join(`
 `);
-  zt(X, m, "text/csv;charset=utf-8;");
+  At(X, m, "text/csv;charset=utf-8;");
 }
-function zt(t, i, n) {
+function At(t, a, n) {
   const l = new Blob([t], { type: n }), v = URL.createObjectURL(l), m = document.createElement("a");
-  m.href = v, m.download = i, m.style.display = "none", document.body.appendChild(m), m.click(), document.body.removeChild(m), URL.revokeObjectURL(v);
+  m.href = v, m.download = a, m.style.display = "none", document.body.appendChild(m), m.click(), document.body.removeChild(m), URL.revokeObjectURL(v);
 }
-function Ho(t, i, n) {
-  navigator.clipboard.writeText(t).then(i).catch(n);
+function Ko(t, a, n) {
+  navigator.clipboard.writeText(t).then(a).catch(n);
 }
-function Uo(t, i, n) {
+function Wo(t, a, n) {
   const { minRow: l, maxRow: v, minCol: m, maxCol: y } = n, c = [];
   for (let b = l; b <= v; b++) {
     const C = t[b];
     if (!C)
       continue;
-    const V = [];
+    const D = [];
     for (let $ = m; $ <= y; $++) {
-      const U = i[$];
+      const U = a[$];
       if (!U)
         continue;
-      const D = C[U];
-      V.push(D == null ? "" : String(D));
+      const V = C[U];
+      D.push(V == null ? "" : String(V));
     }
-    c.push(V.join("	"));
+    c.push(D.join("	"));
   }
   return c.join(`
 `);
 }
-const $t = (t, i, n) => {
+const $t = (t, a, n) => {
   if (!n || !Array.isArray(n) || n.length === 0)
     return !0;
-  const l = t.getValue(i), v = l == null || l === "" ? "(blank)" : String(l);
+  const l = t.getValue(a), v = l == null || l === "" ? "(blank)" : String(l);
   return n.includes(v);
 };
-function Ko(t) {
-  const { data: i, enableSorting: n = !0, enableFiltering: l = !0 } = t, v = M([]), m = M([]), y = M({}), c = M(""), b = M({}), C = T(() => i.value.length === 0 ? [] : Object.keys(i.value[0]));
-  function V(g) {
-    const w = `${g}-${i.value.length}`;
-    return b.value[w] || (b.value[w] = ko(i.value, g)), b.value[w];
+function _o(t) {
+  const { data: a, enableSorting: n = !0, enableFiltering: l = !0 } = t, v = M([]), m = M([]), y = M({}), c = M(""), b = M({}), C = T(() => a.value.length === 0 ? [] : Object.keys(a.value[0]));
+  function D(g) {
+    const w = `${g}-${a.value.length}`;
+    return b.value[w] || (b.value[w] = ko(a.value, g)), b.value[w];
   }
   function $() {
     b.value = {};
   }
   const U = T(() => C.value.map((g) => {
-    const w = V(g);
+    const w = D(g);
     return {
       id: g,
       accessorKey: g,
@@ -462,9 +471,9 @@ function Ko(t) {
         uniqueCount: w.uniqueValues.length
       }
     };
-  })), D = go({
+  })), V = go({
     get data() {
-      return i.value;
+      return a.value;
     },
     get columns() {
       return U.value;
@@ -497,25 +506,25 @@ function Ko(t) {
     },
     enableSorting: n,
     enableFilters: l
-  }), H = T(() => D.getFilteredRowModel().rows.length), O = T(() => i.value.length), _ = T(() => m.value.map((g) => ({
+  }), H = T(() => V.getFilteredRowModel().rows.length), O = T(() => a.value.length), _ = T(() => m.value.map((g) => ({
     column: g.id,
     values: g.value
   })));
   function X(g) {
-    const w = D.getColumn(g);
+    const w = V.getColumn(g);
     if (!w) return !1;
     const x = w.getFilterValue();
     return x !== void 0 && Array.isArray(x) && x.length > 0;
   }
   function B(g, w) {
-    const x = D.getColumn(g);
-    x && (x.setFilterValue(w.length === 0 ? void 0 : w), m.value = D.getState().columnFilters);
+    const x = V.getColumn(g);
+    x && (x.setFilterValue(w.length === 0 ? void 0 : w), m.value = V.getState().columnFilters);
   }
   function f() {
-    D.resetColumnFilters(), c.value = "", m.value = [];
+    V.resetColumnFilters(), c.value = "", m.value = [];
   }
   function s(g) {
-    const w = D.getColumn(g);
+    const w = V.getColumn(g);
     if (!w) return [];
     const x = w.getFilterValue();
     return Array.isArray(x) ? x : [];
@@ -528,11 +537,11 @@ function Ko(t) {
     const w = v.value.find((x) => x.id === g);
     return w ? w.desc ? "desc" : "asc" : null;
   }
-  return ze(i, () => {
+  return Ae(a, () => {
     $();
   }), {
     // Table instance
-    table: D,
+    table: V,
     // State
     sorting: v,
     columnFilters: m,
@@ -544,7 +553,7 @@ function Ko(t) {
     totalRowCount: O,
     activeFilters: _,
     // Methods
-    getColumnStats: V,
+    getColumnStats: D,
     clearStatsCache: $,
     hasActiveFilter: X,
     setColumnFilter: B,
@@ -554,30 +563,31 @@ function Ko(t) {
     getSortDirection: F
   };
 }
-const Wo = M(null), $e = M(!1), ce = M(Ao());
+const qo = M(null), $e = M(!1), ce = M(Po());
 let at = null;
-async function As(t) {
-  Wo.value = t, at = Vo(t), ce.value = await at, at = null, ce.value.isValid ? ce.value.type !== "free" && console.info(`[TinyPivot] Pro license activated (${ce.value.type})`) : console.warn("[TinyPivot] Invalid or expired license key. Running in free mode.");
+async function Ps(t) {
+  qo.value = t, at = Do(t), ce.value = await at, at = null, ce.value.isValid ? ce.value.type !== "free" && console.info(`[TinyPivot] Pro license activated (${ce.value.type})`) : console.warn("[TinyPivot] Invalid or expired license key. Running in free mode.");
 }
-function Ls() {
-  $e.value = !0, ce.value = zo(), console.info("[TinyPivot] Demo mode enabled - all Pro features unlocked for evaluation");
+async function Es(t) {
+  const a = await Lo(t);
+  return a ? ($e.value = !0, ce.value = a, console.info("[TinyPivot] Demo mode enabled - all Pro features unlocked for evaluation"), !0) : (console.warn("[TinyPivot] Demo mode activation failed - invalid secret"), !1);
 }
-function Ps(t) {
-  Do(t);
+function Ns(t) {
+  Vo(t);
 }
 function Ie() {
-  const t = T(() => $e.value), i = T(() => $e.value || Po(ce.value)), n = T(() => $e.value || Lo(ce.value)), l = T(
+  const t = T(() => $e.value), a = T(() => $e.value || No(ce.value)), n = T(() => $e.value || Eo(ce.value)), l = T(
     () => $e.value || ce.value.features.advancedAggregations
   ), v = T(
     () => $e.value || ce.value.features.percentageMode
-  ), m = T(() => Eo(ce.value, $e.value));
+  ), m = T(() => Bo(ce.value, $e.value));
   function y(c) {
-    return i.value ? !0 : (No(c), !1);
+    return a.value ? !0 : (jo(c), !1);
   }
   return {
     licenseInfo: T(() => ce.value),
     isDemo: t,
-    isPro: i,
+    isPro: a,
     canUsePivot: n,
     canUseAdvancedAggregations: l,
     canUsePercentageMode: v,
@@ -585,26 +595,26 @@ function Ie() {
     requirePro: y
   };
 }
-function _o(t) {
-  const { canUsePivot: i, requirePro: n } = Ie(), l = M([]), v = M([]), m = M([]), y = M(!0), c = M(!0), b = M(null), C = T(() => yo(t.value)), V = T(() => bo(
+function Oo(t) {
+  const { canUsePivot: a, requirePro: n } = Ie(), l = M([]), v = M([]), m = M([]), y = M(!0), c = M(!0), b = M(null), C = T(() => yo(t.value)), D = T(() => bo(
     C.value,
     l.value,
     v.value,
     m.value
-  )), $ = T(() => Vt({
+  )), $ = T(() => Dt({
     rowFields: l.value,
     columnFields: v.value,
     valueFields: m.value,
     showRowTotals: y.value,
     showColumnTotals: c.value
-  })), U = T(() => !$.value || !i.value ? null : Fo(t.value, {
+  })), U = T(() => !$.value || !a.value ? null : Fo(t.value, {
     rowFields: l.value,
     columnFields: v.value,
     valueFields: m.value,
     showRowTotals: y.value,
     showColumnTotals: c.value
   }));
-  function D(g) {
+  function V(g) {
     n("Pivot Table - Row Fields") && (l.value.includes(g) || (l.value = [...l.value, g]));
   }
   function H(g) {
@@ -646,7 +656,7 @@ function _o(t) {
     const g = C.value.filter((x) => !x.isNumeric && x.uniqueCount < 50), w = C.value.filter((x) => x.isNumeric);
     g.length > 0 && w.length > 0 && (l.value = [g[0].field], m.value = [{ field: w[0].field, aggregation: "sum" }]);
   }
-  return ze(
+  return Ae(
     t,
     (g) => {
       if (g.length === 0) return;
@@ -678,7 +688,7 @@ function _o(t) {
       }
     },
     { immediate: !0 }
-  ), ze(
+  ), Ae(
     [l, v, m, y, c],
     () => {
       if (!b.value) return;
@@ -701,11 +711,11 @@ function _o(t) {
     showColumnTotals: c,
     // Computed
     availableFields: C,
-    unassignedFields: V,
+    unassignedFields: D,
     isConfigured: $,
     pivotResult: U,
     // Actions
-    addRowField: D,
+    addRowField: V,
     removeRowField: H,
     addColumnField: O,
     removeColumnField: _,
@@ -717,20 +727,20 @@ function _o(t) {
     autoSuggestConfig: F
   };
 }
-function qo(t, i, n) {
-  Bo(t, i, n);
+function Go(t, a, n) {
+  Ho(t, a, n);
 }
-function Oo(t, i, n, l, v) {
-  jo(t, i, n, l, v);
+function Xo(t, a, n, l, v) {
+  Uo(t, a, n, l, v);
 }
-function Go(t, i, n) {
-  Ho(t, i, n);
+function Yo(t, a, n) {
+  Ko(t, a, n);
 }
-function Xo(t, i, n) {
-  return Uo(t, i, n);
+function Zo(t, a, n) {
+  return Wo(t, a, n);
 }
-function Es(t, i = {}) {
-  const n = M(i.pageSize ?? 50), l = M(i.currentPage ?? 1), v = T(
+function Bs(t, a = {}) {
+  const n = M(a.pageSize ?? 50), l = M(a.currentPage ?? 1), v = T(
     () => Math.max(1, Math.ceil(t.value.length / n.value))
   ), m = T(() => {
     const H = (l.value - 1) * n.value, O = H + n.value;
@@ -744,7 +754,7 @@ function Es(t, i = {}) {
   function C() {
     l.value < v.value && l.value++;
   }
-  function V() {
+  function D() {
     l.value > 1 && l.value--;
   }
   function $() {
@@ -753,7 +763,7 @@ function Es(t, i = {}) {
   function U() {
     l.value = v.value;
   }
-  function D(H) {
+  function V(H) {
     n.value = H, l.value = 1;
   }
   return {
@@ -765,19 +775,19 @@ function Es(t, i = {}) {
     endIndex: c,
     goToPage: b,
     nextPage: C,
-    prevPage: V,
+    prevPage: D,
     firstPage: $,
     lastPage: U,
-    setPageSize: D
+    setPageSize: V
   };
 }
-function Ns(t, i) {
+function js(t, a) {
   const n = M(""), l = M(!1), v = T(() => {
     if (!n.value.trim())
       return t.value;
     const y = l.value ? n.value.trim() : n.value.trim().toLowerCase();
     return t.value.filter((c) => {
-      for (const b of i.value) {
+      for (const b of a.value) {
         const C = c[b];
         if (C == null) continue;
         if ((l.value ? String(C) : String(C).toLowerCase()).includes(y))
@@ -796,37 +806,37 @@ function Ns(t, i) {
     clearSearch: m
   };
 }
-function Bs(t) {
-  const i = M(/* @__PURE__ */ new Set()), n = T(() => Array.from(i.value).sort((D, H) => D - H).map((D) => t.value[D]).filter(Boolean)), l = T(() => t.value.length > 0 && i.value.size === t.value.length), v = T(() => i.value.size > 0 && i.value.size < t.value.length);
-  function m(D) {
-    i.value.has(D) ? i.value.delete(D) : i.value.add(D), i.value = new Set(i.value);
+function Hs(t) {
+  const a = M(/* @__PURE__ */ new Set()), n = T(() => Array.from(a.value).sort((V, H) => V - H).map((V) => t.value[V]).filter(Boolean)), l = T(() => t.value.length > 0 && a.value.size === t.value.length), v = T(() => a.value.size > 0 && a.value.size < t.value.length);
+  function m(V) {
+    a.value.has(V) ? a.value.delete(V) : a.value.add(V), a.value = new Set(a.value);
   }
-  function y(D) {
-    i.value.add(D), i.value = new Set(i.value);
+  function y(V) {
+    a.value.add(V), a.value = new Set(a.value);
   }
-  function c(D) {
-    i.value.delete(D), i.value = new Set(i.value);
+  function c(V) {
+    a.value.delete(V), a.value = new Set(a.value);
   }
   function b() {
-    i.value = new Set(t.value.map((D, H) => H));
+    a.value = new Set(t.value.map((V, H) => H));
   }
   function C() {
-    i.value = /* @__PURE__ */ new Set();
+    a.value = /* @__PURE__ */ new Set();
   }
-  function V() {
+  function D() {
     l.value ? C() : b();
   }
-  function $(D) {
-    return i.value.has(D);
+  function $(V) {
+    return a.value.has(V);
   }
-  function U(D, H) {
-    const O = Math.min(D, H), _ = Math.max(D, H);
+  function U(V, H) {
+    const O = Math.min(V, H), _ = Math.max(V, H);
     for (let X = O; X <= _; X++)
-      i.value.add(X);
-    i.value = new Set(i.value);
+      a.value.add(X);
+    a.value = new Set(a.value);
   }
   return {
-    selectedRowIndices: i,
+    selectedRowIndices: a,
     selectedRows: n,
     allSelected: l,
     someSelected: v,
@@ -835,25 +845,25 @@ function Bs(t) {
     deselectRow: c,
     selectAll: b,
     deselectAll: C,
-    toggleAll: V,
+    toggleAll: D,
     isSelected: $,
     selectRange: U
   };
 }
-function js(t, i = 60, n = 600) {
+function Us(t, a = 60, n = 600) {
   const l = M({ ...t.value }), v = M(!1), m = M(null);
-  function y(C, V) {
+  function y(C, D) {
     v.value = !0, m.value = C;
-    const $ = V.clientX, U = l.value[C] || 150, D = (O) => {
-      const _ = O.clientX - $, X = Math.max(i, Math.min(n, U + _));
+    const $ = D.clientX, U = l.value[C] || 150, V = (O) => {
+      const _ = O.clientX - $, X = Math.max(a, Math.min(n, U + _));
       l.value = {
         ...l.value,
         [C]: X
       };
     }, H = () => {
-      v.value = !1, m.value = null, document.removeEventListener("mousemove", D), document.removeEventListener("mouseup", H);
+      v.value = !1, m.value = null, document.removeEventListener("mousemove", V), document.removeEventListener("mouseup", H);
     };
-    document.addEventListener("mousemove", D), document.addEventListener("mouseup", H);
+    document.addEventListener("mousemove", V), document.addEventListener("mouseup", H);
   }
   function c(C) {
     t.value[C] && (l.value = {
@@ -873,10 +883,10 @@ function js(t, i = 60, n = 600) {
     resetAllWidths: b
   };
 }
-const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, Jo = { class: "vpg-filter-count" }, Qo = { class: "vpg-sort-controls" }, Io = { class: "vpg-search-container" }, en = { class: "vpg-values-list" }, tn = ["checked", "onChange"], on = {
+const Jo = { class: "vpg-filter-header" }, Qo = { class: "vpg-filter-title" }, Io = { class: "vpg-filter-count" }, en = { class: "vpg-sort-controls" }, tn = { class: "vpg-search-container" }, on = { class: "vpg-values-list" }, nn = ["checked", "onChange"], ln = {
   key: 0,
   class: "vpg-no-results"
-}, nn = /* @__PURE__ */ Qe({
+}, sn = /* @__PURE__ */ Qe({
   __name: "ColumnFilter",
   props: {
     columnId: {},
@@ -886,8 +896,8 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
     sortDirection: {}
   },
   emits: ["filter", "sort", "close"],
-  setup(t, { emit: i }) {
-    const n = t, l = i, v = M(""), m = M(), y = M();
+  setup(t, { emit: a }) {
+    const n = t, l = a, v = M(""), m = M(), y = M();
     T(() => {
       const s = [...n.stats.uniqueValues];
       return n.stats.nullCount > 0 && s.unshift("(blank)"), s;
@@ -898,20 +908,20 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
         return s;
       const d = v.value.toLowerCase();
       return s.filter((F) => F.toLowerCase().includes(d));
-    }), V = T(() => {
+    }), D = T(() => {
       const s = [...C.value];
       return b.value && (!v.value || "(blank)".includes(v.value.toLowerCase())) && s.unshift("(blank)"), s;
     });
-    T(() => V.value.every((s) => c.value.has(s))), T(() => c.value.size === 0);
+    T(() => D.value.every((s) => c.value.has(s))), T(() => c.value.size === 0);
     function $(s) {
       c.value.has(s) ? c.value.delete(s) : c.value.add(s), c.value = new Set(c.value);
     }
     function U() {
-      for (const s of V.value)
+      for (const s of D.value)
         c.value.add(s);
       c.value = new Set(c.value);
     }
-    function D() {
+    function V() {
       c.value.clear(), c.value = new Set(c.value);
     }
     function H() {
@@ -939,18 +949,18 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
       }), document.addEventListener("mousedown", B), document.addEventListener("keydown", f);
     }), Tt(() => {
       document.removeEventListener("mousedown", B), document.removeEventListener("keydown", f);
-    }), ze(() => n.selectedValues, (s) => {
+    }), Ae(() => n.selectedValues, (s) => {
       c.value = new Set(s);
     }, { immediate: !0 }), (s, d) => (r(), u("div", {
       ref_key: "dropdownRef",
       ref: m,
       class: "vpg-filter-dropdown"
     }, [
-      e("div", Yo, [
-        e("span", Zo, R(t.columnName), 1),
-        e("span", Jo, R(t.stats.uniqueValues.length.toLocaleString()) + " unique ", 1)
+      e("div", Jo, [
+        e("span", Qo, R(t.columnName), 1),
+        e("span", Io, R(t.stats.uniqueValues.length.toLocaleString()) + " unique ", 1)
       ]),
-      e("div", Qo, [
+      e("div", en, [
         e("button", {
           class: q(["vpg-sort-btn", { active: t.sortDirection === "asc" }]),
           title: "Sort A to Z",
@@ -993,7 +1003,7 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
         ])], 2)
       ]),
       d[7] || (d[7] = e("div", { class: "vpg-divider" }, null, -1)),
-      e("div", Io, [
+      e("div", tn, [
         d[4] || (d[4] = e("svg", {
           class: "vpg-search-icon",
           fill: "none",
@@ -1021,7 +1031,7 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
           key: 0,
           class: "vpg-clear-search",
           onClick: d[1] || (d[1] = (F) => v.value = "")
-        }, " × ")) : z("", !0)
+        }, " × ")) : A("", !0)
       ]),
       e("div", { class: "vpg-bulk-actions" }, [
         e("button", {
@@ -1045,7 +1055,7 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
         ])]),
         e("button", {
           class: "vpg-bulk-btn",
-          onClick: D
+          onClick: V
         }, [...d[6] || (d[6] = [
           e("svg", {
             class: "vpg-icon-sm",
@@ -1063,8 +1073,8 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
           I(" Clear All ", -1)
         ])])
       ]),
-      e("div", en, [
-        (r(!0), u(W, null, J(V.value, (F) => (r(), u("label", {
+      e("div", on, [
+        (r(!0), u(W, null, J(D.value, (F) => (r(), u("label", {
           key: F,
           class: q(["vpg-value-item", { selected: c.value.has(F) }])
         }, [
@@ -1073,12 +1083,12 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
             checked: c.value.has(F),
             class: "vpg-value-checkbox",
             onChange: (g) => $(F)
-          }, null, 40, tn),
+          }, null, 40, nn),
           e("span", {
             class: q(["vpg-value-text", { "vpg-blank": F === "(blank)" }])
           }, R(F), 3)
         ], 2))), 128)),
-        V.value.length === 0 ? (r(), u("div", on, " No matching values ")) : z("", !0)
+        D.value.length === 0 ? (r(), u("div", ln, " No matching values ")) : A("", !0)
       ]),
       e("div", { class: "vpg-filter-footer" }, [
         e("button", {
@@ -1092,24 +1102,24 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
       ])
     ], 512));
   }
-}), et = (t, i) => {
+}), et = (t, a) => {
   const n = t.__vccOpts || t;
-  for (const [l, v] of i)
+  for (const [l, v] of a)
     n[l] = v;
   return n;
-}, ln = /* @__PURE__ */ et(nn, [["__scopeId", "data-v-0e340167"]]), sn = { class: "vpg-pivot-config" }, an = { class: "vpg-config-header" }, rn = { class: "vpg-header-actions" }, un = {
+}, an = /* @__PURE__ */ et(sn, [["__scopeId", "data-v-0e340167"]]), rn = { class: "vpg-pivot-config" }, un = { class: "vpg-config-header" }, vn = { class: "vpg-header-actions" }, cn = {
   key: 0,
   class: "vpg-assigned-section"
-}, vn = { class: "vpg-assigned-list" }, cn = ["title", "onDragstart"], dn = { class: "vpg-item-main" }, gn = { class: "vpg-item-name" }, pn = { class: "vpg-item-actions" }, fn = ["title", "onClick"], mn = ["value", "onChange"], hn = ["value"], wn = ["onClick"], kn = { class: "vpg-unassigned-section" }, Cn = { class: "vpg-section-header" }, yn = { class: "vpg-section-label" }, bn = { class: "vpg-count" }, Fn = { class: "vpg-field-search" }, Sn = { class: "vpg-field-list" }, Rn = ["title", "onDragstart"], $n = ["title"], Mn = { class: "vpg-field-name" }, xn = { class: "vpg-unique-count" }, Tn = {
+}, dn = { class: "vpg-assigned-list" }, gn = ["title", "onDragstart"], pn = { class: "vpg-item-main" }, fn = { class: "vpg-item-name" }, mn = { class: "vpg-item-actions" }, hn = ["title", "onClick"], wn = ["value", "onChange"], kn = ["value"], Cn = ["onClick"], yn = { class: "vpg-unassigned-section" }, bn = { class: "vpg-section-header" }, Fn = { class: "vpg-section-label" }, Sn = { class: "vpg-count" }, Rn = { class: "vpg-field-search" }, $n = { class: "vpg-field-list" }, Mn = ["title", "onDragstart"], xn = ["title"], Tn = { class: "vpg-field-name" }, Dn = { class: "vpg-unique-count" }, Vn = {
   key: 0,
   class: "vpg-empty-hint"
-}, Vn = {
+}, An = {
   key: 1,
   class: "vpg-empty-hint"
-}, Dn = { class: "vpg-options-section" }, zn = { class: "vpg-option-toggle" }, An = ["checked"], Ln = {
+}, zn = { class: "vpg-options-section" }, Ln = { class: "vpg-option-toggle" }, Pn = ["checked"], En = {
   key: 1,
   class: "vpg-watermark"
-}, Pn = /* @__PURE__ */ Qe({
+}, Nn = /* @__PURE__ */ Qe({
   __name: "PivotConfig",
   props: {
     availableFields: {},
@@ -1120,8 +1130,8 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
     showColumnTotals: { type: Boolean }
   },
   emits: ["update:showRowTotals", "update:showColumnTotals", "clearConfig", "autoSuggest", "dragStart", "dragEnd", "updateAggregation", "addRowField", "removeRowField", "addColumnField", "removeColumnField", "addValueField", "removeValueField"],
-  setup(t, { emit: i }) {
-    const n = t, l = i, { isPro: v, showWatermark: m } = Ie(), y = [
+  setup(t, { emit: a }) {
+    const n = t, l = a, { isPro: v, showWatermark: m } = Ie(), y = [
       { value: "sum", label: "Sum", symbol: "Σ" },
       { value: "count", label: "Count", symbol: "#" },
       { value: "avg", label: "Avg", symbol: "x̄" },
@@ -1145,13 +1155,13 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
       return n.availableFields.filter(
         (F) => !f.has(F.field) && !s.has(F.field) && !d.has(F.field)
       );
-    }), V = T(() => b.value.length), $ = M(""), U = T(() => {
+    }), D = T(() => b.value.length), $ = M(""), U = T(() => {
       if (!$.value.trim())
         return C.value;
       const f = $.value.toLowerCase().trim();
       return C.value.filter((s) => s.field.toLowerCase().includes(f));
     });
-    function D(f) {
+    function V(f) {
       switch (f) {
         case "number":
           return "#";
@@ -1179,8 +1189,8 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
     function B(f, s, d) {
       s === "row" ? l("removeRowField", f) : s === "column" ? l("removeColumnField", f) : d && l("removeValueField", f, d.aggregation);
     }
-    return (f, s) => (r(), u("div", sn, [
-      e("div", an, [
+    return (f, s) => (r(), u("div", rn, [
+      e("div", un, [
         s[7] || (s[7] = e("h3", { class: "vpg-config-title" }, [
           e("svg", {
             class: "vpg-icon",
@@ -1197,8 +1207,8 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
           ]),
           I(" Fields ")
         ], -1)),
-        e("div", rn, [
-          V.value > 0 ? (r(), u("button", {
+        e("div", vn, [
+          D.value > 0 ? (r(), u("button", {
             key: 0,
             class: "vpg-action-btn vpg-clear-btn",
             title: "Clear all",
@@ -1217,12 +1227,12 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
                 d: "M6 18L18 6M6 6l12 12"
               })
             ], -1)
-          ])])) : z("", !0)
+          ])])) : A("", !0)
         ])
       ]),
-      V.value > 0 ? (r(), u("div", un, [
+      D.value > 0 ? (r(), u("div", cn, [
         s[9] || (s[9] = e("div", { class: "vpg-section-label" }, "Active", -1)),
-        e("div", vn, [
+        e("div", dn, [
           (r(!0), u(W, null, J(b.value, (d) => {
             var F;
             return r(), u("div", {
@@ -1233,13 +1243,13 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
               onDragstart: (g) => H(d.field, g),
               onDragend: O
             }, [
-              e("div", dn, [
+              e("div", pn, [
                 e("span", {
                   class: q(["vpg-item-badge", d.assignedTo])
                 }, R(d.assignedTo === "row" ? "R" : d.assignedTo === "column" ? "C" : c(((F = d.valueConfig) == null ? void 0 : F.aggregation) || "sum")), 3),
-                e("span", gn, R(d.field), 1)
+                e("span", fn, R(d.field), 1)
               ]),
-              e("div", pn, [
+              e("div", mn, [
                 d.assignedTo === "row" || d.assignedTo === "column" ? (r(), u("button", {
                   key: 0,
                   class: "vpg-toggle-btn",
@@ -1259,7 +1269,7 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
                       d: "M8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4"
                     })
                   ], -1)
-                ])], 8, fn)) : z("", !0),
+                ])], 8, hn)) : A("", !0),
                 d.assignedTo === "value" && d.valueConfig ? (r(), u("select", {
                   key: 1,
                   class: "vpg-agg-select",
@@ -1271,26 +1281,26 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
                   (r(), u(W, null, J(y, (g) => e("option", {
                     key: g.value,
                     value: g.value
-                  }, R(g.symbol) + " " + R(g.label), 9, hn)), 64))
-                ], 40, mn)) : z("", !0),
+                  }, R(g.symbol) + " " + R(g.label), 9, kn)), 64))
+                ], 40, wn)) : A("", !0),
                 e("button", {
                   class: "vpg-remove-btn",
                   title: "Remove",
                   onClick: Ke((g) => B(d.field, d.assignedTo, d.valueConfig), ["stop"])
-                }, " × ", 8, wn)
+                }, " × ", 8, Cn)
               ])
-            ], 42, cn);
+            ], 42, gn);
           }), 128))
         ])
-      ])) : z("", !0),
-      e("div", kn, [
-        e("div", Cn, [
-          e("div", yn, [
+      ])) : A("", !0),
+      e("div", yn, [
+        e("div", bn, [
+          e("div", Fn, [
             s[10] || (s[10] = I(" Available ", -1)),
-            e("span", bn, R(C.value.length), 1)
+            e("span", Sn, R(C.value.length), 1)
           ])
         ]),
-        e("div", Fn, [
+        e("div", Rn, [
           s[12] || (s[12] = e("svg", {
             class: "vpg-search-icon",
             fill: "none",
@@ -1330,9 +1340,9 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
                 d: "M6 18L18 6M6 6l12 12"
               })
             ], -1)
-          ])])) : z("", !0)
+          ])])) : A("", !0)
         ]),
-        e("div", Sn, [
+        e("div", $n, [
           (r(!0), u(W, null, J(U.value, (d) => (r(), u("div", {
             key: d.field,
             class: q(["vpg-field-item", { "vpg-is-numeric": d.isNumeric }]),
@@ -1344,20 +1354,20 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
             e("span", {
               class: "vpg-field-type-icon",
               title: d.type
-            }, R(D(d.type)), 9, $n),
-            e("span", Mn, R(d.field), 1),
-            e("span", xn, R(d.uniqueCount), 1)
-          ], 42, Rn))), 128)),
-          U.value.length === 0 && $.value ? (r(), u("div", Tn, ' No fields match "' + R($.value) + '" ', 1)) : C.value.length === 0 ? (r(), u("div", Vn, " All fields assigned ")) : z("", !0)
+            }, R(V(d.type)), 9, xn),
+            e("span", Tn, R(d.field), 1),
+            e("span", Dn, R(d.uniqueCount), 1)
+          ], 42, Mn))), 128)),
+          U.value.length === 0 && $.value ? (r(), u("div", Vn, ' No fields match "' + R($.value) + '" ', 1)) : C.value.length === 0 ? (r(), u("div", An, " All fields assigned ")) : A("", !0)
         ])
       ]),
-      e("div", Dn, [
-        e("label", zn, [
+      e("div", zn, [
+        e("label", Ln, [
           e("input", {
             type: "checkbox",
             checked: t.showRowTotals,
             onChange: s[4] || (s[4] = (d) => l("update:showRowTotals", d.target.checked))
-          }, null, 40, An),
+          }, null, 40, Pn),
           s[13] || (s[13] = e("span", null, "Totals", -1))
         ]),
         e("button", {
@@ -1380,69 +1390,69 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
           I(" Auto ", -1)
         ])])
       ]),
-      S(m) ? (r(), u("div", Ln, [...s[15] || (s[15] = [
+      S(m) ? (r(), u("div", En, [...s[15] || (s[15] = [
         e("a", {
           href: "https://tiny-pivot.com",
           target: "_blank",
           rel: "noopener"
         }, " TinyPivot ", -1)
-      ])])) : z("", !0)
+      ])])) : A("", !0)
     ]));
   }
-}), En = /* @__PURE__ */ et(Pn, [["__scopeId", "data-v-6663dd14"]]), Nn = { class: "vpg-skeleton-header" }, Bn = { class: "vpg-header-right" }, jn = { class: "vpg-filter-text" }, Hn = {
+}), Bn = /* @__PURE__ */ et(Nn, [["__scopeId", "data-v-6663dd14"]]), jn = { class: "vpg-skeleton-header" }, Hn = { class: "vpg-header-right" }, Un = { class: "vpg-filter-text" }, Kn = {
   key: 0,
   class: "vpg-filter-count"
-}, Un = {
+}, Wn = {
   key: 0,
   class: "vpg-filter-tooltip"
-}, Kn = { class: "vpg-tooltip-column" }, Wn = { class: "vpg-tooltip-values" }, _n = {
+}, _n = { class: "vpg-tooltip-column" }, qn = { class: "vpg-tooltip-values" }, On = {
   key: 0,
   class: "vpg-tooltip-more"
-}, qn = {
+}, Gn = {
   key: 0,
   class: "vpg-tooltip-summary"
-}, On = {
+}, Xn = {
   key: 1,
   class: "vpg-config-summary"
-}, Gn = { class: "vpg-summary-badge vpg-rows" }, Xn = { class: "vpg-summary-badge vpg-cols" }, Yn = { class: "vpg-summary-badge vpg-vals" }, Zn = {
+}, Yn = { class: "vpg-summary-badge vpg-rows" }, Zn = { class: "vpg-summary-badge vpg-cols" }, Jn = { class: "vpg-summary-badge vpg-vals" }, Qn = {
   key: 2,
   class: "vpg-font-size-toggle"
-}, Jn = ["onClick"], Qn = {
+}, In = ["onClick"], el = {
   key: 0,
   class: "vpg-pro-required"
-}, In = { class: "vpg-config-bar" }, el = { class: "vpg-zone-chips" }, tl = ["onDragstart", "onDragover", "onDrop"], ol = { class: "vpg-mini-name" }, nl = ["onClick"], ll = {
+}, tl = { class: "vpg-config-bar" }, ol = { class: "vpg-zone-chips" }, nl = ["onDragstart", "onDragover", "onDrop"], ll = { class: "vpg-mini-name" }, sl = ["onClick"], al = {
   key: 0,
   class: "vpg-zone-hint"
-}, sl = { class: "vpg-zone-chips" }, al = ["onDragstart", "onDragover", "onDrop"], il = { class: "vpg-mini-name" }, rl = ["onClick"], ul = {
+}, il = { class: "vpg-zone-chips" }, rl = ["onDragstart", "onDragover", "onDrop"], ul = { class: "vpg-mini-name" }, vl = ["onClick"], cl = {
   key: 0,
   class: "vpg-zone-hint"
-}, vl = { class: "vpg-zone-chips" }, cl = { class: "vpg-agg-symbol" }, dl = { class: "vpg-mini-name" }, gl = ["onClick"], pl = {
+}, dl = { class: "vpg-zone-chips" }, gl = { class: "vpg-agg-symbol" }, pl = { class: "vpg-mini-name" }, fl = ["onClick"], ml = {
   key: 0,
   class: "vpg-zone-hint"
-}, fl = {
+}, hl = {
   key: 0,
   class: "vpg-placeholder"
-}, ml = { class: "vpg-placeholder-content" }, hl = { class: "vpg-placeholder-text" }, wl = {
+}, wl = { class: "vpg-placeholder-content" }, kl = { class: "vpg-placeholder-text" }, Cl = {
   key: 1,
   class: "vpg-table-container"
-}, kl = { class: "vpg-pivot-table" }, Cl = ["rowspan"], yl = { class: "vpg-header-content" }, bl = ["colspan", "onClick"], Fl = { class: "vpg-header-content" }, Sl = ["rowspan"], Rl = ["onClick"], $l = {
+}, yl = { class: "vpg-pivot-table" }, bl = ["rowspan"], Fl = { class: "vpg-header-content" }, Sl = ["colspan", "onClick"], Rl = { class: "vpg-header-content" }, $l = ["rowspan"], Ml = ["onClick"], xl = {
   key: 0,
   class: "vpg-data-cell vpg-total-cell"
-}, Ml = {
+}, Tl = {
   key: 0,
   class: "vpg-totals-row"
-}, xl = {
+}, Dl = {
   key: 0,
   class: "vpg-data-cell vpg-grand-total-cell"
-}, Tl = {
+}, Vl = {
   key: 2,
   class: "vpg-skeleton-footer"
-}, Vl = {
+}, Al = {
   key: 1,
   href: "https://tiny-pivot.com",
   target: "_blank",
   rel: "noopener"
-}, Dl = /* @__PURE__ */ Qe({
+}, zl = /* @__PURE__ */ Qe({
   __name: "PivotSkeleton",
   props: {
     rowFields: {},
@@ -1457,8 +1467,8 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
     filteredRowCount: {}
   },
   emits: ["addRowField", "removeRowField", "addColumnField", "removeColumnField", "addValueField", "removeValueField", "updateAggregation", "reorderRowFields", "reorderColumnFields"],
-  setup(t, { emit: i }) {
-    const n = t, l = i, { showWatermark: v, canUsePivot: m, isDemo: y } = Ie(), c = M(null), b = M(null), C = M(null), V = {
+  setup(t, { emit: a }) {
+    const n = t, l = a, { showWatermark: v, canUsePivot: m, isDemo: y } = Ie(), c = M(null), b = M(null), C = M(null), D = {
       sum: "Sum",
       count: "Count",
       avg: "Average",
@@ -1467,7 +1477,7 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
       countDistinct: "Count Distinct"
     };
     function $(E) {
-      return V[E];
+      return D[E];
     }
     function U(E) {
       return {
@@ -1479,7 +1489,7 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
         countDistinct: "◇"
       }[E] || "Σ";
     }
-    const D = M(n.fontSize || "xs"), H = [
+    const V = M(n.fontSize || "xs"), H = [
       { value: "xs", label: "S" },
       { value: "sm", label: "M" },
       { value: "base", label: "L" }
@@ -1497,15 +1507,15 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
     const F = T(() => {
       if (!n.pivotResult)
         return [];
-      const E = n.pivotResult.rowHeaders.map((k, A) => A), p = n.pivotResult.rowHeaders, P = n.pivotResult.data;
-      return E.sort((k, A) => {
+      const E = n.pivotResult.rowHeaders.map((k, z) => z), p = n.pivotResult.rowHeaders, P = n.pivotResult.data;
+      return E.sort((k, z) => {
         var G, Me, Ee, Ne, Be, je;
         let N;
         if (s.value === "row") {
-          const be = ((G = p[k]) == null ? void 0 : G.join(" / ")) || "", ke = ((Me = p[A]) == null ? void 0 : Me.join(" / ")) || "";
+          const be = ((G = p[k]) == null ? void 0 : G.join(" / ")) || "", ke = ((Me = p[z]) == null ? void 0 : Me.join(" / ")) || "";
           N = be.localeCompare(ke, void 0, { numeric: !0, sensitivity: "base" });
         } else {
-          const be = s.value, ke = ((Ne = (Ee = P[k]) == null ? void 0 : Ee[be]) == null ? void 0 : Ne.value) ?? null, He = ((je = (Be = P[A]) == null ? void 0 : Be[be]) == null ? void 0 : je.value) ?? null;
+          const be = s.value, ke = ((Ne = (Ee = P[k]) == null ? void 0 : Ee[be]) == null ? void 0 : Ne.value) ?? null, He = ((je = (Be = P[z]) == null ? void 0 : Be[be]) == null ? void 0 : je.value) ?? null;
           ke === null && He === null ? N = 0 : ke === null ? N = 1 : He === null ? N = -1 : N = ke - He;
         }
         return f.value === "asc" ? N : -N;
@@ -1519,13 +1529,13 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
       const E = [];
       for (let p = 0; p < n.pivotResult.headers.length; p++) {
         const P = n.pivotResult.headers[p], k = [];
-        let A = 0;
-        for (; A < P.length; ) {
-          const N = P[A];
+        let z = 0;
+        for (; z < P.length; ) {
+          const N = P[z];
           let G = 1;
-          for (; A + G < P.length && P[A + G] === N; )
+          for (; z + G < P.length && P[z + G] === N; )
             G++;
-          k.push({ label: N, colspan: G }), A += G;
+          k.push({ label: N, colspan: G }), z += G;
         }
         E.push(k);
       }
@@ -1545,9 +1555,9 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
       c.value = null;
     }
     function me(E, p) {
-      var A;
+      var z;
       p.preventDefault();
-      const P = (A = p.dataTransfer) == null ? void 0 : A.getData("text/plain");
+      const P = (z = p.dataTransfer) == null ? void 0 : z.getData("text/plain");
       if (!P || P.startsWith("reorder:")) {
         c.value = null;
         return;
@@ -1581,7 +1591,7 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
     function re() {
       C.value = null;
     }
-    function Ae(E, p, P) {
+    function ze(E, p, P) {
       if (P.preventDefault(), P.stopPropagation(), !b.value || b.value.zone !== E)
         return;
       const k = b.value.index;
@@ -1589,8 +1599,8 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
         b.value = null, C.value = null;
         return;
       }
-      const A = E === "row" ? [...n.rowFields] : [...n.columnFields], [N] = A.splice(k, 1);
-      A.splice(p, 0, N), l(E === "row" ? "reorderRowFields" : "reorderColumnFields", A), b.value = null, C.value = null;
+      const z = E === "row" ? [...n.rowFields] : [...n.columnFields], [N] = z.splice(k, 1);
+      z.splice(p, 0, N), l(E === "row" ? "reorderRowFields" : "reorderColumnFields", z), b.value = null, C.value = null;
     }
     function Le(E, p) {
       var P, k;
@@ -1605,11 +1615,11 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
       var P;
       return r(), u("div", {
         class: q(["vpg-pivot-skeleton", [
-          `vpg-font-${D.value}`,
+          `vpg-font-${V.value}`,
           { "vpg-is-dragging": t.draggingField }
         ]])
       }, [
-        e("div", Nn, [
+        e("div", jn, [
           p[12] || (p[12] = e("div", { class: "vpg-skeleton-title" }, [
             e("svg", {
               class: "vpg-icon",
@@ -1626,7 +1636,7 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
             ]),
             e("span", null, "Pivot Table")
           ], -1)),
-          e("div", Bn, [
+          e("div", Hn, [
             O.value ? (r(), u("div", {
               key: 0,
               class: "vpg-filter-indicator",
@@ -1646,45 +1656,45 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
                   d: "M3 4a1 1 0 011-1h16a1 1 0 011 1v2.586a1 1 0 01-.293.707l-6.414 6.414a1 1 0 00-.293.707V17l-4 4v-6.586a1 1 0 00-.293-.707L3.293 7.293A1 1 0 013 6.586V4z"
                 })
               ], -1)),
-              e("span", jn, [
+              e("span", Un, [
                 p[9] || (p[9] = I(" Filtered: ", -1)),
                 e("strong", null, R(_.value), 1),
-                t.filteredRowCount !== void 0 && t.totalRowCount !== void 0 ? (r(), u("span", Hn, " (" + R(t.filteredRowCount.toLocaleString()) + " of " + R(t.totalRowCount.toLocaleString()) + " rows) ", 1)) : z("", !0)
+                t.filteredRowCount !== void 0 && t.totalRowCount !== void 0 ? (r(), u("span", Kn, " (" + R(t.filteredRowCount.toLocaleString()) + " of " + R(t.totalRowCount.toLocaleString()) + " rows) ", 1)) : A("", !0)
               ]),
-              B.value ? (r(), u("div", Un, [
+              B.value ? (r(), u("div", Wn, [
                 p[10] || (p[10] = e("div", { class: "vpg-tooltip-header" }, "Active Filters", -1)),
                 (r(!0), u(W, null, J(X.value, (k) => (r(), u("div", {
                   key: k.column,
                   class: "vpg-tooltip-filter"
                 }, [
-                  e("div", Kn, R(k.column), 1),
-                  e("div", Wn, [
-                    (r(!0), u(W, null, J(k.values, (A, N) => (r(), u("span", {
+                  e("div", _n, R(k.column), 1),
+                  e("div", qn, [
+                    (r(!0), u(W, null, J(k.values, (z, N) => (r(), u("span", {
                       key: N,
                       class: "vpg-tooltip-value"
-                    }, R(A), 1))), 128)),
-                    k.remaining > 0 ? (r(), u("span", _n, " +" + R(k.remaining) + " more ", 1)) : z("", !0)
+                    }, R(z), 1))), 128)),
+                    k.remaining > 0 ? (r(), u("span", On, " +" + R(k.remaining) + " more ", 1)) : A("", !0)
                   ])
                 ]))), 128)),
-                t.filteredRowCount !== void 0 && t.totalRowCount !== void 0 ? (r(), u("div", qn, " Showing " + R(t.filteredRowCount.toLocaleString()) + " of " + R(t.totalRowCount.toLocaleString()) + " rows ", 1)) : z("", !0)
-              ])) : z("", !0)
-            ], 32)) : z("", !0),
-            t.isConfigured ? (r(), u("div", On, [
-              e("span", Gn, R(t.rowFields.length) + " row" + R(t.rowFields.length !== 1 ? "s" : ""), 1),
-              e("span", Xn, R(t.columnFields.length) + " col" + R(t.columnFields.length !== 1 ? "s" : ""), 1),
-              e("span", Yn, R(t.valueFields.length) + " val" + R(t.valueFields.length !== 1 ? "s" : ""), 1)
-            ])) : z("", !0),
-            t.isConfigured && t.pivotResult ? (r(), u("div", Zn, [
+                t.filteredRowCount !== void 0 && t.totalRowCount !== void 0 ? (r(), u("div", Gn, " Showing " + R(t.filteredRowCount.toLocaleString()) + " of " + R(t.totalRowCount.toLocaleString()) + " rows ", 1)) : A("", !0)
+              ])) : A("", !0)
+            ], 32)) : A("", !0),
+            t.isConfigured ? (r(), u("div", Xn, [
+              e("span", Yn, R(t.rowFields.length) + " row" + R(t.rowFields.length !== 1 ? "s" : ""), 1),
+              e("span", Zn, R(t.columnFields.length) + " col" + R(t.columnFields.length !== 1 ? "s" : ""), 1),
+              e("span", Jn, R(t.valueFields.length) + " val" + R(t.valueFields.length !== 1 ? "s" : ""), 1)
+            ])) : A("", !0),
+            t.isConfigured && t.pivotResult ? (r(), u("div", Qn, [
               (r(), u(W, null, J(H, (k) => e("button", {
                 key: k.value,
-                class: q(["vpg-font-size-btn", { active: D.value === k.value }]),
-                onClick: (A) => D.value = k.value
-              }, R(k.label), 11, Jn)), 64))
-            ])) : z("", !0)
+                class: q(["vpg-font-size-btn", { active: V.value === k.value }]),
+                onClick: (z) => V.value = k.value
+              }, R(k.label), 11, In)), 64))
+            ])) : A("", !0)
           ])
         ]),
         S(m) ? (r(), u(W, { key: 1 }, [
-          e("div", In, [
+          e("div", tl, [
             e("div", {
               class: q(["vpg-drop-zone vpg-row-zone", { "vpg-drag-over": c.value === "row" }]),
               onDragover: p[2] || (p[2] = (k) => ee("row", k)),
@@ -1695,28 +1705,28 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
                 e("span", { class: "vpg-zone-icon vpg-row-icon" }, "↓"),
                 e("span", { class: "vpg-zone-label" }, "Rows")
               ], -1)),
-              e("div", el, [
-                (r(!0), u(W, null, J(t.rowFields, (k, A) => (r(), u("div", {
+              e("div", ol, [
+                (r(!0), u(W, null, J(t.rowFields, (k, z) => (r(), u("div", {
                   key: k,
                   class: q(["vpg-mini-chip vpg-row-chip", {
-                    "vpg-chip-dragging": Le("row", A),
-                    "vpg-chip-drop-target": _e("row", A)
+                    "vpg-chip-dragging": Le("row", z),
+                    "vpg-chip-drop-target": _e("row", z)
                   }]),
                   draggable: "true",
-                  onDragstart: (N) => We("row", A, N),
+                  onDragstart: (N) => We("row", z, N),
                   onDragend: ye,
-                  onDragover: (N) => he("row", A, N),
+                  onDragover: (N) => he("row", z, N),
                   onDragleave: re,
-                  onDrop: (N) => Ae("row", A, N)
+                  onDrop: (N) => ze("row", z, N)
                 }, [
                   p[14] || (p[14] = e("span", { class: "vpg-drag-handle" }, "⋮⋮", -1)),
-                  e("span", ol, R(k), 1),
+                  e("span", ll, R(k), 1),
                   e("button", {
                     class: "vpg-mini-remove",
                     onClick: Ke((N) => l("removeRowField", k), ["stop"])
-                  }, "×", 8, nl)
-                ], 42, tl))), 128)),
-                t.rowFields.length === 0 ? (r(), u("span", ll, "Drop here")) : z("", !0)
+                  }, "×", 8, sl)
+                ], 42, nl))), 128)),
+                t.rowFields.length === 0 ? (r(), u("span", al, "Drop here")) : A("", !0)
               ])
             ], 34),
             e("div", {
@@ -1729,28 +1739,28 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
                 e("span", { class: "vpg-zone-icon vpg-column-icon" }, "→"),
                 e("span", { class: "vpg-zone-label" }, "Columns")
               ], -1)),
-              e("div", sl, [
-                (r(!0), u(W, null, J(t.columnFields, (k, A) => (r(), u("div", {
+              e("div", il, [
+                (r(!0), u(W, null, J(t.columnFields, (k, z) => (r(), u("div", {
                   key: k,
                   class: q(["vpg-mini-chip vpg-column-chip", {
-                    "vpg-chip-dragging": Le("column", A),
-                    "vpg-chip-drop-target": _e("column", A)
+                    "vpg-chip-dragging": Le("column", z),
+                    "vpg-chip-drop-target": _e("column", z)
                   }]),
                   draggable: "true",
-                  onDragstart: (N) => We("column", A, N),
+                  onDragstart: (N) => We("column", z, N),
                   onDragend: ye,
-                  onDragover: (N) => he("column", A, N),
+                  onDragover: (N) => he("column", z, N),
                   onDragleave: re,
-                  onDrop: (N) => Ae("column", A, N)
+                  onDrop: (N) => ze("column", z, N)
                 }, [
                   p[16] || (p[16] = e("span", { class: "vpg-drag-handle" }, "⋮⋮", -1)),
-                  e("span", il, R(k), 1),
+                  e("span", ul, R(k), 1),
                   e("button", {
                     class: "vpg-mini-remove",
                     onClick: Ke((N) => l("removeColumnField", k), ["stop"])
-                  }, "×", 8, rl)
-                ], 42, al))), 128)),
-                t.columnFields.length === 0 ? (r(), u("span", ul, "Drop here")) : z("", !0)
+                  }, "×", 8, vl)
+                ], 42, rl))), 128)),
+                t.columnFields.length === 0 ? (r(), u("span", cl, "Drop here")) : A("", !0)
               ])
             ], 34),
             e("div", {
@@ -1763,24 +1773,24 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
                 e("span", { class: "vpg-zone-icon vpg-value-icon" }, "Σ"),
                 e("span", { class: "vpg-zone-label" }, "Values")
               ], -1)),
-              e("div", vl, [
+              e("div", dl, [
                 (r(!0), u(W, null, J(t.valueFields, (k) => (r(), u("div", {
                   key: `${k.field}-${k.aggregation}`,
                   class: "vpg-mini-chip vpg-value-chip"
                 }, [
-                  e("span", cl, R(U(k.aggregation)), 1),
-                  e("span", dl, R(k.field), 1),
+                  e("span", gl, R(U(k.aggregation)), 1),
+                  e("span", pl, R(k.field), 1),
                   e("button", {
                     class: "vpg-mini-remove",
-                    onClick: (A) => l("removeValueField", k.field, k.aggregation)
-                  }, "×", 8, gl)
+                    onClick: (z) => l("removeValueField", k.field, k.aggregation)
+                  }, "×", 8, fl)
                 ]))), 128)),
-                t.valueFields.length === 0 ? (r(), u("span", pl, "Drop numeric")) : z("", !0)
+                t.valueFields.length === 0 ? (r(), u("span", ml, "Drop numeric")) : A("", !0)
               ])
             ], 34)
           ]),
-          !t.isConfigured || !t.pivotResult ? (r(), u("div", fl, [
-            e("div", ml, [
+          !t.isConfigured || !t.pivotResult ? (r(), u("div", hl, [
+            e("div", wl, [
               p[27] || (p[27] = e("svg", {
                 class: "vpg-placeholder-icon",
                 fill: "none",
@@ -1794,7 +1804,7 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
                   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)),
-              e("span", hl, [
+              e("span", kl, [
                 t.valueFields.length === 0 ? (r(), u(W, { key: 0 }, [
                   p[19] || (p[19] = I(" Add a ", -1)),
                   p[20] || (p[20] = e("strong", null, "Values", -1)),
@@ -1810,47 +1820,47 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
                 ], 64))
               ])
             ])
-          ])) : (r(), u("div", wl, [
-            e("table", kl, [
+          ])) : (r(), u("div", Cl, [
+            e("table", yl, [
               e("thead", null, [
-                (r(!0), u(W, null, J(g.value, (k, A) => (r(), u("tr", {
-                  key: `header-${A}`,
+                (r(!0), u(W, null, J(g.value, (k, z) => (r(), u("tr", {
+                  key: `header-${z}`,
                   class: "vpg-column-header-row"
                 }, [
-                  A === 0 ? (r(), u("th", {
+                  z === 0 ? (r(), u("th", {
                     key: 0,
                     class: "vpg-row-header-label",
                     rowspan: g.value.length,
                     style: ve({ width: `${Pe.value}px` }),
                     onClick: p[8] || (p[8] = (N) => d("row"))
                   }, [
-                    e("div", yl, [
+                    e("div", Fl, [
                       e("span", null, R(t.rowFields.join(" / ") || "Rows"), 1),
                       e("span", {
                         class: q(["vpg-sort-indicator", { active: s.value === "row" }])
                       }, R(s.value === "row" ? f.value === "asc" ? "↑" : "↓" : "⇅"), 3)
                     ])
-                  ], 12, Cl)) : z("", !0),
+                  ], 12, bl)) : A("", !0),
                   (r(!0), u(W, null, J(k, (N, G) => (r(), u("th", {
                     key: G,
                     class: "vpg-column-header-cell",
                     colspan: N.colspan,
                     style: ve({ width: `${we.value * N.colspan}px` }),
-                    onClick: (Me) => A === g.value.length - 1 && d(G)
+                    onClick: (Me) => z === g.value.length - 1 && d(G)
                   }, [
-                    e("div", Fl, [
+                    e("div", Rl, [
                       e("span", null, R(N.label), 1),
-                      A === g.value.length - 1 ? (r(), u("span", {
+                      z === g.value.length - 1 ? (r(), u("span", {
                         key: 0,
                         class: q(["vpg-sort-indicator", { active: s.value === G }])
-                      }, R(s.value === G ? f.value === "asc" ? "↑" : "↓" : "⇅"), 3)) : z("", !0)
+                      }, R(s.value === G ? f.value === "asc" ? "↑" : "↓" : "⇅"), 3)) : A("", !0)
                     ])
-                  ], 12, bl))), 128)),
-                  t.pivotResult.rowTotals.length > 0 && A === 0 ? (r(), u("th", {
+                  ], 12, Sl))), 128)),
+                  t.pivotResult.rowTotals.length > 0 && z === 0 ? (r(), u("th", {
                     key: 1,
                     class: "vpg-total-header",
                     rowspan: g.value.length
-                  }, " Total ", 8, Sl)) : z("", !0)
+                  }, " Total ", 8, $l)) : A("", !0)
                 ]))), 128))
               ]),
               e("tbody", null, [
@@ -1862,41 +1872,41 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
                     class: "vpg-row-header-cell",
                     style: ve({ width: `${Pe.value}px` })
                   }, [
-                    (r(!0), u(W, null, J(t.pivotResult.rowHeaders[k], (A, N) => (r(), u("span", {
+                    (r(!0), u(W, null, J(t.pivotResult.rowHeaders[k], (z, N) => (r(), u("span", {
                       key: N,
                       class: "vpg-row-value"
-                    }, R(A), 1))), 128))
+                    }, R(z), 1))), 128))
                   ], 4),
-                  (r(!0), u(W, null, J(t.pivotResult.data[k], (A, N) => (r(), u("td", {
+                  (r(!0), u(W, null, J(t.pivotResult.data[k], (z, N) => (r(), u("td", {
                     key: N,
                     class: q(["vpg-data-cell", [
                       L(k, N) && "selected",
-                      A.value === null && "vpg-is-null"
+                      z.value === null && "vpg-is-null"
                     ]]),
                     style: ve({ width: `${we.value}px` }),
                     onClick: (G) => x(k, N)
-                  }, R(A.formattedValue), 15, Rl))), 128)),
-                  t.pivotResult.rowTotals[k] ? (r(), u("td", $l, R(t.pivotResult.rowTotals[k].formattedValue), 1)) : z("", !0)
+                  }, R(z.formattedValue), 15, Ml))), 128)),
+                  t.pivotResult.rowTotals[k] ? (r(), u("td", xl, R(t.pivotResult.rowTotals[k].formattedValue), 1)) : A("", !0)
                 ]))), 128)),
-                t.pivotResult.columnTotals.length > 0 ? (r(), u("tr", Ml, [
+                t.pivotResult.columnTotals.length > 0 ? (r(), u("tr", Tl, [
                   e("th", {
                     class: "vpg-row-header-cell vpg-total-label",
                     style: ve({ width: `${Pe.value}px` })
                   }, " Total ", 4),
-                  (r(!0), u(W, null, J(t.pivotResult.columnTotals, (k, A) => (r(), u("td", {
-                    key: A,
+                  (r(!0), u(W, null, J(t.pivotResult.columnTotals, (k, z) => (r(), u("td", {
+                    key: z,
                     class: "vpg-data-cell vpg-total-cell",
                     style: ve({ width: `${we.value}px` })
                   }, R(k.formattedValue), 5))), 128)),
-                  t.pivotResult.rowTotals.length > 0 ? (r(), u("td", xl, R(t.pivotResult.grandTotal.formattedValue), 1)) : z("", !0)
-                ])) : z("", !0)
+                  t.pivotResult.rowTotals.length > 0 ? (r(), u("td", Dl, R(t.pivotResult.grandTotal.formattedValue), 1)) : A("", !0)
+                ])) : A("", !0)
               ])
             ])
           ])),
-          t.isConfigured && t.pivotResult ? (r(), u("div", Tl, [
+          t.isConfigured && t.pivotResult ? (r(), u("div", Vl, [
             e("span", null, R(t.pivotResult.rowHeaders.length) + " rows × " + R(((P = t.pivotResult.data[0]) == null ? void 0 : P.length) || 0) + " columns", 1)
-          ])) : z("", !0)
-        ], 64)) : (r(), u("div", Qn, [...p[13] || (p[13] = [
+          ])) : A("", !0)
+        ], 64)) : (r(), u("div", el, [...p[13] || (p[13] = [
           e("div", { class: "vpg-pro-content" }, [
             e("svg", {
               class: "vpg-pro-icon",
@@ -1933,82 +1943,82 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
               rel: "noopener",
               class: "vpg-get-pro"
             }, " Get Pro License → ", -1))
-          ], 64)) : (r(), u("a", Vl, " Powered by TinyPivot "))
-        ], 2)) : z("", !0)
+          ], 64)) : (r(), u("a", Al, " Powered by TinyPivot "))
+        ], 2)) : A("", !0)
       ], 2);
     };
   }
-}), zl = /* @__PURE__ */ et(Dl, [["__scopeId", "data-v-ccaad6a3"]]), Al = {
+}), Ll = /* @__PURE__ */ et(zl, [["__scopeId", "data-v-ccaad6a3"]]), Pl = {
   key: 0,
   class: "vpg-toast"
-}, Ll = { class: "vpg-toolbar" }, Pl = { class: "vpg-toolbar-left" }, El = {
+}, El = { class: "vpg-toolbar" }, Nl = { class: "vpg-toolbar-left" }, Bl = {
   key: 0,
   class: "vpg-view-toggle"
-}, Nl = {
+}, jl = {
   key: 0,
   class: "vpg-search-container"
-}, Bl = {
+}, Hl = {
   key: 1,
   class: "vpg-search-box"
-}, jl = { class: "vpg-font-size-control" }, Hl = { class: "vpg-font-size-toggle" }, Ul = ["onClick"], Kl = {
+}, Ul = { class: "vpg-font-size-control" }, Kl = { class: "vpg-font-size-toggle" }, Wl = ["onClick"], _l = {
   key: 1,
   class: "vpg-filter-info"
-}, Wl = {
+}, ql = {
   key: 2,
   class: "vpg-search-info"
-}, _l = {
+}, Ol = {
   key: 0,
   class: "vpg-pivot-status"
-}, ql = { class: "vpg-toolbar-right" }, Ol = ["title"], Gl = {
+}, Gl = { class: "vpg-toolbar-right" }, Xl = ["title"], Yl = {
   key: 0,
   class: "vpg-loading"
-}, Xl = {
+}, Zl = {
   key: 1,
   class: "vpg-empty"
-}, Yl = {
+}, Jl = {
   key: 2,
   class: "vpg-empty"
-}, Zl = {
+}, Ql = {
   key: 3,
   class: "vpg-table-wrapper"
-}, Jl = ["onClick"], Ql = { class: "vpg-header-content" }, Il = { class: "vpg-header-text" }, es = { class: "vpg-header-icons" }, ts = {
+}, Il = ["onClick"], es = { class: "vpg-header-content" }, ts = { class: "vpg-header-text" }, os = { class: "vpg-header-icons" }, ns = {
   key: 0,
   class: "vpg-sort-indicator"
-}, os = {
+}, ls = {
   key: 0,
   class: "vpg-icon-sm",
   fill: "currentColor",
   viewBox: "0 0 20 20"
-}, ns = {
+}, ss = {
   key: 1,
   class: "vpg-icon-sm",
   fill: "currentColor",
   viewBox: "0 0 20 20"
-}, ls = {
+}, as = {
   key: 1,
   class: "vpg-filter-indicator"
-}, ss = ["onMousedown"], as = ["data-row", "data-col", "onMousedown", "onMouseenter"], is = {
+}, is = ["onMousedown"], rs = ["data-row", "data-col", "onMousedown", "onMouseenter"], us = {
   key: 1,
   class: "vpg-pivot-container"
-}, rs = {
+}, vs = {
   key: 0,
   class: "vpg-pivot-config-panel"
-}, us = { class: "vpg-footer" }, vs = { class: "vpg-footer-left" }, cs = {
+}, cs = { class: "vpg-footer" }, ds = { class: "vpg-footer-left" }, gs = {
   key: 0,
   class: "vpg-filtered-note"
-}, ds = { key: 1 }, gs = { class: "vpg-filtered-count" }, ps = {
+}, ps = { key: 1 }, fs = { class: "vpg-filtered-count" }, ms = {
   key: 0,
   class: "vpg-pagination"
-}, fs = ["disabled"], ms = ["disabled"], hs = { class: "vpg-page-info" }, ws = ["disabled"], ks = ["disabled"], Cs = {
+}, hs = ["disabled"], ws = ["disabled"], ks = { class: "vpg-page-info" }, Cs = ["disabled"], ys = ["disabled"], bs = {
   key: 1,
   class: "vpg-selection-stats"
-}, ys = { class: "vpg-stat" }, bs = { class: "vpg-stat-value" }, Fs = { class: "vpg-stat" }, Ss = { class: "vpg-stat-value" }, Rs = { class: "vpg-stat" }, $s = { class: "vpg-stat-value" }, Ms = { class: "vpg-footer-right" }, xs = {
+}, Fs = { class: "vpg-stat" }, Ss = { class: "vpg-stat-value" }, Rs = { class: "vpg-stat" }, $s = { class: "vpg-stat-value" }, Ms = { class: "vpg-stat" }, xs = { class: "vpg-stat-value" }, Ts = { class: "vpg-footer-right" }, Ds = {
   key: 0,
   class: "vpg-demo-banner"
-}, Ts = {
+}, Vs = {
   key: 1,
   class: "vpg-watermark-inline"
-}, Ce = 120, Mt = 350, Vs = /* @__PURE__ */ Qe({
+}, Ce = 120, Mt = 350, As = /* @__PURE__ */ Qe({
   __name: "DataGrid",
   props: {
     data: {},
@@ -2032,11 +2042,11 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
     maxHeight: { default: 1200 }
   },
   emits: ["cellClick", "selectionChange", "export", "copy"],
-  setup(t, { emit: i }) {
-    const n = t, l = i, { showWatermark: v, canUsePivot: m, isDemo: y } = Ie(), c = T(() => {
-      var a;
-      return n.theme === "auto" ? (a = window.matchMedia) != null && a.call(window, "(prefers-color-scheme: dark)").matches ? "dark" : "light" : n.theme;
-    }), b = M(n.fontSize), C = M(""), V = M(!1), $ = M(1), U = M(null), D = M(0), H = M(0), O = M(n.initialHeight), _ = M(!1), X = M(0), B = M(0), f = M(!1), s = M(""), d = [
+  setup(t, { emit: a }) {
+    const n = t, l = a, { showWatermark: v, canUsePivot: m, isDemo: y } = Ie(), c = T(() => {
+      var i;
+      return n.theme === "auto" ? (i = window.matchMedia) != null && i.call(window, "(prefers-color-scheme: dark)").matches ? "dark" : "light" : n.theme;
+    }), b = M(n.fontSize), C = M(""), D = M(!1), $ = M(1), U = M(null), V = M(0), H = M(0), O = M(n.initialHeight), _ = M(!1), X = M(0), B = M(0), f = M(!1), s = M(""), d = [
       { value: "xs", label: "S" },
       { value: "sm", label: "M" },
       { value: "base", label: "L" }
@@ -2052,14 +2062,14 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
       clearAllFilters: ye,
       toggleSort: he,
       getSortDirection: re,
-      columnFilters: Ae,
+      columnFilters: ze,
       activeFilters: Le
-    } = Ko({ data: F }), _e = T(() => g.getFilteredRowModel().rows.map((o) => o.original)), Pe = T(() => Le.value.length === 0 ? null : Le.value.map((a) => {
+    } = _o({ data: F }), _e = T(() => g.getFilteredRowModel().rows.map((o) => o.original)), Pe = T(() => Le.value.length === 0 ? null : Le.value.map((i) => {
       var o;
       return {
-        column: a.column,
-        valueCount: ((o = a.values) == null ? void 0 : o.length) || 0,
-        values: a.values || []
+        column: i.column,
+        valueCount: ((o = i.values) == null ? void 0 : o.length) || 0,
+        values: i.values || []
       };
     })), {
       rowFields: we,
@@ -2067,7 +2077,7 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
       valueFields: p,
       showRowTotals: P,
       showColumnTotals: k,
-      availableFields: A,
+      availableFields: z,
       isConfigured: N,
       pivotResult: G,
       addRowField: Me,
@@ -2078,23 +2088,23 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
       removeValueField: be,
       updateValueFieldAggregation: ke,
       clearConfig: He,
-      autoSuggestConfig: At
-    } = _o(_e), qe = T(() => {
+      autoSuggestConfig: zt
+    } = Oo(_e), qe = T(() => {
       if (!C.value.trim() || !n.enableSearch)
         return Fe.value;
-      const a = C.value.toLowerCase().trim();
+      const i = C.value.toLowerCase().trim();
       return Fe.value.filter((o) => {
         for (const h of w.value) {
           const j = o.original[h];
-          if (j != null && String(j).toLowerCase().includes(a))
+          if (j != null && String(j).toLowerCase().includes(i))
             return !0;
         }
         return !1;
       });
     }), de = T(() => qe.value.length), xe = T(() => n.enablePagination ? Math.max(1, Math.ceil(de.value / n.pageSize)) : 1), ut = T(() => {
       if (!n.enablePagination) return qe.value;
-      const a = ($.value - 1) * n.pageSize, o = a + n.pageSize;
-      return qe.value.slice(a, o);
+      const i = ($.value - 1) * n.pageSize, o = i + n.pageSize;
+      return qe.value.slice(i, o);
     }), Lt = T(() => de.value === 0 ? 0 : ($.value - 1) * n.pageSize + 1), Pt = T(
       () => Math.min($.value * n.pageSize, de.value)
     );
@@ -2104,7 +2114,7 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
     function Nt() {
       $.value > 1 && $.value--;
     }
-    ze([Ae, C], () => {
+    Ae([ze, C], () => {
       $.value = 1;
     });
     function Bt() {
@@ -2112,16 +2122,16 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
         jt();
         return;
       }
-      const a = n.enableSearch && C.value.trim() ? qe.value.map((o) => o.original) : Fe.value.map((o) => o.original);
-      qo(a, w.value, {
+      const i = n.enableSearch && C.value.trim() ? qe.value.map((o) => o.original) : Fe.value.map((o) => o.original);
+      Go(i, w.value, {
         filename: n.exportFilename,
         includeHeaders: !0
-      }), l("export", { rowCount: a.length, filename: n.exportFilename });
+      }), l("export", { rowCount: i.length, filename: n.exportFilename });
     }
     function jt() {
       if (!G.value) return;
-      const a = n.exportFilename.replace(".csv", "-pivot.csv");
-      Oo(
+      const i = n.exportFilename.replace(".csv", "-pivot.csv");
+      Xo(
         {
           headers: G.value.headers,
           rowHeaders: G.value.rowHeaders,
@@ -2135,17 +2145,17 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
         we.value,
         E.value,
         p.value,
-        { filename: a }
+        { filename: i }
       );
       const o = G.value.rowHeaders.length;
-      l("export", { rowCount: o, filename: a });
+      l("export", { rowCount: o, filename: i });
     }
-    function Ht(a, o) {
-      n.enableColumnResize && (o.preventDefault(), o.stopPropagation(), U.value = a, D.value = o.clientX, H.value = ge.value[a] || Ce, document.addEventListener("mousemove", vt), document.addEventListener("mouseup", ct));
+    function Ht(i, o) {
+      n.enableColumnResize && (o.preventDefault(), o.stopPropagation(), U.value = i, V.value = o.clientX, H.value = ge.value[i] || Ce, document.addEventListener("mousemove", vt), document.addEventListener("mouseup", ct));
     }
-    function vt(a) {
+    function vt(i) {
       if (!U.value) return;
-      const o = a.clientX - D.value, h = Math.max(Ce, Math.min(Mt, H.value + o));
+      const o = i.clientX - V.value, h = Math.max(Ce, Math.min(Mt, H.value + o));
       ge.value = {
         ...ge.value,
         [U.value]: h
@@ -2154,12 +2164,12 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
     function ct() {
       U.value = null, document.removeEventListener("mousemove", vt), document.removeEventListener("mouseup", ct);
     }
-    function Ut(a) {
-      n.enableVerticalResize && (a.preventDefault(), _.value = !0, X.value = a.clientY, B.value = O.value, document.addEventListener("mousemove", dt), document.addEventListener("mouseup", gt));
+    function Ut(i) {
+      n.enableVerticalResize && (i.preventDefault(), _.value = !0, X.value = i.clientY, B.value = O.value, document.addEventListener("mousemove", dt), document.addEventListener("mouseup", gt));
     }
-    function dt(a) {
+    function dt(i) {
       if (!_.value) return;
-      const o = a.clientY - X.value, h = Math.max(
+      const o = i.clientY - X.value, h = Math.max(
         n.minHeight,
         Math.min(n.maxHeight, B.value + o)
       );
@@ -2170,18 +2180,18 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
     }
     function pt() {
       if (!ae.value || !n.enableClipboard) return;
-      const a = Xo(
+      const i = Zo(
         Fe.value.map((o) => o.original),
         w.value,
         ae.value
       );
-      Go(
-        a,
+      Yo(
+        i,
         () => {
           const o = (ae.value.maxRow - ae.value.minRow + 1) * (ae.value.maxCol - ae.value.minCol + 1);
           s.value = `Copied ${o} cell${o > 1 ? "s" : ""}`, f.value = !0, setTimeout(() => {
             f.value = !1;
-          }, 2e3), l("copy", { text: a, cellCount: o });
+          }, 2e3), l("copy", { text: i, cellCount: o });
         },
         (o) => {
           s.value = "Copy failed", f.value = !0, setTimeout(() => {
@@ -2191,23 +2201,23 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
       );
     }
     const te = M("grid"), Te = M(!0), tt = M(null);
-    function Kt(a) {
-      tt.value = a;
+    function Kt(i) {
+      tt.value = i;
     }
     function Wt() {
       tt.value = null;
     }
-    function _t(a) {
-      we.value = a;
+    function _t(i) {
+      we.value = i;
     }
-    function qt(a) {
-      E.value = a;
+    function qt(i) {
+      E.value = i;
     }
     const ot = M(), ft = M(), Fe = T(() => g.getRowModel().rows), ne = M(null), Oe = M({ top: 0, left: 0, maxHeight: 400 }), ge = M({});
     function mt() {
       if (n.data.length === 0)
         return;
-      const a = {}, o = Math.min(100, n.data.length), j = document.createElement("canvas").getContext("2d");
+      const i = {}, o = Math.min(100, n.data.length), j = document.createElement("canvas").getContext("2d");
       if (j) {
         j.font = "13px system-ui, -apple-system, sans-serif";
         for (const K of w.value) {
@@ -2216,45 +2226,45 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
             const Y = n.data[Z][K], oe = Y == null ? "" : String(Y), fe = j.measureText(oe).width + 28;
             Q = Math.max(Q, fe);
           }
-          a[K] = Math.min(Math.max(Q, Ce), Mt);
+          i[K] = Math.min(Math.max(Q, Ce), Mt);
         }
-        ge.value = a;
+        ge.value = i;
       }
     }
-    function Ot(a, o) {
+    function Ot(i, o) {
       o.stopPropagation();
       const h = o.currentTarget, j = h.closest(".vpg-header-cell"), K = (j == null ? void 0 : j.getBoundingClientRect()) || h.getBoundingClientRect(), Q = 280, Z = 12;
       let Y = K.left;
       Y + Q > window.innerWidth - Z && (Y = window.innerWidth - Q - Z), Y = Math.max(Z, Y);
       const oe = window.innerHeight - K.bottom - Z, fe = K.top - Z;
       let Se, Re;
-      oe >= 300 || oe >= fe ? (Se = K.bottom + 4, Re = Math.min(400, oe - 4)) : (Re = Math.min(400, fe - 4), Se = K.top - Re - 4), Oe.value = { top: Se, left: Y, maxHeight: Re }, ne.value = a;
+      oe >= 300 || oe >= fe ? (Se = K.bottom + 4, Re = Math.min(400, oe - 4)) : (Re = Math.min(400, fe - 4), Se = K.top - Re - 4), Oe.value = { top: Se, left: Y, maxHeight: Re }, ne.value = i;
     }
     function Ge() {
       ne.value = null;
     }
-    function Gt(a, o) {
-      me(a, o);
+    function Gt(i, o) {
+      me(i, o);
     }
-    function Xt(a, o) {
+    function Xt(i, o) {
       if (o === null)
-        re(a) && (he(a), re(a) && he(a));
+        re(i) && (he(i), re(i) && he(i));
       else {
-        const h = re(a);
-        h === null ? (he(a), o === "desc" && re(a) === "asc" && he(a)) : h !== o && he(a);
+        const h = re(i);
+        h === null ? (he(i), o === "desc" && re(i) === "asc" && he(i)) : h !== o && he(i);
       }
     }
-    const Xe = T(() => Ae.value.length), pe = M(null), ue = M(null), se = M(null), nt = M(!1);
-    function Yt(a) {
+    const Xe = T(() => ze.value.length), pe = M(null), ue = M(null), se = M(null), nt = M(!1);
+    function Yt(i) {
       const o = Fe.value.length - 1;
-      o < 0 || (ue.value = { row: 0, col: a }, se.value = { row: o, col: a }, pe.value = { row: 0, col: a });
+      o < 0 || (ue.value = { row: 0, col: i }, se.value = { row: o, col: i }, pe.value = { row: 0, col: i });
     }
-    function Zt(a, o) {
+    function Zt(i, o) {
       if (o.target.closest(".vpg-dropdown-arrow")) {
-        const j = w.value[a];
+        const j = w.value[i];
         Ot(j, o);
       } else
-        Yt(a);
+        Yt(i);
     }
     const ae = T(() => !ue.value || !se.value ? null : {
       minRow: Math.min(ue.value.row, se.value.row),
@@ -2262,27 +2272,27 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
       minCol: Math.min(ue.value.col, se.value.col),
       maxCol: Math.max(ue.value.col, se.value.col)
     });
-    function Jt(a, o) {
+    function Jt(i, o) {
       if (!ae.value)
         return !1;
       const { minRow: h, maxRow: j, minCol: K, maxCol: Q } = ae.value;
-      return a >= h && a <= j && o >= K && o <= Q;
+      return i >= h && i <= j && o >= K && o <= Q;
     }
-    const Ve = T(() => {
+    const De = T(() => {
       if (!ae.value)
         return null;
-      const { minRow: a, maxRow: o, minCol: h, maxCol: j } = ae.value, K = [];
+      const { minRow: i, maxRow: o, minCol: h, maxCol: j } = ae.value, K = [];
       let Q = 0;
-      for (let oe = a; oe <= o; oe++) {
+      for (let oe = i; oe <= o; oe++) {
         const fe = Fe.value[oe];
         if (fe)
           for (let Se = h; Se <= j; Se++) {
             const Re = w.value[Se];
             if (!Re)
               continue;
-            const De = fe.original[Re];
-            if (Q++, De != null && De !== "") {
-              const bt = typeof De == "number" ? De : Number.parseFloat(String(De));
+            const Ve = fe.original[Re];
+            if (Q++, Ve != null && Ve !== "") {
+              const bt = typeof Ve == "number" ? Ve : Number.parseFloat(String(Ve));
               Number.isNaN(bt) || K.push(bt);
             }
           }
@@ -2292,16 +2302,16 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
       const Z = K.reduce((oe, fe) => oe + fe, 0), Y = Z / K.length;
       return { count: Q, sum: Z, avg: Y, numericCount: K.length };
     });
-    function ht(a) {
-      return a === null ? "-" : Math.abs(a) >= 1e3 ? a.toLocaleString("en-US", { maximumFractionDigits: 2 }) : a.toLocaleString("en-US", { maximumFractionDigits: 4 });
+    function ht(i) {
+      return i === null ? "-" : Math.abs(i) >= 1e3 ? i.toLocaleString("en-US", { maximumFractionDigits: 2 }) : i.toLocaleString("en-US", { maximumFractionDigits: 4 });
     }
-    function wt(a) {
-      if ((a.ctrlKey || a.metaKey) && a.key === "c" && ae.value) {
-        a.preventDefault(), pt();
+    function wt(i) {
+      if ((i.ctrlKey || i.metaKey) && i.key === "c" && ae.value) {
+        i.preventDefault(), pt();
         return;
       }
-      if ((a.ctrlKey || a.metaKey) && a.key === "f" && n.enableSearch) {
-        a.preventDefault(), V.value = !0, Ue(() => {
+      if ((i.ctrlKey || i.metaKey) && i.key === "f" && n.enableSearch) {
+        i.preventDefault(), D.value = !0, Ue(() => {
           const Y = document.querySelector(".vpg-search-input");
           Y == null || Y.focus();
         });
@@ -2311,78 +2321,78 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
         return;
       const { row: o, col: h } = pe.value, K = ut.value.length - 1, Q = w.value.length - 1;
       function Z(Y, oe) {
-        a.shiftKey ? (ue.value || (ue.value = { row: o, col: h }), se.value = { row: Y, col: oe }) : (ue.value = { row: Y, col: oe }, se.value = { row: Y, col: oe }), pe.value = { row: Y, col: oe }, Qt(Y, oe);
+        i.shiftKey ? (ue.value || (ue.value = { row: o, col: h }), se.value = { row: Y, col: oe }) : (ue.value = { row: Y, col: oe }, se.value = { row: Y, col: oe }), pe.value = { row: Y, col: oe }, Qt(Y, oe);
       }
-      switch (a.key) {
+      switch (i.key) {
         case "ArrowUp":
-          a.preventDefault(), o > 0 && Z(o - 1, h);
+          i.preventDefault(), o > 0 && Z(o - 1, h);
           break;
         case "ArrowDown":
-          a.preventDefault(), o < K && Z(o + 1, h);
+          i.preventDefault(), o < K && Z(o + 1, h);
           break;
         case "ArrowLeft":
-          a.preventDefault(), h > 0 && Z(o, h - 1);
+          i.preventDefault(), h > 0 && Z(o, h - 1);
           break;
         case "ArrowRight":
-          a.preventDefault(), h < Q && Z(o, h + 1);
+          i.preventDefault(), h < Q && Z(o, h + 1);
           break;
         case "Escape":
-          pe.value = null, ue.value = null, se.value = null, V.value = !1, C.value = "";
+          pe.value = null, ue.value = null, se.value = null, D.value = !1, C.value = "";
           break;
       }
     }
-    function Qt(a, o) {
+    function Qt(i, o) {
       Ue(() => {
         var j;
         const h = (j = ft.value) == null ? void 0 : j.querySelector(
-          `[data-row="${a}"][data-col="${o}"]`
+          `[data-row="${i}"][data-col="${o}"]`
         );
         h == null || h.scrollIntoView({ block: "nearest", inline: "nearest" });
       });
     }
-    function It(a, o, h) {
-      h.preventDefault(), h.shiftKey && pe.value ? se.value = { row: a, col: o } : (pe.value = { row: a, col: o }, ue.value = { row: a, col: o }, se.value = { row: a, col: o }, nt.value = !0);
-      const j = Fe.value[a];
+    function It(i, o, h) {
+      h.preventDefault(), h.shiftKey && pe.value ? se.value = { row: i, col: o } : (pe.value = { row: i, col: o }, ue.value = { row: i, col: o }, se.value = { row: i, col: o }, nt.value = !0);
+      const j = Fe.value[i];
       if (j) {
         const K = w.value[o];
         l("cellClick", {
-          row: a,
+          row: i,
           col: o,
           value: j.original[K],
           rowData: j.original
         });
       }
     }
-    function eo(a, o) {
-      nt.value && (se.value = { row: a, col: o });
+    function eo(i, o) {
+      nt.value && (se.value = { row: i, col: o });
     }
     function kt() {
       nt.value = !1;
     }
-    function to(a, o) {
+    function to(i, o) {
       var h, j;
-      return Jt(a, o) ? !0 : ((h = pe.value) == null ? void 0 : h.row) === a && ((j = pe.value) == null ? void 0 : j.col) === o;
+      return Jt(i, o) ? !0 : ((h = pe.value) == null ? void 0 : h.row) === i && ((j = pe.value) == null ? void 0 : j.col) === o;
     }
     const oo = /^(?:.*_)?(?:id|code|year|month|quarter|day|week|date|zip|phone|fax|ssn|ein|npi|ndc|gpi|hcpcs|icd|cpt|rx|bin|pcn|group|member|claim|rx_number|script|fill)(?:_.*)?$/i;
-    function no(a) {
-      return !oo.test(a);
+    function no(i) {
+      return !oo.test(i);
     }
-    function lo(a, o) {
-      if (a == null || a === "")
+    function lo(i, o) {
+      if (i == null || i === "")
         return "";
       if (ee(o).type === "number") {
-        const j = typeof a == "number" ? a : Number.parseFloat(String(a));
-        return Number.isNaN(j) ? String(a) : no(o) && Math.abs(j) >= 1e3 ? j.toLocaleString("en-US", { maximumFractionDigits: 2 }) : Number.isInteger(j) ? String(j) : j.toLocaleString("en-US", { maximumFractionDigits: 4, useGrouping: !1 });
+        const j = typeof i == "number" ? i : Number.parseFloat(String(i));
+        return Number.isNaN(j) ? String(i) : no(o) && Math.abs(j) >= 1e3 ? j.toLocaleString("en-US", { maximumFractionDigits: 2 }) : Number.isInteger(j) ? String(j) : j.toLocaleString("en-US", { maximumFractionDigits: 4, useGrouping: !1 });
       }
-      return String(a);
+      return String(i);
     }
     function Ct() {
       ne.value && Ge();
     }
-    function yt(a) {
+    function yt(i) {
       var o;
       if (ne.value) {
-        const h = a.target;
+        const h = i.target;
         if (h && ((o = h.closest) != null && o.call(h, ".vpg-filter-portal")))
           return;
         Ge();
@@ -2390,20 +2400,20 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
     }
     xt(() => {
       mt(), document.addEventListener("keydown", wt), document.addEventListener("mouseup", kt), Ue(() => {
-        var a;
-        (a = ot.value) == null || a.addEventListener("scroll", Ct, { passive: !0 });
+        var i;
+        (i = ot.value) == null || i.addEventListener("scroll", Ct, { passive: !0 });
       }), window.addEventListener("scroll", yt, { passive: !0, capture: !0 });
     }), Tt(() => {
-      var a;
-      document.removeEventListener("keydown", wt), document.removeEventListener("mouseup", kt), (a = ot.value) == null || a.removeEventListener("scroll", Ct), window.removeEventListener("scroll", yt, { capture: !0 });
-    }), ze(() => n.data, () => {
+      var i;
+      document.removeEventListener("keydown", wt), document.removeEventListener("mouseup", kt), (i = ot.value) == null || i.removeEventListener("scroll", Ct), window.removeEventListener("scroll", yt, { capture: !0 });
+    }), Ae(() => n.data, () => {
       Ue(mt);
     }, { immediate: !0 });
-    const so = T(() => w.value.reduce((a, o) => a + (ge.value[o] || Ce), 0));
-    function ao(a) {
-      ne.value && (a.target.closest(".vpg-filter-portal") || Ge());
+    const so = T(() => w.value.reduce((i, o) => i + (ge.value[o] || Ce), 0));
+    function ao(i) {
+      ne.value && (i.target.closest(".vpg-filter-portal") || Ge());
     }
-    return (a, o) => (r(), u("div", {
+    return (i, o) => (r(), u("div", {
       class: q(["vpg-data-grid", [
         `vpg-font-${b.value}`,
         `vpg-theme-${c.value}`,
@@ -2416,7 +2426,7 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
     }, [
       Ye(ro, { name: "vpg-toast" }, {
         default: uo(() => [
-          f.value ? (r(), u("div", Al, [
+          f.value ? (r(), u("div", Pl, [
             o[15] || (o[15] = e("svg", {
               class: "vpg-icon",
               fill: "none",
@@ -2431,13 +2441,13 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
               })
             ], -1)),
             I(" " + R(s.value), 1)
-          ])) : z("", !0)
+          ])) : A("", !0)
         ]),
         _: 1
       }),
-      e("div", Ll, [
-        e("div", Pl, [
-          t.showPivot ? (r(), u("div", El, [
+      e("div", El, [
+        e("div", Nl, [
+          t.showPivot ? (r(), u("div", Bl, [
             e("button", {
               class: q(["vpg-view-btn", { active: te.value === "grid" }]),
               onClick: o[0] || (o[0] = (h) => te.value = "grid")
@@ -2476,10 +2486,10 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
               ], -1),
               I(" Pivot ", -1)
             ])], 2)
-          ])) : z("", !0),
+          ])) : A("", !0),
           te.value === "grid" ? (r(), u(W, { key: 1 }, [
-            t.enableSearch ? (r(), u("div", Nl, [
-              V.value ? (r(), u("div", Bl, [
+            t.enableSearch ? (r(), u("div", jl, [
+              D.value ? (r(), u("div", Hl, [
                 o[20] || (o[20] = e("svg", {
                   class: "vpg-search-icon",
                   fill: "none",
@@ -2499,7 +2509,7 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
                   class: "vpg-search-input",
                   placeholder: "Search all columns...",
                   onKeydown: o[4] || (o[4] = vo((h) => {
-                    V.value = !1, C.value = "";
+                    D.value = !1, C.value = "";
                   }, ["escape"]))
                 }, null, 544), [
                   [rt, C.value]
@@ -2522,12 +2532,12 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
                       d: "M6 18L18 6M6 6l12 12"
                     })
                   ], -1)
-                ])])) : z("", !0)
+                ])])) : A("", !0)
               ])) : (r(), u("button", {
                 key: 0,
                 class: "vpg-icon-btn",
                 title: "Search (Ctrl+F)",
-                onClick: o[2] || (o[2] = (h) => V.value = !0)
+                onClick: o[2] || (o[2] = (h) => D.value = !0)
               }, [...o[18] || (o[18] = [
                 e("svg", {
                   class: "vpg-icon",
@@ -2543,18 +2553,18 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
                   })
                 ], -1)
               ])]))
-            ])) : z("", !0),
-            e("div", jl, [
+            ])) : A("", !0),
+            e("div", Ul, [
               o[21] || (o[21] = e("span", { class: "vpg-label" }, "Size:", -1)),
-              e("div", Hl, [
+              e("div", Kl, [
                 (r(), u(W, null, J(d, (h) => e("button", {
                   key: h.value,
                   class: q(["vpg-font-size-btn", { active: b.value === h.value }]),
                   onClick: (j) => b.value = h.value
-                }, R(h.label), 11, Ul)), 64))
+                }, R(h.label), 11, Wl)), 64))
               ])
             ]),
-            Xe.value > 0 ? (r(), u("div", Kl, [
+            Xe.value > 0 ? (r(), u("div", _l, [
               o[22] || (o[22] = e("svg", {
                 class: "vpg-icon",
                 fill: "currentColor",
@@ -2567,11 +2577,11 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
                 })
               ], -1)),
               e("span", null, R(Xe.value) + " filter" + R(Xe.value > 1 ? "s" : ""), 1)
-            ])) : z("", !0),
-            C.value ? (r(), u("div", Wl, [
+            ])) : A("", !0),
+            C.value ? (r(), u("div", ql, [
               e("span", null, R(de.value) + " match" + R(de.value !== 1 ? "es" : ""), 1)
-            ])) : z("", !0)
-          ], 64)) : z("", !0),
+            ])) : A("", !0)
+          ], 64)) : A("", !0),
           te.value === "pivot" && S(m) ? (r(), u(W, { key: 2 }, [
             e("button", {
               class: q(["vpg-config-toggle", { active: Te.value }]),
@@ -2592,7 +2602,7 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
               ], -1)),
               I(" " + R(Te.value ? "Hide" : "Show") + " Config ", 1)
             ], 2),
-            S(N) ? (r(), u("div", _l, [...o[24] || (o[24] = [
+            S(N) ? (r(), u("div", Ol, [...o[24] || (o[24] = [
               e("svg", {
                 class: "vpg-icon",
                 fill: "currentColor",
@@ -2605,10 +2615,10 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
                 })
               ], -1),
               e("span", null, "Pivot configured", -1)
-            ])])) : z("", !0)
-          ], 64)) : z("", !0)
+            ])])) : A("", !0)
+          ], 64)) : A("", !0)
         ]),
-        e("div", ql, [
+        e("div", Gl, [
           te.value === "grid" && Xe.value > 0 ? (r(), u("button", {
             key: 0,
             class: "vpg-clear-filters",
@@ -2629,7 +2639,7 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
               })
             ], -1),
             I(" Clear Filters ", -1)
-          ])])) : z("", !0),
+          ])])) : A("", !0),
           t.enableClipboard && ae.value && te.value === "grid" ? (r(), u("button", {
             key: 1,
             class: "vpg-icon-btn",
@@ -2649,7 +2659,7 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
                 d: "M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"
               })
             ], -1)
-          ])])) : z("", !0),
+          ])])) : A("", !0),
           t.enableExport && (te.value === "grid" || te.value === "pivot" && S(N)) ? (r(), u("button", {
             key: 2,
             class: "vpg-export-btn",
@@ -2670,7 +2680,7 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
               })
             ], -1)),
             I(" Export" + R(te.value === "pivot" ? " Pivot" : ""), 1)
-          ], 8, Ol)) : z("", !0)
+          ], 8, Xl)) : A("", !0)
         ])
       ]),
       te.value === "grid" ? (r(), u("div", {
@@ -2680,10 +2690,10 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
         class: "vpg-grid-container",
         tabindex: "0"
       }, [
-        t.loading ? (r(), u("div", Gl, [...o[28] || (o[28] = [
+        t.loading ? (r(), u("div", Yl, [...o[28] || (o[28] = [
           e("div", { class: "vpg-spinner" }, null, -1),
           e("span", null, "Loading data...", -1)
-        ])])) : t.data.length === 0 ? (r(), u("div", Xl, [...o[29] || (o[29] = [
+        ])])) : t.data.length === 0 ? (r(), u("div", Zl, [...o[29] || (o[29] = [
           e("div", { class: "vpg-empty-icon" }, [
             e("svg", {
               class: "vpg-icon-lg",
@@ -2700,7 +2710,7 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
             ])
           ], -1),
           e("span", null, "No data available", -1)
-        ])])) : S(x) === 0 ? (r(), u("div", Yl, [
+        ])])) : S(x) === 0 ? (r(), u("div", Jl, [
           o[30] || (o[30] = e("div", { class: "vpg-empty-icon vpg-warning" }, [
             e("svg", {
               class: "vpg-icon-lg",
@@ -2722,7 +2732,7 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
             onClick: o[8] || (o[8] = //@ts-ignore
             (...h) => S(ye) && S(ye)(...h))
           }, " Clear all filters ")
-        ])) : (r(), u("div", Zl, [
+        ])) : (r(), u("div", Ql, [
           e("table", {
             class: "vpg-table",
             style: ve({ minWidth: `${so.value}px` })
@@ -2739,25 +2749,25 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
                   style: ve({ width: `${ge.value[h] || Ce}px`, minWidth: `${ge.value[h] || Ce}px` }),
                   onClick: (K) => Zt(j, K)
                 }, [
-                  e("div", Ql, [
-                    e("span", Il, R(h), 1),
-                    e("div", es, [
-                      S(re)(h) ? (r(), u("span", ts, [
-                        S(re)(h) === "asc" ? (r(), u("svg", os, [...o[32] || (o[32] = [
+                  e("div", es, [
+                    e("span", ts, R(h), 1),
+                    e("div", os, [
+                      S(re)(h) ? (r(), u("span", ns, [
+                        S(re)(h) === "asc" ? (r(), u("svg", ls, [...o[32] || (o[32] = [
                           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)
-                        ])])) : (r(), u("svg", ns, [...o[33] || (o[33] = [
+                        ])])) : (r(), u("svg", ss, [...o[33] || (o[33] = [
                           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",
                             "clip-rule": "evenodd"
                           }, null, -1)
                         ])]))
-                      ])) : z("", !0),
-                      S(ie)(h) ? (r(), u("span", ls, [...o[34] || (o[34] = [
+                      ])) : A("", !0),
+                      S(ie)(h) ? (r(), u("span", as, [...o[34] || (o[34] = [
                         e("svg", {
                           class: "vpg-icon-xs",
                           fill: "currentColor",
@@ -2769,7 +2779,7 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
                             "clip-rule": "evenodd"
                           })
                         ], -1)
-                      ])])) : z("", !0),
+                      ])])) : A("", !0),
                       o[35] || (o[35] = e("span", {
                         class: "vpg-dropdown-arrow",
                         title: "Filter & Sort"
@@ -2794,8 +2804,8 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
                     key: 0,
                     class: "vpg-resize-handle",
                     onMousedown: (K) => Ht(h, K)
-                  }, null, 40, ss)) : z("", !0)
-                ], 14, Jl))), 128))
+                  }, null, 40, is)) : A("", !0)
+                ], 14, Il))), 128))
               ])
             ]),
             e("tbody", {
@@ -2817,15 +2827,15 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
                   style: ve({ width: `${ge.value[K] || Ce}px`, minWidth: `${ge.value[K] || Ce}px` }),
                   onMousedown: (Z) => It(j, Q, Z),
                   onMouseenter: (Z) => eo(j, Q)
-                }, R(lo(h.original[K], K)), 47, as))), 128))
+                }, R(lo(h.original[K], K)), 47, rs))), 128))
               ]))), 128))
             ], 512)
           ], 4)
         ]))
-      ], 512)) : (r(), u("div", is, [
-        Te.value && S(m) ? (r(), u("div", rs, [
-          Ye(En, {
-            "available-fields": S(A),
+      ], 512)) : (r(), u("div", us, [
+        Te.value && S(m) ? (r(), u("div", vs, [
+          Ye(Bn, {
+            "available-fields": S(z),
             "row-fields": S(we),
             "column-fields": S(E),
             "value-fields": S(p),
@@ -2834,7 +2844,7 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
             "onUpdate:showRowTotals": o[9] || (o[9] = (h) => P.value = h),
             "onUpdate:showColumnTotals": o[10] || (o[10] = (h) => k.value = h),
             onClearConfig: S(He),
-            onAutoSuggest: S(At),
+            onAutoSuggest: S(zt),
             onDragStart: Kt,
             onDragEnd: Wt,
             onUpdateAggregation: S(ke),
@@ -2845,11 +2855,11 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
             onAddValueField: S(je),
             onRemoveValueField: S(be)
           }, null, 8, ["available-fields", "row-fields", "column-fields", "value-fields", "show-row-totals", "show-column-totals", "onClearConfig", "onAutoSuggest", "onUpdateAggregation", "onAddRowField", "onRemoveRowField", "onAddColumnField", "onRemoveColumnField", "onAddValueField", "onRemoveValueField"])
-        ])) : z("", !0),
+        ])) : A("", !0),
         e("div", {
           class: q(["vpg-pivot-main", { "vpg-full-width": !Te.value }])
         }, [
-          Ye(zl, {
+          Ye(Ll, {
             "row-fields": S(we),
             "column-fields": S(E),
             "value-fields": S(p),
@@ -2872,16 +2882,16 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
           }, null, 8, ["row-fields", "column-fields", "value-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", us, [
-        e("div", vs, [
+      e("div", cs, [
+        e("div", ds, [
           te.value === "grid" ? (r(), u(W, { key: 0 }, [
             t.enablePagination ? (r(), u(W, { key: 0 }, [
               e("span", null, R(Lt.value.toLocaleString()) + "-" + R(Pt.value.toLocaleString()), 1),
               o[36] || (o[36] = e("span", { class: "vpg-separator" }, "of", -1)),
               e("span", null, R(de.value.toLocaleString()), 1),
-              de.value !== S(L) ? (r(), u("span", cs, " (" + R(S(L).toLocaleString()) + " total) ", 1)) : z("", !0)
-            ], 64)) : S(x) === S(L) && de.value === S(L) ? (r(), u("span", ds, R(S(L).toLocaleString()) + " records", 1)) : (r(), u(W, { key: 2 }, [
-              e("span", gs, R(de.value.toLocaleString()), 1),
+              de.value !== S(L) ? (r(), u("span", gs, " (" + R(S(L).toLocaleString()) + " total) ", 1)) : A("", !0)
+            ], 64)) : S(x) === S(L) && de.value === S(L) ? (r(), u("span", ps, R(S(L).toLocaleString()) + " records", 1)) : (r(), u(W, { key: 2 }, [
+              e("span", fs, R(de.value.toLocaleString()), 1),
               o[37] || (o[37] = e("span", { class: "vpg-separator" }, "of", -1)),
               e("span", null, R(S(L).toLocaleString()), 1),
               o[38] || (o[38] = e("span", { class: "vpg-separator" }, "records", -1))
@@ -2892,7 +2902,7 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
             e("span", null, R(S(L).toLocaleString()) + " source records", 1)
           ], 64))
         ]),
-        t.enablePagination && te.value === "grid" && xe.value > 1 ? (r(), u("div", ps, [
+        t.enablePagination && te.value === "grid" && xe.value > 1 ? (r(), u("div", ms, [
           e("button", {
             class: "vpg-page-btn",
             disabled: $.value === 1,
@@ -2911,7 +2921,7 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
                 d: "M11 19l-7-7 7-7m8 14l-7-7 7-7"
               })
             ], -1)
-          ])], 8, fs),
+          ])], 8, hs),
           e("button", {
             class: "vpg-page-btn",
             disabled: $.value === 1,
@@ -2930,8 +2940,8 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
                 d: "M15 19l-7-7 7-7"
               })
             ], -1)
-          ])], 8, ms),
-          e("span", hs, " Page " + R($.value) + " of " + R(xe.value), 1),
+          ])], 8, ws),
+          e("span", ks, " Page " + R($.value) + " of " + R(xe.value), 1),
           e("button", {
             class: "vpg-page-btn",
             disabled: $.value === xe.value,
@@ -2950,7 +2960,7 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
                 d: "M9 5l7 7-7 7"
               })
             ], -1)
-          ])], 8, ws),
+          ])], 8, Cs),
           e("button", {
             class: "vpg-page-btn",
             disabled: $.value === xe.value,
@@ -2969,28 +2979,28 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
                 d: "M13 5l7 7-7 7M5 5l7 7-7 7"
               })
             ], -1)
-          ])], 8, ks)
-        ])) : z("", !0),
-        te.value === "grid" && Ve.value && Ve.value.count > 1 ? (r(), u("div", Cs, [
-          e("span", ys, [
+          ])], 8, ys)
+        ])) : A("", !0),
+        te.value === "grid" && De.value && De.value.count > 1 ? (r(), u("div", bs, [
+          e("span", Fs, [
             o[45] || (o[45] = e("span", { class: "vpg-stat-label" }, "Count:", -1)),
-            e("span", bs, R(Ve.value.count), 1)
+            e("span", Ss, R(De.value.count), 1)
           ]),
-          Ve.value.numericCount > 0 ? (r(), u(W, { key: 0 }, [
+          De.value.numericCount > 0 ? (r(), u(W, { key: 0 }, [
             o[48] || (o[48] = e("span", { class: "vpg-stat-divider" }, "|", -1)),
-            e("span", Fs, [
+            e("span", Rs, [
               o[46] || (o[46] = e("span", { class: "vpg-stat-label" }, "Sum:", -1)),
-              e("span", Ss, R(ht(Ve.value.sum)), 1)
+              e("span", $s, R(ht(De.value.sum)), 1)
             ]),
             o[49] || (o[49] = e("span", { class: "vpg-stat-divider" }, "|", -1)),
-            e("span", Rs, [
+            e("span", Ms, [
               o[47] || (o[47] = e("span", { class: "vpg-stat-label" }, "Avg:", -1)),
-              e("span", $s, R(ht(Ve.value.avg)), 1)
+              e("span", xs, R(ht(De.value.avg)), 1)
             ])
-          ], 64)) : z("", !0)
-        ])) : z("", !0),
-        e("div", Ms, [
-          S(y) ? (r(), u("div", xs, [...o[50] || (o[50] = [
+          ], 64)) : A("", !0)
+        ])) : A("", !0),
+        e("div", Ts, [
+          S(y) ? (r(), u("div", Ds, [...o[50] || (o[50] = [
             e("span", { class: "vpg-demo-badge" }, "DEMO", -1),
             e("span", null, "Pro features enabled", -1),
             e("a", {
@@ -2998,13 +3008,13 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
               target: "_blank",
               rel: "noopener"
             }, "Get License →", -1)
-          ])])) : S(v) ? (r(), u("span", Ts, [...o[51] || (o[51] = [
+          ])])) : S(v) ? (r(), u("span", Vs, [...o[51] || (o[51] = [
             e("a", {
               href: "https://tiny-pivot.com",
               target: "_blank",
               rel: "noopener"
             }, "TinyPivot", -1)
-          ])])) : z("", !0)
+          ])])) : A("", !0)
         ])
       ]),
       t.enableVerticalResize ? (r(), u("div", {
@@ -3017,7 +3027,7 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
           e("span"),
           e("span")
         ], -1)
-      ])], 32)) : z("", !0),
+      ])], 32)) : A("", !0),
       (r(), io(co, { to: "body" }, [
         ne.value ? (r(), u("div", {
           key: 0,
@@ -3030,7 +3040,7 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
             zIndex: 9999
           })
         }, [
-          Ye(ln, {
+          Ye(an, {
             "column-id": ne.value,
             "column-name": ne.value,
             stats: S(ee)(ne.value),
@@ -3040,32 +3050,32 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
             onSort: o[14] || (o[14] = (h) => Xt(ne.value, h)),
             onClose: Ge
           }, null, 8, ["column-id", "column-name", "stats", "selected-values", "sort-direction"])
-        ], 4)) : z("", !0)
+        ], 4)) : A("", !0)
       ]))
     ], 6));
   }
-}), Hs = /* @__PURE__ */ et(Vs, [["__scopeId", "data-v-d439bb38"]]);
+}), Ks = /* @__PURE__ */ et(As, [["__scopeId", "data-v-d439bb38"]]);
 export {
-  ln as ColumnFilter,
-  Hs as DataGrid,
-  En as PivotConfig,
-  zl as PivotSkeleton,
-  Ps as configureLicenseSecret,
-  Go as copyToClipboard,
-  Ls as enableDemoMode,
-  Oo as exportPivotToCSV,
-  qo as exportToCSV,
+  an as ColumnFilter,
+  Ks as DataGrid,
+  Bn as PivotConfig,
+  Ll as PivotSkeleton,
+  Ns as configureLicenseSecret,
+  Yo as copyToClipboard,
+  Es as enableDemoMode,
+  Xo as exportPivotToCSV,
+  Go as exportToCSV,
   Co as formatCellValue,
-  Xo as formatSelectionForClipboard,
+  Zo as formatSelectionForClipboard,
   Rt as getAggregationLabel,
   ko as getColumnUniqueValues,
-  As as setLicenseKey,
-  js as useColumnResize,
-  Ko as useExcelGrid,
-  Ns as useGlobalSearch,
+  Ps as setLicenseKey,
+  Us as useColumnResize,
+  _o as useExcelGrid,
+  js as useGlobalSearch,
   Ie as useLicense,
-  Es as usePagination,
-  _o as usePivotTable,
-  Bs as useRowSelection
+  Bs as usePagination,
+  Oo as usePivotTable,
+  Hs as useRowSelection
 };
 //# sourceMappingURL=tinypivot-vue.js.map