@smallwebco/tinypivot-vue 1.0.34 → 1.0.36

package/dist/tinypivot-vue.js

@@ -1,6 +1,6 @@
-import { ref as $, computed as V, watch as Te, defineComponent as et, createElementBlock as g, openBlock as d, createElementVNode as e, createCommentVNode as z, toDisplayString as S, normalizeStyle as ye, createTextVNode as ee, onMounted as kt, nextTick as ot, onUnmounted as yt, normalizeClass as J, Fragment as _, withDirectives as He, vModelText as Ie, renderList as oe, createVNode as Ke, createBlock as Kt, Teleport as Ot, withModifiers as Le, vModelSelect as Ml, unref as T, Transition as Wt, withCtx as qt, withKeys as xl, createStaticVNode as Rl } from "vue";
-import { useVueTable as Dl, getFilteredRowModel as Tl, getSortedRowModel as Vl, getCoreRowModel as Al } from "@tanstack/vue-table";
-function bt(t) {
+import { ref as $, computed as A, watch as De, defineComponent as et, createElementBlock as g, openBlock as d, createElementVNode as e, createCommentVNode as z, toDisplayString as S, normalizeStyle as ke, createTextVNode as ee, onMounted as yt, nextTick as ot, onUnmounted as kt, normalizeClass as J, Fragment as _, withDirectives as He, vModelText as Ie, renderList as oe, createVNode as Ke, createBlock as Kt, Teleport as Ot, withModifiers as Le, vModelSelect as Ml, unref as D, Transition as Wt, withCtx as qt, withKeys as xl, createStaticVNode as Rl } from "vue";
+import { useVueTable as Tl, getFilteredRowModel as Dl, getSortedRowModel as Vl, getCoreRowModel as Al } from "@tanstack/vue-table";
+function dt(t) {
   return t !== null && typeof t == "object" && !Array.isArray(t) && ("min" in t || "max" in t);
 }
 function Ll(t) {
@@ -8,54 +8,54 @@ function Ll(t) {
   if (u.length === 0)
     return "string";
   const l = u.slice(0, 100);
-  let r = 0, a = 0, s = 0;
+  let r = 0, a = 0, i = 0;
   for (const h of l)
-    typeof h == "boolean" ? s++ : typeof h == "number" || !Number.isNaN(Number(h)) && h !== "" ? r++ : (h instanceof Date || !Number.isNaN(Date.parse(String(h)))) && a++;
+    typeof h == "boolean" ? i++ : typeof h == "number" || !Number.isNaN(Number(h)) && h !== "" ? r++ : (h instanceof Date || !Number.isNaN(Date.parse(String(h)))) && a++;
   const f = l.length * 0.8;
-  return s >= f ? "boolean" : r >= f ? "number" : a >= f ? "date" : "string";
+  return i >= f ? "boolean" : r >= f ? "number" : a >= f ? "date" : "string";
 }
 function Nl(t, u) {
   const r = t.map((h) => h[u]).filter((h) => h != null && h !== "").slice(0, 100);
   let a = 0;
-  const s = /* @__PURE__ */ new Set();
+  const i = /* @__PURE__ */ new Set();
   for (const h of r)
-    s.add(String(h)), (typeof h == "number" || !Number.isNaN(Number(h)) && h !== "") && a++;
+    i.add(String(h)), (typeof h == "number" || !Number.isNaN(Number(h)) && h !== "") && a++;
   const f = a >= r.length * 0.8;
   return {
     field: u,
     type: f ? "number" : "string",
-    uniqueCount: s.size,
+    uniqueCount: i.size,
     isNumeric: f
   };
 }
 function zl(t, u, l = 500) {
   const r = [];
-  let a = 0, s, f;
-  for (const w of t) {
-    const x = w[u];
+  let a = 0, i, f;
+  for (const b of t) {
+    const x = b[u];
     if (x == null || x === "")
       a++;
     else {
       r.push(x);
       const U = typeof x == "number" ? x : Number.parseFloat(String(x));
-      Number.isNaN(U) || ((s === void 0 || U < s) && (s = U), (f === void 0 || U > f) && (f = U));
+      Number.isNaN(U) || ((i === void 0 || U < i) && (i = U), (f === void 0 || U > f) && (f = U));
     }
   }
   const h = /* @__PURE__ */ new Set();
-  for (const w of r)
-    if (h.add(String(w)), h.size >= l)
+  for (const b of r)
+    if (h.add(String(b)), h.size >= l)
       break;
-  const y = Array.from(h).sort((w, x) => {
-    const U = Number.parseFloat(w), R = Number.parseFloat(x);
-    return !Number.isNaN(U) && !Number.isNaN(R) ? U - R : w.localeCompare(x);
+  const k = Array.from(h).sort((b, x) => {
+    const U = Number.parseFloat(b), R = Number.parseFloat(x);
+    return !Number.isNaN(U) && !Number.isNaN(R) ? U - R : b.localeCompare(x);
   }), F = Ll(r);
   return {
-    uniqueValues: y,
+    uniqueValues: k,
     totalCount: t.length,
     nullCount: a,
     type: F,
     // Only include min/max for numeric columns
-    ...F === "number" && s !== void 0 && f !== void 0 ? { numericMin: s, numericMax: f } : {}
+    ...F === "number" && i !== void 0 && f !== void 0 ? { numericMin: i, numericMax: f } : {}
   };
 }
 function Pl(t, u) {
@@ -91,7 +91,7 @@ function El(t) {
   return u.length % 2 !== 0 ? u[l] : (u[l - 1] + u[l]) / 2;
 }
 function Bl(t) {
-  const u = t.reduce((a, s) => a + s, 0) / t.length, r = t.map((a) => (a - u) ** 2).reduce((a, s) => a + s, 0) / t.length;
+  const u = t.reduce((a, i) => a + i, 0) / t.length, r = t.map((a) => (a - u) ** 2).reduce((a, i) => a + i, 0) / t.length;
   return Math.sqrt(r);
 }
 function ct(t, u, l, r, a) {
@@ -99,11 +99,11 @@ function ct(t, u, l, r, a) {
     return null;
   switch (u) {
     case "sum":
-      return t.reduce((s, f) => s + f, 0);
+      return t.reduce((i, f) => i + f, 0);
     case "count":
       return t.length;
     case "avg":
-      return t.reduce((s, f) => s + f, 0) / t.length;
+      return t.reduce((i, f) => i + f, 0) / t.length;
     case "min":
       return Math.min(...t);
     case "max":
@@ -115,19 +115,19 @@ function ct(t, u, l, r, a) {
     case "stdDev":
       return Bl(t);
     case "percentOfTotal": {
-      const s = t.reduce((f, h) => f + h, 0);
-      return l === void 0 || l === 0 ? null : s / l * 100;
+      const i = t.reduce((f, h) => f + h, 0);
+      return l === void 0 || l === 0 ? null : i / l * 100;
     }
     case "custom":
       return null;
     default:
-      return t.reduce((s, f) => s + f, 0);
+      return t.reduce((i, f) => i + f, 0);
   }
 }
 function vt(t, u) {
   return t === null ? "-" : u === "count" || u === "countDistinct" ? Math.round(t).toLocaleString() : u === "percentOfTotal" ? `${t.toFixed(1)}%` : u === "stdDev" ? t.toLocaleString("en-US", { maximumFractionDigits: 2 }) : Math.abs(t) >= 1e3 ? t.toLocaleString("en-US", { maximumFractionDigits: 2 }) : t.toLocaleString("en-US", { maximumFractionDigits: 4 });
 }
-function dt(t, u) {
+function gt(t, u) {
   return t === "custom" && u ? u : {
     sum: "Sum",
     count: "Count",
@@ -202,8 +202,8 @@ function Bt(t, u) {
       return `Unknown field: ${a}`;
   try {
     let a = t;
-    for (const s of l) {
-      const f = s.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+    for (const i of l) {
+      const f = i.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
       a = a.replace(new RegExp(`\\b${f}\\b`, "gi"), "1");
     }
     new Function(`return ${a}`);
@@ -217,19 +217,19 @@ function jt(t, u, l) {
     const r = Gt(t);
     let a = t;
     for (const f of r) {
-      const h = l.find((x) => x.toLowerCase() === f.toLowerCase()) || f, y = u[h];
-      if (y == null || y === "")
+      const h = l.find((x) => x.toLowerCase() === f.toLowerCase()) || f, k = u[h];
+      if (k == null || k === "")
         return null;
-      const F = typeof y == "number" ? y : Number.parseFloat(String(y));
+      const F = typeof k == "number" ? k : Number.parseFloat(String(k));
       if (Number.isNaN(F))
         return null;
-      const w = f.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-      a = a.replace(new RegExp(`\\b${w}\\b`, "gi"), String(F));
+      const b = f.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+      a = a.replace(new RegExp(`\\b${b}\\b`, "gi"), String(F));
     }
     if (!/^[\d\s+\-*/().]+$/.test(a))
       return null;
-    const s = new Function(`return ${a}`)();
-    return typeof s == "number" && Number.isFinite(s) ? s : null;
+    const i = new Function(`return ${a}`)();
+    return typeof i == "number" && Number.isFinite(i) ? i : null;
   } catch {
     return null;
   }
@@ -241,90 +241,90 @@ function Kl(t, u, l, r) {
   const a = /* @__PURE__ */ new Set([
     ...u,
     ...l,
-    ...r.map((s) => s.field)
+    ...r.map((i) => i.field)
   ]);
-  return t.filter((s) => !a.has(s.field));
+  return t.filter((i) => !a.has(i.field));
 }
 function Xt(t) {
   return (t.rowFields.length > 0 || t.columnFields.length > 0) && t.valueFields.length > 0;
 }
 function Ol(t, u) {
-  const { rowFields: l, columnFields: r, valueFields: a, showRowTotals: s, showColumnTotals: f, calculatedFields: h } = u;
+  const { rowFields: l, columnFields: r, valueFields: a, showRowTotals: i, showColumnTotals: f, calculatedFields: h } = u;
   if (!Xt(u) || t.length === 0)
     return null;
-  const y = /* @__PURE__ */ new Map();
+  const k = /* @__PURE__ */ new Map();
   if (h)
-    for (const A of h)
-      y.set(A.id, A);
-  const F = t.length > 0 ? Object.keys(t[0]) : [], w = /* @__PURE__ */ new Set(), x = /* @__PURE__ */ new Set(), U = /* @__PURE__ */ new Map();
-  for (const A of t) {
-    const M = l.length > 0 ? Pt(A, l) : "__all__", i = r.length > 0 ? Pt(A, r) : "__all__";
-    w.add(M), x.add(i), U.has(M) || U.set(M, /* @__PURE__ */ new Map());
+    for (const L of h)
+      k.set(L.id, L);
+  const F = t.length > 0 ? Object.keys(t[0]) : [], b = /* @__PURE__ */ new Set(), x = /* @__PURE__ */ new Set(), U = /* @__PURE__ */ new Map();
+  for (const L of t) {
+    const M = l.length > 0 ? Pt(L, l) : "__all__", s = r.length > 0 ? Pt(L, r) : "__all__";
+    b.add(M), x.add(s), U.has(M) || U.set(M, /* @__PURE__ */ new Map());
     const o = U.get(M);
-    o.has(i) || o.set(i, a.map(() => []));
-    const c = o.get(i);
+    o.has(s) || o.set(s, a.map(() => []));
+    const c = o.get(s);
     for (let m = 0; m < a.length; m++) {
       const X = a[m];
       let G = null;
       if (X.field.startsWith("calc:")) {
-        const Q = X.field.replace("calc:", ""), de = y.get(Q);
-        de && (G = jt(de.formula, A, F));
+        const Q = X.field.replace("calc:", ""), de = k.get(Q);
+        de && (G = jt(de.formula, L, F));
       } else {
-        const Q = A[X.field];
+        const Q = L[X.field];
         Q != null && Q !== "" && (G = typeof Q == "number" ? Q : Number.parseFloat(String(Q)), Number.isNaN(G) && (G = X.aggregation === "count" || X.aggregation === "countDistinct" ? 1 : null));
       }
       G !== null && c[m].push(G);
     }
   }
-  const R = Array.from(w).sort(), C = Array.from(x).sort(), P = a.map((A, M) => {
-    let i = 0;
+  const R = Array.from(b).sort(), y = Array.from(x).sort(), P = a.map((L, M) => {
+    let s = 0;
     for (const o of t) {
       let c = null;
-      if (A.field.startsWith("calc:")) {
-        const m = A.field.replace("calc:", ""), X = y.get(m);
+      if (L.field.startsWith("calc:")) {
+        const m = L.field.replace("calc:", ""), X = k.get(m);
         X && (c = jt(X.formula, o, F));
       } else {
-        const m = o[A.field];
+        const m = o[L.field];
         m != null && m !== "" && (c = typeof m == "number" ? m : Number.parseFloat(String(m)), Number.isNaN(c) && (c = null));
       }
-      c !== null && (i += c);
+      c !== null && (s += c);
     }
-    return i;
+    return s;
   });
-  function Z(A) {
-    if (A.field.startsWith("calc:")) {
-      const M = A.field.replace("calc:", ""), i = y.get(M);
-      return `${(i == null ? void 0 : i.name) || A.field} (${dt(A.aggregation)})`;
+  function Z(L) {
+    if (L.field.startsWith("calc:")) {
+      const M = L.field.replace("calc:", ""), s = k.get(M);
+      return `${(s == null ? void 0 : s.name) || L.field} (${gt(L.aggregation)})`;
     }
-    return `${A.label || A.field} (${dt(A.aggregation)})`;
+    return `${L.label || L.field} (${gt(L.aggregation)})`;
   }
   const W = [];
   if (r.length > 0) {
-    const A = a.length > 1 ? a.length : 1;
+    const L = a.length > 1 ? a.length : 1;
     for (let M = 0; M < r.length; M++) {
-      const i = [];
-      for (const o of C) {
+      const s = [];
+      for (const o of y) {
         const c = Et(o);
-        for (let m = 0; m < A; m++)
-          i.push(c[M] || "");
+        for (let m = 0; m < L; m++)
+          s.push(c[M] || "");
       }
-      W.push(i);
+      W.push(s);
     }
   }
   if (a.length > 1 || W.length === 0) {
-    const A = [];
-    for (const M of C)
-      for (const i of a)
-        A.push(Z(i));
-    C.length === 1 && C[0] === "__all__" ? W.push(a.map((M) => Z(M))) : W.push(A);
-  }
-  const O = R.map((A) => A === "__all__" ? ["Total"] : Et(A)), B = [], N = [], j = /* @__PURE__ */ new Map();
-  for (const A of R) {
-    const M = [], i = a.map(() => []);
-    for (const o of C) {
-      const c = U.get(A), m = (c == null ? void 0 : c.get(o)) || a.map(() => []);
+    const L = [];
+    for (const M of y)
+      for (const s of a)
+        L.push(Z(s));
+    y.length === 1 && y[0] === "__all__" ? W.push(a.map((M) => Z(M))) : W.push(L);
+  }
+  const O = R.map((L) => L === "__all__" ? ["Total"] : Et(L)), B = [], N = [], j = /* @__PURE__ */ new Map();
+  for (const L of R) {
+    const M = [], s = a.map(() => []);
+    for (const o of y) {
+      const c = U.get(L), m = (c == null ? void 0 : c.get(o)) || a.map(() => []);
       for (let G = 0; G < m.length; G++)
-        i[G].push(...m[G]);
+        s[G].push(...m[G]);
       j.has(o) || j.set(o, a.map(() => []));
       const X = j.get(o);
       for (let G = 0; G < m.length; G++)
@@ -333,7 +333,7 @@ function Ol(t, u) {
         const Q = a[G], de = m[G] || [], Oe = P[G], Me = ct(de, Q.aggregation, Oe);
         let me;
         if (Q.field.startsWith("calc:")) {
-          const We = Q.field.replace("calc:", ""), he = y.get(We);
+          const We = Q.field.replace("calc:", ""), he = k.get(We);
           me = Ul(Me, (he == null ? void 0 : he.formatAs) || "number", (he == null ? void 0 : he.decimals) ?? 2);
         } else
           me = vt(Me, Q.aggregation);
@@ -344,9 +344,9 @@ function Ol(t, u) {
         });
       }
     }
-    if (B.push(M), s && C.length > 1)
+    if (B.push(M), i && y.length > 1)
       if (a.length > 0) {
-        const o = a[0], c = i[0] || [], m = ct(c, o.aggregation, P[0]);
+        const o = a[0], c = s[0] || [], m = ct(c, o.aggregation, P[0]);
         N.push({
           value: m,
           count: c.length,
@@ -357,10 +357,10 @@ function Ol(t, u) {
   }
   const q = [];
   if (f && R.length > 1)
-    for (const A of C) {
-      const M = j.get(A) || a.map(() => []);
-      for (let i = 0; i < a.length; i++) {
-        const o = a[i], c = M[i] || [], m = ct(c, o.aggregation, P[i]);
+    for (const L of y) {
+      const M = j.get(L) || a.map(() => []);
+      for (let s = 0; s < a.length; s++) {
+        const o = a[s], c = M[s] || [], m = ct(c, o.aggregation, P[s]);
         q.push({
           value: m,
           count: c.length,
@@ -369,20 +369,20 @@ function Ol(t, u) {
       }
     }
   const le = { value: null, count: 0, formattedValue: "-" };
-  if (s && f && a.length > 0) {
-    const A = a.map(() => []);
+  if (i && f && a.length > 0) {
+    const L = a.map(() => []);
     for (const c of R) {
       const m = U.get(c);
       if (m)
-        for (const X of C) {
+        for (const X of y) {
           const G = m.get(X);
           if (G)
             for (let Q = 0; Q < G.length; Q++)
-              A[Q].push(...G[Q]);
+              L[Q].push(...G[Q]);
         }
     }
-    const M = a[0], i = A[0] || [], o = ct(i, M.aggregation, P[0]);
-    le.value = o, le.count = i.length, le.formattedValue = vt(o, M.aggregation);
+    const M = a[0], s = L[0] || [], o = ct(s, M.aggregation, P[0]);
+    le.value = o, le.count = s.length, le.formattedValue = vt(o, M.aggregation);
   }
   return {
     headers: W,
@@ -413,7 +413,7 @@ function Gl(t) {
   }
   return null;
 }
-function ht(t, u) {
+function wt(t, u) {
   const l = new Set(u);
   return [
     ...t.rowFields,
@@ -447,7 +447,7 @@ const Jt = {
     sessionPersistence: !1,
     noWatermark: !1
   }
-}, wt = {
+}, Ct = {
   type: "free",
   isValid: !1,
   features: {
@@ -475,7 +475,7 @@ async function Yl(t, u, l) {
     return console.warn("[TinyPivot] License secret not configured. Call configureLicenseSecret() first."), !1;
   const a = `TP-${t}-${l}`;
   try {
-    const s = new TextEncoder(), f = s.encode(r), h = s.encode(a), y = await crypto.subtle.importKey("raw", f, { name: "HMAC", hash: "SHA-256" }, !1, ["sign"]), F = await crypto.subtle.sign("HMAC", y, h), x = Array.from(new Uint8Array(F)).map((U) => U.toString(16).padStart(2, "0")).join("").slice(0, 12).toUpperCase();
+    const i = new TextEncoder(), f = i.encode(r), h = i.encode(a), k = await crypto.subtle.importKey("raw", f, { name: "HMAC", hash: "SHA-256" }, !1, ["sign"]), F = await crypto.subtle.sign("HMAC", k, h), x = Array.from(new Uint8Array(F)).map((U) => U.toString(16).padStart(2, "0")).join("").slice(0, 12).toUpperCase();
     return u === x;
   } catch {
     return !1;
@@ -486,24 +486,24 @@ async function Zl(t) {
     return Jt;
   const u = t.split("-");
   if (u.length !== 4 || u[0] !== "TP")
-    return wt;
+    return Ct;
   const l = u[1], r = u[2], a = u[3];
   if (!await Yl(l, r, a))
-    return wt;
-  const f = Number.parseInt(a.slice(0, 4)), h = Number.parseInt(a.slice(4, 6)) - 1, y = Number.parseInt(a.slice(6, 8)), F = new Date(f, h, y);
+    return Ct;
+  const f = Number.parseInt(a.slice(0, 4)), h = Number.parseInt(a.slice(4, 6)) - 1, k = Number.parseInt(a.slice(6, 8)), F = new Date(f, h, k);
   if (F < /* @__PURE__ */ new Date())
-    return { ...wt, expiresAt: F };
-  let w = "free";
-  return l === "PRO1" ? w = "pro-single" : l === "PROU" ? w = "pro-unlimited" : l === "PROT" && (w = "pro-team"), {
-    type: w,
+    return { ...Ct, expiresAt: F };
+  let b = "free";
+  return l === "PRO1" ? b = "pro-single" : l === "PROU" ? b = "pro-unlimited" : l === "PROT" && (b = "pro-team"), {
+    type: b,
     isValid: !0,
     expiresAt: F,
     features: {
-      pivot: w !== "free",
-      advancedAggregations: w !== "free",
-      percentageMode: w !== "free",
-      sessionPersistence: w !== "free",
-      noWatermark: w !== "free"
+      pivot: b !== "free",
+      advancedAggregations: b !== "free",
+      percentageMode: b !== "free",
+      sessionPersistence: b !== "free",
+      noWatermark: b !== "free"
     }
   };
 }
@@ -514,7 +514,7 @@ const Ql = "A48AA0618518D3E62F31FCFCA2DD2B86E7FE0863E2F90756FB0A960AE7A51583";
 async function Il(t) {
   try {
     const l = new TextEncoder().encode(t), r = await crypto.subtle.digest("SHA-256", l);
-    return Array.from(new Uint8Array(r)).map((s) => s.toString(16).padStart(2, "0")).join("").toUpperCase();
+    return Array.from(new Uint8Array(r)).map((i) => i.toString(16).padStart(2, "0")).join("").toUpperCase();
   } catch {
     return "";
   }
@@ -545,27 +545,27 @@ function fe(t, u = ",") {
 `) ? `"${l.replace(/"/g, '""')}"` : l;
 }
 function sn(t, u, l = {}) {
-  const { filename: r = "export.csv", includeHeaders: a = !0, delimiter: s = "," } = l, f = [];
-  a && f.push(u.map((y) => fe(y, s)).join(s));
-  for (const y of t) {
-    const F = u.map((w) => fe(y[w], s));
-    f.push(F.join(s));
+  const { filename: r = "export.csv", includeHeaders: a = !0, delimiter: i = "," } = l, f = [];
+  a && f.push(u.map((k) => fe(k, i)).join(i));
+  for (const k of t) {
+    const F = u.map((b) => fe(k[b], i));
+    f.push(F.join(i));
   }
   const h = f.join(`
 `);
   Qt(h, r, "text/csv;charset=utf-8;");
 }
 function rn(t, u, l, r, a = {}) {
-  const { filename: s = "pivot-export.csv", delimiter: f = "," } = a, h = [], { headers: y, rowHeaders: F, data: w, rowTotals: x, columnTotals: U, grandTotal: R, showRowTotals: C, showColumnTotals: P } = t, Z = u.length || 1;
-  if (y.length > 0)
-    for (let O = 0; O < y.length; O++) {
+  const { filename: i = "pivot-export.csv", delimiter: f = "," } = a, h = [], { headers: k, rowHeaders: F, data: b, rowTotals: x, columnTotals: U, grandTotal: R, showRowTotals: y, showColumnTotals: P } = t, Z = u.length || 1;
+  if (k.length > 0)
+    for (let O = 0; O < k.length; O++) {
       const B = [];
       for (let N = 0; N < Z; N++)
-        B.push(O === y.length - 1 ? fe(u[N] || "", f) : "");
-      for (const N of y[O])
+        B.push(O === k.length - 1 ? fe(u[N] || "", f) : "");
+      for (const N of k[O])
         B.push(fe(N, f));
-      if (C && x && x.length > 0)
-        if (O === y.length - 1)
+      if (y && x && x.length > 0)
+        if (O === k.length - 1)
           for (const N of r)
             B.push(fe(`Total (${N.aggregation})`, f));
         else
@@ -579,16 +579,16 @@ function rn(t, u, l, r, a = {}) {
       O.push(fe(u[B] || "", f));
     for (const B of r)
       O.push(fe(`${B.field} (${B.aggregation})`, f));
-    C && x && x.length > 0 && O.push(fe("Total", f)), h.push(O.join(f));
+    y && x && x.length > 0 && O.push(fe("Total", f)), h.push(O.join(f));
   }
   for (let O = 0; O < F.length; O++) {
     const B = [], N = F[O] || [];
     for (let q = 0; q < Z; q++)
       B.push(fe(N[q] || "", f));
-    const j = w[O] || [];
+    const j = b[O] || [];
     for (const q of j)
       B.push(fe((q == null ? void 0 : q.formattedValue) || "", f));
-    C && x && x[O] && B.push(fe(x[O].formattedValue || "", f)), h.push(B.join(f));
+    y && x && x[O] && B.push(fe(x[O].formattedValue || "", f)), h.push(B.join(f));
   }
   if (P && U && U.length > 0) {
     const O = [];
@@ -597,48 +597,48 @@ function rn(t, u, l, r, a = {}) {
       O.push("");
     for (const B of U)
       O.push(fe((B == null ? void 0 : B.formattedValue) || "", f));
-    C && R && O.push(fe(R.formattedValue || "", f)), h.push(O.join(f));
+    y && R && O.push(fe(R.formattedValue || "", f)), h.push(O.join(f));
   }
   const W = h.join(`
 `);
-  Qt(W, s, "text/csv;charset=utf-8;");
+  Qt(W, i, "text/csv;charset=utf-8;");
 }
 function Qt(t, u, l) {
-  const r = new Blob([t], { type: l }), a = URL.createObjectURL(r), s = document.createElement("a");
-  s.href = a, s.download = u, s.style.display = "none", document.body.appendChild(s), s.click(), document.body.removeChild(s), URL.revokeObjectURL(a);
+  const r = new Blob([t], { type: l }), a = URL.createObjectURL(r), i = document.createElement("a");
+  i.href = a, i.download = u, i.style.display = "none", document.body.appendChild(i), i.click(), document.body.removeChild(i), URL.revokeObjectURL(a);
 }
 function un(t, u, l) {
   navigator.clipboard.writeText(t).then(u).catch(l);
 }
 function cn(t, u, l) {
-  const { minRow: r, maxRow: a, minCol: s, maxCol: f } = l, h = [];
-  for (let y = r; y <= a; y++) {
-    const F = t[y];
+  const { minRow: r, maxRow: a, minCol: i, maxCol: f } = l, h = [];
+  for (let k = r; k <= a; k++) {
+    const F = t[k];
     if (!F)
       continue;
-    const w = [];
-    for (let x = s; x <= f; x++) {
+    const b = [];
+    for (let x = i; x <= f; x++) {
       const U = u[x];
       if (!U)
         continue;
       const R = F[U];
-      w.push(R == null ? "" : String(R));
+      b.push(R == null ? "" : String(R));
     }
-    h.push(w.join("	"));
+    h.push(b.join("	"));
   }
   return h.join(`
 `);
 }
 const Ut = (t, u, l) => {
   if (!l) return !0;
-  if (bt(l)) {
+  if (dt(l)) {
     const r = t.getValue(u);
     if (r == null || r === "")
       return !1;
     const a = typeof r == "number" ? r : Number.parseFloat(String(r));
     if (Number.isNaN(a)) return !1;
-    const { min: s, max: f } = l;
-    return !(s !== null && a < s || f !== null && a > f);
+    const { min: i, max: f } = l;
+    return !(i !== null && a < i || f !== null && a > f);
   }
   if (Array.isArray(l) && l.length > 0) {
     const r = t.getValue(u), a = r == null || r === "" ? "(blank)" : String(r);
@@ -647,29 +647,29 @@ const Ut = (t, u, l) => {
   return !0;
 };
 function vn(t) {
-  const { data: u, enableSorting: l = !0, enableFiltering: r = !0 } = t, a = $([]), s = $([]), f = $({}), h = $(""), y = $({}), F = V(() => u.value.length === 0 ? [] : Object.keys(u.value[0]));
-  function w(M) {
-    const i = `${M}-${u.value.length}`;
-    return y.value[i] || (y.value[i] = zl(u.value, M)), y.value[i];
+  const { data: u, enableSorting: l = !0, enableFiltering: r = !0 } = t, a = $([]), i = $([]), f = $({}), h = $(""), k = $({}), F = A(() => u.value.length === 0 ? [] : Object.keys(u.value[0]));
+  function b(M) {
+    const s = `${M}-${u.value.length}`;
+    return k.value[s] || (k.value[s] = zl(u.value, M)), k.value[s];
   }
   function x() {
-    y.value = {};
+    k.value = {};
   }
-  const U = V(() => F.value.map((M) => {
-    const i = w(M);
+  const U = A(() => F.value.map((M) => {
+    const s = b(M);
     return {
       id: M,
       accessorKey: M,
       header: M,
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      cell: (o) => Pl(o.getValue(), i.type),
+      cell: (o) => Pl(o.getValue(), s.type),
       filterFn: Ut,
       meta: {
-        type: i.type,
-        uniqueCount: i.uniqueValues.length
+        type: s.type,
+        uniqueCount: s.uniqueValues.length
       }
     };
-  })), R = Dl({
+  })), R = Tl({
     get data() {
       return u.value;
     },
@@ -681,7 +681,7 @@ function vn(t) {
         return a.value;
       },
       get columnFilters() {
-        return s.value;
+        return i.value;
       },
       get columnVisibility() {
         return f.value;
@@ -694,253 +694,263 @@ function vn(t) {
       a.value = typeof M == "function" ? M(a.value) : M;
     },
     onColumnFiltersChange: (M) => {
-      s.value = typeof M == "function" ? M(s.value) : M;
+      i.value = typeof M == "function" ? M(i.value) : M;
     },
     getCoreRowModel: Al(),
     getSortedRowModel: l ? Vl() : void 0,
-    getFilteredRowModel: r ? Tl() : void 0,
+    getFilteredRowModel: r ? Dl() : void 0,
     filterFns: {
       multiSelect: Ut
     },
     enableSorting: l,
     enableFilters: r
-  }), C = V(() => R.getFilteredRowModel().rows.length), P = V(() => u.value.length), Z = V(() => s.value.map((M) => ({
-    column: M.id,
-    values: M.value
-  })));
+  }), y = A(() => R.getFilteredRowModel().rows.length), P = A(() => u.value.length), Z = A(() => i.value.map((M) => {
+    const s = M.value;
+    return s && dt(s) ? {
+      column: M.id,
+      type: "range",
+      range: s,
+      values: []
+    } : {
+      column: M.id,
+      type: "values",
+      values: Array.isArray(s) ? s : [],
+      range: null
+    };
+  }));
   function W(M) {
-    const i = R.getColumn(M);
-    if (!i) return !1;
-    const o = i.getFilterValue();
-    return o ? bt(o) ? o.min !== null || o.max !== null : Array.isArray(o) && o.length > 0 : !1;
+    const s = R.getColumn(M);
+    if (!s) return !1;
+    const o = s.getFilterValue();
+    return o ? dt(o) ? o.min !== null || o.max !== null : Array.isArray(o) && o.length > 0 : !1;
   }
-  function O(M, i) {
+  function O(M, s) {
     const o = R.getColumn(M);
-    o && (o.setFilterValue(i.length === 0 ? void 0 : i), s.value = R.getState().columnFilters);
+    o && (o.setFilterValue(s.length === 0 ? void 0 : s), i.value = R.getState().columnFilters);
   }
-  function B(M, i) {
+  function B(M, s) {
     const o = R.getColumn(M);
-    o && (!i || i.min === null && i.max === null ? o.setFilterValue(void 0) : o.setFilterValue(i), s.value = R.getState().columnFilters);
+    o && (!s || s.min === null && s.max === null ? o.setFilterValue(void 0) : o.setFilterValue(s), i.value = R.getState().columnFilters);
   }
   function N(M) {
-    const i = R.getColumn(M);
-    if (!i) return null;
-    const o = i.getFilterValue();
-    return o && bt(o) ? o : null;
+    const s = R.getColumn(M);
+    if (!s) return null;
+    const o = s.getFilterValue();
+    return o && dt(o) ? o : null;
   }
   function j() {
-    R.resetColumnFilters(), h.value = "", s.value = [];
+    R.resetColumnFilters(), h.value = "", i.value = [];
   }
   function q(M) {
-    const i = R.getColumn(M);
-    if (!i) return [];
-    const o = i.getFilterValue();
+    const s = R.getColumn(M);
+    if (!s) return [];
+    const o = s.getFilterValue();
     return Array.isArray(o) ? o : [];
   }
   function le(M) {
-    const i = a.value.find((o) => o.id === M);
-    i ? i.desc ? a.value = [] : a.value = [{ id: M, desc: !0 }] : a.value = [{ id: M, desc: !1 }];
+    const s = a.value.find((o) => o.id === M);
+    s ? s.desc ? a.value = [] : a.value = [{ id: M, desc: !0 }] : a.value = [{ id: M, desc: !1 }];
   }
-  function A(M) {
-    const i = a.value.find((o) => o.id === M);
-    return i ? i.desc ? "desc" : "asc" : null;
+  function L(M) {
+    const s = a.value.find((o) => o.id === M);
+    return s ? s.desc ? "desc" : "asc" : null;
   }
-  return Te(u, () => {
+  return De(u, () => {
     x();
   }), {
     // Table instance
     table: R,
     // State
     sorting: a,
-    columnFilters: s,
+    columnFilters: i,
     columnVisibility: f,
     globalFilter: h,
     columnKeys: F,
     // Computed
-    filteredRowCount: C,
+    filteredRowCount: y,
     totalRowCount: P,
     activeFilters: Z,
     // Methods
-    getColumnStats: w,
+    getColumnStats: b,
     clearStatsCache: x,
     hasActiveFilter: W,
     setColumnFilter: O,
     getColumnFilterValues: q,
     clearAllFilters: j,
     toggleSort: le,
-    getSortDirection: A,
+    getSortDirection: L,
     // Numeric range filters
     setNumericRangeFilter: B,
     getNumericRangeFilter: N
   };
 }
 const dn = $(null), Ue = $(!1), $e = $(tn());
-let Ct = null;
-async function Zs(t) {
-  dn.value = t, Ct = Zl(t), $e.value = await Ct, Ct = null, $e.value.isValid ? $e.value.type !== "free" && console.info(`[TinyPivot] Pro license activated (${$e.value.type})`) : console.warn("[TinyPivot] Invalid or expired license key. Running in free mode.");
-}
+let bt = null;
 async function Js(t) {
+  dn.value = t, bt = Zl(t), $e.value = await bt, bt = null, $e.value.isValid ? $e.value.type !== "free" && console.info(`[TinyPivot] Pro license activated (${$e.value.type})`) : console.warn("[TinyPivot] Invalid or expired license key. Running in free mode.");
+}
+async function Qs(t) {
   const u = await en(t);
   return u ? (Ue.value = !0, $e.value = u, console.info("[TinyPivot] Demo mode enabled - all Pro features unlocked for evaluation"), !0) : (console.warn("[TinyPivot] Demo mode activation failed - invalid secret"), !1);
 }
-function Qs(t) {
+function Is(t) {
   Jl(t);
 }
-function gt() {
-  const t = V(() => Ue.value), u = V(() => Ue.value || nn($e.value)), l = V(() => Ue.value || ln($e.value)), r = V(
+function pt() {
+  const t = A(() => Ue.value), u = A(() => Ue.value || nn($e.value)), l = A(() => Ue.value || ln($e.value)), r = A(
     () => Ue.value || $e.value.features.advancedAggregations
-  ), a = V(
+  ), a = A(
     () => Ue.value || $e.value.features.percentageMode
-  ), s = V(() => on($e.value, Ue.value));
+  ), i = A(() => on($e.value, Ue.value));
   function f(h) {
     return u.value ? !0 : (an(h), !1);
   }
   return {
-    licenseInfo: V(() => $e.value),
+    licenseInfo: A(() => $e.value),
     isDemo: t,
     isPro: u,
     canUsePivot: l,
     canUseAdvancedAggregations: r,
     canUsePercentageMode: a,
-    showWatermark: s,
+    showWatermark: i,
     requirePro: f
   };
 }
 function gn(t) {
-  const { canUsePivot: u, requirePro: l } = gt(), r = $([]), a = $([]), s = $([]), f = $(!0), h = $(!0), y = $(Zt()), F = $(null), w = V(() => Hl(t.value)), x = V(() => Kl(
-    w.value,
+  const { canUsePivot: u, requirePro: l } = pt(), r = $([]), a = $([]), i = $([]), f = $(!0), h = $(!0), k = $(Zt()), F = $(null), b = A(() => Hl(t.value)), x = A(() => Kl(
+    b.value,
     r.value,
     a.value,
-    s.value
-  )), U = V(() => Xt({
+    i.value
+  )), U = A(() => Xt({
     rowFields: r.value,
     columnFields: a.value,
-    valueFields: s.value,
+    valueFields: i.value,
     showRowTotals: f.value,
     showColumnTotals: h.value
-  })), R = V(() => !U.value || !u.value ? null : Ol(t.value, {
+  })), R = A(() => !U.value || !u.value ? null : Ol(t.value, {
     rowFields: r.value,
     columnFields: a.value,
-    valueFields: s.value,
+    valueFields: i.value,
     showRowTotals: f.value,
     showColumnTotals: h.value,
-    calculatedFields: y.value
+    calculatedFields: k.value
   }));
-  function C(i) {
-    l("Pivot Table - Row Fields") && (r.value.includes(i) || (r.value = [...r.value, i]));
+  function y(s) {
+    l("Pivot Table - Row Fields") && (r.value.includes(s) || (r.value = [...r.value, s]));
   }
-  function P(i) {
-    r.value = r.value.filter((o) => o !== i);
+  function P(s) {
+    r.value = r.value.filter((o) => o !== s);
   }
-  function Z(i) {
-    l("Pivot Table - Column Fields") && (a.value.includes(i) || (a.value = [...a.value, i]));
+  function Z(s) {
+    l("Pivot Table - Column Fields") && (a.value.includes(s) || (a.value = [...a.value, s]));
   }
-  function W(i) {
-    a.value = a.value.filter((o) => o !== i);
+  function W(s) {
+    a.value = a.value.filter((o) => o !== s);
   }
-  function O(i, o = "sum") {
-    l("Pivot Table - Value Fields") && (s.value.some((c) => c.field === i && c.aggregation === o) || (s.value = [...s.value, { field: i, aggregation: o }]));
+  function O(s, o = "sum") {
+    l("Pivot Table - Value Fields") && (i.value.some((c) => c.field === s && c.aggregation === o) || (i.value = [...i.value, { field: s, aggregation: o }]));
   }
-  function B(i, o) {
-    o ? s.value = s.value.filter(
-      (c) => !(c.field === i && c.aggregation === o)
-    ) : s.value = s.value.filter((c) => c.field !== i);
+  function B(s, o) {
+    o ? i.value = i.value.filter(
+      (c) => !(c.field === s && c.aggregation === o)
+    ) : i.value = i.value.filter((c) => c.field !== s);
   }
-  function N(i, o, c) {
-    s.value = s.value.map((m) => m.field === i && m.aggregation === o ? { ...m, aggregation: c } : m);
+  function N(s, o, c) {
+    i.value = i.value.map((m) => m.field === s && m.aggregation === o ? { ...m, aggregation: c } : m);
   }
   function j() {
-    r.value = [], a.value = [], s.value = [];
+    r.value = [], a.value = [], i.value = [];
   }
-  function q(i, o) {
-    if (i.area === o.area) {
-      if (i.area === "row") {
-        const c = [...r.value], [m] = c.splice(i.index, 1);
+  function q(s, o) {
+    if (s.area === o.area) {
+      if (s.area === "row") {
+        const c = [...r.value], [m] = c.splice(s.index, 1);
         c.splice(o.index, 0, m), r.value = c;
-      } else if (i.area === "column") {
-        const c = [...a.value], [m] = c.splice(i.index, 1);
+      } else if (s.area === "column") {
+        const c = [...a.value], [m] = c.splice(s.index, 1);
         c.splice(o.index, 0, m), a.value = c;
       }
     }
   }
   function le() {
-    if (!l("Pivot Table - Auto Suggest") || w.value.length === 0) return;
-    const i = w.value.filter((c) => !c.isNumeric && c.uniqueCount < 50), o = w.value.filter((c) => c.isNumeric);
-    i.length > 0 && o.length > 0 && (r.value = [i[0].field], s.value = [{ field: o[0].field, aggregation: "sum" }]);
-  }
-  function A(i) {
-    const o = y.value.findIndex((c) => c.id === i.id);
-    o >= 0 ? y.value = [
-      ...y.value.slice(0, o),
-      i,
-      ...y.value.slice(o + 1)
-    ] : y.value = [...y.value, i], at(y.value);
-  }
-  function M(i) {
-    y.value = y.value.filter((o) => o.id !== i), s.value = s.value.filter((o) => o.field !== `calc:${i}`), at(y.value);
-  }
-  return Te(
+    if (!l("Pivot Table - Auto Suggest") || b.value.length === 0) return;
+    const s = b.value.filter((c) => !c.isNumeric && c.uniqueCount < 50), o = b.value.filter((c) => c.isNumeric);
+    s.length > 0 && o.length > 0 && (r.value = [s[0].field], i.value = [{ field: o[0].field, aggregation: "sum" }]);
+  }
+  function L(s) {
+    const o = k.value.findIndex((c) => c.id === s.id);
+    o >= 0 ? k.value = [
+      ...k.value.slice(0, o),
+      s,
+      ...k.value.slice(o + 1)
+    ] : k.value = [...k.value, s], at(k.value);
+  }
+  function M(s) {
+    k.value = k.value.filter((o) => o.id !== s), i.value = i.value.filter((o) => o.field !== `calc:${s}`), at(k.value);
+  }
+  return De(
     t,
-    (i) => {
-      if (i.length === 0) return;
-      const o = Object.keys(i[0]), c = ql(o);
+    (s) => {
+      if (s.length === 0) return;
+      const o = Object.keys(s[0]), c = ql(o);
       if (c !== F.value) {
         F.value = c;
         const m = Gl(c);
-        if (m && ht(m, o))
-          r.value = m.rowFields, a.value = m.columnFields, s.value = m.valueFields, f.value = m.showRowTotals, h.value = m.showColumnTotals, m.calculatedFields && (y.value = m.calculatedFields);
+        if (m && wt(m, o))
+          r.value = m.rowFields, a.value = m.columnFields, i.value = m.valueFields, f.value = m.showRowTotals, h.value = m.showColumnTotals, m.calculatedFields && (k.value = m.calculatedFields);
         else {
           const X = {
             rowFields: r.value,
             columnFields: a.value,
-            valueFields: s.value,
+            valueFields: i.value,
             showRowTotals: f.value,
             showColumnTotals: h.value
           };
-          ht(X, o) || j();
+          wt(X, o) || j();
         }
       } else {
         const m = {
           rowFields: r.value,
           columnFields: a.value,
-          valueFields: s.value,
+          valueFields: i.value,
           showRowTotals: f.value,
           showColumnTotals: h.value
         };
-        ht(m, o) || j();
+        wt(m, o) || j();
       }
     },
     { immediate: !0 }
-  ), Te(
-    [r, a, s, f, h, y],
+  ), De(
+    [r, a, i, f, h, k],
     () => {
       if (!F.value) return;
-      const i = {
+      const s = {
         rowFields: r.value,
         columnFields: a.value,
-        valueFields: s.value,
+        valueFields: i.value,
         showRowTotals: f.value,
         showColumnTotals: h.value,
-        calculatedFields: y.value
+        calculatedFields: k.value
       };
-      _l(F.value, i);
+      _l(F.value, s);
     },
     { deep: !0 }
   ), {
     // State
     rowFields: r,
     columnFields: a,
-    valueFields: s,
+    valueFields: i,
     showRowTotals: f,
     showColumnTotals: h,
-    calculatedFields: y,
+    calculatedFields: k,
     // Computed
-    availableFields: w,
+    availableFields: b,
     unassignedFields: x,
     isConfigured: U,
     pivotResult: R,
     // Actions
-    addRowField: C,
+    addRowField: y,
     removeRowField: P,
     addColumnField: Z,
     removeColumnField: W,
@@ -950,7 +960,7 @@ function gn(t) {
     clearConfig: j,
     moveField: q,
     autoSuggestConfig: le,
-    addCalculatedField: A,
+    addCalculatedField: L,
     removeCalculatedField: M
   };
 }
@@ -966,22 +976,22 @@ function mn(t, u, l) {
 function hn(t, u, l) {
   return cn(t, u, l);
 }
-function Is(t, u = {}) {
-  const l = $(u.pageSize ?? 50), r = $(u.currentPage ?? 1), a = V(
+function ei(t, u = {}) {
+  const l = $(u.pageSize ?? 50), r = $(u.currentPage ?? 1), a = A(
     () => Math.max(1, Math.ceil(t.value.length / l.value))
-  ), s = V(() => {
-    const C = (r.value - 1) * l.value, P = C + l.value;
-    return t.value.slice(C, P);
-  }), f = V(() => (r.value - 1) * l.value + 1), h = V(
+  ), i = A(() => {
+    const y = (r.value - 1) * l.value, P = y + l.value;
+    return t.value.slice(y, P);
+  }), f = A(() => (r.value - 1) * l.value + 1), h = A(
     () => Math.min(r.value * l.value, t.value.length)
   );
-  function y(C) {
-    r.value = Math.max(1, Math.min(C, a.value));
+  function k(y) {
+    r.value = Math.max(1, Math.min(y, a.value));
   }
   function F() {
     r.value < a.value && r.value++;
   }
-  function w() {
+  function b() {
     r.value > 1 && r.value--;
   }
   function x() {
@@ -990,32 +1000,32 @@ function Is(t, u = {}) {
   function U() {
     r.value = a.value;
   }
-  function R(C) {
-    l.value = C, r.value = 1;
+  function R(y) {
+    l.value = y, r.value = 1;
   }
   return {
     pageSize: l,
     currentPage: r,
     totalPages: a,
-    paginatedData: s,
+    paginatedData: i,
     startIndex: f,
     endIndex: h,
-    goToPage: y,
+    goToPage: k,
     nextPage: F,
-    prevPage: w,
+    prevPage: b,
     firstPage: x,
     lastPage: U,
     setPageSize: R
   };
 }
-function ei(t, u) {
-  const l = $(""), r = $(!1), a = V(() => {
+function ti(t, u) {
+  const l = $(""), r = $(!1), a = A(() => {
     if (!l.value.trim())
       return t.value;
     const f = r.value ? l.value.trim() : l.value.trim().toLowerCase();
     return t.value.filter((h) => {
-      for (const y of u.value) {
-        const F = h[y];
+      for (const k of u.value) {
+        const F = h[k];
         if (F == null) continue;
         if ((r.value ? String(F) : String(F).toLowerCase()).includes(f))
           return !0;
@@ -1023,19 +1033,19 @@ function ei(t, u) {
       return !1;
     });
   });
-  function s() {
+  function i() {
     l.value = "";
   }
   return {
     searchTerm: l,
     caseSensitive: r,
     filteredData: a,
-    clearSearch: s
+    clearSearch: i
   };
 }
-function ti(t) {
-  const u = $(/* @__PURE__ */ new Set()), l = V(() => Array.from(u.value).sort((R, C) => R - C).map((R) => t.value[R]).filter(Boolean)), r = V(() => t.value.length > 0 && u.value.size === t.value.length), a = V(() => u.value.size > 0 && u.value.size < t.value.length);
-  function s(R) {
+function li(t) {
+  const u = $(/* @__PURE__ */ new Set()), l = A(() => Array.from(u.value).sort((R, y) => R - y).map((R) => t.value[R]).filter(Boolean)), r = A(() => t.value.length > 0 && u.value.size === t.value.length), a = A(() => u.value.size > 0 && u.value.size < t.value.length);
+  function i(R) {
     u.value.has(R) ? u.value.delete(R) : u.value.add(R), u.value = new Set(u.value);
   }
   function f(R) {
@@ -1044,20 +1054,20 @@ function ti(t) {
   function h(R) {
     u.value.delete(R), u.value = new Set(u.value);
   }
-  function y() {
-    u.value = new Set(t.value.map((R, C) => C));
+  function k() {
+    u.value = new Set(t.value.map((R, y) => y));
   }
   function F() {
     u.value = /* @__PURE__ */ new Set();
   }
-  function w() {
-    r.value ? F() : y();
+  function b() {
+    r.value ? F() : k();
   }
   function x(R) {
     return u.value.has(R);
   }
-  function U(R, C) {
-    const P = Math.min(R, C), Z = Math.max(R, C);
+  function U(R, y) {
+    const P = Math.min(R, y), Z = Math.max(R, y);
     for (let W = P; W <= Z; W++)
       u.value.add(W);
     u.value = new Set(u.value);
@@ -1067,30 +1077,30 @@ function ti(t) {
     selectedRows: l,
     allSelected: r,
     someSelected: a,
-    toggleRow: s,
+    toggleRow: i,
     selectRow: f,
     deselectRow: h,
-    selectAll: y,
+    selectAll: k,
     deselectAll: F,
-    toggleAll: w,
+    toggleAll: b,
     isSelected: x,
     selectRange: U
   };
 }
-function li(t, u = 60, l = 600) {
-  const r = $({ ...t.value }), a = $(!1), s = $(null);
-  function f(F, w) {
-    a.value = !0, s.value = F;
-    const x = w.clientX, U = r.value[F] || 150, R = (P) => {
+function ni(t, u = 60, l = 600) {
+  const r = $({ ...t.value }), a = $(!1), i = $(null);
+  function f(F, b) {
+    a.value = !0, i.value = F;
+    const x = b.clientX, U = r.value[F] || 150, R = (P) => {
       const Z = P.clientX - x, W = Math.max(u, Math.min(l, U + Z));
       r.value = {
         ...r.value,
         [F]: W
       };
-    }, C = () => {
-      a.value = !1, s.value = null, document.removeEventListener("mousemove", R), document.removeEventListener("mouseup", C);
+    }, y = () => {
+      a.value = !1, i.value = null, document.removeEventListener("mousemove", R), document.removeEventListener("mouseup", y);
     };
-    document.addEventListener("mousemove", R), document.addEventListener("mouseup", C);
+    document.addEventListener("mousemove", R), document.addEventListener("mouseup", y);
   }
   function h(F) {
     t.value[F] && (r.value = {
@@ -1098,19 +1108,19 @@ function li(t, u = 60, l = 600) {
       [F]: t.value[F]
     });
   }
-  function y() {
+  function k() {
     r.value = { ...t.value };
   }
   return {
     columnWidths: r,
     isResizing: a,
-    resizingColumn: s,
+    resizingColumn: i,
     startResize: f,
     resetColumnWidth: h,
-    resetAllWidths: y
+    resetAllWidths: k
   };
 }
-const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn = { class: "vpg-range-bounds" }, kn = { class: "vpg-slider-container" }, yn = { class: "vpg-slider-track" }, Fn = ["min", "max", "step", "value"], Sn = ["min", "max", "step", "value"], $n = { class: "vpg-range-inputs" }, Mn = { class: "vpg-input-group" }, xn = ["placeholder", "value", "step"], Rn = { class: "vpg-input-group" }, Dn = ["placeholder", "value", "step"], Tn = { class: "vpg-range-actions" }, Vn = ["disabled"], An = {
+const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn = { class: "vpg-range-bounds" }, yn = { class: "vpg-slider-container" }, kn = { class: "vpg-slider-track" }, Fn = ["min", "max", "step", "value"], Sn = ["min", "max", "step", "value"], $n = { class: "vpg-range-inputs" }, Mn = { class: "vpg-input-group" }, xn = ["placeholder", "value", "step"], Rn = { class: "vpg-input-group" }, Tn = ["placeholder", "value", "step"], Dn = { class: "vpg-range-actions" }, Vn = ["disabled"], An = {
   key: 0,
   class: "vpg-filter-summary"
 }, Ln = /* @__PURE__ */ et({
@@ -1123,49 +1133,49 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
   emits: ["change"],
   setup(t, { emit: u }) {
     var O, B;
-    const l = t, r = u, a = $(((O = l.currentRange) == null ? void 0 : O.min) ?? null), s = $(((B = l.currentRange) == null ? void 0 : B.max) ?? null), f = V(() => {
+    const l = t, r = u, a = $(((O = l.currentRange) == null ? void 0 : O.min) ?? null), i = $(((B = l.currentRange) == null ? void 0 : B.max) ?? null), f = A(() => {
       const N = l.dataMax - l.dataMin;
       return N === 0 ? 1 : N <= 1 ? 0.01 : N <= 10 ? 0.1 : N <= 100 ? 1 : N <= 1e3 ? 10 : Math.pow(10, Math.floor(Math.log10(N)) - 2);
-    }), h = (N) => N === null ? "" : Number.isInteger(N) ? N.toLocaleString() : N.toLocaleString(void 0, { maximumFractionDigits: 2 }), y = V(() => a.value !== null || s.value !== null), F = V(() => a.value === null || l.dataMax === l.dataMin ? 0 : (a.value - l.dataMin) / (l.dataMax - l.dataMin) * 100), w = V(() => s.value === null || l.dataMax === l.dataMin ? 100 : (s.value - l.dataMin) / (l.dataMax - l.dataMin) * 100);
+    }), h = (N) => N === null ? "" : Number.isInteger(N) ? N.toLocaleString() : N.toLocaleString(void 0, { maximumFractionDigits: 2 }), k = A(() => a.value !== null || i.value !== null), F = A(() => a.value === null || l.dataMax === l.dataMin ? 0 : (a.value - l.dataMin) / (l.dataMax - l.dataMin) * 100), b = A(() => i.value === null || l.dataMax === l.dataMin ? 100 : (i.value - l.dataMin) / (l.dataMax - l.dataMin) * 100);
     function x(N) {
       const j = N.target, q = Number.parseFloat(j.value);
-      s.value !== null && q > s.value ? a.value = s.value : a.value = q;
+      i.value !== null && q > i.value ? a.value = i.value : a.value = q;
     }
     function U(N) {
       const j = N.target, q = Number.parseFloat(j.value);
-      a.value !== null && q < a.value ? s.value = a.value : s.value = q;
+      a.value !== null && q < a.value ? i.value = a.value : i.value = q;
     }
     function R(N) {
       const j = N.target, q = j.value === "" ? null : Number.parseFloat(j.value);
-      q !== null && !Number.isNaN(q) ? a.value = Math.max(l.dataMin, Math.min(q, s.value ?? l.dataMax)) : q === null && (a.value = null);
+      q !== null && !Number.isNaN(q) ? a.value = Math.max(l.dataMin, Math.min(q, i.value ?? l.dataMax)) : q === null && (a.value = null);
     }
-    function C(N) {
+    function y(N) {
       const j = N.target, q = j.value === "" ? null : Number.parseFloat(j.value);
-      q !== null && !Number.isNaN(q) ? s.value = Math.min(l.dataMax, Math.max(q, a.value ?? l.dataMin)) : q === null && (s.value = null);
+      q !== null && !Number.isNaN(q) ? i.value = Math.min(l.dataMax, Math.max(q, a.value ?? l.dataMin)) : q === null && (i.value = null);
     }
     function P() {
-      a.value = null, s.value = null, W();
+      a.value = null, i.value = null, W();
     }
     function Z() {
-      a.value = l.dataMin, s.value = l.dataMax, W();
+      a.value = l.dataMin, i.value = l.dataMax, W();
     }
     function W() {
-      a.value === null && s.value === null ? r("change", null) : r("change", { min: a.value, max: s.value });
+      a.value === null && i.value === null ? r("change", null) : r("change", { min: a.value, max: i.value });
     }
-    return Te(() => l.currentRange, (N) => {
-      a.value = (N == null ? void 0 : N.min) ?? null, s.value = (N == null ? void 0 : N.max) ?? null;
+    return De(() => l.currentRange, (N) => {
+      a.value = (N == null ? void 0 : N.min) ?? null, i.value = (N == null ? void 0 : N.max) ?? null;
     }, { immediate: !0 }), (N, j) => (d(), g("div", wn, [
       e("div", Cn, [
         j[0] || (j[0] = e("span", { class: "vpg-range-label" }, "Data range:", -1)),
         e("span", bn, S(h(t.dataMin)) + " – " + S(h(t.dataMax)), 1)
       ]),
-      e("div", kn, [
-        e("div", yn, [
+      e("div", yn, [
+        e("div", kn, [
           e("div", {
             class: "vpg-slider-fill",
-            style: ye({
+            style: ke({
               left: `${F.value}%`,
-              right: `${100 - w.value}%`
+              right: `${100 - b.value}%`
             })
           }, null, 4)
         ]),
@@ -1185,7 +1195,7 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
           min: t.dataMin,
           max: t.dataMax,
           step: f.value,
-          value: s.value ?? t.dataMax,
+          value: i.value ?? t.dataMax,
           onInput: U,
           onChange: W
         }, null, 40, Sn)
@@ -1210,17 +1220,17 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
             type: "number",
             class: "vpg-range-input",
             placeholder: h(t.dataMax),
-            value: s.value ?? "",
+            value: i.value ?? "",
             step: f.value,
-            onInput: C,
+            onInput: y,
             onChange: W
-          }, null, 40, Dn)
+          }, null, 40, Tn)
         ])
       ]),
-      e("div", Tn, [
+      e("div", Dn, [
         e("button", {
           class: "vpg-range-btn",
-          disabled: !y.value,
+          disabled: !k.value,
           onClick: P
         }, [...j[4] || (j[4] = [
           e("svg", {
@@ -1258,7 +1268,7 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
           ee(" Full Range ", -1)
         ])])
       ]),
-      y.value ? (d(), g("div", An, [
+      k.value ? (d(), g("div", An, [
         j[7] || (j[7] = e("svg", {
           class: "vpg-icon-xs",
           fill: "none",
@@ -1275,8 +1285,8 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
         e("span", null, [
           j[6] || (j[6] = ee(" Showing values ", -1)),
           e("strong", null, S(a.value !== null ? `≥ ${h(a.value)}` : ""), 1),
-          ee(" " + S(a.value !== null && s.value !== null ? " and " : "") + " ", 1),
-          e("strong", null, S(s.value !== null ? `≤ ${h(s.value)}` : ""), 1)
+          ee(" " + S(a.value !== null && i.value !== null ? " and " : "") + " ", 1),
+          e("strong", null, S(i.value !== null ? `≤ ${h(i.value)}` : ""), 1)
         ])
       ])) : z("", !0)
     ]));
@@ -1304,35 +1314,35 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
   },
   emits: ["filter", "sort", "close", "rangeFilter"],
   setup(t, { emit: u }) {
-    const l = t, r = u, a = $(""), s = $(), f = $(), h = V(() => l.stats.type === "number" && l.stats.numericMin !== void 0 && l.stats.numericMax !== void 0), y = $(l.numericRange ? "range" : "values"), F = $(l.numericRange ?? null);
-    V(() => {
+    const l = t, r = u, a = $(""), i = $(), f = $(), h = A(() => l.stats.type === "number" && l.stats.numericMin !== void 0 && l.stats.numericMax !== void 0), k = $(l.numericRange ? "range" : "values"), F = $(l.numericRange ?? null);
+    A(() => {
       const o = [...l.stats.uniqueValues];
       return l.stats.nullCount > 0 && o.unshift("(blank)"), o;
     });
-    const w = $(new Set(l.selectedValues)), x = V(() => l.stats.nullCount > 0), U = V(() => {
+    const b = $(new Set(l.selectedValues)), x = A(() => l.stats.nullCount > 0), U = A(() => {
       const o = l.stats.uniqueValues;
       if (!a.value)
         return o;
       const c = a.value.toLowerCase();
       return o.filter((m) => m.toLowerCase().includes(c));
-    }), R = V(() => {
+    }), R = A(() => {
       const o = [...U.value];
       return x.value && (!a.value || "(blank)".includes(a.value.toLowerCase())) && o.unshift("(blank)"), o;
     });
-    V(() => R.value.every((o) => w.value.has(o))), V(() => w.value.size === 0);
-    function C(o) {
-      w.value.has(o) ? w.value.delete(o) : w.value.add(o), w.value = new Set(w.value);
+    A(() => R.value.every((o) => b.value.has(o))), A(() => b.value.size === 0);
+    function y(o) {
+      b.value.has(o) ? b.value.delete(o) : b.value.add(o), b.value = new Set(b.value);
     }
     function P() {
       for (const o of R.value)
-        w.value.add(o);
-      w.value = new Set(w.value);
+        b.value.add(o);
+      b.value = new Set(b.value);
     }
     function Z() {
-      w.value.clear(), w.value = new Set(w.value);
+      b.value.clear(), b.value = new Set(b.value);
     }
     function W() {
-      w.value.size === 0 ? r("filter", []) : r("filter", Array.from(w.value)), r("close");
+      b.value.size === 0 ? r("filter", []) : r("filter", Array.from(b.value)), r("close");
     }
     function O() {
       r("sort", l.sortDirection === "asc" ? null : "asc");
@@ -1341,7 +1351,7 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
       r("sort", l.sortDirection === "desc" ? null : "desc");
     }
     function N() {
-      w.value.clear(), w.value = new Set(w.value), r("filter", []), r("close");
+      b.value.clear(), b.value = new Set(b.value), r("filter", []), r("close");
     }
     function j(o) {
       F.value = o;
@@ -1352,29 +1362,29 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
     function le() {
       F.value = null, r("rangeFilter", null), r("close");
     }
-    function A(o) {
-      y.value = o;
+    function L(o) {
+      k.value = o;
     }
     function M(o) {
-      s.value && !s.value.contains(o.target) && r("close");
+      i.value && !i.value.contains(o.target) && r("close");
     }
-    function i(o) {
+    function s(o) {
       o.key === "Escape" ? r("close") : o.key === "Enter" && o.ctrlKey && W();
     }
-    return kt(() => {
+    return yt(() => {
       ot(() => {
         var o;
         (o = f.value) == null || o.focus();
-      }), document.addEventListener("mousedown", M), document.addEventListener("keydown", i);
-    }), yt(() => {
-      document.removeEventListener("mousedown", M), document.removeEventListener("keydown", i);
-    }), Te(() => l.selectedValues, (o) => {
-      w.value = new Set(o);
-    }, { immediate: !0 }), Te(() => l.numericRange, (o) => {
-      F.value = o ?? null, o && (y.value = "range");
+      }), document.addEventListener("mousedown", M), document.addEventListener("keydown", s);
+    }), kt(() => {
+      document.removeEventListener("mousedown", M), document.removeEventListener("keydown", s);
+    }), De(() => l.selectedValues, (o) => {
+      b.value = new Set(o);
+    }, { immediate: !0 }), De(() => l.numericRange, (o) => {
+      F.value = o ?? null, o && (k.value = "range");
     }, { immediate: !0 }), (o, c) => (d(), g("div", {
       ref_key: "dropdownRef",
-      ref: s,
+      ref: i,
       class: "vpg-filter-dropdown"
     }, [
       e("div", zn, [
@@ -1426,8 +1436,8 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
       c[11] || (c[11] = e("div", { class: "vpg-divider" }, null, -1)),
       h.value ? (d(), g("div", Hn, [
         e("button", {
-          class: J(["vpg-tab-btn", { active: y.value === "values" }]),
-          onClick: c[0] || (c[0] = (m) => A("values"))
+          class: J(["vpg-tab-btn", { active: k.value === "values" }]),
+          onClick: c[0] || (c[0] = (m) => L("values"))
         }, [...c[6] || (c[6] = [
           e("svg", {
             class: "vpg-icon-sm",
@@ -1445,8 +1455,8 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
           ee(" Values ", -1)
         ])], 2),
         e("button", {
-          class: J(["vpg-tab-btn", { active: y.value === "range" }]),
-          onClick: c[1] || (c[1] = (m) => A("range"))
+          class: J(["vpg-tab-btn", { active: k.value === "range" }]),
+          onClick: c[1] || (c[1] = (m) => L("range"))
         }, [...c[7] || (c[7] = [
           e("svg", {
             class: "vpg-icon-sm",
@@ -1464,7 +1474,7 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
           ee(" Range ", -1)
         ])], 2)
       ])) : z("", !0),
-      !h.value || y.value === "values" ? (d(), g(_, { key: 1 }, [
+      !h.value || k.value === "values" ? (d(), g(_, { key: 1 }, [
         e("div", Kn, [
           c[8] || (c[8] = e("svg", {
             class: "vpg-search-icon",
@@ -1538,13 +1548,13 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
         e("div", On, [
           (d(!0), g(_, null, oe(R.value, (m) => (d(), g("label", {
             key: m,
-            class: J(["vpg-value-item", { selected: w.value.has(m) }])
+            class: J(["vpg-value-item", { selected: b.value.has(m) }])
           }, [
             e("input", {
               type: "checkbox",
-              checked: w.value.has(m),
+              checked: b.value.has(m),
               class: "vpg-value-checkbox",
-              onChange: (X) => C(m)
+              onChange: (X) => y(m)
             }, null, 40, Wn),
             e("span", {
               class: J(["vpg-value-text", { "vpg-blank": m === "(blank)" }])
@@ -1603,56 +1613,56 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
   },
   emits: ["close", "save"],
   setup(t, { emit: u }) {
-    const l = t, r = u, a = $(""), s = $(""), f = $("number"), h = $(2), y = $(null);
-    Te(() => l.show, (R) => {
-      R && (l.existingField ? (a.value = l.existingField.name, s.value = l.existingField.formula, f.value = l.existingField.formatAs || "number", h.value = l.existingField.decimals ?? 2) : (a.value = "", s.value = "", f.value = "number", h.value = 2), y.value = null);
+    const l = t, r = u, a = $(""), i = $(""), f = $("number"), h = $(2), k = $(null);
+    De(() => l.show, (R) => {
+      R && (l.existingField ? (a.value = l.existingField.name, i.value = l.existingField.formula, f.value = l.existingField.formatAs || "number", h.value = l.existingField.decimals ?? 2) : (a.value = "", i.value = "", f.value = "number", h.value = 2), k.value = null);
     });
-    const F = V(() => s.value.trim() ? Bt(s.value, l.availableFields) : null);
-    function w(R) {
-      s.value.trim() && !s.value.endsWith(" ") && (s.value += " "), s.value += R;
+    const F = A(() => i.value.trim() ? Bt(i.value, l.availableFields) : null);
+    function b(R) {
+      i.value.trim() && !i.value.endsWith(" ") && (i.value += " "), i.value += R;
     }
     function x(R) {
-      s.value.trim() && !s.value.endsWith(" ") && (s.value += " "), s.value += `${R} `;
+      i.value.trim() && !i.value.endsWith(" ") && (i.value += " "), i.value += `${R} `;
     }
     function U() {
       var P;
       if (!a.value.trim()) {
-        y.value = "Name is required";
+        k.value = "Name is required";
         return;
       }
-      const R = Bt(s.value, l.availableFields);
+      const R = Bt(i.value, l.availableFields);
       if (R) {
-        y.value = R;
+        k.value = R;
         return;
       }
-      const C = {
+      const y = {
         id: ((P = l.existingField) == null ? void 0 : P.id) || `calc_${Date.now()}`,
         name: a.value.trim(),
-        formula: s.value.trim(),
+        formula: i.value.trim(),
         formatAs: f.value,
         decimals: h.value
       };
-      r("save", C), r("close");
+      r("save", y), r("close");
     }
-    return (R, C) => (d(), Kt(Ot, { to: "body" }, [
+    return (R, y) => (d(), Kt(Ot, { to: "body" }, [
       t.show ? (d(), g("div", {
         key: 0,
         class: "vpg-modal-overlay",
-        onClick: C[12] || (C[12] = Le((P) => r("close"), ["self"]))
+        onClick: y[12] || (y[12] = Le((P) => r("close"), ["self"]))
       }, [
         e("div", Xn, [
           e("div", Yn, [
             e("h3", null, S(t.existingField ? "Edit" : "Create") + " Calculated Field", 1),
             e("button", {
               class: "vpg-modal-close",
-              onClick: C[0] || (C[0] = (P) => r("close"))
+              onClick: y[0] || (y[0] = (P) => r("close"))
             }, "×")
           ]),
           e("div", Zn, [
             e("div", Jn, [
-              C[13] || (C[13] = e("label", { class: "vpg-label" }, "Name", -1)),
+              y[13] || (y[13] = e("label", { class: "vpg-label" }, "Name", -1)),
               He(e("input", {
-                "onUpdate:modelValue": C[1] || (C[1] = (P) => a.value = P),
+                "onUpdate:modelValue": y[1] || (y[1] = (P) => a.value = P),
                 type: "text",
                 class: "vpg-input",
                 placeholder: "e.g., Profit Margin %"
@@ -1661,64 +1671,64 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
               ])
             ]),
             e("div", Qn, [
-              C[14] || (C[14] = e("label", { class: "vpg-label" }, "Formula", -1)),
+              y[14] || (y[14] = e("label", { class: "vpg-label" }, "Formula", -1)),
               He(e("textarea", {
-                "onUpdate:modelValue": C[2] || (C[2] = (P) => s.value = P),
+                "onUpdate:modelValue": y[2] || (y[2] = (P) => i.value = P),
                 class: "vpg-textarea",
                 placeholder: "e.g., revenue / units",
                 rows: "2"
               }, null, 512), [
-                [Ie, s.value]
+                [Ie, i.value]
               ]),
-              C[15] || (C[15] = e("div", { class: "vpg-formula-hint" }, "Use field names with math operators: + - * / ( )", -1)),
+              y[15] || (y[15] = e("div", { class: "vpg-formula-hint" }, "Use field names with math operators: + - * / ( )", -1)),
               F.value ? (d(), g("div", In, S(F.value), 1)) : z("", !0)
             ]),
             e("div", eo, [
-              C[16] || (C[16] = e("label", { class: "vpg-label-small" }, "Operators", -1)),
+              y[16] || (y[16] = e("label", { class: "vpg-label-small" }, "Operators", -1)),
               e("div", to, [
                 e("button", {
                   class: "vpg-insert-btn vpg-op-btn",
-                  onClick: C[3] || (C[3] = (P) => x("+"))
+                  onClick: y[3] || (y[3] = (P) => x("+"))
                 }, "+"),
                 e("button", {
                   class: "vpg-insert-btn vpg-op-btn",
-                  onClick: C[4] || (C[4] = (P) => x("-"))
+                  onClick: y[4] || (y[4] = (P) => x("-"))
                 }, "−"),
                 e("button", {
                   class: "vpg-insert-btn vpg-op-btn",
-                  onClick: C[5] || (C[5] = (P) => x("*"))
+                  onClick: y[5] || (y[5] = (P) => x("*"))
                 }, "×"),
                 e("button", {
                   class: "vpg-insert-btn vpg-op-btn",
-                  onClick: C[6] || (C[6] = (P) => x("/"))
+                  onClick: y[6] || (y[6] = (P) => x("/"))
                 }, "÷"),
                 e("button", {
                   class: "vpg-insert-btn vpg-op-btn",
-                  onClick: C[7] || (C[7] = (P) => x("("))
+                  onClick: y[7] || (y[7] = (P) => x("("))
                 }, "("),
                 e("button", {
                   class: "vpg-insert-btn vpg-op-btn",
-                  onClick: C[8] || (C[8] = (P) => x(")"))
+                  onClick: y[8] || (y[8] = (P) => x(")"))
                 }, ")")
               ])
             ]),
             e("div", lo, [
-              C[17] || (C[17] = e("label", { class: "vpg-label-small" }, "Insert Field", -1)),
+              y[17] || (y[17] = e("label", { class: "vpg-label-small" }, "Insert Field", -1)),
               t.availableFields.length > 0 ? (d(), g("div", no, [
                 (d(!0), g(_, null, oe(t.availableFields, (P) => (d(), g("button", {
                   key: P,
                   class: "vpg-insert-btn vpg-field-btn",
-                  onClick: (Z) => w(P)
+                  onClick: (Z) => b(P)
                 }, S(P), 9, oo))), 128))
               ])) : (d(), g("div", ao, " No numeric fields available "))
             ]),
             e("div", so, [
               e("div", io, [
-                C[19] || (C[19] = e("label", { class: "vpg-label" }, "Format As", -1)),
+                y[19] || (y[19] = e("label", { class: "vpg-label" }, "Format As", -1)),
                 He(e("select", {
-                  "onUpdate:modelValue": C[9] || (C[9] = (P) => f.value = P),
+                  "onUpdate:modelValue": y[9] || (y[9] = (P) => f.value = P),
                   class: "vpg-select"
-                }, [...C[18] || (C[18] = [
+                }, [...y[18] || (y[18] = [
                   e("option", { value: "number" }, "Number", -1),
                   e("option", { value: "percent" }, "Percentage", -1),
                   e("option", { value: "currency" }, "Currency ($)", -1)
@@ -1727,9 +1737,9 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
                 ])
               ]),
               e("div", ro, [
-                C[20] || (C[20] = e("label", { class: "vpg-label" }, "Decimals", -1)),
+                y[20] || (y[20] = e("label", { class: "vpg-label" }, "Decimals", -1)),
                 He(e("input", {
-                  "onUpdate:modelValue": C[10] || (C[10] = (P) => h.value = P),
+                  "onUpdate:modelValue": y[10] || (y[10] = (P) => h.value = P),
                   type: "number",
                   class: "vpg-input",
                   min: "0",
@@ -1744,12 +1754,12 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
                 ])
               ])
             ]),
-            y.value ? (d(), g("div", uo, S(y.value), 1)) : z("", !0)
+            k.value ? (d(), g("div", uo, S(k.value), 1)) : z("", !0)
           ]),
           e("div", co, [
             e("button", {
               class: "vpg-btn vpg-btn-secondary",
-              onClick: C[11] || (C[11] = (P) => r("close"))
+              onClick: y[11] || (y[11] = (P) => r("close"))
             }, "Cancel"),
             e("button", {
               class: "vpg-btn vpg-btn-primary",
@@ -1763,7 +1773,7 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
 }), go = /* @__PURE__ */ tt(vo, [["__scopeId", "data-v-0cbcac92"]]), po = { class: "vpg-pivot-config" }, fo = { class: "vpg-config-header" }, mo = { class: "vpg-header-actions" }, ho = {
   key: 0,
   class: "vpg-assigned-section"
-}, wo = { class: "vpg-assigned-list" }, Co = ["title", "onDragstart"], bo = { class: "vpg-item-main" }, ko = { class: "vpg-item-name" }, yo = { class: "vpg-item-actions" }, Fo = ["title", "onClick"], So = ["value", "onChange"], $o = ["value"], Mo = ["onClick"], xo = { class: "vpg-unassigned-section" }, Ro = { class: "vpg-section-header" }, Do = { class: "vpg-section-label" }, To = { class: "vpg-count" }, Vo = { class: "vpg-field-search" }, Ao = { class: "vpg-field-list" }, Lo = ["title", "onDragstart"], No = { class: "vpg-field-name" }, zo = ["onClick"], Po = ["onClick"], Eo = {
+}, wo = { class: "vpg-assigned-list" }, Co = ["title", "onDragstart"], bo = { class: "vpg-item-main" }, yo = { class: "vpg-item-name" }, ko = { class: "vpg-item-actions" }, Fo = ["title", "onClick"], So = ["value", "onChange"], $o = ["value"], Mo = ["onClick"], xo = { class: "vpg-unassigned-section" }, Ro = { class: "vpg-section-header" }, To = { class: "vpg-section-label" }, Do = { class: "vpg-count" }, Vo = { class: "vpg-field-search" }, Ao = { class: "vpg-field-list" }, Lo = ["title", "onDragstart"], No = { class: "vpg-field-name" }, zo = ["onClick"], Po = ["onClick"], Eo = {
   key: 1,
   class: "vpg-unique-count"
 }, Bo = {
@@ -1785,54 +1795,54 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
   },
   emits: ["update:showRowTotals", "update:showColumnTotals", "clearConfig", "dragStart", "dragEnd", "updateAggregation", "addRowField", "removeRowField", "addColumnField", "removeColumnField", "addValueField", "removeValueField", "addCalculatedField", "removeCalculatedField", "updateCalculatedField"],
   setup(t, { emit: u }) {
-    const l = t, r = u, { isPro: a } = gt(), s = jl, f = $(!1), h = $(null), y = V(
-      () => l.availableFields.filter((i) => i.isNumeric).map((i) => i.field)
+    const l = t, r = u, { isPro: a } = pt(), i = jl, f = $(!1), h = $(null), k = A(
+      () => l.availableFields.filter((s) => s.isNumeric).map((s) => s.field)
     );
-    function F(i) {
-      h.value = i || null, f.value = !0;
+    function F(s) {
+      h.value = s || null, f.value = !0;
     }
-    function w(i) {
-      h.value ? r("updateCalculatedField", i) : r("addCalculatedField", i), f.value = !1, h.value = null;
+    function b(s) {
+      h.value ? r("updateCalculatedField", s) : r("addCalculatedField", s), f.value = !1, h.value = null;
     }
-    function x(i) {
-      r("update:showRowTotals", i), r("update:showColumnTotals", i);
+    function x(s) {
+      r("update:showRowTotals", s), r("update:showColumnTotals", s);
     }
-    const U = V(() => l.calculatedFields ? l.calculatedFields.map((i) => ({
-      field: `calc:${i.id}`,
+    const U = A(() => l.calculatedFields ? l.calculatedFields.map((s) => ({
+      field: `calc:${s.id}`,
       type: "number",
       uniqueCount: 0,
       isNumeric: !0,
       isCalculated: !0,
-      calcId: i.id,
-      calcName: i.name,
-      calcFormula: i.formula
-    })) : []), R = V(() => [
-      ...l.availableFields.map((i) => ({ ...i, isCalculated: !1 })),
+      calcId: s.id,
+      calcName: s.name,
+      calcFormula: s.formula
+    })) : []), R = A(() => [
+      ...l.availableFields.map((s) => ({ ...s, isCalculated: !1 })),
       ...U.value
-    ]), C = V(() => {
-      const i = new Set(l.rowFields), o = new Set(l.columnFields), c = new Map(l.valueFields.map((m) => [m.field, m]));
-      return R.value.filter((m) => i.has(m.field) || o.has(m.field) || c.has(m.field)).map((m) => ({
+    ]), y = A(() => {
+      const s = new Set(l.rowFields), o = new Set(l.columnFields), c = new Map(l.valueFields.map((m) => [m.field, m]));
+      return R.value.filter((m) => s.has(m.field) || o.has(m.field) || c.has(m.field)).map((m) => ({
         ...m,
-        assignedTo: i.has(m.field) ? "row" : o.has(m.field) ? "column" : "value",
+        assignedTo: s.has(m.field) ? "row" : o.has(m.field) ? "column" : "value",
         valueConfig: c.get(m.field)
       }));
-    }), P = V(() => {
-      const i = new Set(l.rowFields), o = new Set(l.columnFields), c = new Set(l.valueFields.map((m) => m.field));
+    }), P = A(() => {
+      const s = new Set(l.rowFields), o = new Set(l.columnFields), c = new Set(l.valueFields.map((m) => m.field));
       return R.value.filter(
-        (m) => !i.has(m.field) && !o.has(m.field) && !c.has(m.field)
+        (m) => !s.has(m.field) && !o.has(m.field) && !c.has(m.field)
       );
-    }), Z = V(() => C.value.length), W = $(""), O = V(() => {
+    }), Z = A(() => y.value.length), W = $(""), O = A(() => {
       if (!W.value.trim())
         return P.value;
-      const i = W.value.toLowerCase().trim();
+      const s = W.value.toLowerCase().trim();
       return P.value.filter((o) => {
         const c = o.field.toLowerCase(), m = o.isCalculated && o.calcName ? o.calcName.toLowerCase() : "";
-        return c.includes(i) || m.includes(i);
+        return c.includes(s) || m.includes(s);
       });
     });
-    function B(i, o) {
+    function B(s, o) {
       if (o) return "ƒ";
-      switch (i) {
+      switch (s) {
         case "number":
           return "#";
         case "date":
@@ -1843,26 +1853,26 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
           return "Aa";
       }
     }
-    function N(i) {
-      return i.isCalculated && i.calcName ? i.calcName : i.field;
+    function N(s) {
+      return s.isCalculated && s.calcName ? s.calcName : s.field;
     }
-    function j(i, o) {
+    function j(s, o) {
       var c;
-      (c = o.dataTransfer) == null || c.setData("text/plain", i), o.dataTransfer.effectAllowed = "move", r("dragStart", i, o);
+      (c = o.dataTransfer) == null || c.setData("text/plain", s), o.dataTransfer.effectAllowed = "move", r("dragStart", s, o);
     }
     function q() {
       r("dragEnd");
     }
-    function le(i, o, c) {
-      r("updateAggregation", i, o, c);
+    function le(s, o, c) {
+      r("updateAggregation", s, o, c);
     }
-    function A(i, o) {
-      o === "row" ? (r("removeRowField", i), r("addColumnField", i)) : (r("removeColumnField", i), r("addRowField", i));
+    function L(s, o) {
+      o === "row" ? (r("removeRowField", s), r("addColumnField", s)) : (r("removeColumnField", s), r("addRowField", s));
     }
-    function M(i, o, c) {
-      o === "row" ? r("removeRowField", i) : o === "column" ? r("removeColumnField", i) : c && r("removeValueField", i, c.aggregation);
+    function M(s, o, c) {
+      o === "row" ? r("removeRowField", s) : o === "column" ? r("removeColumnField", s) : c && r("removeValueField", s, c.aggregation);
     }
-    return (i, o) => (d(), g("div", po, [
+    return (s, o) => (d(), g("div", po, [
       e("div", fo, [
         o[8] || (o[8] = e("h3", { class: "vpg-config-title" }, [
           e("svg", {
@@ -1906,7 +1916,7 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
       Z.value > 0 ? (d(), g("div", ho, [
         o[10] || (o[10] = e("div", { class: "vpg-section-label" }, "Active", -1)),
         e("div", wo, [
-          (d(!0), g(_, null, oe(C.value, (c) => {
+          (d(!0), g(_, null, oe(y.value, (c) => {
             var m;
             return d(), g("div", {
               key: c.field,
@@ -1919,15 +1929,15 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
               e("div", bo, [
                 e("span", {
                   class: J(["vpg-item-badge", [c.assignedTo, { calc: c.isCalculated }]])
-                }, S(c.isCalculated ? "ƒ" : c.assignedTo === "row" ? "R" : c.assignedTo === "column" ? "C" : T(_t)(((m = c.valueConfig) == null ? void 0 : m.aggregation) || "sum")), 3),
-                e("span", ko, S(N(c)), 1)
+                }, S(c.isCalculated ? "ƒ" : c.assignedTo === "row" ? "R" : c.assignedTo === "column" ? "C" : D(_t)(((m = c.valueConfig) == null ? void 0 : m.aggregation) || "sum")), 3),
+                e("span", yo, S(N(c)), 1)
               ]),
-              e("div", yo, [
+              e("div", ko, [
                 c.assignedTo === "row" || c.assignedTo === "column" ? (d(), g("button", {
                   key: 0,
                   class: "vpg-toggle-btn",
                   title: c.assignedTo === "row" ? "Move to Columns" : "Move to Rows",
-                  onClick: Le((X) => A(c.field, c.assignedTo), ["stop"])
+                  onClick: Le((X) => L(c.field, c.assignedTo), ["stop"])
                 }, [...o[9] || (o[9] = [
                   e("svg", {
                     class: "vpg-icon-xs",
@@ -1951,7 +1961,7 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
                   onClick: o[1] || (o[1] = Le(() => {
                   }, ["stop"]))
                 }, [
-                  (d(!0), g(_, null, oe(T(s), (X) => (d(), g("option", {
+                  (d(!0), g(_, null, oe(D(i), (X) => (d(), g("option", {
                     key: X.value,
                     value: X.value
                   }, S(X.symbol) + " " + S(X.label), 9, $o))), 128))
@@ -1968,9 +1978,9 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
       ])) : z("", !0),
       e("div", xo, [
         e("div", Ro, [
-          e("div", Do, [
+          e("div", To, [
             o[11] || (o[11] = ee(" Available ", -1)),
-            e("span", To, S(P.value.length), 1)
+            e("span", Do, S(P.value.length), 1)
           ])
         ]),
         e("div", Vo, [
@@ -2070,12 +2080,12 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
       ]),
       Ke(go, {
         show: f.value,
-        "available-fields": y.value,
+        "available-fields": k.value,
         "existing-field": h.value,
         onClose: o[6] || (o[6] = (c) => {
           f.value = !1, h.value = null;
         }),
-        onSave: w
+        onSave: b
       }, null, 8, ["show", "available-fields", "existing-field"])
     ]));
   }
@@ -2090,55 +2100,58 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
   class: "vpg-filter-tooltip"
 }, Jo = { class: "vpg-tooltip-column" }, Qo = { class: "vpg-tooltip-values" }, Io = {
   key: 0,
-  class: "vpg-tooltip-more"
+  class: "vpg-tooltip-value vpg-range-value"
 }, ea = {
   key: 0,
-  class: "vpg-tooltip-summary"
+  class: "vpg-tooltip-more"
 }, ta = {
+  key: 0,
+  class: "vpg-tooltip-summary"
+}, la = {
   key: 1,
   class: "vpg-config-summary"
-}, la = { class: "vpg-summary-badge vpg-rows" }, na = { class: "vpg-summary-badge vpg-cols" }, oa = { class: "vpg-summary-badge vpg-vals" }, aa = {
+}, na = { class: "vpg-summary-badge vpg-rows" }, oa = { class: "vpg-summary-badge vpg-cols" }, aa = { class: "vpg-summary-badge vpg-vals" }, sa = {
   key: 2,
   class: "vpg-font-size-toggle"
-}, sa = ["onClick"], ia = {
+}, ia = ["onClick"], ra = {
   key: 0,
   class: "vpg-pro-required"
-}, ra = { class: "vpg-config-bar" }, ua = { class: "vpg-zone-chips" }, ca = ["onDragstart", "onDragover", "onDrop"], va = { class: "vpg-mini-name" }, da = ["onClick"], ga = {
+}, ua = { class: "vpg-config-bar" }, ca = { class: "vpg-zone-chips" }, va = ["onDragstart", "onDragover", "onDrop"], da = { class: "vpg-mini-name" }, ga = ["onClick"], pa = {
   key: 0,
   class: "vpg-zone-hint"
-}, pa = { class: "vpg-zone-chips" }, fa = ["onDragstart", "onDragover", "onDrop"], ma = { class: "vpg-mini-name" }, ha = ["onClick"], wa = {
+}, fa = { class: "vpg-zone-chips" }, ma = ["onDragstart", "onDragover", "onDrop"], ha = { class: "vpg-mini-name" }, wa = ["onClick"], Ca = {
   key: 0,
   class: "vpg-zone-hint"
-}, Ca = { class: "vpg-zone-chips" }, ba = { class: "vpg-agg-symbol" }, ka = { class: "vpg-mini-name" }, ya = ["onClick"], Fa = {
+}, ba = { class: "vpg-zone-chips" }, ya = { class: "vpg-agg-symbol" }, ka = { class: "vpg-mini-name" }, Fa = ["onClick"], Sa = {
   key: 0,
   class: "vpg-zone-hint"
-}, Sa = {
+}, $a = {
   key: 0,
   class: "vpg-placeholder"
-}, $a = { class: "vpg-placeholder-content" }, Ma = { class: "vpg-placeholder-text" }, xa = {
+}, Ma = { class: "vpg-placeholder-content" }, xa = { class: "vpg-placeholder-text" }, Ra = {
   key: 1,
   class: "vpg-table-container"
-}, Ra = { class: "vpg-pivot-table" }, Da = ["rowspan"], Ta = { class: "vpg-header-content" }, Va = ["colspan", "onClick"], Aa = { class: "vpg-header-content" }, La = ["rowspan"], Na = ["onMousedown", "onMouseenter"], za = {
+}, Ta = { class: "vpg-pivot-table" }, Da = ["rowspan"], Va = { class: "vpg-header-content" }, Aa = ["colspan", "onClick"], La = { class: "vpg-header-content" }, Na = ["rowspan"], za = ["onMousedown", "onMouseenter"], Pa = {
   key: 0,
   class: "vpg-data-cell vpg-total-cell"
-}, Pa = {
+}, Ea = {
   key: 0,
   class: "vpg-totals-row"
-}, Ea = {
+}, Ba = {
   key: 0,
   class: "vpg-data-cell vpg-grand-total-cell"
-}, Ba = {
+}, ja = {
   key: 2,
   class: "vpg-skeleton-footer"
-}, ja = { class: "vpg-footer-info" }, Ua = {
+}, Ua = { class: "vpg-footer-info" }, Ha = {
   key: 0,
   class: "vpg-selection-stats"
-}, Ha = { class: "vpg-stat" }, Ka = { class: "vpg-stat-value" }, Oa = { class: "vpg-stat" }, Wa = { class: "vpg-stat-value" }, qa = { class: "vpg-stat" }, _a = { class: "vpg-stat-value" }, Ga = {
+}, Ka = { class: "vpg-stat" }, Oa = { class: "vpg-stat-value" }, Wa = { class: "vpg-stat" }, qa = { class: "vpg-stat-value" }, _a = { class: "vpg-stat" }, Ga = { class: "vpg-stat-value" }, Xa = {
   key: 1,
   href: "https://tiny-pivot.com",
   target: "_blank",
   rel: "noopener"
-}, Xa = /* @__PURE__ */ et({
+}, Ya = /* @__PURE__ */ et({
   __name: "PivotSkeleton",
   props: {
     rowFields: {},
@@ -2156,108 +2169,117 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
   emits: ["addRowField", "removeRowField", "addColumnField", "removeColumnField", "addValueField", "removeValueField", "updateAggregation", "reorderRowFields", "reorderColumnFields"],
   setup(t, { emit: u }) {
     const l = t;
-    function r(D) {
+    function r(T) {
       var p;
-      if (D.startsWith("calc:")) {
-        const E = D.replace("calc:", ""), b = (p = l.calculatedFields) == null ? void 0 : p.find((L) => L.id === E);
-        return (b == null ? void 0 : b.name) || D;
+      if (T.startsWith("calc:")) {
+        const E = T.replace("calc:", ""), C = (p = l.calculatedFields) == null ? void 0 : p.find((V) => V.id === E);
+        return (C == null ? void 0 : C.name) || T;
       }
-      return D;
+      return T;
     }
-    function a(D) {
-      return D.startsWith("calc:");
+    function a(T) {
+      return T.startsWith("calc:");
     }
-    const s = u, { showWatermark: f, canUsePivot: h, isDemo: y } = gt(), F = $(null), w = $(null), x = $(null), U = $(l.fontSize || "xs"), R = [
+    const i = u, { showWatermark: f, canUsePivot: h, isDemo: k } = pt(), F = $(null), b = $(null), x = $(null), U = $(l.fontSize || "xs"), R = [
       { value: "xs", label: "S" },
       { value: "sm", label: "M" },
       { value: "base", label: "L" }
-    ], C = V(() => l.activeFilters && l.activeFilters.length > 0), P = V(() => !l.activeFilters || l.activeFilters.length === 0 ? "" : l.activeFilters.map((p) => p.column).join(", ")), Z = V(() => !l.activeFilters || l.activeFilters.length === 0 ? [] : l.activeFilters.map((D) => {
-      const E = D.values.slice(0, 5), b = D.values.length - 5;
+    ], y = A(() => l.activeFilters && l.activeFilters.length > 0), P = A(() => !l.activeFilters || l.activeFilters.length === 0 ? "" : l.activeFilters.map((p) => p.column).join(", ")), Z = A(() => !l.activeFilters || l.activeFilters.length === 0 ? [] : l.activeFilters.map((T) => {
+      if (T.isRange && T.displayText)
+        return {
+          column: T.column,
+          displayText: T.displayText,
+          isRange: !0,
+          values: [],
+          remaining: 0
+        };
+      const p = T.values || [], E = 5, C = p.slice(0, E), V = p.length - E;
       return {
-        column: D.column,
-        values: E,
-        remaining: b > 0 ? b : 0
+        column: T.column,
+        values: C,
+        remaining: V > 0 ? V : 0,
+        isRange: !1
       };
     })), W = $(!1), O = $("asc"), B = $("row");
-    function N(D = "row") {
-      B.value === D ? O.value = O.value === "asc" ? "desc" : "asc" : (B.value = D, O.value = "asc");
+    function N(T = "row") {
+      B.value === T ? O.value = O.value === "asc" ? "desc" : "asc" : (B.value = T, O.value = "asc");
     }
-    const j = V(() => {
+    const j = A(() => {
       if (!l.pivotResult)
         return [];
-      const D = l.pivotResult.rowHeaders.map((b, L) => L), p = l.pivotResult.rowHeaders, E = l.pivotResult.data;
-      return D.sort((b, L) => {
+      const T = l.pivotResult.rowHeaders.map((C, V) => V), p = l.pivotResult.rowHeaders, E = l.pivotResult.data;
+      return T.sort((C, V) => {
         var I, te, ie, re, pe, Ce;
         let H;
         if (B.value === "row") {
-          const ge = ((I = p[b]) == null ? void 0 : I.join(" / ")) || "", Pe = ((te = p[L]) == null ? void 0 : te.join(" / ")) || "";
+          const ge = ((I = p[C]) == null ? void 0 : I.join(" / ")) || "", Pe = ((te = p[V]) == null ? void 0 : te.join(" / ")) || "";
           H = ge.localeCompare(Pe, void 0, { numeric: !0, sensitivity: "base" });
         } else {
-          const ge = B.value, Pe = ((re = (ie = E[b]) == null ? void 0 : ie[ge]) == null ? void 0 : re.value) ?? null, nt = ((Ce = (pe = E[L]) == null ? void 0 : pe[ge]) == null ? void 0 : Ce.value) ?? null;
+          const ge = B.value, Pe = ((re = (ie = E[C]) == null ? void 0 : ie[ge]) == null ? void 0 : re.value) ?? null, nt = ((Ce = (pe = E[V]) == null ? void 0 : pe[ge]) == null ? void 0 : Ce.value) ?? null;
           Pe === null && nt === null ? H = 0 : Pe === null ? H = 1 : nt === null ? H = -1 : H = Pe - nt;
         }
         return O.value === "asc" ? H : -H;
-      }), D;
-    }), q = V(() => {
+      }), T;
+    }), q = A(() => {
       if (!l.pivotResult || l.pivotResult.headers.length === 0)
         return [l.valueFields.map((p) => ({
-          label: a(p.field) ? `${r(p.field)} (${dt(p.aggregation)})` : `${p.field} (${dt(p.aggregation)})`,
+          label: a(p.field) ? `${r(p.field)} (${gt(p.aggregation)})` : `${p.field} (${gt(p.aggregation)})`,
           colspan: 1
         }))];
-      const D = [];
+      const T = [];
       for (let p = 0; p < l.pivotResult.headers.length; p++) {
-        const E = l.pivotResult.headers[p], b = [];
-        let L = 0;
-        for (; L < E.length; ) {
-          const H = E[L];
+        const E = l.pivotResult.headers[p], C = [];
+        let V = 0;
+        for (; V < E.length; ) {
+          const H = E[V];
           let I = 1;
-          for (; L + I < E.length && E[L + I] === H; )
+          for (; V + I < E.length && E[V + I] === H; )
             I++;
-          b.push({ label: H, colspan: I }), L += I;
+          C.push({ label: H, colspan: I }), V += I;
         }
-        D.push(b);
+        T.push(C);
       }
-      return D;
-    }), le = $(null), A = $(null), M = $(null), i = $(!1), o = $(!1), c = $(""), m = V(() => !A.value || !M.value ? null : {
-      minRow: Math.min(A.value.row, M.value.row),
-      maxRow: Math.max(A.value.row, M.value.row),
-      minCol: Math.min(A.value.col, M.value.col),
-      maxCol: Math.max(A.value.col, M.value.col)
+      return T;
+    }), le = $(null), L = $(null), M = $(null), s = $(!1), o = $(!1), c = $(""), m = A(() => !L.value || !M.value ? null : {
+      minRow: Math.min(L.value.row, M.value.row),
+      maxRow: Math.max(L.value.row, M.value.row),
+      minCol: Math.min(L.value.col, M.value.col),
+      maxCol: Math.max(L.value.col, M.value.col)
     });
-    function X(D, p, E) {
-      E.preventDefault(), E.shiftKey && le.value ? M.value = { row: D, col: p } : (le.value = { row: D, col: p }, A.value = { row: D, col: p }, M.value = { row: D, col: p }, i.value = !0);
+    function X(T, p, E) {
+      E.preventDefault(), E.shiftKey && le.value ? M.value = { row: T, col: p } : (le.value = { row: T, col: p }, L.value = { row: T, col: p }, M.value = { row: T, col: p }, s.value = !0);
     }
-    function G(D, p) {
-      i.value && (M.value = { row: D, col: p });
+    function G(T, p) {
+      s.value && (M.value = { row: T, col: p });
     }
     function Q() {
-      i.value = !1;
+      s.value = !1;
     }
-    function de(D, p) {
+    function de(T, p) {
       var I, te;
       if (!m.value)
-        return ((I = le.value) == null ? void 0 : I.row) === D && ((te = le.value) == null ? void 0 : te.col) === p;
-      const { minRow: E, maxRow: b, minCol: L, maxCol: H } = m.value;
-      return D >= E && D <= b && p >= L && p <= H;
+        return ((I = le.value) == null ? void 0 : I.row) === T && ((te = le.value) == null ? void 0 : te.col) === p;
+      const { minRow: E, maxRow: C, minCol: V, maxCol: H } = m.value;
+      return T >= E && T <= C && p >= V && p <= H;
     }
     function Oe() {
       var I;
       if (!m.value || !l.pivotResult) return;
-      const { minRow: D, maxRow: p, minCol: E, maxCol: b } = m.value, L = [];
-      for (let te = D; te <= p; te++) {
+      const { minRow: T, maxRow: p, minCol: E, maxCol: C } = m.value, V = [];
+      for (let te = T; te <= p; te++) {
         const ie = j.value[te];
         if (ie === void 0) continue;
         const re = [];
-        for (let pe = E; pe <= b; pe++) {
+        for (let pe = E; pe <= C; pe++) {
           const Ce = (I = l.pivotResult.data[ie]) == null ? void 0 : I[pe];
           re.push((Ce == null ? void 0 : Ce.formattedValue) ?? "");
         }
-        L.push(re.join("	"));
+        V.push(re.join("	"));
       }
-      const H = L.join(`
+      const H = V.join(`
 `);
       navigator.clipboard.writeText(H).then(() => {
-        const te = (p - D + 1) * (b - E + 1);
+        const te = (p - T + 1) * (C - E + 1);
         c.value = `Copied ${te} cell${te > 1 ? "s" : ""}`, o.value = !0, setTimeout(() => {
           o.value = !1;
         }, 2e3);
@@ -2265,109 +2287,109 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
         console.error("Copy failed:", te);
       });
     }
-    function Me(D) {
+    function Me(T) {
       if (m.value) {
-        if ((D.ctrlKey || D.metaKey) && D.key === "c") {
-          D.preventDefault(), Oe();
+        if ((T.ctrlKey || T.metaKey) && T.key === "c") {
+          T.preventDefault(), Oe();
           return;
         }
-        D.key === "Escape" && (le.value = null, A.value = null, M.value = null);
+        T.key === "Escape" && (le.value = null, L.value = null, M.value = null);
       }
     }
-    const me = V(() => {
+    const me = A(() => {
       var ie;
       if (!m.value || !l.pivotResult) return null;
-      const { minRow: D, maxRow: p, minCol: E, maxCol: b } = m.value, L = [];
+      const { minRow: T, maxRow: p, minCol: E, maxCol: C } = m.value, V = [];
       let H = 0;
-      for (let re = D; re <= p; re++) {
+      for (let re = T; re <= p; re++) {
         const pe = j.value[re];
         if (pe !== void 0)
-          for (let Ce = E; Ce <= b; Ce++) {
+          for (let Ce = E; Ce <= C; Ce++) {
             const ge = (ie = l.pivotResult.data[pe]) == null ? void 0 : ie[Ce];
-            H++, (ge == null ? void 0 : ge.value) !== null && (ge == null ? void 0 : ge.value) !== void 0 && typeof ge.value == "number" && L.push(ge.value);
+            H++, (ge == null ? void 0 : ge.value) !== null && (ge == null ? void 0 : ge.value) !== void 0 && typeof ge.value == "number" && V.push(ge.value);
           }
       }
       if (H <= 1) return null;
-      const I = L.reduce((re, pe) => re + pe, 0), te = L.length > 0 ? I / L.length : 0;
+      const I = V.reduce((re, pe) => re + pe, 0), te = V.length > 0 ? I / V.length : 0;
       return {
         count: H,
-        numericCount: L.length,
+        numericCount: V.length,
         sum: I,
         avg: te
       };
     });
-    function We(D) {
-      return Math.abs(D) >= 1e6 ? `${(D / 1e6).toFixed(2)}M` : Math.abs(D) >= 1e3 ? `${(D / 1e3).toFixed(2)}K` : D.toFixed(2);
+    function We(T) {
+      return Math.abs(T) >= 1e6 ? `${(T / 1e6).toFixed(2)}M` : Math.abs(T) >= 1e3 ? `${(T / 1e3).toFixed(2)}K` : T.toFixed(2);
     }
-    kt(() => {
+    yt(() => {
       document.addEventListener("mouseup", Q), document.addEventListener("keydown", Me);
-    }), yt(() => {
+    }), kt(() => {
       document.removeEventListener("mouseup", Q), document.removeEventListener("keydown", Me);
     });
-    function he(D, p) {
-      p.preventDefault(), p.dataTransfer.dropEffect = "move", F.value = D;
+    function he(T, p) {
+      p.preventDefault(), p.dataTransfer.dropEffect = "move", F.value = T;
     }
     function lt() {
       F.value = null;
     }
-    function Ve(D, p) {
-      var L;
+    function Ve(T, p) {
+      var V;
       p.preventDefault();
-      const E = (L = p.dataTransfer) == null ? void 0 : L.getData("text/plain");
+      const E = (V = p.dataTransfer) == null ? void 0 : V.getData("text/plain");
       if (!E || E.startsWith("reorder:")) {
         F.value = null;
         return;
       }
-      l.rowFields.includes(E) && s("removeRowField", E), l.columnFields.includes(E) && s("removeColumnField", E);
-      const b = l.valueFields.find((H) => H.field === E);
-      switch (b && s("removeValueField", E, b.aggregation), D) {
+      l.rowFields.includes(E) && i("removeRowField", E), l.columnFields.includes(E) && i("removeColumnField", E);
+      const C = l.valueFields.find((H) => H.field === E);
+      switch (C && i("removeValueField", E, C.aggregation), T) {
         case "row":
-          s("addRowField", E);
+          i("addRowField", E);
           break;
         case "column":
-          s("addColumnField", E);
+          i("addColumnField", E);
           break;
         case "value":
-          s("addValueField", E, "sum");
+          i("addValueField", E, "sum");
           break;
       }
       F.value = null;
     }
-    function Ne(D, p, E) {
-      w.value = { zone: D, index: p }, E.dataTransfer.effectAllowed = "move", E.dataTransfer.setData("text/plain", `reorder:${D}:${p}`), requestAnimationFrame(() => {
+    function Ne(T, p, E) {
+      b.value = { zone: T, index: p }, E.dataTransfer.effectAllowed = "move", E.dataTransfer.setData("text/plain", `reorder:${T}:${p}`), requestAnimationFrame(() => {
         F.value = null;
       });
     }
     function ze() {
-      w.value = null, x.value = null;
+      b.value = null, x.value = null;
     }
-    function qe(D, p, E) {
-      E.preventDefault(), w.value && w.value.zone === D && (E.dataTransfer.dropEffect = "move", x.value = { zone: D, index: p });
+    function qe(T, p, E) {
+      E.preventDefault(), b.value && b.value.zone === T && (E.dataTransfer.dropEffect = "move", x.value = { zone: T, index: p });
     }
     function _e() {
       x.value = null;
     }
-    function st(D, p, E) {
-      if (E.preventDefault(), E.stopPropagation(), !w.value || w.value.zone !== D)
+    function st(T, p, E) {
+      if (E.preventDefault(), E.stopPropagation(), !b.value || b.value.zone !== T)
         return;
-      const b = w.value.index;
-      if (b === p) {
-        w.value = null, x.value = null;
+      const C = b.value.index;
+      if (C === p) {
+        b.value = null, x.value = null;
         return;
       }
-      const L = D === "row" ? [...l.rowFields] : [...l.columnFields], [H] = L.splice(b, 1);
-      L.splice(p, 0, H), s(D === "row" ? "reorderRowFields" : "reorderColumnFields", L), w.value = null, x.value = null;
+      const V = T === "row" ? [...l.rowFields] : [...l.columnFields], [H] = V.splice(C, 1);
+      V.splice(p, 0, H), i(T === "row" ? "reorderRowFields" : "reorderColumnFields", V), b.value = null, x.value = null;
     }
-    function Ge(D, p) {
-      var E, b;
-      return ((E = w.value) == null ? void 0 : E.zone) === D && ((b = w.value) == null ? void 0 : b.index) === p;
+    function Ge(T, p) {
+      var E, C;
+      return ((E = b.value) == null ? void 0 : E.zone) === T && ((C = b.value) == null ? void 0 : C.index) === p;
     }
-    function we(D, p) {
-      var E, b;
-      return ((E = x.value) == null ? void 0 : E.zone) === D && ((b = x.value) == null ? void 0 : b.index) === p;
+    function we(T, p) {
+      var E, C;
+      return ((E = x.value) == null ? void 0 : E.zone) === T && ((C = x.value) == null ? void 0 : C.index) === p;
     }
     const Xe = $(180), Ye = $(80);
-    return (D, p) => {
+    return (T, p) => {
       var E;
       return d(), g("div", {
         class: J(["vpg-pivot-skeleton", [
@@ -2414,11 +2436,11 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
             e("span", null, "Pivot Table")
           ], -1)),
           e("div", Go, [
-            C.value ? (d(), g("div", {
+            y.value ? (d(), g("div", {
               key: 0,
               class: "vpg-filter-indicator",
-              onMouseenter: p[0] || (p[0] = (b) => W.value = !0),
-              onMouseleave: p[1] || (p[1] = (b) => W.value = !1)
+              onMouseenter: p[0] || (p[0] = (C) => W.value = !0),
+              onMouseleave: p[1] || (p[1] = (C) => W.value = !1)
             }, [
               p[12] || (p[12] = e("svg", {
                 class: "vpg-filter-icon",
@@ -2440,134 +2462,136 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
               ]),
               W.value ? (d(), g("div", Zo, [
                 p[11] || (p[11] = e("div", { class: "vpg-tooltip-header" }, "Active Filters", -1)),
-                (d(!0), g(_, null, oe(Z.value, (b) => (d(), g("div", {
-                  key: b.column,
+                (d(!0), g(_, null, oe(Z.value, (C) => (d(), g("div", {
+                  key: C.column,
                   class: "vpg-tooltip-filter"
                 }, [
-                  e("div", Jo, S(b.column), 1),
+                  e("div", Jo, S(C.column), 1),
                   e("div", Qo, [
-                    (d(!0), g(_, null, oe(b.values, (L, H) => (d(), g("span", {
-                      key: H,
-                      class: "vpg-tooltip-value"
-                    }, S(L), 1))), 128)),
-                    b.remaining > 0 ? (d(), g("span", Io, " +" + S(b.remaining) + " more ", 1)) : z("", !0)
+                    C.isRange ? (d(), g("span", Io, S(C.displayText), 1)) : (d(), g(_, { key: 1 }, [
+                      (d(!0), g(_, null, oe(C.values, (V, H) => (d(), g("span", {
+                        key: H,
+                        class: "vpg-tooltip-value"
+                      }, S(V), 1))), 128)),
+                      C.remaining > 0 ? (d(), g("span", ea, " +" + S(C.remaining) + " more ", 1)) : z("", !0)
+                    ], 64))
                   ])
                 ]))), 128)),
-                t.filteredRowCount !== void 0 && t.totalRowCount !== void 0 ? (d(), g("div", ea, " Showing " + S(t.filteredRowCount.toLocaleString()) + " of " + S(t.totalRowCount.toLocaleString()) + " rows ", 1)) : z("", !0)
+                t.filteredRowCount !== void 0 && t.totalRowCount !== void 0 ? (d(), g("div", ta, " Showing " + S(t.filteredRowCount.toLocaleString()) + " of " + S(t.totalRowCount.toLocaleString()) + " rows ", 1)) : z("", !0)
               ])) : z("", !0)
             ], 32)) : z("", !0),
-            t.isConfigured ? (d(), g("div", ta, [
-              e("span", la, S(t.rowFields.length) + " row" + S(t.rowFields.length !== 1 ? "s" : ""), 1),
-              e("span", na, S(t.columnFields.length) + " col" + S(t.columnFields.length !== 1 ? "s" : ""), 1),
-              e("span", oa, S(t.valueFields.length) + " val" + S(t.valueFields.length !== 1 ? "s" : ""), 1)
+            t.isConfigured ? (d(), g("div", la, [
+              e("span", na, S(t.rowFields.length) + " row" + S(t.rowFields.length !== 1 ? "s" : ""), 1),
+              e("span", oa, S(t.columnFields.length) + " col" + S(t.columnFields.length !== 1 ? "s" : ""), 1),
+              e("span", aa, S(t.valueFields.length) + " val" + S(t.valueFields.length !== 1 ? "s" : ""), 1)
             ])) : z("", !0),
-            t.isConfigured && t.pivotResult ? (d(), g("div", aa, [
-              (d(), g(_, null, oe(R, (b) => e("button", {
-                key: b.value,
-                class: J(["vpg-font-size-btn", { active: U.value === b.value }]),
-                onClick: (L) => U.value = b.value
-              }, S(b.label), 11, sa)), 64))
+            t.isConfigured && t.pivotResult ? (d(), g("div", sa, [
+              (d(), g(_, null, oe(R, (C) => e("button", {
+                key: C.value,
+                class: J(["vpg-font-size-btn", { active: U.value === C.value }]),
+                onClick: (V) => U.value = C.value
+              }, S(C.label), 11, ia)), 64))
             ])) : z("", !0)
           ])
         ]),
-        T(h) ? (d(), g(_, { key: 1 }, [
-          e("div", ra, [
+        D(h) ? (d(), g(_, { key: 1 }, [
+          e("div", ua, [
             e("div", {
               class: J(["vpg-drop-zone vpg-row-zone", { "vpg-drag-over": F.value === "row" }]),
-              onDragover: p[2] || (p[2] = (b) => he("row", b)),
+              onDragover: p[2] || (p[2] = (C) => he("row", C)),
               onDragleave: lt,
-              onDrop: p[3] || (p[3] = (b) => Ve("row", b))
+              onDrop: p[3] || (p[3] = (C) => Ve("row", C))
             }, [
               p[16] || (p[16] = e("div", { class: "vpg-zone-header" }, [
                 e("span", { class: "vpg-zone-icon vpg-row-icon" }, "↓"),
                 e("span", { class: "vpg-zone-label" }, "Rows")
               ], -1)),
-              e("div", ua, [
-                (d(!0), g(_, null, oe(t.rowFields, (b, L) => (d(), g("div", {
-                  key: b,
+              e("div", ca, [
+                (d(!0), g(_, null, oe(t.rowFields, (C, V) => (d(), g("div", {
+                  key: C,
                   class: J(["vpg-mini-chip vpg-row-chip", {
-                    "vpg-chip-dragging": Ge("row", L),
-                    "vpg-chip-drop-target": we("row", L)
+                    "vpg-chip-dragging": Ge("row", V),
+                    "vpg-chip-drop-target": we("row", V)
                   }]),
                   draggable: "true",
-                  onDragstart: (H) => Ne("row", L, H),
+                  onDragstart: (H) => Ne("row", V, H),
                   onDragend: ze,
-                  onDragover: (H) => qe("row", L, H),
+                  onDragover: (H) => qe("row", V, H),
                   onDragleave: _e,
-                  onDrop: (H) => st("row", L, H)
+                  onDrop: (H) => st("row", V, H)
                 }, [
                   p[15] || (p[15] = e("span", { class: "vpg-drag-handle" }, "⋮⋮", -1)),
-                  e("span", va, S(b), 1),
+                  e("span", da, S(C), 1),
                   e("button", {
                     class: "vpg-mini-remove",
-                    onClick: Le((H) => s("removeRowField", b), ["stop"])
-                  }, "×", 8, da)
-                ], 42, ca))), 128)),
-                t.rowFields.length === 0 ? (d(), g("span", ga, "Drop here")) : z("", !0)
+                    onClick: Le((H) => i("removeRowField", C), ["stop"])
+                  }, "×", 8, ga)
+                ], 42, va))), 128)),
+                t.rowFields.length === 0 ? (d(), g("span", pa, "Drop here")) : z("", !0)
               ])
             ], 34),
             e("div", {
               class: J(["vpg-drop-zone vpg-column-zone", { "vpg-drag-over": F.value === "column" }]),
-              onDragover: p[4] || (p[4] = (b) => he("column", b)),
+              onDragover: p[4] || (p[4] = (C) => he("column", C)),
               onDragleave: lt,
-              onDrop: p[5] || (p[5] = (b) => Ve("column", b))
+              onDrop: p[5] || (p[5] = (C) => Ve("column", C))
             }, [
               p[18] || (p[18] = e("div", { class: "vpg-zone-header" }, [
                 e("span", { class: "vpg-zone-icon vpg-column-icon" }, "→"),
                 e("span", { class: "vpg-zone-label" }, "Columns")
               ], -1)),
-              e("div", pa, [
-                (d(!0), g(_, null, oe(t.columnFields, (b, L) => (d(), g("div", {
-                  key: b,
+              e("div", fa, [
+                (d(!0), g(_, null, oe(t.columnFields, (C, V) => (d(), g("div", {
+                  key: C,
                   class: J(["vpg-mini-chip vpg-column-chip", {
-                    "vpg-chip-dragging": Ge("column", L),
-                    "vpg-chip-drop-target": we("column", L)
+                    "vpg-chip-dragging": Ge("column", V),
+                    "vpg-chip-drop-target": we("column", V)
                   }]),
                   draggable: "true",
-                  onDragstart: (H) => Ne("column", L, H),
+                  onDragstart: (H) => Ne("column", V, H),
                   onDragend: ze,
-                  onDragover: (H) => qe("column", L, H),
+                  onDragover: (H) => qe("column", V, H),
                   onDragleave: _e,
-                  onDrop: (H) => st("column", L, H)
+                  onDrop: (H) => st("column", V, H)
                 }, [
                   p[17] || (p[17] = e("span", { class: "vpg-drag-handle" }, "⋮⋮", -1)),
-                  e("span", ma, S(b), 1),
+                  e("span", ha, S(C), 1),
                   e("button", {
                     class: "vpg-mini-remove",
-                    onClick: Le((H) => s("removeColumnField", b), ["stop"])
-                  }, "×", 8, ha)
-                ], 42, fa))), 128)),
-                t.columnFields.length === 0 ? (d(), g("span", wa, "Drop here")) : z("", !0)
+                    onClick: Le((H) => i("removeColumnField", C), ["stop"])
+                  }, "×", 8, wa)
+                ], 42, ma))), 128)),
+                t.columnFields.length === 0 ? (d(), g("span", Ca, "Drop here")) : z("", !0)
               ])
             ], 34),
             e("div", {
               class: J(["vpg-drop-zone vpg-value-zone", { "vpg-drag-over": F.value === "value" }]),
-              onDragover: p[6] || (p[6] = (b) => he("value", b)),
+              onDragover: p[6] || (p[6] = (C) => he("value", C)),
               onDragleave: lt,
-              onDrop: p[7] || (p[7] = (b) => Ve("value", b))
+              onDrop: p[7] || (p[7] = (C) => Ve("value", C))
             }, [
               p[19] || (p[19] = e("div", { class: "vpg-zone-header" }, [
                 e("span", { class: "vpg-zone-icon vpg-value-icon" }, "Σ"),
                 e("span", { class: "vpg-zone-label" }, "Values")
               ], -1)),
-              e("div", Ca, [
-                (d(!0), g(_, null, oe(t.valueFields, (b) => (d(), g("div", {
-                  key: `${b.field}-${b.aggregation}`,
-                  class: J(["vpg-mini-chip vpg-value-chip", { "vpg-calc-chip": a(b.field) }])
+              e("div", ba, [
+                (d(!0), g(_, null, oe(t.valueFields, (C) => (d(), g("div", {
+                  key: `${C.field}-${C.aggregation}`,
+                  class: J(["vpg-mini-chip vpg-value-chip", { "vpg-calc-chip": a(C.field) }])
                 }, [
-                  e("span", ba, S(a(b.field) ? "ƒ" : T(_t)(b.aggregation)), 1),
-                  e("span", ka, S(r(b.field)), 1),
+                  e("span", ya, S(a(C.field) ? "ƒ" : D(_t)(C.aggregation)), 1),
+                  e("span", ka, S(r(C.field)), 1),
                   e("button", {
                     class: "vpg-mini-remove",
-                    onClick: (L) => s("removeValueField", b.field, b.aggregation)
-                  }, "×", 8, ya)
+                    onClick: (V) => i("removeValueField", C.field, C.aggregation)
+                  }, "×", 8, Fa)
                 ], 2))), 128)),
-                t.valueFields.length === 0 ? (d(), g("span", Fa, "Drop numeric")) : z("", !0)
+                t.valueFields.length === 0 ? (d(), g("span", Sa, "Drop numeric")) : z("", !0)
               ])
             ], 34)
           ]),
-          !t.isConfigured || !t.pivotResult ? (d(), g("div", Sa, [
-            e("div", $a, [
+          !t.isConfigured || !t.pivotResult ? (d(), g("div", $a, [
+            e("div", Ma, [
               p[28] || (p[28] = e("svg", {
                 class: "vpg-placeholder-icon",
                 fill: "none",
@@ -2581,7 +2605,7 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
                   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", Ma, [
+              e("span", xa, [
                 t.valueFields.length === 0 ? (d(), g(_, { key: 0 }, [
                   p[20] || (p[20] = ee(" Add a ", -1)),
                   p[21] || (p[21] = e("strong", null, "Values", -1)),
@@ -2597,112 +2621,112 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
                 ], 64))
               ])
             ])
-          ])) : (d(), g("div", xa, [
-            e("table", Ra, [
+          ])) : (d(), g("div", Ra, [
+            e("table", Ta, [
               e("thead", null, [
-                (d(!0), g(_, null, oe(q.value, (b, L) => (d(), g("tr", {
-                  key: `header-${L}`,
+                (d(!0), g(_, null, oe(q.value, (C, V) => (d(), g("tr", {
+                  key: `header-${V}`,
                   class: "vpg-column-header-row"
                 }, [
-                  L === 0 ? (d(), g("th", {
+                  V === 0 ? (d(), g("th", {
                     key: 0,
                     class: "vpg-row-header-label",
                     rowspan: q.value.length,
-                    style: ye({ width: `${Xe.value}px` }),
+                    style: ke({ width: `${Xe.value}px` }),
                     onClick: p[8] || (p[8] = (H) => N("row"))
                   }, [
-                    e("div", Ta, [
+                    e("div", Va, [
                       e("span", null, S(t.rowFields.join(" / ") || "Rows"), 1),
                       e("span", {
                         class: J(["vpg-sort-indicator", { active: B.value === "row" }])
                       }, S(B.value === "row" ? O.value === "asc" ? "↑" : "↓" : "⇅"), 3)
                     ])
                   ], 12, Da)) : z("", !0),
-                  (d(!0), g(_, null, oe(b, (H, I) => (d(), g("th", {
+                  (d(!0), g(_, null, oe(C, (H, I) => (d(), g("th", {
                     key: I,
                     class: "vpg-column-header-cell",
                     colspan: H.colspan,
-                    style: ye({ width: `${Ye.value * H.colspan}px` }),
-                    onClick: (te) => L === q.value.length - 1 && N(I)
+                    style: ke({ width: `${Ye.value * H.colspan}px` }),
+                    onClick: (te) => V === q.value.length - 1 && N(I)
                   }, [
-                    e("div", Aa, [
+                    e("div", La, [
                       e("span", null, S(H.label), 1),
-                      L === q.value.length - 1 ? (d(), g("span", {
+                      V === q.value.length - 1 ? (d(), g("span", {
                         key: 0,
                         class: J(["vpg-sort-indicator", { active: B.value === I }])
                       }, S(B.value === I ? O.value === "asc" ? "↑" : "↓" : "⇅"), 3)) : z("", !0)
                     ])
-                  ], 12, Va))), 128)),
-                  t.pivotResult.rowTotals.length > 0 && L === 0 ? (d(), g("th", {
+                  ], 12, Aa))), 128)),
+                  t.pivotResult.rowTotals.length > 0 && V === 0 ? (d(), g("th", {
                     key: 1,
                     class: "vpg-total-header",
                     rowspan: q.value.length
-                  }, " Total ", 8, La)) : z("", !0)
+                  }, " Total ", 8, Na)) : z("", !0)
                 ]))), 128))
               ]),
               e("tbody", null, [
-                (d(!0), g(_, null, oe(j.value, (b) => (d(), g("tr", {
-                  key: b,
+                (d(!0), g(_, null, oe(j.value, (C) => (d(), g("tr", {
+                  key: C,
                   class: "vpg-data-row"
                 }, [
                   e("th", {
                     class: "vpg-row-header-cell",
-                    style: ye({ width: `${Xe.value}px` })
+                    style: ke({ width: `${Xe.value}px` })
                   }, [
-                    (d(!0), g(_, null, oe(t.pivotResult.rowHeaders[b], (L, H) => (d(), g("span", {
+                    (d(!0), g(_, null, oe(t.pivotResult.rowHeaders[C], (V, H) => (d(), g("span", {
                       key: H,
                       class: "vpg-row-value"
-                    }, S(L), 1))), 128))
+                    }, S(V), 1))), 128))
                   ], 4),
-                  (d(!0), g(_, null, oe(t.pivotResult.data[b], (L, H) => (d(), g("td", {
+                  (d(!0), g(_, null, oe(t.pivotResult.data[C], (V, H) => (d(), g("td", {
                     key: H,
                     class: J(["vpg-data-cell", [
-                      de(j.value.indexOf(b), H) && "selected",
-                      L.value === null && "vpg-is-null"
+                      de(j.value.indexOf(C), H) && "selected",
+                      V.value === null && "vpg-is-null"
                     ]]),
-                    style: ye({ width: `${Ye.value}px` }),
-                    onMousedown: (I) => X(j.value.indexOf(b), H, I),
-                    onMouseenter: (I) => G(j.value.indexOf(b), H)
-                  }, S(L.formattedValue), 47, Na))), 128)),
-                  t.pivotResult.rowTotals[b] ? (d(), g("td", za, S(t.pivotResult.rowTotals[b].formattedValue), 1)) : z("", !0)
+                    style: ke({ width: `${Ye.value}px` }),
+                    onMousedown: (I) => X(j.value.indexOf(C), H, I),
+                    onMouseenter: (I) => G(j.value.indexOf(C), H)
+                  }, S(V.formattedValue), 47, za))), 128)),
+                  t.pivotResult.rowTotals[C] ? (d(), g("td", Pa, S(t.pivotResult.rowTotals[C].formattedValue), 1)) : z("", !0)
                 ]))), 128)),
-                t.pivotResult.columnTotals.length > 0 ? (d(), g("tr", Pa, [
+                t.pivotResult.columnTotals.length > 0 ? (d(), g("tr", Ea, [
                   e("th", {
                     class: "vpg-row-header-cell vpg-total-label",
-                    style: ye({ width: `${Xe.value}px` })
+                    style: ke({ width: `${Xe.value}px` })
                   }, " Total ", 4),
-                  (d(!0), g(_, null, oe(t.pivotResult.columnTotals, (b, L) => (d(), g("td", {
-                    key: L,
+                  (d(!0), g(_, null, oe(t.pivotResult.columnTotals, (C, V) => (d(), g("td", {
+                    key: V,
                     class: "vpg-data-cell vpg-total-cell",
-                    style: ye({ width: `${Ye.value}px` })
-                  }, S(b.formattedValue), 5))), 128)),
-                  t.pivotResult.rowTotals.length > 0 ? (d(), g("td", Ea, S(t.pivotResult.grandTotal.formattedValue), 1)) : z("", !0)
+                    style: ke({ width: `${Ye.value}px` })
+                  }, S(C.formattedValue), 5))), 128)),
+                  t.pivotResult.rowTotals.length > 0 ? (d(), g("td", Ba, S(t.pivotResult.grandTotal.formattedValue), 1)) : z("", !0)
                 ])) : z("", !0)
               ])
             ])
           ])),
-          t.isConfigured && t.pivotResult ? (d(), g("div", Ba, [
-            e("span", ja, S(t.pivotResult.rowHeaders.length) + " rows × " + S(((E = t.pivotResult.data[0]) == null ? void 0 : E.length) || 0) + " columns", 1),
-            me.value && me.value.count > 1 ? (d(), g("div", Ua, [
-              e("span", Ha, [
+          t.isConfigured && t.pivotResult ? (d(), g("div", ja, [
+            e("span", Ua, S(t.pivotResult.rowHeaders.length) + " rows × " + S(((E = t.pivotResult.data[0]) == null ? void 0 : E.length) || 0) + " columns", 1),
+            me.value && me.value.count > 1 ? (d(), g("div", Ha, [
+              e("span", Ka, [
                 p[29] || (p[29] = e("span", { class: "vpg-stat-label" }, "Count:", -1)),
-                e("span", Ka, S(me.value.count), 1)
+                e("span", Oa, S(me.value.count), 1)
               ]),
               me.value.numericCount > 0 ? (d(), g(_, { key: 0 }, [
                 p[32] || (p[32] = e("span", { class: "vpg-stat-divider" }, "|", -1)),
-                e("span", Oa, [
+                e("span", Wa, [
                   p[30] || (p[30] = e("span", { class: "vpg-stat-label" }, "Sum:", -1)),
-                  e("span", Wa, S(We(me.value.sum)), 1)
+                  e("span", qa, S(We(me.value.sum)), 1)
                 ]),
                 p[33] || (p[33] = e("span", { class: "vpg-stat-divider" }, "|", -1)),
-                e("span", qa, [
+                e("span", _a, [
                   p[31] || (p[31] = e("span", { class: "vpg-stat-label" }, "Avg:", -1)),
-                  e("span", _a, S(We(me.value.avg)), 1)
+                  e("span", Ga, S(We(me.value.avg)), 1)
                 ])
               ], 64)) : z("", !0)
             ])) : z("", !0)
           ])) : z("", !0)
-        ], 64)) : (d(), g("div", ia, [...p[14] || (p[14] = [
+        ], 64)) : (d(), g("div", ra, [...p[14] || (p[14] = [
           e("div", { class: "vpg-pro-content" }, [
             e("svg", {
               class: "vpg-pro-icon",
@@ -2726,11 +2750,11 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
             }, " Get Pro License → ")
           ], -1)
         ])])),
-        T(f) && T(h) ? (d(), g("div", {
+        D(f) && D(h) ? (d(), g("div", {
           key: 2,
-          class: J(["vpg-watermark", { "vpg-demo-mode": T(y) }])
+          class: J(["vpg-watermark", { "vpg-demo-mode": D(k) }])
         }, [
-          T(y) ? (d(), g(_, { key: 0 }, [
+          D(k) ? (d(), g(_, { key: 0 }, [
             p[34] || (p[34] = e("span", { class: "vpg-demo-badge" }, "DEMO", -1)),
             p[35] || (p[35] = e("span", null, "Pro features unlocked for evaluation", -1)),
             p[36] || (p[36] = e("a", {
@@ -2739,53 +2763,53 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
               rel: "noopener",
               class: "vpg-get-pro"
             }, " Get Pro License → ", -1))
-          ], 64)) : (d(), g("a", Ga, " Powered by TinyPivot "))
+          ], 64)) : (d(), g("a", Xa, " Powered by TinyPivot "))
         ], 2)) : z("", !0)
       ], 2);
     };
   }
-}), Ya = /* @__PURE__ */ tt(Xa, [["__scopeId", "data-v-ac3bd982"]]), Za = {
+}), Za = /* @__PURE__ */ tt(Ya, [["__scopeId", "data-v-6b3a0147"]]), Ja = {
   key: 0,
   class: "vpg-toast"
-}, Ja = { class: "vpg-toolbar" }, Qa = { class: "vpg-toolbar-left" }, Ia = {
+}, Qa = { class: "vpg-toolbar" }, Ia = { class: "vpg-toolbar-left" }, es = {
   key: 0,
   class: "vpg-view-toggle"
-}, es = {
+}, ts = {
   key: 0,
   class: "vpg-search-container"
-}, ts = {
+}, ls = {
   key: 1,
   class: "vpg-search-box"
-}, ls = { class: "vpg-font-size-control" }, ns = { class: "vpg-font-size-toggle" }, os = ["onClick"], as = {
+}, ns = { class: "vpg-font-size-control" }, os = { class: "vpg-font-size-toggle" }, as = ["onClick"], ss = {
   key: 1,
   class: "vpg-filter-info"
-}, ss = {
+}, is = {
   key: 2,
   class: "vpg-search-info"
-}, is = {
+}, rs = {
   key: 0,
   class: "vpg-pivot-status"
-}, rs = { class: "vpg-toolbar-right" }, us = ["title"], cs = {
+}, us = { class: "vpg-toolbar-right" }, cs = ["title"], vs = {
   key: 0,
   class: "vpg-loading"
-}, vs = {
+}, ds = {
   key: 1,
   class: "vpg-empty"
-}, ds = {
+}, gs = {
   key: 2,
   class: "vpg-empty"
-}, gs = {
+}, ps = {
   key: 3,
   class: "vpg-table-wrapper"
-}, ps = ["onClick"], fs = { class: "vpg-header-content" }, ms = { class: "vpg-header-text" }, hs = { class: "vpg-header-icons" }, ws = {
+}, fs = ["onClick"], ms = { class: "vpg-header-content" }, hs = { class: "vpg-header-text" }, ws = { class: "vpg-header-icons" }, Cs = {
   key: 0,
   class: "vpg-sort-indicator"
-}, Cs = {
+}, bs = {
   key: 0,
   class: "vpg-icon-sm",
   fill: "currentColor",
   viewBox: "0 0 20 20"
-}, bs = {
+}, ys = {
   key: 1,
   class: "vpg-icon-sm",
   fill: "currentColor",
@@ -2793,28 +2817,28 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
 }, ks = {
   key: 1,
   class: "vpg-filter-indicator"
-}, ys = ["onMousedown"], Fs = ["data-row", "data-col", "onMousedown", "onMouseenter"], Ss = {
+}, Fs = ["onMousedown"], Ss = ["data-row", "data-col", "onMousedown", "onMouseenter"], $s = {
   key: 1,
   class: "vpg-pivot-container"
-}, $s = {
+}, Ms = {
   key: 0,
   class: "vpg-pivot-config-panel"
-}, Ms = { class: "vpg-footer" }, xs = { class: "vpg-footer-left" }, Rs = {
+}, xs = { class: "vpg-footer" }, Rs = { class: "vpg-footer-left" }, Ts = {
   key: 0,
   class: "vpg-filtered-note"
-}, Ds = { key: 1 }, Ts = { class: "vpg-filtered-count" }, Vs = {
+}, Ds = { key: 1 }, Vs = { class: "vpg-filtered-count" }, As = {
   key: 0,
   class: "vpg-pagination"
-}, As = ["disabled"], Ls = ["disabled"], Ns = { class: "vpg-page-info" }, zs = ["disabled"], Ps = ["disabled"], Es = {
+}, Ls = ["disabled"], Ns = ["disabled"], zs = { class: "vpg-page-info" }, Ps = ["disabled"], Es = ["disabled"], Bs = {
   key: 1,
   class: "vpg-selection-stats"
-}, Bs = { class: "vpg-stat" }, js = { class: "vpg-stat-value" }, Us = { class: "vpg-stat" }, Hs = { class: "vpg-stat-value" }, Ks = { class: "vpg-stat" }, Os = { class: "vpg-stat-value" }, Ws = { class: "vpg-footer-right" }, qs = {
+}, js = { class: "vpg-stat" }, Us = { class: "vpg-stat-value" }, Hs = { class: "vpg-stat" }, Ks = { class: "vpg-stat-value" }, Os = { class: "vpg-stat" }, Ws = { class: "vpg-stat-value" }, qs = { class: "vpg-footer-right" }, _s = {
   key: 0,
   class: "vpg-demo-banner"
-}, _s = {
+}, Gs = {
   key: 1,
   class: "vpg-watermark-inline"
-}, Ae = 120, Ht = 350, Gs = /* @__PURE__ */ et({
+}, Ae = 120, Ht = 350, Xs = /* @__PURE__ */ et({
   __name: "DataGrid",
   props: {
     data: {},
@@ -2839,18 +2863,18 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
   },
   emits: ["cellClick", "selectionChange", "export", "copy"],
   setup(t, { emit: u }) {
-    const l = t, r = u, { showWatermark: a, canUsePivot: s, isDemo: f } = gt(), h = V(() => {
+    const l = t, r = u, { showWatermark: a, canUsePivot: i, isDemo: f } = pt(), h = A(() => {
       var v;
       return l.theme === "auto" ? (v = window.matchMedia) != null && v.call(window, "(prefers-color-scheme: dark)").matches ? "dark" : "light" : l.theme;
-    }), y = $(l.fontSize), F = $(""), w = $(!1), x = $(1), U = $(null), R = $(0), C = $(0), P = $(l.initialHeight), Z = $(!1), W = $(0), O = $(0), B = $(!1), N = $(""), j = [
+    }), k = $(l.fontSize), F = $(""), b = $(!1), x = $(1), U = $(null), R = $(0), y = $(0), P = $(l.initialHeight), Z = $(!1), W = $(0), O = $(0), B = $(!1), N = $(""), j = [
       { value: "xs", label: "S" },
       { value: "sm", label: "M" },
       { value: "base", label: "L" }
-    ], q = V(() => l.data), {
+    ], q = A(() => l.data), {
       table: le,
-      columnKeys: A,
+      columnKeys: L,
       filteredRowCount: M,
-      totalRowCount: i,
+      totalRowCount: s,
       getColumnStats: o,
       hasActiveFilter: c,
       setColumnFilter: m,
@@ -2863,12 +2887,22 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
       // Numeric range filters
       setNumericRangeFilter: me,
       getNumericRangeFilter: We
-    } = vn({ data: q }), he = V(() => le.getFilteredRowModel().rows.map((n) => n.original)), lt = V(() => Me.value.length === 0 ? null : Me.value.map((v) => {
+    } = vn({ data: q }), he = A(() => le.getFilteredRowModel().rows.map((n) => n.original)), lt = A(() => Me.value.length === 0 ? null : Me.value.map((v) => {
       var n;
+      if (v.type === "range" && v.range) {
+        const w = [];
+        return v.range.min !== null && w.push(`≥ ${v.range.min}`), v.range.max !== null && w.push(`≤ ${v.range.max}`), {
+          column: v.column,
+          valueCount: 1,
+          displayText: w.join(" and "),
+          isRange: !0
+        };
+      }
       return {
         column: v.column,
         valueCount: ((n = v.values) == null ? void 0 : n.length) || 0,
-        values: v.values || []
+        values: v.values || [],
+        isRange: !1
       };
     })), {
       rowFields: Ve,
@@ -2881,30 +2915,30 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
       pivotResult: we,
       addRowField: Xe,
       removeRowField: Ye,
-      addColumnField: D,
+      addColumnField: T,
       removeColumnField: p,
       addValueField: E,
-      removeValueField: b,
-      updateValueFieldAggregation: L,
+      removeValueField: C,
+      updateValueFieldAggregation: V,
       clearConfig: H,
       autoSuggestConfig: I
-    } = gn(he), te = V(() => {
+    } = gn(he), te = A(() => {
       if (!F.value.trim() || !l.enableSearch)
         return Ee.value;
       const v = F.value.toLowerCase().trim();
       return Ee.value.filter((n) => {
-        for (const k of A.value) {
-          const K = n.original[k];
+        for (const w of L.value) {
+          const K = n.original[w];
           if (K != null && String(K).toLowerCase().includes(v))
             return !0;
         }
         return !1;
       });
-    }), ie = V(() => te.value.length), re = V(() => l.enablePagination ? Math.max(1, Math.ceil(ie.value / l.pageSize)) : 1), pe = V(() => {
+    }), ie = A(() => te.value.length), re = A(() => l.enablePagination ? Math.max(1, Math.ceil(ie.value / l.pageSize)) : 1), pe = A(() => {
       if (!l.enablePagination) return te.value;
       const v = (x.value - 1) * l.pageSize, n = v + l.pageSize;
       return te.value.slice(v, n);
-    }), Ce = V(() => ie.value === 0 ? 0 : (x.value - 1) * l.pageSize + 1), ge = V(
+    }), Ce = A(() => ie.value === 0 ? 0 : (x.value - 1) * l.pageSize + 1), ge = A(
       () => Math.min(x.value * l.pageSize, ie.value)
     );
     function Pe() {
@@ -2913,7 +2947,7 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
     function nt() {
       x.value > 1 && x.value--;
     }
-    Te([Oe, F], () => {
+    De([Oe, F], () => {
       x.value = 1;
     });
     function It() {
@@ -2922,7 +2956,7 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
         return;
       }
       const v = l.enableSearch && F.value.trim() ? te.value.map((n) => n.original) : Ee.value.map((n) => n.original);
-      pn(v, A.value, {
+      pn(v, L.value, {
         filename: l.exportFilename,
         includeHeaders: !0
       }), r("export", { rowCount: v.length, filename: l.exportFilename });
@@ -2950,14 +2984,14 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
       r("export", { rowCount: n, filename: v });
     }
     function tl(v, n) {
-      l.enableColumnResize && (n.preventDefault(), n.stopPropagation(), U.value = v, R.value = n.clientX, C.value = xe.value[v] || Ae, document.addEventListener("mousemove", Ft), document.addEventListener("mouseup", St));
+      l.enableColumnResize && (n.preventDefault(), n.stopPropagation(), U.value = v, R.value = n.clientX, y.value = xe.value[v] || Ae, document.addEventListener("mousemove", Ft), document.addEventListener("mouseup", St));
     }
     function Ft(v) {
       if (!U.value) return;
-      const n = v.clientX - R.value, k = Math.max(Ae, Math.min(Ht, C.value + n));
+      const n = v.clientX - R.value, w = Math.max(Ae, Math.min(Ht, y.value + n));
       xe.value = {
         ...xe.value,
-        [U.value]: k
+        [U.value]: w
       };
     }
     function St() {
@@ -2968,26 +3002,26 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
     }
     function $t(v) {
       if (!Z.value) return;
-      const n = v.clientY - W.value, k = Math.max(
+      const n = v.clientY - W.value, w = Math.max(
         l.minHeight,
         Math.min(l.maxHeight, O.value + n)
       );
-      P.value = k;
+      P.value = w;
     }
     function Mt() {
       Z.value = !1, document.removeEventListener("mousemove", $t), document.removeEventListener("mouseup", Mt);
     }
     function xt() {
-      if (!ke.value || !l.enableClipboard) return;
+      if (!ye.value || !l.enableClipboard) return;
       const v = hn(
         Ee.value.map((n) => n.original),
-        A.value,
-        ke.value
+        L.value,
+        ye.value
       );
       mn(
         v,
         () => {
-          const n = (ke.value.maxRow - ke.value.minRow + 1) * (ke.value.maxCol - ke.value.minCol + 1);
+          const n = (ye.value.maxRow - ye.value.minRow + 1) * (ye.value.maxCol - ye.value.minCol + 1);
           N.value = `Copied ${n} cell${n > 1 ? "s" : ""}`, B.value = !0, setTimeout(() => {
             B.value = !1;
           }, 2e3), r("copy", { text: v, cellCount: n });
@@ -2999,23 +3033,23 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
         }
       );
     }
-    const ue = $("grid"), Ze = $(!0), pt = $(null), Fe = $(Zt());
+    const ue = $("grid"), Ze = $(!0), ft = $(null), Fe = $(Zt());
     function nl(v) {
       v.id || (v.id = `calc_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`), Fe.value = [...Fe.value, v], at(Fe.value);
     }
     function ol(v) {
       Fe.value = Fe.value.filter((K) => K.id !== v), at(Fe.value);
-      const n = `calc:${v}`, k = ze.value.find((K) => K.field === n);
-      k && b(n, k.aggregation);
+      const n = `calc:${v}`, w = ze.value.find((K) => K.field === n);
+      w && C(n, w.aggregation);
     }
     function al(v) {
       Fe.value = Fe.value.map((n) => n.id === v.id ? v : n), at(Fe.value);
     }
     function sl(v) {
-      pt.value = v;
+      ft.value = v;
     }
     function il() {
-      pt.value = null;
+      ft.value = null;
     }
     function rl(v) {
       Ve.value = v;
@@ -3023,18 +3057,18 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
     function ul(v) {
       Ne.value = v;
     }
-    const ft = $(), Rt = $(), Ee = V(() => le.getRowModel().rows), ce = $(null), it = $({ top: 0, left: 0, maxHeight: 400 }), xe = $({});
-    function Dt() {
+    const mt = $(), Rt = $(), Ee = A(() => le.getRowModel().rows), ce = $(null), it = $({ top: 0, left: 0, maxHeight: 400 }), xe = $({});
+    function Tt() {
       if (l.data.length === 0)
         return;
       const v = {}, n = Math.min(100, l.data.length), K = document.createElement("canvas").getContext("2d");
       if (K) {
         K.font = "13px system-ui, -apple-system, sans-serif";
-        for (const Y of A.value) {
+        for (const Y of L.value) {
           let se = K.measureText(Y).width + 56;
           for (let ae = 0; ae < n; ae++) {
-            const ne = l.data[ae][Y], ve = ne == null ? "" : String(ne), De = K.measureText(ve).width + 28;
-            se = Math.max(se, De);
+            const ne = l.data[ae][Y], ve = ne == null ? "" : String(ne), Te = K.measureText(ve).width + 28;
+            se = Math.max(se, Te);
           }
           v[Y] = Math.min(Math.max(se, Ae), Ht);
         }
@@ -3043,12 +3077,12 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
     }
     function cl(v, n) {
       n.stopPropagation();
-      const k = n.currentTarget, K = k.closest(".vpg-header-cell"), Y = (K == null ? void 0 : K.getBoundingClientRect()) || k.getBoundingClientRect(), se = 280, ae = 12;
+      const w = n.currentTarget, K = w.closest(".vpg-header-cell"), Y = (K == null ? void 0 : K.getBoundingClientRect()) || w.getBoundingClientRect(), se = 280, ae = 12;
       let ne = Y.left;
       ne + se > window.innerWidth - ae && (ne = window.innerWidth - se - ae), ne = Math.max(ae, ne);
-      const ve = window.innerHeight - Y.bottom - ae, De = Y.top - ae;
+      const ve = window.innerHeight - Y.bottom - ae, Te = Y.top - ae;
       let Be, je;
-      ve >= 300 || ve >= De ? (Be = Y.bottom + 4, je = Math.min(400, ve - 4)) : (je = Math.min(400, De - 4), Be = Y.top - je - 4), it.value = { top: Be, left: ne, maxHeight: je }, ce.value = v;
+      ve >= 300 || ve >= Te ? (Be = Y.bottom + 4, je = Math.min(400, ve - 4)) : (je = Math.min(400, Te - 4), Be = Y.top - je - 4), it.value = { top: Be, left: ne, maxHeight: je }, ce.value = v;
     }
     function rt() {
       ce.value = null;
@@ -3063,47 +3097,47 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
       if (n === null)
         de(v) && (Q(v), de(v) && Q(v));
       else {
-        const k = de(v);
-        k === null ? (Q(v), n === "desc" && de(v) === "asc" && Q(v)) : k !== n && Q(v);
+        const w = de(v);
+        w === null ? (Q(v), n === "desc" && de(v) === "asc" && Q(v)) : w !== n && Q(v);
       }
     }
-    const ut = V(() => Oe.value.length), Re = $(null), Se = $(null), be = $(null), mt = $(!1);
+    const ut = A(() => Oe.value.length), Re = $(null), Se = $(null), be = $(null), ht = $(!1);
     function pl(v) {
       const n = Ee.value.length - 1;
       n < 0 || (Se.value = { row: 0, col: v }, be.value = { row: n, col: v }, Re.value = { row: 0, col: v });
     }
     function fl(v, n) {
       if (n.target.closest(".vpg-dropdown-arrow")) {
-        const K = A.value[v];
+        const K = L.value[v];
         cl(K, n);
       } else
         pl(v);
     }
-    const ke = V(() => !Se.value || !be.value ? null : {
+    const ye = A(() => !Se.value || !be.value ? null : {
       minRow: Math.min(Se.value.row, be.value.row),
       maxRow: Math.max(Se.value.row, be.value.row),
       minCol: Math.min(Se.value.col, be.value.col),
       maxCol: Math.max(Se.value.col, be.value.col)
     });
     function ml(v, n) {
-      if (!ke.value)
+      if (!ye.value)
         return !1;
-      const { minRow: k, maxRow: K, minCol: Y, maxCol: se } = ke.value;
-      return v >= k && v <= K && n >= Y && n <= se;
+      const { minRow: w, maxRow: K, minCol: Y, maxCol: se } = ye.value;
+      return v >= w && v <= K && n >= Y && n <= se;
     }
-    const Je = V(() => {
-      if (!ke.value)
+    const Je = A(() => {
+      if (!ye.value)
         return null;
-      const { minRow: v, maxRow: n, minCol: k, maxCol: K } = ke.value, Y = [];
+      const { minRow: v, maxRow: n, minCol: w, maxCol: K } = ye.value, Y = [];
       let se = 0;
       for (let ve = v; ve <= n; ve++) {
-        const De = Ee.value[ve];
-        if (De)
-          for (let Be = k; Be <= K; Be++) {
-            const je = A.value[Be];
+        const Te = Ee.value[ve];
+        if (Te)
+          for (let Be = w; Be <= K; Be++) {
+            const je = L.value[Be];
             if (!je)
               continue;
-            const Qe = De.original[je];
+            const Qe = Te.original[je];
             if (se++, Qe != null && Qe !== "") {
               const zt = typeof Qe == "number" ? Qe : Number.parseFloat(String(Qe));
               Number.isNaN(zt) || Y.push(zt);
@@ -3112,19 +3146,19 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
       }
       if (Y.length === 0)
         return { count: se, sum: null, avg: null, numericCount: 0 };
-      const ae = Y.reduce((ve, De) => ve + De, 0), ne = ae / Y.length;
+      const ae = Y.reduce((ve, Te) => ve + Te, 0), ne = ae / Y.length;
       return { count: se, sum: ae, avg: ne, numericCount: Y.length };
     });
-    function Tt(v) {
+    function Dt(v) {
       return v === null ? "-" : Math.abs(v) >= 1e3 ? v.toLocaleString("en-US", { maximumFractionDigits: 2 }) : v.toLocaleString("en-US", { maximumFractionDigits: 4 });
     }
     function Vt(v) {
-      if ((v.ctrlKey || v.metaKey) && v.key === "c" && ke.value) {
+      if ((v.ctrlKey || v.metaKey) && v.key === "c" && ye.value) {
         v.preventDefault(), xt();
         return;
       }
       if ((v.ctrlKey || v.metaKey) && v.key === "f" && l.enableSearch) {
-        v.preventDefault(), w.value = !0, ot(() => {
+        v.preventDefault(), b.value = !0, ot(() => {
           const ne = document.querySelector(".vpg-search-input");
           ne == null || ne.focus();
         });
@@ -3132,42 +3166,42 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
       }
       if (!Re.value || ce.value)
         return;
-      const { row: n, col: k } = Re.value, Y = pe.value.length - 1, se = A.value.length - 1;
+      const { row: n, col: w } = Re.value, Y = pe.value.length - 1, se = L.value.length - 1;
       function ae(ne, ve) {
-        v.shiftKey ? (Se.value || (Se.value = { row: n, col: k }), be.value = { row: ne, col: ve }) : (Se.value = { row: ne, col: ve }, be.value = { row: ne, col: ve }), Re.value = { row: ne, col: ve }, hl(ne, ve);
+        v.shiftKey ? (Se.value || (Se.value = { row: n, col: w }), be.value = { row: ne, col: ve }) : (Se.value = { row: ne, col: ve }, be.value = { row: ne, col: ve }), Re.value = { row: ne, col: ve }, hl(ne, ve);
       }
       switch (v.key) {
         case "ArrowUp":
-          v.preventDefault(), n > 0 && ae(n - 1, k);
+          v.preventDefault(), n > 0 && ae(n - 1, w);
           break;
         case "ArrowDown":
-          v.preventDefault(), n < Y && ae(n + 1, k);
+          v.preventDefault(), n < Y && ae(n + 1, w);
           break;
         case "ArrowLeft":
-          v.preventDefault(), k > 0 && ae(n, k - 1);
+          v.preventDefault(), w > 0 && ae(n, w - 1);
           break;
         case "ArrowRight":
-          v.preventDefault(), k < se && ae(n, k + 1);
+          v.preventDefault(), w < se && ae(n, w + 1);
           break;
         case "Escape":
-          Re.value = null, Se.value = null, be.value = null, w.value = !1, F.value = "";
+          Re.value = null, Se.value = null, be.value = null, b.value = !1, F.value = "";
           break;
       }
     }
     function hl(v, n) {
       ot(() => {
         var K;
-        const k = (K = Rt.value) == null ? void 0 : K.querySelector(
+        const w = (K = Rt.value) == null ? void 0 : K.querySelector(
           `[data-row="${v}"][data-col="${n}"]`
         );
-        k == null || k.scrollIntoView({ block: "nearest", inline: "nearest" });
+        w == null || w.scrollIntoView({ block: "nearest", inline: "nearest" });
       });
     }
-    function wl(v, n, k) {
-      k.preventDefault(), k.shiftKey && Re.value ? be.value = { row: v, col: n } : (Re.value = { row: v, col: n }, Se.value = { row: v, col: n }, be.value = { row: v, col: n }, mt.value = !0);
+    function wl(v, n, w) {
+      w.preventDefault(), w.shiftKey && Re.value ? be.value = { row: v, col: n } : (Re.value = { row: v, col: n }, Se.value = { row: v, col: n }, be.value = { row: v, col: n }, ht.value = !0);
       const K = Ee.value[v];
       if (K) {
-        const Y = A.value[n];
+        const Y = L.value[n];
         r("cellClick", {
           row: v,
           col: n,
@@ -3177,25 +3211,25 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
       }
     }
     function Cl(v, n) {
-      mt.value && (be.value = { row: v, col: n });
+      ht.value && (be.value = { row: v, col: n });
     }
     function At() {
-      mt.value = !1;
+      ht.value = !1;
     }
     function bl(v, n) {
-      var k, K;
-      return ml(v, n) ? !0 : ((k = Re.value) == null ? void 0 : k.row) === v && ((K = Re.value) == null ? void 0 : K.col) === n;
+      var w, K;
+      return ml(v, n) ? !0 : ((w = Re.value) == null ? void 0 : w.row) === v && ((K = Re.value) == null ? void 0 : K.col) === n;
     }
-    const kl = /^(?:.*_)?(?: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 yl(v) {
-      return !kl.test(v);
+    const yl = /^(?:.*_)?(?: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 kl(v) {
+      return !yl.test(v);
     }
     function Fl(v, n) {
       if (v == null || v === "")
         return "";
       if (o(n).type === "number") {
         const K = typeof v == "number" ? v : Number.parseFloat(String(v));
-        return Number.isNaN(K) ? String(v) : yl(n) && Math.abs(K) >= 1e3 ? K.toLocaleString("en-US", { maximumFractionDigits: 2 }) : Number.isInteger(K) ? String(K) : K.toLocaleString("en-US", { maximumFractionDigits: 4, useGrouping: !1 });
+        return Number.isNaN(K) ? String(v) : kl(n) && Math.abs(K) >= 1e3 ? K.toLocaleString("en-US", { maximumFractionDigits: 2 }) : Number.isInteger(K) ? String(K) : K.toLocaleString("en-US", { maximumFractionDigits: 4, useGrouping: !1 });
       }
       return String(v);
     }
@@ -3205,41 +3239,41 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
     function Nt(v) {
       var n;
       if (ce.value) {
-        const k = v.target;
-        if (k && ((n = k.closest) != null && n.call(k, ".vpg-filter-portal")))
+        const w = v.target;
+        if (w && ((n = w.closest) != null && n.call(w, ".vpg-filter-portal")))
           return;
         rt();
       }
     }
-    kt(() => {
-      Dt(), document.addEventListener("keydown", Vt), document.addEventListener("mouseup", At), ot(() => {
+    yt(() => {
+      Tt(), document.addEventListener("keydown", Vt), document.addEventListener("mouseup", At), ot(() => {
         var v;
-        (v = ft.value) == null || v.addEventListener("scroll", Lt, { passive: !0 });
+        (v = mt.value) == null || v.addEventListener("scroll", Lt, { passive: !0 });
       }), window.addEventListener("scroll", Nt, { passive: !0, capture: !0 });
-    }), yt(() => {
+    }), kt(() => {
       var v;
-      document.removeEventListener("keydown", Vt), document.removeEventListener("mouseup", At), (v = ft.value) == null || v.removeEventListener("scroll", Lt), window.removeEventListener("scroll", Nt, { capture: !0 });
-    }), Te(() => l.data, () => {
-      ot(Dt);
+      document.removeEventListener("keydown", Vt), document.removeEventListener("mouseup", At), (v = mt.value) == null || v.removeEventListener("scroll", Lt), window.removeEventListener("scroll", Nt, { capture: !0 });
+    }), De(() => l.data, () => {
+      ot(Tt);
     }, { immediate: !0 });
-    const Sl = V(() => A.value.reduce((v, n) => v + (xe.value[n] || Ae), 0));
+    const Sl = A(() => L.value.reduce((v, n) => v + (xe.value[n] || Ae), 0));
     function $l(v) {
       ce.value && (v.target.closest(".vpg-filter-portal") || rt());
     }
     return (v, n) => (d(), g("div", {
       class: J(["vpg-data-grid", [
-        `vpg-font-${y.value}`,
+        `vpg-font-${k.value}`,
         `vpg-theme-${h.value}`,
         { "vpg-striped": t.stripedRows },
         { "vpg-resizing": U.value },
         { "vpg-resizing-vertical": Z.value }
       ]]),
-      style: ye({ height: `${P.value}px` }),
+      style: ke({ height: `${P.value}px` }),
       onClick: $l
     }, [
       Ke(Wt, { name: "vpg-toast" }, {
         default: qt(() => [
-          B.value ? (d(), g("div", Za, [
+          B.value ? (d(), g("div", Ja, [
             n[16] || (n[16] = e("svg", {
               class: "vpg-icon",
               fill: "none",
@@ -3258,12 +3292,12 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
         ]),
         _: 1
       }),
-      e("div", Ja, [
-        e("div", Qa, [
-          t.showPivot ? (d(), g("div", Ia, [
+      e("div", Qa, [
+        e("div", Ia, [
+          t.showPivot ? (d(), g("div", es, [
             e("button", {
               class: J(["vpg-view-btn", { active: ue.value === "grid" }]),
-              onClick: n[0] || (n[0] = (k) => ue.value = "grid")
+              onClick: n[0] || (n[0] = (w) => ue.value = "grid")
             }, [...n[17] || (n[17] = [
               e("svg", {
                 class: "vpg-icon",
@@ -3282,7 +3316,7 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
             ])], 2),
             e("button", {
               class: J(["vpg-view-btn vpg-pivot-btn", { active: ue.value === "pivot" }]),
-              onClick: n[1] || (n[1] = (k) => ue.value = "pivot")
+              onClick: n[1] || (n[1] = (w) => ue.value = "pivot")
             }, [...n[18] || (n[18] = [
               e("svg", {
                 class: "vpg-icon",
@@ -3301,8 +3335,8 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
             ])], 2)
           ])) : z("", !0),
           ue.value === "grid" ? (d(), g(_, { key: 1 }, [
-            t.enableSearch ? (d(), g("div", es, [
-              w.value ? (d(), g("div", ts, [
+            t.enableSearch ? (d(), g("div", ts, [
+              b.value ? (d(), g("div", ls, [
                 n[21] || (n[21] = e("svg", {
                   class: "vpg-search-icon",
                   fill: "none",
@@ -3317,12 +3351,12 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
                   })
                 ], -1)),
                 He(e("input", {
-                  "onUpdate:modelValue": n[3] || (n[3] = (k) => F.value = k),
+                  "onUpdate:modelValue": n[3] || (n[3] = (w) => F.value = w),
                   type: "text",
                   class: "vpg-search-input",
                   placeholder: "Search all columns...",
-                  onKeydown: n[4] || (n[4] = xl((k) => {
-                    w.value = !1, F.value = "";
+                  onKeydown: n[4] || (n[4] = xl((w) => {
+                    b.value = !1, F.value = "";
                   }, ["escape"]))
                 }, null, 544), [
                   [Ie, F.value]
@@ -3330,7 +3364,7 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
                 F.value ? (d(), g("button", {
                   key: 0,
                   class: "vpg-search-clear",
-                  onClick: n[5] || (n[5] = (k) => F.value = "")
+                  onClick: n[5] || (n[5] = (w) => F.value = "")
                 }, [...n[20] || (n[20] = [
                   e("svg", {
                     class: "vpg-icon-xs",
@@ -3350,7 +3384,7 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
                 key: 0,
                 class: "vpg-icon-btn",
                 title: "Search (Ctrl+F)",
-                onClick: n[2] || (n[2] = (k) => w.value = !0)
+                onClick: n[2] || (n[2] = (w) => b.value = !0)
               }, [...n[19] || (n[19] = [
                 e("svg", {
                   class: "vpg-icon",
@@ -3367,17 +3401,17 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
                 ], -1)
               ])]))
             ])) : z("", !0),
-            e("div", ls, [
+            e("div", ns, [
               n[22] || (n[22] = e("span", { class: "vpg-label" }, "Size:", -1)),
-              e("div", ns, [
-                (d(), g(_, null, oe(j, (k) => e("button", {
-                  key: k.value,
-                  class: J(["vpg-font-size-btn", { active: y.value === k.value }]),
-                  onClick: (K) => y.value = k.value
-                }, S(k.label), 11, os)), 64))
+              e("div", os, [
+                (d(), g(_, null, oe(j, (w) => e("button", {
+                  key: w.value,
+                  class: J(["vpg-font-size-btn", { active: k.value === w.value }]),
+                  onClick: (K) => k.value = w.value
+                }, S(w.label), 11, as)), 64))
               ])
             ]),
-            ut.value > 0 ? (d(), g("div", as, [
+            ut.value > 0 ? (d(), g("div", ss, [
               n[23] || (n[23] = e("svg", {
                 class: "vpg-icon",
                 fill: "currentColor",
@@ -3391,14 +3425,14 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
               ], -1)),
               e("span", null, S(ut.value) + " filter" + S(ut.value > 1 ? "s" : ""), 1)
             ])) : z("", !0),
-            F.value ? (d(), g("div", ss, [
+            F.value ? (d(), g("div", is, [
               e("span", null, S(ie.value) + " match" + S(ie.value !== 1 ? "es" : ""), 1)
             ])) : z("", !0)
           ], 64)) : z("", !0),
-          ue.value === "pivot" && T(s) ? (d(), g(_, { key: 2 }, [
+          ue.value === "pivot" && D(i) ? (d(), g(_, { key: 2 }, [
             e("button", {
               class: J(["vpg-config-toggle", { active: Ze.value }]),
-              onClick: n[6] || (n[6] = (k) => Ze.value = !Ze.value)
+              onClick: n[6] || (n[6] = (w) => Ze.value = !Ze.value)
             }, [
               n[24] || (n[24] = e("svg", {
                 class: "vpg-icon",
@@ -3415,7 +3449,7 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
               ], -1)),
               ee(" " + S(Ze.value ? "Hide" : "Show") + " Config ", 1)
             ], 2),
-            T(Ge) ? (d(), g("div", is, [...n[25] || (n[25] = [
+            D(Ge) ? (d(), g("div", rs, [...n[25] || (n[25] = [
               e("svg", {
                 class: "vpg-icon",
                 fill: "currentColor",
@@ -3431,12 +3465,12 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
             ])])) : z("", !0)
           ], 64)) : z("", !0)
         ]),
-        e("div", rs, [
+        e("div", us, [
           ue.value === "grid" && ut.value > 0 ? (d(), g("button", {
             key: 0,
             class: "vpg-clear-filters",
             onClick: n[7] || (n[7] = //@ts-ignore
-            (...k) => T(G) && T(G)(...k))
+            (...w) => D(G) && D(G)(...w))
           }, [...n[26] || (n[26] = [
             e("svg", {
               class: "vpg-icon",
@@ -3453,7 +3487,7 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
             ], -1),
             ee(" Clear Filters ", -1)
           ])])) : z("", !0),
-          t.enableClipboard && ke.value && ue.value === "grid" ? (d(), g("button", {
+          t.enableClipboard && ye.value && ue.value === "grid" ? (d(), g("button", {
             key: 1,
             class: "vpg-icon-btn",
             title: "Copy selection (Ctrl+C)",
@@ -3473,7 +3507,7 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
               })
             ], -1)
           ])])) : z("", !0),
-          t.enableExport && (ue.value === "grid" || ue.value === "pivot" && T(Ge)) ? (d(), g("button", {
+          t.enableExport && (ue.value === "grid" || ue.value === "pivot" && D(Ge)) ? (d(), g("button", {
             key: 2,
             class: "vpg-export-btn",
             title: ue.value === "pivot" ? "Export Pivot to CSV" : "Export to CSV",
@@ -3493,20 +3527,20 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
               })
             ], -1)),
             ee(" Export" + S(ue.value === "pivot" ? " Pivot" : ""), 1)
-          ], 8, us)) : z("", !0)
+          ], 8, cs)) : z("", !0)
         ])
       ]),
       ue.value === "grid" ? (d(), g("div", {
         key: 0,
         ref_key: "tableContainerRef",
-        ref: ft,
+        ref: mt,
         class: "vpg-grid-container",
         tabindex: "0"
       }, [
-        t.loading ? (d(), g("div", cs, [...n[29] || (n[29] = [
+        t.loading ? (d(), g("div", vs, [...n[29] || (n[29] = [
           e("div", { class: "vpg-spinner" }, null, -1),
           e("span", null, "Loading data...", -1)
-        ])])) : t.data.length === 0 ? (d(), g("div", vs, [...n[30] || (n[30] = [
+        ])])) : t.data.length === 0 ? (d(), g("div", ds, [...n[30] || (n[30] = [
           e("div", { class: "vpg-empty-icon" }, [
             e("svg", {
               class: "vpg-icon-lg",
@@ -3523,7 +3557,7 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
             ])
           ], -1),
           e("span", null, "No data available", -1)
-        ])])) : T(M) === 0 ? (d(), g("div", ds, [
+        ])])) : D(M) === 0 ? (d(), g("div", gs, [
           n[31] || (n[31] = e("div", { class: "vpg-empty-icon vpg-warning" }, [
             e("svg", {
               class: "vpg-icon-lg",
@@ -3543,36 +3577,36 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
           e("button", {
             class: "vpg-clear-link",
             onClick: n[8] || (n[8] = //@ts-ignore
-            (...k) => T(G) && T(G)(...k))
+            (...w) => D(G) && D(G)(...w))
           }, " Clear all filters ")
-        ])) : (d(), g("div", gs, [
+        ])) : (d(), g("div", ps, [
           e("table", {
             class: "vpg-table",
-            style: ye({ minWidth: `${Sl.value}px` })
+            style: ke({ minWidth: `${Sl.value}px` })
           }, [
             e("thead", null, [
               e("tr", null, [
-                (d(!0), g(_, null, oe(T(A), (k, K) => (d(), g("th", {
-                  key: k,
+                (d(!0), g(_, null, oe(D(L), (w, K) => (d(), g("th", {
+                  key: w,
                   class: J(["vpg-header-cell", {
-                    "vpg-has-filter": T(c)(k),
-                    "vpg-is-sorted": T(de)(k) !== null,
-                    "vpg-is-active": ce.value === k
+                    "vpg-has-filter": D(c)(w),
+                    "vpg-is-sorted": D(de)(w) !== null,
+                    "vpg-is-active": ce.value === w
                   }]),
-                  style: ye({ width: `${xe.value[k] || Ae}px`, minWidth: `${xe.value[k] || Ae}px` }),
+                  style: ke({ width: `${xe.value[w] || Ae}px`, minWidth: `${xe.value[w] || Ae}px` }),
                   onClick: (Y) => fl(K, Y)
                 }, [
-                  e("div", fs, [
-                    e("span", ms, S(k), 1),
-                    e("div", hs, [
-                      T(de)(k) ? (d(), g("span", ws, [
-                        T(de)(k) === "asc" ? (d(), g("svg", Cs, [...n[33] || (n[33] = [
+                  e("div", ms, [
+                    e("span", hs, S(w), 1),
+                    e("div", ws, [
+                      D(de)(w) ? (d(), g("span", Cs, [
+                        D(de)(w) === "asc" ? (d(), g("svg", bs, [...n[33] || (n[33] = [
                           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)
-                        ])])) : (d(), g("svg", bs, [...n[34] || (n[34] = [
+                        ])])) : (d(), g("svg", ys, [...n[34] || (n[34] = [
                           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",
@@ -3580,7 +3614,7 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
                           }, null, -1)
                         ])]))
                       ])) : z("", !0),
-                      T(c)(k) ? (d(), g("span", ks, [...n[35] || (n[35] = [
+                      D(c)(w) ? (d(), g("span", ks, [...n[35] || (n[35] = [
                         e("svg", {
                           class: "vpg-icon-xs",
                           fill: "currentColor",
@@ -3616,57 +3650,57 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
                   t.enableColumnResize ? (d(), g("div", {
                     key: 0,
                     class: "vpg-resize-handle",
-                    onMousedown: (Y) => tl(k, Y)
-                  }, null, 40, ys)) : z("", !0)
-                ], 14, ps))), 128))
+                    onMousedown: (Y) => tl(w, Y)
+                  }, null, 40, Fs)) : z("", !0)
+                ], 14, fs))), 128))
               ])
             ]),
             e("tbody", {
               ref_key: "tableBodyRef",
               ref: Rt
             }, [
-              (d(!0), g(_, null, oe(pe.value, (k, K) => (d(), g("tr", {
-                key: k.id,
+              (d(!0), g(_, null, oe(pe.value, (w, K) => (d(), g("tr", {
+                key: w.id,
                 class: "vpg-row"
               }, [
-                (d(!0), g(_, null, oe(T(A), (Y, se) => (d(), g("td", {
+                (d(!0), g(_, null, oe(D(L), (Y, se) => (d(), g("td", {
                   key: Y,
                   class: J(["vpg-cell", {
                     "vpg-selected": bl(K, se),
-                    "vpg-is-number": T(o)(Y).type === "number"
+                    "vpg-is-number": D(o)(Y).type === "number"
                   }]),
                   "data-row": K,
                   "data-col": se,
-                  style: ye({ width: `${xe.value[Y] || Ae}px`, minWidth: `${xe.value[Y] || Ae}px` }),
+                  style: ke({ width: `${xe.value[Y] || Ae}px`, minWidth: `${xe.value[Y] || Ae}px` }),
                   onMousedown: (ae) => wl(K, se, ae),
                   onMouseenter: (ae) => Cl(K, se)
-                }, S(Fl(k.original[Y], Y)), 47, Fs))), 128))
+                }, S(Fl(w.original[Y], Y)), 47, Ss))), 128))
               ]))), 128))
             ], 512)
           ], 4)
         ]))
-      ], 512)) : (d(), g("div", Ss, [
-        Ze.value && T(s) ? (d(), g("div", $s, [
+      ], 512)) : (d(), g("div", $s, [
+        Ze.value && D(i) ? (d(), g("div", Ms, [
           Ke(Wo, {
-            "available-fields": T(st),
-            "row-fields": T(Ve),
-            "column-fields": T(Ne),
-            "value-fields": T(ze),
-            "show-row-totals": T(qe),
-            "show-column-totals": T(_e),
+            "available-fields": D(st),
+            "row-fields": D(Ve),
+            "column-fields": D(Ne),
+            "value-fields": D(ze),
+            "show-row-totals": D(qe),
+            "show-column-totals": D(_e),
             "calculated-fields": Fe.value,
-            "onUpdate:showRowTotals": n[9] || (n[9] = (k) => qe.value = k),
-            "onUpdate:showColumnTotals": n[10] || (n[10] = (k) => _e.value = k),
-            onClearConfig: T(H),
+            "onUpdate:showRowTotals": n[9] || (n[9] = (w) => qe.value = w),
+            "onUpdate:showColumnTotals": n[10] || (n[10] = (w) => _e.value = w),
+            onClearConfig: D(H),
             onDragStart: sl,
             onDragEnd: il,
-            onUpdateAggregation: T(L),
-            onAddRowField: T(Xe),
-            onRemoveRowField: T(Ye),
-            onAddColumnField: T(D),
-            onRemoveColumnField: T(p),
-            onAddValueField: T(E),
-            onRemoveValueField: T(b),
+            onUpdateAggregation: D(V),
+            onAddRowField: D(Xe),
+            onRemoveRowField: D(Ye),
+            onAddColumnField: D(T),
+            onRemoveColumnField: D(p),
+            onAddValueField: D(E),
+            onRemoveValueField: D(C),
             onAddCalculatedField: nl,
             onRemoveCalculatedField: ol,
             onUpdateCalculatedField: al
@@ -3675,55 +3709,55 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
         e("div", {
           class: J(["vpg-pivot-main", { "vpg-full-width": !Ze.value }])
         }, [
-          Ke(Ya, {
-            "row-fields": T(Ve),
-            "column-fields": T(Ne),
-            "value-fields": T(ze),
+          Ke(Za, {
+            "row-fields": D(Ve),
+            "column-fields": D(Ne),
+            "value-fields": D(ze),
             "calculated-fields": Fe.value,
-            "is-configured": T(Ge),
-            "dragging-field": pt.value,
-            "pivot-result": T(we),
-            "font-size": y.value,
+            "is-configured": D(Ge),
+            "dragging-field": ft.value,
+            "pivot-result": D(we),
+            "font-size": k.value,
             "active-filters": lt.value,
-            "total-row-count": T(i),
-            "filtered-row-count": T(M),
-            onAddRowField: T(Xe),
-            onRemoveRowField: T(Ye),
-            onAddColumnField: T(D),
-            onRemoveColumnField: T(p),
-            onAddValueField: T(E),
-            onRemoveValueField: T(b),
-            onUpdateAggregation: T(L),
+            "total-row-count": D(s),
+            "filtered-row-count": D(M),
+            onAddRowField: D(Xe),
+            onRemoveRowField: D(Ye),
+            onAddColumnField: D(T),
+            onRemoveColumnField: D(p),
+            onAddValueField: D(E),
+            onRemoveValueField: D(C),
+            onUpdateAggregation: D(V),
             onReorderRowFields: rl,
             onReorderColumnFields: ul
           }, null, 8, ["row-fields", "column-fields", "value-fields", "calculated-fields", "is-configured", "dragging-field", "pivot-result", "font-size", "active-filters", "total-row-count", "filtered-row-count", "onAddRowField", "onRemoveRowField", "onAddColumnField", "onRemoveColumnField", "onAddValueField", "onRemoveValueField", "onUpdateAggregation"])
         ], 2)
       ])),
-      e("div", Ms, [
-        e("div", xs, [
+      e("div", xs, [
+        e("div", Rs, [
           ue.value === "grid" ? (d(), g(_, { key: 0 }, [
             t.enablePagination ? (d(), g(_, { key: 0 }, [
               e("span", null, S(Ce.value.toLocaleString()) + "-" + S(ge.value.toLocaleString()), 1),
               n[37] || (n[37] = e("span", { class: "vpg-separator" }, "of", -1)),
               e("span", null, S(ie.value.toLocaleString()), 1),
-              ie.value !== T(i) ? (d(), g("span", Rs, " (" + S(T(i).toLocaleString()) + " total) ", 1)) : z("", !0)
-            ], 64)) : T(M) === T(i) && ie.value === T(i) ? (d(), g("span", Ds, S(T(i).toLocaleString()) + " records", 1)) : (d(), g(_, { key: 2 }, [
-              e("span", Ts, S(ie.value.toLocaleString()), 1),
+              ie.value !== D(s) ? (d(), g("span", Ts, " (" + S(D(s).toLocaleString()) + " total) ", 1)) : z("", !0)
+            ], 64)) : D(M) === D(s) && ie.value === D(s) ? (d(), g("span", Ds, S(D(s).toLocaleString()) + " records", 1)) : (d(), g(_, { key: 2 }, [
+              e("span", Vs, S(ie.value.toLocaleString()), 1),
               n[38] || (n[38] = e("span", { class: "vpg-separator" }, "of", -1)),
-              e("span", null, S(T(i).toLocaleString()), 1),
+              e("span", null, S(D(s).toLocaleString()), 1),
               n[39] || (n[39] = e("span", { class: "vpg-separator" }, "records", -1))
             ], 64))
           ], 64)) : (d(), g(_, { key: 1 }, [
             n[40] || (n[40] = e("span", { class: "vpg-pivot-label" }, "Pivot Table", -1)),
             n[41] || (n[41] = e("span", { class: "vpg-separator" }, "•", -1)),
-            e("span", null, S(T(i).toLocaleString()) + " source records", 1)
+            e("span", null, S(D(s).toLocaleString()) + " source records", 1)
           ], 64))
         ]),
-        t.enablePagination && ue.value === "grid" && re.value > 1 ? (d(), g("div", Vs, [
+        t.enablePagination && ue.value === "grid" && re.value > 1 ? (d(), g("div", As, [
           e("button", {
             class: "vpg-page-btn",
             disabled: x.value === 1,
-            onClick: n[11] || (n[11] = (k) => x.value = 1)
+            onClick: n[11] || (n[11] = (w) => x.value = 1)
           }, [...n[42] || (n[42] = [
             e("svg", {
               class: "vpg-icon-sm",
@@ -3738,7 +3772,7 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
                 d: "M11 19l-7-7 7-7m8 14l-7-7 7-7"
               })
             ], -1)
-          ])], 8, As),
+          ])], 8, Ls),
           e("button", {
             class: "vpg-page-btn",
             disabled: x.value === 1,
@@ -3757,8 +3791,8 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
                 d: "M15 19l-7-7 7-7"
               })
             ], -1)
-          ])], 8, Ls),
-          e("span", Ns, " Page " + S(x.value) + " of " + S(re.value), 1),
+          ])], 8, Ns),
+          e("span", zs, " Page " + S(x.value) + " of " + S(re.value), 1),
           e("button", {
             class: "vpg-page-btn",
             disabled: x.value === re.value,
@@ -3777,11 +3811,11 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
                 d: "M9 5l7 7-7 7"
               })
             ], -1)
-          ])], 8, zs),
+          ])], 8, Ps),
           e("button", {
             class: "vpg-page-btn",
             disabled: x.value === re.value,
-            onClick: n[12] || (n[12] = (k) => x.value = re.value)
+            onClick: n[12] || (n[12] = (w) => x.value = re.value)
           }, [...n[45] || (n[45] = [
             e("svg", {
               class: "vpg-icon-sm",
@@ -3796,28 +3830,28 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
                 d: "M13 5l7 7-7 7M5 5l7 7-7 7"
               })
             ], -1)
-          ])], 8, Ps)
+          ])], 8, Es)
         ])) : z("", !0),
-        ue.value === "grid" && Je.value && Je.value.count > 1 ? (d(), g("div", Es, [
-          e("span", Bs, [
+        ue.value === "grid" && Je.value && Je.value.count > 1 ? (d(), g("div", Bs, [
+          e("span", js, [
             n[46] || (n[46] = e("span", { class: "vpg-stat-label" }, "Count:", -1)),
-            e("span", js, S(Je.value.count), 1)
+            e("span", Us, S(Je.value.count), 1)
           ]),
           Je.value.numericCount > 0 ? (d(), g(_, { key: 0 }, [
             n[49] || (n[49] = e("span", { class: "vpg-stat-divider" }, "|", -1)),
-            e("span", Us, [
+            e("span", Hs, [
               n[47] || (n[47] = e("span", { class: "vpg-stat-label" }, "Sum:", -1)),
-              e("span", Hs, S(Tt(Je.value.sum)), 1)
+              e("span", Ks, S(Dt(Je.value.sum)), 1)
             ]),
             n[50] || (n[50] = e("span", { class: "vpg-stat-divider" }, "|", -1)),
-            e("span", Ks, [
+            e("span", Os, [
               n[48] || (n[48] = e("span", { class: "vpg-stat-label" }, "Avg:", -1)),
-              e("span", Os, S(Tt(Je.value.avg)), 1)
+              e("span", Ws, S(Dt(Je.value.avg)), 1)
             ])
           ], 64)) : z("", !0)
         ])) : z("", !0),
-        e("div", Ws, [
-          T(f) ? (d(), g("div", qs, [...n[51] || (n[51] = [
+        e("div", qs, [
+          D(f) ? (d(), g("div", _s, [...n[51] || (n[51] = [
             e("span", { class: "vpg-demo-badge" }, "DEMO", -1),
             e("span", null, "Pro features enabled", -1),
             e("a", {
@@ -3825,8 +3859,8 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
               target: "_blank",
               rel: "noopener"
             }, "Get License →", -1)
-          ])])) : T(a) ? (d(), g("span", _s, [...n[52] || (n[52] = [
-            Rl('<a href="https://tiny-pivot.com" target="_blank" rel="noopener" data-v-c01a23b6><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-v-c01a23b6><rect x="3" y="3" width="7" height="7" data-v-c01a23b6></rect><rect x="14" y="3" width="7" height="7" data-v-c01a23b6></rect><rect x="14" y="14" width="7" height="7" data-v-c01a23b6></rect><rect x="3" y="14" width="7" height="7" data-v-c01a23b6></rect></svg> Powered by TinyPivot </a>', 1)
+          ])])) : D(a) ? (d(), g("span", Gs, [...n[52] || (n[52] = [
+            Rl('<a href="https://tiny-pivot.com" target="_blank" rel="noopener" data-v-8f2b59ce><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-v-8f2b59ce><rect x="3" y="3" width="7" height="7" data-v-8f2b59ce></rect><rect x="14" y="3" width="7" height="7" data-v-8f2b59ce></rect><rect x="14" y="14" width="7" height="7" data-v-8f2b59ce></rect><rect x="3" y="14" width="7" height="7" data-v-8f2b59ce></rect></svg> Powered by TinyPivot </a>', 1)
           ])])) : z("", !0)
         ])
       ]),
@@ -3845,7 +3879,7 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
         ce.value ? (d(), g("div", {
           key: 0,
           class: "vpg-filter-portal",
-          style: ye({
+          style: ke({
             position: "fixed",
             top: `${it.value.top}px`,
             left: `${it.value.left}px`,
@@ -3856,41 +3890,41 @@ const wn = { class: "vpg-range-filter" }, Cn = { class: "vpg-range-info" }, bn =
           Ke(Gn, {
             "column-id": ce.value,
             "column-name": ce.value,
-            stats: T(o)(ce.value),
-            "selected-values": T(X)(ce.value),
-            "sort-direction": T(de)(ce.value),
-            "numeric-range": T(We)(ce.value),
-            onFilter: n[13] || (n[13] = (k) => vl(ce.value, k)),
-            onRangeFilter: n[14] || (n[14] = (k) => dl(ce.value, k)),
-            onSort: n[15] || (n[15] = (k) => gl(ce.value, k)),
+            stats: D(o)(ce.value),
+            "selected-values": D(X)(ce.value),
+            "sort-direction": D(de)(ce.value),
+            "numeric-range": D(We)(ce.value),
+            onFilter: n[13] || (n[13] = (w) => vl(ce.value, w)),
+            onRangeFilter: n[14] || (n[14] = (w) => dl(ce.value, w)),
+            onSort: n[15] || (n[15] = (w) => gl(ce.value, w)),
             onClose: rt
           }, null, 8, ["column-id", "column-name", "stats", "selected-values", "sort-direction", "numeric-range"])
         ], 4)) : z("", !0)
       ]))
     ], 6));
   }
-}), ni = /* @__PURE__ */ tt(Gs, [["__scopeId", "data-v-c01a23b6"]]);
+}), oi = /* @__PURE__ */ tt(Xs, [["__scopeId", "data-v-8f2b59ce"]]);
 export {
   Gn as ColumnFilter,
-  ni as DataGrid,
+  oi as DataGrid,
   Wo as PivotConfig,
-  Ya as PivotSkeleton,
-  Qs as configureLicenseSecret,
+  Za as PivotSkeleton,
+  Is as configureLicenseSecret,
   mn as copyToClipboard,
-  Js as enableDemoMode,
+  Qs as enableDemoMode,
   fn as exportPivotToCSV,
   pn as exportToCSV,
   Pl as formatCellValue,
   hn as formatSelectionForClipboard,
-  dt as getAggregationLabel,
+  gt as getAggregationLabel,
   zl as getColumnUniqueValues,
-  Zs as setLicenseKey,
-  li as useColumnResize,
+  Js as setLicenseKey,
+  ni as useColumnResize,
   vn as useExcelGrid,
-  ei as useGlobalSearch,
-  gt as useLicense,
-  Is as usePagination,
+  ti as useGlobalSearch,
+  pt as useLicense,
+  ei as usePagination,
   gn as usePivotTable,
-  ti as useRowSelection
+  li as useRowSelection
 };
 //# sourceMappingURL=tinypivot-vue.js.map