@smallwebco/tinypivot-vue 1.1.0 → 1.1.1

package/dist/tinypivot-vue.js

@@ -1,4 +1,4 @@
-import { ref as E, computed as P, onMounted as xt, watch as De, defineComponent as Xe, nextTick as yt, openBlock as i, createElementBlock as u, normalizeClass as ce, unref as _, createElementVNode as e, createStaticVNode as _t, Fragment as Q, withDirectives as Ue, vModelText as Qe, renderList as ve, toDisplayString as S, createCommentVNode as I, withModifiers as Le, createTextVNode as de, createBlock as kt, Teleport as Kt, vModelSelect as Na, defineAsyncComponent as La, Suspense as Pa, withCtx as Pt, withKeys as Gt, normalizeStyle as qe, onUnmounted as Vt, createVNode as We, Transition as Tn, vShow as Va } from "vue";
+import { ref as E, computed as P, onMounted as xt, watch as De, defineComponent as Xe, nextTick as yt, openBlock as i, createElementBlock as u, normalizeClass as ue, unref as _, createElementVNode as e, createStaticVNode as _t, Fragment as Q, withDirectives as Ue, vModelText as Qe, renderList as ve, toDisplayString as S, createCommentVNode as I, withModifiers as Le, createTextVNode as de, createBlock as kt, Teleport as Kt, vModelSelect as Na, defineAsyncComponent as La, Suspense as Pa, withCtx as Pt, withKeys as Gt, normalizeStyle as qe, onUnmounted as Vt, createVNode as We, Transition as Tn, vShow as Va } from "vue";
 import { useVueTable as Oa, getFilteredRowModel as za, getSortedRowModel as Ba, getCoreRowModel as Ia } from "@tanstack/vue-table";
 const qa = /* @__PURE__ */ new Map([
   ["sales", {
@@ -2735,7 +2735,7 @@ const tl = {
     return (h, w) => {
       var ie, le;
       return i(), u("div", {
-        class: ce(["vpg-ai-analyst", { "vpg-theme-dark": U.value }])
+        class: ue(["vpg-ai-analyst", { "vpg-theme-dark": U.value }])
       }, [
         _(y) ? (i(), u("div", dl, [
           e("div", vl, [
@@ -2802,7 +2802,7 @@ const tl = {
                     e("span", null, S(ee.content), 1)
                   ])) : v(ee) ? (i(), u("div", {
                     key: 1,
-                    class: ce(["vpg-ai-msg vpg-ai-msg-result", { "vpg-ai-msg-selected": K.value === ee.id }]),
+                    class: ue(["vpg-ai-msg vpg-ai-msg-result", { "vpg-ai-msg-selected": K.value === ee.id }]),
                     onClick: (Pe) => ae(ee.id)
                   }, [
                     e("div", bl, [
@@ -2820,7 +2820,7 @@ const tl = {
                       ]),
                       (Ge = ee.metadata) != null && Ge.query ? (i(), u("button", {
                         key: 0,
-                        class: ce(["vpg-ai-sql-toggle", { "vpg-ai-sql-expanded": ne.value && K.value === ee.id }]),
+                        class: ue(["vpg-ai-sql-toggle", { "vpg-ai-sql-expanded": ne.value && K.value === ee.id }]),
                         title: "View SQL query",
                         onClick: w[4] || (w[4] = Le((Pe) => N(), ["stop"]))
                       }, [...w[17] || (w[17] = [
@@ -2946,7 +2946,7 @@ const tl = {
                   fe.value.length > 0 ? (i(), u("span", Vl, S(fe.value.length.toLocaleString()) + " rows ", 1)) : I("", !0),
                   A.value ? (i(), u("button", {
                     key: 1,
-                    class: ce(["vpg-ai-preview-sql-btn", { "vpg-ai-sql-active": ne.value }]),
+                    class: ue(["vpg-ai-preview-sql-btn", { "vpg-ai-sql-active": ne.value }]),
                     title: "Toggle SQL query",
                     onClick: w[6] || (w[6] = (ee) => N())
                   }, [...w[22] || (w[22] = [
@@ -3195,7 +3195,8 @@ const tl = {
   props: {
     show: { type: Boolean },
     availableFields: {},
-    existingField: {}
+    existingField: {},
+    theme: {}
   },
   emits: ["close", "save"],
   setup(t, { emit: o }) {
@@ -3233,7 +3234,7 @@ const tl = {
     return (k, p) => (i(), kt(Kt, { to: "body" }, [
       t.show ? (i(), u("div", {
         key: 0,
-        class: "vpg-modal-overlay",
+        class: ue(["vpg-modal-overlay", `vpg-theme-${t.theme ?? "light"}`]),
         onClick: p[12] || (p[12] = Le((T) => s("close"), ["self"]))
       }, [
         e("div", es, [
@@ -3353,10 +3354,10 @@ const tl = {
             }, S(t.existingField ? "Update" : "Add") + " Field ", 1)
           ])
         ])
-      ])) : I("", !0)
+      ], 2)) : I("", !0)
     ]));
   }
-}), ys = /* @__PURE__ */ lt(hs, [["__scopeId", "data-v-65797c1f"]]), ws = { class: "vpg-chart-builder" }, bs = { class: "vpg-chart-type-bar" }, Cs = ["title", "onClick"], ks = {
+}), ys = /* @__PURE__ */ lt(hs, [["__scopeId", "data-v-84f7160f"]]), ws = { class: "vpg-chart-builder" }, bs = { class: "vpg-chart-type-bar" }, Cs = ["title", "onClick"], ks = {
   class: "vpg-icon",
   viewBox: "0 0 24 24",
   fill: "currentColor"
@@ -3742,7 +3743,7 @@ const tl = {
         e("div", bs, [
           (i(!0), u(Q, null, ve(_(Yt), (v) => (i(), u("button", {
             key: v.type,
-            class: ce(["vpg-chart-type-btn", { active: a.value.type === v.type }]),
+            class: ue(["vpg-chart-type-btn", { active: a.value.type === v.type }]),
             title: v.description,
             onClick: (U) => ge(v.type)
           }, [
@@ -3817,7 +3818,7 @@ const tl = {
             e("div", zs, [
               e("label", Bs, S(T.value.xAxis), 1),
               e("div", {
-                class: ce(["vpg-chart-drop-zone", { "drag-over": y.value === "xAxis", "has-field": a.value.xAxis }]),
+                class: ue(["vpg-chart-drop-zone", { "drag-over": y.value === "xAxis", "has-field": a.value.xAxis }]),
                 onDragover: R[2] || (R[2] = (v) => j("xAxis", v)),
                 onDragleave: K,
                 onDrop: R[3] || (R[3] = (v) => ne("xAxis", v))
@@ -3855,7 +3856,7 @@ const tl = {
             e("div", js, [
               e("label", Ws, S(T.value.yAxis), 1),
               e("div", {
-                class: ce(["vpg-chart-drop-zone", { "drag-over": y.value === "yAxis", "has-field": a.value.yAxis }]),
+                class: ue(["vpg-chart-drop-zone", { "drag-over": y.value === "yAxis", "has-field": a.value.yAxis }]),
                 onDragover: R[6] || (R[6] = (v) => j("yAxis", v)),
                 onDragleave: K,
                 onDrop: R[7] || (R[7] = (v) => ne("yAxis", v))
@@ -3893,7 +3894,7 @@ const tl = {
             T.value.showSeries ? (i(), u("div", Qs, [
               e("label", Xs, S(T.value.series), 1),
               e("div", {
-                class: ce(["vpg-chart-drop-zone vpg-zone-optional", { "drag-over": y.value === "series", "has-field": a.value.seriesField || Z.value && a.value.colorField }]),
+                class: ue(["vpg-chart-drop-zone vpg-zone-optional", { "drag-over": y.value === "series", "has-field": a.value.seriesField || Z.value && a.value.colorField }]),
                 onDragover: R[10] || (R[10] = (v) => j(Z.value ? "color" : "series", v)),
                 onDragleave: K,
                 onDrop: R[11] || (R[11] = (v) => ne(Z.value ? "color" : "series", v))
@@ -3931,7 +3932,7 @@ const tl = {
             T.value.showSize ? (i(), u("div", ar, [
               R[23] || (R[23] = e("label", { class: "vpg-chart-zone-label" }, "Size (number)", -1)),
               e("div", {
-                class: ce(["vpg-chart-drop-zone vpg-zone-optional", { "drag-over": y.value === "size", "has-field": a.value.sizeField }]),
+                class: ue(["vpg-chart-drop-zone vpg-zone-optional", { "drag-over": y.value === "size", "has-field": a.value.sizeField }]),
                 onDragover: R[14] || (R[14] = (v) => j("size", v)),
                 onDragleave: K,
                 onDrop: R[15] || (R[15] = (v) => ne("size", v))
@@ -4079,7 +4080,7 @@ const tl = {
           Ue(e("input", {
             "onUpdate:modelValue": O[0] || (O[0] = (j) => a.value = j),
             type: "text",
-            class: ce(["vpg-range-input", { "vpg-input-error": d.value }]),
+            class: ue(["vpg-range-input", { "vpg-input-error": d.value }]),
             placeholder: _(Sn)(l.value),
             onBlur: k,
             onKeyup: Gt(k, ["enter"])
@@ -4093,7 +4094,7 @@ const tl = {
           Ue(e("input", {
             "onUpdate:modelValue": O[1] || (O[1] = (j) => c.value = j),
             type: "text",
-            class: ce(["vpg-range-input", { "vpg-input-error": C.value }]),
+            class: ue(["vpg-range-input", { "vpg-input-error": C.value }]),
             placeholder: _(Sn)(l.value),
             onBlur: p,
             onKeyup: Gt(p, ["enter"])
@@ -4447,7 +4448,7 @@ const tl = {
       ]),
       e("div", Qr, [
         e("button", {
-          class: ce(["vpg-sort-btn", { active: t.sortDirection === "asc" }]),
+          class: ue(["vpg-sort-btn", { active: t.sortDirection === "asc" }]),
           title: z.value,
           onClick: ge
         }, [
@@ -4467,7 +4468,7 @@ const tl = {
           e("span", null, S(G.value), 1)
         ], 10, Xr),
         e("button", {
-          class: ce(["vpg-sort-btn", { active: t.sortDirection === "desc" }]),
+          class: ue(["vpg-sort-btn", { active: t.sortDirection === "desc" }]),
           title: O.value,
           onClick: pe
         }, [
@@ -4490,7 +4491,7 @@ const tl = {
       V[11] || (V[11] = e("div", { class: "vpg-divider" }, null, -1)),
       d.value || C.value ? (i(), u("div", ei, [
         e("button", {
-          class: ce(["vpg-tab-btn", { active: m.value === "values" }]),
+          class: ue(["vpg-tab-btn", { active: m.value === "values" }]),
           onClick: V[0] || (V[0] = (W) => N("values"))
         }, [...V[6] || (V[6] = [
           e("svg", {
@@ -4509,7 +4510,7 @@ const tl = {
           de(" Values ", -1)
         ])], 2),
         e("button", {
-          class: ce(["vpg-tab-btn", { active: m.value === "range" }]),
+          class: ue(["vpg-tab-btn", { active: m.value === "range" }]),
           onClick: V[1] || (V[1] = (W) => N("range"))
         }, [...V[7] || (V[7] = [
           e("svg", {
@@ -4602,7 +4603,7 @@ const tl = {
         e("div", ni, [
           (i(!0), u(Q, null, ve(T.value, (W) => (i(), u("label", {
             key: W,
-            class: ce(["vpg-value-item", { selected: x.value.has(W) }])
+            class: ue(["vpg-value-item", { selected: x.value.has(W) }])
           }, [
             e("input", {
               type: "checkbox",
@@ -4611,7 +4612,7 @@ const tl = {
               onChange: (se) => j(W)
             }, null, 40, ai),
             e("span", {
-              class: ce(["vpg-value-text", { "vpg-blank": W === "(blank)" }])
+              class: ue(["vpg-value-text", { "vpg-blank": W === "(blank)" }])
             }, S(W), 3)
           ], 2))), 128)),
           T.value.length === 0 ? (i(), u("div", oi, " No matching values ")) : I("", !0)
@@ -5262,7 +5263,8 @@ const gi = { class: "vpg-modal vpg-drill-modal" }, mi = { class: "vpg-modal-head
     result: {},
     rowFields: {},
     columnFields: {},
-    valueFields: {}
+    valueFields: {},
+    theme: {}
   },
   emits: ["close"],
   setup(t, { emit: o }) {
@@ -5303,7 +5305,7 @@ const gi = { class: "vpg-modal vpg-drill-modal" }, mi = { class: "vpg-modal-head
     return (p, T) => (i(), kt(Kt, { to: "body" }, [
       t.show ? (i(), u("div", {
         key: 0,
-        class: "vpg-modal-overlay",
+        class: ue(["vpg-modal-overlay", `vpg-theme-${t.theme ?? "light"}`]),
         onClick: T[2] || (T[2] = Le((G) => s("close"), ["self"]))
       }, [
         e("div", gi, [
@@ -5357,10 +5359,10 @@ const gi = { class: "vpg-modal vpg-drill-modal" }, mi = { class: "vpg-modal-head
             }, " Close ")
           ])
         ])
-      ])) : I("", !0)
+      ], 2)) : I("", !0)
     ]));
   }
-}), $i = /* @__PURE__ */ lt(Fi, [["__scopeId", "data-v-74103619"]]), Mi = { class: "vpg-config-header" }, Di = { class: "vpg-header-actions" }, Ri = {
+}), $i = /* @__PURE__ */ lt(Fi, [["__scopeId", "data-v-a3b2c69b"]]), Mi = { class: "vpg-config-header" }, Di = { class: "vpg-header-actions" }, Ri = {
   key: 0,
   class: "vpg-assigned-section"
 }, Ti = { class: "vpg-assigned-list" }, Ai = ["title", "onDragstart"], _i = { class: "vpg-item-main" }, Ei = { class: "vpg-item-name" }, Ni = { class: "vpg-item-actions" }, Li = ["title", "onClick"], Pi = ["value", "onChange"], Vi = ["value", "disabled"], Oi = ["onClick"], zi = { class: "vpg-unassigned-section" }, Bi = { class: "vpg-section-header" }, Ii = { class: "vpg-section-label" }, qi = { class: "vpg-count" }, Ui = { class: "vpg-field-search" }, Hi = { class: "vpg-field-list" }, ji = ["title", "onDragstart"], Wi = { class: "vpg-field-name" }, Gi = ["onClick"], Yi = ["onClick"], Ki = {
@@ -5476,7 +5478,7 @@ const gi = { class: "vpg-modal vpg-drill-modal" }, mi = { class: "vpg-modal-head
       f === "row" ? s("removeRowField", A) : f === "column" ? s("removeColumnField", A) : F && s("removeValueField", A, F.aggregation);
     }
     return (A, f) => (i(), u("div", {
-      class: ce(["vpg-pivot-config", t.theme ? `vpg-theme-${t.theme}` : ""])
+      class: ue(["vpg-pivot-config", t.theme ? `vpg-theme-${t.theme}` : ""])
     }, [
       e("div", Mi, [
         f[8] || (f[8] = e("h3", { class: "vpg-config-title" }, [
@@ -5525,7 +5527,7 @@ const gi = { class: "vpg-modal vpg-drill-modal" }, mi = { class: "vpg-modal-head
             var H;
             return i(), u("div", {
               key: F.field,
-              class: ce(["vpg-assigned-item", [`vpg-type-${F.assignedTo}`, { "vpg-type-calc": F.isCalculated }]]),
+              class: ue(["vpg-assigned-item", [`vpg-type-${F.assignedTo}`, { "vpg-type-calc": F.isCalculated }]]),
               title: F.isCalculated ? F.calcFormula : F.field,
               draggable: "true",
               onDragstart: (ae) => me(F.field, ae),
@@ -5533,7 +5535,7 @@ const gi = { class: "vpg-modal vpg-drill-modal" }, mi = { class: "vpg-modal-head
             }, [
               e("div", _i, [
                 e("span", {
-                  class: ce(["vpg-item-badge", [F.assignedTo, { calc: F.isCalculated }]])
+                  class: ue(["vpg-item-badge", [F.assignedTo, { calc: F.isCalculated }]])
                 }, S(F.isCalculated ? "ƒ" : F.assignedTo === "row" ? "R" : F.assignedTo === "column" ? "C" : _(In)(((H = F.valueConfig) == null ? void 0 : H.aggregation) || "sum")), 3),
                 e("span", Ei, S(ne(F)), 1)
               ]),
@@ -5634,7 +5636,7 @@ const gi = { class: "vpg-modal vpg-drill-modal" }, mi = { class: "vpg-modal-head
         e("div", Hi, [
           (i(!0), u(Q, null, ve(j.value, (F) => (i(), u("div", {
             key: F.field,
-            class: ce(["vpg-field-item", {
+            class: ue(["vpg-field-item", {
               "vpg-is-numeric": F.isNumeric && !F.isCalculated,
               "vpg-is-calculated": F.isCalculated
             }]),
@@ -5644,7 +5646,7 @@ const gi = { class: "vpg-modal vpg-drill-modal" }, mi = { class: "vpg-modal-head
             onDragend: ge
           }, [
             e("span", {
-              class: ce(["vpg-field-type-icon", { "vpg-calc-type": F.isCalculated }])
+              class: ue(["vpg-field-type-icon", { "vpg-calc-type": F.isCalculated }])
             }, S(K(F.type, F.isCalculated)), 3),
             e("span", Wi, S(ne(F)), 1),
             F.isCalculated ? (i(), u(Q, { key: 0 }, [
@@ -5688,14 +5690,15 @@ const gi = { class: "vpg-modal vpg-drill-modal" }, mi = { class: "vpg-modal-head
         show: C.value,
         "available-fields": y.value,
         "existing-field": m.value,
+        theme: t.theme,
         onClose: f[6] || (f[6] = (F) => {
           C.value = !1, m.value = null;
         }),
         onSave: x
-      }, null, 8, ["show", "available-fields", "existing-field"])
+      }, null, 8, ["show", "available-fields", "existing-field", "theme"])
     ], 2));
   }
-}), nu = /* @__PURE__ */ lt(tu, [["__scopeId", "data-v-4352f997"]]), au = {
+}), nu = /* @__PURE__ */ lt(tu, [["__scopeId", "data-v-d4853ede"]]), au = {
   key: 0,
   class: "vpg-toast"
 }, ou = { class: "vpg-skeleton-header" }, lu = { class: "vpg-header-right" }, su = { class: "vpg-filter-text" }, ru = {
@@ -5812,10 +5815,10 @@ const gi = { class: "vpg-modal vpg-drill-modal" }, mi = { class: "vpg-modal-head
         return [];
       const B = n.pivotResult.rowHeaders.map((L, Y) => Y), b = n.pivotResult.rowHeaders, J = n.pivotResult.data;
       return B.sort((L, Y) => {
-        var ue, he, Ae, Ve, _e, Oe;
+        var ce, he, Ae, Ve, _e, Oe;
         let oe;
         if (O.value === "row") {
-          const $e = ((ue = b[L]) == null ? void 0 : ue.join(" / ")) || "", Re = ((he = b[Y]) == null ? void 0 : he.join(" / ")) || "";
+          const $e = ((ce = b[L]) == null ? void 0 : ce.join(" / ")) || "", Re = ((he = b[Y]) == null ? void 0 : he.join(" / ")) || "";
           oe = $e.localeCompare(Re, void 0, { numeric: !0, sensitivity: "base" });
         } else {
           const $e = O.value, Re = ((Ve = (Ae = J[L]) == null ? void 0 : Ae[$e]) == null ? void 0 : Ve.value) ?? null, Ke = ((Oe = (_e = J[Y]) == null ? void 0 : _e[$e]) == null ? void 0 : Oe.value) ?? null;
@@ -5835,10 +5838,10 @@ const gi = { class: "vpg-modal vpg-drill-modal" }, mi = { class: "vpg-modal-head
         let Y = 0;
         for (; Y < J.length; ) {
           const oe = J[Y];
-          let ue = 1;
-          for (; Y + ue < J.length && J[Y + ue] === oe; )
-            ue++;
-          L.push({ label: oe, colspan: ue }), Y += ue;
+          let ce = 1;
+          for (; Y + ce < J.length && J[Y + ce] === oe; )
+            ce++;
+          L.push({ label: oe, colspan: ce }), Y += ce;
         }
         B.push(L);
       }
@@ -5859,14 +5862,14 @@ const gi = { class: "vpg-modal vpg-drill-modal" }, mi = { class: "vpg-modal-head
       fe.value = !1;
     }
     function N(B, b) {
-      var ue, he;
+      var ce, he;
       if (!f.value)
-        return ((ue = me.value) == null ? void 0 : ue.row) === B && ((he = me.value) == null ? void 0 : he.col) === b;
+        return ((ce = me.value) == null ? void 0 : ce.row) === B && ((he = me.value) == null ? void 0 : he.col) === b;
       const { minRow: J, maxRow: L, minCol: Y, maxCol: oe } = f.value;
       return B >= J && B <= L && b >= Y && b <= oe;
     }
     function R() {
-      var ue;
+      var ce;
       if (!f.value || !n.pivotResult)
         return;
       const { minRow: B, maxRow: b, minCol: J, maxCol: L } = f.value, Y = [];
@@ -5876,7 +5879,7 @@ const gi = { class: "vpg-modal vpg-drill-modal" }, mi = { class: "vpg-modal-head
           continue;
         const Ve = [];
         for (let _e = J; _e <= L; _e++) {
-          const Oe = (ue = n.pivotResult.data[Ae]) == null ? void 0 : ue[_e];
+          const Oe = (ce = n.pivotResult.data[Ae]) == null ? void 0 : ce[_e];
           Ve.push((Oe == null ? void 0 : Oe.formattedValue) ?? "");
         }
         Y.push(Ve.join("	"));
@@ -5917,11 +5920,11 @@ const gi = { class: "vpg-modal vpg-drill-modal" }, mi = { class: "vpg-modal-head
       }
       if (oe <= 1)
         return null;
-      const ue = Y.reduce((Ve, _e) => Ve + _e, 0), he = Y.length > 0 ? ue / Y.length : 0;
+      const ce = Y.reduce((Ve, _e) => Ve + _e, 0), he = Y.length > 0 ? ce / Y.length : 0;
       return {
         count: oe,
         numericCount: Y.length,
-        sum: ue,
+        sum: ce,
         avg: he
       };
     });
@@ -6008,12 +6011,12 @@ const gi = { class: "vpg-modal vpg-drill-modal" }, mi = { class: "vpg-modal-head
         return [];
       const B = ((L = n.pivotResult.data[0]) == null ? void 0 : L.length) ?? 0, b = n.valueFields.length || 1, J = [];
       for (let Y = 0; Y < B; Y++) {
-        const oe = Math.floor(Y / b), ue = [];
+        const oe = Math.floor(Y / b), ce = [];
         for (let he = 0; he < n.columnFields.length; he++) {
           const Ae = n.pivotResult.headers[he];
-          Ae && ue.push(Ae[oe * b] ?? "");
+          Ae && ce.push(Ae[oe * b] ?? "");
         }
-        J.push(ue);
+        J.push(ce);
       }
       return J;
     });
@@ -6029,8 +6032,8 @@ const gi = { class: "vpg-modal vpg-drill-modal" }, mi = { class: "vpg-modal-head
     function vt(B, b) {
       if (!n.pivotResult)
         return;
-      const J = n.pivotResult.rowMeta[B], L = J ? J.path : [], Y = Pe.value[b] ?? [], oe = n.valueFields.length || 1, ue = b % oe;
-      s("drillThroughCell", { rowPath: L, columnPath: Y, valueFieldIndex: ue });
+      const J = n.pivotResult.rowMeta[B], L = J ? J.path : [], Y = Pe.value[b] ?? [], oe = n.valueFields.length || 1, ce = b % oe;
+      s("drillThroughCell", { rowPath: L, columnPath: Y, valueFieldIndex: ce });
     }
     function pt(B) {
       if (!n.pivotResult)
@@ -6048,7 +6051,7 @@ const gi = { class: "vpg-modal vpg-drill-modal" }, mi = { class: "vpg-modal-head
     return (B, b) => {
       var J;
       return i(), u("div", {
-        class: ce(["vpg-pivot-skeleton", [
+        class: ue(["vpg-pivot-skeleton", [
           `vpg-font-${x.value}`,
           t.theme ? `vpg-theme-${t.theme}` : "",
           { "vpg-is-dragging": t.draggingField }
@@ -6145,7 +6148,7 @@ const gi = { class: "vpg-modal vpg-drill-modal" }, mi = { class: "vpg-modal-head
             t.isConfigured && t.pivotResult ? (i(), u("div", yu, [
               (i(), u(Q, null, ve(k, (L) => e("button", {
                 key: L.value,
-                class: ce(["vpg-font-size-btn", { active: x.value === L.value }]),
+                class: ue(["vpg-font-size-btn", { active: x.value === L.value }]),
                 onClick: (Y) => x.value = L.value
               }, S(L.label), 11, wu)), 64))
             ])) : I("", !0)
@@ -6154,7 +6157,7 @@ const gi = { class: "vpg-modal vpg-drill-modal" }, mi = { class: "vpg-modal-head
         _(d) ? (i(), u(Q, { key: 1 }, [
           e("div", Cu, [
             e("div", {
-              class: ce(["vpg-drop-zone vpg-row-zone", { "vpg-drag-over": m.value === "row" }]),
+              class: ue(["vpg-drop-zone vpg-row-zone", { "vpg-drag-over": m.value === "row" }]),
               onDragover: b[2] || (b[2] = (L) => W("row", L)),
               onDragleave: se,
               onDrop: b[3] || (b[3] = (L) => re("row", L))
@@ -6166,7 +6169,7 @@ const gi = { class: "vpg-modal vpg-drill-modal" }, mi = { class: "vpg-modal-head
               e("div", ku, [
                 (i(!0), u(Q, null, ve(t.rowFields, (L, Y) => (i(), u("div", {
                   key: L,
-                  class: ce(["vpg-mini-chip vpg-row-chip", {
+                  class: ue(["vpg-mini-chip vpg-row-chip", {
                     "vpg-chip-dragging": le("row", Y),
                     "vpg-chip-drop-target": ee("row", Y)
                   }]),
@@ -6188,7 +6191,7 @@ const gi = { class: "vpg-modal vpg-drill-modal" }, mi = { class: "vpg-modal-head
               ])
             ], 34),
             e("div", {
-              class: ce(["vpg-drop-zone vpg-column-zone", { "vpg-drag-over": m.value === "column" }]),
+              class: ue(["vpg-drop-zone vpg-column-zone", { "vpg-drag-over": m.value === "column" }]),
               onDragover: b[4] || (b[4] = (L) => W("column", L)),
               onDragleave: se,
               onDrop: b[5] || (b[5] = (L) => re("column", L))
@@ -6200,7 +6203,7 @@ const gi = { class: "vpg-modal vpg-drill-modal" }, mi = { class: "vpg-modal-head
               e("div", Mu, [
                 (i(!0), u(Q, null, ve(t.columnFields, (L, Y) => (i(), u("div", {
                   key: L,
-                  class: ce(["vpg-mini-chip vpg-column-chip", {
+                  class: ue(["vpg-mini-chip vpg-column-chip", {
                     "vpg-chip-dragging": le("column", Y),
                     "vpg-chip-drop-target": ee("column", Y)
                   }]),
@@ -6222,7 +6225,7 @@ const gi = { class: "vpg-modal vpg-drill-modal" }, mi = { class: "vpg-modal-head
               ])
             ], 34),
             e("div", {
-              class: ce(["vpg-drop-zone vpg-value-zone", { "vpg-drag-over": m.value === "value" }]),
+              class: ue(["vpg-drop-zone vpg-value-zone", { "vpg-drag-over": m.value === "value" }]),
               onDragover: b[6] || (b[6] = (L) => W("value", L)),
               onDragleave: se,
               onDrop: b[7] || (b[7] = (L) => re("value", L))
@@ -6234,7 +6237,7 @@ const gi = { class: "vpg-modal vpg-drill-modal" }, mi = { class: "vpg-modal-head
               e("div", _u, [
                 (i(!0), u(Q, null, ve(t.valueFields, (L) => (i(), u("div", {
                   key: `${L.field}-${L.aggregation}`,
-                  class: ce(["vpg-mini-chip vpg-value-chip", { "vpg-calc-chip": a(L.field) }])
+                  class: ue(["vpg-mini-chip vpg-value-chip", { "vpg-calc-chip": a(L.field) }])
                 }, [
                   e("span", Eu, S(a(L.field) ? "ƒ" : _(In)(L.aggregation)), 1),
                   e("span", Nu, S(l(L.field)), 1),
@@ -6285,34 +6288,34 @@ const gi = { class: "vpg-modal vpg-drill-modal" }, mi = { class: "vpg-modal-head
                   key: `header-${Y}`,
                   class: "vpg-column-header-row"
                 }, [
-                  Y === 0 ? (i(!0), u(Q, { key: 0 }, ve(t.rowFields.length > 0 ? t.rowFields : ["Rows"], (oe, ue) => (i(), u("th", {
-                    key: `row-header-${ue}`,
+                  Y === 0 ? (i(!0), u(Q, { key: 0 }, ve(t.rowFields.length > 0 ? t.rowFields : ["Rows"], (oe, ce) => (i(), u("th", {
+                    key: `row-header-${ce}`,
                     class: "vpg-row-header-label",
                     rowspan: ne.value.length,
-                    style: qe({ width: `${Ge.value}px`, minWidth: "80px", left: `${Ze(ue)}px` }),
+                    style: qe({ width: `${Ge.value}px`, minWidth: "80px", left: `${Ze(ce)}px` }),
                     onClick: b[8] || (b[8] = (he) => j("row"))
                   }, [
                     e("div", Uu, [
                       e("span", null, S(oe), 1),
-                      ue === t.rowFields.length - 1 || t.rowFields.length === 0 ? (i(), u("span", {
+                      ce === t.rowFields.length - 1 || t.rowFields.length === 0 ? (i(), u("span", {
                         key: 0,
-                        class: ce(["vpg-sort-indicator", { active: O.value === "row" }])
+                        class: ue(["vpg-sort-indicator", { active: O.value === "row" }])
                       }, S(O.value === "row" ? z.value === "asc" ? "↑" : "↓" : "⇅"), 3)) : I("", !0)
                     ])
                   ], 12, qu))), 128)) : I("", !0),
-                  (i(!0), u(Q, null, ve(L, (oe, ue) => (i(), u("th", {
-                    key: ue,
+                  (i(!0), u(Q, null, ve(L, (oe, ce) => (i(), u("th", {
+                    key: ce,
                     class: "vpg-column-header-cell",
                     colspan: oe.colspan,
                     style: qe({ width: `${xe.value * oe.colspan}px` }),
-                    onClick: (he) => Y === ne.value.length - 1 && j(ue)
+                    onClick: (he) => Y === ne.value.length - 1 && j(ce)
                   }, [
                     e("div", ju, [
                       e("span", null, S(oe.label), 1),
                       Y === ne.value.length - 1 ? (i(), u("span", {
                         key: 0,
-                        class: ce(["vpg-sort-indicator", { active: O.value === ue }])
-                      }, S(O.value === ue ? z.value === "asc" ? "↑" : "↓" : "⇅"), 3)) : I("", !0)
+                        class: ue(["vpg-sort-indicator", { active: O.value === ce }])
+                      }, S(O.value === ce ? z.value === "asc" ? "↑" : "↓" : "⇅"), 3)) : I("", !0)
                     ])
                   ], 12, Hu))), 128)),
                   t.pivotResult.rowTotals.length > 0 && Y === 0 ? (i(), u("th", {
@@ -6327,30 +6330,30 @@ const gi = { class: "vpg-modal vpg-drill-modal" }, mi = { class: "vpg-modal-head
                   var Y;
                   return i(), u("tr", {
                     key: L,
-                    class: ce(["vpg-data-row", { "vpg-subtotal-row": (Y = t.pivotResult.rowMeta[L]) == null ? void 0 : Y.isSubtotal }])
+                    class: ue(["vpg-data-row", { "vpg-subtotal-row": (Y = t.pivotResult.rowMeta[L]) == null ? void 0 : Y.isSubtotal }])
                   }, [
-                    (i(!0), u(Q, null, ve(t.pivotResult.rowHeaders[L], (oe, ue) => (i(), u("th", {
-                      key: `row-${L}-${ue}`,
+                    (i(!0), u(Q, null, ve(t.pivotResult.rowHeaders[L], (oe, ce) => (i(), u("th", {
+                      key: `row-${L}-${ce}`,
                       class: "vpg-row-header-cell",
-                      style: qe({ width: `${Ge.value}px`, minWidth: "80px", left: `${Ze(ue)}px` })
+                      style: qe({ width: `${Ge.value}px`, minWidth: "80px", left: `${Ze(ce)}px` })
                     }, [
-                      t.enableDrillDown !== !1 && Ye(L, ue) ? (i(), u("span", {
+                      t.enableDrillDown !== !1 && Ye(L, ce) ? (i(), u("span", {
                         key: 0,
                         class: "vpg-collapse-toggle",
-                        onClick: Le((he) => st(Ye(L, ue), he), ["stop"])
-                      }, S(Ye(L, ue).isCollapsed ? "▸" : "▾"), 9, Gu)) : I("", !0),
+                        onClick: Le((he) => st(Ye(L, ce), he), ["stop"])
+                      }, S(Ye(L, ce).isCollapsed ? "▸" : "▾"), 9, Gu)) : I("", !0),
                       de(" " + S(oe), 1)
                     ], 4))), 128)),
-                    (i(!0), u(Q, null, ve(t.pivotResult.data[L], (oe, ue) => (i(), u("td", {
-                      key: ue,
-                      class: ce(["vpg-data-cell", [
-                        N(K.value.indexOf(L), ue) && "selected",
+                    (i(!0), u(Q, null, ve(t.pivotResult.data[L], (oe, ce) => (i(), u("td", {
+                      key: ce,
+                      class: ue(["vpg-data-cell", [
+                        N(K.value.indexOf(L), ce) && "selected",
                         oe.value === null && "vpg-is-null"
                       ]]),
                       style: qe({ width: `${xe.value}px` }),
-                      onMousedown: (he) => F(K.value.indexOf(L), ue, he),
-                      onMouseenter: (he) => H(K.value.indexOf(L), ue),
-                      onDblclick: (he) => t.enableDrillThrough !== !1 && vt(L, ue)
+                      onMousedown: (he) => F(K.value.indexOf(L), ce, he),
+                      onMouseenter: (he) => H(K.value.indexOf(L), ce),
+                      onDblclick: (he) => t.enableDrillThrough !== !1 && vt(L, ce)
                     }, S(oe.formattedValue), 47, Yu))), 128)),
                     t.pivotResult.rowTotals[L] ? (i(), u("td", {
                       key: 0,
@@ -6422,7 +6425,7 @@ const gi = { class: "vpg-modal vpg-drill-modal" }, mi = { class: "vpg-modal-head
         ])])),
         _(c) && _(d) ? (i(), u("div", {
           key: 2,
-          class: ce(["vpg-watermark", { "vpg-demo-mode": _(C) }])
+          class: ue(["vpg-watermark", { "vpg-demo-mode": _(C) }])
         }, [
           _(C) ? (i(), u(Q, { key: 0 }, [
             b[35] || (b[35] = e("span", { class: "vpg-demo-badge" }, "DEMO", -1)),
@@ -6635,7 +6638,7 @@ const gi = { class: "vpg-modal vpg-drill-modal" }, mi = { class: "vpg-modal-head
       addColumnField: L,
       removeColumnField: Y,
       addValueField: oe,
-      removeValueField: ue,
+      removeValueField: ce,
       updateValueFieldAggregation: he,
       clearConfig: Ae,
       autoSuggestConfig: Ve,
@@ -6801,7 +6804,7 @@ const gi = { class: "vpg-modal vpg-drill-modal" }, mi = { class: "vpg-modal-head
     function ua(g) {
       He.value = He.value.filter((q) => q.id !== g), Ct(He.value);
       const r = `calc:${g}`, te = st.value.find((q) => q.field === r);
-      te && ue(r, te.aggregation);
+      te && ce(r, te.aggregation);
     }
     function ca(g) {
       He.value = He.value.map((r) => r.id === g.id ? g : r), Ct(He.value);
@@ -7055,7 +7058,7 @@ const gi = { class: "vpg-modal vpg-drill-modal" }, mi = { class: "vpg-modal-head
     return (g, r) => {
       var te;
       return i(), u("div", {
-        class: ce(["vpg-data-grid", [
+        class: ue(["vpg-data-grid", [
           `vpg-font-${T.value}`,
           `vpg-theme-${p.value}`,
           { "vpg-striped": t.stripedRows },
@@ -7091,7 +7094,7 @@ const gi = { class: "vpg-modal vpg-drill-modal" }, mi = { class: "vpg-modal-head
             t.showPivot ? (i(), u("div", gc, [
               k.value ? (i(), u("button", {
                 key: 0,
-                class: ce(["vpg-view-btn vpg-ai-btn", { active: be.value === "ai" }]),
+                class: ue(["vpg-view-btn vpg-ai-btn", { active: be.value === "ai" }]),
                 onClick: r[0] || (r[0] = (q) => be.value = "ai")
               }, [...r[26] || (r[26] = [
                 e("svg", {
@@ -7132,7 +7135,7 @@ const gi = { class: "vpg-modal vpg-drill-modal" }, mi = { class: "vpg-modal-head
                 e("span", { class: "vpg-pro-badge" }, "Pro", -1)
               ])])) : I("", !0),
               e("button", {
-                class: ce(["vpg-view-btn", { active: be.value === "grid" }]),
+                class: ue(["vpg-view-btn", { active: be.value === "grid" }]),
                 onClick: r[2] || (r[2] = (q) => be.value = "grid")
               }, [...r[28] || (r[28] = [
                 e("svg", {
@@ -7151,7 +7154,7 @@ const gi = { class: "vpg-modal vpg-drill-modal" }, mi = { class: "vpg-modal-head
                 de(" Grid ", -1)
               ])], 2),
               e("button", {
-                class: ce(["vpg-view-btn vpg-pivot-btn", { active: be.value === "pivot" }]),
+                class: ue(["vpg-view-btn vpg-pivot-btn", { active: be.value === "pivot" }]),
                 onClick: r[3] || (r[3] = (q) => be.value = "pivot")
               }, [...r[29] || (r[29] = [
                 e("svg", {
@@ -7170,7 +7173,7 @@ const gi = { class: "vpg-modal vpg-drill-modal" }, mi = { class: "vpg-modal-head
                 de(" Pivot ", -1)
               ])], 2),
               e("button", {
-                class: ce(["vpg-view-btn vpg-chart-btn", { active: be.value === "chart", "vpg-pro-feature": !_(c) }]),
+                class: ue(["vpg-view-btn vpg-chart-btn", { active: be.value === "chart", "vpg-pro-feature": !_(c) }]),
                 title: _(c) ? "Chart Builder" : "Chart Builder (Pro feature)",
                 onClick: r[4] || (r[4] = (q) => _(c) ? be.value = "chart" : null)
               }, [
@@ -7263,7 +7266,7 @@ const gi = { class: "vpg-modal vpg-drill-modal" }, mi = { class: "vpg-modal-head
                 e("div", bc, [
                   (i(), u(Q, null, ve(A, (q) => e("button", {
                     key: q.value,
-                    class: ce(["vpg-font-size-btn", { active: T.value === q.value }]),
+                    class: ue(["vpg-font-size-btn", { active: T.value === q.value }]),
                     onClick: (ye) => T.value = q.value
                   }, S(q.label), 11, Cc)), 64))
                 ])
@@ -7284,7 +7287,7 @@ const gi = { class: "vpg-modal vpg-drill-modal" }, mi = { class: "vpg-modal-head
               ])) : I("", !0),
               ea.value ? (i(), u("button", {
                 key: 2,
-                class: ce(["vpg-reset-data-btn", { "vpg-loading-btn": gt.value }]),
+                class: ue(["vpg-reset-data-btn", { "vpg-loading-btn": gt.value }]),
                 disabled: gt.value,
                 title: "Reset to full dataset",
                 onClick: ta
@@ -7312,7 +7315,7 @@ const gi = { class: "vpg-modal vpg-drill-modal" }, mi = { class: "vpg-modal-head
             ], 64)) : I("", !0),
             be.value === "pivot" && _(a) ? (i(), u(Q, { key: 2 }, [
               e("button", {
-                class: ce(["vpg-config-toggle", { active: mt.value }]),
+                class: ue(["vpg-config-toggle", { active: mt.value }]),
                 onClick: r[9] || (r[9] = (q) => mt.value = !mt.value)
               }, [
                 r[39] || (r[39] = e("svg", {
@@ -7411,7 +7414,7 @@ const gi = { class: "vpg-modal vpg-drill-modal" }, mi = { class: "vpg-modal-head
             ])])) : I("", !0),
             t.enableExport && be.value === "pivot" && _(wt) ? (i(), u("button", {
               key: 3,
-              class: ce(["vpg-export-btn", { "vpg-export-btn-disabled": !_(m) }]),
+              class: ue(["vpg-export-btn", { "vpg-export-btn-disabled": !_(m) }]),
               disabled: !_(m),
               title: _(m) ? "Export Pivot to CSV" : "Export Pivot to CSV (Pro feature)",
               onClick: r[11] || (r[11] = (q) => _(m) && nn())
@@ -7506,7 +7509,7 @@ const gi = { class: "vpg-modal vpg-drill-modal" }, mi = { class: "vpg-modal-head
                 e("tr", null, [
                   (i(!0), u(Q, null, ve(_(R), (q, ye) => (i(), u("th", {
                     key: q,
-                    class: ce(["vpg-header-cell", {
+                    class: ue(["vpg-header-cell", {
                       "vpg-has-filter": _(W)(q),
                       "vpg-is-sorted": _(h)(q) !== null,
                       "vpg-is-active": Fe.value === q
@@ -7583,7 +7586,7 @@ const gi = { class: "vpg-modal vpg-drill-modal" }, mi = { class: "vpg-modal-head
                 }, [
                   (i(!0), u(Q, null, ve(_(R), (Ce, Se) => (i(), u("td", {
                     key: Ce,
-                    class: ce(["vpg-cell", {
+                    class: ue(["vpg-cell", {
                       "vpg-selected": Da(ye, Se),
                       "vpg-is-number": _(V)(Ce).type === "number"
                     }]),
@@ -7619,14 +7622,14 @@ const gi = { class: "vpg-modal vpg-drill-modal" }, mi = { class: "vpg-modal-head
               onAddColumnField: _(L),
               onRemoveColumnField: _(Y),
               onAddValueField: _(oe),
-              onRemoveValueField: _(ue),
+              onRemoveValueField: _(ce),
               onAddCalculatedField: ia,
               onRemoveCalculatedField: ua,
               onUpdateCalculatedField: ca
             }, null, 8, ["available-fields", "row-fields", "column-fields", "value-fields", "show-row-totals", "show-column-totals", "calculated-fields", "theme", "onClearConfig", "onUpdateAggregation", "onAddRowField", "onRemoveRowField", "onAddColumnField", "onRemoveColumnField", "onAddValueField", "onRemoveValueField"])
           ])) : I("", !0),
           e("div", {
-            class: ce(["vpg-pivot-main", { "vpg-full-width": !mt.value }])
+            class: ue(["vpg-pivot-main", { "vpg-full-width": !mt.value }])
           }, [
             We(cc, {
               "row-fields": _(Pe),
@@ -7648,7 +7651,7 @@ const gi = { class: "vpg-modal vpg-drill-modal" }, mi = { class: "vpg-modal-head
               onAddColumnField: _(L),
               onRemoveColumnField: _(Y),
               onAddValueField: _(oe),
-              onRemoveValueField: _(ue),
+              onRemoveValueField: _(ce),
               onUpdateAggregation: _(he),
               onReorderRowFields: pa,
               onReorderColumnFields: ga,
@@ -7661,8 +7664,9 @@ const gi = { class: "vpg-modal vpg-drill-modal" }, mi = { class: "vpg-modal-head
               "row-fields": _(Pe),
               "column-fields": _(Ye),
               "value-fields": _(st),
+              theme: p.value,
               onClose: r[17] || (r[17] = (q) => x.value = !1)
-            }, null, 8, ["show", "result", "row-fields", "column-fields", "value-fields"])
+            }, null, 8, ["show", "result", "row-fields", "column-fields", "value-fields", "theme"])
           ], 2)
         ])) : be.value === "chart" ? (i(), u("div", Gc, [
           Ze.value && Ze.value.length > 0 ? (i(), u("div", Yc, [
@@ -7822,7 +7826,7 @@ const gi = { class: "vpg-modal vpg-drill-modal" }, mi = { class: "vpg-modal-head
                 rel: "noopener"
               }, "Get License →", -1)
             ])])) : _(l) ? (i(), u("span", md, [...r[71] || (r[71] = [
-              _t('<a href="https://tiny-pivot.com" target="_blank" rel="noopener" data-v-4a7df8fd><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-4a7df8fd><rect x="3" y="3" width="7" height="7" data-v-4a7df8fd></rect><rect x="14" y="3" width="7" height="7" data-v-4a7df8fd></rect><rect x="14" y="14" width="7" height="7" data-v-4a7df8fd></rect><rect x="3" y="14" width="7" height="7" data-v-4a7df8fd></rect></svg> Powered by TinyPivot </a>', 1)
+              _t('<a href="https://tiny-pivot.com" target="_blank" rel="noopener" data-v-3d5c6881><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-3d5c6881><rect x="3" y="3" width="7" height="7" data-v-3d5c6881></rect><rect x="14" y="3" width="7" height="7" data-v-3d5c6881></rect><rect x="14" y="14" width="7" height="7" data-v-3d5c6881></rect><rect x="3" y="14" width="7" height="7" data-v-3d5c6881></rect></svg> Powered by TinyPivot </a>', 1)
             ])])) : I("", !0)
           ])
         ]),
@@ -7870,7 +7874,7 @@ const gi = { class: "vpg-modal vpg-drill-modal" }, mi = { class: "vpg-modal-head
       ], 6);
     };
   }
-}), $d = /* @__PURE__ */ lt(fd, [["__scopeId", "data-v-4a7df8fd"]]);
+}), $d = /* @__PURE__ */ lt(fd, [["__scopeId", "data-v-3d5c6881"]]);
 export {
   si as ColumnFilter,
   $d as DataGrid,