@smallwebco/tinypivot-vue 1.0.62 → 1.0.63

package/dist/tinypivot-vue.js

@@ -1,4 +1,4 @@
-import { ref as E, computed as z, onMounted as vt, defineComponent as tt, watch as qe, nextTick as ct, createElementBlock as u, openBlock as i, normalizeClass as ie, unref as R, createElementVNode as e, createStaticVNode as bt, Fragment as te, createCommentVNode as O, withDirectives as We, vModelText as et, renderList as ve, toDisplayString as C, withModifiers as Ie, createTextVNode as ce, createBlock as kt, Teleport as rn, vModelSelect as sa, defineAsyncComponent as ra, Suspense as ia, withCtx as xt, normalizeStyle as ze, onUnmounted as Tt, createVNode as Je, Transition as un, withKeys as ua, vShow as ca } from "vue";
+import { ref as E, computed as z, onMounted as vt, defineComponent as tt, watch as Ie, nextTick as ct, createElementBlock as u, openBlock as i, normalizeClass as ie, unref as R, createElementVNode as e, createStaticVNode as bt, Fragment as te, createCommentVNode as O, withDirectives as We, vModelText as et, renderList as ve, toDisplayString as C, withModifiers as qe, createTextVNode as ce, createBlock as kt, Teleport as rn, vModelSelect as sa, defineAsyncComponent as ra, Suspense as ia, withCtx as xt, normalizeStyle as ze, onUnmounted as Tt, createVNode as Je, Transition as un, withKeys as ua, vShow as ca } from "vue";
 import { useVueTable as da, getFilteredRowModel as va, getSortedRowModel as pa, getCoreRowModel as ga } from "@tanstack/vue-table";
 const ma = /* @__PURE__ */ new Map([
   ["sales", {
@@ -437,7 +437,7 @@ ${v.length > 0 ? ka(v) : ""}
 
 ## Query Rules
 1. **READ-ONLY**: ONLY use SELECT. NEVER use INSERT, UPDATE, DELETE, DROP, ALTER, TRUNCATE, or any write operations.
-2. **LIMIT RESULTS**: Always use LIMIT (default 100-1000 rows) to avoid overwhelming results.
+2. **NO LIMIT**: Do NOT add LIMIT clauses unless the user explicitly asks for a limited number of results. Return all matching rows by default.
 3. **PRIMARY TABLE**: The main table is \`${(l == null ? void 0 : l.table) || "table_name"}\`
 4. **JOINs ALLOWED**: You CAN JOIN with other tables listed in "Related Tables" when the user needs data from multiple tables.
 5. **BE SPECIFIC**: Select relevant columns, not SELECT * (unless showing sample data)
@@ -446,7 +446,7 @@ ${v.length > 0 ? ka(v) : ""}
 Output queries in this EXACT format (the system auto-executes SQL blocks):
 
 \`\`\`sql
-SELECT column1, column2 FROM ${(l == null ? void 0 : l.table) || "table_name"} WHERE condition LIMIT 100
+SELECT column1, column2 FROM ${(l == null ? void 0 : l.table) || "table_name"} WHERE condition
 \`\`\`
 
 For JOINs (when user needs data from related tables):
@@ -455,7 +455,6 @@ SELECT p.column1, r.column2
 FROM ${(l == null ? void 0 : l.table) || "primary_table"} p
 JOIN related_table r ON p.foreign_key = r.id
 WHERE condition
-LIMIT 100
 \`\`\`
 
 For complex analysis, use CTEs:
@@ -465,7 +464,7 @@ WITH summary AS (
   FROM ${(l == null ? void 0 : l.table) || "table_name"}
   GROUP BY category
 )
-SELECT * FROM summary ORDER BY count DESC LIMIT 20
+SELECT * FROM summary ORDER BY count DESC
 \`\`\`
 
 ## Response Format
@@ -478,7 +477,7 @@ Keep responses concise and insight-focused:
 
 Example response:
 "\`\`\`sql
-SELECT department, AVG(salary) as avg_salary FROM employees GROUP BY department ORDER BY avg_salary DESC LIMIT 10
+SELECT department, AVG(salary) as avg_salary FROM employees GROUP BY department ORDER BY avg_salary DESC
 \`\`\`
 
 Engineering and Product teams have the highest average salaries at $145K and $138K respectively, while Support and Operations are at the lower end around $75K. This 2x salary gap may indicate market-driven compensation or role complexity differences.
@@ -1109,7 +1108,7 @@ const gn = {
     charts: !1,
     aiAnalyst: !1
   }
-}, Ia = {
+}, qa = {
   type: "free",
   isValid: !0,
   features: {
@@ -1124,7 +1123,7 @@ const gn = {
     aiAnalyst: !0
     // Demo can use AI Analyst
   }
-}, qa = `-----BEGIN PUBLIC KEY-----
+}, Ia = `-----BEGIN PUBLIC KEY-----
 MFkwEwYHKoZIzj0CAQYIKoZIzj0DAQcDQgAE436rfGofder4lfo4UHsRF2M88Gs0
 zLsikg2H9GMkL8hLGuOtnGMpVfLRlc7cD8FdkPBBRgiQ8UFnG8hm+nMIug==
 -----END PUBLIC KEY-----`;
@@ -1161,7 +1160,7 @@ function Ha(t) {
 }
 async function ja() {
   try {
-    const t = qa.replace("-----BEGIN PUBLIC KEY-----", "").replace("-----END PUBLIC KEY-----", "").replace(/\s/g, ""), a = mn(t);
+    const t = Ia.replace("-----BEGIN PUBLIC KEY-----", "").replace("-----END PUBLIC KEY-----", "").replace(/\s/g, ""), a = mn(t);
     return await crypto.subtle.importKey("spki", new Uint8Array(a).buffer, { name: "ECDSA", namedCurve: "P-256" }, !1, ["verify"]);
   } catch {
     return null;
@@ -1223,7 +1222,7 @@ async function Qa(t) {
   }
 }
 async function Ja(t) {
-  return !t || await Qa(t) !== Ka ? null : Ia;
+  return !t || await Qa(t) !== Ka ? null : qa;
 }
 function Xa() {
   return gn;
@@ -1508,15 +1507,15 @@ function fo(t, a) {
     const p = f.get(w);
     for (let m = 0; m < l.length; m++) {
       const N = l[m];
-      let I = null;
+      let q = null;
       if (N.field.startsWith("calc:")) {
         const se = N.field.replace("calc:", ""), M = x.get(se);
-        M && (I = on(M.formula, K, g));
+        M && (q = on(M.formula, K, g));
       } else {
         const se = K[N.field];
-        se != null && se !== "" && (I = typeof se == "number" ? se : Number.parseFloat(String(se)), Number.isNaN(I) && (I = N.aggregation === "count" || N.aggregation === "countDistinct" ? 1 : null));
+        se != null && se !== "" && (q = typeof se == "number" ? se : Number.parseFloat(String(se)), Number.isNaN(q) && (q = N.aggregation === "count" || N.aggregation === "countDistinct" ? 1 : null));
       }
-      I !== null && p[m].push(I);
+      q !== null && p[m].push(q);
     }
   }
   const S = Array.from(k).sort(), h = Array.from(F).sort(), L = l.map((K, P) => {
@@ -1566,14 +1565,14 @@ function fo(t, a) {
     const P = [], w = l.map(() => []);
     for (const f of h) {
       const p = D.get(K), m = (p == null ? void 0 : p.get(f)) || l.map(() => []);
-      for (let I = 0; I < m.length; I++)
-        w[I].push(...m[I]);
+      for (let q = 0; q < m.length; q++)
+        w[q].push(...m[q]);
       W.has(f) || W.set(f, l.map(() => []));
       const N = W.get(f);
-      for (let I = 0; I < m.length; I++)
-        N[I].push(...m[I]);
-      for (let I = 0; I < l.length; I++) {
-        const se = l[I], M = m[I] || [], A = L[I], U = yt(M, se.aggregation, A);
+      for (let q = 0; q < m.length; q++)
+        N[q].push(...m[q]);
+      for (let q = 0; q < l.length; q++) {
+        const se = l[q], M = m[q] || [], A = L[q], U = yt(M, se.aggregation, A);
         let $;
         if (se.field.startsWith("calc:")) {
           const Y = se.field.replace("calc:", ""), T = x.get(Y);
@@ -1618,10 +1617,10 @@ function fo(t, a) {
       const m = D.get(p);
       if (m)
         for (const N of h) {
-          const I = m.get(N);
-          if (I)
-            for (let se = 0; se < I.length; se++)
-              K[se].push(...I[se]);
+          const q = m.get(N);
+          if (q)
+            for (let se = 0; se < q.length; se++)
+              K[se].push(...q[se]);
         }
     }
     const P = l[0], w = K[0] || [], f = yt(w, P.aggregation, L[0]);
@@ -2068,7 +2067,7 @@ What would you like to know about this data?`
       });
     }
   }
-  async function I() {
+  async function q() {
     const $ = g.value.dataSourceId;
     if (!$)
       return null;
@@ -2165,7 +2164,7 @@ What would you like to know about this data?`
     /** Refresh table list from endpoint */
     fetchTables: Z,
     /** Load full data for the currently selected data source */
-    loadFullData: I
+    loadFullData: q
   };
 }
 const ko = {
@@ -2189,7 +2188,7 @@ const ko = {
 }, Po = { class: "vpg-ai-suggestions" }, Oo = {
   key: 0,
   class: "vpg-ai-msg vpg-ai-msg-user"
-}, Bo = ["onClick"], Uo = { class: "vpg-ai-result-header" }, Io = { class: "vpg-ai-result-badge" }, qo = { class: "vpg-ai-result-content" }, Ho = {
+}, Bo = ["onClick"], Uo = { class: "vpg-ai-result-header" }, qo = { class: "vpg-ai-result-badge" }, Io = { class: "vpg-ai-result-content" }, Ho = {
   key: 2,
   class: "vpg-ai-msg vpg-ai-msg-assistant"
 }, jo = { class: "vpg-ai-assistant-content" }, Wo = {
@@ -2298,7 +2297,7 @@ const ko = {
           return ((pe = o.value[Ce].metadata) == null ? void 0 : pe.query) || "";
       return "";
     });
-    qe(o, () => {
+    Ie(o, () => {
       ct(() => {
         j.value && (j.value.scrollTop = j.value.scrollHeight);
       });
@@ -2314,7 +2313,7 @@ const ko = {
     function N(H) {
       H.key === "Enter" && !H.shiftKey && (H.preventDefault(), m());
     }
-    function I() {
+    function q() {
       w.value.length > 0 && l("viewResults", { data: w.value, query: p.value });
     }
     function se(H) {
@@ -2427,7 +2426,7 @@ const ko = {
                     onClick: (Xe) => se(re.id)
                   }, [
                     e("div", Uo, [
-                      e("div", Io, [
+                      e("div", qo, [
                         b[16] || (b[16] = e("svg", {
                           viewBox: "0 0 24 24",
                           fill: "none",
@@ -2443,7 +2442,7 @@ const ko = {
                         key: 0,
                         class: ie(["vpg-ai-sql-toggle", { "vpg-ai-sql-expanded": Z.value && W.value === re.id }]),
                         title: "View SQL query",
-                        onClick: b[4] || (b[4] = Ie((Xe) => M(), ["stop"]))
+                        onClick: b[4] || (b[4] = qe((Xe) => M(), ["stop"]))
                       }, [...b[17] || (b[17] = [
                         e("svg", {
                           viewBox: "0 0 24 24",
@@ -2457,7 +2456,7 @@ const ko = {
                         e("span", null, "SQL", -1)
                       ])], 2)) : O("", !0)
                     ]),
-                    e("div", qo, C(J(re)), 1)
+                    e("div", Io, C(J(re)), 1)
                   ], 10, Bo)) : re.role === "assistant" ? (i(), u("div", Ho, [
                     e("div", jo, C(J(re)), 1),
                     (He = re.metadata) != null && He.error ? (i(), u("div", Wo, [...b[18] || (b[18] = [
@@ -2501,7 +2500,7 @@ const ko = {
             e("div", Yo, [
               e("form", {
                 class: "vpg-ai-input-form",
-                onSubmit: Ie(m, ["prevent"])
+                onSubmit: qe(m, ["prevent"])
               }, [
                 We(e("textarea", {
                   "onUpdate:modelValue": b[5] || (b[5] = (re) => ee.value = re),
@@ -2543,7 +2542,7 @@ const ko = {
                     key: 0,
                     class: "vpg-ai-action-btn vpg-ai-action-primary",
                     title: "View in Grid tab",
-                    onClick: I
+                    onClick: q
                   }, [...b[21] || (b[21] = [
                     e("svg", {
                       viewBox: "0 0 24 24",
@@ -2586,7 +2585,7 @@ const ko = {
                     key: 2,
                     class: "vpg-ai-preview-view-btn",
                     title: "View in Grid",
-                    onClick: I
+                    onClick: q
                   }, [...b[23] || (b[23] = [
                     e("svg", {
                       viewBox: "0 0 24 24",
@@ -2721,7 +2720,7 @@ const ko = {
               ]),
               w.value.length > 100 ? (i(), u("div", yl, [
                 ce(" Showing 100 of " + C(w.value.length.toLocaleString()) + " rows. ", 1),
-                e("button", { onClick: I }, " View all in Grid ")
+                e("button", { onClick: q }, " View all in Grid ")
               ])) : O("", !0)
             ]))
           ])
@@ -2821,7 +2820,7 @@ const ko = {
   emits: ["close", "save"],
   setup(t, { emit: a }) {
     const n = t, s = a, l = E(""), o = E(""), v = E("number"), c = E(2), x = E(null);
-    qe(() => n.show, (S) => {
+    Ie(() => n.show, (S) => {
       S && (n.existingField ? (l.value = n.existingField.name, o.value = n.existingField.formula, v.value = n.existingField.formatAs || "number", c.value = n.existingField.decimals ?? 2) : (l.value = "", o.value = "", v.value = "number", c.value = 2), x.value = null);
     });
     const g = z(() => o.value.trim() ? an(o.value, n.availableFields) : null);
@@ -2855,7 +2854,7 @@ const ko = {
       t.show ? (i(), u("div", {
         key: 0,
         class: "vpg-modal-overlay",
-        onClick: h[12] || (h[12] = Ie((L) => s("close"), ["self"]))
+        onClick: h[12] || (h[12] = qe((L) => s("close"), ["self"]))
       }, [
         e("div", Cl, [
           e("div", kl, [
@@ -2977,7 +2976,7 @@ const ko = {
       ])) : O("", !0)
     ]));
   }
-}), Ol = /* @__PURE__ */ lt(Pl, [["__scopeId", "data-v-a29541ff"]]), Bl = { class: "vpg-chart-builder" }, Ul = { class: "vpg-chart-type-bar" }, Il = ["title", "onClick"], ql = {
+}), Ol = /* @__PURE__ */ lt(Pl, [["__scopeId", "data-v-a29541ff"]]), Bl = { class: "vpg-chart-builder" }, Ul = { class: "vpg-chart-type-bar" }, ql = ["title", "onClick"], Il = {
   class: "vpg-icon",
   viewBox: "0 0 24 24",
   fill: "currentColor"
@@ -3233,7 +3232,7 @@ const ko = {
         title: { text: U.yAxisTitle || A.yAxis.label },
         labels: {
           style: { colors: M ? "#94a3b8" : "#64748b" },
-          formatter: (Y) => I(Y, U.valueFormat, U.decimals)
+          formatter: (Y) => q(Y, U.valueFormat, U.decimals)
         }
       }), U.title && ($.title = {
         text: U.title,
@@ -3253,7 +3252,7 @@ const ko = {
                 label: "Total",
                 formatter: (Y) => {
                   const T = Y.globals.seriesTotals.reduce((J, le) => J + le, 0);
-                  return I(T, U.valueFormat, U.decimals);
+                  return q(T, U.valueFormat, U.decimals);
                 }
               }
             }
@@ -3316,7 +3315,7 @@ const ko = {
         heatmap: "heatmap"
       }[M] || "bar";
     }
-    function I(M, A, U) {
+    function q(M, A, U) {
       if (M == null)
         return "";
       if (typeof M != "number")
@@ -3340,7 +3339,7 @@ const ko = {
       };
       return A[M] || A.bar;
     }
-    return qe(() => n.data, () => {
+    return Ie(() => n.data, () => {
     }, { deep: !0 }), vt(() => {
       s("configChange", o.value);
     }), (M, A) => {
@@ -3353,13 +3352,13 @@ const ko = {
             title: _.description,
             onClick: (H) => K(_.type)
           }, [
-            (i(), u("svg", ql, [
+            (i(), u("svg", Il, [
               e("path", {
                 d: se(_.type)
               }, null, 8, Hl)
             ])),
             e("span", jl, C(_.label.replace(" Chart", "")), 1)
-          ], 10, Il))), 128))
+          ], 10, ql))), 128))
         ]),
         e("div", Wl, [
           e("div", Gl, [
@@ -3629,7 +3628,7 @@ const ko = {
       ]);
     };
   }
-}), zs = { class: "vpg-range-filter" }, Ps = { class: "vpg-range-info" }, Os = { class: "vpg-range-bounds" }, Bs = { class: "vpg-slider-container" }, Us = { class: "vpg-slider-track" }, Is = ["min", "max", "step", "value"], qs = ["min", "max", "step", "value"], Hs = { class: "vpg-range-inputs" }, js = { class: "vpg-input-group" }, Ws = ["placeholder", "value", "step"], Gs = { class: "vpg-input-group" }, Ys = ["placeholder", "value", "step"], Ks = { class: "vpg-range-actions" }, Qs = ["disabled"], Js = {
+}), zs = { class: "vpg-range-filter" }, Ps = { class: "vpg-range-info" }, Os = { class: "vpg-range-bounds" }, Bs = { class: "vpg-slider-container" }, Us = { class: "vpg-slider-track" }, qs = ["min", "max", "step", "value"], Is = ["min", "max", "step", "value"], Hs = { class: "vpg-range-inputs" }, js = { class: "vpg-input-group" }, Ws = ["placeholder", "value", "step"], Gs = { class: "vpg-input-group" }, Ys = ["placeholder", "value", "step"], Ks = { class: "vpg-range-actions" }, Qs = ["disabled"], Js = {
   key: 0,
   class: "vpg-filter-summary"
 }, Xs = /* @__PURE__ */ tt({
@@ -3675,7 +3674,7 @@ const ko = {
     function ne() {
       l.value === null && o.value === null ? s("change", null) : s("change", { min: l.value, max: o.value });
     }
-    return qe(() => n.currentRange, (j) => {
+    return Ie(() => n.currentRange, (j) => {
       l.value = (j == null ? void 0 : j.min) ?? null, o.value = (j == null ? void 0 : j.max) ?? null;
     }, { immediate: !0 }), (j, W) => (i(), u("div", zs, [
       e("div", Ps, [
@@ -3701,7 +3700,7 @@ const ko = {
           value: l.value ?? t.dataMin,
           onInput: F,
           onChange: ne
-        }, null, 40, Is),
+        }, null, 40, qs),
         e("input", {
           type: "range",
           class: "vpg-slider vpg-slider-max",
@@ -3711,7 +3710,7 @@ const ko = {
           value: o.value ?? t.dataMax,
           onInput: D,
           onChange: ne
-        }, null, 40, qs)
+        }, null, 40, Is)
       ]),
       e("div", Hs, [
         e("div", js, [
@@ -3880,9 +3879,9 @@ const ko = {
       }), document.addEventListener("mousedown", P), document.addEventListener("keydown", w);
     }), Tt(() => {
       document.removeEventListener("mousedown", P), document.removeEventListener("keydown", w);
-    }), qe(() => n.selectedValues, (f) => {
+    }), Ie(() => n.selectedValues, (f) => {
       k.value = new Set(f);
-    }, { immediate: !0 }), qe(() => n.numericRange, (f) => {
+    }, { immediate: !0 }), Ie(() => n.numericRange, (f) => {
       g.value = f ?? null, f && (x.value = "range");
     }, { immediate: !0 }), (f, p) => (i(), u("div", {
       ref_key: "dropdownRef",
@@ -4224,7 +4223,7 @@ function pr(t) {
     const w = l.value.find((f) => f.id === P);
     return w ? w.desc ? "desc" : "asc" : null;
   }
-  return qe(a, () => {
+  return Ie(a, () => {
     F();
   }), {
     // Table instance
@@ -4518,7 +4517,7 @@ function wr(t) {
   function P(w) {
     x.value = x.value.filter((f) => f.id !== w), o.value = o.value.filter((f) => f.field !== `calc:${w}`), dt(x.value);
   }
-  return qe(
+  return Ie(
     t,
     (w) => {
       if (w.length === 0)
@@ -4551,7 +4550,7 @@ function wr(t) {
       }
     },
     { immediate: !0 }
-  ), qe(
+  ), Ie(
     [s, l, o, v, c, x],
     () => {
       if (!g.value)
@@ -4598,7 +4597,7 @@ function wr(t) {
 const br = { class: "vpg-pivot-config" }, Cr = { class: "vpg-config-header" }, kr = { class: "vpg-header-actions" }, xr = {
   key: 0,
   class: "vpg-assigned-section"
-}, Sr = { class: "vpg-assigned-list" }, Fr = ["title", "onDragstart"], $r = { class: "vpg-item-main" }, Mr = { class: "vpg-item-name" }, Ar = { class: "vpg-item-actions" }, Rr = ["title", "onClick"], Dr = ["value", "onChange"], _r = ["value", "disabled"], Tr = ["onClick"], Er = { class: "vpg-unassigned-section" }, Lr = { class: "vpg-section-header" }, Nr = { class: "vpg-section-label" }, Vr = { class: "vpg-count" }, zr = { class: "vpg-field-search" }, Pr = { class: "vpg-field-list" }, Or = ["title", "onDragstart"], Br = { class: "vpg-field-name" }, Ur = ["onClick"], Ir = ["onClick"], qr = {
+}, Sr = { class: "vpg-assigned-list" }, Fr = ["title", "onDragstart"], $r = { class: "vpg-item-main" }, Mr = { class: "vpg-item-name" }, Ar = { class: "vpg-item-actions" }, Rr = ["title", "onClick"], Dr = ["value", "onChange"], _r = ["value", "disabled"], Tr = ["onClick"], Er = { class: "vpg-unassigned-section" }, Lr = { class: "vpg-section-header" }, Nr = { class: "vpg-section-label" }, Vr = { class: "vpg-count" }, zr = { class: "vpg-field-search" }, Pr = { class: "vpg-field-list" }, Or = ["title", "onDragstart"], Br = { class: "vpg-field-name" }, Ur = ["onClick"], qr = ["onClick"], Ir = {
   key: 1,
   class: "vpg-unique-count"
 }, Hr = {
@@ -4652,24 +4651,24 @@ const br = { class: "vpg-pivot-config" }, Cr = { class: "vpg-config-header" }, k
       ...n.availableFields.map((p) => ({ ...p, isCalculated: !1 })),
       ...h.value
     ]), ue = z(() => {
-      const p = new Set(n.rowFields), m = new Set(n.columnFields), N = new Map(n.valueFields.map((I) => [I.field, I]));
-      return L.value.filter((I) => p.has(I.field) || m.has(I.field) || N.has(I.field)).map((I) => ({
-        ...I,
-        assignedTo: p.has(I.field) ? "row" : m.has(I.field) ? "column" : "value",
-        valueConfig: N.get(I.field)
+      const p = new Set(n.rowFields), m = new Set(n.columnFields), N = new Map(n.valueFields.map((q) => [q.field, q]));
+      return L.value.filter((q) => p.has(q.field) || m.has(q.field) || N.has(q.field)).map((q) => ({
+        ...q,
+        assignedTo: p.has(q.field) ? "row" : m.has(q.field) ? "column" : "value",
+        valueConfig: N.get(q.field)
       }));
     }), ne = z(() => {
-      const p = new Set(n.rowFields), m = new Set(n.columnFields), N = new Set(n.valueFields.map((I) => I.field));
+      const p = new Set(n.rowFields), m = new Set(n.columnFields), N = new Set(n.valueFields.map((q) => q.field));
       return L.value.filter(
-        (I) => !p.has(I.field) && !m.has(I.field) && !N.has(I.field)
+        (q) => !p.has(q.field) && !m.has(q.field) && !N.has(q.field)
       );
     }), ee = z(() => ue.value.length), G = E(""), j = z(() => {
       if (!G.value.trim())
         return ne.value;
       const p = G.value.toLowerCase().trim();
       return ne.value.filter((m) => {
-        const N = m.field.toLowerCase(), I = m.isCalculated && m.calcName ? m.calcName.toLowerCase() : "";
-        return N.includes(p) || I.includes(p);
+        const N = m.field.toLowerCase(), q = m.isCalculated && m.calcName ? m.calcName.toLowerCase() : "";
+        return N.includes(p) || q.includes(p);
       });
     });
     function W(p, m) {
@@ -4754,7 +4753,7 @@ const br = { class: "vpg-pivot-config" }, Cr = { class: "vpg-config-header" }, k
         m[10] || (m[10] = e("div", { class: "vpg-section-label" }, " Active ", -1)),
         e("div", Sr, [
           (i(!0), u(te, null, ve(ue.value, (N) => {
-            var I;
+            var q;
             return i(), u("div", {
               key: N.field,
               class: ie(["vpg-assigned-item", [`vpg-type-${N.assignedTo}`, { "vpg-type-calc": N.isCalculated }]]),
@@ -4766,7 +4765,7 @@ const br = { class: "vpg-pivot-config" }, Cr = { class: "vpg-config-header" }, k
               e("div", $r, [
                 e("span", {
                   class: ie(["vpg-item-badge", [N.assignedTo, { calc: N.isCalculated }]])
-                }, C(N.isCalculated ? "ƒ" : N.assignedTo === "row" ? "R" : N.assignedTo === "column" ? "C" : R(fn)(((I = N.valueConfig) == null ? void 0 : I.aggregation) || "sum")), 3),
+                }, C(N.isCalculated ? "ƒ" : N.assignedTo === "row" ? "R" : N.assignedTo === "column" ? "C" : R(fn)(((q = N.valueConfig) == null ? void 0 : q.aggregation) || "sum")), 3),
                 e("span", Mr, C(Z(N)), 1)
               ]),
               e("div", Ar, [
@@ -4774,7 +4773,7 @@ const br = { class: "vpg-pivot-config" }, Cr = { class: "vpg-config-header" }, k
                   key: 0,
                   class: "vpg-toggle-btn",
                   title: N.assignedTo === "row" ? "Move to Columns" : "Move to Rows",
-                  onClick: Ie((se) => w(N.field, N.assignedTo), ["stop"])
+                  onClick: qe((se) => w(N.field, N.assignedTo), ["stop"])
                 }, [...m[9] || (m[9] = [
                   e("svg", {
                     class: "vpg-icon-xs",
@@ -4795,7 +4794,7 @@ const br = { class: "vpg-pivot-config" }, Cr = { class: "vpg-config-header" }, k
                   class: "vpg-agg-select",
                   value: N.valueConfig.aggregation,
                   onChange: (se) => P(N.field, N.valueConfig.aggregation, se.target.value),
-                  onClick: m[1] || (m[1] = Ie(() => {
+                  onClick: m[1] || (m[1] = qe(() => {
                   }, ["stop"]))
                 }, [
                   (i(!0), u(te, null, ve(R(o), (se) => (i(), u("option", {
@@ -4807,7 +4806,7 @@ const br = { class: "vpg-pivot-config" }, Cr = { class: "vpg-config-header" }, k
                 e("button", {
                   class: "vpg-remove-btn",
                   title: "Remove",
-                  onClick: Ie((se) => f(N.field, N.assignedTo, N.valueConfig), ["stop"])
+                  onClick: qe((se) => f(N.field, N.assignedTo, N.valueConfig), ["stop"])
                 }, " × ", 8, Tr)
               ])
             ], 42, Fr);
@@ -4872,7 +4871,7 @@ const br = { class: "vpg-pivot-config" }, Cr = { class: "vpg-config-header" }, k
             }]),
             title: N.isCalculated ? N.calcFormula : N.field,
             draggable: "true",
-            onDragstart: (I) => de(N.field, I),
+            onDragstart: (q) => de(N.field, q),
             onDragend: K
           }, [
             e("span", {
@@ -4883,7 +4882,7 @@ const br = { class: "vpg-pivot-config" }, Cr = { class: "vpg-config-header" }, k
               e("button", {
                 class: "vpg-field-edit",
                 title: "Edit calculated field",
-                onClick: Ie((I) => {
+                onClick: qe((q) => {
                   var se;
                   return F((se = t.calculatedFields) == null ? void 0 : se.find((M) => M.id === N.calcId));
                 }, ["stop"])
@@ -4891,9 +4890,9 @@ const br = { class: "vpg-pivot-config" }, Cr = { class: "vpg-config-header" }, k
               e("button", {
                 class: "vpg-field-delete",
                 title: "Delete calculated field",
-                onClick: Ie((I) => N.calcId && s("removeCalculatedField", N.calcId), ["stop"])
-              }, " × ", 8, Ir)
-            ], 64)) : (i(), u("span", qr, C(N.uniqueCount), 1))
+                onClick: qe((q) => N.calcId && s("removeCalculatedField", N.calcId), ["stop"])
+              }, " × ", 8, qr)
+            ], 64)) : (i(), u("span", Ir, C(N.uniqueCount), 1))
           ], 42, Or))), 128)),
           j.value.length === 0 && G.value ? (i(), u("div", Hr, ' No fields match "' + C(G.value) + '" ', 1)) : ne.value.length === 0 ? (i(), u("div", jr, " All fields assigned ")) : O("", !0)
         ])
@@ -4969,10 +4968,10 @@ const br = { class: "vpg-pivot-config" }, Cr = { class: "vpg-config-header" }, k
 }, Ti = { class: "vpg-placeholder-content" }, Ei = { class: "vpg-placeholder-text" }, Li = {
   key: 1,
   class: "vpg-table-container"
-}, Ni = { class: "vpg-pivot-table" }, Vi = ["rowspan"], zi = { class: "vpg-header-content" }, Pi = ["colspan", "onClick"], Oi = { class: "vpg-header-content" }, Bi = ["rowspan"], Ui = ["onMousedown", "onMouseenter"], Ii = {
+}, Ni = { class: "vpg-pivot-table" }, Vi = ["rowspan"], zi = { class: "vpg-header-content" }, Pi = ["colspan", "onClick"], Oi = { class: "vpg-header-content" }, Bi = ["rowspan"], Ui = ["onMousedown", "onMouseenter"], qi = {
   key: 0,
   class: "vpg-data-cell vpg-total-cell"
-}, qi = {
+}, Ii = {
   key: 0,
   class: "vpg-totals-row"
 }, Hi = ["colspan"], ji = {
@@ -5007,46 +5006,46 @@ const br = { class: "vpg-pivot-config" }, Cr = { class: "vpg-config-header" }, k
   emits: ["addRowField", "removeRowField", "addColumnField", "removeColumnField", "addValueField", "removeValueField", "updateAggregation", "reorderRowFields", "reorderColumnFields"],
   setup(t, { emit: a }) {
     const n = t, s = a;
-    function l(q) {
+    function l(I) {
       var y;
-      if (q.startsWith("calc:")) {
-        const X = q.replace("calc:", ""), V = (y = n.calculatedFields) == null ? void 0 : y.find((Q) => Q.id === X);
-        return (V == null ? void 0 : V.name) || q;
+      if (I.startsWith("calc:")) {
+        const X = I.replace("calc:", ""), V = (y = n.calculatedFields) == null ? void 0 : y.find((Q) => Q.id === X);
+        return (V == null ? void 0 : V.name) || I;
       }
-      return q;
+      return I;
     }
-    function o(q) {
-      return q.startsWith("calc:");
+    function o(I) {
+      return I.startsWith("calc:");
     }
     const { showWatermark: v, canUsePivot: c, isDemo: x } = Ft(), g = E(null), k = E(null), F = E(null), D = E(n.fontSize || "xs"), S = [
       { value: "xs", label: "S" },
       { value: "sm", label: "M" },
       { value: "base", label: "L" }
-    ], h = z(() => n.activeFilters && n.activeFilters.length > 0), L = z(() => !n.activeFilters || n.activeFilters.length === 0 ? "" : n.activeFilters.map((y) => y.column).join(", ")), ue = z(() => !n.activeFilters || n.activeFilters.length === 0 ? [] : n.activeFilters.map((q) => {
-      if (q.isRange && q.displayText)
+    ], h = z(() => n.activeFilters && n.activeFilters.length > 0), L = z(() => !n.activeFilters || n.activeFilters.length === 0 ? "" : n.activeFilters.map((y) => y.column).join(", ")), ue = z(() => !n.activeFilters || n.activeFilters.length === 0 ? [] : n.activeFilters.map((I) => {
+      if (I.isRange && I.displayText)
         return {
-          column: q.column,
-          displayText: q.displayText,
+          column: I.column,
+          displayText: I.displayText,
           isRange: !0,
           values: [],
           remaining: 0
         };
-      const y = q.values || [], X = 5, V = y.slice(0, X), Q = y.length - X;
+      const y = I.values || [], X = 5, V = y.slice(0, X), Q = y.length - X;
       return {
-        column: q.column,
+        column: I.column,
         values: V,
         remaining: Q > 0 ? Q : 0,
         isRange: !1
       };
     })), ne = E(!1), ee = E("asc"), G = E("row");
-    function j(q = "row") {
-      G.value === q ? ee.value = ee.value === "asc" ? "desc" : "asc" : (G.value = q, ee.value = "asc");
+    function j(I = "row") {
+      G.value === I ? ee.value = ee.value === "asc" ? "desc" : "asc" : (G.value = I, ee.value = "asc");
     }
     const W = z(() => {
       if (!n.pivotResult)
         return [];
-      const q = n.pivotResult.rowHeaders.map((V, Q) => Q), y = n.pivotResult.rowHeaders, X = n.pivotResult.data;
-      return q.sort((V, Q) => {
+      const I = n.pivotResult.rowHeaders.map((V, Q) => Q), y = n.pivotResult.rowHeaders, X = n.pivotResult.data;
+      return I.sort((V, Q) => {
         var ge, be, Ee, $e, De, Oe;
         let ae;
         if (G.value === "row") {
@@ -5057,14 +5056,14 @@ const br = { class: "vpg-pivot-config" }, Cr = { class: "vpg-config-header" }, k
           Fe === null && je === null ? ae = 0 : Fe === null ? ae = 1 : je === null ? ae = -1 : ae = Fe - je;
         }
         return ee.value === "asc" ? ae : -ae;
-      }), q;
+      }), I;
     }), Z = z(() => {
       if (!n.pivotResult || n.pivotResult.headers.length === 0)
         return [n.valueFields.map((y) => ({
           label: o(y.field) ? `${l(y.field)} (${St(y.aggregation)})` : `${y.field} (${St(y.aggregation)})`,
           colspan: 1
         }))];
-      const q = [];
+      const I = [];
       for (let y = 0; y < n.pivotResult.headers.length; y++) {
         const X = n.pivotResult.headers[y], V = [];
         let Q = 0;
@@ -5075,37 +5074,37 @@ const br = { class: "vpg-pivot-config" }, Cr = { class: "vpg-config-header" }, k
             ge++;
           V.push({ label: ae, colspan: ge }), Q += ge;
         }
-        q.push(V);
+        I.push(V);
       }
-      return q;
+      return I;
     }), de = E(null), K = E(null), P = E(null), w = E(!1), f = E(!1), p = E(""), m = z(() => !K.value || !P.value ? null : {
       minRow: Math.min(K.value.row, P.value.row),
       maxRow: Math.max(K.value.row, P.value.row),
       minCol: Math.min(K.value.col, P.value.col),
       maxCol: Math.max(K.value.col, P.value.col)
     });
-    function N(q, y, X) {
-      X.preventDefault(), X.shiftKey && de.value ? P.value = { row: q, col: y } : (de.value = { row: q, col: y }, K.value = { row: q, col: y }, P.value = { row: q, col: y }, w.value = !0);
+    function N(I, y, X) {
+      X.preventDefault(), X.shiftKey && de.value ? P.value = { row: I, col: y } : (de.value = { row: I, col: y }, K.value = { row: I, col: y }, P.value = { row: I, col: y }, w.value = !0);
     }
-    function I(q, y) {
-      w.value && (P.value = { row: q, col: y });
+    function q(I, y) {
+      w.value && (P.value = { row: I, col: y });
     }
     function se() {
       w.value = !1;
     }
-    function M(q, y) {
+    function M(I, y) {
       var ge, be;
       if (!m.value)
-        return ((ge = de.value) == null ? void 0 : ge.row) === q && ((be = de.value) == null ? void 0 : be.col) === y;
+        return ((ge = de.value) == null ? void 0 : ge.row) === I && ((be = de.value) == null ? void 0 : be.col) === y;
       const { minRow: X, maxRow: V, minCol: Q, maxCol: ae } = m.value;
-      return q >= X && q <= V && y >= Q && y <= ae;
+      return I >= X && I <= V && y >= Q && y <= ae;
     }
     function A() {
       var ge;
       if (!m.value || !n.pivotResult)
         return;
-      const { minRow: q, maxRow: y, minCol: X, maxCol: V } = m.value, Q = [];
-      for (let be = q; be <= y; be++) {
+      const { minRow: I, maxRow: y, minCol: X, maxCol: V } = m.value, Q = [];
+      for (let be = I; be <= y; be++) {
         const Ee = W.value[be];
         if (Ee === void 0)
           continue;
@@ -5119,7 +5118,7 @@ const br = { class: "vpg-pivot-config" }, Cr = { class: "vpg-config-header" }, k
       const ae = Q.join(`
 `);
       navigator.clipboard.writeText(ae).then(() => {
-        const be = (y - q + 1) * (V - X + 1);
+        const be = (y - I + 1) * (V - X + 1);
         p.value = `Copied ${be} cell${be > 1 ? "s" : ""}`, f.value = !0, setTimeout(() => {
           f.value = !1;
         }, 2e3);
@@ -5127,22 +5126,22 @@ const br = { class: "vpg-pivot-config" }, Cr = { class: "vpg-config-header" }, k
         console.error("Copy failed:", be);
       });
     }
-    function U(q) {
+    function U(I) {
       if (m.value) {
-        if ((q.ctrlKey || q.metaKey) && q.key === "c") {
-          q.preventDefault(), A();
+        if ((I.ctrlKey || I.metaKey) && I.key === "c") {
+          I.preventDefault(), A();
           return;
         }
-        q.key === "Escape" && (de.value = null, K.value = null, P.value = null);
+        I.key === "Escape" && (de.value = null, K.value = null, P.value = null);
       }
     }
     const $ = z(() => {
       var Ee;
       if (!m.value || !n.pivotResult)
         return null;
-      const { minRow: q, maxRow: y, minCol: X, maxCol: V } = m.value, Q = [];
+      const { minRow: I, maxRow: y, minCol: X, maxCol: V } = m.value, Q = [];
       let ae = 0;
-      for (let $e = q; $e <= y; $e++) {
+      for (let $e = I; $e <= y; $e++) {
         const De = W.value[$e];
         if (De !== void 0)
           for (let Oe = X; Oe <= V; Oe++) {
@@ -5160,21 +5159,21 @@ const br = { class: "vpg-pivot-config" }, Cr = { class: "vpg-config-header" }, k
         avg: be
       };
     });
-    function Y(q) {
-      return Math.abs(q) >= 1e6 ? `${(q / 1e6).toFixed(2)}M` : Math.abs(q) >= 1e3 ? `${(q / 1e3).toFixed(2)}K` : q.toFixed(2);
+    function Y(I) {
+      return Math.abs(I) >= 1e6 ? `${(I / 1e6).toFixed(2)}M` : Math.abs(I) >= 1e3 ? `${(I / 1e3).toFixed(2)}K` : I.toFixed(2);
     }
     vt(() => {
       document.addEventListener("mouseup", se), document.addEventListener("keydown", U);
     }), Tt(() => {
       document.removeEventListener("mouseup", se), document.removeEventListener("keydown", U);
     });
-    function T(q, y) {
-      y.preventDefault(), y.dataTransfer.dropEffect = "move", g.value = q;
+    function T(I, y) {
+      y.preventDefault(), y.dataTransfer.dropEffect = "move", g.value = I;
     }
     function J() {
       g.value = null;
     }
-    function le(q, y) {
+    function le(I, y) {
       var Q;
       y.preventDefault();
       const X = (Q = y.dataTransfer) == null ? void 0 : Q.getData("text/plain");
@@ -5184,7 +5183,7 @@ const br = { class: "vpg-pivot-config" }, Cr = { class: "vpg-config-header" }, k
       }
       n.rowFields.includes(X) && s("removeRowField", X), n.columnFields.includes(X) && s("removeColumnField", X);
       const V = n.valueFields.find((ae) => ae.field === X);
-      switch (V && s("removeValueField", X, V.aggregation), q) {
+      switch (V && s("removeValueField", X, V.aggregation), I) {
         case "row":
           s("addRowField", X);
           break;
@@ -5197,47 +5196,47 @@ const br = { class: "vpg-pivot-config" }, Cr = { class: "vpg-config-header" }, k
       }
       g.value = null;
     }
-    function _(q, y, X) {
-      k.value = { zone: q, index: y }, X.dataTransfer.effectAllowed = "move", X.dataTransfer.setData("text/plain", `reorder:${q}:${y}`), requestAnimationFrame(() => {
+    function _(I, y, X) {
+      k.value = { zone: I, index: y }, X.dataTransfer.effectAllowed = "move", X.dataTransfer.setData("text/plain", `reorder:${I}:${y}`), requestAnimationFrame(() => {
         g.value = null;
       });
     }
     function H() {
       k.value = null, F.value = null;
     }
-    function b(q, y, X) {
-      X.preventDefault(), k.value && k.value.zone === q && (X.dataTransfer.dropEffect = "move", F.value = { zone: q, index: y });
+    function b(I, y, X) {
+      X.preventDefault(), k.value && k.value.zone === I && (X.dataTransfer.dropEffect = "move", F.value = { zone: I, index: y });
     }
     function pe() {
       F.value = null;
     }
-    function Ce(q, y, X) {
-      if (X.preventDefault(), X.stopPropagation(), !k.value || k.value.zone !== q)
+    function Ce(I, y, X) {
+      if (X.preventDefault(), X.stopPropagation(), !k.value || k.value.zone !== I)
         return;
       const V = k.value.index;
       if (V === y) {
         k.value = null, F.value = null;
         return;
       }
-      const Q = q === "row" ? [...n.rowFields] : [...n.columnFields], [ae] = Q.splice(V, 1);
-      Q.splice(y, 0, ae), s(q === "row" ? "reorderRowFields" : "reorderColumnFields", Q), k.value = null, F.value = null;
+      const Q = I === "row" ? [...n.rowFields] : [...n.columnFields], [ae] = Q.splice(V, 1);
+      Q.splice(y, 0, ae), s(I === "row" ? "reorderRowFields" : "reorderColumnFields", Q), k.value = null, F.value = null;
     }
-    function re(q, y) {
+    function re(I, y) {
       var X, V;
-      return ((X = k.value) == null ? void 0 : X.zone) === q && ((V = k.value) == null ? void 0 : V.index) === y;
+      return ((X = k.value) == null ? void 0 : X.zone) === I && ((V = k.value) == null ? void 0 : V.index) === y;
     }
-    function Ae(q, y) {
+    function Ae(I, y) {
       var X, V;
-      return ((X = F.value) == null ? void 0 : X.zone) === q && ((V = F.value) == null ? void 0 : V.index) === y;
+      return ((X = F.value) == null ? void 0 : X.zone) === I && ((V = F.value) == null ? void 0 : V.index) === y;
     }
     const Re = E(180), Pe = E(80), He = z(() => {
-      const q = Math.max(n.rowFields.length, 1);
-      return Math.max(Re.value / q, 80);
+      const I = Math.max(n.rowFields.length, 1);
+      return Math.max(Re.value / I, 80);
     });
-    function Xe(q) {
-      return q * He.value;
+    function Xe(I) {
+      return I * He.value;
     }
-    return (q, y) => {
+    return (I, y) => {
       var X;
       return i(), u("div", {
         class: ie(["vpg-pivot-skeleton", [
@@ -5372,7 +5371,7 @@ const br = { class: "vpg-pivot-config" }, Cr = { class: "vpg-config-header" }, k
                   e("span", yi, C(V), 1),
                   e("button", {
                     class: "vpg-mini-remove",
-                    onClick: Ie((ae) => s("removeRowField", V), ["stop"])
+                    onClick: qe((ae) => s("removeRowField", V), ["stop"])
                   }, " × ", 8, wi)
                 ], 42, hi))), 128)),
                 t.rowFields.length === 0 ? (i(), u("span", bi, "Drop here")) : O("", !0)
@@ -5406,7 +5405,7 @@ const br = { class: "vpg-pivot-config" }, Cr = { class: "vpg-config-header" }, k
                   e("span", xi, C(V), 1),
                   e("button", {
                     class: "vpg-mini-remove",
-                    onClick: Ie((ae) => s("removeColumnField", V), ["stop"])
+                    onClick: qe((ae) => s("removeColumnField", V), ["stop"])
                   }, " × ", 8, Si)
                 ], 42, ki))), 128)),
                 t.columnFields.length === 0 ? (i(), u("span", Fi, "Drop here")) : O("", !0)
@@ -5531,11 +5530,11 @@ const br = { class: "vpg-pivot-config" }, Cr = { class: "vpg-config-header" }, k
                     ]]),
                     style: ze({ width: `${Pe.value}px` }),
                     onMousedown: (ge) => N(W.value.indexOf(V), ae, ge),
-                    onMouseenter: (ge) => I(W.value.indexOf(V), ae)
+                    onMouseenter: (ge) => q(W.value.indexOf(V), ae)
                   }, C(Q.formattedValue), 47, Ui))), 128)),
-                  t.pivotResult.rowTotals[V] ? (i(), u("td", Ii, C(t.pivotResult.rowTotals[V].formattedValue), 1)) : O("", !0)
+                  t.pivotResult.rowTotals[V] ? (i(), u("td", qi, C(t.pivotResult.rowTotals[V].formattedValue), 1)) : O("", !0)
                 ]))), 128)),
-                t.pivotResult.columnTotals.length > 0 ? (i(), u("tr", qi, [
+                t.pivotResult.columnTotals.length > 0 ? (i(), u("tr", Ii, [
                   e("th", {
                     class: "vpg-row-header-cell vpg-total-label",
                     colspan: Math.max(t.rowFields.length, 1),
@@ -5693,7 +5692,7 @@ const br = { class: "vpg-pivot-config" }, Cr = { class: "vpg-config-header" }, k
 }, Uu = {
   key: 0,
   class: "vpg-chart-filter-bar"
-}, Iu = { class: "vpg-footer" }, qu = { class: "vpg-footer-left" }, Hu = {
+}, qu = { class: "vpg-footer" }, Iu = { class: "vpg-footer-left" }, Hu = {
   key: 0,
   class: "vpg-filtered-note"
 }, ju = { key: 1 }, Wu = { class: "vpg-filtered-count" }, Gu = {
@@ -5748,7 +5747,7 @@ const br = { class: "vpg-pivot-config" }, Cr = { class: "vpg-config-header" }, k
       { value: "base", label: "L" }
     ], w = E(null), f = E(null), p = z(() => f.value || n.data), m = z(() => p.value), {
       table: N,
-      columnKeys: I,
+      columnKeys: q,
       filteredRowCount: se,
       totalRowCount: M,
       getColumnStats: A,
@@ -5786,7 +5785,7 @@ const br = { class: "vpg-pivot-config" }, Cr = { class: "vpg-config-header" }, k
       valueFields: Pe,
       showRowTotals: He,
       showColumnTotals: Xe,
-      availableFields: q,
+      availableFields: I,
       isConfigured: y,
       pivotResult: X,
       addRowField: V,
@@ -5803,7 +5802,7 @@ const br = { class: "vpg-pivot-config" }, Cr = { class: "vpg-config-header" }, k
         return nt.value;
       const d = S.value.toLowerCase().trim();
       return nt.value.filter((r) => {
-        for (const oe of I.value) {
+        for (const oe of q.value) {
           const B = r.original[oe];
           if (B != null && String(B).toLowerCase().includes(d))
             return !0;
@@ -5824,7 +5823,7 @@ const br = { class: "vpg-pivot-config" }, Cr = { class: "vpg-config-header" }, k
     function Sn() {
       L.value > 1 && L.value--;
     }
-    qe([_, S], () => {
+    Ie([_, S], () => {
       L.value = 1;
     });
     function zt() {
@@ -5833,7 +5832,7 @@ const br = { class: "vpg-pivot-config" }, Cr = { class: "vpg-config-header" }, k
         return;
       }
       const d = n.enableSearch && S.value.trim() ? ke.value.map((r) => r.original) : nt.value.map((r) => r.original);
-      gr(d, I.value, {
+      gr(d, q.value, {
         filename: n.exportFilename,
         includeHeaders: !0
       }), s("export", { rowCount: d.length, filename: n.exportFilename });
@@ -5891,12 +5890,12 @@ const br = { class: "vpg-pivot-config" }, Cr = { class: "vpg-config-header" }, k
     function Ut() {
       j.value = !1, document.removeEventListener("mousemove", Bt), document.removeEventListener("mouseup", Ut);
     }
-    function It() {
+    function qt() {
       if (!Ne.value || !n.enableClipboard)
         return;
       const d = hr(
         nt.value.map((r) => r.original),
-        I.value,
+        q.value,
         Ne.value
       );
       fr(
@@ -5969,20 +5968,20 @@ const br = { class: "vpg-pivot-config" }, Cr = { class: "vpg-config-header" }, k
     function Un() {
       $t.value = null;
     }
-    function In(d) {
+    function qn(d) {
       Ae.value = d;
     }
-    function qn(d) {
+    function In(d) {
       Re.value = d;
     }
-    const Mt = E(), qt = E(), nt = z(() => N.getRowModel().rows), xe = E(null), pt = E({ top: 0, left: 0, maxHeight: 400 }), Ge = E({});
+    const Mt = E(), It = E(), nt = z(() => N.getRowModel().rows), xe = E(null), pt = E({ top: 0, left: 0, maxHeight: 400 }), Ge = E({});
     function Ht() {
       if (typeof document > "u" || p.value.length === 0)
         return;
       const d = {}, r = Math.min(100, p.value.length), B = document.createElement("canvas").getContext("2d");
       if (B) {
         B.font = "13px system-ui, -apple-system, sans-serif";
-        for (const me of I.value) {
+        for (const me of q.value) {
           let he = B.measureText(me).width + 56;
           for (let we = 0; we < r; we++) {
             const ye = p.value[we][me], Se = ye == null ? "" : String(ye), Ke = B.measureText(Se).width + 28;
@@ -6026,7 +6025,7 @@ const br = { class: "vpg-pivot-config" }, Cr = { class: "vpg-config-header" }, k
     }
     function Kn(d, r) {
       if (r.target.closest(".vpg-dropdown-arrow")) {
-        const B = I.value[d];
+        const B = q.value[d];
         Hn(B, r);
       } else
         Yn(d);
@@ -6052,7 +6051,7 @@ const br = { class: "vpg-pivot-config" }, Cr = { class: "vpg-config-header" }, k
         const Ke = nt.value[Se];
         if (Ke)
           for (let at = oe; at <= B; at++) {
-            const ot = I.value[at];
+            const ot = q.value[at];
             if (!ot)
               continue;
             const ut = Ke.original[ot];
@@ -6072,7 +6071,7 @@ const br = { class: "vpg-pivot-config" }, Cr = { class: "vpg-config-header" }, k
     }
     function Wt(d) {
       if ((d.ctrlKey || d.metaKey) && d.key === "c" && Ne.value) {
-        d.preventDefault(), It();
+        d.preventDefault(), qt();
         return;
       }
       if ((d.ctrlKey || d.metaKey) && d.key === "f" && n.enableSearch) {
@@ -6084,7 +6083,7 @@ const br = { class: "vpg-pivot-config" }, Cr = { class: "vpg-config-header" }, k
       }
       if (!Ye.value || xe.value)
         return;
-      const { row: r, col: oe } = Ye.value, me = Vt.value.length - 1, he = I.value.length - 1;
+      const { row: r, col: oe } = Ye.value, me = Vt.value.length - 1, he = q.value.length - 1;
       function we(ye, Se) {
         d.shiftKey ? (Ue.value || (Ue.value = { row: r, col: oe }), Le.value = { row: ye, col: Se }) : (Ue.value = { row: ye, col: Se }, Le.value = { row: ye, col: Se }), Ye.value = { row: ye, col: Se }, Jn(ye, Se);
       }
@@ -6109,7 +6108,7 @@ const br = { class: "vpg-pivot-config" }, Cr = { class: "vpg-config-header" }, k
     function Jn(d, r) {
       ct(() => {
         var B;
-        const oe = (B = qt.value) == null ? void 0 : B.querySelector(
+        const oe = (B = It.value) == null ? void 0 : B.querySelector(
           `[data-row="${d}"][data-col="${r}"]`
         );
         oe == null || oe.scrollIntoView({ block: "nearest", inline: "nearest" });
@@ -6119,7 +6118,7 @@ const br = { class: "vpg-pivot-config" }, Cr = { class: "vpg-config-header" }, k
       oe.preventDefault(), oe.shiftKey && Ye.value ? Le.value = { row: d, col: r } : (Ye.value = { row: d, col: r }, Ue.value = { row: d, col: r }, Le.value = { row: d, col: r }, At.value = !0);
       const B = nt.value[d];
       if (B) {
-        const me = I.value[r];
+        const me = q.value[r];
         s("cellClick", {
           row: d,
           col: r,
@@ -6171,10 +6170,10 @@ const br = { class: "vpg-pivot-config" }, Cr = { class: "vpg-config-header" }, k
     }), Tt(() => {
       var d;
       document.removeEventListener("keydown", Wt), document.removeEventListener("mouseup", Gt), (d = Mt.value) == null || d.removeEventListener("scroll", Yt), window.removeEventListener("scroll", Kt, { capture: !0 });
-    }), qe([() => n.data, f], () => {
+    }), Ie([() => n.data, f], () => {
       ct(Ht);
     }, { immediate: !0 });
-    const oa = z(() => I.value.reduce((d, r) => d + (Ge.value[r] || Ze), 0));
+    const oa = z(() => q.value.reduce((d, r) => d + (Ge.value[r] || Ze), 0));
     function la(d) {
       xe.value && (d.target.closest(".vpg-filter-portal") || gt());
     }
@@ -6238,7 +6237,7 @@ const br = { class: "vpg-pivot-config" }, Cr = { class: "vpg-config-header" }, k
                 key: 1,
                 class: "vpg-view-btn vpg-ai-btn vpg-pro-feature",
                 title: "AI Analyst (Pro feature)",
-                onClick: r[1] || (r[1] = Ie(() => {
+                onClick: r[1] || (r[1] = qe(() => {
                 }, ["prevent"]))
               }, [...r[23] || (r[23] = [
                 e("svg", {
@@ -6498,7 +6497,7 @@ const br = { class: "vpg-pivot-config" }, Cr = { class: "vpg-config-header" }, k
               key: 1,
               class: "vpg-icon-btn",
               title: "Copy selection (Ctrl+C)",
-              onClick: It
+              onClick: qt
             }, [...r[38] || (r[38] = [
               e("svg", {
                 class: "vpg-icon",
@@ -6630,7 +6629,7 @@ const br = { class: "vpg-pivot-config" }, Cr = { class: "vpg-config-header" }, k
             }, [
               e("thead", null, [
                 e("tr", null, [
-                  (i(!0), u(te, null, ve(R(I), (B, me) => (i(), u("th", {
+                  (i(!0), u(te, null, ve(R(q), (B, me) => (i(), u("th", {
                     key: B,
                     class: ie(["vpg-header-cell", {
                       "vpg-has-filter": R(U)(B),
@@ -6701,13 +6700,13 @@ const br = { class: "vpg-pivot-config" }, Cr = { class: "vpg-config-header" }, k
               ]),
               e("tbody", {
                 ref_key: "tableBodyRef",
-                ref: qt
+                ref: It
               }, [
                 (i(!0), u(te, null, ve(Vt.value, (B, me) => (i(), u("tr", {
                   key: B.id,
                   class: "vpg-row"
                 }, [
-                  (i(!0), u(te, null, ve(R(I), (he, we) => (i(), u("td", {
+                  (i(!0), u(te, null, ve(R(q), (he, we) => (i(), u("td", {
                     key: he,
                     class: ie(["vpg-cell", {
                       "vpg-selected": ea(me, we),
@@ -6726,7 +6725,7 @@ const br = { class: "vpg-pivot-config" }, Cr = { class: "vpg-config-header" }, k
         ], 512)) : fe.value === "pivot" ? (i(), u("div", Pu, [
           rt.value && R(o) ? (i(), u("div", Ou, [
             Je(Qr, {
-              "available-fields": R(q),
+              "available-fields": R(I),
               "row-fields": R(Ae),
               "column-fields": R(Re),
               "value-fields": R(Pe),
@@ -6772,8 +6771,8 @@ const br = { class: "vpg-pivot-config" }, Cr = { class: "vpg-config-header" }, k
               onAddValueField: R(be),
               onRemoveValueField: R(Ee),
               onUpdateAggregation: R($e),
-              onReorderRowFields: In,
-              onReorderColumnFields: qn
+              onReorderRowFields: qn,
+              onReorderColumnFields: In
             }, null, 8, ["row-fields", "column-fields", "value-fields", "calculated-fields", "is-configured", "dragging-field", "pivot-result", "font-size", "active-filters", "total-row-count", "filtered-row-count", "onAddRowField", "onRemoveRowField", "onAddColumnField", "onRemoveColumnField", "onAddValueField", "onRemoveValueField", "onUpdateAggregation"])
           ], 2)
         ])) : fe.value === "chart" ? (i(), u("div", Bu, [
@@ -6802,8 +6801,8 @@ const br = { class: "vpg-pivot-config" }, Cr = { class: "vpg-config-header" }, k
             onConfigChange: Vn
           }, null, 8, ["data", "theme"])
         ])) : O("", !0),
-        e("div", Iu, [
-          e("div", qu, [
+        e("div", qu, [
+          e("div", Iu, [
             fe.value === "grid" ? (i(), u(te, { key: 0 }, [
               t.enablePagination ? (i(), u(te, { key: 0 }, [
                 e("span", null, C(Cn.value.toLocaleString()) + "-" + C(kn.value.toLocaleString()), 1),