@smallwebco/tinypivot-vue 1.0.12 → 1.0.13

package/dist/tinypivot-vue.js

@@ -1,4 +1,4 @@
-import { ref as M, computed as T, watch as Ue, defineComponent as Qe, onMounted as xt, nextTick as je, onUnmounted as Tt, createElementBlock as u, openBlock as r, createElementVNode as e, toDisplayString as R, normalizeClass as q, withDirectives as it, createCommentVNode as z, vModelText as rt, createTextVNode as I, Fragment as W, renderList as J, withModifiers as He, unref as S, normalizeStyle as ve, createVNode as Ye, createBlock as io, Transition as ro, withCtx as uo, withKeys as vo, Teleport as co } from "vue";
+import { ref as M, computed as T, watch as ze, defineComponent as Qe, onMounted as xt, nextTick as Ue, onUnmounted as Tt, createElementBlock as u, openBlock as r, createElementVNode as e, toDisplayString as R, normalizeClass as q, withDirectives as it, createCommentVNode as z, vModelText as rt, createTextVNode as I, Fragment as W, renderList as J, withModifiers as Ke, unref as S, normalizeStyle as ve, createVNode as Ye, createBlock as io, Transition as ro, withCtx as uo, withKeys as vo, Teleport as co } from "vue";
 import { useVueTable as go, getFilteredRowModel as po, getSortedRowModel as fo, getCoreRowModel as mo } from "@tanstack/vue-table";
 function ho(t) {
   const i = t.filter((c) => c != null && c !== "");
@@ -528,7 +528,7 @@ function Ko(t) {
     const w = v.value.find((x) => x.id === g);
     return w ? w.desc ? "desc" : "asc" : null;
   }
-  return Ue(i, () => {
+  return ze(i, () => {
     $();
   }), {
     // Table instance
@@ -646,7 +646,7 @@ function _o(t) {
     const g = C.value.filter((x) => !x.isNumeric && x.uniqueCount < 50), w = C.value.filter((x) => x.isNumeric);
     g.length > 0 && w.length > 0 && (l.value = [g[0].field], m.value = [{ field: w[0].field, aggregation: "sum" }]);
   }
-  return Ue(
+  return ze(
     t,
     (g) => {
       if (g.length === 0) return;
@@ -678,7 +678,7 @@ function _o(t) {
       }
     },
     { immediate: !0 }
-  ), Ue(
+  ), ze(
     [l, v, m, y, c],
     () => {
       if (!b.value) return;
@@ -933,13 +933,13 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
       s.key === "Escape" ? l("close") : s.key === "Enter" && s.ctrlKey && H();
     }
     return xt(() => {
-      je(() => {
+      Ue(() => {
         var s;
         (s = y.value) == null || s.focus();
       }), document.addEventListener("mousedown", B), document.addEventListener("keydown", f);
     }), Tt(() => {
       document.removeEventListener("mousedown", B), document.removeEventListener("keydown", f);
-    }), Ue(() => n.selectedValues, (s) => {
+    }), ze(() => n.selectedValues, (s) => {
       c.value = new Set(s);
     }, { immediate: !0 }), (s, d) => (r(), u("div", {
       ref_key: "dropdownRef",
@@ -1244,7 +1244,7 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
                   key: 0,
                   class: "vpg-toggle-btn",
                   title: d.assignedTo === "row" ? "Move to Columns" : "Move to Rows",
-                  onClick: He((g) => X(d.field, d.assignedTo), ["stop"])
+                  onClick: Ke((g) => X(d.field, d.assignedTo), ["stop"])
                 }, [...s[8] || (s[8] = [
                   e("svg", {
                     class: "vpg-icon-xs",
@@ -1265,7 +1265,7 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
                   class: "vpg-agg-select",
                   value: d.valueConfig.aggregation,
                   onChange: (g) => _(d.field, d.valueConfig.aggregation, g.target.value),
-                  onClick: s[1] || (s[1] = He(() => {
+                  onClick: s[1] || (s[1] = Ke(() => {
                   }, ["stop"]))
                 }, [
                   (r(), u(W, null, J(y, (g) => e("option", {
@@ -1276,7 +1276,7 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
                 e("button", {
                   class: "vpg-remove-btn",
                   title: "Remove",
-                  onClick: He((g) => B(d.field, d.assignedTo, d.valueConfig), ["stop"])
+                  onClick: Ke((g) => B(d.field, d.assignedTo, d.valueConfig), ["stop"])
                 }, " × ", 8, wn)
               ])
             ], 42, cn);
@@ -1499,14 +1499,14 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
         return [];
       const E = n.pivotResult.rowHeaders.map((k, A) => A), p = n.pivotResult.rowHeaders, P = n.pivotResult.data;
       return E.sort((k, A) => {
-        var G, Me, Le, Pe, Ee, Ne;
+        var G, Me, Ee, Ne, Be, je;
         let N;
         if (s.value === "row") {
           const be = ((G = p[k]) == null ? void 0 : G.join(" / ")) || "", ke = ((Me = p[A]) == null ? void 0 : Me.join(" / ")) || "";
           N = be.localeCompare(ke, void 0, { numeric: !0, sensitivity: "base" });
         } else {
-          const be = s.value, ke = ((Pe = (Le = P[k]) == null ? void 0 : Le[be]) == null ? void 0 : Pe.value) ?? null, Be = ((Ne = (Ee = P[A]) == null ? void 0 : Ee[be]) == null ? void 0 : Ne.value) ?? null;
-          ke === null && Be === null ? N = 0 : ke === null ? N = 1 : Be === null ? N = -1 : N = ke - Be;
+          const be = s.value, ke = ((Ne = (Ee = P[k]) == null ? void 0 : Ee[be]) == null ? void 0 : Ne.value) ?? null, He = ((je = (Be = P[A]) == null ? void 0 : Be[be]) == null ? void 0 : je.value) ?? null;
+          ke === null && He === null ? N = 0 : ke === null ? N = 1 : He === null ? N = -1 : N = ke - He;
         }
         return f.value === "asc" ? N : -N;
       }), E;
@@ -1567,7 +1567,7 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
       }
       c.value = null;
     }
-    function Ke(E, p, P) {
+    function We(E, p, P) {
       b.value = { zone: E, index: p }, P.dataTransfer.effectAllowed = "move", P.dataTransfer.setData("text/plain", `reorder:${E}:${p}`), requestAnimationFrame(() => {
         c.value = null;
       });
@@ -1581,7 +1581,7 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
     function re() {
       C.value = null;
     }
-    function We(E, p, P) {
+    function Ae(E, p, P) {
       if (P.preventDefault(), P.stopPropagation(), !b.value || b.value.zone !== E)
         return;
       const k = b.value.index;
@@ -1592,7 +1592,7 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
       const A = E === "row" ? [...n.rowFields] : [...n.columnFields], [N] = A.splice(k, 1);
       A.splice(p, 0, N), l(E === "row" ? "reorderRowFields" : "reorderColumnFields", A), b.value = null, C.value = null;
     }
-    function ze(E, p) {
+    function Le(E, p) {
       var P, k;
       return ((P = b.value) == null ? void 0 : P.zone) === E && ((k = b.value) == null ? void 0 : k.index) === p;
     }
@@ -1600,7 +1600,7 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
       var P, k;
       return ((P = C.value) == null ? void 0 : P.zone) === E && ((k = C.value) == null ? void 0 : k.index) === p;
     }
-    const Ae = M(180), we = M(80);
+    const Pe = M(180), we = M(80);
     return (E, p) => {
       var P;
       return r(), u("div", {
@@ -1699,21 +1699,21 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
                 (r(!0), u(W, null, J(t.rowFields, (k, A) => (r(), u("div", {
                   key: k,
                   class: q(["vpg-mini-chip vpg-row-chip", {
-                    "vpg-chip-dragging": ze("row", A),
+                    "vpg-chip-dragging": Le("row", A),
                     "vpg-chip-drop-target": _e("row", A)
                   }]),
                   draggable: "true",
-                  onDragstart: (N) => Ke("row", A, N),
+                  onDragstart: (N) => We("row", A, N),
                   onDragend: ye,
                   onDragover: (N) => he("row", A, N),
                   onDragleave: re,
-                  onDrop: (N) => We("row", A, N)
+                  onDrop: (N) => Ae("row", A, N)
                 }, [
                   p[14] || (p[14] = e("span", { class: "vpg-drag-handle" }, "⋮⋮", -1)),
                   e("span", ol, R(k), 1),
                   e("button", {
                     class: "vpg-mini-remove",
-                    onClick: He((N) => l("removeRowField", k), ["stop"])
+                    onClick: Ke((N) => l("removeRowField", k), ["stop"])
                   }, "×", 8, nl)
                 ], 42, tl))), 128)),
                 t.rowFields.length === 0 ? (r(), u("span", ll, "Drop here")) : z("", !0)
@@ -1733,21 +1733,21 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
                 (r(!0), u(W, null, J(t.columnFields, (k, A) => (r(), u("div", {
                   key: k,
                   class: q(["vpg-mini-chip vpg-column-chip", {
-                    "vpg-chip-dragging": ze("column", A),
+                    "vpg-chip-dragging": Le("column", A),
                     "vpg-chip-drop-target": _e("column", A)
                   }]),
                   draggable: "true",
-                  onDragstart: (N) => Ke("column", A, N),
+                  onDragstart: (N) => We("column", A, N),
                   onDragend: ye,
                   onDragover: (N) => he("column", A, N),
                   onDragleave: re,
-                  onDrop: (N) => We("column", A, N)
+                  onDrop: (N) => Ae("column", A, N)
                 }, [
                   p[16] || (p[16] = e("span", { class: "vpg-drag-handle" }, "⋮⋮", -1)),
                   e("span", il, R(k), 1),
                   e("button", {
                     class: "vpg-mini-remove",
-                    onClick: He((N) => l("removeColumnField", k), ["stop"])
+                    onClick: Ke((N) => l("removeColumnField", k), ["stop"])
                   }, "×", 8, rl)
                 ], 42, al))), 128)),
                 t.columnFields.length === 0 ? (r(), u("span", ul, "Drop here")) : z("", !0)
@@ -1821,7 +1821,7 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
                     key: 0,
                     class: "vpg-row-header-label",
                     rowspan: g.value.length,
-                    style: ve({ width: `${Ae.value}px` }),
+                    style: ve({ width: `${Pe.value}px` }),
                     onClick: p[8] || (p[8] = (N) => d("row"))
                   }, [
                     e("div", yl, [
@@ -1860,7 +1860,7 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
                 }, [
                   e("th", {
                     class: "vpg-row-header-cell",
-                    style: ve({ width: `${Ae.value}px` })
+                    style: ve({ width: `${Pe.value}px` })
                   }, [
                     (r(!0), u(W, null, J(t.pivotResult.rowHeaders[k], (A, N) => (r(), u("span", {
                       key: N,
@@ -1881,7 +1881,7 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
                 t.pivotResult.columnTotals.length > 0 ? (r(), u("tr", Ml, [
                   e("th", {
                     class: "vpg-row-header-cell vpg-total-label",
-                    style: ve({ width: `${Ae.value}px` })
+                    style: ve({ width: `${Pe.value}px` })
                   }, " Total ", 4),
                   (r(!0), u(W, null, J(t.pivotResult.columnTotals, (k, A) => (r(), u("td", {
                     key: A,
@@ -2048,13 +2048,13 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
       getColumnStats: ee,
       hasActiveFilter: ie,
       setColumnFilter: me,
-      getColumnFilterValues: Ke,
+      getColumnFilterValues: We,
       clearAllFilters: ye,
       toggleSort: he,
       getSortDirection: re,
-      columnFilters: We,
-      activeFilters: ze
-    } = Ko({ data: F }), _e = T(() => g.getFilteredRowModel().rows.map((o) => o.original)), Ae = T(() => ze.value.length === 0 ? null : ze.value.map((a) => {
+      columnFilters: Ae,
+      activeFilters: Le
+    } = Ko({ data: F }), _e = T(() => g.getFilteredRowModel().rows.map((o) => o.original)), Pe = T(() => Le.value.length === 0 ? null : Le.value.map((a) => {
       var o;
       return {
         column: a.column,
@@ -2071,13 +2071,13 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
       isConfigured: N,
       pivotResult: G,
       addRowField: Me,
-      removeRowField: Le,
-      addColumnField: Pe,
-      removeColumnField: Ee,
-      addValueField: Ne,
+      removeRowField: Ee,
+      addColumnField: Ne,
+      removeColumnField: Be,
+      addValueField: je,
       removeValueField: be,
       updateValueFieldAggregation: ke,
-      clearConfig: Be,
+      clearConfig: He,
       autoSuggestConfig: At
     } = _o(_e), qe = T(() => {
       if (!C.value.trim() || !n.enableSearch)
@@ -2104,6 +2104,9 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
     function Nt() {
       $.value > 1 && $.value--;
     }
+    ze([Ae, C], () => {
+      $.value = 1;
+    });
     function Bt() {
       if (te.value === "pivot") {
         jt();
@@ -2241,7 +2244,7 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
         h === null ? (he(a), o === "desc" && re(a) === "asc" && he(a)) : h !== o && he(a);
       }
     }
-    const Xe = T(() => We.value.length), pe = M(null), ue = M(null), se = M(null), nt = M(!1);
+    const Xe = T(() => Ae.value.length), pe = M(null), ue = M(null), se = M(null), nt = M(!1);
     function Yt(a) {
       const o = Fe.value.length - 1;
       o < 0 || (ue.value = { row: 0, col: a }, se.value = { row: o, col: a }, pe.value = { row: 0, col: a });
@@ -2298,7 +2301,7 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
         return;
       }
       if ((a.ctrlKey || a.metaKey) && a.key === "f" && n.enableSearch) {
-        a.preventDefault(), V.value = !0, je(() => {
+        a.preventDefault(), V.value = !0, Ue(() => {
           const Y = document.querySelector(".vpg-search-input");
           Y == null || Y.focus();
         });
@@ -2329,7 +2332,7 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
       }
     }
     function Qt(a, o) {
-      je(() => {
+      Ue(() => {
         var j;
         const h = (j = ft.value) == null ? void 0 : j.querySelector(
           `[data-row="${a}"][data-col="${o}"]`
@@ -2386,15 +2389,15 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
       }
     }
     xt(() => {
-      mt(), document.addEventListener("keydown", wt), document.addEventListener("mouseup", kt), je(() => {
+      mt(), document.addEventListener("keydown", wt), document.addEventListener("mouseup", kt), Ue(() => {
         var a;
         (a = ot.value) == null || a.addEventListener("scroll", Ct, { passive: !0 });
       }), window.addEventListener("scroll", yt, { passive: !0, capture: !0 });
     }), Tt(() => {
       var a;
       document.removeEventListener("keydown", wt), document.removeEventListener("mouseup", kt), (a = ot.value) == null || a.removeEventListener("scroll", Ct), window.removeEventListener("scroll", yt, { capture: !0 });
-    }), Ue(() => n.data, () => {
-      je(mt);
+    }), ze(() => n.data, () => {
+      Ue(mt);
     }, { immediate: !0 });
     const so = T(() => w.value.reduce((a, o) => a + (ge.value[o] || Ce), 0));
     function ao(a) {
@@ -2830,16 +2833,16 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
             "show-column-totals": S(k),
             "onUpdate:showRowTotals": o[9] || (o[9] = (h) => P.value = h),
             "onUpdate:showColumnTotals": o[10] || (o[10] = (h) => k.value = h),
-            onClearConfig: S(Be),
+            onClearConfig: S(He),
             onAutoSuggest: S(At),
             onDragStart: Kt,
             onDragEnd: Wt,
             onUpdateAggregation: S(ke),
             onAddRowField: S(Me),
-            onRemoveRowField: S(Le),
-            onAddColumnField: S(Pe),
-            onRemoveColumnField: S(Ee),
-            onAddValueField: S(Ne),
+            onRemoveRowField: S(Ee),
+            onAddColumnField: S(Ne),
+            onRemoveColumnField: S(Be),
+            onAddValueField: S(je),
             onRemoveValueField: S(be)
           }, null, 8, ["available-fields", "row-fields", "column-fields", "value-fields", "show-row-totals", "show-column-totals", "onClearConfig", "onAutoSuggest", "onUpdateAggregation", "onAddRowField", "onRemoveRowField", "onAddColumnField", "onRemoveColumnField", "onAddValueField", "onRemoveValueField"])
         ])) : z("", !0),
@@ -2854,14 +2857,14 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
             "dragging-field": tt.value,
             "pivot-result": S(G),
             "font-size": b.value,
-            "active-filters": Ae.value,
+            "active-filters": Pe.value,
             "total-row-count": S(L),
             "filtered-row-count": S(x),
             onAddRowField: S(Me),
-            onRemoveRowField: S(Le),
-            onAddColumnField: S(Pe),
-            onRemoveColumnField: S(Ee),
-            onAddValueField: S(Ne),
+            onRemoveRowField: S(Ee),
+            onAddColumnField: S(Ne),
+            onRemoveColumnField: S(Be),
+            onAddValueField: S(je),
             onRemoveValueField: S(be),
             onUpdateAggregation: S(ke),
             onReorderRowFields: _t,
@@ -3031,7 +3034,7 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
             "column-id": ne.value,
             "column-name": ne.value,
             stats: S(ee)(ne.value),
-            "selected-values": S(Ke)(ne.value),
+            "selected-values": S(We)(ne.value),
             "sort-direction": S(re)(ne.value),
             onFilter: o[13] || (o[13] = (h) => Gt(ne.value, h)),
             onSort: o[14] || (o[14] = (h) => Xt(ne.value, h)),
@@ -3041,7 +3044,7 @@ const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, J
       ]))
     ], 6));
   }
-}), Hs = /* @__PURE__ */ et(Vs, [["__scopeId", "data-v-2f0c0741"]]);
+}), Hs = /* @__PURE__ */ et(Vs, [["__scopeId", "data-v-d439bb38"]]);
 export {
   ln as ColumnFilter,
   Hs as DataGrid,