@smallwebco/tinypivot-vue 1.0.72 → 1.0.73

package/dist/tinypivot-vue.js

@@ -1,4 +1,4 @@
-import { ref as _, computed as N, onMounted as ht, defineComponent as tt, watch as _e, nextTick as mt, createElementBlock as u, openBlock as i, normalizeClass as ue, unref as A, createElementVNode as e, createStaticVNode as Mt, Fragment as Z, createCommentVNode as P, withDirectives as Oe, vModelText as Ye, renderList as ve, toDisplayString as C, withModifiers as He, createTextVNode as ce, createBlock as Dt, Teleport as Cn, vModelSelect as Ca, defineAsyncComponent as ka, Suspense as xa, withCtx as At, withKeys as zt, normalizeStyle as Ve, onUnmounted as Bt, createVNode as je, Transition as kn, vShow as Sa } from "vue";
+import { ref as _, computed as E, onMounted as ht, defineComponent as tt, watch as _e, nextTick as mt, createElementBlock as u, openBlock as i, normalizeClass as ue, unref as A, createElementVNode as e, createStaticVNode as Mt, Fragment as Z, createCommentVNode as P, withDirectives as Oe, vModelText as Ye, renderList as ve, toDisplayString as k, withModifiers as He, createTextVNode as ce, createBlock as Dt, Teleport as Cn, vModelSelect as Ca, defineAsyncComponent as ka, Suspense as xa, withCtx as At, withKeys as zt, normalizeStyle as Ve, onUnmounted as Bt, createVNode as je, Transition as kn, vShow as Sa } from "vue";
 import { useVueTable as Fa, getFilteredRowModel as Ma, getSortedRowModel as $a, getCoreRowModel as Ra } from "@tanstack/vue-table";
 const Da = /* @__PURE__ */ new Map([
   ["sales", {
@@ -491,7 +491,7 @@ function rn(t) {
   return o == null ? void 0 : o.initialData;
 }
 function Ea(t, o, n, l) {
-  const s = n ? o.get(n) : void 0, a = n ? t.find((c) => c.id === n) : void 0, d = (l == null ? void 0 : l.filter((c) => c.table !== (s == null ? void 0 : s.table))) || [];
+  const s = n ? o.get(n) : void 0, a = n ? t.find((v) => v.id === n) : void 0, d = (l == null ? void 0 : l.filter((v) => v.table !== (s == null ? void 0 : s.table))) || [];
   return `You are a data analyst assistant. Your job is to translate user questions into SQL queries and return data results.
 
 ## CRITICAL: ALWAYS GENERATE A SQL QUERY
@@ -576,11 +576,11 @@ function Na(t) {
 function La(t, o) {
   const l = o.columns.filter((s) => {
     var d;
-    const a = (d = t.columns) == null ? void 0 : d.find((c) => c.name === s.name);
+    const a = (d = t.columns) == null ? void 0 : d.find((v) => v.name === s.name);
     return !(a != null && a.hidden);
   }).map((s) => {
     var d;
-    const a = (d = t.columns) == null ? void 0 : d.find((c) => c.name === s.name);
+    const a = (d = t.columns) == null ? void 0 : d.find((v) => v.name === s.name);
     return {
       ...s,
       description: (a == null ? void 0 : a.description) || s.description
@@ -605,7 +605,7 @@ You can JOIN with these tables when the user needs additional data.
 Look for foreign key relationships (columns ending in \`_id\`).
 
 ${t.map((n) => {
-    const l = n.columns.filter((c) => c.name === "id" || c.name.endsWith("_id") || c.name.startsWith("id_") || c.name === "uuid").map((c) => `\`${c.name}\``).join(", "), s = n.columns.filter((c) => c.name !== "id" && !c.name.endsWith("_id") && !c.name.startsWith("id_") && c.name !== "uuid").slice(0, 5).map((c) => `\`${c.name}\` (${c.type})`).join(", "), a = n.columns.length - (l ? l.split(",").length : 0) - 5, d = a > 0 ? `, +${a} more` : "";
+    const l = n.columns.filter((v) => v.name === "id" || v.name.endsWith("_id") || v.name.startsWith("id_") || v.name === "uuid").map((v) => `\`${v.name}\``).join(", "), s = n.columns.filter((v) => v.name !== "id" && !v.name.endsWith("_id") && !v.name.startsWith("id_") && v.name !== "uuid").slice(0, 5).map((v) => `\`${v.name}\` (${v.type})`).join(", "), a = n.columns.length - (l ? l.split(",").length : 0) - 5, d = a > 0 ? `, +${a} more` : "";
     return `- **\`${n.table}\`**
   - Keys: ${l || "none"}
   - Columns: ${s}${d}`;
@@ -840,42 +840,44 @@ const Pt = [
   "#3b82f6"
   // blue
 ];
-function ja(t, o) {
+function ja(t, o, n) {
+  if (n != null && n[o])
+    return n[o];
   if (t.length === 0)
     return "dimension";
-  const l = t.slice(0, 100).map((c) => c[o]).filter((c) => c != null);
-  if (l.length === 0)
+  const s = t.slice(0, 100).map((c) => c[o]).filter((c) => c != null);
+  if (s.length === 0)
     return "dimension";
-  let s = 0, a = 0;
-  for (const c of l)
-    (typeof c == "number" || !Number.isNaN(Number(c)) && c !== "" && typeof c != "boolean") && s++, (c instanceof Date || typeof c == "string" && !Number.isNaN(Date.parse(c)) && c.includes("-")) && a++;
-  const d = l.length * 0.8;
-  return a >= d ? "temporal" : s >= d && new Set(l.map(String)).size > Math.min(l.length * 0.3, 20) ? "measure" : "dimension";
+  let a = 0, d = 0, v = 0;
+  for (const c of s)
+    (typeof c == "number" || !Number.isNaN(Number(c)) && c !== "" && typeof c != "boolean") && (a++, typeof c == "number" && d++), (c instanceof Date || typeof c == "string" && !Number.isNaN(Date.parse(c)) && c.includes("-")) && v++;
+  const y = s.length * 0.8;
+  return v >= y ? "temporal" : a >= y && (d >= a || new Set(s.map(String)).size > Math.min(s.length * 0.3, 20)) ? "measure" : "dimension";
 }
-function Wa(t) {
+function Wa(t, o) {
   if (t.length === 0)
     return [];
-  const o = Object.keys(t[0]), n = [];
-  for (const l of o) {
-    const s = t.map((E) => E[l]).filter((E) => E != null), a = ja(t, l), d = new Set(s.map(String));
-    let c = "string", y, p;
-    if (a === "measure") {
-      c = "number";
-      const E = s.map((M) => Number(M)).filter((M) => !Number.isNaN(M));
-      E.length > 0 && (y = Math.min(...E), p = Math.max(...E));
-    } else a === "temporal" ? c = "date" : s.filter((M) => typeof M == "boolean" || M === "true" || M === "false").length >= s.length * 0.8 && (c = "boolean");
-    n.push({
-      field: l,
-      label: It(l),
-      role: a,
-      dataType: c,
-      uniqueCount: d.size,
-      sampleValues: Array.from(d).slice(0, 5),
-      min: y,
-      max: p
+  const n = Object.keys(t[0]), l = [];
+  for (const s of n) {
+    const a = t.map((F) => F[s]).filter((F) => F != null), d = ja(t, s, o), v = new Set(a.map(String));
+    let y = "string", c, L;
+    if (d === "measure") {
+      y = "number";
+      const F = a.map((C) => Number(C)).filter((C) => !Number.isNaN(C));
+      F.length > 0 && (c = Math.min(...F), L = Math.max(...F));
+    } else d === "temporal" ? y = "date" : a.filter((C) => typeof C == "boolean" || C === "true" || C === "false").length >= a.length * 0.8 && (y = "boolean");
+    l.push({
+      field: s,
+      label: It(s),
+      role: d,
+      dataType: y,
+      uniqueCount: v.size,
+      sampleValues: Array.from(v).slice(0, 5),
+      min: c,
+      max: L
     });
   }
-  return n;
+  return l;
 }
 function It(t) {
   return t.replace(/([A-Z])/g, " $1").replace(/[_-]/g, " ").replace(/\s+/g, " ").trim().split(" ").map((o) => o.charAt(0).toUpperCase() + o.slice(1).toLowerCase()).join(" ");
@@ -954,110 +956,110 @@ function Ut(t, o) {
   }
 }
 function cn(t, o) {
-  var E;
+  var L;
   if (!o.xAxis || !o.yAxis || t.length === 0)
     return { categories: [], series: [] };
-  const n = o.xAxis.field, l = o.yAxis.field, s = o.yAxis.aggregation || "sum", a = (E = o.seriesField) == null ? void 0 : E.field, d = /* @__PURE__ */ new Map();
-  for (const M of t) {
-    const x = String(M[n] ?? "(blank)"), b = Number(M[l]), h = a ? String(M[a] ?? "(blank)") : "_default";
+  const n = o.xAxis.field, l = o.yAxis.field, s = o.yAxis.aggregation || "sum", a = (L = o.seriesField) == null ? void 0 : L.field, d = /* @__PURE__ */ new Map();
+  for (const F of t) {
+    const C = String(F[n] ?? "(blank)"), b = Number(F[l]), h = a ? String(F[a] ?? "(blank)") : "_default";
     if (Number.isNaN(b))
       continue;
-    d.has(x) || d.set(x, /* @__PURE__ */ new Map());
-    const $ = d.get(x);
+    d.has(C) || d.set(C, /* @__PURE__ */ new Map());
+    const $ = d.get(C);
     $.has(h) || $.set(h, []), $.get(h).push(b);
   }
-  const c = Array.from(d.keys()).sort((M, x) => {
-    const b = Number.parseFloat(M), h = Number.parseFloat(x);
-    return !Number.isNaN(b) && !Number.isNaN(h) ? b - h : M.localeCompare(x);
+  const v = Array.from(d.keys()).sort((F, C) => {
+    const b = Number.parseFloat(F), h = Number.parseFloat(C);
+    return !Number.isNaN(b) && !Number.isNaN(h) ? b - h : F.localeCompare(C);
   }), y = /* @__PURE__ */ new Set();
-  for (const M of d.values())
-    for (const x of M.keys())
-      y.add(x);
-  const p = [];
-  for (const M of y) {
-    const x = [];
-    for (const b of c) {
-      const h = d.get(b), $ = (h == null ? void 0 : h.get(M)) || [];
-      x.push(Ut($, s));
-    }
-    p.push({
-      name: M === "_default" ? It(l) : M,
-      data: x
+  for (const F of d.values())
+    for (const C of F.keys())
+      y.add(C);
+  const c = [];
+  for (const F of y) {
+    const C = [];
+    for (const b of v) {
+      const h = d.get(b), $ = (h == null ? void 0 : h.get(F)) || [];
+      C.push(Ut($, s));
+    }
+    c.push({
+      name: F === "_default" ? It(l) : F,
+      data: C
     });
   }
-  return { categories: c, series: p };
+  return { categories: v, series: c };
 }
 function dn(t, o) {
   if (!o.xAxis || !o.yAxis || t.length === 0)
     return { categories: [], series: [] };
   const n = o.xAxis.field, l = o.yAxis.field, s = o.yAxis.aggregation || "sum", a = /* @__PURE__ */ new Map();
-  for (const c of t) {
-    const y = String(c[n] ?? "(blank)"), p = Number(c[l]);
-    Number.isNaN(p) || (a.has(y) || a.set(y, []), a.get(y).push(p));
+  for (const v of t) {
+    const y = String(v[n] ?? "(blank)"), c = Number(v[l]);
+    Number.isNaN(c) || (a.has(y) || a.set(y, []), a.get(y).push(c));
   }
-  const d = Array.from(a.entries()).map(([c, y]) => ({
-    category: c,
+  const d = Array.from(a.entries()).map(([v, y]) => ({
+    category: v,
     value: Ut(y, s)
-  })).sort((c, y) => y.value - c.value);
+  })).sort((v, y) => y.value - v.value);
   return {
-    categories: d.map((c) => c.category),
+    categories: d.map((v) => v.category),
     series: [{
       name: It(l),
-      data: d.map((c) => c.value)
+      data: d.map((v) => v.value)
     }]
   };
 }
 function Ka(t, o) {
-  var y, p;
+  var y, c;
   if (!o.xAxis || !o.yAxis || t.length === 0)
     return { series: [] };
-  const n = o.xAxis.field, l = o.yAxis.field, s = (y = o.sizeField) == null ? void 0 : y.field, a = (p = o.seriesField) == null ? void 0 : p.field, d = /* @__PURE__ */ new Map();
-  for (const E of t) {
-    const M = Number(E[n]), x = Number(E[l]);
-    if (Number.isNaN(M) || Number.isNaN(x))
+  const n = o.xAxis.field, l = o.yAxis.field, s = (y = o.sizeField) == null ? void 0 : y.field, a = (c = o.seriesField) == null ? void 0 : c.field, d = /* @__PURE__ */ new Map();
+  for (const L of t) {
+    const F = Number(L[n]), C = Number(L[l]);
+    if (Number.isNaN(F) || Number.isNaN(C))
       continue;
-    const b = { x: M, y: x };
+    const b = { x: F, y: C };
     if (s) {
-      const $ = Number(E[s]);
+      const $ = Number(L[s]);
       Number.isNaN($) || (b.z = $);
     }
-    const h = a ? String(E[a] ?? "(blank)") : "_default";
+    const h = a ? String(L[a] ?? "(blank)") : "_default";
     d.has(h) || d.set(h, []), d.get(h).push(b);
   }
-  return { series: Array.from(d.entries()).map(([E, M]) => {
-    var x;
+  return { series: Array.from(d.entries()).map(([L, F]) => {
+    var C;
     return {
-      name: E === "_default" ? ((x = o.yAxis) == null ? void 0 : x.label) || "Data" : E,
-      data: M
+      name: L === "_default" ? ((C = o.yAxis) == null ? void 0 : C.label) || "Data" : L,
+      data: F
     };
   }) };
 }
 function Ja(t, o) {
   if (!o.xAxis || !o.yAxis || !o.colorField || t.length === 0)
     return { series: [] };
-  const n = o.xAxis.field, l = o.yAxis.field, s = o.colorField.field, a = o.colorField.aggregation || "sum", d = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Set();
-  for (const M of t) {
-    const x = String(M[n] ?? "(blank)"), b = String(M[l] ?? "(blank)"), h = Number(M[s]);
+  const n = o.xAxis.field, l = o.yAxis.field, s = o.colorField.field, a = o.colorField.aggregation || "sum", d = /* @__PURE__ */ new Map(), v = /* @__PURE__ */ new Set();
+  for (const F of t) {
+    const C = String(F[n] ?? "(blank)"), b = String(F[l] ?? "(blank)"), h = Number(F[s]);
     if (Number.isNaN(h))
       continue;
-    c.add(x), d.has(b) || d.set(b, /* @__PURE__ */ new Map());
+    v.add(C), d.has(b) || d.set(b, /* @__PURE__ */ new Map());
     const $ = d.get(b);
-    $.has(x) || $.set(x, []), $.get(x).push(h);
+    $.has(C) || $.set(C, []), $.get(C).push(h);
   }
-  const y = Array.from(c).sort((M, x) => {
-    const b = Number.parseFloat(M), h = Number.parseFloat(x);
-    return !Number.isNaN(b) && !Number.isNaN(h) ? b - h : M.localeCompare(x);
+  const y = Array.from(v).sort((F, C) => {
+    const b = Number.parseFloat(F), h = Number.parseFloat(C);
+    return !Number.isNaN(b) && !Number.isNaN(h) ? b - h : F.localeCompare(C);
   });
-  return { series: Array.from(d.keys()).sort((M, x) => {
-    const b = Number.parseFloat(M), h = Number.parseFloat(x);
-    return !Number.isNaN(b) && !Number.isNaN(h) ? b - h : M.localeCompare(x);
-  }).map((M) => {
-    const x = d.get(M), b = y.map((h) => {
-      const $ = x.get(h) || [], re = $.length > 0 ? Ut($, a) : 0;
+  return { series: Array.from(d.keys()).sort((F, C) => {
+    const b = Number.parseFloat(F), h = Number.parseFloat(C);
+    return !Number.isNaN(b) && !Number.isNaN(h) ? b - h : F.localeCompare(C);
+  }).map((F) => {
+    const C = d.get(F), b = y.map((h) => {
+      const $ = C.get(h) || [], re = $.length > 0 ? Ut($, a) : 0;
       return { x: h, y: re };
     });
     return {
-      name: M,
+      name: F,
       data: b
     };
   }) };
@@ -1088,15 +1090,15 @@ function Xa(t, o, n = {}) {
   const { filename: l = "export.csv", includeHeaders: s = !0, delimiter: a = "," } = n, d = [];
   s && d.push(o.map((y) => $e(y, a)).join(a));
   for (const y of t) {
-    const p = o.map((E) => $e(y[E], a));
-    d.push(p.join(a));
+    const c = o.map((L) => $e(y[L], a));
+    d.push(c.join(a));
   }
-  const c = d.join(`
+  const v = d.join(`
 `);
-  Mn(c, l, "text/csv;charset=utf-8;");
+  Mn(v, l, "text/csv;charset=utf-8;");
 }
 function Za(t, o, n, l, s = {}) {
-  const { filename: a = "pivot-export.csv", delimiter: d = "," } = s, c = [], { headers: y, rowHeaders: p, data: E, rowTotals: M, columnTotals: x, grandTotal: b, showRowTotals: h, showColumnTotals: $ } = t, re = o.length || 1;
+  const { filename: a = "pivot-export.csv", delimiter: d = "," } = s, v = [], { headers: y, rowHeaders: c, data: L, rowTotals: F, columnTotals: C, grandTotal: b, showRowTotals: h, showColumnTotals: $ } = t, re = o.length || 1;
   if (y.length > 0)
     for (let U = 0; U < y.length; U++) {
       const O = [];
@@ -1104,14 +1106,14 @@ function Za(t, o, n, l, s = {}) {
         O.push(U === y.length - 1 ? $e(o[W] || "", d) : "");
       for (const W of y[U])
         O.push($e(W, d));
-      if (h && M && M.length > 0)
+      if (h && F && F.length > 0)
         if (U === y.length - 1)
           for (const W of l)
             O.push($e(`Total (${W.aggregation})`, d));
         else
           for (let W = 0; W < l.length; W++)
             O.push("");
-      c.push(O.join(d));
+      v.push(O.join(d));
     }
   else {
     const U = [];
@@ -1119,27 +1121,27 @@ function Za(t, o, n, l, s = {}) {
       U.push($e(o[O] || "", d));
     for (const O of l)
       U.push($e(`${O.field} (${O.aggregation})`, d));
-    h && M && M.length > 0 && U.push($e("Total", d)), c.push(U.join(d));
+    h && F && F.length > 0 && U.push($e("Total", d)), v.push(U.join(d));
   }
-  for (let U = 0; U < p.length; U++) {
-    const O = [], W = p[U] || [];
+  for (let U = 0; U < c.length; U++) {
+    const O = [], W = c[U] || [];
     for (let X = 0; X < re; X++)
       O.push($e(W[X] || "", d));
-    const G = E[U] || [];
+    const G = L[U] || [];
     for (const X of G)
       O.push($e((X == null ? void 0 : X.formattedValue) || "", d));
-    h && M && M[U] && O.push($e(M[U].formattedValue || "", d)), c.push(O.join(d));
+    h && F && F[U] && O.push($e(F[U].formattedValue || "", d)), v.push(O.join(d));
   }
-  if ($ && x && x.length > 0) {
+  if ($ && C && C.length > 0) {
     const U = [];
     U.push($e("Total", d));
     for (let O = 1; O < re; O++)
       U.push("");
-    for (const O of x)
+    for (const O of C)
       U.push($e((O == null ? void 0 : O.formattedValue) || "", d));
-    h && b && U.push($e(b.formattedValue || "", d)), c.push(U.join(d));
+    h && b && U.push($e(b.formattedValue || "", d)), v.push(U.join(d));
   }
-  const ee = c.join(`
+  const ee = v.join(`
 `);
   Mn(ee, a, "text/csv;charset=utf-8;");
 }
@@ -1151,22 +1153,22 @@ function eo(t, o, n) {
   navigator.clipboard.writeText(t).then(o).catch(n);
 }
 function to(t, o, n) {
-  const { minRow: l, maxRow: s, minCol: a, maxCol: d } = n, c = [];
+  const { minRow: l, maxRow: s, minCol: a, maxCol: d } = n, v = [];
   for (let y = l; y <= s; y++) {
-    const p = t[y];
-    if (!p)
+    const c = t[y];
+    if (!c)
       continue;
-    const E = [];
-    for (let M = a; M <= d; M++) {
-      const x = o[M];
-      if (!x)
+    const L = [];
+    for (let F = a; F <= d; F++) {
+      const C = o[F];
+      if (!C)
         continue;
-      const b = p[x];
-      E.push(b == null ? "" : String(b));
+      const b = c[C];
+      L.push(b == null ? "" : String(b));
     }
-    c.push(E.join("	"));
+    v.push(L.join("	"));
   }
-  return c.join(`
+  return v.join(`
 `);
 }
 const $n = {
@@ -1243,10 +1245,10 @@ function vn(t) {
   o++;
   let a = t.slice(o, o + s);
   l.length === 33 && l[0] === 0 && (l = l.slice(1)), a.length === 33 && a[0] === 0 && (a = a.slice(1));
-  const d = new Uint8Array(32), c = new Uint8Array(32);
-  d.set(l, 32 - l.length), c.set(a, 32 - a.length);
+  const d = new Uint8Array(32), v = new Uint8Array(32);
+  d.set(l, 32 - l.length), v.set(a, 32 - a.length);
   const y = new Uint8Array(64);
-  return y.set(d, 0), y.set(c, 32), y;
+  return y.set(d, 0), y.set(v, 32), y;
 }
 async function ao(t, o, n) {
   const { p256: l } = await import("./p256-D44eOAG2.js"), s = n.slice(26);
@@ -1295,19 +1297,19 @@ function lo() {
   return Ht(t);
 }
 async function ro(t, o, n) {
-  const l = `TP-${t}-${n}`, a = new TextEncoder().encode(l), d = Ht(o), c = await jt();
-  if (!c) {
+  const l = `TP-${t}-${n}`, a = new TextEncoder().encode(l), d = Ht(o), v = await jt();
+  if (!v) {
     Dn();
     try {
-      const y = vn(d), p = lo();
-      return await ao(y, a, p);
+      const y = vn(d), c = lo();
+      return await ao(y, a, c);
     } catch {
       return !1;
     }
   }
   try {
-    const y = vn(d), p = await so();
-    return p ? await c.verify({ name: "ECDSA", hash: "SHA-256" }, p, new Uint8Array(y).buffer, a) : !1;
+    const y = vn(d), c = await so();
+    return c ? await v.verify({ name: "ECDSA", hash: "SHA-256" }, c, new Uint8Array(y).buffer, a) : !1;
   } catch {
     return !1;
   }
@@ -1326,20 +1328,20 @@ async function io(t) {
   const a = l.slice(0, s), d = l.slice(s + 1, l.lastIndexOf("-"));
   if (!await ro(a, d, n))
     return kt;
-  const y = Number.parseInt(n.slice(0, 4)), p = Number.parseInt(n.slice(4, 6)) - 1, E = Number.parseInt(n.slice(6, 8)), M = new Date(y, p, E);
-  let x = "free";
-  return a === "PRO1" ? x = "pro-single" : a === "PROU" ? x = "pro-unlimited" : a === "PROT" && (x = "pro-team"), {
-    type: x,
+  const y = Number.parseInt(n.slice(0, 4)), c = Number.parseInt(n.slice(4, 6)) - 1, L = Number.parseInt(n.slice(6, 8)), F = new Date(y, c, L);
+  let C = "free";
+  return a === "PRO1" ? C = "pro-single" : a === "PROU" ? C = "pro-unlimited" : a === "PROT" && (C = "pro-team"), {
+    type: C,
     isValid: !0,
-    expiresAt: M,
+    expiresAt: F,
     features: {
-      pivot: x !== "free",
-      advancedAggregations: x !== "free",
-      percentageMode: x !== "free",
-      sessionPersistence: x !== "free",
-      noWatermark: x !== "free",
-      charts: x !== "free",
-      aiAnalyst: x !== "free"
+      pivot: C !== "free",
+      advancedAggregations: C !== "free",
+      percentageMode: C !== "free",
+      sessionPersistence: C !== "free",
+      noWatermark: C !== "free",
+      charts: C !== "free",
+      aiAnalyst: C !== "free"
     }
   };
 }
@@ -1383,22 +1385,22 @@ function wo(t) {
   console.warn(`[TinyPivot] "${t}" requires a Pro license. Visit https://tiny-pivot.com/#pricing to upgrade.`);
 }
 function Co(t) {
-  const o = t.filter((c) => c != null && c !== "");
+  const o = t.filter((v) => v != null && v !== "");
   if (o.length === 0)
     return "string";
   const n = o.slice(0, 100);
   let l = 0, s = 0, a = 0;
-  for (const c of n)
-    typeof c == "boolean" ? a++ : typeof c == "number" || !Number.isNaN(Number(c)) && c !== "" ? l++ : (c instanceof Date || !Number.isNaN(Date.parse(String(c)))) && s++;
+  for (const v of n)
+    typeof v == "boolean" ? a++ : typeof v == "number" || !Number.isNaN(Number(v)) && v !== "" ? l++ : (v instanceof Date || !Number.isNaN(Date.parse(String(v)))) && s++;
   const d = n.length * 0.8;
   return a >= d ? "boolean" : l >= d ? "number" : s >= d ? "date" : "string";
 }
 function ko(t, o) {
-  const l = t.map((c) => c[o]).filter((c) => c != null && c !== "").slice(0, 100);
+  const l = t.map((v) => v[o]).filter((v) => v != null && v !== "").slice(0, 100);
   let s = 0;
   const a = /* @__PURE__ */ new Set();
-  for (const c of l)
-    a.add(String(c)), (typeof c == "number" || !Number.isNaN(Number(c)) && c !== "") && s++;
+  for (const v of l)
+    a.add(String(v)), (typeof v == "number" || !Number.isNaN(Number(v)) && v !== "") && s++;
   const d = s >= l.length * 0.8;
   return {
     field: o,
@@ -1409,9 +1411,9 @@ function ko(t, o) {
 }
 function xo(t, o, n = 500) {
   const l = [];
-  let s = 0, a, d, c, y;
-  for (const x of t) {
-    const b = x[o];
+  let s = 0, a, d, v, y;
+  for (const C of t) {
+    const b = C[o];
     if (b == null || b === "")
       s++;
     else {
@@ -1421,27 +1423,27 @@ function xo(t, o, n = 500) {
         const $ = b instanceof Date ? b : new Date(String(b));
         if (!Number.isNaN($.getTime())) {
           const re = $.toISOString().split("T")[0];
-          (c === void 0 || re < c) && (c = re), (y === void 0 || re > y) && (y = re);
+          (v === void 0 || re < v) && (v = re), (y === void 0 || re > y) && (y = re);
         }
       }
     }
   }
-  const p = /* @__PURE__ */ new Set();
-  for (const x of l)
-    if (p.add(String(x)), p.size >= n)
+  const c = /* @__PURE__ */ new Set();
+  for (const C of l)
+    if (c.add(String(C)), c.size >= n)
       break;
-  const E = Array.from(p).sort((x, b) => {
-    const h = Number.parseFloat(x), $ = Number.parseFloat(b);
-    return !Number.isNaN(h) && !Number.isNaN($) ? h - $ : x.localeCompare(b);
-  }), M = Co(l);
+  const L = Array.from(c).sort((C, b) => {
+    const h = Number.parseFloat(C), $ = Number.parseFloat(b);
+    return !Number.isNaN(h) && !Number.isNaN($) ? h - $ : C.localeCompare(b);
+  }), F = Co(l);
   return {
-    uniqueValues: E,
+    uniqueValues: L,
     totalCount: t.length,
     nullCount: s,
-    type: M,
+    type: F,
     // Only include min/max for numeric columns
-    ...M === "number" && a !== void 0 && d !== void 0 ? { numericMin: a, numericMax: d } : {},
-    ...M === "date" && c !== void 0 && y !== void 0 ? { dateMin: c, dateMax: y } : {}
+    ...F === "number" && a !== void 0 && d !== void 0 ? { numericMin: a, numericMax: d } : {},
+    ...F === "date" && v !== void 0 && y !== void 0 ? { dateMin: v, dateMax: y } : {}
   };
 }
 function So(t, o, n = "us", l = "iso") {
@@ -1496,25 +1498,25 @@ function xt(t, o = "iso") {
   let l, s, a;
   switch (o) {
     case "us": {
-      const p = n.split("/");
-      if (p.length !== 3)
+      const c = n.split("/");
+      if (c.length !== 3)
         return null;
-      s = Number.parseInt(p[0], 10), a = Number.parseInt(p[1], 10), l = Number.parseInt(p[2], 10);
+      s = Number.parseInt(c[0], 10), a = Number.parseInt(c[1], 10), l = Number.parseInt(c[2], 10);
       break;
     }
     case "eu": {
-      const p = n.split("/");
-      if (p.length !== 3)
+      const c = n.split("/");
+      if (c.length !== 3)
         return null;
-      a = Number.parseInt(p[0], 10), s = Number.parseInt(p[1], 10), l = Number.parseInt(p[2], 10);
+      a = Number.parseInt(c[0], 10), s = Number.parseInt(c[1], 10), l = Number.parseInt(c[2], 10);
       break;
     }
     case "iso":
     default: {
-      const p = n.split("-");
-      if (p.length !== 3)
+      const c = n.split("-");
+      if (c.length !== 3)
         return null;
-      l = Number.parseInt(p[0], 10), s = Number.parseInt(p[1], 10), a = Number.parseInt(p[2], 10);
+      l = Number.parseInt(c[0], 10), s = Number.parseInt(c[1], 10), a = Number.parseInt(c[2], 10);
       break;
     }
   }
@@ -1523,8 +1525,8 @@ function xt(t, o = "iso") {
   const d = new Date(l, s - 1, a);
   if (d.getFullYear() !== l || d.getMonth() !== s - 1 || d.getDate() !== a)
     return null;
-  const c = String(s).padStart(2, "0"), y = String(a).padStart(2, "0");
-  return `${l}-${c}-${y}`;
+  const v = String(s).padStart(2, "0"), y = String(a).padStart(2, "0");
+  return `${l}-${v}-${y}`;
 }
 function gn(t = "iso") {
   switch (t) {
@@ -1572,7 +1574,7 @@ function St(t, o, n, l, s) {
     case "stdDev":
       return Mo(t);
     case "percentOfTotal": {
-      const a = t.reduce((d, c) => d + c, 0);
+      const a = t.reduce((d, v) => d + v, 0);
       return n === void 0 || n === 0 ? null : a / n * 100;
     }
     case "custom":
@@ -1666,14 +1668,14 @@ function yn(t, o, n) {
     const l = _n(t);
     let s = t;
     for (const d of l) {
-      const c = n.find((M) => M.toLowerCase() === d.toLowerCase()) || d, y = o[c];
+      const v = n.find((F) => F.toLowerCase() === d.toLowerCase()) || d, y = o[v];
       if (y == null || y === "")
         return null;
-      const p = typeof y == "number" ? y : Number.parseFloat(String(y));
-      if (Number.isNaN(p))
+      const c = typeof y == "number" ? y : Number.parseFloat(String(y));
+      if (Number.isNaN(c))
         return null;
-      const E = d.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-      s = s.replace(new RegExp(`\\b${E}\\b`, "gi"), String(p));
+      const L = d.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+      s = s.replace(new RegExp(`\\b${L}\\b`, "gi"), String(c));
     }
     if (!/^[\d\s+\-*/().]+$/.test(s))
       return null;
@@ -1698,45 +1700,45 @@ function Tn(t) {
   return (t.rowFields.length > 0 || t.columnFields.length > 0) && t.valueFields.length > 0;
 }
 function _o(t, o) {
-  const { rowFields: n, columnFields: l, valueFields: s, showRowTotals: a, showColumnTotals: d, calculatedFields: c } = o;
+  const { rowFields: n, columnFields: l, valueFields: s, showRowTotals: a, showColumnTotals: d, calculatedFields: v } = o;
   if (!Tn(o) || t.length === 0)
     return null;
   const y = /* @__PURE__ */ new Map();
-  if (c)
-    for (const J of c)
+  if (v)
+    for (const J of v)
       y.set(J.id, J);
-  const p = t.length > 0 ? Object.keys(t[0]) : [], E = /* @__PURE__ */ new Set(), M = /* @__PURE__ */ new Set(), x = /* @__PURE__ */ new Map();
+  const c = t.length > 0 ? Object.keys(t[0]) : [], L = /* @__PURE__ */ new Set(), F = /* @__PURE__ */ new Set(), C = /* @__PURE__ */ new Map();
   for (const J of t) {
     const ne = n.length > 0 ? mn(J, n) : "__all__", z = l.length > 0 ? mn(J, l) : "__all__";
-    E.add(ne), M.add(z), x.has(ne) || x.set(ne, /* @__PURE__ */ new Map());
-    const S = x.get(ne);
+    L.add(ne), F.add(z), C.has(ne) || C.set(ne, /* @__PURE__ */ new Map());
+    const S = C.get(ne);
     S.has(z) || S.set(z, s.map(() => []));
-    const v = S.get(z);
+    const p = S.get(z);
     for (let m = 0; m < s.length; m++) {
-      const L = s[m];
+      const N = s[m];
       let H = null;
-      if (L.field.startsWith("calc:")) {
-        const se = L.field.replace("calc:", ""), D = y.get(se);
-        D && (H = yn(D.formula, J, p));
+      if (N.field.startsWith("calc:")) {
+        const se = N.field.replace("calc:", ""), D = y.get(se);
+        D && (H = yn(D.formula, J, c));
       } else {
-        const se = J[L.field];
-        se != null && se !== "" && (H = typeof se == "number" ? se : Number.parseFloat(String(se)), Number.isNaN(H) && (H = L.aggregation === "count" || L.aggregation === "countDistinct" ? 1 : null));
+        const se = J[N.field];
+        se != null && se !== "" && (H = typeof se == "number" ? se : Number.parseFloat(String(se)), Number.isNaN(H) && (H = N.aggregation === "count" || N.aggregation === "countDistinct" ? 1 : null));
       }
-      H !== null && v[m].push(H);
+      H !== null && p[m].push(H);
     }
   }
-  const b = Array.from(E).sort(), h = Array.from(M).sort(), $ = s.map((J, ne) => {
+  const b = Array.from(L).sort(), h = Array.from(F).sort(), $ = s.map((J, ne) => {
     let z = 0;
     for (const S of t) {
-      let v = null;
+      let p = null;
       if (J.field.startsWith("calc:")) {
-        const m = J.field.replace("calc:", ""), L = y.get(m);
-        L && (v = yn(L.formula, S, p));
+        const m = J.field.replace("calc:", ""), N = y.get(m);
+        N && (p = yn(N.formula, S, c));
       } else {
         const m = S[J.field];
-        m != null && m !== "" && (v = typeof m == "number" ? m : Number.parseFloat(String(m)), Number.isNaN(v) && (v = null));
+        m != null && m !== "" && (p = typeof m == "number" ? m : Number.parseFloat(String(m)), Number.isNaN(p) && (p = null));
       }
-      v !== null && (z += v);
+      p !== null && (z += p);
     }
     return z;
   });
@@ -1753,9 +1755,9 @@ function _o(t, o) {
     for (let ne = 0; ne < l.length; ne++) {
       const z = [];
       for (const S of h) {
-        const v = fn(S);
+        const p = fn(S);
         for (let m = 0; m < J; m++)
-          z.push(v[ne] || "");
+          z.push(p[ne] || "");
       }
       ee.push(z);
     }
@@ -1771,19 +1773,19 @@ function _o(t, o) {
   for (const J of b) {
     const ne = [], z = s.map(() => []);
     for (const S of h) {
-      const v = x.get(J), m = (v == null ? void 0 : v.get(S)) || s.map(() => []);
+      const p = C.get(J), m = (p == null ? void 0 : p.get(S)) || s.map(() => []);
       for (let H = 0; H < m.length; H++)
         z[H].push(...m[H]);
       G.has(S) || G.set(S, s.map(() => []));
-      const L = G.get(S);
+      const N = G.get(S);
       for (let H = 0; H < m.length; H++)
-        L[H].push(...m[H]);
+        N[H].push(...m[H]);
       for (let H = 0; H < s.length; H++) {
         const se = s[H], D = m[H] || [], R = $[H], I = St(D, se.aggregation, R);
         let f;
         if (se.field.startsWith("calc:")) {
-          const V = se.field.replace("calc:", ""), F = y.get(V);
-          f = Ro(I, (F == null ? void 0 : F.formatAs) || "number", (F == null ? void 0 : F.decimals) ?? 2);
+          const V = se.field.replace("calc:", ""), M = y.get(V);
+          f = Ro(I, (M == null ? void 0 : M.formatAs) || "number", (M == null ? void 0 : M.decimals) ?? 2);
         } else
           f = Ft(I, se.aggregation);
         ne.push({
@@ -1795,10 +1797,10 @@ function _o(t, o) {
     }
     if (O.push(ne), a && h.length > 1)
       if (s.length > 0) {
-        const S = s[0], v = z[0] || [], m = St(v, S.aggregation, $[0]);
+        const S = s[0], p = z[0] || [], m = St(p, S.aggregation, $[0]);
         W.push({
           value: m,
-          count: v.length,
+          count: p.length,
           formattedValue: Ft(m, S.aggregation)
         });
       } else
@@ -1809,10 +1811,10 @@ function _o(t, o) {
     for (const J of h) {
       const ne = G.get(J) || s.map(() => []);
       for (let z = 0; z < s.length; z++) {
-        const S = s[z], v = ne[z] || [], m = St(v, S.aggregation, $[z]);
+        const S = s[z], p = ne[z] || [], m = St(p, S.aggregation, $[z]);
         X.push({
           value: m,
-          count: v.length,
+          count: p.length,
           formattedValue: Ft(m, S.aggregation)
         });
       }
@@ -1820,11 +1822,11 @@ function _o(t, o) {
   const de = { value: null, count: 0, formattedValue: "-" };
   if (a && d && s.length > 0) {
     const J = s.map(() => []);
-    for (const v of b) {
-      const m = x.get(v);
+    for (const p of b) {
+      const m = C.get(p);
       if (m)
-        for (const L of h) {
-          const H = m.get(L);
+        for (const N of h) {
+          const H = m.get(N);
           if (H)
             for (let se = 0; se < H.length; se++)
               J[se].push(...H[se]);
@@ -1900,7 +1902,7 @@ function Rt(t) {
 }
 function Vo(t) {
   const { config: o, onDataLoaded: n, onConversationUpdate: l, onQueryExecuted: s, onError: a } = t, d = o.persistToLocalStorage ? `tinypivot-ai-conversation-${o.sessionId || "default"}` : null;
-  function c() {
+  function v() {
     if (d && typeof window < "u")
       try {
         const f = localStorage.getItem(d);
@@ -1917,15 +1919,15 @@ function Vo(t) {
   function y(f) {
     if (d && typeof window < "u")
       try {
-        const V = (F, Q) => typeof Q == "bigint" ? Number(Q) : Q;
+        const V = (M, Q) => typeof Q == "bigint" ? Number(Q) : Q;
         localStorage.setItem(d, JSON.stringify(f, V));
       } catch (V) {
         console.warn("[TinyPivot] Failed to save conversation to localStorage:", V);
       }
   }
-  const p = _(c()), E = _(/* @__PURE__ */ new Map()), M = _([]), x = _(!1), b = _(null), h = _(null), $ = _([]), re = _(!1), ee = N(() => o.dataSources && o.dataSources.length > 0 ? o.dataSources : $.value), U = N(() => p.value.dataSourceId), O = N(
-    () => ee.value.find((f) => f.id === p.value.dataSourceId)
-  ), W = N(() => p.value.messages), G = N(() => p.value.messages.length > 0);
+  const c = _(v()), L = _(/* @__PURE__ */ new Map()), F = _([]), C = _(!1), b = _(null), h = _(null), $ = _([]), re = _(!1), ee = E(() => o.dataSources && o.dataSources.length > 0 ? o.dataSources : $.value), U = E(() => c.value.dataSourceId), O = E(
+    () => ee.value.find((f) => f.id === c.value.dataSourceId)
+  ), W = E(() => c.value.messages), G = E(() => c.value.messages.length > 0);
   async function X() {
     if (o.endpoint) {
       re.value = !0;
@@ -1940,12 +1942,12 @@ function Vo(t) {
         const V = await f.json();
         if (V.error)
           throw new Error(V.error);
-        $.value = V.tables.map((F) => ({
-          id: F.name,
-          table: F.name,
-          name: F.name.charAt(0).toUpperCase() + F.name.slice(1),
+        $.value = V.tables.map((M) => ({
+          id: M.name,
+          table: M.name,
+          name: M.name.charAt(0).toUpperCase() + M.name.slice(1),
           // Capitalize
-          description: F.description
+          description: M.description
         })), await de();
       } catch (f) {
         console.warn("[TinyPivot] Failed to fetch tables:", f), a == null || a({
@@ -1970,9 +1972,9 @@ function Vo(t) {
         const V = await f.json();
         if (V.error)
           throw new Error(V.error);
-        M.value = V.schemas;
-        for (const F of V.schemas)
-          E.value.set(F.table, F);
+        F.value = V.schemas;
+        for (const M of V.schemas)
+          L.value.set(M.table, M);
       } catch (f) {
         console.warn("[TinyPivot] Failed to fetch all schemas:", f);
       }
@@ -1986,16 +1988,16 @@ function Vo(t) {
       b.value = `Data source "${f}" not found`;
       return;
     }
-    p.value = Ua(p.value, f);
-    const F = Le(
+    c.value = Ua(c.value, f);
+    const M = Le(
       `I'm now connected to **${V.name}**. ${V.description || ""}
 
 What would you like to know about this data?`
     );
-    if (p.value = De(p.value, F), o.dataSourceLoader)
+    if (c.value = De(c.value, M), o.dataSourceLoader)
       try {
         const { data: Q, schema: le } = await o.dataSourceLoader(f);
-        le && E.value.set(f, le), Q && Q.length > 0 && (h.value = Q, n == null || n({
+        le && L.value.set(f, le), Q && Q.length > 0 && (h.value = Q, n == null || n({
           data: Q,
           query: `SELECT * FROM ${V.table} LIMIT 100`,
           dataSourceId: f,
@@ -2006,7 +2008,7 @@ What would you like to know about this data?`
       }
     else if (o.demoMode) {
       const Q = Ta(f);
-      Q && E.value.set(f, Q);
+      Q && L.value.set(f, Q);
       const le = rn(f);
       le && (h.value = le, n == null || n({
         data: le,
@@ -2030,10 +2032,10 @@ What would you like to know about this data?`
         });
         if (!V.ok)
           throw new Error(`Failed to fetch schema: ${V.statusText}`);
-        const F = await V.json();
-        if (F.error)
-          throw new Error(F.error);
-        F.schemas.length > 0 && E.value.set(f.id, F.schemas[0]);
+        const M = await V.json();
+        if (M.error)
+          throw new Error(M.error);
+        M.schemas.length > 0 && L.value.set(f.id, M.schemas[0]);
       } catch (V) {
         console.warn("Failed to fetch schema:", V);
       }
@@ -2041,7 +2043,7 @@ What would you like to know about this data?`
   async function z(f) {
     if (o.endpoint)
       try {
-        const V = `SELECT * FROM ${f.table} LIMIT 100`, F = await fetch(o.endpoint, {
+        const V = `SELECT * FROM ${f.table} LIMIT 100`, M = await fetch(o.endpoint, {
           method: "POST",
           headers: { "Content-Type": "application/json" },
           body: JSON.stringify({
@@ -2050,9 +2052,9 @@ What would you like to know about this data?`
             table: f.table
           })
         });
-        if (!F.ok)
-          throw new Error(`Failed to fetch sample data: ${F.statusText}`);
-        const Q = await F.json();
+        if (!M.ok)
+          throw new Error(`Failed to fetch sample data: ${M.statusText}`);
+        const Q = await M.json();
         if (Q.error)
           throw new Error(Q.error);
         Q.data && Q.data.length > 0 && (h.value = Q.data, n == null || n({
@@ -2066,24 +2068,24 @@ What would you like to know about this data?`
       }
   }
   async function S(f) {
-    if (!f.trim() || x.value)
+    if (!f.trim() || C.value)
       return;
-    b.value = null, x.value = !0;
+    b.value = null, C.value = !0;
     const V = Ia(f);
-    p.value = De(p.value, V), I();
+    c.value = De(c.value, V), I();
     try {
       if (o.demoMode) {
-        await v(f);
+        await p(f);
         return;
       }
-      if (!p.value.dataSourceId) {
+      if (!c.value.dataSourceId) {
         const le = Le(
           "Please select a data source first by clicking one of the options above."
         );
-        p.value = De(p.value, le), I();
+        c.value = De(c.value, le), I();
         return;
       }
-      const F = await m(f), Q = za(F);
+      const M = await m(f), Q = za(M);
       if (Q) {
         const le = Pa(Q);
         if (!le.valid) {
@@ -2091,55 +2093,55 @@ What would you like to know about this data?`
             `I generated an invalid query: ${le.error}. Let me try again with a corrected approach.`,
             { error: le.error }
           );
-          p.value = De(p.value, Y), I();
+          c.value = De(c.value, Y), I();
           return;
         }
-        const T = Le(F, { query: Q });
-        p.value = De(p.value, T), I(), await L(Q, T.id);
+        const T = Le(M, { query: Q });
+        c.value = De(c.value, T), I(), await N(Q, T.id);
       } else {
-        const le = Le(F);
-        p.value = De(p.value, le), I();
+        const le = Le(M);
+        c.value = De(c.value, le), I();
       }
-    } catch (F) {
-      const Q = F instanceof Error ? F.message : "An error occurred";
+    } catch (M) {
+      const Q = M instanceof Error ? M.message : "An error occurred";
       b.value = Q;
       const le = Le(
         `Sorry, I encountered an error: ${Q}. Please try again.`,
         { error: Q }
       );
-      p.value = De(p.value, le), I(), a == null || a({
+      c.value = De(c.value, le), I(), a == null || a({
         message: Q,
         type: "ai"
       });
     } finally {
-      x.value = !1;
+      C.value = !1;
     }
   }
-  async function v(f) {
+  async function p(f) {
     var Q;
     await new Promise((le) => setTimeout(le, 800));
-    const V = p.value.dataSourceId;
+    const V = c.value.dataSourceId;
     if (!V) {
       const le = Le(
         "Please select a data source first by clicking one of the options above."
       );
-      p.value = De(p.value, le), I(), x.value = !1;
+      c.value = De(c.value, le), I(), C.value = !1;
       return;
     }
-    const F = Aa(V, f);
-    if (F) {
-      const le = Le(F.response, {
-        query: F.query,
-        rowCount: (Q = F.mockData) == null ? void 0 : Q.length
+    const M = Aa(V, f);
+    if (M) {
+      const le = Le(M.response, {
+        query: M.query,
+        rowCount: (Q = M.mockData) == null ? void 0 : Q.length
       });
-      p.value = De(p.value, le), I(), F.mockData && (h.value = F.mockData, n == null || n({
-        data: F.mockData,
-        query: F.query || "",
+      c.value = De(c.value, le), I(), M.mockData && (h.value = M.mockData, n == null || n({
+        data: M.mockData,
+        query: M.query || "",
         dataSourceId: V,
-        rowCount: F.mockData.length
+        rowCount: M.mockData.length
       }), s == null || s({
-        query: F.query || "",
-        rowCount: F.mockData.length,
+        query: M.query || "",
+        rowCount: M.mockData.length,
         duration: 150,
         // Fake duration
         dataSourceId: V,
@@ -2147,20 +2149,20 @@ What would you like to know about this data?`
       }));
     } else {
       const le = _a(V), T = Le(le);
-      p.value = De(p.value, T), I();
+      c.value = De(c.value, T), I();
     }
-    x.value = !1;
+    C.value = !1;
   }
   async function m(f) {
     if (!o.endpoint)
       throw new Error("No endpoint configured. Set `endpoint` in AI analyst config.");
-    const V = p.value.dataSourceId, F = Ea(
+    const V = c.value.dataSourceId, M = Ea(
       ee.value,
-      E.value,
+      L.value,
       V,
-      M.value.length > 0 ? M.value : void 0
-    ), Q = Ha(p.value), le = [
-      { role: "user", content: F },
+      F.value.length > 0 ? F.value : void 0
+    ), Q = Ha(c.value), le = [
+      { role: "user", content: M },
       { role: "assistant", content: "I understand. I'm ready to help you analyze the data." },
       ...Q.slice(0, -1),
       // Exclude the just-added user message
@@ -2177,24 +2179,24 @@ What would you like to know about this data?`
       throw new Error(Y.error);
     return Y.content;
   }
-  async function L(f, V) {
-    const F = p.value.dataSourceId;
-    if (!F)
+  async function N(f, V) {
+    const M = c.value.dataSourceId;
+    if (!M)
       return;
-    const Q = ee.value.find((T) => T.id === F);
+    const Q = ee.value.find((T) => T.id === M);
     if (!Q)
       return;
     const le = Date.now();
     try {
       let T;
       if (o.queryExecutor) {
-        const k = await o.queryExecutor(f, Q.table);
+        const x = await o.queryExecutor(f, Q.table);
         T = {
-          data: k.data,
-          rowCount: k.rowCount,
-          truncated: k.truncated,
-          error: k.error,
-          success: !k.error
+          data: x.data,
+          rowCount: x.rowCount,
+          truncated: x.truncated,
+          error: x.error,
+          success: !x.error
         };
       } else if (o.endpoint)
         T = await (await fetch(o.endpoint, {
@@ -2210,15 +2212,15 @@ What would you like to know about this data?`
         throw new Error("No query executor or endpoint configured");
       const Y = Date.now() - le;
       if (!T.success || T.error) {
-        const k = Le(
+        const x = Le(
           `The query failed: ${T.error || "Unknown error"}. Would you like me to try a different approach?`,
           { error: T.error, query: f }
         );
-        p.value = De(p.value, k), I(), s == null || s({
+        c.value = De(c.value, x), I(), s == null || s({
           query: f,
           rowCount: 0,
           duration: Y,
-          dataSourceId: F,
+          dataSourceId: M,
           success: !1,
           error: T.error
         }), a == null || a({
@@ -2230,7 +2232,7 @@ What would you like to know about this data?`
       }
       if (T.data) {
         if (h.value = T.data, V) {
-          const k = p.value.messages.map((pe) => pe.id === V ? {
+          const x = c.value.messages.map((pe) => pe.id === V ? {
             ...pe,
             metadata: {
               ...pe.metadata,
@@ -2239,65 +2241,65 @@ What would you like to know about this data?`
               truncated: T.truncated
             }
           } : pe);
-          p.value = {
-            ...p.value,
-            messages: k,
+          c.value = {
+            ...c.value,
+            messages: x,
             updatedAt: Date.now()
           };
         } else {
-          const k = T.truncated ? ` (limited to ${o.maxRows || 1e4} rows)` : "", pe = Le(
-            `Retrieved **${T.rowCount} rows**${k}.`,
+          const x = T.truncated ? ` (limited to ${o.maxRows || 1e4} rows)` : "", pe = Le(
+            `Retrieved **${T.rowCount} rows**${x}.`,
             { query: f, rowCount: T.rowCount, data: T.data }
           );
-          p.value = De(p.value, pe);
+          c.value = De(c.value, pe);
         }
         I(), n == null || n({
           data: T.data,
           query: f,
-          dataSourceId: F,
+          dataSourceId: M,
           rowCount: T.rowCount || T.data.length
         }), s == null || s({
           query: f,
           rowCount: T.rowCount || T.data.length,
           duration: Y,
-          dataSourceId: F,
+          dataSourceId: M,
           success: !0
         });
       }
     } catch (T) {
-      const Y = Date.now() - le, k = T instanceof Error ? T.message : "Query execution failed", pe = Le(
-        `Failed to execute query: ${k}`,
-        { error: k, query: f }
+      const Y = Date.now() - le, x = T instanceof Error ? T.message : "Query execution failed", pe = Le(
+        `Failed to execute query: ${x}`,
+        { error: x, query: f }
       );
-      p.value = De(p.value, pe), I(), s == null || s({
+      c.value = De(c.value, pe), I(), s == null || s({
         query: f,
         rowCount: 0,
         duration: Y,
-        dataSourceId: F,
+        dataSourceId: M,
         success: !1,
-        error: k
+        error: x
       }), a == null || a({
-        message: k,
+        message: x,
         query: f,
         type: "network"
       });
     }
   }
   async function H() {
-    const f = p.value.dataSourceId;
+    const f = c.value.dataSourceId;
     if (!f)
       return null;
-    const V = ee.value.find((F) => F.id === f);
+    const V = ee.value.find((M) => M.id === f);
     if (!V)
       return null;
     if (o.dataSourceLoader) {
       try {
-        const { data: F } = await o.dataSourceLoader(f);
-        if (F && F.length > 0)
-          return F;
-      } catch (F) {
-        console.warn("Failed to load full data:", F), a == null || a({
-          message: F instanceof Error ? F.message : "Failed to load full data",
+        const { data: M } = await o.dataSourceLoader(f);
+        if (M && M.length > 0)
+          return M;
+      } catch (M) {
+        console.warn("Failed to load full data:", M), a == null || a({
+          message: M instanceof Error ? M.message : "Failed to load full data",
           type: "network"
         });
       }
@@ -2305,15 +2307,15 @@ What would you like to know about this data?`
     }
     if (o.queryExecutor) {
       try {
-        const F = await o.queryExecutor(
+        const M = await o.queryExecutor(
           `SELECT * FROM ${V.table}`,
           V.table
         );
-        if (F.data && F.data.length > 0)
-          return F.data;
-      } catch (F) {
-        console.warn("Failed to load full data via query:", F), a == null || a({
-          message: F instanceof Error ? F.message : "Failed to load full data",
+        if (M.data && M.data.length > 0)
+          return M.data;
+      } catch (M) {
+        console.warn("Failed to load full data via query:", M), a == null || a({
+          message: M instanceof Error ? M.message : "Failed to load full data",
           type: "network"
         });
       }
@@ -2321,7 +2323,7 @@ What would you like to know about this data?`
     }
     if (o.endpoint) {
       try {
-        const F = await fetch(o.endpoint, {
+        const M = await fetch(o.endpoint, {
           method: "POST",
           headers: { "Content-Type": "application/json" },
           body: JSON.stringify({
@@ -2330,14 +2332,14 @@ What would you like to know about this data?`
             table: V.table
           })
         });
-        if (!F.ok)
-          throw new Error(`Failed to load data: ${F.statusText}`);
-        const Q = await F.json();
+        if (!M.ok)
+          throw new Error(`Failed to load data: ${M.statusText}`);
+        const Q = await M.json();
         if (Q.data && Q.data.length > 0)
           return Q.data;
-      } catch (F) {
-        console.warn("Failed to load full data from endpoint:", F), a == null || a({
-          message: F instanceof Error ? F.message : "Failed to load full data",
+      } catch (M) {
+        console.warn("Failed to load full data from endpoint:", M), a == null || a({
+          message: M instanceof Error ? M.message : "Failed to load full data",
           type: "network"
         });
       }
@@ -2346,24 +2348,24 @@ What would you like to know about this data?`
     return o.demoMode && rn(f) || null;
   }
   function se() {
-    p.value = un(o.sessionId), b.value = null, h.value = null, I();
+    c.value = un(o.sessionId), b.value = null, h.value = null, I();
   }
   function D() {
-    return { ...p.value };
+    return { ...c.value };
   }
   function R(f) {
-    p.value = f, I();
+    c.value = f, I();
   }
   function I() {
-    y(p.value), l == null || l({ conversation: p.value });
+    y(c.value), l == null || l({ conversation: c.value });
   }
   return {
     // State
-    conversation: p,
+    conversation: c,
     messages: W,
     hasMessages: G,
-    schemas: E,
-    isLoading: x,
+    schemas: L,
+    isLoading: C,
     isLoadingTables: re,
     error: b,
     lastLoadedData: h,
@@ -2451,12 +2453,12 @@ const Oo = {
     const l = t, s = n, {
       messages: a,
       hasMessages: d,
-      isLoading: c,
+      isLoading: v,
       isLoadingTables: y,
-      schemas: p,
-      selectedDataSource: E,
-      selectedDataSourceInfo: M,
-      lastLoadedData: x,
+      schemas: c,
+      selectedDataSource: L,
+      selectedDataSourceInfo: F,
+      lastLoadedData: C,
       dataSources: b,
       selectDataSource: h,
       sendMessage: $,
@@ -2471,45 +2473,45 @@ const Oo = {
     });
     o({
       loadFullData: ee,
-      selectedDataSource: E
+      selectedDataSource: L
     });
-    const U = _(""), O = _(""), W = _(), G = _(null), X = _(!1), de = N(() => {
+    const U = _(""), O = _(""), W = _(), G = _(null), X = _(!1), de = E(() => {
       if (!O.value.trim())
         return b.value;
       const Y = O.value.toLowerCase();
       return b.value.filter(
-        (k) => {
+        (x) => {
           var pe;
-          return k.name.toLowerCase().includes(Y) || ((pe = k.description) == null ? void 0 : pe.toLowerCase().includes(Y)) || k.table.toLowerCase().includes(Y);
+          return x.name.toLowerCase().includes(Y) || ((pe = x.description) == null ? void 0 : pe.toLowerCase().includes(Y)) || x.table.toLowerCase().includes(Y);
         }
       );
-    }), J = N(() => {
-      if (E.value)
-        return p.value.get(E.value);
-    }), ne = N(() => {
+    }), J = E(() => {
+      if (L.value)
+        return c.value.get(L.value);
+    }), ne = E(() => {
       var Y;
       if (G.value) {
-        const k = a.value.find((pe) => pe.id === G.value);
-        if ((Y = k == null ? void 0 : k.metadata) != null && Y.data)
-          return k.metadata.data.slice(0, 100);
+        const x = a.value.find((pe) => pe.id === G.value);
+        if ((Y = x == null ? void 0 : x.metadata) != null && Y.data)
+          return x.metadata.data.slice(0, 100);
       }
-      return x.value ? x.value.slice(0, 100) : [];
-    }), z = N(() => {
+      return C.value ? C.value.slice(0, 100) : [];
+    }), z = E(() => {
       var Y;
       if (G.value) {
-        const k = a.value.find((pe) => pe.id === G.value);
-        if ((Y = k == null ? void 0 : k.metadata) != null && Y.data)
-          return k.metadata.data;
+        const x = a.value.find((pe) => pe.id === G.value);
+        if ((Y = x == null ? void 0 : x.metadata) != null && Y.data)
+          return x.metadata.data;
       }
-      return x.value || [];
-    }), S = N(() => ne.value.length > 0 ? Object.keys(ne.value[0]) : J.value ? J.value.columns.map((Y) => Y.name) : []), v = N(() => {
-      var Y, k, pe;
+      return C.value || [];
+    }), S = E(() => ne.value.length > 0 ? Object.keys(ne.value[0]) : J.value ? J.value.columns.map((Y) => Y.name) : []), p = E(() => {
+      var Y, x, pe;
       if (G.value) {
         const ke = a.value.find((ie) => ie.id === G.value);
         return ((Y = ke == null ? void 0 : ke.metadata) == null ? void 0 : Y.query) || "";
       }
       for (let ke = a.value.length - 1; ke >= 0; ke--)
-        if ((k = a.value[ke].metadata) != null && k.data)
+        if ((x = a.value[ke].metadata) != null && x.data)
           return ((pe = a.value[ke].metadata) == null ? void 0 : pe.query) || "";
       return "";
     });
@@ -2517,32 +2519,32 @@ const Oo = {
       mt(() => {
         W.value && (W.value.scrollTop = W.value.scrollHeight);
       });
-      const Y = [...a.value].reverse().find((k) => {
+      const Y = [...a.value].reverse().find((x) => {
         var pe;
-        return (pe = k.metadata) == null ? void 0 : pe.data;
+        return (pe = x.metadata) == null ? void 0 : pe.data;
       });
       Y && (G.value = Y.id);
     }, { deep: !0 });
     function m() {
-      !U.value.trim() || c.value || ($(U.value), U.value = "");
+      !U.value.trim() || v.value || ($(U.value), U.value = "");
     }
-    function L(Y) {
+    function N(Y) {
       Y.key === "Enter" && !Y.shiftKey && (Y.preventDefault(), m());
     }
     function H() {
-      z.value.length > 0 && s("viewResults", { data: z.value, query: v.value });
+      z.value.length > 0 && s("viewResults", { data: z.value, query: p.value });
     }
     function se(Y) {
       var pe;
-      const k = a.value.find((ke) => ke.id === Y);
-      (pe = k == null ? void 0 : k.metadata) != null && pe.data && (G.value = Y);
+      const x = a.value.find((ke) => ke.id === Y);
+      (pe = x == null ? void 0 : x.metadata) != null && pe.data && (G.value = Y);
     }
     function D() {
       X.value = !X.value;
     }
     function R(Y) {
-      var k;
-      typeof window < "u" && ((k = window.navigator) != null && k.clipboard) && window.navigator.clipboard.writeText(Y);
+      var x;
+      typeof window < "u" && ((x = window.navigator) != null && x.clipboard) && window.navigator.clipboard.writeText(Y);
     }
     function I() {
       re(), O.value = "", G.value = null, X.value = !1;
@@ -2551,36 +2553,36 @@ const Oo = {
       re(), O.value = "", G.value = null, X.value = !1;
     }
     function V(Y) {
-      const k = Y.toLowerCase();
-      return k.includes("int") || k.includes("float") || k.includes("decimal") || k.includes("number") ? "#" : k.includes("date") || k.includes("time") ? "D" : k.includes("bool") ? "?" : "T";
+      const x = Y.toLowerCase();
+      return x.includes("int") || x.includes("float") || x.includes("decimal") || x.includes("number") ? "#" : x.includes("date") || x.includes("time") ? "D" : x.includes("bool") ? "?" : "T";
     }
-    function F(Y) {
+    function M(Y) {
       return Y == null ? "" : typeof Y == "number" && Math.abs(Y) >= 1e3 ? Y.toLocaleString("en-US", { maximumFractionDigits: 2 }) : String(Y);
     }
     function Q(Y) {
       return Ba(Y.content).replace(/\*\*/g, "").replace(/`([^`]+)`/g, "$1").trim();
     }
     function le(Y) {
-      const k = Y.target;
-      k.style.height = "auto", k.style.height = `${Math.min(k.scrollHeight, 120)}px`;
+      const x = Y.target;
+      x.style.height = "auto", x.style.height = `${Math.min(x.scrollHeight, 120)}px`;
     }
     function T(Y) {
-      var k;
-      return !!((k = Y.metadata) != null && k.data) && Y.metadata.data.length > 0;
+      var x;
+      return !!((x = Y.metadata) != null && x.data) && Y.metadata.data.length > 0;
     }
-    return (Y, k) => {
+    return (Y, x) => {
       var pe, ke;
       return i(), u("div", {
         class: ue(["vpg-ai-analyst", { "vpg-theme-dark": t.theme === "dark" }])
       }, [
-        A(E) ? (i(), u("div", Yo, [
+        A(L) ? (i(), u("div", Yo, [
           e("div", Go, [
             e("div", Ko, [
               e("button", {
                 class: "vpg-ai-back-btn",
                 title: "Change data source",
                 onClick: f
-              }, [...k[13] || (k[13] = [
+              }, [...x[13] || (x[13] = [
                 e("svg", {
                   viewBox: "0 0 24 24",
                   fill: "none",
@@ -2591,14 +2593,14 @@ const Oo = {
                 ], -1)
               ])]),
               e("div", Jo, [
-                e("span", Qo, C((pe = A(M)) == null ? void 0 : pe.name), 1)
+                e("span", Qo, k((pe = A(F)) == null ? void 0 : pe.name), 1)
               ]),
               A(d) ? (i(), u("button", {
                 key: 0,
                 class: "vpg-ai-clear-btn",
                 title: "Clear conversation",
                 onClick: I
-              }, [...k[14] || (k[14] = [
+              }, [...x[14] || (x[14] = [
                 e("svg", {
                   viewBox: "0 0 24 24",
                   fill: "none",
@@ -2616,16 +2618,16 @@ const Oo = {
               class: "vpg-ai-messages"
             }, [
               A(d) ? P("", !0) : (i(), u("div", Xo, [
-                k[15] || (k[15] = e("p", null, "Ask questions about your data", -1)),
+                x[15] || (x[15] = e("p", null, "Ask questions about your data", -1)),
                 e("div", Zo, [
                   e("button", {
-                    onClick: k[1] || (k[1] = (ie) => A($)("Show me a summary of the data"))
+                    onClick: x[1] || (x[1] = (ie) => A($)("Show me a summary of the data"))
                   }, " Summary "),
                   e("button", {
-                    onClick: k[2] || (k[2] = (ie) => A($)("Show me the top 10 records"))
+                    onClick: x[2] || (x[2] = (ie) => A($)("Show me the top 10 records"))
                   }, " Top 10 "),
                   e("button", {
-                    onClick: k[3] || (k[3] = (ie) => A($)("What are the trends?"))
+                    onClick: x[3] || (x[3] = (ie) => A($)("What are the trends?"))
                   }, " Trends ")
                 ])
               ])),
@@ -2635,7 +2637,7 @@ const Oo = {
                   key: ie.id
                 }, [
                   ie.role === "user" ? (i(), u("div", es, [
-                    e("span", null, C(ie.content), 1)
+                    e("span", null, k(ie.content), 1)
                   ])) : T(ie) ? (i(), u("div", {
                     key: 1,
                     class: ue(["vpg-ai-msg vpg-ai-msg-result", { "vpg-ai-msg-selected": G.value === ie.id }]),
@@ -2643,7 +2645,7 @@ const Oo = {
                   }, [
                     e("div", ns, [
                       e("div", as, [
-                        k[16] || (k[16] = e("svg", {
+                        x[16] || (x[16] = e("svg", {
                           viewBox: "0 0 24 24",
                           fill: "none",
                           stroke: "currentColor",
@@ -2652,14 +2654,14 @@ const Oo = {
                           e("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }),
                           e("polyline", { points: "22 4 12 14.01 9 11.01" })
                         ], -1)),
-                        e("span", null, C((Te = (ze = ie.metadata) == null ? void 0 : ze.rowCount) == null ? void 0 : Te.toLocaleString()) + " rows", 1)
+                        e("span", null, k((Te = (ze = ie.metadata) == null ? void 0 : ze.rowCount) == null ? void 0 : Te.toLocaleString()) + " rows", 1)
                       ]),
                       (Pe = ie.metadata) != null && Pe.query ? (i(), u("button", {
                         key: 0,
                         class: ue(["vpg-ai-sql-toggle", { "vpg-ai-sql-expanded": X.value && G.value === ie.id }]),
                         title: "View SQL query",
-                        onClick: k[4] || (k[4] = He((Ge) => D(), ["stop"]))
-                      }, [...k[17] || (k[17] = [
+                        onClick: x[4] || (x[4] = He((Ge) => D(), ["stop"]))
+                      }, [...x[17] || (x[17] = [
                         e("svg", {
                           viewBox: "0 0 24 24",
                           fill: "none",
@@ -2672,10 +2674,10 @@ const Oo = {
                         e("span", null, "SQL", -1)
                       ])], 2)) : P("", !0)
                     ]),
-                    e("div", os, C(Q(ie)), 1)
+                    e("div", os, k(Q(ie)), 1)
                   ], 10, ts)) : ie.role === "assistant" ? (i(), u("div", ss, [
-                    e("div", ls, C(Q(ie)), 1),
-                    (Be = ie.metadata) != null && Be.error ? (i(), u("div", rs, [...k[18] || (k[18] = [
+                    e("div", ls, k(Q(ie)), 1),
+                    (Be = ie.metadata) != null && Be.error ? (i(), u("div", rs, [...x[18] || (x[18] = [
                       e("svg", {
                         viewBox: "0 0 24 24",
                         fill: "none",
@@ -2705,7 +2707,7 @@ const Oo = {
                   ])) : P("", !0)
                 ], 64);
               }), 128)),
-              A(c) ? (i(), u("div", is, [...k[19] || (k[19] = [
+              A(v) ? (i(), u("div", is, [...x[19] || (x[19] = [
                 e("div", { class: "vpg-ai-typing" }, [
                   e("span"),
                   e("span"),
@@ -2719,12 +2721,12 @@ const Oo = {
                 onSubmit: He(m, ["prevent"])
               }, [
                 Oe(e("textarea", {
-                  "onUpdate:modelValue": k[5] || (k[5] = (ie) => U.value = ie),
+                  "onUpdate:modelValue": x[5] || (x[5] = (ie) => U.value = ie),
                   class: "vpg-ai-input",
                   placeholder: "Ask about your data...",
-                  disabled: A(c),
+                  disabled: A(v),
                   rows: "1",
-                  onKeydown: L,
+                  onKeydown: N,
                   onInput: le
                 }, null, 40, cs), [
                   [Ye, U.value]
@@ -2732,9 +2734,9 @@ const Oo = {
                 e("button", {
                   type: "submit",
                   class: "vpg-ai-send-btn",
-                  disabled: !U.value.trim() || A(c),
+                  disabled: !U.value.trim() || A(v),
                   title: "Send"
-                }, [...k[20] || (k[20] = [
+                }, [...x[20] || (x[20] = [
                   e("svg", {
                     viewBox: "0 0 24 24",
                     fill: "none",
@@ -2752,14 +2754,14 @@ const Oo = {
                 ])], 8, ds)
               ], 32),
               e("div", vs, [
-                t.config.aiModelName ? (i(), u("span", ps, C(t.config.aiModelName), 1)) : P("", !0),
+                t.config.aiModelName ? (i(), u("span", ps, k(t.config.aiModelName), 1)) : P("", !0),
                 e("div", gs, [
                   z.value.length > 0 ? (i(), u("button", {
                     key: 0,
                     class: "vpg-ai-action-btn vpg-ai-action-primary",
                     title: "View in Grid tab",
                     onClick: H
-                  }, [...k[21] || (k[21] = [
+                  }, [...x[21] || (x[21] = [
                     e("svg", {
                       viewBox: "0 0 24 24",
                       fill: "none",
@@ -2777,15 +2779,15 @@ const Oo = {
           e("div", ms, [
             e("div", fs, [
               e("div", hs, [
-                e("h3", null, C((ke = A(M)) == null ? void 0 : ke.name), 1),
+                e("h3", null, k((ke = A(F)) == null ? void 0 : ke.name), 1),
                 e("div", ys, [
-                  z.value.length > 0 ? (i(), u("span", bs, C(z.value.length.toLocaleString()) + " rows ", 1)) : P("", !0),
-                  v.value ? (i(), u("button", {
+                  z.value.length > 0 ? (i(), u("span", bs, k(z.value.length.toLocaleString()) + " rows ", 1)) : P("", !0),
+                  p.value ? (i(), u("button", {
                     key: 1,
                     class: ue(["vpg-ai-preview-sql-btn", { "vpg-ai-sql-active": X.value }]),
                     title: "Toggle SQL query",
-                    onClick: k[6] || (k[6] = (ie) => D())
-                  }, [...k[22] || (k[22] = [
+                    onClick: x[6] || (x[6] = (ie) => D())
+                  }, [...x[22] || (x[22] = [
                     e("svg", {
                       viewBox: "0 0 24 24",
                       fill: "none",
@@ -2802,7 +2804,7 @@ const Oo = {
                     class: "vpg-ai-preview-view-btn",
                     title: "View in Grid",
                     onClick: H
-                  }, [...k[23] || (k[23] = [
+                  }, [...x[23] || (x[23] = [
                     e("svg", {
                       viewBox: "0 0 24 24",
                       fill: "none",
@@ -2840,20 +2842,20 @@ const Oo = {
                   class: "vpg-ai-schema-chip",
                   title: `${ie.name} (${ie.type})`
                 }, [
-                  e("span", ks, C(V(ie.type)), 1),
-                  e("span", xs, C(ie.name), 1)
+                  e("span", ks, k(V(ie.type)), 1),
+                  e("span", xs, k(ie.name), 1)
                 ], 8, Cs))), 128))
               ])) : P("", !0)
             ]),
-            X.value && v.value ? (i(), u("div", Ss, [
+            X.value && p.value ? (i(), u("div", Ss, [
               e("div", Fs, [
-                k[26] || (k[26] = e("span", { class: "vpg-ai-sql-panel-title" }, "SQL Query", -1)),
+                x[26] || (x[26] = e("span", { class: "vpg-ai-sql-panel-title" }, "SQL Query", -1)),
                 e("div", Ms, [
                   e("button", {
                     class: "vpg-ai-copy-btn",
                     title: "Copy SQL",
-                    onClick: k[7] || (k[7] = (ie) => R(v.value))
-                  }, [...k[24] || (k[24] = [
+                    onClick: x[7] || (x[7] = (ie) => R(p.value))
+                  }, [...x[24] || (x[24] = [
                     e("svg", {
                       viewBox: "0 0 24 24",
                       fill: "none",
@@ -2874,8 +2876,8 @@ const Oo = {
                   e("button", {
                     class: "vpg-ai-sql-panel-close",
                     title: "Close",
-                    onClick: k[8] || (k[8] = (ie) => X.value = !1)
-                  }, [...k[25] || (k[25] = [
+                    onClick: x[8] || (x[8] = (ie) => X.value = !1)
+                  }, [...x[25] || (x[25] = [
                     e("svg", {
                       viewBox: "0 0 24 24",
                       fill: "none",
@@ -2899,17 +2901,17 @@ const Oo = {
                 ])
               ]),
               e("pre", $s, [
-                e("code", null, C(v.value), 1)
+                e("code", null, k(p.value), 1)
               ])
             ])) : P("", !0),
-            A(c) ? (i(), u("div", Rs, [...k[27] || (k[27] = [
+            A(v) ? (i(), u("div", Rs, [...x[27] || (x[27] = [
               e("div", { class: "vpg-ai-preview-spinner" }, null, -1),
               e("span", null, "Running query...", -1)
             ])])) : ne.value.length === 0 && J.value ? (i(), u("div", Ds, [
-              k[28] || (k[28] = Mt('<div class="vpg-ai-preview-ready-icon" data-v-e1647db4><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" data-v-e1647db4><ellipse cx="12" cy="5" rx="9" ry="3" data-v-e1647db4></ellipse><path d="M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5" data-v-e1647db4></path><path d="M3 12c0 1.66 4 3 9 3s9-1.34 9-3" data-v-e1647db4></path></svg></div><p data-v-e1647db4>Data source connected</p>', 2)),
-              e("span", null, C(J.value.columns.length) + " columns available", 1),
-              k[29] || (k[29] = e("div", { class: "vpg-ai-preview-hint" }, " Ask a question to explore the data ", -1))
-            ])) : ne.value.length === 0 ? (i(), u("div", As, [...k[30] || (k[30] = [
+              x[28] || (x[28] = Mt('<div class="vpg-ai-preview-ready-icon" data-v-e1647db4><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" data-v-e1647db4><ellipse cx="12" cy="5" rx="9" ry="3" data-v-e1647db4></ellipse><path d="M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5" data-v-e1647db4></path><path d="M3 12c0 1.66 4 3 9 3s9-1.34 9-3" data-v-e1647db4></path></svg></div><p data-v-e1647db4>Data source connected</p>', 2)),
+              e("span", null, k(J.value.columns.length) + " columns available", 1),
+              x[29] || (x[29] = e("div", { class: "vpg-ai-preview-hint" }, " Ask a question to explore the data ", -1))
+            ])) : ne.value.length === 0 ? (i(), u("div", As, [...x[30] || (x[30] = [
               e("div", { class: "vpg-ai-preview-empty-icon" }, [
                 e("svg", {
                   viewBox: "0 0 24 24",
@@ -2925,29 +2927,29 @@ const Oo = {
               e("table", Ts, [
                 e("thead", null, [
                   e("tr", null, [
-                    (i(!0), u(Z, null, ve(S.value, (ie) => (i(), u("th", { key: ie }, C(ie), 1))), 128))
+                    (i(!0), u(Z, null, ve(S.value, (ie) => (i(), u("th", { key: ie }, k(ie), 1))), 128))
                   ])
                 ]),
                 e("tbody", null, [
                   (i(!0), u(Z, null, ve(ne.value, (ie, ze) => (i(), u("tr", { key: ze }, [
-                    (i(!0), u(Z, null, ve(S.value, (Te) => (i(), u("td", { key: Te }, C(F(ie[Te])), 1))), 128))
+                    (i(!0), u(Z, null, ve(S.value, (Te) => (i(), u("td", { key: Te }, k(M(ie[Te])), 1))), 128))
                   ]))), 128))
                 ])
               ]),
               z.value.length > 100 ? (i(), u("div", Es, [
-                ce(" Showing 100 of " + C(z.value.length.toLocaleString()) + " rows. ", 1),
+                ce(" Showing 100 of " + k(z.value.length.toLocaleString()) + " rows. ", 1),
                 e("button", { onClick: H }, " View all in Grid ")
               ])) : P("", !0)
             ]))
           ])
         ])) : (i(), u("div", Oo, [
           e("div", zo, [
-            k[12] || (k[12] = Mt('<div class="vpg-ai-picker-header" data-v-e1647db4><div class="vpg-ai-icon-lg" data-v-e1647db4><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" data-v-e1647db4><path d="M12 2a2 2 0 0 1 2 2c0 .74-.4 1.39-1 1.73V7h1a7 7 0 0 1 7 7h1a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-1v1a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-1H2a1 1 0 0 1-1-1v-3a1 1 0 0 1 1-1h1a7 7 0 0 1 7-7h1V5.73c-.6-.34-1-.99-1-1.73a2 2 0 0 1 2-2z" data-v-e1647db4></path><circle cx="7.5" cy="14.5" r="1.5" fill="currentColor" data-v-e1647db4></circle><circle cx="16.5" cy="14.5" r="1.5" fill="currentColor" data-v-e1647db4></circle></svg></div><h2 data-v-e1647db4>AI Data Analyst</h2><p data-v-e1647db4>Select a data source to start exploring with AI</p></div>', 1)),
-            A(b).length === 0 && !A(y) ? (i(), u("div", Po, [...k[9] || (k[9] = [
+            x[12] || (x[12] = Mt('<div class="vpg-ai-picker-header" data-v-e1647db4><div class="vpg-ai-icon-lg" data-v-e1647db4><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" data-v-e1647db4><path d="M12 2a2 2 0 0 1 2 2c0 .74-.4 1.39-1 1.73V7h1a7 7 0 0 1 7 7h1a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-1v1a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-1H2a1 1 0 0 1-1-1v-3a1 1 0 0 1 1-1h1a7 7 0 0 1 7-7h1V5.73c-.6-.34-1-.99-1-1.73a2 2 0 0 1 2-2z" data-v-e1647db4></path><circle cx="7.5" cy="14.5" r="1.5" fill="currentColor" data-v-e1647db4></circle><circle cx="16.5" cy="14.5" r="1.5" fill="currentColor" data-v-e1647db4></circle></svg></div><h2 data-v-e1647db4>AI Data Analyst</h2><p data-v-e1647db4>Select a data source to start exploring with AI</p></div>', 1)),
+            A(b).length === 0 && !A(y) ? (i(), u("div", Po, [...x[9] || (x[9] = [
               Mt('<p data-v-e1647db4>No data sources configured.</p><a href="https://tinypivot.com/docs/ai-analyst" target="_blank" rel="noopener" class="vpg-ai-docs-link" data-v-e1647db4><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" data-v-e1647db4><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" data-v-e1647db4></path><polyline points="15 3 21 3 21 9" data-v-e1647db4></polyline><line x1="10" y1="14" x2="21" y2="3" data-v-e1647db4></line></svg> View Documentation </a>', 2)
             ])])) : (i(), u(Z, { key: 1 }, [
               e("div", Bo, [
-                k[10] || (k[10] = e("svg", {
+                x[10] || (x[10] = e("svg", {
                   viewBox: "0 0 24 24",
                   fill: "none",
                   stroke: "currentColor",
@@ -2966,7 +2968,7 @@ const Oo = {
                   })
                 ], -1)),
                 Oe(e("input", {
-                  "onUpdate:modelValue": k[0] || (k[0] = (ie) => O.value = ie),
+                  "onUpdate:modelValue": x[0] || (x[0] = (ie) => O.value = ie),
                   type: "text",
                   placeholder: "Search data sources...",
                   class: "vpg-ai-search-input"
@@ -2980,7 +2982,7 @@ const Oo = {
                   class: "vpg-ai-datasource-card",
                   onClick: (ze) => A(h)(ie.id)
                 }, [
-                  k[11] || (k[11] = e("div", { class: "vpg-ai-datasource-icon" }, [
+                  x[11] || (x[11] = e("div", { class: "vpg-ai-datasource-icon" }, [
                     e("svg", {
                       viewBox: "0 0 24 24",
                       fill: "none",
@@ -2997,12 +2999,12 @@ const Oo = {
                     ])
                   ], -1)),
                   e("div", Uo, [
-                    e("span", Ho, C(ie.name), 1),
-                    ie.description ? (i(), u("span", jo, C(ie.description), 1)) : P("", !0)
+                    e("span", Ho, k(ie.name), 1),
+                    ie.description ? (i(), u("span", jo, k(ie.description), 1)) : P("", !0)
                   ])
                 ], 8, Io))), 128))
               ]),
-              de.value.length === 0 ? (i(), u("div", Wo, ' No data sources match "' + C(O.value) + '" ', 1)) : P("", !0)
+              de.value.length === 0 ? (i(), u("div", Wo, ' No data sources match "' + k(O.value) + '" ', 1)) : P("", !0)
             ], 64))
           ])
         ]))
@@ -3035,18 +3037,18 @@ const Oo = {
   },
   emits: ["close", "save"],
   setup(t, { emit: o }) {
-    const n = t, l = o, s = _(""), a = _(""), d = _("number"), c = _(2), y = _(null);
+    const n = t, l = o, s = _(""), a = _(""), d = _("number"), v = _(2), y = _(null);
     _e(() => n.show, (b) => {
-      b && (n.existingField ? (s.value = n.existingField.name, a.value = n.existingField.formula, d.value = n.existingField.formatAs || "number", c.value = n.existingField.decimals ?? 2) : (s.value = "", a.value = "", d.value = "number", c.value = 2), y.value = null);
+      b && (n.existingField ? (s.value = n.existingField.name, a.value = n.existingField.formula, d.value = n.existingField.formatAs || "number", v.value = n.existingField.decimals ?? 2) : (s.value = "", a.value = "", d.value = "number", v.value = 2), y.value = null);
     });
-    const p = N(() => a.value.trim() ? hn(a.value, n.availableFields) : null);
-    function E(b) {
+    const c = E(() => a.value.trim() ? hn(a.value, n.availableFields) : null);
+    function L(b) {
       a.value.trim() && !a.value.endsWith(" ") && (a.value += " "), a.value += b;
     }
-    function M(b) {
+    function F(b) {
       a.value.trim() && !a.value.endsWith(" ") && (a.value += " "), a.value += `${b} `;
     }
-    function x() {
+    function C() {
       var $;
       if (!s.value.trim()) {
         y.value = "Name is required";
@@ -3062,7 +3064,7 @@ const Oo = {
         name: s.value.trim(),
         formula: a.value.trim(),
         formatAs: d.value,
-        decimals: c.value
+        decimals: v.value
       };
       l("save", h), l("close");
     }
@@ -3074,7 +3076,7 @@ const Oo = {
       }, [
         e("div", Vs, [
           e("div", Os, [
-            e("h3", null, C(t.existingField ? "Edit" : "Create") + " Calculated Field", 1),
+            e("h3", null, k(t.existingField ? "Edit" : "Create") + " Calculated Field", 1),
             e("button", {
               class: "vpg-modal-close",
               onClick: h[0] || (h[0] = ($) => l("close"))
@@ -3103,34 +3105,34 @@ const Oo = {
                 [Ye, a.value]
               ]),
               h[15] || (h[15] = e("div", { class: "vpg-formula-hint" }, " Use field names with math operators: + - * / ( ) ", -1)),
-              p.value ? (i(), u("div", qs, C(p.value), 1)) : P("", !0)
+              c.value ? (i(), u("div", qs, k(c.value), 1)) : P("", !0)
             ]),
             e("div", Is, [
               h[16] || (h[16] = e("label", { class: "vpg-label-small" }, "Operators", -1)),
               e("div", Us, [
                 e("button", {
                   class: "vpg-insert-btn vpg-op-btn",
-                  onClick: h[3] || (h[3] = ($) => M("+"))
+                  onClick: h[3] || (h[3] = ($) => F("+"))
                 }, " + "),
                 e("button", {
                   class: "vpg-insert-btn vpg-op-btn",
-                  onClick: h[4] || (h[4] = ($) => M("-"))
+                  onClick: h[4] || (h[4] = ($) => F("-"))
                 }, " − "),
                 e("button", {
                   class: "vpg-insert-btn vpg-op-btn",
-                  onClick: h[5] || (h[5] = ($) => M("*"))
+                  onClick: h[5] || (h[5] = ($) => F("*"))
                 }, " × "),
                 e("button", {
                   class: "vpg-insert-btn vpg-op-btn",
-                  onClick: h[6] || (h[6] = ($) => M("/"))
+                  onClick: h[6] || (h[6] = ($) => F("/"))
                 }, " ÷ "),
                 e("button", {
                   class: "vpg-insert-btn vpg-op-btn",
-                  onClick: h[7] || (h[7] = ($) => M("("))
+                  onClick: h[7] || (h[7] = ($) => F("("))
                 }, " ( "),
                 e("button", {
                   class: "vpg-insert-btn vpg-op-btn",
-                  onClick: h[8] || (h[8] = ($) => M(")"))
+                  onClick: h[8] || (h[8] = ($) => F(")"))
                 }, " ) ")
               ])
             ]),
@@ -3140,8 +3142,8 @@ const Oo = {
                 (i(!0), u(Z, null, ve(t.availableFields, ($) => (i(), u("button", {
                   key: $,
                   class: "vpg-insert-btn vpg-field-btn",
-                  onClick: (re) => E($)
-                }, C($), 9, Ws))), 128))
+                  onClick: (re) => L($)
+                }, k($), 9, Ws))), 128))
               ])) : (i(), u("div", Ys, " No numeric fields available "))
             ]),
             e("div", Gs, [
@@ -3161,7 +3163,7 @@ const Oo = {
               e("div", Js, [
                 h[20] || (h[20] = e("label", { class: "vpg-label" }, "Decimals", -1)),
                 Oe(e("input", {
-                  "onUpdate:modelValue": h[10] || (h[10] = ($) => c.value = $),
+                  "onUpdate:modelValue": h[10] || (h[10] = ($) => v.value = $),
                   type: "number",
                   class: "vpg-input",
                   min: "0",
@@ -3169,14 +3171,14 @@ const Oo = {
                 }, null, 512), [
                   [
                     Ye,
-                    c.value,
+                    v.value,
                     void 0,
                     { number: !0 }
                   ]
                 ])
               ])
             ]),
-            y.value ? (i(), u("div", Qs, C(y.value), 1)) : P("", !0)
+            y.value ? (i(), u("div", Qs, k(y.value), 1)) : P("", !0)
           ]),
           e("div", Xs, [
             e("button", {
@@ -3185,8 +3187,8 @@ const Oo = {
             }, " Cancel "),
             e("button", {
               class: "vpg-btn vpg-btn-primary",
-              onClick: x
-            }, C(t.existingField ? "Update" : "Add") + " Field ", 1)
+              onClick: C
+            }, k(t.existingField ? "Update" : "Add") + " Field ", 1)
           ])
         ])
       ])) : P("", !0)
@@ -3236,15 +3238,16 @@ const Oo = {
   __name: "ChartBuilder",
   props: {
     data: {},
-    theme: {}
+    theme: {},
+    fieldRoleOverrides: {}
   },
   emits: ["configChange"],
   setup(t, { emit: o }) {
     const n = t, l = o, s = ka(
       () => import("./vue3-apexcharts-CAskEAyG.js").then((D) => D.default)
-    ), a = _(Qa()), d = N(() => Wa(n.data)), c = N(() => d.value.filter((D) => D.role === "dimension" || D.role === "temporal")), y = N(() => d.value.filter((D) => D.role === "measure")), p = _(null), E = _(null), M = _(!1), x = N(() => Ga(a.value)), b = N(() => Ya(a.value)), h = N(
+    ), a = _(Qa()), d = E(() => Wa(n.data, n.fieldRoleOverrides)), v = E(() => d.value.filter((D) => D.role === "dimension" || D.role === "temporal")), y = E(() => d.value.filter((D) => D.role === "measure")), c = _(null), L = _(null), F = _(!1), C = E(() => Ga(a.value)), b = E(() => Ya(a.value)), h = E(
       () => Pt.find((D) => D.type === a.value.type)
-    ), $ = N(() => {
+    ), $ = E(() => {
       const D = a.value.type;
       switch (D) {
         case "scatter":
@@ -3316,24 +3319,24 @@ const Oo = {
             showSeries: !0
           };
       }
-    }), re = N(() => ["scatter", "bubble"].includes(a.value.type)), ee = N(() => a.value.type === "heatmap");
+    }), re = E(() => ["scatter", "bubble"].includes(a.value.type)), ee = E(() => a.value.type === "heatmap");
     function U(D, R) {
       var I;
-      p.value = D, (I = R.dataTransfer) == null || I.setData("text/plain", D.field);
+      c.value = D, (I = R.dataTransfer) == null || I.setData("text/plain", D.field);
     }
     function O() {
-      p.value = null, E.value = null;
+      c.value = null, L.value = null;
     }
     function W(D, R) {
-      R.preventDefault(), E.value = D;
+      R.preventDefault(), L.value = D;
     }
     function G() {
-      E.value = null;
+      L.value = null;
     }
     function X(D, R) {
-      if (R.preventDefault(), E.value = null, !p.value)
+      if (R.preventDefault(), L.value = null, !c.value)
         return;
-      const I = p.value, f = {
+      const I = c.value, f = {
         field: I.field,
         label: I.label,
         role: I.role,
@@ -3379,7 +3382,7 @@ const Oo = {
       l("configChange", a.value);
     }
     function J(D) {
-      a.value = { ...a.value, type: D }, M.value = !1, l("configChange", a.value);
+      a.value = { ...a.value, type: D }, F.value = !1, l("configChange", a.value);
     }
     function ne(D, R) {
       const I = D === "yAxis" ? a.value.yAxis : a.value.sizeField;
@@ -3388,10 +3391,10 @@ const Oo = {
       const f = { ...I, aggregation: R };
       D === "yAxis" ? a.value = { ...a.value, yAxis: f } : D === "size" && (a.value = { ...a.value, sizeField: f }), l("configChange", a.value);
     }
-    const z = N(() => {
+    const z = E(() => {
       const D = n.theme === "dark", R = a.value, I = R.options || {}, f = {
         chart: {
-          type: L(R.type),
+          type: N(R.type),
           background: "transparent",
           foreColor: D ? "#e2e8f0" : "#334155",
           toolbar: {
@@ -3478,8 +3481,8 @@ const Oo = {
                 show: !0,
                 label: "Total",
                 formatter: (V) => {
-                  const F = V.globals.seriesTotals.reduce((Q, le) => Q + le, 0);
-                  return H(F, I.valueFormat, I.decimals);
+                  const M = V.globals.seriesTotals.reduce((Q, le) => Q + le, 0);
+                  return H(M, I.valueFormat, I.decimals);
                 }
               }
             }
@@ -3493,19 +3496,19 @@ const Oo = {
           }
         }
       }), f;
-    }), S = N(() => {
+    }), S = E(() => {
       var I;
       const D = a.value;
       return b.value ? D.type === "pie" || D.type === "donut" ? ((I = dn(n.data, D).series[0]) == null ? void 0 : I.data) || [] : D.type === "scatter" || D.type === "bubble" ? Ka(n.data, D).series : D.type === "heatmap" ? Ja(n.data, D).series : cn(n.data, D).series : [];
-    }), v = N(() => {
+    }), p = E(() => {
       const D = a.value;
       return b.value ? D.type === "pie" || D.type === "donut" ? dn(n.data, D).categories : cn(n.data, D).categories : [];
-    }), m = N(() => {
+    }), m = E(() => {
       const D = { ...z.value }, R = a.value;
       return ["pie", "donut", "scatter", "bubble", "heatmap"].includes(R.type) || (D.xaxis = {
         ...D.xaxis,
-        categories: v.value
-      }), (R.type === "pie" || R.type === "donut") && (D.labels = v.value), R.type === "heatmap" && (D.chart = {
+        categories: p.value
+      }), (R.type === "pie" || R.type === "donut") && (D.labels = p.value), R.type === "heatmap" && (D.chart = {
         ...D.chart,
         type: "heatmap"
       }, D.xaxis = {
@@ -3529,7 +3532,7 @@ const Oo = {
         }
       }, D.colors = ["#6366f1"], D.legend = { show: !1 }), D;
     });
-    function L(D) {
+    function N(D) {
       return {
         bar: "bar",
         stackedBar: "bar",
@@ -3572,7 +3575,7 @@ const Oo = {
     }, { deep: !0 }), ht(() => {
       l("configChange", a.value);
     }), (D, R) => {
-      var I, f, V, F, Q, le;
+      var I, f, V, M, Q, le;
       return i(), u("div", tl, [
         e("div", nl, [
           (i(!0), u(Z, null, ve(A(Pt), (T) => (i(), u("button", {
@@ -3586,7 +3589,7 @@ const Oo = {
                 d: se(T.type)
               }, null, 8, sl)
             ])),
-            e("span", ll, C(T.label.replace(" Chart", "")), 1)
+            e("span", ll, k(T.label.replace(" Chart", "")), 1)
           ], 10, al))), 128))
         ]),
         e("div", rl, [
@@ -3606,17 +3609,17 @@ const Oo = {
                 e("span", { class: "vpg-chart-fields-hint" }, "(text/date)")
               ], -1)),
               e("div", cl, [
-                (i(!0), u(Z, null, ve(c.value, (T) => (i(), u("div", {
+                (i(!0), u(Z, null, ve(v.value, (T) => (i(), u("div", {
                   key: T.field,
                   class: "vpg-chart-field-chip vpg-field-dimension",
                   draggable: "true",
                   onDragstart: (Y) => U(T, Y),
                   onDragend: O
                 }, [
-                  e("span", vl, C(T.label), 1),
-                  e("span", pl, C(T.role === "temporal" ? "date" : "text"), 1)
+                  e("span", vl, k(T.label), 1),
+                  e("span", pl, k(T.role === "temporal" ? "date" : "text"), 1)
                 ], 40, dl))), 128)),
-                c.value.length === 0 ? (i(), u("div", gl, " No dimension fields detected ")) : P("", !0)
+                v.value.length === 0 ? (i(), u("div", gl, " No dimension fields detected ")) : P("", !0)
               ])
             ]),
             e("div", ml, [
@@ -3641,7 +3644,7 @@ const Oo = {
                   onDragstart: (Y) => U(T, Y),
                   onDragend: O
                 }, [
-                  e("span", yl, C(T.label), 1),
+                  e("span", yl, k(T.label), 1),
                   R[17] || (R[17] = e("span", { class: "vpg-field-type" }, "#", -1))
                 ], 40, hl))), 128)),
                 y.value.length === 0 ? (i(), u("div", bl, " No numeric fields detected ")) : P("", !0)
@@ -3650,15 +3653,15 @@ const Oo = {
           ]),
           e("div", wl, [
             e("div", Cl, [
-              e("label", kl, C($.value.xAxis), 1),
+              e("label", kl, k($.value.xAxis), 1),
               e("div", {
-                class: ue(["vpg-chart-drop-zone", { "drag-over": E.value === "xAxis", "has-field": a.value.xAxis }]),
+                class: ue(["vpg-chart-drop-zone", { "drag-over": L.value === "xAxis", "has-field": a.value.xAxis }]),
                 onDragover: R[2] || (R[2] = (T) => W("xAxis", T)),
                 onDragleave: G,
                 onDrop: R[3] || (R[3] = (T) => X("xAxis", T))
               }, [
                 a.value.xAxis ? (i(), u(Z, { key: 0 }, [
-                  e("span", xl, C(a.value.xAxis.label), 1),
+                  e("span", xl, k(a.value.xAxis.label), 1),
                   re.value && a.value.xAxis.role === "measure" ? (i(), u("select", {
                     key: 0,
                     class: "vpg-zone-aggregation",
@@ -3668,7 +3671,7 @@ const Oo = {
                     (i(!0), u(Z, null, ve(A(Ct), (T) => (i(), u("option", {
                       key: T.value,
                       value: T.value
-                    }, C(T.symbol), 9, Fl))), 128))
+                    }, k(T.symbol), 9, Fl))), 128))
                   ], 40, Sl)) : P("", !0),
                   e("button", {
                     class: "vpg-zone-remove-btn",
@@ -3684,19 +3687,19 @@ const Oo = {
                       e("path", { d: "M6 18L18 6M6 6l12 12" })
                     ], -1)
                   ])])
-                ], 64)) : (i(), u("span", Ml, C($.value.xAxisPlaceholder), 1))
+                ], 64)) : (i(), u("span", Ml, k($.value.xAxisPlaceholder), 1))
               ], 34)
             ]),
             e("div", $l, [
-              e("label", Rl, C($.value.yAxis), 1),
+              e("label", Rl, k($.value.yAxis), 1),
               e("div", {
-                class: ue(["vpg-chart-drop-zone", { "drag-over": E.value === "yAxis", "has-field": a.value.yAxis }]),
+                class: ue(["vpg-chart-drop-zone", { "drag-over": L.value === "yAxis", "has-field": a.value.yAxis }]),
                 onDragover: R[6] || (R[6] = (T) => W("yAxis", T)),
                 onDragleave: G,
                 onDrop: R[7] || (R[7] = (T) => X("yAxis", T))
               }, [
                 a.value.yAxis ? (i(), u(Z, { key: 0 }, [
-                  e("span", Dl, C(a.value.yAxis.label), 1),
+                  e("span", Dl, k(a.value.yAxis.label), 1),
                   a.value.yAxis.role === "measure" && !ee.value ? (i(), u("select", {
                     key: 0,
                     class: "vpg-zone-aggregation",
@@ -3706,7 +3709,7 @@ const Oo = {
                     (i(!0), u(Z, null, ve(A(Ct), (T) => (i(), u("option", {
                       key: T.value,
                       value: T.value
-                    }, C(T.symbol), 9, _l))), 128))
+                    }, k(T.symbol), 9, _l))), 128))
                   ], 40, Al)) : P("", !0),
                   e("button", {
                     class: "vpg-zone-remove-btn",
@@ -3722,29 +3725,29 @@ const Oo = {
                       e("path", { d: "M6 18L18 6M6 6l12 12" })
                     ], -1)
                   ])])
-                ], 64)) : (i(), u("span", Tl, C($.value.yAxisPlaceholder), 1))
+                ], 64)) : (i(), u("span", Tl, k($.value.yAxisPlaceholder), 1))
               ], 34)
             ]),
             $.value.showSeries ? (i(), u("div", El, [
-              e("label", Nl, C($.value.series), 1),
+              e("label", Nl, k($.value.series), 1),
               e("div", {
-                class: ue(["vpg-chart-drop-zone vpg-zone-optional", { "drag-over": E.value === "series", "has-field": a.value.seriesField || ee.value && a.value.colorField }]),
+                class: ue(["vpg-chart-drop-zone vpg-zone-optional", { "drag-over": L.value === "series", "has-field": a.value.seriesField || ee.value && a.value.colorField }]),
                 onDragover: R[10] || (R[10] = (T) => W(ee.value ? "color" : "series", T)),
                 onDragleave: G,
                 onDrop: R[11] || (R[11] = (T) => X(ee.value ? "color" : "series", T))
               }, [
                 (ee.value ? a.value.colorField : a.value.seriesField) ? (i(), u(Z, { key: 0 }, [
-                  e("span", Ll, C(ee.value ? (I = a.value.colorField) == null ? void 0 : I.label : (f = a.value.seriesField) == null ? void 0 : f.label), 1),
+                  e("span", Ll, k(ee.value ? (I = a.value.colorField) == null ? void 0 : I.label : (f = a.value.seriesField) == null ? void 0 : f.label), 1),
                   ee.value && ((V = a.value.colorField) == null ? void 0 : V.role) === "measure" ? (i(), u("select", {
                     key: 0,
                     class: "vpg-zone-aggregation",
-                    value: ((F = a.value.colorField) == null ? void 0 : F.aggregation) || "sum",
+                    value: ((M = a.value.colorField) == null ? void 0 : M.aggregation) || "sum",
                     onChange: R[8] || (R[8] = (T) => ne("color", T.target.value))
                   }, [
                     (i(!0), u(Z, null, ve(A(Ct), (T) => (i(), u("option", {
                       key: T.value,
                       value: T.value
-                    }, C(T.symbol), 9, Ol))), 128))
+                    }, k(T.symbol), 9, Ol))), 128))
                   ], 40, Vl)) : P("", !0),
                   e("button", {
                     class: "vpg-zone-remove-btn",
@@ -3760,19 +3763,19 @@ const Oo = {
                       e("path", { d: "M6 18L18 6M6 6l12 12" })
                     ], -1)
                   ])])
-                ], 64)) : (i(), u("span", zl, C($.value.seriesPlaceholder), 1))
+                ], 64)) : (i(), u("span", zl, k($.value.seriesPlaceholder), 1))
               ], 34)
             ])) : P("", !0),
             $.value.showSize ? (i(), u("div", Pl, [
               R[23] || (R[23] = e("label", { class: "vpg-chart-zone-label" }, "Size (number)", -1)),
               e("div", {
-                class: ue(["vpg-chart-drop-zone vpg-zone-optional", { "drag-over": E.value === "size", "has-field": a.value.sizeField }]),
+                class: ue(["vpg-chart-drop-zone vpg-zone-optional", { "drag-over": L.value === "size", "has-field": a.value.sizeField }]),
                 onDragover: R[14] || (R[14] = (T) => W("size", T)),
                 onDragleave: G,
                 onDrop: R[15] || (R[15] = (T) => X("size", T))
               }, [
                 a.value.sizeField ? (i(), u(Z, { key: 0 }, [
-                  e("span", Bl, C(a.value.sizeField.label), 1),
+                  e("span", Bl, k(a.value.sizeField.label), 1),
                   a.value.sizeField.role === "measure" ? (i(), u("select", {
                     key: 0,
                     class: "vpg-zone-aggregation",
@@ -3782,7 +3785,7 @@ const Oo = {
                     (i(!0), u(Z, null, ve(A(Ct), (T) => (i(), u("option", {
                       key: T.value,
                       value: T.value
-                    }, C(T.symbol), 9, Il))), 128))
+                    }, k(T.symbol), 9, Il))), 128))
                   ], 40, ql)) : P("", !0),
                   e("button", {
                     class: "vpg-zone-remove-btn",
@@ -3816,7 +3819,7 @@ const Oo = {
                 }),
                 e("path", { d: "M12 16v-4M12 8h.01" })
               ], -1)),
-              e("span", null, C(x.value), 1)
+              e("span", null, k(C.value), 1)
             ])
           ]),
           e("div", jl, [
@@ -3831,7 +3834,7 @@ const Oo = {
                 default: At(() => [
                   (i(), Dt(A(s), {
                     key: `${a.value.type}-${JSON.stringify(a.value.xAxis)}-${JSON.stringify(a.value.yAxis)}`,
-                    type: L(a.value.type),
+                    type: N(a.value.type),
                     options: m.value,
                     series: S.value,
                     height: "100%"
@@ -3848,8 +3851,8 @@ const Oo = {
               R[26] || (R[26] = e("h3", null, "Build your chart", -1)),
               R[27] || (R[27] = e("p", null, "Drag fields from the left panel to configure your visualization", -1)),
               e("div", Jl, [
-                e("strong", null, C((Q = h.value) == null ? void 0 : Q.label), 1),
-                ce(": " + C((le = h.value) == null ? void 0 : le.description), 1)
+                e("strong", null, k((Q = h.value) == null ? void 0 : Q.label), 1),
+                ce(": " + k((le = h.value) == null ? void 0 : le.description), 1)
               ])
             ]))
           ])
@@ -3870,18 +3873,18 @@ const Oo = {
   },
   emits: ["change"],
   setup(t, { emit: o }) {
-    const n = t, l = o, s = N(() => n.dateFormat ?? "iso"), a = _(""), d = _(""), c = _(!1), y = _(!1);
-    function p(U) {
-      U != null && U.min ? a.value = We(U.min, s.value) : a.value = "", U != null && U.max ? d.value = We(U.max, s.value) : d.value = "", c.value = !1, y.value = !1;
+    const n = t, l = o, s = E(() => n.dateFormat ?? "iso"), a = _(""), d = _(""), v = _(!1), y = _(!1);
+    function c(U) {
+      U != null && U.min ? a.value = We(U.min, s.value) : a.value = "", U != null && U.max ? d.value = We(U.max, s.value) : d.value = "", v.value = !1, y.value = !1;
     }
-    const E = N(() => We(n.dataMin, s.value)), M = N(() => We(n.dataMax, s.value)), x = N(() => a.value !== "" || d.value !== "");
+    const L = E(() => We(n.dataMin, s.value)), F = E(() => We(n.dataMax, s.value)), C = E(() => a.value !== "" || d.value !== "");
     function b() {
       if (a.value === "") {
-        c.value = !1, $();
+        v.value = !1, $();
         return;
       }
       const U = xt(a.value, s.value);
-      c.value = U === null, c.value || $();
+      v.value = U === null, v.value || $();
     }
     function h() {
       if (d.value === "") {
@@ -3896,17 +3899,17 @@ const Oo = {
       U === null && O === null ? l("change", null) : l("change", { min: U, max: O });
     }
     function re() {
-      a.value = "", d.value = "", c.value = !1, y.value = !1, l("change", null);
+      a.value = "", d.value = "", v.value = !1, y.value = !1, l("change", null);
     }
     function ee() {
-      a.value = We(n.dataMin, s.value), d.value = We(n.dataMax, s.value), c.value = !1, y.value = !1, l("change", { min: n.dataMin, max: n.dataMax });
+      a.value = We(n.dataMin, s.value), d.value = We(n.dataMax, s.value), v.value = !1, y.value = !1, l("change", { min: n.dataMin, max: n.dataMax });
     }
     return _e(() => n.currentRange, (U) => {
-      p(U);
+      c(U);
     }, { immediate: !0 }), (U, O) => (i(), u("div", Xl, [
       e("div", Zl, [
         O[2] || (O[2] = e("span", { class: "vpg-range-label" }, "Data range:", -1)),
-        e("span", er, C(E.value) + " – " + C(M.value), 1)
+        e("span", er, k(L.value) + " – " + k(F.value), 1)
       ]),
       e("div", tr, [
         e("div", nr, [
@@ -3914,7 +3917,7 @@ const Oo = {
           Oe(e("input", {
             "onUpdate:modelValue": O[0] || (O[0] = (W) => a.value = W),
             type: "text",
-            class: ue(["vpg-range-input", { "vpg-input-error": c.value }]),
+            class: ue(["vpg-range-input", { "vpg-input-error": v.value }]),
             placeholder: A(gn)(s.value),
             onBlur: b,
             onKeyup: zt(b, ["enter"])
@@ -3940,7 +3943,7 @@ const Oo = {
       e("div", lr, [
         e("button", {
           class: "vpg-range-btn",
-          disabled: !x.value,
+          disabled: !C.value,
           onClick: re
         }, [...O[6] || (O[6] = [
           e("svg", {
@@ -3978,7 +3981,7 @@ const Oo = {
           ce(" Full Range ", -1)
         ])])
       ]),
-      x.value && !c.value && !y.value ? (i(), u("div", ir, [
+      C.value && !v.value && !y.value ? (i(), u("div", ir, [
         O[9] || (O[9] = e("svg", {
           class: "vpg-icon-xs",
           fill: "none",
@@ -3994,9 +3997,9 @@ const Oo = {
         ], -1)),
         e("span", null, [
           O[8] || (O[8] = ce(" Showing dates ", -1)),
-          a.value ? (i(), u("strong", ur, "from " + C(a.value), 1)) : P("", !0),
-          ce(" " + C(a.value && d.value ? " " : "") + " ", 1),
-          d.value ? (i(), u("strong", cr, "to " + C(d.value), 1)) : P("", !0)
+          a.value ? (i(), u("strong", ur, "from " + k(a.value), 1)) : P("", !0),
+          ce(" " + k(a.value && d.value ? " " : "") + " ", 1),
+          d.value ? (i(), u("strong", cr, "to " + k(d.value), 1)) : P("", !0)
         ])
       ])) : P("", !0)
     ]));
@@ -4015,19 +4018,19 @@ const Oo = {
   emits: ["change"],
   setup(t, { emit: o }) {
     var U, O;
-    const n = t, l = o, s = _(((U = n.currentRange) == null ? void 0 : U.min) ?? null), a = _(((O = n.currentRange) == null ? void 0 : O.max) ?? null), d = N(() => {
+    const n = t, l = o, s = _(((U = n.currentRange) == null ? void 0 : U.min) ?? null), a = _(((O = n.currentRange) == null ? void 0 : O.max) ?? null), d = E(() => {
       const W = n.dataMax - n.dataMin;
       return W === 0 ? 1 : W <= 1 ? 0.01 : W <= 10 ? 0.1 : W <= 100 ? 1 : W <= 1e3 ? 10 : 10 ** (Math.floor(Math.log10(W)) - 2);
     });
-    function c(W) {
+    function v(W) {
       return W === null ? "" : et(W, n.numberFormat ?? "us");
     }
-    const y = N(() => s.value !== null || a.value !== null), p = N(() => s.value === null || n.dataMax === n.dataMin ? 0 : (s.value - n.dataMin) / (n.dataMax - n.dataMin) * 100), E = N(() => a.value === null || n.dataMax === n.dataMin ? 100 : (a.value - n.dataMin) / (n.dataMax - n.dataMin) * 100);
-    function M(W) {
+    const y = E(() => s.value !== null || a.value !== null), c = E(() => s.value === null || n.dataMax === n.dataMin ? 0 : (s.value - n.dataMin) / (n.dataMax - n.dataMin) * 100), L = E(() => a.value === null || n.dataMax === n.dataMin ? 100 : (a.value - n.dataMin) / (n.dataMax - n.dataMin) * 100);
+    function F(W) {
       const G = W.target, X = Number.parseFloat(G.value);
       a.value !== null && X > a.value ? s.value = a.value : s.value = X;
     }
-    function x(W) {
+    function C(W) {
       const G = W.target, X = Number.parseFloat(G.value);
       s.value !== null && X < s.value ? a.value = s.value : a.value = X;
     }
@@ -4053,15 +4056,15 @@ const Oo = {
     }, { immediate: !0 }), (W, G) => (i(), u("div", pr, [
       e("div", gr, [
         G[0] || (G[0] = e("span", { class: "vpg-range-label" }, "Data range:", -1)),
-        e("span", mr, C(c(t.dataMin)) + " – " + C(c(t.dataMax)), 1)
+        e("span", mr, k(v(t.dataMin)) + " – " + k(v(t.dataMax)), 1)
       ]),
       e("div", fr, [
         e("div", hr, [
           e("div", {
             class: "vpg-slider-fill",
             style: Ve({
-              left: `${p.value}%`,
-              right: `${100 - E.value}%`
+              left: `${c.value}%`,
+              right: `${100 - L.value}%`
             })
           }, null, 4)
         ]),
@@ -4072,7 +4075,7 @@ const Oo = {
           max: t.dataMax,
           step: d.value,
           value: s.value ?? t.dataMin,
-          onInput: M,
+          onInput: F,
           onChange: ee
         }, null, 40, yr),
         e("input", {
@@ -4082,7 +4085,7 @@ const Oo = {
           max: t.dataMax,
           step: d.value,
           value: a.value ?? t.dataMax,
-          onInput: x,
+          onInput: C,
           onChange: ee
         }, null, 40, br)
       ]),
@@ -4092,7 +4095,7 @@ const Oo = {
           e("input", {
             type: "number",
             class: "vpg-range-input",
-            placeholder: c(t.dataMin),
+            placeholder: v(t.dataMin),
             value: s.value ?? "",
             step: d.value,
             onInput: b,
@@ -4105,7 +4108,7 @@ const Oo = {
           e("input", {
             type: "number",
             class: "vpg-range-input",
-            placeholder: c(t.dataMax),
+            placeholder: v(t.dataMax),
             value: a.value ?? "",
             step: d.value,
             onInput: h,
@@ -4170,9 +4173,9 @@ const Oo = {
         ], -1)),
         e("span", null, [
           G[6] || (G[6] = ce(" Showing values ", -1)),
-          e("strong", null, C(s.value !== null ? `≥ ${c(s.value)}` : ""), 1),
-          ce(" " + C(s.value !== null && a.value !== null ? " and " : "") + " ", 1),
-          e("strong", null, C(a.value !== null ? `≤ ${c(a.value)}` : ""), 1)
+          e("strong", null, k(s.value !== null ? `≥ ${v(s.value)}` : ""), 1),
+          ce(" " + k(s.value !== null && a.value !== null ? " and " : "") + " ", 1),
+          e("strong", null, k(a.value !== null ? `≤ ${v(a.value)}` : ""), 1)
         ])
       ])) : P("", !0)
     ]));
@@ -4198,29 +4201,29 @@ const Oo = {
   },
   emits: ["filter", "sort", "close", "rangeFilter", "dateRangeFilter"],
   setup(t, { emit: o }) {
-    const n = t, l = o, s = _(""), a = _(), d = _(), c = N(() => n.stats.type === "number" && n.stats.numericMin !== void 0 && n.stats.numericMax !== void 0), y = N(() => n.stats.type === "date" && n.stats.dateMin !== void 0 && n.stats.dateMax !== void 0), p = _(n.numericRange || n.dateRange ? "range" : "values"), E = _(n.numericRange ?? null), M = _(n.dateRange ?? null), x = _(new Set(n.selectedValues)), b = N(() => n.stats.nullCount > 0), h = N(() => {
+    const n = t, l = o, s = _(""), a = _(), d = _(), v = E(() => n.stats.type === "number" && n.stats.numericMin !== void 0 && n.stats.numericMax !== void 0), y = E(() => n.stats.type === "date" && n.stats.dateMin !== void 0 && n.stats.dateMax !== void 0), c = _(n.numericRange || n.dateRange ? "range" : "values"), L = _(n.numericRange ?? null), F = _(n.dateRange ?? null), C = _(new Set(n.selectedValues)), b = E(() => n.stats.nullCount > 0), h = E(() => {
       const f = n.stats.uniqueValues;
       if (!s.value)
         return f;
       const V = s.value.toLowerCase();
-      return f.filter((F) => F.toLowerCase().includes(V));
-    }), $ = N(() => {
+      return f.filter((M) => M.toLowerCase().includes(V));
+    }), $ = E(() => {
       const f = [...h.value];
       return b.value && (!s.value || "(blank)".includes(s.value.toLowerCase())) && f.unshift("(blank)"), f;
-    }), re = N(() => y.value ? "Old→New" : c.value ? "1→9" : "A→Z"), ee = N(() => y.value ? "New→Old" : c.value ? "9→1" : "Z→A"), U = N(() => y.value ? "Sort Old to New" : c.value ? "Sort Low to High" : "Sort A to Z"), O = N(() => y.value ? "Sort New to Old" : c.value ? "Sort High to Low" : "Sort Z to A");
+    }), re = E(() => y.value ? "Old→New" : v.value ? "1→9" : "A→Z"), ee = E(() => y.value ? "New→Old" : v.value ? "9→1" : "Z→A"), U = E(() => y.value ? "Sort Old to New" : v.value ? "Sort Low to High" : "Sort A to Z"), O = E(() => y.value ? "Sort New to Old" : v.value ? "Sort High to Low" : "Sort Z to A");
     function W(f) {
-      x.value.has(f) ? x.value.delete(f) : x.value.add(f), x.value = new Set(x.value);
+      C.value.has(f) ? C.value.delete(f) : C.value.add(f), C.value = new Set(C.value);
     }
     function G() {
       for (const f of $.value)
-        x.value.add(f);
-      x.value = new Set(x.value);
+        C.value.add(f);
+      C.value = new Set(C.value);
     }
     function X() {
-      x.value.clear(), x.value = new Set(x.value);
+      C.value.clear(), C.value = new Set(C.value);
     }
     function de() {
-      x.value.size === 0 ? l("filter", []) : l("filter", Array.from(x.value)), l("close");
+      C.value.size === 0 ? l("filter", []) : l("filter", Array.from(C.value)), l("close");
     }
     function J() {
       l("sort", n.sortDirection === "asc" ? null : "asc");
@@ -4229,28 +4232,28 @@ const Oo = {
       l("sort", n.sortDirection === "desc" ? null : "desc");
     }
     function z() {
-      x.value.clear(), x.value = new Set(x.value), l("filter", []), l("close");
+      C.value.clear(), C.value = new Set(C.value), l("filter", []), l("close");
     }
     function S(f) {
-      E.value = f;
+      L.value = f;
     }
-    function v() {
-      l("rangeFilter", E.value), l("close");
+    function p() {
+      l("rangeFilter", L.value), l("close");
     }
     function m() {
-      E.value = null, l("rangeFilter", null), l("close");
+      L.value = null, l("rangeFilter", null), l("close");
     }
-    function L(f) {
-      M.value = f;
+    function N(f) {
+      F.value = f;
     }
     function H() {
-      l("dateRangeFilter", M.value), l("close");
+      l("dateRangeFilter", F.value), l("close");
     }
     function se() {
-      M.value = null, l("dateRangeFilter", null), l("close");
+      F.value = null, l("dateRangeFilter", null), l("close");
     }
     function D(f) {
-      p.value = f;
+      c.value = f;
     }
     function R(f) {
       a.value && !a.value.contains(f.target) && l("close");
@@ -4266,19 +4269,19 @@ const Oo = {
     }), Bt(() => {
       document.removeEventListener("mousedown", R), document.removeEventListener("keydown", I);
     }), _e(() => n.selectedValues, (f) => {
-      x.value = new Set(f);
+      C.value = new Set(f);
     }, { immediate: !0 }), _e(() => n.numericRange, (f) => {
-      E.value = f ?? null, f && (p.value = "range");
+      L.value = f ?? null, f && (c.value = "range");
     }, { immediate: !0 }), _e(() => n.dateRange, (f) => {
-      M.value = f ?? null, f && (p.value = "range");
+      F.value = f ?? null, f && (c.value = "range");
     }, { immediate: !0 }), (f, V) => (i(), u("div", {
       ref_key: "dropdownRef",
       ref: a,
       class: "vpg-filter-dropdown"
     }, [
       e("div", Ar, [
-        e("span", _r, C(t.columnName), 1),
-        e("span", Tr, C(t.stats.uniqueValues.length.toLocaleString()) + " unique ", 1)
+        e("span", _r, k(t.columnName), 1),
+        e("span", Tr, k(t.stats.uniqueValues.length.toLocaleString()) + " unique ", 1)
       ]),
       e("div", Er, [
         e("button", {
@@ -4299,7 +4302,7 @@ const Oo = {
               d: "M3 4h13M3 8h9m-9 4h6m4 0l4-4m0 0l4 4m-4-4v12"
             })
           ], -1)),
-          e("span", null, C(re.value), 1)
+          e("span", null, k(re.value), 1)
         ], 10, Nr),
         e("button", {
           class: ue(["vpg-sort-btn", { active: t.sortDirection === "desc" }]),
@@ -4319,14 +4322,14 @@ const Oo = {
               d: "M3 4h13M3 8h9m-9 4h9m5-4v12m0 0l-4-4m4 4l4-4"
             })
           ], -1)),
-          e("span", null, C(ee.value), 1)
+          e("span", null, k(ee.value), 1)
         ], 10, Lr)
       ]),
       V[11] || (V[11] = e("div", { class: "vpg-divider" }, null, -1)),
-      c.value || y.value ? (i(), u("div", Vr, [
+      v.value || y.value ? (i(), u("div", Vr, [
         e("button", {
-          class: ue(["vpg-tab-btn", { active: p.value === "values" }]),
-          onClick: V[0] || (V[0] = (F) => D("values"))
+          class: ue(["vpg-tab-btn", { active: c.value === "values" }]),
+          onClick: V[0] || (V[0] = (M) => D("values"))
         }, [...V[6] || (V[6] = [
           e("svg", {
             class: "vpg-icon-sm",
@@ -4344,8 +4347,8 @@ const Oo = {
           ce(" Values ", -1)
         ])], 2),
         e("button", {
-          class: ue(["vpg-tab-btn", { active: p.value === "range" }]),
-          onClick: V[1] || (V[1] = (F) => D("range"))
+          class: ue(["vpg-tab-btn", { active: c.value === "range" }]),
+          onClick: V[1] || (V[1] = (M) => D("range"))
         }, [...V[7] || (V[7] = [
           e("svg", {
             class: "vpg-icon-sm",
@@ -4363,7 +4366,7 @@ const Oo = {
           ce(" Range ", -1)
         ])], 2)
       ])) : P("", !0),
-      !c.value && !y.value || p.value === "values" ? (i(), u(Z, { key: 1 }, [
+      !v.value && !y.value || c.value === "values" ? (i(), u(Z, { key: 1 }, [
         e("div", Or, [
           V[8] || (V[8] = e("svg", {
             class: "vpg-search-icon",
@@ -4381,7 +4384,7 @@ const Oo = {
           Oe(e("input", {
             ref_key: "searchInputRef",
             ref: d,
-            "onUpdate:modelValue": V[2] || (V[2] = (F) => s.value = F),
+            "onUpdate:modelValue": V[2] || (V[2] = (M) => s.value = M),
             type: "text",
             placeholder: "Search values...",
             class: "vpg-search-input"
@@ -4391,7 +4394,7 @@ const Oo = {
           s.value ? (i(), u("button", {
             key: 0,
             class: "vpg-clear-search",
-            onClick: V[3] || (V[3] = (F) => s.value = "")
+            onClick: V[3] || (V[3] = (M) => s.value = "")
           }, " × ")) : P("", !0)
         ]),
         e("div", { class: "vpg-bulk-actions" }, [
@@ -4435,19 +4438,19 @@ const Oo = {
           ])])
         ]),
         e("div", zr, [
-          (i(!0), u(Z, null, ve($.value, (F) => (i(), u("label", {
-            key: F,
-            class: ue(["vpg-value-item", { selected: x.value.has(F) }])
+          (i(!0), u(Z, null, ve($.value, (M) => (i(), u("label", {
+            key: M,
+            class: ue(["vpg-value-item", { selected: C.value.has(M) }])
           }, [
             e("input", {
               type: "checkbox",
-              checked: x.value.has(F),
+              checked: C.value.has(M),
               class: "vpg-value-checkbox",
-              onChange: (Q) => W(F)
+              onChange: (Q) => W(M)
             }, null, 40, Pr),
             e("span", {
-              class: ue(["vpg-value-text", { "vpg-blank": F === "(blank)" }])
-            }, C(F), 3)
+              class: ue(["vpg-value-text", { "vpg-blank": M === "(blank)" }])
+            }, k(M), 3)
           ], 2))), 128)),
           $.value.length === 0 ? (i(), u("div", Br, " No matching values ")) : P("", !0)
         ]),
@@ -4461,11 +4464,11 @@ const Oo = {
             onClick: de
           }, " Apply ")
         ])
-      ], 64)) : c.value && p.value === "range" ? (i(), u(Z, { key: 2 }, [
+      ], 64)) : v.value && c.value === "range" ? (i(), u(Z, { key: 2 }, [
         je(Dr, {
           "data-min": t.stats.numericMin,
           "data-max": t.stats.numericMax,
-          "current-range": E.value,
+          "current-range": L.value,
           "number-format": t.numberFormat,
           onChange: S
         }, null, 8, ["data-min", "data-max", "current-range", "number-format"]),
@@ -4476,16 +4479,16 @@ const Oo = {
           }, " Clear Filter "),
           e("button", {
             class: "vpg-btn-apply",
-            onClick: v
+            onClick: p
           }, " Apply ")
         ])
-      ], 64)) : y.value && p.value === "range" ? (i(), u(Z, { key: 3 }, [
+      ], 64)) : y.value && c.value === "range" ? (i(), u(Z, { key: 3 }, [
         je(vr, {
           "data-min": t.stats.dateMin,
           "data-max": t.stats.dateMax,
-          "current-range": M.value,
+          "current-range": F.value,
           "date-format": t.dateFormat,
-          onChange: L
+          onChange: N
         }, null, 8, ["data-min", "data-max", "current-range", "date-format"]),
         e("div", { class: "vpg-filter-footer" }, [
           e("button", {
@@ -4520,8 +4523,8 @@ const Oo = {
     const s = l instanceof Date ? l : new Date(String(l));
     if (Number.isNaN(s.getTime()))
       return !1;
-    const a = s.toISOString().split("T")[0], { min: d, max: c } = n;
-    return !(d !== null && a < d || c !== null && a > c);
+    const a = s.toISOString().split("T")[0], { min: d, max: v } = n;
+    return !(d !== null && a < d || v !== null && a > v);
   }
   if (Array.isArray(n) && n.length > 0) {
     const l = t.getValue(o), s = l == null || l === "" ? "(blank)" : String(l);
@@ -4530,25 +4533,25 @@ const Oo = {
   return !0;
 };
 function Ur(t) {
-  const { data: o, enableSorting: n = !0, enableFiltering: l = !0 } = t, s = _([]), a = _([]), d = _({}), c = _(""), y = _({}), p = N(() => o.value.length === 0 ? [] : Object.keys(o.value[0]));
-  function E(S) {
-    const v = `${S}-${o.value.length}`;
-    return y.value[v] || (y.value[v] = xo(o.value, S)), y.value[v];
+  const { data: o, enableSorting: n = !0, enableFiltering: l = !0 } = t, s = _([]), a = _([]), d = _({}), v = _(""), y = _({}), c = E(() => o.value.length === 0 ? [] : Object.keys(o.value[0]));
+  function L(S) {
+    const p = `${S}-${o.value.length}`;
+    return y.value[p] || (y.value[p] = xo(o.value, S)), y.value[p];
   }
-  function M() {
+  function F() {
     y.value = {};
   }
-  const x = N(() => p.value.map((S) => {
-    const v = E(S);
+  const C = E(() => c.value.map((S) => {
+    const p = L(S);
     return {
       id: S,
       accessorKey: S,
       header: S,
-      cell: (m) => So(m.getValue(), v.type),
+      cell: (m) => So(m.getValue(), p.type),
       filterFn: bn,
       meta: {
-        type: v.type,
-        uniqueCount: v.uniqueValues.length
+        type: p.type,
+        uniqueCount: p.uniqueValues.length
       }
     };
   })), b = Fa({
@@ -4556,7 +4559,7 @@ function Ur(t) {
       return o.value;
     },
     get columns() {
-      return x.value;
+      return C.value;
     },
     state: {
       get sorting() {
@@ -4569,7 +4572,7 @@ function Ur(t) {
         return d.value;
       },
       get globalFilter() {
-        return c.value;
+        return v.value;
       }
     },
     onSortingChange: (S) => {
@@ -4586,81 +4589,81 @@ function Ur(t) {
     },
     enableSorting: n,
     enableFilters: l
-  }), h = N(() => b.getFilteredRowModel().rows.length), $ = N(() => o.value.length), re = N(() => a.value.map((S) => {
-    const v = S.value;
-    return v && $t(v) ? {
+  }), h = E(() => b.getFilteredRowModel().rows.length), $ = E(() => o.value.length), re = E(() => a.value.map((S) => {
+    const p = S.value;
+    return p && $t(p) ? {
       column: S.id,
       type: "range",
-      range: v,
+      range: p,
       dateRange: null,
       values: []
-    } : v && Rt(v) ? {
+    } : p && Rt(p) ? {
       column: S.id,
       type: "dateRange",
       range: null,
-      dateRange: v,
+      dateRange: p,
       values: []
     } : {
       column: S.id,
       type: "values",
-      values: Array.isArray(v) ? v : [],
+      values: Array.isArray(p) ? p : [],
       range: null,
       dateRange: null
     };
   }));
   function ee(S) {
-    const v = b.getColumn(S);
-    if (!v)
+    const p = b.getColumn(S);
+    if (!p)
       return !1;
-    const m = v.getFilterValue();
+    const m = p.getFilterValue();
     return m ? $t(m) || Rt(m) ? m.min !== null || m.max !== null : Array.isArray(m) && m.length > 0 : !1;
   }
-  function U(S, v) {
+  function U(S, p) {
     const m = b.getColumn(S);
-    m && (m.setFilterValue(v.length === 0 ? void 0 : v), a.value = b.getState().columnFilters);
+    m && (m.setFilterValue(p.length === 0 ? void 0 : p), a.value = b.getState().columnFilters);
   }
-  function O(S, v) {
+  function O(S, p) {
     const m = b.getColumn(S);
-    m && (!v || v.min === null && v.max === null ? m.setFilterValue(void 0) : m.setFilterValue(v), a.value = b.getState().columnFilters);
+    m && (!p || p.min === null && p.max === null ? m.setFilterValue(void 0) : m.setFilterValue(p), a.value = b.getState().columnFilters);
   }
   function W(S) {
-    const v = b.getColumn(S);
-    if (!v)
+    const p = b.getColumn(S);
+    if (!p)
       return null;
-    const m = v.getFilterValue();
+    const m = p.getFilterValue();
     return m && $t(m) ? m : null;
   }
-  function G(S, v) {
+  function G(S, p) {
     const m = b.getColumn(S);
-    m && (!v || v.min === null && v.max === null ? m.setFilterValue(void 0) : m.setFilterValue(v), a.value = b.getState().columnFilters);
+    m && (!p || p.min === null && p.max === null ? m.setFilterValue(void 0) : m.setFilterValue(p), a.value = b.getState().columnFilters);
   }
   function X(S) {
-    const v = b.getColumn(S);
-    if (!v)
+    const p = b.getColumn(S);
+    if (!p)
       return null;
-    const m = v.getFilterValue();
+    const m = p.getFilterValue();
     return m && Rt(m) ? m : null;
   }
   function de() {
-    b.resetColumnFilters(), c.value = "", a.value = [];
+    b.resetColumnFilters(), v.value = "", a.value = [];
   }
   function J(S) {
-    const v = b.getColumn(S);
-    if (!v)
+    const p = b.getColumn(S);
+    if (!p)
       return [];
-    const m = v.getFilterValue();
+    const m = p.getFilterValue();
     return Array.isArray(m) ? m : [];
   }
   function ne(S) {
-    const v = s.value.find((m) => m.id === S);
-    v ? v.desc ? s.value = [] : s.value = [{ id: S, desc: !0 }] : s.value = [{ id: S, desc: !1 }];
+    const p = s.value.find((m) => m.id === S);
+    p ? p.desc ? s.value = [] : s.value = [{ id: S, desc: !0 }] : s.value = [{ id: S, desc: !1 }];
   }
   function z(S) {
-    const v = s.value.find((m) => m.id === S);
-    return v ? v.desc ? "desc" : "asc" : null;
+    const p = s.value.find((m) => m.id === S);
+    return p ? p.desc ? "desc" : "asc" : null;
   }
   return _e(o, () => {
-    M();
+    F();
   }), {
     // Table instance
     table: b,
@@ -4668,15 +4671,15 @@ function Ur(t) {
     sorting: s,
     columnFilters: a,
     columnVisibility: d,
-    globalFilter: c,
-    columnKeys: p,
+    globalFilter: v,
+    columnKeys: c,
     // Computed
     filteredRowCount: h,
     totalRowCount: $,
     activeFilters: re,
     // Methods
-    getColumnStats: E,
-    clearStatsCache: M,
+    getColumnStats: L,
+    clearStatsCache: F,
     hasActiveFilter: ee,
     setColumnFilter: U,
     getColumnFilterValues: J,
@@ -4704,27 +4707,27 @@ function Yr(t, o, n) {
   return to(t, o, n);
 }
 function Ic(t, o = {}) {
-  const n = _(o.pageSize ?? 50), l = _(o.currentPage ?? 1), s = N(
+  const n = _(o.pageSize ?? 50), l = _(o.currentPage ?? 1), s = E(
     () => Math.max(1, Math.ceil(t.value.length / n.value))
-  ), a = N(() => {
+  ), a = E(() => {
     const h = (l.value - 1) * n.value, $ = h + n.value;
     return t.value.slice(h, $);
-  }), d = N(() => (l.value - 1) * n.value + 1), c = N(
+  }), d = E(() => (l.value - 1) * n.value + 1), v = E(
     () => Math.min(l.value * n.value, t.value.length)
   );
   function y(h) {
     l.value = Math.max(1, Math.min(h, s.value));
   }
-  function p() {
+  function c() {
     l.value < s.value && l.value++;
   }
-  function E() {
+  function L() {
     l.value > 1 && l.value--;
   }
-  function M() {
+  function F() {
     l.value = 1;
   }
-  function x() {
+  function C() {
     l.value = s.value;
   }
   function b(h) {
@@ -4736,26 +4739,26 @@ function Ic(t, o = {}) {
     totalPages: s,
     paginatedData: a,
     startIndex: d,
-    endIndex: c,
+    endIndex: v,
     goToPage: y,
-    nextPage: p,
-    prevPage: E,
-    firstPage: M,
-    lastPage: x,
+    nextPage: c,
+    prevPage: L,
+    firstPage: F,
+    lastPage: C,
     setPageSize: b
   };
 }
 function Uc(t, o) {
-  const n = _(""), l = _(!1), s = N(() => {
+  const n = _(""), l = _(!1), s = E(() => {
     if (!n.value.trim())
       return t.value;
     const d = l.value ? n.value.trim() : n.value.trim().toLowerCase();
-    return t.value.filter((c) => {
+    return t.value.filter((v) => {
       for (const y of o.value) {
-        const p = c[y];
-        if (p == null)
+        const c = v[y];
+        if (c == null)
           continue;
-        if ((l.value ? String(p) : String(p).toLowerCase()).includes(d))
+        if ((l.value ? String(c) : String(c).toLowerCase()).includes(d))
           return !0;
       }
       return !1;
@@ -4772,29 +4775,29 @@ function Uc(t, o) {
   };
 }
 function Hc(t) {
-  const o = _(/* @__PURE__ */ new Set()), n = N(() => Array.from(o.value).sort((b, h) => b - h).map((b) => t.value[b]).filter(Boolean)), l = N(() => t.value.length > 0 && o.value.size === t.value.length), s = N(() => o.value.size > 0 && o.value.size < t.value.length);
+  const o = _(/* @__PURE__ */ new Set()), n = E(() => Array.from(o.value).sort((b, h) => b - h).map((b) => t.value[b]).filter(Boolean)), l = E(() => t.value.length > 0 && o.value.size === t.value.length), s = E(() => o.value.size > 0 && o.value.size < t.value.length);
   function a(b) {
     o.value.has(b) ? o.value.delete(b) : o.value.add(b), o.value = new Set(o.value);
   }
   function d(b) {
     o.value.add(b), o.value = new Set(o.value);
   }
-  function c(b) {
+  function v(b) {
     o.value.delete(b), o.value = new Set(o.value);
   }
   function y() {
     o.value = new Set(t.value.map((b, h) => h));
   }
-  function p() {
+  function c() {
     o.value = /* @__PURE__ */ new Set();
   }
-  function E() {
-    l.value ? p() : y();
+  function L() {
+    l.value ? c() : y();
   }
-  function M(b) {
+  function F(b) {
     return o.value.has(b);
   }
-  function x(b, h) {
+  function C(b, h) {
     const $ = Math.min(b, h), re = Math.max(b, h);
     for (let ee = $; ee <= re; ee++)
       o.value.add(ee);
@@ -4807,33 +4810,33 @@ function Hc(t) {
     someSelected: s,
     toggleRow: a,
     selectRow: d,
-    deselectRow: c,
+    deselectRow: v,
     selectAll: y,
-    deselectAll: p,
-    toggleAll: E,
-    isSelected: M,
-    selectRange: x
+    deselectAll: c,
+    toggleAll: L,
+    isSelected: F,
+    selectRange: C
   };
 }
 function jc(t, o = 60, n = 600) {
   const l = _({ ...t.value }), s = _(!1), a = _(null);
-  function d(p, E) {
-    s.value = !0, a.value = p;
-    const M = E.clientX, x = l.value[p] || 150, b = ($) => {
-      const re = $.clientX - M, ee = Math.max(o, Math.min(n, x + re));
+  function d(c, L) {
+    s.value = !0, a.value = c;
+    const F = L.clientX, C = l.value[c] || 150, b = ($) => {
+      const re = $.clientX - F, ee = Math.max(o, Math.min(n, C + re));
       l.value = {
         ...l.value,
-        [p]: ee
+        [c]: ee
       };
     }, h = () => {
       s.value = !1, a.value = null, document.removeEventListener("mousemove", b), document.removeEventListener("mouseup", h);
     };
     document.addEventListener("mousemove", b), document.addEventListener("mouseup", h);
   }
-  function c(p) {
-    t.value[p] && (l.value = {
+  function v(c) {
+    t.value[c] && (l.value = {
       ...l.value,
-      [p]: t.value[p]
+      [c]: t.value[c]
     });
   }
   function y() {
@@ -4844,7 +4847,7 @@ function jc(t, o = 60, n = 600) {
     isResizing: s,
     resizingColumn: a,
     startResize: d,
-    resetColumnWidth: c,
+    resetColumnWidth: v,
     resetAllWidths: y
   };
 }
@@ -4861,16 +4864,16 @@ function Gc(t) {
   uo();
 }
 function Tt() {
-  const t = N(() => Ze.value), o = N(() => Ze.value || yo(Ae.value)), n = N(() => Ze.value || mo(Ae.value)), l = N(
+  const t = E(() => Ze.value), o = E(() => Ze.value || yo(Ae.value)), n = E(() => Ze.value || mo(Ae.value)), l = E(
     () => Ze.value || Ae.value.features.advancedAggregations
-  ), s = N(
+  ), s = E(
     () => Ze.value || Ae.value.features.percentageMode
-  ), a = N(() => Ze.value || fo(Ae.value)), d = N(() => Ze.value || ho(Ae.value)), c = N(() => bo(Ae.value, Ze.value));
-  function y(p) {
-    return o.value ? !0 : (wo(p), !1);
+  ), a = E(() => Ze.value || fo(Ae.value)), d = E(() => Ze.value || ho(Ae.value)), v = E(() => bo(Ae.value, Ze.value));
+  function y(c) {
+    return o.value ? !0 : (wo(c), !1);
   }
   return {
-    licenseInfo: N(() => Ae.value),
+    licenseInfo: E(() => Ae.value),
     isDemo: t,
     isPro: o,
     canUsePivot: n,
@@ -4878,28 +4881,28 @@ function Tt() {
     canUsePercentageMode: s,
     canUseCharts: a,
     canUseAIAnalyst: d,
-    showWatermark: c,
+    showWatermark: v,
     requirePro: y
   };
 }
 function Kr(t) {
-  const { canUsePivot: o, requirePro: n } = Tt(), l = _([]), s = _([]), a = _([]), d = _(!0), c = _(!0), y = _(Nn()), p = _(null), E = N(() => Do(t.value)), M = N(() => Ao(
-    E.value,
+  const { canUsePivot: o, requirePro: n } = Tt(), l = _([]), s = _([]), a = _([]), d = _(!0), v = _(!0), y = _(Nn()), c = _(null), L = E(() => Do(t.value)), F = E(() => Ao(
+    L.value,
     l.value,
     s.value,
     a.value
-  )), x = N(() => Tn({
+  )), C = E(() => Tn({
     rowFields: l.value,
     columnFields: s.value,
     valueFields: a.value,
     showRowTotals: d.value,
-    showColumnTotals: c.value
-  })), b = N(() => !x.value || !o.value ? null : _o(t.value, {
+    showColumnTotals: v.value
+  })), b = E(() => !C.value || !o.value ? null : _o(t.value, {
     rowFields: l.value,
     columnFields: s.value,
     valueFields: a.value,
     showRowTotals: d.value,
-    showColumnTotals: c.value,
+    showColumnTotals: v.value,
     calculatedFields: y.value
   }));
   function h(z) {
@@ -4915,15 +4918,15 @@ function Kr(t) {
     s.value = s.value.filter((S) => S !== z);
   }
   function U(z, S = "sum") {
-    S !== "sum" && !n(`${S} aggregation`) || a.value.some((v) => v.field === z && v.aggregation === S) || (a.value = [...a.value, { field: z, aggregation: S }]);
+    S !== "sum" && !n(`${S} aggregation`) || a.value.some((p) => p.field === z && p.aggregation === S) || (a.value = [...a.value, { field: z, aggregation: S }]);
   }
   function O(z, S) {
     S ? a.value = a.value.filter(
-      (v) => !(v.field === z && v.aggregation === S)
-    ) : a.value = a.value.filter((v) => v.field !== z);
+      (p) => !(p.field === z && p.aggregation === S)
+    ) : a.value = a.value.filter((p) => p.field !== z);
   }
-  function W(z, S, v) {
-    a.value = a.value.map((m) => m.field === z && m.aggregation === S ? { ...m, aggregation: v } : m);
+  function W(z, S, p) {
+    a.value = a.value.map((m) => m.field === z && m.aggregation === S ? { ...m, aggregation: p } : m);
   }
   function G() {
     l.value = [], s.value = [], a.value = [];
@@ -4931,22 +4934,22 @@ function Kr(t) {
   function X(z, S) {
     if (z.area === S.area) {
       if (z.area === "row") {
-        const v = [...l.value], [m] = v.splice(z.index, 1);
-        v.splice(S.index, 0, m), l.value = v;
+        const p = [...l.value], [m] = p.splice(z.index, 1);
+        p.splice(S.index, 0, m), l.value = p;
       } else if (z.area === "column") {
-        const v = [...s.value], [m] = v.splice(z.index, 1);
-        v.splice(S.index, 0, m), s.value = v;
+        const p = [...s.value], [m] = p.splice(z.index, 1);
+        p.splice(S.index, 0, m), s.value = p;
       }
     }
   }
   function de() {
-    if (!n("Pivot Table - Auto Suggest") || E.value.length === 0)
+    if (!n("Pivot Table - Auto Suggest") || L.value.length === 0)
       return;
-    const z = E.value.filter((v) => !v.isNumeric && v.uniqueCount < 50), S = E.value.filter((v) => v.isNumeric);
+    const z = L.value.filter((p) => !p.isNumeric && p.uniqueCount < 50), S = L.value.filter((p) => p.isNumeric);
     z.length > 0 && S.length > 0 && (l.value = [z[0].field], a.value = [{ field: S[0].field, aggregation: "sum" }]);
   }
   function J(z) {
-    const S = y.value.findIndex((v) => v.id === z.id);
+    const S = y.value.findIndex((p) => p.id === z.id);
     S >= 0 ? y.value = [
       ...y.value.slice(0, S),
       z,
@@ -4961,21 +4964,21 @@ function Kr(t) {
     (z) => {
       if (z.length === 0)
         return;
-      const S = Object.keys(z[0]), v = Eo(S);
-      if (v !== p.value) {
-        p.value = v;
-        const m = Lo(v);
+      const S = Object.keys(z[0]), p = Eo(S);
+      if (p !== c.value) {
+        c.value = p;
+        const m = Lo(p);
         if (m && Vt(m, S))
-          l.value = m.rowFields, s.value = m.columnFields, a.value = m.valueFields, d.value = m.showRowTotals, c.value = m.showColumnTotals, m.calculatedFields && (y.value = m.calculatedFields);
+          l.value = m.rowFields, s.value = m.columnFields, a.value = m.valueFields, d.value = m.showRowTotals, v.value = m.showColumnTotals, m.calculatedFields && (y.value = m.calculatedFields);
         else {
-          const L = {
+          const N = {
             rowFields: l.value,
             columnFields: s.value,
             valueFields: a.value,
             showRowTotals: d.value,
-            showColumnTotals: c.value
+            showColumnTotals: v.value
           };
-          Vt(L, S) || G();
+          Vt(N, S) || G();
         }
       } else {
         const m = {
@@ -4983,26 +4986,26 @@ function Kr(t) {
           columnFields: s.value,
           valueFields: a.value,
           showRowTotals: d.value,
-          showColumnTotals: c.value
+          showColumnTotals: v.value
         };
         Vt(m, S) || G();
       }
     },
     { immediate: !0 }
   ), _e(
-    [l, s, a, d, c, y],
+    [l, s, a, d, v, y],
     () => {
-      if (!p.value)
+      if (!c.value)
         return;
       const z = {
         rowFields: l.value,
         columnFields: s.value,
         valueFields: a.value,
         showRowTotals: d.value,
-        showColumnTotals: c.value,
+        showColumnTotals: v.value,
         calculatedFields: y.value
       };
-      No(p.value, z);
+      No(c.value, z);
     },
     { deep: !0 }
   ), {
@@ -5011,12 +5014,12 @@ function Kr(t) {
     columnFields: s,
     valueFields: a,
     showRowTotals: d,
-    showColumnTotals: c,
+    showColumnTotals: v,
     calculatedFields: y,
     // Computed
-    availableFields: E,
-    unassignedFields: M,
-    isConfigured: x,
+    availableFields: L,
+    unassignedFields: F,
+    isConfigured: C,
     pivotResult: b,
     // Actions
     addRowField: h,
@@ -5059,61 +5062,61 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
   emits: ["update:showRowTotals", "update:showColumnTotals", "clearConfig", "dragStart", "dragEnd", "updateAggregation", "addRowField", "removeRowField", "addColumnField", "removeColumnField", "addValueField", "removeValueField", "addCalculatedField", "removeCalculatedField", "updateCalculatedField"],
   setup(t, { emit: o }) {
     const n = t, l = o, { canUseAdvancedAggregations: s } = Tt(), a = $o;
-    function d(v) {
-      return v !== "sum";
+    function d(p) {
+      return p !== "sum";
     }
-    function c(v) {
-      return !d(v) || s.value;
+    function v(p) {
+      return !d(p) || s.value;
     }
-    const y = _(!1), p = _(null), E = N(
-      () => n.availableFields.filter((v) => v.isNumeric).map((v) => v.field)
+    const y = _(!1), c = _(null), L = E(
+      () => n.availableFields.filter((p) => p.isNumeric).map((p) => p.field)
     );
-    function M(v) {
-      p.value = v || null, y.value = !0;
+    function F(p) {
+      c.value = p || null, y.value = !0;
     }
-    function x(v) {
-      p.value ? l("updateCalculatedField", v) : l("addCalculatedField", v), y.value = !1, p.value = null;
+    function C(p) {
+      c.value ? l("updateCalculatedField", p) : l("addCalculatedField", p), y.value = !1, c.value = null;
     }
-    function b(v) {
-      l("update:showRowTotals", v), l("update:showColumnTotals", v);
+    function b(p) {
+      l("update:showRowTotals", p), l("update:showColumnTotals", p);
     }
-    const h = N(() => n.calculatedFields ? n.calculatedFields.map((v) => ({
-      field: `calc:${v.id}`,
+    const h = E(() => n.calculatedFields ? n.calculatedFields.map((p) => ({
+      field: `calc:${p.id}`,
       type: "number",
       uniqueCount: 0,
       isNumeric: !0,
       isCalculated: !0,
-      calcId: v.id,
-      calcName: v.name,
-      calcFormula: v.formula
-    })) : []), $ = N(() => [
-      ...n.availableFields.map((v) => ({ ...v, isCalculated: !1 })),
+      calcId: p.id,
+      calcName: p.name,
+      calcFormula: p.formula
+    })) : []), $ = E(() => [
+      ...n.availableFields.map((p) => ({ ...p, isCalculated: !1 })),
       ...h.value
-    ]), re = N(() => {
-      const v = new Set(n.rowFields), m = new Set(n.columnFields), L = new Map(n.valueFields.map((H) => [H.field, H]));
-      return $.value.filter((H) => v.has(H.field) || m.has(H.field) || L.has(H.field)).map((H) => ({
+    ]), re = E(() => {
+      const p = new Set(n.rowFields), m = new Set(n.columnFields), N = new Map(n.valueFields.map((H) => [H.field, H]));
+      return $.value.filter((H) => p.has(H.field) || m.has(H.field) || N.has(H.field)).map((H) => ({
         ...H,
-        assignedTo: v.has(H.field) ? "row" : m.has(H.field) ? "column" : "value",
-        valueConfig: L.get(H.field)
+        assignedTo: p.has(H.field) ? "row" : m.has(H.field) ? "column" : "value",
+        valueConfig: N.get(H.field)
       }));
-    }), ee = N(() => {
-      const v = new Set(n.rowFields), m = new Set(n.columnFields), L = new Set(n.valueFields.map((H) => H.field));
+    }), ee = E(() => {
+      const p = new Set(n.rowFields), m = new Set(n.columnFields), N = new Set(n.valueFields.map((H) => H.field));
       return $.value.filter(
-        (H) => !v.has(H.field) && !m.has(H.field) && !L.has(H.field)
+        (H) => !p.has(H.field) && !m.has(H.field) && !N.has(H.field)
       );
-    }), U = N(() => re.value.length), O = _(""), W = N(() => {
+    }), U = E(() => re.value.length), O = _(""), W = E(() => {
       if (!O.value.trim())
         return ee.value;
-      const v = O.value.toLowerCase().trim();
+      const p = O.value.toLowerCase().trim();
       return ee.value.filter((m) => {
-        const L = m.field.toLowerCase(), H = m.isCalculated && m.calcName ? m.calcName.toLowerCase() : "";
-        return L.includes(v) || H.includes(v);
+        const N = m.field.toLowerCase(), H = m.isCalculated && m.calcName ? m.calcName.toLowerCase() : "";
+        return N.includes(p) || H.includes(p);
       });
     });
-    function G(v, m) {
+    function G(p, m) {
       if (m)
         return "ƒ";
-      switch (v) {
+      switch (p) {
         case "number":
           return "#";
         case "date":
@@ -5124,30 +5127,30 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
           return "Aa";
       }
     }
-    function X(v) {
-      return v.isCalculated && v.calcName ? v.calcName : v.field;
+    function X(p) {
+      return p.isCalculated && p.calcName ? p.calcName : p.field;
     }
-    function de(v, m) {
-      var L;
-      (L = m.dataTransfer) == null || L.setData("text/plain", v), m.dataTransfer.effectAllowed = "move", l("dragStart", v, m);
+    function de(p, m) {
+      var N;
+      (N = m.dataTransfer) == null || N.setData("text/plain", p), m.dataTransfer.effectAllowed = "move", l("dragStart", p, m);
     }
     function J() {
       l("dragEnd");
     }
-    function ne(v, m, L) {
-      if (!c(L)) {
-        console.warn(`[TinyPivot] "${L}" aggregation requires a Pro license. Visit https://tiny-pivot.com/#pricing to upgrade.`);
+    function ne(p, m, N) {
+      if (!v(N)) {
+        console.warn(`[TinyPivot] "${N}" aggregation requires a Pro license. Visit https://tiny-pivot.com/#pricing to upgrade.`);
         return;
       }
-      l("updateAggregation", v, m, L);
+      l("updateAggregation", p, m, N);
     }
-    function z(v, m) {
-      m === "row" ? (l("removeRowField", v), l("addColumnField", v)) : (l("removeColumnField", v), l("addRowField", v));
+    function z(p, m) {
+      m === "row" ? (l("removeRowField", p), l("addColumnField", p)) : (l("removeColumnField", p), l("addRowField", p));
     }
-    function S(v, m, L) {
-      m === "row" ? l("removeRowField", v) : m === "column" ? l("removeColumnField", v) : L && l("removeValueField", v, L.aggregation);
+    function S(p, m, N) {
+      m === "row" ? l("removeRowField", p) : m === "column" ? l("removeColumnField", p) : N && l("removeValueField", p, N.aggregation);
     }
-    return (v, m) => (i(), u("div", Jr, [
+    return (p, m) => (i(), u("div", Jr, [
       e("div", Qr, [
         m[8] || (m[8] = e("h3", { class: "vpg-config-title" }, [
           e("svg", {
@@ -5170,7 +5173,7 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
             key: 0,
             class: "vpg-action-btn vpg-clear-btn",
             title: "Clear all",
-            onClick: m[0] || (m[0] = (L) => l("clearConfig"))
+            onClick: m[0] || (m[0] = (N) => l("clearConfig"))
           }, [...m[7] || (m[7] = [
             e("svg", {
               class: "vpg-icon-sm",
@@ -5191,28 +5194,28 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
       U.value > 0 ? (i(), u("div", Zr, [
         m[10] || (m[10] = e("div", { class: "vpg-section-label" }, " Active ", -1)),
         e("div", ei, [
-          (i(!0), u(Z, null, ve(re.value, (L) => {
+          (i(!0), u(Z, null, ve(re.value, (N) => {
             var H;
             return i(), u("div", {
-              key: L.field,
-              class: ue(["vpg-assigned-item", [`vpg-type-${L.assignedTo}`, { "vpg-type-calc": L.isCalculated }]]),
-              title: L.isCalculated ? L.calcFormula : L.field,
+              key: N.field,
+              class: ue(["vpg-assigned-item", [`vpg-type-${N.assignedTo}`, { "vpg-type-calc": N.isCalculated }]]),
+              title: N.isCalculated ? N.calcFormula : N.field,
               draggable: "true",
-              onDragstart: (se) => de(L.field, se),
+              onDragstart: (se) => de(N.field, se),
               onDragend: J
             }, [
               e("div", ni, [
                 e("span", {
-                  class: ue(["vpg-item-badge", [L.assignedTo, { calc: L.isCalculated }]])
-                }, C(L.isCalculated ? "ƒ" : L.assignedTo === "row" ? "R" : L.assignedTo === "column" ? "C" : A(An)(((H = L.valueConfig) == null ? void 0 : H.aggregation) || "sum")), 3),
-                e("span", ai, C(X(L)), 1)
+                  class: ue(["vpg-item-badge", [N.assignedTo, { calc: N.isCalculated }]])
+                }, k(N.isCalculated ? "ƒ" : N.assignedTo === "row" ? "R" : N.assignedTo === "column" ? "C" : A(An)(((H = N.valueConfig) == null ? void 0 : H.aggregation) || "sum")), 3),
+                e("span", ai, k(X(N)), 1)
               ]),
               e("div", oi, [
-                L.assignedTo === "row" || L.assignedTo === "column" ? (i(), u("button", {
+                N.assignedTo === "row" || N.assignedTo === "column" ? (i(), u("button", {
                   key: 0,
                   class: "vpg-toggle-btn",
-                  title: L.assignedTo === "row" ? "Move to Columns" : "Move to Rows",
-                  onClick: He((se) => z(L.field, L.assignedTo), ["stop"])
+                  title: N.assignedTo === "row" ? "Move to Columns" : "Move to Rows",
+                  onClick: He((se) => z(N.field, N.assignedTo), ["stop"])
                 }, [...m[9] || (m[9] = [
                   e("svg", {
                     class: "vpg-icon-xs",
@@ -5228,11 +5231,11 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
                     })
                   ], -1)
                 ])], 8, si)) : P("", !0),
-                L.assignedTo === "value" && L.valueConfig ? (i(), u("select", {
+                N.assignedTo === "value" && N.valueConfig ? (i(), u("select", {
                   key: 1,
                   class: "vpg-agg-select",
-                  value: L.valueConfig.aggregation,
-                  onChange: (se) => ne(L.field, L.valueConfig.aggregation, se.target.value),
+                  value: N.valueConfig.aggregation,
+                  onChange: (se) => ne(N.field, N.valueConfig.aggregation, se.target.value),
                   onClick: m[1] || (m[1] = He(() => {
                   }, ["stop"]))
                 }, [
@@ -5240,12 +5243,12 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
                     key: se.value,
                     value: se.value,
                     disabled: d(se.value) && !A(s)
-                  }, C(se.symbol) + " " + C(se.label) + C(d(se.value) && !A(s) ? " (Pro)" : ""), 9, ri))), 128))
+                  }, k(se.symbol) + " " + k(se.label) + k(d(se.value) && !A(s) ? " (Pro)" : ""), 9, ri))), 128))
                 ], 40, li)) : P("", !0),
                 e("button", {
                   class: "vpg-remove-btn",
                   title: "Remove",
-                  onClick: He((se) => S(L.field, L.assignedTo, L.valueConfig), ["stop"])
+                  onClick: He((se) => S(N.field, N.assignedTo, N.valueConfig), ["stop"])
                 }, " × ", 8, ii)
               ])
             ], 42, ti);
@@ -5256,7 +5259,7 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
         e("div", ci, [
           e("div", di, [
             m[11] || (m[11] = ce(" Available ", -1)),
-            e("span", vi, C(ee.value.length), 1)
+            e("span", vi, k(ee.value.length), 1)
           ])
         ]),
         e("div", pi, [
@@ -5274,7 +5277,7 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
             })
           ], -1)),
           Oe(e("input", {
-            "onUpdate:modelValue": m[2] || (m[2] = (L) => O.value = L),
+            "onUpdate:modelValue": m[2] || (m[2] = (N) => O.value = N),
             type: "text",
             placeholder: "Search fields...",
             class: "vpg-search-input"
@@ -5284,7 +5287,7 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
           O.value ? (i(), u("button", {
             key: 0,
             class: "vpg-clear-search",
-            onClick: m[3] || (m[3] = (L) => O.value = "")
+            onClick: m[3] || (m[3] = (N) => O.value = "")
           }, [...m[12] || (m[12] = [
             e("svg", {
               class: "vpg-icon-xs",
@@ -5302,38 +5305,38 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
           ])])) : P("", !0)
         ]),
         e("div", gi, [
-          (i(!0), u(Z, null, ve(W.value, (L) => (i(), u("div", {
-            key: L.field,
+          (i(!0), u(Z, null, ve(W.value, (N) => (i(), u("div", {
+            key: N.field,
             class: ue(["vpg-field-item", {
-              "vpg-is-numeric": L.isNumeric && !L.isCalculated,
-              "vpg-is-calculated": L.isCalculated
+              "vpg-is-numeric": N.isNumeric && !N.isCalculated,
+              "vpg-is-calculated": N.isCalculated
             }]),
-            title: L.isCalculated ? L.calcFormula : L.field,
+            title: N.isCalculated ? N.calcFormula : N.field,
             draggable: "true",
-            onDragstart: (H) => de(L.field, H),
+            onDragstart: (H) => de(N.field, H),
             onDragend: J
           }, [
             e("span", {
-              class: ue(["vpg-field-type-icon", { "vpg-calc-type": L.isCalculated }])
-            }, C(G(L.type, L.isCalculated)), 3),
-            e("span", fi, C(X(L)), 1),
-            L.isCalculated ? (i(), u(Z, { key: 0 }, [
+              class: ue(["vpg-field-type-icon", { "vpg-calc-type": N.isCalculated }])
+            }, k(G(N.type, N.isCalculated)), 3),
+            e("span", fi, k(X(N)), 1),
+            N.isCalculated ? (i(), u(Z, { key: 0 }, [
               e("button", {
                 class: "vpg-field-edit",
                 title: "Edit calculated field",
                 onClick: He((H) => {
                   var se;
-                  return M((se = t.calculatedFields) == null ? void 0 : se.find((D) => D.id === L.calcId));
+                  return F((se = t.calculatedFields) == null ? void 0 : se.find((D) => D.id === N.calcId));
                 }, ["stop"])
               }, " ✎ ", 8, hi),
               e("button", {
                 class: "vpg-field-delete",
                 title: "Delete calculated field",
-                onClick: He((H) => L.calcId && l("removeCalculatedField", L.calcId), ["stop"])
+                onClick: He((H) => N.calcId && l("removeCalculatedField", N.calcId), ["stop"])
               }, " × ", 8, yi)
-            ], 64)) : (i(), u("span", bi, C(L.uniqueCount), 1))
+            ], 64)) : (i(), u("span", bi, k(N.uniqueCount), 1))
           ], 42, mi))), 128)),
-          W.value.length === 0 && O.value ? (i(), u("div", wi, ' No fields match "' + C(O.value) + '" ', 1)) : ee.value.length === 0 ? (i(), u("div", Ci, " All fields assigned ")) : P("", !0)
+          W.value.length === 0 && O.value ? (i(), u("div", wi, ' No fields match "' + k(O.value) + '" ', 1)) : ee.value.length === 0 ? (i(), u("div", Ci, " All fields assigned ")) : P("", !0)
         ])
       ]),
       e("div", ki, [
@@ -5341,14 +5344,14 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
           e("input", {
             type: "checkbox",
             checked: t.showRowTotals,
-            onChange: m[4] || (m[4] = (L) => b(L.target.checked))
+            onChange: m[4] || (m[4] = (N) => b(N.target.checked))
           }, null, 40, Si),
           m[14] || (m[14] = e("span", null, "Totals", -1))
         ]),
         e("button", {
           class: "vpg-calc-btn",
           title: "Add calculated field (e.g. Profit Margin %)",
-          onClick: m[5] || (m[5] = (L) => M())
+          onClick: m[5] || (m[5] = (N) => F())
         }, [...m[15] || (m[15] = [
           e("span", { class: "vpg-calc-icon" }, "ƒ", -1),
           e("span", null, "+ Calc", -1)
@@ -5356,12 +5359,12 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
       ]),
       je(el, {
         show: y.value,
-        "available-fields": E.value,
-        "existing-field": p.value,
-        onClose: m[6] || (m[6] = (L) => {
-          y.value = !1, p.value = null;
+        "available-fields": L.value,
+        "existing-field": c.value,
+        onClose: m[6] || (m[6] = (N) => {
+          y.value = !1, c.value = null;
         }),
-        onSave: x
+        onSave: C
       }, null, 8, ["show", "available-fields", "existing-field"])
     ]));
   }
@@ -5456,11 +5459,11 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
     function a(j) {
       return j.startsWith("calc:");
     }
-    const { showWatermark: d, canUsePivot: c, isDemo: y } = Tt(), p = _(null), E = _(null), M = _(null), x = _(n.fontSize || "xs"), b = [
+    const { showWatermark: d, canUsePivot: v, isDemo: y } = Tt(), c = _(null), L = _(null), F = _(null), C = _(n.fontSize || "xs"), b = [
       { value: "xs", label: "S" },
       { value: "sm", label: "M" },
       { value: "base", label: "L" }
-    ], h = N(() => n.activeFilters && n.activeFilters.length > 0), $ = N(() => !n.activeFilters || n.activeFilters.length === 0 ? "" : n.activeFilters.map((w) => w.column).join(", ")), re = N(() => !n.activeFilters || n.activeFilters.length === 0 ? [] : n.activeFilters.map((j) => {
+    ], h = E(() => n.activeFilters && n.activeFilters.length > 0), $ = E(() => !n.activeFilters || n.activeFilters.length === 0 ? "" : n.activeFilters.map((w) => w.column).join(", ")), re = E(() => !n.activeFilters || n.activeFilters.length === 0 ? [] : n.activeFilters.map((j) => {
       if (j.isRange && j.displayText)
         return {
           column: j.column,
@@ -5480,7 +5483,7 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
     function W(j = "row") {
       O.value === j ? U.value = U.value === "asc" ? "desc" : "asc" : (O.value = j, U.value = "asc");
     }
-    const G = N(() => {
+    const G = E(() => {
       if (!n.pivotResult)
         return [];
       const j = n.pivotResult.rowHeaders.map((B, K) => K), w = n.pivotResult.rowHeaders, oe = n.pivotResult.data;
@@ -5496,7 +5499,7 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
         }
         return U.value === "asc" ? ae : -ae;
       }), j;
-    }), X = N(() => {
+    }), X = E(() => {
       if (!n.pivotResult || n.pivotResult.headers.length === 0)
         return [n.valueFields.map((w) => ({
           label: a(w.field) ? `${s(w.field)} (${_t(w.aggregation)})` : `${w.field} (${_t(w.aggregation)})`,
@@ -5516,13 +5519,13 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
         j.push(B);
       }
       return j;
-    }), de = _(null), J = _(null), ne = _(null), z = _(!1), S = _(!1), v = _(""), m = N(() => !J.value || !ne.value ? null : {
+    }), de = _(null), J = _(null), ne = _(null), z = _(!1), S = _(!1), p = _(""), m = E(() => !J.value || !ne.value ? null : {
       minRow: Math.min(J.value.row, ne.value.row),
       maxRow: Math.max(J.value.row, ne.value.row),
       minCol: Math.min(J.value.col, ne.value.col),
       maxCol: Math.max(J.value.col, ne.value.col)
     });
-    function L(j, w, oe) {
+    function N(j, w, oe) {
       oe.preventDefault(), oe.shiftKey && de.value ? ne.value = { row: j, col: w } : (de.value = { row: j, col: w }, J.value = { row: j, col: w }, ne.value = { row: j, col: w }, z.value = !0);
     }
     function H(j, w) {
@@ -5558,7 +5561,7 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
 `);
       navigator.clipboard.writeText(ae).then(() => {
         const we = (w - j + 1) * (B - oe + 1);
-        v.value = `Copied ${we} cell${we > 1 ? "s" : ""}`, S.value = !0, setTimeout(() => {
+        p.value = `Copied ${we} cell${we > 1 ? "s" : ""}`, S.value = !0, setTimeout(() => {
           S.value = !1;
         }, 2e3);
       }).catch((we) => {
@@ -5574,7 +5577,7 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
         j.key === "Escape" && (de.value = null, J.value = null, ne.value = null);
       }
     }
-    const f = N(() => {
+    const f = E(() => {
       var qe;
       if (!m.value || !n.pivotResult)
         return null;
@@ -5606,18 +5609,18 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
     }), Bt(() => {
       document.removeEventListener("mouseup", se), document.removeEventListener("keydown", I);
     });
-    function F(j, w) {
-      w.preventDefault(), w.dataTransfer.dropEffect = "move", p.value = j;
+    function M(j, w) {
+      w.preventDefault(), w.dataTransfer.dropEffect = "move", c.value = j;
     }
     function Q() {
-      p.value = null;
+      c.value = null;
     }
     function le(j, w) {
       var K;
       w.preventDefault();
       const oe = (K = w.dataTransfer) == null ? void 0 : K.getData("text/plain");
       if (!oe || oe.startsWith("reorder:")) {
-        p.value = null;
+        c.value = null;
         return;
       }
       n.rowFields.includes(oe) && l("removeRowField", oe), n.columnFields.includes(oe) && l("removeColumnField", oe);
@@ -5633,42 +5636,42 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
           l("addValueField", oe, "sum");
           break;
       }
-      p.value = null;
+      c.value = null;
     }
     function T(j, w, oe) {
-      E.value = { zone: j, index: w }, oe.dataTransfer.effectAllowed = "move", oe.dataTransfer.setData("text/plain", `reorder:${j}:${w}`), requestAnimationFrame(() => {
-        p.value = null;
+      L.value = { zone: j, index: w }, oe.dataTransfer.effectAllowed = "move", oe.dataTransfer.setData("text/plain", `reorder:${j}:${w}`), requestAnimationFrame(() => {
+        c.value = null;
       });
     }
     function Y() {
-      E.value = null, M.value = null;
+      L.value = null, F.value = null;
     }
-    function k(j, w, oe) {
-      oe.preventDefault(), E.value && E.value.zone === j && (oe.dataTransfer.dropEffect = "move", M.value = { zone: j, index: w });
+    function x(j, w, oe) {
+      oe.preventDefault(), L.value && L.value.zone === j && (oe.dataTransfer.dropEffect = "move", F.value = { zone: j, index: w });
     }
     function pe() {
-      M.value = null;
+      F.value = null;
     }
     function ke(j, w, oe) {
-      if (oe.preventDefault(), oe.stopPropagation(), !E.value || E.value.zone !== j)
+      if (oe.preventDefault(), oe.stopPropagation(), !L.value || L.value.zone !== j)
         return;
-      const B = E.value.index;
+      const B = L.value.index;
       if (B === w) {
-        E.value = null, M.value = null;
+        L.value = null, F.value = null;
         return;
       }
       const K = j === "row" ? [...n.rowFields] : [...n.columnFields], [ae] = K.splice(B, 1);
-      K.splice(w, 0, ae), l(j === "row" ? "reorderRowFields" : "reorderColumnFields", K), E.value = null, M.value = null;
+      K.splice(w, 0, ae), l(j === "row" ? "reorderRowFields" : "reorderColumnFields", K), L.value = null, F.value = null;
     }
     function ie(j, w) {
       var oe, B;
-      return ((oe = E.value) == null ? void 0 : oe.zone) === j && ((B = E.value) == null ? void 0 : B.index) === w;
+      return ((oe = L.value) == null ? void 0 : oe.zone) === j && ((B = L.value) == null ? void 0 : B.index) === w;
     }
     function ze(j, w) {
       var oe, B;
-      return ((oe = M.value) == null ? void 0 : oe.zone) === j && ((B = M.value) == null ? void 0 : B.index) === w;
+      return ((oe = F.value) == null ? void 0 : oe.zone) === j && ((B = F.value) == null ? void 0 : B.index) === w;
     }
-    const Te = _(180), Pe = _(80), Be = N(() => {
+    const Te = _(180), Pe = _(80), Be = E(() => {
       const j = Math.max(n.rowFields.length, 1);
       return Math.max(Te.value / j, 80);
     });
@@ -5679,7 +5682,7 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
       var oe;
       return i(), u("div", {
         class: ue(["vpg-pivot-skeleton", [
-          `vpg-font-${x.value}`,
+          `vpg-font-${C.value}`,
           { "vpg-is-dragging": t.draggingField }
         ]])
       }, [
@@ -5699,7 +5702,7 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
                   d: "M5 13l4 4L19 7"
                 })
               ], -1)),
-              ce(" " + C(v.value), 1)
+              ce(" " + k(p.value), 1)
             ])) : P("", !0)
           ]),
           _: 1
@@ -5743,8 +5746,8 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
               ], -1)),
               e("span", Ai, [
                 w[10] || (w[10] = ce(" Filtered: ", -1)),
-                e("strong", null, C($.value), 1),
-                t.filteredRowCount !== void 0 && t.totalRowCount !== void 0 ? (i(), u("span", _i, " (" + C(t.filteredRowCount.toLocaleString()) + " of " + C(t.totalRowCount.toLocaleString()) + " rows) ", 1)) : P("", !0)
+                e("strong", null, k($.value), 1),
+                t.filteredRowCount !== void 0 && t.totalRowCount !== void 0 ? (i(), u("span", _i, " (" + k(t.filteredRowCount.toLocaleString()) + " of " + k(t.totalRowCount.toLocaleString()) + " rows) ", 1)) : P("", !0)
               ]),
               ee.value ? (i(), u("div", Ti, [
                 w[11] || (w[11] = e("div", { class: "vpg-tooltip-header" }, " Active Filters ", -1)),
@@ -5752,39 +5755,39 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
                   key: B.column,
                   class: "vpg-tooltip-filter"
                 }, [
-                  e("div", Ei, C(B.column), 1),
+                  e("div", Ei, k(B.column), 1),
                   e("div", Ni, [
-                    B.isRange ? (i(), u("span", Li, C(B.displayText), 1)) : (i(), u(Z, { key: 1 }, [
+                    B.isRange ? (i(), u("span", Li, k(B.displayText), 1)) : (i(), u(Z, { key: 1 }, [
                       (i(!0), u(Z, null, ve(B.values, (K, ae) => (i(), u("span", {
                         key: ae,
                         class: "vpg-tooltip-value"
-                      }, C(K), 1))), 128)),
-                      B.remaining > 0 ? (i(), u("span", Vi, " +" + C(B.remaining) + " more ", 1)) : P("", !0)
+                      }, k(K), 1))), 128)),
+                      B.remaining > 0 ? (i(), u("span", Vi, " +" + k(B.remaining) + " more ", 1)) : P("", !0)
                     ], 64))
                   ])
                 ]))), 128)),
-                t.filteredRowCount !== void 0 && t.totalRowCount !== void 0 ? (i(), u("div", Oi, " Showing " + C(t.filteredRowCount.toLocaleString()) + " of " + C(t.totalRowCount.toLocaleString()) + " rows ", 1)) : P("", !0)
+                t.filteredRowCount !== void 0 && t.totalRowCount !== void 0 ? (i(), u("div", Oi, " Showing " + k(t.filteredRowCount.toLocaleString()) + " of " + k(t.totalRowCount.toLocaleString()) + " rows ", 1)) : P("", !0)
               ])) : P("", !0)
             ], 32)) : P("", !0),
             t.isConfigured ? (i(), u("div", zi, [
-              e("span", Pi, C(t.rowFields.length) + " row" + C(t.rowFields.length !== 1 ? "s" : ""), 1),
-              e("span", Bi, C(t.columnFields.length) + " col" + C(t.columnFields.length !== 1 ? "s" : ""), 1),
-              e("span", qi, C(t.valueFields.length) + " val" + C(t.valueFields.length !== 1 ? "s" : ""), 1)
+              e("span", Pi, k(t.rowFields.length) + " row" + k(t.rowFields.length !== 1 ? "s" : ""), 1),
+              e("span", Bi, k(t.columnFields.length) + " col" + k(t.columnFields.length !== 1 ? "s" : ""), 1),
+              e("span", qi, k(t.valueFields.length) + " val" + k(t.valueFields.length !== 1 ? "s" : ""), 1)
             ])) : P("", !0),
             t.isConfigured && t.pivotResult ? (i(), u("div", Ii, [
               (i(), u(Z, null, ve(b, (B) => e("button", {
                 key: B.value,
-                class: ue(["vpg-font-size-btn", { active: x.value === B.value }]),
-                onClick: (K) => x.value = B.value
-              }, C(B.label), 11, Ui)), 64))
+                class: ue(["vpg-font-size-btn", { active: C.value === B.value }]),
+                onClick: (K) => C.value = B.value
+              }, k(B.label), 11, Ui)), 64))
             ])) : P("", !0)
           ])
         ]),
-        A(c) ? (i(), u(Z, { key: 1 }, [
+        A(v) ? (i(), u(Z, { key: 1 }, [
           e("div", ji, [
             e("div", {
-              class: ue(["vpg-drop-zone vpg-row-zone", { "vpg-drag-over": p.value === "row" }]),
-              onDragover: w[2] || (w[2] = (B) => F("row", B)),
+              class: ue(["vpg-drop-zone vpg-row-zone", { "vpg-drag-over": c.value === "row" }]),
+              onDragover: w[2] || (w[2] = (B) => M("row", B)),
               onDragleave: Q,
               onDrop: w[3] || (w[3] = (B) => le("row", B))
             }, [
@@ -5802,12 +5805,12 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
                   draggable: "true",
                   onDragstart: (ae) => T("row", K, ae),
                   onDragend: Y,
-                  onDragover: (ae) => k("row", K, ae),
+                  onDragover: (ae) => x("row", K, ae),
                   onDragleave: pe,
                   onDrop: (ae) => ke("row", K, ae)
                 }, [
                   w[15] || (w[15] = e("span", { class: "vpg-drag-handle" }, "⋮⋮", -1)),
-                  e("span", Gi, C(B), 1),
+                  e("span", Gi, k(B), 1),
                   e("button", {
                     class: "vpg-mini-remove",
                     onClick: He((ae) => l("removeRowField", B), ["stop"])
@@ -5817,8 +5820,8 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
               ])
             ], 34),
             e("div", {
-              class: ue(["vpg-drop-zone vpg-column-zone", { "vpg-drag-over": p.value === "column" }]),
-              onDragover: w[4] || (w[4] = (B) => F("column", B)),
+              class: ue(["vpg-drop-zone vpg-column-zone", { "vpg-drag-over": c.value === "column" }]),
+              onDragover: w[4] || (w[4] = (B) => M("column", B)),
               onDragleave: Q,
               onDrop: w[5] || (w[5] = (B) => le("column", B))
             }, [
@@ -5836,12 +5839,12 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
                   draggable: "true",
                   onDragstart: (ae) => T("column", K, ae),
                   onDragend: Y,
-                  onDragover: (ae) => k("column", K, ae),
+                  onDragover: (ae) => x("column", K, ae),
                   onDragleave: pe,
                   onDrop: (ae) => ke("column", K, ae)
                 }, [
                   w[17] || (w[17] = e("span", { class: "vpg-drag-handle" }, "⋮⋮", -1)),
-                  e("span", Zi, C(B), 1),
+                  e("span", Zi, k(B), 1),
                   e("button", {
                     class: "vpg-mini-remove",
                     onClick: He((ae) => l("removeColumnField", B), ["stop"])
@@ -5851,8 +5854,8 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
               ])
             ], 34),
             e("div", {
-              class: ue(["vpg-drop-zone vpg-value-zone", { "vpg-drag-over": p.value === "value" }]),
-              onDragover: w[6] || (w[6] = (B) => F("value", B)),
+              class: ue(["vpg-drop-zone vpg-value-zone", { "vpg-drag-over": c.value === "value" }]),
+              onDragover: w[6] || (w[6] = (B) => M("value", B)),
               onDragleave: Q,
               onDrop: w[7] || (w[7] = (B) => le("value", B))
             }, [
@@ -5865,8 +5868,8 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
                   key: `${B.field}-${B.aggregation}`,
                   class: ue(["vpg-mini-chip vpg-value-chip", { "vpg-calc-chip": a(B.field) }])
                 }, [
-                  e("span", au, C(a(B.field) ? "ƒ" : A(An)(B.aggregation)), 1),
-                  e("span", ou, C(s(B.field)), 1),
+                  e("span", au, k(a(B.field) ? "ƒ" : A(An)(B.aggregation)), 1),
+                  e("span", ou, k(s(B.field)), 1),
                   e("button", {
                     class: "vpg-mini-remove",
                     onClick: (K) => l("removeValueField", B.field, B.aggregation)
@@ -5922,11 +5925,11 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
                     onClick: w[8] || (w[8] = (we) => W("row"))
                   }, [
                     e("div", pu, [
-                      e("span", null, C(ae), 1),
+                      e("span", null, k(ae), 1),
                       ge === t.rowFields.length - 1 || t.rowFields.length === 0 ? (i(), u("span", {
                         key: 0,
                         class: ue(["vpg-sort-indicator", { active: O.value === "row" }])
-                      }, C(O.value === "row" ? U.value === "asc" ? "↑" : "↓" : "⇅"), 3)) : P("", !0)
+                      }, k(O.value === "row" ? U.value === "asc" ? "↑" : "↓" : "⇅"), 3)) : P("", !0)
                     ])
                   ], 12, vu))), 128)) : P("", !0),
                   (i(!0), u(Z, null, ve(B, (ae, ge) => (i(), u("th", {
@@ -5937,11 +5940,11 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
                     onClick: (we) => K === X.value.length - 1 && W(ge)
                   }, [
                     e("div", mu, [
-                      e("span", null, C(ae.label), 1),
+                      e("span", null, k(ae.label), 1),
                       K === X.value.length - 1 ? (i(), u("span", {
                         key: 0,
                         class: ue(["vpg-sort-indicator", { active: O.value === ge }])
-                      }, C(O.value === ge ? U.value === "asc" ? "↑" : "↓" : "⇅"), 3)) : P("", !0)
+                      }, k(O.value === ge ? U.value === "asc" ? "↑" : "↓" : "⇅"), 3)) : P("", !0)
                     ])
                   ], 12, gu))), 128)),
                   t.pivotResult.rowTotals.length > 0 && K === 0 ? (i(), u("th", {
@@ -5960,7 +5963,7 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
                     key: `row-${B}-${ae}`,
                     class: "vpg-row-header-cell",
                     style: Ve({ width: `${Be.value}px`, minWidth: "80px", left: `${Ge(ae)}px` })
-                  }, C(K), 5))), 128)),
+                  }, k(K), 5))), 128)),
                   (i(!0), u(Z, null, ve(t.pivotResult.data[B], (K, ae) => (i(), u("td", {
                     key: ae,
                     class: ue(["vpg-data-cell", [
@@ -5968,10 +5971,10 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
                       K.value === null && "vpg-is-null"
                     ]]),
                     style: Ve({ width: `${Pe.value}px` }),
-                    onMousedown: (ge) => L(G.value.indexOf(B), ae, ge),
+                    onMousedown: (ge) => N(G.value.indexOf(B), ae, ge),
                     onMouseenter: (ge) => H(G.value.indexOf(B), ae)
-                  }, C(K.formattedValue), 47, hu))), 128)),
-                  t.pivotResult.rowTotals[B] ? (i(), u("td", yu, C(t.pivotResult.rowTotals[B].formattedValue), 1)) : P("", !0)
+                  }, k(K.formattedValue), 47, hu))), 128)),
+                  t.pivotResult.rowTotals[B] ? (i(), u("td", yu, k(t.pivotResult.rowTotals[B].formattedValue), 1)) : P("", !0)
                 ]))), 128)),
                 t.pivotResult.columnTotals.length > 0 ? (i(), u("tr", bu, [
                   e("th", {
@@ -5983,29 +5986,29 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
                     key: K,
                     class: "vpg-data-cell vpg-total-cell",
                     style: Ve({ width: `${Pe.value}px` })
-                  }, C(B.formattedValue), 5))), 128)),
-                  t.pivotResult.rowTotals.length > 0 ? (i(), u("td", Cu, C(t.pivotResult.grandTotal.formattedValue), 1)) : P("", !0)
+                  }, k(B.formattedValue), 5))), 128)),
+                  t.pivotResult.rowTotals.length > 0 ? (i(), u("td", Cu, k(t.pivotResult.grandTotal.formattedValue), 1)) : P("", !0)
                 ])) : P("", !0)
               ])
             ])
           ])),
           t.isConfigured && t.pivotResult ? (i(), u("div", ku, [
-            e("span", xu, C(t.pivotResult.rowHeaders.length) + " rows × " + C(((oe = t.pivotResult.data[0]) == null ? void 0 : oe.length) || 0) + " columns", 1),
+            e("span", xu, k(t.pivotResult.rowHeaders.length) + " rows × " + k(((oe = t.pivotResult.data[0]) == null ? void 0 : oe.length) || 0) + " columns", 1),
             f.value && f.value.count > 1 ? (i(), u("div", Su, [
               e("span", Fu, [
                 w[29] || (w[29] = e("span", { class: "vpg-stat-label" }, "Count:", -1)),
-                e("span", Mu, C(f.value.count), 1)
+                e("span", Mu, k(f.value.count), 1)
               ]),
               f.value.numericCount > 0 ? (i(), u(Z, { key: 0 }, [
                 w[32] || (w[32] = e("span", { class: "vpg-stat-divider" }, "|", -1)),
                 e("span", $u, [
                   w[30] || (w[30] = e("span", { class: "vpg-stat-label" }, "Sum:", -1)),
-                  e("span", Ru, C(V(f.value.sum)), 1)
+                  e("span", Ru, k(V(f.value.sum)), 1)
                 ]),
                 w[33] || (w[33] = e("span", { class: "vpg-stat-divider" }, "|", -1)),
                 e("span", Du, [
                   w[31] || (w[31] = e("span", { class: "vpg-stat-label" }, "Avg:", -1)),
-                  e("span", Au, C(V(f.value.avg)), 1)
+                  e("span", Au, k(V(f.value.avg)), 1)
                 ])
               ], 64)) : P("", !0)
             ])) : P("", !0)
@@ -6034,7 +6037,7 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
             }, " Get Pro License → ")
           ], -1)
         ])])),
-        A(d) && A(c) ? (i(), u("div", {
+        A(d) && A(v) ? (i(), u("div", {
           key: 2,
           class: ue(["vpg-watermark", { "vpg-demo-mode": A(y) }])
         }, [
@@ -6170,24 +6173,25 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
     maxHeight: { default: 1200 },
     aiAnalyst: { default: void 0 },
     numberFormat: { default: "us" },
-    dateFormat: { default: "iso" }
+    dateFormat: { default: "iso" },
+    fieldRoleOverrides: {}
   },
   emits: ["cellClick", "selectionChange", "export", "copy", "aiDataLoaded", "aiConversationUpdate", "aiQueryExecuted", "aiError"],
   setup(t, { emit: o }) {
-    const n = t, l = o, { showWatermark: s, canUsePivot: a, canUseCharts: d, canUseAIAnalyst: c, isDemo: y, isPro: p } = Tt(), E = N(
+    const n = t, l = o, { showWatermark: s, canUsePivot: a, canUseCharts: d, canUseAIAnalyst: v, isDemo: y, isPro: c } = Tt(), L = E(
       () => {
         var g;
-        return ((g = n.aiAnalyst) == null ? void 0 : g.enabled) && c.value;
+        return ((g = n.aiAnalyst) == null ? void 0 : g.enabled) && v.value;
       }
-    ), M = N(() => {
+    ), F = E(() => {
       var g;
       return n.theme === "auto" ? (g = window.matchMedia) != null && g.call(window, "(prefers-color-scheme: dark)").matches ? "dark" : "light" : n.theme;
-    }), x = _(n.fontSize), b = _(""), h = _(!1), $ = _(1), re = _(null), ee = _(0), U = _(0), O = _(n.initialHeight), W = _(!1), G = _(0), X = _(0), de = _(!1), J = _(""), ne = [
+    }), C = _(n.fontSize), b = _(""), h = _(!1), $ = _(1), re = _(null), ee = _(0), U = _(0), O = _(n.initialHeight), W = _(!1), G = _(0), X = _(0), de = _(!1), J = _(""), ne = [
       { value: "xs", label: "S" },
       { value: "sm", label: "M" },
       { value: "base", label: "L" }
-    ], z = _(null), S = _(null), v = N(() => S.value || n.data), m = N(() => v.value), {
-      table: L,
+    ], z = _(null), S = _(null), p = E(() => S.value || n.data), m = E(() => p.value), {
+      table: N,
       columnKeys: H,
       filteredRowCount: se,
       totalRowCount: D,
@@ -6195,18 +6199,18 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
       hasActiveFilter: I,
       setColumnFilter: f,
       getColumnFilterValues: V,
-      clearAllFilters: F,
+      clearAllFilters: M,
       toggleSort: Q,
       getSortDirection: le,
       columnFilters: T,
       activeFilters: Y,
       // Numeric range filters
-      setNumericRangeFilter: k,
+      setNumericRangeFilter: x,
       getNumericRangeFilter: pe,
       // Date range filters
       setDateRangeFilter: ke,
       getDateRangeFilter: ie
-    } = Ur({ data: m }), ze = N(() => L.getFilteredRowModel().rows.map((r) => r.original)), Te = N(() => Y.value.length === 0 ? null : Y.value.map((g) => {
+    } = Ur({ data: m }), ze = E(() => N.getFilteredRowModel().rows.map((r) => r.original)), Te = E(() => Y.value.length === 0 ? null : Y.value.map((g) => {
       var r;
       if (g.type === "range" && g.range) {
         const te = [];
@@ -6250,7 +6254,7 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
       updateValueFieldAggregation: Re,
       clearConfig: Fe,
       autoSuggestConfig: ut
-    } = Kr(ze), nt = N(() => {
+    } = Kr(ze), nt = E(() => {
       if (!b.value.trim() || !n.enableSearch)
         return st.value;
       const g = b.value.toLowerCase().trim();
@@ -6262,12 +6266,12 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
         }
         return !1;
       });
-    }), Ke = N(() => nt.value.length), ct = N(() => n.enablePagination ? Math.max(1, Math.ceil(Ke.value / n.pageSize)) : 1), Wt = N(() => {
+    }), Ke = E(() => nt.value.length), ct = E(() => n.enablePagination ? Math.max(1, Math.ceil(Ke.value / n.pageSize)) : 1), Wt = E(() => {
       if (!n.enablePagination)
         return nt.value;
       const g = ($.value - 1) * n.pageSize, r = g + n.pageSize;
       return nt.value.slice(g, r);
-    }), Ln = N(() => Ke.value === 0 ? 0 : ($.value - 1) * n.pageSize + 1), Vn = N(
+    }), Ln = E(() => Ke.value === 0 ? 0 : ($.value - 1) * n.pageSize + 1), Vn = E(
       () => Math.min($.value * n.pageSize, Ke.value)
     );
     function On() {
@@ -6370,7 +6374,7 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
     function In(g) {
       S.value = g.data, l("aiDataLoaded", g);
     }
-    const Un = N(() => S.value !== null), dt = _(!1);
+    const Un = E(() => S.value !== null), dt = _(!1);
     async function Hn() {
       var g;
       if ((g = z.value) != null && g.selectedDataSource) {
@@ -6385,7 +6389,7 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
         }
       } else
         S.value = null;
-      F();
+      M();
     }
     function jn(g) {
       l("aiConversationUpdate", g);
@@ -6427,17 +6431,17 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
     function aa(g) {
       Be.value = g;
     }
-    const Nt = _(), Zt = _(), st = N(() => L.getRowModel().rows), Ce = _(null), yt = _({ top: 0, left: 0, maxHeight: 400 }), Je = _({});
+    const Nt = _(), Zt = _(), st = E(() => N.getRowModel().rows), Ce = _(null), yt = _({ top: 0, left: 0, maxHeight: 400 }), Je = _({});
     function en() {
-      if (typeof document > "u" || v.value.length === 0)
+      if (typeof document > "u" || p.value.length === 0)
         return;
-      const g = {}, r = Math.min(100, v.value.length), q = document.createElement("canvas").getContext("2d");
+      const g = {}, r = Math.min(100, p.value.length), q = document.createElement("canvas").getContext("2d");
       if (q) {
         q.font = "13px system-ui, -apple-system, sans-serif";
         for (const me of H.value) {
           let he = q.measureText(me).width + 56;
           for (let be = 0; be < r; be++) {
-            const ye = v.value[be][me], xe = ye == null ? "" : String(ye), Xe = q.measureText(xe).width + 28;
+            const ye = p.value[be][me], xe = ye == null ? "" : String(ye), Xe = q.measureText(xe).width + 28;
             he = Math.max(he, Xe);
           }
           g[me] = Math.min(Math.max(he, at), wn);
@@ -6461,7 +6465,7 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
       f(g, r);
     }
     function la(g, r) {
-      k(g, r);
+      x(g, r);
     }
     function ra(g, r) {
       ke(g, r);
@@ -6474,7 +6478,7 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
         te === null ? (Q(g), r === "desc" && le(g) === "asc" && Q(g)) : te !== r && Q(g);
       }
     }
-    const wt = N(() => T.value.length), Qe = _(null), Ue = _(null), Ee = _(null), Lt = _(!1);
+    const wt = E(() => T.value.length), Qe = _(null), Ue = _(null), Ee = _(null), Lt = _(!1);
     function ua(g) {
       const r = st.value.length - 1;
       r < 0 || (Ue.value = { row: 0, col: g }, Ee.value = { row: r, col: g }, Qe.value = { row: 0, col: g });
@@ -6486,7 +6490,7 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
       } else
         ua(g);
     }
-    const Ne = N(() => !Ue.value || !Ee.value ? null : {
+    const Ne = E(() => !Ue.value || !Ee.value ? null : {
       minRow: Math.min(Ue.value.row, Ee.value.row),
       maxRow: Math.max(Ue.value.row, Ee.value.row),
       minCol: Math.min(Ue.value.col, Ee.value.col),
@@ -6498,7 +6502,7 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
       const { minRow: te, maxRow: q, minCol: me, maxCol: he } = Ne.value;
       return g >= te && g <= q && r >= me && r <= he;
     }
-    const pt = N(() => {
+    const pt = E(() => {
       if (!Ne.value)
         return null;
       const { minRow: g, maxRow: r, minCol: te, maxCol: q } = Ne.value, me = [];
@@ -6632,7 +6636,7 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
     }), _e([() => n.data, S], () => {
       mt(en);
     }, { immediate: !0 });
-    const ba = N(() => H.value.reduce((g, r) => g + (Je.value[r] || at), 0));
+    const ba = E(() => H.value.reduce((g, r) => g + (Je.value[r] || at), 0));
     function wa(g) {
       Ce.value && (g.target.closest(".vpg-filter-portal") || bt());
     }
@@ -6640,8 +6644,8 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
       var te;
       return i(), u("div", {
         class: ue(["vpg-data-grid", [
-          `vpg-font-${x.value}`,
-          `vpg-theme-${M.value}`,
+          `vpg-font-${C.value}`,
+          `vpg-theme-${F.value}`,
           { "vpg-striped": t.stripedRows },
           { "vpg-resizing": re.value },
           { "vpg-resizing-vertical": W.value }
@@ -6665,7 +6669,7 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
                   d: "M5 13l4 4L19 7"
                 })
               ], -1)),
-              ce(" " + C(J.value), 1)
+              ce(" " + k(J.value), 1)
             ])) : P("", !0)
           ]),
           _: 1
@@ -6673,7 +6677,7 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
         e("div", Lu, [
           e("div", Vu, [
             t.showPivot ? (i(), u("div", Ou, [
-              E.value ? (i(), u("button", {
+              L.value ? (i(), u("button", {
                 key: 0,
                 class: ue(["vpg-view-btn vpg-ai-btn", { active: fe.value === "ai" }]),
                 onClick: r[0] || (r[0] = (q) => fe.value = "ai")
@@ -6692,7 +6696,7 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
                   })
                 ], -1),
                 ce(" AI Analyst ", -1)
-              ])], 2)) : (te = t.aiAnalyst) != null && te.enabled && !A(c) ? (i(), u("button", {
+              ])], 2)) : (te = t.aiAnalyst) != null && te.enabled && !A(v) ? (i(), u("button", {
                 key: 1,
                 class: "vpg-view-btn vpg-ai-btn vpg-pro-feature",
                 title: "AI Analyst (Pro feature)",
@@ -6847,9 +6851,9 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
                 e("div", Uu, [
                   (i(), u(Z, null, ve(ne, (q) => e("button", {
                     key: q.value,
-                    class: ue(["vpg-font-size-btn", { active: x.value === q.value }]),
-                    onClick: (me) => x.value = q.value
-                  }, C(q.label), 11, Hu)), 64))
+                    class: ue(["vpg-font-size-btn", { active: C.value === q.value }]),
+                    onClick: (me) => C.value = q.value
+                  }, k(q.label), 11, Hu)), 64))
                 ])
               ]),
               wt.value > 0 ? (i(), u("div", ju, [
@@ -6864,7 +6868,7 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
                     "clip-rule": "evenodd"
                   })
                 ], -1)),
-                e("span", null, C(wt.value) + " filter" + C(wt.value > 1 ? "s" : ""), 1)
+                e("span", null, k(wt.value) + " filter" + k(wt.value > 1 ? "s" : ""), 1)
               ])) : P("", !0),
               Un.value ? (i(), u("button", {
                 key: 2,
@@ -6888,10 +6892,10 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
                     d: "M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"
                   }, null, -1)
                 ])])),
-                e("span", null, C(dt.value ? "Loading..." : "Full Data"), 1)
+                e("span", null, k(dt.value ? "Loading..." : "Full Data"), 1)
               ], 10, Wu)) : P("", !0),
               b.value ? (i(), u("div", Ku, [
-                e("span", null, C(Ke.value) + " match" + C(Ke.value !== 1 ? "es" : ""), 1)
+                e("span", null, k(Ke.value) + " match" + k(Ke.value !== 1 ? "es" : ""), 1)
               ])) : P("", !0)
             ], 64)) : P("", !0),
             fe.value === "pivot" && A(a) ? (i(), u(Z, { key: 2 }, [
@@ -6912,7 +6916,7 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
                     d: "M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4"
                   })
                 ], -1)),
-                ce(" " + C(vt.value ? "Hide" : "Show") + " Config ", 1)
+                ce(" " + k(vt.value ? "Hide" : "Show") + " Config ", 1)
               ], 2),
               A(B) ? (i(), u("div", Ju, [...r[37] || (r[37] = [
                 e("svg", {
@@ -6935,7 +6939,7 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
               key: 0,
               class: "vpg-clear-filters",
               onClick: r[10] || (r[10] = //@ts-ignore
-              (...q) => A(F) && A(F)(...q))
+              (...q) => A(M) && A(M)(...q))
             }, [...r[38] || (r[38] = [
               e("svg", {
                 class: "vpg-icon",
@@ -6995,10 +6999,10 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
             ])])) : P("", !0),
             t.enableExport && fe.value === "pivot" && A(B) ? (i(), u("button", {
               key: 3,
-              class: ue(["vpg-export-btn", { "vpg-export-btn-disabled": !A(p) }]),
-              disabled: !A(p),
-              title: A(p) ? "Export Pivot to CSV" : "Export Pivot to CSV (Pro feature)",
-              onClick: r[11] || (r[11] = (q) => A(p) && Yt())
+              class: ue(["vpg-export-btn", { "vpg-export-btn-disabled": !A(c) }]),
+              disabled: !A(c),
+              title: A(c) ? "Export Pivot to CSV" : "Export Pivot to CSV (Pro feature)",
+              onClick: r[11] || (r[11] = (q) => A(c) && Yt())
             }, [
               r[41] || (r[41] = e("svg", {
                 class: "vpg-icon",
@@ -7013,16 +7017,16 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
                   d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"
                 })
               ], -1)),
-              ce(" Export Pivot" + C(A(p) ? "" : " (Pro)"), 1)
+              ce(" Export Pivot" + k(A(c) ? "" : " (Pro)"), 1)
             ], 10, Xu)) : P("", !0)
           ])
         ]),
-        E.value && t.aiAnalyst ? Oe((i(), u("div", Zu, [
+        L.value && t.aiAnalyst ? Oe((i(), u("div", Zu, [
           je(Ls, {
             ref_key: "aiAnalystRef",
             ref: z,
             config: t.aiAnalyst,
-            theme: M.value,
+            theme: F.value,
             onDataLoaded: In,
             onConversationUpdate: jn,
             onQueryExecuted: Wn,
@@ -7042,7 +7046,7 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
           t.loading ? (i(), u("div", ec, [...r[42] || (r[42] = [
             e("div", { class: "vpg-spinner" }, null, -1),
             e("span", null, "Loading data...", -1)
-          ])])) : v.value.length === 0 ? (i(), u("div", tc, [...r[43] || (r[43] = [
+          ])])) : p.value.length === 0 ? (i(), u("div", tc, [...r[43] || (r[43] = [
             e("div", { class: "vpg-empty-icon" }, [
               e("svg", {
                 class: "vpg-icon-lg",
@@ -7079,7 +7083,7 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
             e("button", {
               class: "vpg-clear-link",
               onClick: r[12] || (r[12] = //@ts-ignore
-              (...q) => A(F) && A(F)(...q))
+              (...q) => A(M) && A(M)(...q))
             }, " Clear all filters ")
           ])) : (i(), u("div", ac, [
             e("table", {
@@ -7099,7 +7103,7 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
                     onClick: (he) => ca(me, he)
                   }, [
                     e("div", sc, [
-                      e("span", lc, C(q), 1),
+                      e("span", lc, k(q), 1),
                       e("div", rc, [
                         A(le)(q) ? (i(), u("span", ic, [
                           A(le)(q) === "asc" ? (i(), u("svg", uc, [...r[46] || (r[46] = [
@@ -7176,7 +7180,7 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
                     style: Ve({ width: `${Je.value[he] || at}px`, minWidth: `${Je.value[he] || at}px` }),
                     onMousedown: (ye) => pa(me, be, ye),
                     onMouseenter: (ye) => ga(me, be)
-                  }, C(ya(q.original[he], he)), 47, pc))), 128))
+                  }, k(ya(q.original[he], he)), 47, pc))), 128))
                 ]))), 128))
               ], 512)
             ], 4)
@@ -7219,7 +7223,7 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
               "is-configured": A(B),
               "dragging-field": Et.value,
               "pivot-result": A(K),
-              "font-size": x.value,
+              "font-size": C.value,
               "active-filters": Te.value,
               "total-row-count": A(D),
               "filtered-row-count": A(se),
@@ -7247,41 +7251,42 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
                 "clip-rule": "evenodd"
               })
             ], -1)),
-            e("span", null, "Chart showing " + C(A(se).toLocaleString()) + " of " + C(A(D).toLocaleString()) + " records", 1),
+            e("span", null, "Chart showing " + k(A(se).toLocaleString()) + " of " + k(A(D).toLocaleString()) + " records", 1),
             e("button", {
               class: "vpg-chart-clear-filters",
               onClick: r[15] || (r[15] = //@ts-ignore
-              (...q) => A(F) && A(F)(...q))
+              (...q) => A(M) && A(M)(...q))
             }, " Clear filters ")
           ])) : P("", !0),
           je(Ql, {
             data: ze.value,
-            theme: M.value,
+            theme: F.value,
+            "field-role-overrides": n.fieldRoleOverrides,
             onConfigChange: Jn
-          }, null, 8, ["data", "theme"])
+          }, null, 8, ["data", "theme", "field-role-overrides"])
         ])) : P("", !0),
         e("div", yc, [
           e("div", bc, [
             fe.value === "grid" ? (i(), u(Z, { key: 0 }, [
               t.enablePagination ? (i(), u(Z, { key: 0 }, [
-                e("span", null, C(Ln.value.toLocaleString()) + "-" + C(Vn.value.toLocaleString()), 1),
+                e("span", null, k(Ln.value.toLocaleString()) + "-" + k(Vn.value.toLocaleString()), 1),
                 r[51] || (r[51] = e("span", { class: "vpg-separator" }, "of", -1)),
-                e("span", null, C(Ke.value.toLocaleString()), 1),
-                Ke.value !== A(D) ? (i(), u("span", wc, " (" + C(A(D).toLocaleString()) + " total) ", 1)) : P("", !0)
-              ], 64)) : A(se) === A(D) && Ke.value === A(D) ? (i(), u("span", Cc, C(A(D).toLocaleString()) + " records", 1)) : (i(), u(Z, { key: 2 }, [
-                e("span", kc, C(Ke.value.toLocaleString()), 1),
+                e("span", null, k(Ke.value.toLocaleString()), 1),
+                Ke.value !== A(D) ? (i(), u("span", wc, " (" + k(A(D).toLocaleString()) + " total) ", 1)) : P("", !0)
+              ], 64)) : A(se) === A(D) && Ke.value === A(D) ? (i(), u("span", Cc, k(A(D).toLocaleString()) + " records", 1)) : (i(), u(Z, { key: 2 }, [
+                e("span", kc, k(Ke.value.toLocaleString()), 1),
                 r[52] || (r[52] = e("span", { class: "vpg-separator" }, "of", -1)),
-                e("span", null, C(A(D).toLocaleString()), 1),
+                e("span", null, k(A(D).toLocaleString()), 1),
                 r[53] || (r[53] = e("span", { class: "vpg-separator" }, "records", -1))
               ], 64))
             ], 64)) : fe.value === "pivot" ? (i(), u(Z, { key: 1 }, [
               r[54] || (r[54] = e("span", { class: "vpg-pivot-label" }, "Pivot Table", -1)),
               r[55] || (r[55] = e("span", { class: "vpg-separator" }, "•", -1)),
-              e("span", null, C(A(D).toLocaleString()) + " source records", 1)
+              e("span", null, k(A(D).toLocaleString()) + " source records", 1)
             ], 64)) : fe.value === "chart" ? (i(), u(Z, { key: 2 }, [
               r[56] || (r[56] = e("span", { class: "vpg-chart-label" }, "Chart Builder", -1)),
               r[57] || (r[57] = e("span", { class: "vpg-separator" }, "•", -1)),
-              e("span", null, C(A(D).toLocaleString()) + " records", 1)
+              e("span", null, k(A(D).toLocaleString()) + " records", 1)
             ], 64)) : P("", !0)
           ]),
           t.enablePagination && fe.value === "grid" && ct.value > 1 ? (i(), u("div", xc, [
@@ -7323,7 +7328,7 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
                 })
               ], -1)
             ])], 8, Fc),
-            e("span", Mc, " Page " + C($.value) + " of " + C(ct.value), 1),
+            e("span", Mc, " Page " + k($.value) + " of " + k(ct.value), 1),
             e("button", {
               class: "vpg-page-btn",
               disabled: $.value === ct.value,
@@ -7366,18 +7371,18 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
           fe.value === "grid" && pt.value && pt.value.count > 1 ? (i(), u("div", Dc, [
             e("span", Ac, [
               r[62] || (r[62] = e("span", { class: "vpg-stat-label" }, "Count:", -1)),
-              e("span", _c, C(pt.value.count), 1)
+              e("span", _c, k(pt.value.count), 1)
             ]),
             pt.value.numericCount > 0 ? (i(), u(Z, { key: 0 }, [
               r[65] || (r[65] = e("span", { class: "vpg-stat-divider" }, "|", -1)),
               e("span", Tc, [
                 r[63] || (r[63] = e("span", { class: "vpg-stat-label" }, "Sum:", -1)),
-                e("span", Ec, C(tn(pt.value.sum)), 1)
+                e("span", Ec, k(tn(pt.value.sum)), 1)
               ]),
               r[66] || (r[66] = e("span", { class: "vpg-stat-divider" }, "|", -1)),
               e("span", Nc, [
                 r[64] || (r[64] = e("span", { class: "vpg-stat-label" }, "Avg:", -1)),
-                e("span", Lc, C(tn(pt.value.avg)), 1)
+                e("span", Lc, k(tn(pt.value.avg)), 1)
               ])
             ], 64)) : P("", !0)
           ])) : P("", !0),
@@ -7391,7 +7396,7 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
                 rel: "noopener"
               }, "Get License →", -1)
             ])])) : A(s) ? (i(), u("span", zc, [...r[68] || (r[68] = [
-              Mt('<a href="https://tiny-pivot.com" target="_blank" rel="noopener" data-v-cd1c8e0e><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-cd1c8e0e><rect x="3" y="3" width="7" height="7" data-v-cd1c8e0e></rect><rect x="14" y="3" width="7" height="7" data-v-cd1c8e0e></rect><rect x="14" y="14" width="7" height="7" data-v-cd1c8e0e></rect><rect x="3" y="14" width="7" height="7" data-v-cd1c8e0e></rect></svg> Powered by TinyPivot </a>', 1)
+              Mt('<a href="https://tiny-pivot.com" target="_blank" rel="noopener" data-v-4e43d32f><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-4e43d32f><rect x="3" y="3" width="7" height="7" data-v-4e43d32f></rect><rect x="14" y="3" width="7" height="7" data-v-4e43d32f></rect><rect x="14" y="14" width="7" height="7" data-v-4e43d32f></rect><rect x="3" y="14" width="7" height="7" data-v-4e43d32f></rect></svg> Powered by TinyPivot </a>', 1)
             ])])) : P("", !0)
           ])
         ]),
@@ -7439,7 +7444,7 @@ const Jr = { class: "vpg-pivot-config" }, Qr = { class: "vpg-config-header" }, X
       ], 6);
     };
   }
-}), Kc = /* @__PURE__ */ ot(Pc, [["__scopeId", "data-v-cd1c8e0e"]]);
+}), Kc = /* @__PURE__ */ ot(Pc, [["__scopeId", "data-v-4e43d32f"]]);
 export {
   Ir as ColumnFilter,
   Kc as DataGrid,