@smallwebco/tinypivot-vue 1.0.0

package/dist/tinypivot-vue.js

@@ -0,0 +1,3068 @@
+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 { 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 !== "");
+  if (i.length === 0)
+    return "string";
+  const n = i.slice(0, 100);
+  let l = 0, v = 0, m = 0;
+  for (const c of n)
+    typeof c == "boolean" ? m++ : typeof c == "number" || !Number.isNaN(Number(c)) && c !== "" ? l++ : (c instanceof Date || !Number.isNaN(Date.parse(String(c)))) && v++;
+  const y = n.length * 0.8;
+  return m >= y ? "boolean" : l >= y ? "number" : v >= y ? "date" : "string";
+}
+function wo(t, i) {
+  const l = t.map((c) => c[i]).filter((c) => c != null && c !== "").slice(0, 100);
+  let v = 0;
+  const m = /* @__PURE__ */ new Set();
+  for (const c of l)
+    m.add(String(c)), (typeof c == "number" || !Number.isNaN(Number(c)) && c !== "") && v++;
+  const y = v >= l.length * 0.8;
+  return {
+    field: i,
+    type: y ? "number" : "string",
+    uniqueCount: m.size,
+    isNumeric: y
+  };
+}
+function ko(t, i, n = 500) {
+  const l = [];
+  let v = 0;
+  for (const c of t) {
+    const b = c[i];
+    b == null || b === "" ? v++ : l.push(b);
+  }
+  const m = /* @__PURE__ */ new Set();
+  for (const c of l)
+    if (m.add(String(c)), m.size >= n)
+      break;
+  return {
+    uniqueValues: Array.from(m).sort((c, b) => {
+      const C = Number.parseFloat(c), V = Number.parseFloat(b);
+      return !Number.isNaN(C) && !Number.isNaN(V) ? C - V : c.localeCompare(b);
+    }),
+    totalCount: t.length,
+    nullCount: v,
+    type: ho(l)
+  };
+}
+function Co(t, i) {
+  if (t == null || t === "")
+    return "";
+  switch (i) {
+    case "number": {
+      const n = typeof t == "number" ? t : Number.parseFloat(String(t));
+      return Number.isNaN(n) ? String(t) : Math.abs(n) >= 1e3 ? n.toLocaleString("en-US", { maximumFractionDigits: 2 }) : n.toLocaleString("en-US", { maximumFractionDigits: 4 });
+    }
+    case "date": {
+      const n = t instanceof Date ? t : new Date(String(t));
+      return Number.isNaN(n.getTime()) ? String(t) : n.toLocaleDateString("en-US", {
+        year: "numeric",
+        month: "short",
+        day: "numeric"
+      });
+    }
+    case "boolean":
+      return t ? "Yes" : "No";
+    default:
+      return String(t);
+  }
+}
+function Ft(t, i) {
+  return i.map((n) => String(t[n] ?? "(blank)")).join("|||");
+}
+function St(t) {
+  return t.split("|||");
+}
+function Ze(t, i) {
+  if (t.length === 0)
+    return null;
+  switch (i) {
+    case "sum":
+      return t.reduce((n, l) => n + l, 0);
+    case "count":
+      return t.length;
+    case "avg":
+      return t.reduce((n, l) => n + l, 0) / t.length;
+    case "min":
+      return Math.min(...t);
+    case "max":
+      return Math.max(...t);
+    case "countDistinct":
+      return new Set(t).size;
+    default:
+      return t.reduce((n, l) => n + l, 0);
+  }
+}
+function Je(t, i) {
+  return t === null ? "-" : i === "count" || i === "countDistinct" ? Math.round(t).toLocaleString() : Math.abs(t) >= 1e3 ? t.toLocaleString("en-US", { maximumFractionDigits: 2 }) : t.toLocaleString("en-US", { maximumFractionDigits: 4 });
+}
+function Rt(t) {
+  return {
+    sum: "Sum",
+    count: "Count",
+    avg: "Average",
+    min: "Min",
+    max: "Max",
+    countDistinct: "Count Distinct"
+  }[t];
+}
+function yo(t) {
+  return t.length === 0 ? [] : Object.keys(t[0]).map((n) => wo(t, n));
+}
+function bo(t, i, n, l) {
+  const v = /* @__PURE__ */ new Set([
+    ...i,
+    ...n,
+    ...l.map((m) => m.field)
+  ]);
+  return t.filter((m) => !v.has(m.field));
+}
+function Vt(t) {
+  return (t.rowFields.length > 0 || t.columnFields.length > 0) && t.valueFields.length > 0;
+}
+function Fo(t, i) {
+  const { rowFields: n, columnFields: l, valueFields: v, showRowTotals: m, showColumnTotals: y } = i;
+  if (!Vt(i) || t.length === 0)
+    return null;
+  const c = /* @__PURE__ */ new Set(), b = /* @__PURE__ */ new Set(), C = /* @__PURE__ */ new Map();
+  for (const f of t) {
+    const s = n.length > 0 ? Ft(f, n) : "__all__", d = l.length > 0 ? Ft(f, l) : "__all__";
+    c.add(s), b.add(d), C.has(s) || C.set(s, /* @__PURE__ */ new Map());
+    const F = C.get(s);
+    F.has(d) || F.set(d, v.map(() => []));
+    const g = F.get(d);
+    for (let w = 0; w < v.length; w++) {
+      const x = v[w], L = f[x.field];
+      if (L != null && L !== "") {
+        const ee = typeof L == "number" ? L : Number.parseFloat(String(L));
+        Number.isNaN(ee) ? (x.aggregation === "count" || x.aggregation === "countDistinct") && g[w].push(1) : g[w].push(ee);
+      }
+    }
+  }
+  const V = Array.from(c).sort(), $ = Array.from(b).sort(), U = [];
+  if (l.length > 0)
+    for (let f = 0; f < l.length; f++) {
+      const s = [];
+      for (const d of $) {
+        const F = St(d);
+        s.push(F[f] || "");
+      }
+      U.push(s);
+    }
+  if (v.length > 1 || U.length === 0) {
+    const f = [];
+    for (const s of $)
+      for (const d of v)
+        f.push(`${d.label || d.field} (${Rt(d.aggregation)})`);
+    $.length === 1 && $[0] === "__all__" ? U.push(v.map((s) => `${s.label || s.field} (${Rt(s.aggregation)})`)) : U.push(f);
+  }
+  const D = V.map((f) => f === "__all__" ? ["Total"] : St(f)), H = [], O = [], _ = /* @__PURE__ */ new Map();
+  for (const f of V) {
+    const s = [], d = v.map(() => []);
+    let F = 0;
+    for (const g of $) {
+      const w = C.get(f), x = (w == null ? void 0 : w.get(g)) || v.map(() => []);
+      for (let L = 0; L < v.length; L++) {
+        const ee = v[L], ie = x[L], me = Ze(ie, ee.aggregation);
+        s.push({
+          value: me,
+          count: ie.length,
+          formattedValue: Je(me, ee.aggregation)
+        }), d[L].push(...ie), _.has(F) || _.set(F, v.map(() => [])), _.get(F)[L].push(...ie), F++;
+      }
+    }
+    if (H.push(s), m && $.length > 1) {
+      const g = {
+        value: null,
+        count: 0,
+        formattedValue: "-"
+      };
+      if (v.length > 0) {
+        const w = v[0], x = d[0], L = Ze(x, w.aggregation);
+        g.value = L, g.count = x.length, g.formattedValue = Je(L, w.aggregation);
+      }
+      O.push(g);
+    }
+  }
+  const X = [];
+  if (y && V.length > 1)
+    for (let f = 0; f < $.length * v.length; f++) {
+      const s = f % v.length, d = v[s], F = [];
+      for (const w of V) {
+        const x = C.get(w), L = $[Math.floor(f / v.length)], ee = (x == null ? void 0 : x.get(L)) || v.map(() => []);
+        F.push(...ee[s]);
+      }
+      const g = Ze(F, d.aggregation);
+      X.push({
+        value: g,
+        count: F.length,
+        formattedValue: Je(g, d.aggregation)
+      });
+    }
+  const B = { value: null, count: 0, formattedValue: "-" };
+  if (m && y && v.length > 0) {
+    const f = v[0], s = [];
+    for (const F of t) {
+      const g = F[f.field];
+      if (g != null && g !== "") {
+        const w = typeof g == "number" ? g : Number.parseFloat(String(g));
+        Number.isNaN(w) ? (f.aggregation === "count" || f.aggregation === "countDistinct") && s.push(1) : s.push(w);
+      }
+    }
+    const d = Ze(s, f.aggregation);
+    B.value = d, B.count = s.length, B.formattedValue = Je(d, f.aggregation);
+  }
+  return {
+    headers: U,
+    rowHeaders: D,
+    data: H,
+    rowTotals: O,
+    columnTotals: X,
+    grandTotal: B
+  };
+}
+const So = "vpg-pivot-";
+function Ro(t) {
+  const n = [...t].sort().join("|").substring(0, 100);
+  return `${So}${n}`;
+}
+function $o(t, i) {
+  try {
+    sessionStorage.setItem(t, JSON.stringify(i));
+  } catch {
+  }
+}
+function Mo(t) {
+  try {
+    const i = sessionStorage.getItem(t);
+    if (i)
+      return JSON.parse(i);
+  } catch {
+  }
+  return null;
+}
+function lt(t, i) {
+  const n = new Set(i);
+  return [
+    ...t.rowFields,
+    ...t.columnFields,
+    ...t.valueFields.map((v) => v.field)
+  ].every((v) => n.has(v));
+}
+const Dt = {
+  type: "free",
+  isValid: !0,
+  features: {
+    pivot: !1,
+    advancedAggregations: !1,
+    percentageMode: !1,
+    sessionPersistence: !1,
+    noWatermark: !1
+  }
+}, st = {
+  type: "free",
+  isValid: !1,
+  features: {
+    pivot: !1,
+    advancedAggregations: !1,
+    percentageMode: !1,
+    sessionPersistence: !1,
+    noWatermark: !1
+  }
+}, xo = {
+  type: "free",
+  isValid: !0,
+  features: {
+    pivot: !0,
+    advancedAggregations: !0,
+    percentageMode: !0,
+    sessionPersistence: !0,
+    noWatermark: !1
+    // Still show watermark in demo
+  }
+};
+async function To(t, i, n) {
+  const l = globalThis.__TP_LICENSE_SECRET__;
+  if (!l)
+    return console.warn("[TinyPivot] License secret not configured. Call configureLicenseSecret() first."), !1;
+  const v = `TP-${t}-${n}`;
+  try {
+    const m = new TextEncoder(), y = m.encode(l), c = m.encode(v), b = await crypto.subtle.importKey("raw", y, { name: "HMAC", hash: "SHA-256" }, !1, ["sign"]), C = await crypto.subtle.sign("HMAC", b, c), $ = Array.from(new Uint8Array(C)).map((U) => U.toString(16).padStart(2, "0")).join("").slice(0, 12).toUpperCase();
+    return i === $;
+  } catch {
+    return !1;
+  }
+}
+async function Vo(t) {
+  if (!t || t === "")
+    return Dt;
+  const i = t.split("-");
+  if (i.length !== 4 || i[0] !== "TP")
+    return st;
+  const n = i[1], l = i[2], v = i[3];
+  if (!await To(n, l, v))
+    return st;
+  const y = Number.parseInt(v.slice(0, 4)), c = Number.parseInt(v.slice(4, 6)) - 1, b = Number.parseInt(v.slice(6, 8)), C = new Date(y, c, b);
+  if (C < /* @__PURE__ */ new Date())
+    return { ...st, expiresAt: C };
+  let V = "free";
+  return n === "PRO1" ? V = "pro-single" : n === "PROU" ? V = "pro-unlimited" : n === "PROT" && (V = "pro-team"), {
+    type: V,
+    isValid: !0,
+    expiresAt: C,
+    features: {
+      pivot: V !== "free",
+      advancedAggregations: V !== "free",
+      percentageMode: V !== "free",
+      sessionPersistence: V !== "free",
+      noWatermark: V !== "free"
+    }
+  };
+}
+function Do(t) {
+  globalThis.__TP_LICENSE_SECRET__ = t;
+}
+function zo() {
+  return xo;
+}
+function Ao() {
+  return Dt;
+}
+function Lo(t) {
+  return t.features.pivot;
+}
+function Po(t) {
+  return t.isValid && t.type !== "free";
+}
+function Eo(t, i) {
+  return i || !t.features.noWatermark;
+}
+function No(t) {
+  console.warn(`[TinyPivot] "${t}" requires a Pro license. Visit https://tiny-pivot.com/#pricing to upgrade.`);
+}
+function le(t, i = ",") {
+  if (t == null)
+    return "";
+  const n = String(t);
+  return n.includes(i) || n.includes('"') || n.includes(`
+`) ? `"${n.replace(/"/g, '""')}"` : n;
+}
+function Bo(t, i, n = {}) {
+  const { filename: l = "export.csv", includeHeaders: v = !0, delimiter: m = "," } = n, y = [];
+  v && y.push(i.map((b) => le(b, m)).join(m));
+  for (const b of t) {
+    const C = i.map((V) => le(b[V], m));
+    y.push(C.join(m));
+  }
+  const c = y.join(`
+`);
+  zt(c, l, "text/csv;charset=utf-8;");
+}
+function jo(t, i, n, l, v = {}) {
+  const { filename: m = "pivot-export.csv", delimiter: y = "," } = v, c = [], { headers: b, rowHeaders: C, data: V, rowTotals: $, columnTotals: U, grandTotal: D, showRowTotals: H, showColumnTotals: O } = t, _ = i.length || 1;
+  if (b.length > 0)
+    for (let B = 0; B < b.length; B++) {
+      const f = [];
+      for (let s = 0; s < _; s++)
+        f.push(B === b.length - 1 ? le(i[s] || "", y) : "");
+      for (const s of b[B])
+        f.push(le(s, y));
+      if (H && $ && $.length > 0)
+        if (B === b.length - 1)
+          for (const s of l)
+            f.push(le(`Total (${s.aggregation})`, y));
+        else
+          for (let s = 0; s < l.length; s++)
+            f.push("");
+      c.push(f.join(y));
+    }
+  else {
+    const B = [];
+    for (let f = 0; f < _; f++)
+      B.push(le(i[f] || "", y));
+    for (const f of l)
+      B.push(le(`${f.field} (${f.aggregation})`, y));
+    H && $ && $.length > 0 && B.push(le("Total", y)), c.push(B.join(y));
+  }
+  for (let B = 0; B < C.length; B++) {
+    const f = [], s = C[B] || [];
+    for (let F = 0; F < _; F++)
+      f.push(le(s[F] || "", y));
+    const d = V[B] || [];
+    for (const F of d)
+      f.push(le((F == null ? void 0 : F.formattedValue) || "", y));
+    H && $ && $[B] && f.push(le($[B].formattedValue || "", y)), c.push(f.join(y));
+  }
+  if (O && U && U.length > 0) {
+    const B = [];
+    B.push(le("Total", y));
+    for (let f = 1; f < _; f++)
+      B.push("");
+    for (const f of U)
+      B.push(le((f == null ? void 0 : f.formattedValue) || "", y));
+    H && D && B.push(le(D.formattedValue || "", y)), c.push(B.join(y));
+  }
+  const X = c.join(`
+`);
+  zt(X, m, "text/csv;charset=utf-8;");
+}
+function zt(t, i, n) {
+  const l = new Blob([t], { type: n }), v = URL.createObjectURL(l), m = document.createElement("a");
+  m.href = v, m.download = i, m.style.display = "none", document.body.appendChild(m), m.click(), document.body.removeChild(m), URL.revokeObjectURL(v);
+}
+function Ho(t, i, n) {
+  navigator.clipboard.writeText(t).then(i).catch(n);
+}
+function Uo(t, i, n) {
+  const { minRow: l, maxRow: v, minCol: m, maxCol: y } = n, c = [];
+  for (let b = l; b <= v; b++) {
+    const C = t[b];
+    if (!C)
+      continue;
+    const V = [];
+    for (let $ = m; $ <= y; $++) {
+      const U = i[$];
+      if (!U)
+        continue;
+      const D = C[U];
+      V.push(D == null ? "" : String(D));
+    }
+    c.push(V.join("	"));
+  }
+  return c.join(`
+`);
+}
+const $t = (t, i, n) => {
+  if (!n || !Array.isArray(n) || n.length === 0)
+    return !0;
+  const l = t.getValue(i), v = l == null || l === "" ? "(blank)" : String(l);
+  return n.includes(v);
+};
+function Ko(t) {
+  const { data: i, enableSorting: n = !0, enableFiltering: l = !0 } = t, v = M([]), m = M([]), y = M({}), c = M(""), b = M({}), C = T(() => i.value.length === 0 ? [] : Object.keys(i.value[0]));
+  function V(g) {
+    const w = `${g}-${i.value.length}`;
+    return b.value[w] || (b.value[w] = ko(i.value, g)), b.value[w];
+  }
+  function $() {
+    b.value = {};
+  }
+  const U = T(() => C.value.map((g) => {
+    const w = V(g);
+    return {
+      id: g,
+      accessorKey: g,
+      header: g,
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      cell: (x) => Co(x.getValue(), w.type),
+      filterFn: $t,
+      meta: {
+        type: w.type,
+        uniqueCount: w.uniqueValues.length
+      }
+    };
+  })), D = go({
+    get data() {
+      return i.value;
+    },
+    get columns() {
+      return U.value;
+    },
+    state: {
+      get sorting() {
+        return v.value;
+      },
+      get columnFilters() {
+        return m.value;
+      },
+      get columnVisibility() {
+        return y.value;
+      },
+      get globalFilter() {
+        return c.value;
+      }
+    },
+    onSortingChange: (g) => {
+      v.value = typeof g == "function" ? g(v.value) : g;
+    },
+    onColumnFiltersChange: (g) => {
+      m.value = typeof g == "function" ? g(m.value) : g;
+    },
+    getCoreRowModel: mo(),
+    getSortedRowModel: n ? fo() : void 0,
+    getFilteredRowModel: l ? po() : void 0,
+    filterFns: {
+      multiSelect: $t
+    },
+    enableSorting: n,
+    enableFilters: l
+  }), H = T(() => D.getFilteredRowModel().rows.length), O = T(() => i.value.length), _ = T(() => m.value.map((g) => ({
+    column: g.id,
+    values: g.value
+  })));
+  function X(g) {
+    const w = D.getColumn(g);
+    if (!w) return !1;
+    const x = w.getFilterValue();
+    return x !== void 0 && Array.isArray(x) && x.length > 0;
+  }
+  function B(g, w) {
+    const x = D.getColumn(g);
+    x && (x.setFilterValue(w.length === 0 ? void 0 : w), m.value = D.getState().columnFilters);
+  }
+  function f() {
+    D.resetColumnFilters(), c.value = "", m.value = [];
+  }
+  function s(g) {
+    const w = D.getColumn(g);
+    if (!w) return [];
+    const x = w.getFilterValue();
+    return Array.isArray(x) ? x : [];
+  }
+  function d(g) {
+    const w = v.value.find((x) => x.id === g);
+    w ? w.desc ? v.value = [] : v.value = [{ id: g, desc: !0 }] : v.value = [{ id: g, desc: !1 }];
+  }
+  function F(g) {
+    const w = v.value.find((x) => x.id === g);
+    return w ? w.desc ? "desc" : "asc" : null;
+  }
+  return Ue(i, () => {
+    $();
+  }), {
+    // Table instance
+    table: D,
+    // State
+    sorting: v,
+    columnFilters: m,
+    columnVisibility: y,
+    globalFilter: c,
+    columnKeys: C,
+    // Computed
+    filteredRowCount: H,
+    totalRowCount: O,
+    activeFilters: _,
+    // Methods
+    getColumnStats: V,
+    clearStatsCache: $,
+    hasActiveFilter: X,
+    setColumnFilter: B,
+    getColumnFilterValues: s,
+    clearAllFilters: f,
+    toggleSort: d,
+    getSortDirection: F
+  };
+}
+const Wo = M(null), $e = M(!1), ce = M(Ao());
+let at = null;
+async function As(t) {
+  Wo.value = t, at = Vo(t), ce.value = await at, at = null, ce.value.isValid ? ce.value.type !== "free" && console.info(`[TinyPivot] Pro license activated (${ce.value.type})`) : console.warn("[TinyPivot] Invalid or expired license key. Running in free mode.");
+}
+function Ls() {
+  $e.value = !0, ce.value = zo(), console.info("[TinyPivot] Demo mode enabled - all Pro features unlocked for evaluation");
+}
+function Ps(t) {
+  Do(t);
+}
+function Ie() {
+  const t = T(() => $e.value), i = T(() => $e.value || Po(ce.value)), n = T(() => $e.value || Lo(ce.value)), l = T(
+    () => $e.value || ce.value.features.advancedAggregations
+  ), v = T(
+    () => $e.value || ce.value.features.percentageMode
+  ), m = T(() => Eo(ce.value, $e.value));
+  function y(c) {
+    return i.value ? !0 : (No(c), !1);
+  }
+  return {
+    licenseInfo: T(() => ce.value),
+    isDemo: t,
+    isPro: i,
+    canUsePivot: n,
+    canUseAdvancedAggregations: l,
+    canUsePercentageMode: v,
+    showWatermark: m,
+    requirePro: y
+  };
+}
+function _o(t) {
+  const { canUsePivot: i, requirePro: n } = Ie(), l = M([]), v = M([]), m = M([]), y = M(!0), c = M(!0), b = M(null), C = T(() => yo(t.value)), V = T(() => bo(
+    C.value,
+    l.value,
+    v.value,
+    m.value
+  )), $ = T(() => Vt({
+    rowFields: l.value,
+    columnFields: v.value,
+    valueFields: m.value,
+    showRowTotals: y.value,
+    showColumnTotals: c.value
+  })), U = T(() => !$.value || !i.value ? null : Fo(t.value, {
+    rowFields: l.value,
+    columnFields: v.value,
+    valueFields: m.value,
+    showRowTotals: y.value,
+    showColumnTotals: c.value
+  }));
+  function D(g) {
+    n("Pivot Table - Row Fields") && (l.value.includes(g) || (l.value = [...l.value, g]));
+  }
+  function H(g) {
+    l.value = l.value.filter((w) => w !== g);
+  }
+  function O(g) {
+    n("Pivot Table - Column Fields") && (v.value.includes(g) || (v.value = [...v.value, g]));
+  }
+  function _(g) {
+    v.value = v.value.filter((w) => w !== g);
+  }
+  function X(g, w = "sum") {
+    n("Pivot Table - Value Fields") && (m.value.some((x) => x.field === g && x.aggregation === w) || (m.value = [...m.value, { field: g, aggregation: w }]));
+  }
+  function B(g, w) {
+    w ? m.value = m.value.filter(
+      (x) => !(x.field === g && x.aggregation === w)
+    ) : m.value = m.value.filter((x) => x.field !== g);
+  }
+  function f(g, w, x) {
+    m.value = m.value.map((L) => L.field === g && L.aggregation === w ? { ...L, aggregation: x } : L);
+  }
+  function s() {
+    l.value = [], v.value = [], m.value = [];
+  }
+  function d(g, w) {
+    if (g.area === w.area) {
+      if (g.area === "row") {
+        const x = [...l.value], [L] = x.splice(g.index, 1);
+        x.splice(w.index, 0, L), l.value = x;
+      } else if (g.area === "column") {
+        const x = [...v.value], [L] = x.splice(g.index, 1);
+        x.splice(w.index, 0, L), v.value = x;
+      }
+    }
+  }
+  function F() {
+    if (!n("Pivot Table - Auto Suggest") || C.value.length === 0) return;
+    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(
+    t,
+    (g) => {
+      if (g.length === 0) return;
+      const w = Object.keys(g[0]), x = Ro(w);
+      if (x !== b.value) {
+        b.value = x;
+        const L = Mo(x);
+        if (L && lt(L, w))
+          l.value = L.rowFields, v.value = L.columnFields, m.value = L.valueFields, y.value = L.showRowTotals, c.value = L.showColumnTotals;
+        else {
+          const ee = {
+            rowFields: l.value,
+            columnFields: v.value,
+            valueFields: m.value,
+            showRowTotals: y.value,
+            showColumnTotals: c.value
+          };
+          lt(ee, w) || s();
+        }
+      } else {
+        const L = {
+          rowFields: l.value,
+          columnFields: v.value,
+          valueFields: m.value,
+          showRowTotals: y.value,
+          showColumnTotals: c.value
+        };
+        lt(L, w) || s();
+      }
+    },
+    { immediate: !0 }
+  ), Ue(
+    [l, v, m, y, c],
+    () => {
+      if (!b.value) return;
+      const g = {
+        rowFields: l.value,
+        columnFields: v.value,
+        valueFields: m.value,
+        showRowTotals: y.value,
+        showColumnTotals: c.value
+      };
+      $o(b.value, g);
+    },
+    { deep: !0 }
+  ), {
+    // State
+    rowFields: l,
+    columnFields: v,
+    valueFields: m,
+    showRowTotals: y,
+    showColumnTotals: c,
+    // Computed
+    availableFields: C,
+    unassignedFields: V,
+    isConfigured: $,
+    pivotResult: U,
+    // Actions
+    addRowField: D,
+    removeRowField: H,
+    addColumnField: O,
+    removeColumnField: _,
+    addValueField: X,
+    removeValueField: B,
+    updateValueFieldAggregation: f,
+    clearConfig: s,
+    moveField: d,
+    autoSuggestConfig: F
+  };
+}
+function qo(t, i, n) {
+  Bo(t, i, n);
+}
+function Oo(t, i, n, l, v) {
+  jo(t, i, n, l, v);
+}
+function Go(t, i, n) {
+  Ho(t, i, n);
+}
+function Xo(t, i, n) {
+  return Uo(t, i, n);
+}
+function Es(t, i = {}) {
+  const n = M(i.pageSize ?? 50), l = M(i.currentPage ?? 1), v = T(
+    () => Math.max(1, Math.ceil(t.value.length / n.value))
+  ), m = T(() => {
+    const H = (l.value - 1) * n.value, O = H + n.value;
+    return t.value.slice(H, O);
+  }), y = T(() => (l.value - 1) * n.value + 1), c = T(
+    () => Math.min(l.value * n.value, t.value.length)
+  );
+  function b(H) {
+    l.value = Math.max(1, Math.min(H, v.value));
+  }
+  function C() {
+    l.value < v.value && l.value++;
+  }
+  function V() {
+    l.value > 1 && l.value--;
+  }
+  function $() {
+    l.value = 1;
+  }
+  function U() {
+    l.value = v.value;
+  }
+  function D(H) {
+    n.value = H, l.value = 1;
+  }
+  return {
+    pageSize: n,
+    currentPage: l,
+    totalPages: v,
+    paginatedData: m,
+    startIndex: y,
+    endIndex: c,
+    goToPage: b,
+    nextPage: C,
+    prevPage: V,
+    firstPage: $,
+    lastPage: U,
+    setPageSize: D
+  };
+}
+function Ns(t, i) {
+  const n = M(""), l = M(!1), v = T(() => {
+    if (!n.value.trim())
+      return t.value;
+    const y = l.value ? n.value.trim() : n.value.trim().toLowerCase();
+    return t.value.filter((c) => {
+      for (const b of i.value) {
+        const C = c[b];
+        if (C == null) continue;
+        if ((l.value ? String(C) : String(C).toLowerCase()).includes(y))
+          return !0;
+      }
+      return !1;
+    });
+  });
+  function m() {
+    n.value = "";
+  }
+  return {
+    searchTerm: n,
+    caseSensitive: l,
+    filteredData: v,
+    clearSearch: m
+  };
+}
+function Bs(t) {
+  const i = M(/* @__PURE__ */ new Set()), n = T(() => Array.from(i.value).sort((D, H) => D - H).map((D) => t.value[D]).filter(Boolean)), l = T(() => t.value.length > 0 && i.value.size === t.value.length), v = T(() => i.value.size > 0 && i.value.size < t.value.length);
+  function m(D) {
+    i.value.has(D) ? i.value.delete(D) : i.value.add(D), i.value = new Set(i.value);
+  }
+  function y(D) {
+    i.value.add(D), i.value = new Set(i.value);
+  }
+  function c(D) {
+    i.value.delete(D), i.value = new Set(i.value);
+  }
+  function b() {
+    i.value = new Set(t.value.map((D, H) => H));
+  }
+  function C() {
+    i.value = /* @__PURE__ */ new Set();
+  }
+  function V() {
+    l.value ? C() : b();
+  }
+  function $(D) {
+    return i.value.has(D);
+  }
+  function U(D, H) {
+    const O = Math.min(D, H), _ = Math.max(D, H);
+    for (let X = O; X <= _; X++)
+      i.value.add(X);
+    i.value = new Set(i.value);
+  }
+  return {
+    selectedRowIndices: i,
+    selectedRows: n,
+    allSelected: l,
+    someSelected: v,
+    toggleRow: m,
+    selectRow: y,
+    deselectRow: c,
+    selectAll: b,
+    deselectAll: C,
+    toggleAll: V,
+    isSelected: $,
+    selectRange: U
+  };
+}
+function js(t, i = 60, n = 600) {
+  const l = M({ ...t.value }), v = M(!1), m = M(null);
+  function y(C, V) {
+    v.value = !0, m.value = C;
+    const $ = V.clientX, U = l.value[C] || 150, D = (O) => {
+      const _ = O.clientX - $, X = Math.max(i, Math.min(n, U + _));
+      l.value = {
+        ...l.value,
+        [C]: X
+      };
+    }, H = () => {
+      v.value = !1, m.value = null, document.removeEventListener("mousemove", D), document.removeEventListener("mouseup", H);
+    };
+    document.addEventListener("mousemove", D), document.addEventListener("mouseup", H);
+  }
+  function c(C) {
+    t.value[C] && (l.value = {
+      ...l.value,
+      [C]: t.value[C]
+    });
+  }
+  function b() {
+    l.value = { ...t.value };
+  }
+  return {
+    columnWidths: l,
+    isResizing: v,
+    resizingColumn: m,
+    startResize: y,
+    resetColumnWidth: c,
+    resetAllWidths: b
+  };
+}
+const Yo = { class: "vpg-filter-header" }, Zo = { class: "vpg-filter-title" }, Jo = { class: "vpg-filter-count" }, Qo = { class: "vpg-sort-controls" }, Io = { class: "vpg-search-container" }, en = { class: "vpg-values-list" }, tn = ["checked", "onChange"], on = {
+  key: 0,
+  class: "vpg-no-results"
+}, nn = /* @__PURE__ */ Qe({
+  __name: "ColumnFilter",
+  props: {
+    columnId: {},
+    columnName: {},
+    stats: {},
+    selectedValues: {},
+    sortDirection: {}
+  },
+  emits: ["filter", "sort", "close"],
+  setup(t, { emit: i }) {
+    const n = t, l = i, v = M(""), m = M(), y = M();
+    T(() => {
+      const s = [...n.stats.uniqueValues];
+      return n.stats.nullCount > 0 && s.unshift("(blank)"), s;
+    });
+    const c = M(new Set(n.selectedValues)), b = T(() => n.stats.nullCount > 0), C = T(() => {
+      const s = n.stats.uniqueValues;
+      if (!v.value)
+        return s;
+      const d = v.value.toLowerCase();
+      return s.filter((F) => F.toLowerCase().includes(d));
+    }), V = T(() => {
+      const s = [...C.value];
+      return b.value && (!v.value || "(blank)".includes(v.value.toLowerCase())) && s.unshift("(blank)"), s;
+    });
+    T(() => V.value.every((s) => c.value.has(s))), T(() => c.value.size === 0);
+    function $(s) {
+      c.value.has(s) ? c.value.delete(s) : c.value.add(s), c.value = new Set(c.value);
+    }
+    function U() {
+      for (const s of V.value)
+        c.value.add(s);
+      c.value = new Set(c.value);
+    }
+    function D() {
+      c.value.clear(), c.value = new Set(c.value);
+    }
+    function H() {
+      c.value.size === 0 ? l("filter", []) : l("filter", Array.from(c.value)), l("close");
+    }
+    function O() {
+      l("sort", n.sortDirection === "asc" ? null : "asc");
+    }
+    function _() {
+      l("sort", n.sortDirection === "desc" ? null : "desc");
+    }
+    function X() {
+      c.value.clear(), c.value = new Set(c.value), l("filter", []), l("close");
+    }
+    function B(s) {
+      m.value && !m.value.contains(s.target) && l("close");
+    }
+    function f(s) {
+      s.key === "Escape" ? l("close") : s.key === "Enter" && s.ctrlKey && H();
+    }
+    return xt(() => {
+      je(() => {
+        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) => {
+      c.value = new Set(s);
+    }, { immediate: !0 }), (s, d) => (r(), u("div", {
+      ref_key: "dropdownRef",
+      ref: m,
+      class: "vpg-filter-dropdown"
+    }, [
+      e("div", Yo, [
+        e("span", Zo, R(t.columnName), 1),
+        e("span", Jo, R(t.stats.uniqueValues.length.toLocaleString()) + " unique ", 1)
+      ]),
+      e("div", Qo, [
+        e("button", {
+          class: q(["vpg-sort-btn", { active: t.sortDirection === "asc" }]),
+          title: "Sort A to Z",
+          onClick: O
+        }, [...d[2] || (d[2] = [
+          e("svg", {
+            class: "vpg-icon-sm",
+            fill: "none",
+            stroke: "currentColor",
+            viewBox: "0 0 24 24"
+          }, [
+            e("path", {
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round",
+              "stroke-width": "2",
+              d: "M3 4h13M3 8h9m-9 4h6m4 0l4-4m0 0l4 4m-4-4v12"
+            })
+          ], -1),
+          e("span", null, "A→Z", -1)
+        ])], 2),
+        e("button", {
+          class: q(["vpg-sort-btn", { active: t.sortDirection === "desc" }]),
+          title: "Sort Z to A",
+          onClick: _
+        }, [...d[3] || (d[3] = [
+          e("svg", {
+            class: "vpg-icon-sm",
+            fill: "none",
+            stroke: "currentColor",
+            viewBox: "0 0 24 24"
+          }, [
+            e("path", {
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round",
+              "stroke-width": "2",
+              d: "M3 4h13M3 8h9m-9 4h9m5-4v12m0 0l-4-4m4 4l4-4"
+            })
+          ], -1),
+          e("span", null, "Z→A", -1)
+        ])], 2)
+      ]),
+      d[7] || (d[7] = e("div", { class: "vpg-divider" }, null, -1)),
+      e("div", Io, [
+        d[4] || (d[4] = e("svg", {
+          class: "vpg-search-icon",
+          fill: "none",
+          stroke: "currentColor",
+          viewBox: "0 0 24 24"
+        }, [
+          e("path", {
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            "stroke-width": "2",
+            d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
+          })
+        ], -1)),
+        it(e("input", {
+          ref_key: "searchInputRef",
+          ref: y,
+          "onUpdate:modelValue": d[0] || (d[0] = (F) => v.value = F),
+          type: "text",
+          placeholder: "Search values...",
+          class: "vpg-search-input"
+        }, null, 512), [
+          [rt, v.value]
+        ]),
+        v.value ? (r(), u("button", {
+          key: 0,
+          class: "vpg-clear-search",
+          onClick: d[1] || (d[1] = (F) => v.value = "")
+        }, " × ")) : z("", !0)
+      ]),
+      e("div", { class: "vpg-bulk-actions" }, [
+        e("button", {
+          class: "vpg-bulk-btn",
+          onClick: U
+        }, [...d[5] || (d[5] = [
+          e("svg", {
+            class: "vpg-icon-sm",
+            fill: "none",
+            stroke: "currentColor",
+            viewBox: "0 0 24 24"
+          }, [
+            e("path", {
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round",
+              "stroke-width": "2",
+              d: "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"
+            })
+          ], -1),
+          I(" Select All ", -1)
+        ])]),
+        e("button", {
+          class: "vpg-bulk-btn",
+          onClick: D
+        }, [...d[6] || (d[6] = [
+          e("svg", {
+            class: "vpg-icon-sm",
+            fill: "none",
+            stroke: "currentColor",
+            viewBox: "0 0 24 24"
+          }, [
+            e("path", {
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round",
+              "stroke-width": "2",
+              d: "M6 18L18 6M6 6l12 12"
+            })
+          ], -1),
+          I(" Clear All ", -1)
+        ])])
+      ]),
+      e("div", en, [
+        (r(!0), u(W, null, J(V.value, (F) => (r(), u("label", {
+          key: F,
+          class: q(["vpg-value-item", { selected: c.value.has(F) }])
+        }, [
+          e("input", {
+            type: "checkbox",
+            checked: c.value.has(F),
+            class: "vpg-value-checkbox",
+            onChange: (g) => $(F)
+          }, null, 40, tn),
+          e("span", {
+            class: q(["vpg-value-text", { "vpg-blank": F === "(blank)" }])
+          }, R(F), 3)
+        ], 2))), 128)),
+        V.value.length === 0 ? (r(), u("div", on, " No matching values ")) : z("", !0)
+      ]),
+      e("div", { class: "vpg-filter-footer" }, [
+        e("button", {
+          class: "vpg-btn-clear",
+          onClick: X
+        }, " Clear Filter "),
+        e("button", {
+          class: "vpg-btn-apply",
+          onClick: H
+        }, " Apply ")
+      ])
+    ], 512));
+  }
+}), et = (t, i) => {
+  const n = t.__vccOpts || t;
+  for (const [l, v] of i)
+    n[l] = v;
+  return n;
+}, ln = /* @__PURE__ */ et(nn, [["__scopeId", "data-v-0e340167"]]), sn = { class: "vpg-pivot-config" }, an = { class: "vpg-config-header" }, rn = { class: "vpg-header-actions" }, un = {
+  key: 0,
+  class: "vpg-assigned-section"
+}, vn = { class: "vpg-assigned-list" }, cn = ["title", "onDragstart"], dn = { class: "vpg-item-main" }, gn = { class: "vpg-item-name" }, pn = { class: "vpg-item-actions" }, fn = ["title", "onClick"], mn = ["value", "onChange"], hn = ["value"], wn = ["onClick"], kn = { class: "vpg-unassigned-section" }, Cn = { class: "vpg-section-header" }, yn = { class: "vpg-section-label" }, bn = { class: "vpg-count" }, Fn = { class: "vpg-field-search" }, Sn = { class: "vpg-field-list" }, Rn = ["title", "onDragstart"], $n = ["title"], Mn = { class: "vpg-field-name" }, xn = { class: "vpg-unique-count" }, Tn = {
+  key: 0,
+  class: "vpg-empty-hint"
+}, Vn = {
+  key: 1,
+  class: "vpg-empty-hint"
+}, Dn = { class: "vpg-options-section" }, zn = { class: "vpg-option-toggle" }, An = ["checked"], Ln = {
+  key: 1,
+  class: "vpg-watermark"
+}, Pn = /* @__PURE__ */ Qe({
+  __name: "PivotConfig",
+  props: {
+    availableFields: {},
+    rowFields: {},
+    columnFields: {},
+    valueFields: {},
+    showRowTotals: { type: Boolean },
+    showColumnTotals: { type: Boolean }
+  },
+  emits: ["update:showRowTotals", "update:showColumnTotals", "clearConfig", "autoSuggest", "dragStart", "dragEnd", "updateAggregation", "addRowField", "removeRowField", "addColumnField", "removeColumnField", "addValueField", "removeValueField"],
+  setup(t, { emit: i }) {
+    const n = t, l = i, { isPro: v, showWatermark: m } = Ie(), y = [
+      { value: "sum", label: "Sum", symbol: "Σ" },
+      { value: "count", label: "Count", symbol: "#" },
+      { value: "avg", label: "Avg", symbol: "x̄" },
+      { value: "min", label: "Min", symbol: "↓" },
+      { value: "max", label: "Max", symbol: "↑" },
+      { value: "countDistinct", label: "Unique", symbol: "◇" }
+    ];
+    function c(f) {
+      var s;
+      return ((s = y.find((d) => d.value === f)) == null ? void 0 : s.symbol) || "Σ";
+    }
+    const b = T(() => {
+      const f = new Set(n.rowFields), s = new Set(n.columnFields), d = new Map(n.valueFields.map((F) => [F.field, F]));
+      return n.availableFields.filter((F) => f.has(F.field) || s.has(F.field) || d.has(F.field)).map((F) => ({
+        ...F,
+        assignedTo: f.has(F.field) ? "row" : s.has(F.field) ? "column" : "value",
+        valueConfig: d.get(F.field)
+      }));
+    }), C = T(() => {
+      const f = new Set(n.rowFields), s = new Set(n.columnFields), d = new Set(n.valueFields.map((F) => F.field));
+      return n.availableFields.filter(
+        (F) => !f.has(F.field) && !s.has(F.field) && !d.has(F.field)
+      );
+    }), V = T(() => b.value.length), $ = M(""), U = T(() => {
+      if (!$.value.trim())
+        return C.value;
+      const f = $.value.toLowerCase().trim();
+      return C.value.filter((s) => s.field.toLowerCase().includes(f));
+    });
+    function D(f) {
+      switch (f) {
+        case "number":
+          return "#";
+        case "date":
+          return "📅";
+        case "boolean":
+          return "✓";
+        default:
+          return "Aa";
+      }
+    }
+    function H(f, s) {
+      var d;
+      (d = s.dataTransfer) == null || d.setData("text/plain", f), s.dataTransfer.effectAllowed = "move", l("dragStart", f, s);
+    }
+    function O() {
+      l("dragEnd");
+    }
+    function _(f, s, d) {
+      l("updateAggregation", f, s, d);
+    }
+    function X(f, s) {
+      s === "row" ? (l("removeRowField", f), l("addColumnField", f)) : (l("removeColumnField", f), l("addRowField", f));
+    }
+    function B(f, s, d) {
+      s === "row" ? l("removeRowField", f) : s === "column" ? l("removeColumnField", f) : d && l("removeValueField", f, d.aggregation);
+    }
+    return (f, s) => (r(), u("div", sn, [
+      e("div", an, [
+        s[7] || (s[7] = e("h3", { class: "vpg-config-title" }, [
+          e("svg", {
+            class: "vpg-icon",
+            fill: "none",
+            stroke: "currentColor",
+            viewBox: "0 0 24 24"
+          }, [
+            e("path", {
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round",
+              "stroke-width": "2",
+              d: "M4 6h16M4 10h16M4 14h16M4 18h16"
+            })
+          ]),
+          I(" Fields ")
+        ], -1)),
+        e("div", rn, [
+          V.value > 0 ? (r(), u("button", {
+            key: 0,
+            class: "vpg-action-btn vpg-clear-btn",
+            title: "Clear all",
+            onClick: s[0] || (s[0] = (d) => l("clearConfig"))
+          }, [...s[6] || (s[6] = [
+            e("svg", {
+              class: "vpg-icon-sm",
+              fill: "none",
+              stroke: "currentColor",
+              viewBox: "0 0 24 24"
+            }, [
+              e("path", {
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round",
+                "stroke-width": "2",
+                d: "M6 18L18 6M6 6l12 12"
+              })
+            ], -1)
+          ])])) : z("", !0)
+        ])
+      ]),
+      V.value > 0 ? (r(), u("div", un, [
+        s[9] || (s[9] = e("div", { class: "vpg-section-label" }, "Active", -1)),
+        e("div", vn, [
+          (r(!0), u(W, null, J(b.value, (d) => {
+            var F;
+            return r(), u("div", {
+              key: d.field,
+              class: q(["vpg-assigned-item", [`vpg-type-${d.assignedTo}`]]),
+              title: d.field,
+              draggable: "true",
+              onDragstart: (g) => H(d.field, g),
+              onDragend: O
+            }, [
+              e("div", dn, [
+                e("span", {
+                  class: q(["vpg-item-badge", d.assignedTo])
+                }, R(d.assignedTo === "row" ? "R" : d.assignedTo === "column" ? "C" : c(((F = d.valueConfig) == null ? void 0 : F.aggregation) || "sum")), 3),
+                e("span", gn, R(d.field), 1)
+              ]),
+              e("div", pn, [
+                d.assignedTo === "row" || d.assignedTo === "column" ? (r(), u("button", {
+                  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"])
+                }, [...s[8] || (s[8] = [
+                  e("svg", {
+                    class: "vpg-icon-xs",
+                    fill: "none",
+                    stroke: "currentColor",
+                    viewBox: "0 0 24 24"
+                  }, [
+                    e("path", {
+                      "stroke-linecap": "round",
+                      "stroke-linejoin": "round",
+                      "stroke-width": "2",
+                      d: "M8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4"
+                    })
+                  ], -1)
+                ])], 8, fn)) : z("", !0),
+                d.assignedTo === "value" && d.valueConfig ? (r(), u("select", {
+                  key: 1,
+                  class: "vpg-agg-select",
+                  value: d.valueConfig.aggregation,
+                  onChange: (g) => _(d.field, d.valueConfig.aggregation, g.target.value),
+                  onClick: s[1] || (s[1] = He(() => {
+                  }, ["stop"]))
+                }, [
+                  (r(), u(W, null, J(y, (g) => e("option", {
+                    key: g.value,
+                    value: g.value
+                  }, R(g.symbol) + " " + R(g.label), 9, hn)), 64))
+                ], 40, mn)) : z("", !0),
+                e("button", {
+                  class: "vpg-remove-btn",
+                  title: "Remove",
+                  onClick: He((g) => B(d.field, d.assignedTo, d.valueConfig), ["stop"])
+                }, " × ", 8, wn)
+              ])
+            ], 42, cn);
+          }), 128))
+        ])
+      ])) : z("", !0),
+      e("div", kn, [
+        e("div", Cn, [
+          e("div", yn, [
+            s[10] || (s[10] = I(" Available ", -1)),
+            e("span", bn, R(C.value.length), 1)
+          ])
+        ]),
+        e("div", Fn, [
+          s[12] || (s[12] = e("svg", {
+            class: "vpg-search-icon",
+            fill: "none",
+            stroke: "currentColor",
+            viewBox: "0 0 24 24"
+          }, [
+            e("path", {
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round",
+              "stroke-width": "2",
+              d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
+            })
+          ], -1)),
+          it(e("input", {
+            "onUpdate:modelValue": s[2] || (s[2] = (d) => $.value = d),
+            type: "text",
+            placeholder: "Search fields...",
+            class: "vpg-search-input"
+          }, null, 512), [
+            [rt, $.value]
+          ]),
+          $.value ? (r(), u("button", {
+            key: 0,
+            class: "vpg-clear-search",
+            onClick: s[3] || (s[3] = (d) => $.value = "")
+          }, [...s[11] || (s[11] = [
+            e("svg", {
+              class: "vpg-icon-xs",
+              fill: "none",
+              stroke: "currentColor",
+              viewBox: "0 0 24 24"
+            }, [
+              e("path", {
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round",
+                "stroke-width": "2",
+                d: "M6 18L18 6M6 6l12 12"
+              })
+            ], -1)
+          ])])) : z("", !0)
+        ]),
+        e("div", Sn, [
+          (r(!0), u(W, null, J(U.value, (d) => (r(), u("div", {
+            key: d.field,
+            class: q(["vpg-field-item", { "vpg-is-numeric": d.isNumeric }]),
+            title: d.field,
+            draggable: "true",
+            onDragstart: (F) => H(d.field, F),
+            onDragend: O
+          }, [
+            e("span", {
+              class: "vpg-field-type-icon",
+              title: d.type
+            }, R(D(d.type)), 9, $n),
+            e("span", Mn, R(d.field), 1),
+            e("span", xn, R(d.uniqueCount), 1)
+          ], 42, Rn))), 128)),
+          U.value.length === 0 && $.value ? (r(), u("div", Tn, ' No fields match "' + R($.value) + '" ', 1)) : C.value.length === 0 ? (r(), u("div", Vn, " All fields assigned ")) : z("", !0)
+        ])
+      ]),
+      e("div", Dn, [
+        e("label", zn, [
+          e("input", {
+            type: "checkbox",
+            checked: t.showRowTotals,
+            onChange: s[4] || (s[4] = (d) => l("update:showRowTotals", d.target.checked))
+          }, null, 40, An),
+          s[13] || (s[13] = e("span", null, "Totals", -1))
+        ]),
+        e("button", {
+          class: "vpg-auto-btn",
+          onClick: s[5] || (s[5] = (d) => l("autoSuggest"))
+        }, [...s[14] || (s[14] = [
+          e("svg", {
+            class: "vpg-icon-sm",
+            fill: "none",
+            stroke: "currentColor",
+            viewBox: "0 0 24 24"
+          }, [
+            e("path", {
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round",
+              "stroke-width": "2",
+              d: "M13 10V3L4 14h7v7l9-11h-7z"
+            })
+          ], -1),
+          I(" Auto ", -1)
+        ])])
+      ]),
+      S(m) ? (r(), u("div", Ln, [...s[15] || (s[15] = [
+        e("a", {
+          href: "https://tiny-pivot.com",
+          target: "_blank",
+          rel: "noopener"
+        }, " TinyPivot ", -1)
+      ])])) : z("", !0)
+    ]));
+  }
+}), En = /* @__PURE__ */ et(Pn, [["__scopeId", "data-v-6663dd14"]]), Nn = { class: "vpg-skeleton-header" }, Bn = { class: "vpg-header-right" }, jn = { class: "vpg-filter-text" }, Hn = {
+  key: 0,
+  class: "vpg-filter-count"
+}, Un = {
+  key: 0,
+  class: "vpg-filter-tooltip"
+}, Kn = { class: "vpg-tooltip-column" }, Wn = { class: "vpg-tooltip-values" }, _n = {
+  key: 0,
+  class: "vpg-tooltip-more"
+}, qn = {
+  key: 0,
+  class: "vpg-tooltip-summary"
+}, On = {
+  key: 1,
+  class: "vpg-config-summary"
+}, Gn = { class: "vpg-summary-badge vpg-rows" }, Xn = { class: "vpg-summary-badge vpg-cols" }, Yn = { class: "vpg-summary-badge vpg-vals" }, Zn = {
+  key: 2,
+  class: "vpg-font-size-toggle"
+}, Jn = ["onClick"], Qn = {
+  key: 0,
+  class: "vpg-pro-required"
+}, In = { class: "vpg-config-bar" }, el = { class: "vpg-zone-chips" }, tl = ["onDragstart", "onDragover", "onDrop"], ol = { class: "vpg-mini-name" }, nl = ["onClick"], ll = {
+  key: 0,
+  class: "vpg-zone-hint"
+}, sl = { class: "vpg-zone-chips" }, al = ["onDragstart", "onDragover", "onDrop"], il = { class: "vpg-mini-name" }, rl = ["onClick"], ul = {
+  key: 0,
+  class: "vpg-zone-hint"
+}, vl = { class: "vpg-zone-chips" }, cl = { class: "vpg-agg-symbol" }, dl = { class: "vpg-mini-name" }, gl = ["onClick"], pl = {
+  key: 0,
+  class: "vpg-zone-hint"
+}, fl = {
+  key: 0,
+  class: "vpg-placeholder"
+}, ml = { class: "vpg-placeholder-content" }, hl = { class: "vpg-placeholder-text" }, wl = {
+  key: 1,
+  class: "vpg-table-container"
+}, kl = { class: "vpg-pivot-table" }, Cl = ["rowspan"], yl = { class: "vpg-header-content" }, bl = ["colspan", "onClick"], Fl = { class: "vpg-header-content" }, Sl = ["rowspan"], Rl = ["onClick"], $l = {
+  key: 0,
+  class: "vpg-data-cell vpg-total-cell"
+}, Ml = {
+  key: 0,
+  class: "vpg-totals-row"
+}, xl = {
+  key: 0,
+  class: "vpg-data-cell vpg-grand-total-cell"
+}, Tl = {
+  key: 2,
+  class: "vpg-skeleton-footer"
+}, Vl = {
+  key: 1,
+  href: "https://tiny-pivot.com",
+  target: "_blank",
+  rel: "noopener"
+}, Dl = /* @__PURE__ */ Qe({
+  __name: "PivotSkeleton",
+  props: {
+    rowFields: {},
+    columnFields: {},
+    valueFields: {},
+    isConfigured: { type: Boolean },
+    draggingField: {},
+    pivotResult: {},
+    fontSize: {},
+    activeFilters: {},
+    totalRowCount: {},
+    filteredRowCount: {}
+  },
+  emits: ["addRowField", "removeRowField", "addColumnField", "removeColumnField", "addValueField", "removeValueField", "updateAggregation", "reorderRowFields", "reorderColumnFields"],
+  setup(t, { emit: i }) {
+    const n = t, l = i, { showWatermark: v, canUsePivot: m, isDemo: y } = Ie(), c = M(null), b = M(null), C = M(null), V = {
+      sum: "Sum",
+      count: "Count",
+      avg: "Average",
+      min: "Min",
+      max: "Max",
+      countDistinct: "Count Distinct"
+    };
+    function $(E) {
+      return V[E];
+    }
+    function U(E) {
+      return {
+        sum: "Σ",
+        count: "#",
+        avg: "x̄",
+        min: "↓",
+        max: "↑",
+        countDistinct: "◇"
+      }[E] || "Σ";
+    }
+    const D = M(n.fontSize || "xs"), H = [
+      { value: "xs", label: "S" },
+      { value: "sm", label: "M" },
+      { value: "base", label: "L" }
+    ], O = T(() => n.activeFilters && n.activeFilters.length > 0), _ = T(() => !n.activeFilters || n.activeFilters.length === 0 ? "" : n.activeFilters.map((p) => p.column).join(", ")), X = T(() => !n.activeFilters || n.activeFilters.length === 0 ? [] : n.activeFilters.map((E) => {
+      const P = E.values.slice(0, 5), k = E.values.length - 5;
+      return {
+        column: E.column,
+        values: P,
+        remaining: k > 0 ? k : 0
+      };
+    })), B = M(!1), f = M("asc"), s = M("row");
+    function d(E = "row") {
+      s.value === E ? f.value = f.value === "asc" ? "desc" : "asc" : (s.value = E, f.value = "asc");
+    }
+    const F = T(() => {
+      if (!n.pivotResult)
+        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;
+        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;
+        }
+        return f.value === "asc" ? N : -N;
+      }), E;
+    }), g = T(() => {
+      if (!n.pivotResult || n.pivotResult.headers.length === 0)
+        return [n.valueFields.map((p) => ({
+          label: `${p.field} (${$(p.aggregation)})`,
+          colspan: 1
+        }))];
+      const E = [];
+      for (let p = 0; p < n.pivotResult.headers.length; p++) {
+        const P = n.pivotResult.headers[p], k = [];
+        let A = 0;
+        for (; A < P.length; ) {
+          const N = P[A];
+          let G = 1;
+          for (; A + G < P.length && P[A + G] === N; )
+            G++;
+          k.push({ label: N, colspan: G }), A += G;
+        }
+        E.push(k);
+      }
+      return E;
+    }), w = M(null);
+    function x(E, p) {
+      w.value = { row: E, col: p };
+    }
+    function L(E, p) {
+      var P, k;
+      return ((P = w.value) == null ? void 0 : P.row) === E && ((k = w.value) == null ? void 0 : k.col) === p;
+    }
+    function ee(E, p) {
+      p.preventDefault(), p.dataTransfer.dropEffect = "move", c.value = E;
+    }
+    function ie() {
+      c.value = null;
+    }
+    function me(E, p) {
+      var A;
+      p.preventDefault();
+      const P = (A = p.dataTransfer) == null ? void 0 : A.getData("text/plain");
+      if (!P || P.startsWith("reorder:")) {
+        c.value = null;
+        return;
+      }
+      n.rowFields.includes(P) && l("removeRowField", P), n.columnFields.includes(P) && l("removeColumnField", P);
+      const k = n.valueFields.find((N) => N.field === P);
+      switch (k && l("removeValueField", P, k.aggregation), E) {
+        case "row":
+          l("addRowField", P);
+          break;
+        case "column":
+          l("addColumnField", P);
+          break;
+        case "value":
+          l("addValueField", P, "sum");
+          break;
+      }
+      c.value = null;
+    }
+    function Ke(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;
+      });
+    }
+    function ye() {
+      b.value = null, C.value = null;
+    }
+    function he(E, p, P) {
+      P.preventDefault(), b.value && b.value.zone === E && (P.dataTransfer.dropEffect = "move", C.value = { zone: E, index: p });
+    }
+    function re() {
+      C.value = null;
+    }
+    function We(E, p, P) {
+      if (P.preventDefault(), P.stopPropagation(), !b.value || b.value.zone !== E)
+        return;
+      const k = b.value.index;
+      if (k === p) {
+        b.value = null, C.value = null;
+        return;
+      }
+      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) {
+      var P, k;
+      return ((P = b.value) == null ? void 0 : P.zone) === E && ((k = b.value) == null ? void 0 : k.index) === p;
+    }
+    function _e(E, p) {
+      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);
+    return (E, p) => {
+      var P;
+      return r(), u("div", {
+        class: q(["vpg-pivot-skeleton", [
+          `vpg-font-${D.value}`,
+          { "vpg-is-dragging": t.draggingField }
+        ]])
+      }, [
+        e("div", Nn, [
+          p[12] || (p[12] = e("div", { class: "vpg-skeleton-title" }, [
+            e("svg", {
+              class: "vpg-icon",
+              fill: "none",
+              stroke: "currentColor",
+              viewBox: "0 0 24 24"
+            }, [
+              e("path", {
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round",
+                "stroke-width": "2",
+                d: "M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"
+              })
+            ]),
+            e("span", null, "Pivot Table")
+          ], -1)),
+          e("div", Bn, [
+            O.value ? (r(), u("div", {
+              key: 0,
+              class: "vpg-filter-indicator",
+              onMouseenter: p[0] || (p[0] = (k) => B.value = !0),
+              onMouseleave: p[1] || (p[1] = (k) => B.value = !1)
+            }, [
+              p[11] || (p[11] = e("svg", {
+                class: "vpg-filter-icon",
+                fill: "none",
+                stroke: "currentColor",
+                viewBox: "0 0 24 24"
+              }, [
+                e("path", {
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round",
+                  "stroke-width": "2",
+                  d: "M3 4a1 1 0 011-1h16a1 1 0 011 1v2.586a1 1 0 01-.293.707l-6.414 6.414a1 1 0 00-.293.707V17l-4 4v-6.586a1 1 0 00-.293-.707L3.293 7.293A1 1 0 013 6.586V4z"
+                })
+              ], -1)),
+              e("span", jn, [
+                p[9] || (p[9] = I(" Filtered: ", -1)),
+                e("strong", null, R(_.value), 1),
+                t.filteredRowCount !== void 0 && t.totalRowCount !== void 0 ? (r(), u("span", Hn, " (" + R(t.filteredRowCount.toLocaleString()) + " of " + R(t.totalRowCount.toLocaleString()) + " rows) ", 1)) : z("", !0)
+              ]),
+              B.value ? (r(), u("div", Un, [
+                p[10] || (p[10] = e("div", { class: "vpg-tooltip-header" }, "Active Filters", -1)),
+                (r(!0), u(W, null, J(X.value, (k) => (r(), u("div", {
+                  key: k.column,
+                  class: "vpg-tooltip-filter"
+                }, [
+                  e("div", Kn, R(k.column), 1),
+                  e("div", Wn, [
+                    (r(!0), u(W, null, J(k.values, (A, N) => (r(), u("span", {
+                      key: N,
+                      class: "vpg-tooltip-value"
+                    }, R(A), 1))), 128)),
+                    k.remaining > 0 ? (r(), u("span", _n, " +" + R(k.remaining) + " more ", 1)) : z("", !0)
+                  ])
+                ]))), 128)),
+                t.filteredRowCount !== void 0 && t.totalRowCount !== void 0 ? (r(), u("div", qn, " Showing " + R(t.filteredRowCount.toLocaleString()) + " of " + R(t.totalRowCount.toLocaleString()) + " rows ", 1)) : z("", !0)
+              ])) : z("", !0)
+            ], 32)) : z("", !0),
+            t.isConfigured ? (r(), u("div", On, [
+              e("span", Gn, R(t.rowFields.length) + " row" + R(t.rowFields.length !== 1 ? "s" : ""), 1),
+              e("span", Xn, R(t.columnFields.length) + " col" + R(t.columnFields.length !== 1 ? "s" : ""), 1),
+              e("span", Yn, R(t.valueFields.length) + " val" + R(t.valueFields.length !== 1 ? "s" : ""), 1)
+            ])) : z("", !0),
+            t.isConfigured && t.pivotResult ? (r(), u("div", Zn, [
+              (r(), u(W, null, J(H, (k) => e("button", {
+                key: k.value,
+                class: q(["vpg-font-size-btn", { active: D.value === k.value }]),
+                onClick: (A) => D.value = k.value
+              }, R(k.label), 11, Jn)), 64))
+            ])) : z("", !0)
+          ])
+        ]),
+        S(m) ? (r(), u(W, { key: 1 }, [
+          e("div", In, [
+            e("div", {
+              class: q(["vpg-drop-zone vpg-row-zone", { "vpg-drag-over": c.value === "row" }]),
+              onDragover: p[2] || (p[2] = (k) => ee("row", k)),
+              onDragleave: ie,
+              onDrop: p[3] || (p[3] = (k) => me("row", k))
+            }, [
+              p[15] || (p[15] = e("div", { class: "vpg-zone-header" }, [
+                e("span", { class: "vpg-zone-icon vpg-row-icon" }, "↓"),
+                e("span", { class: "vpg-zone-label" }, "Rows")
+              ], -1)),
+              e("div", el, [
+                (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-drop-target": _e("row", A)
+                  }]),
+                  draggable: "true",
+                  onDragstart: (N) => Ke("row", A, N),
+                  onDragend: ye,
+                  onDragover: (N) => he("row", A, N),
+                  onDragleave: re,
+                  onDrop: (N) => We("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"])
+                  }, "×", 8, nl)
+                ], 42, tl))), 128)),
+                t.rowFields.length === 0 ? (r(), u("span", ll, "Drop here")) : z("", !0)
+              ])
+            ], 34),
+            e("div", {
+              class: q(["vpg-drop-zone vpg-column-zone", { "vpg-drag-over": c.value === "column" }]),
+              onDragover: p[4] || (p[4] = (k) => ee("column", k)),
+              onDragleave: ie,
+              onDrop: p[5] || (p[5] = (k) => me("column", k))
+            }, [
+              p[17] || (p[17] = e("div", { class: "vpg-zone-header" }, [
+                e("span", { class: "vpg-zone-icon vpg-column-icon" }, "→"),
+                e("span", { class: "vpg-zone-label" }, "Columns")
+              ], -1)),
+              e("div", sl, [
+                (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-drop-target": _e("column", A)
+                  }]),
+                  draggable: "true",
+                  onDragstart: (N) => Ke("column", A, N),
+                  onDragend: ye,
+                  onDragover: (N) => he("column", A, N),
+                  onDragleave: re,
+                  onDrop: (N) => We("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"])
+                  }, "×", 8, rl)
+                ], 42, al))), 128)),
+                t.columnFields.length === 0 ? (r(), u("span", ul, "Drop here")) : z("", !0)
+              ])
+            ], 34),
+            e("div", {
+              class: q(["vpg-drop-zone vpg-value-zone", { "vpg-drag-over": c.value === "value" }]),
+              onDragover: p[6] || (p[6] = (k) => ee("value", k)),
+              onDragleave: ie,
+              onDrop: p[7] || (p[7] = (k) => me("value", k))
+            }, [
+              p[18] || (p[18] = e("div", { class: "vpg-zone-header" }, [
+                e("span", { class: "vpg-zone-icon vpg-value-icon" }, "Σ"),
+                e("span", { class: "vpg-zone-label" }, "Values")
+              ], -1)),
+              e("div", vl, [
+                (r(!0), u(W, null, J(t.valueFields, (k) => (r(), u("div", {
+                  key: `${k.field}-${k.aggregation}`,
+                  class: "vpg-mini-chip vpg-value-chip"
+                }, [
+                  e("span", cl, R(U(k.aggregation)), 1),
+                  e("span", dl, R(k.field), 1),
+                  e("button", {
+                    class: "vpg-mini-remove",
+                    onClick: (A) => l("removeValueField", k.field, k.aggregation)
+                  }, "×", 8, gl)
+                ]))), 128)),
+                t.valueFields.length === 0 ? (r(), u("span", pl, "Drop numeric")) : z("", !0)
+              ])
+            ], 34)
+          ]),
+          !t.isConfigured || !t.pivotResult ? (r(), u("div", fl, [
+            e("div", ml, [
+              p[27] || (p[27] = e("svg", {
+                class: "vpg-placeholder-icon",
+                fill: "none",
+                viewBox: "0 0 24 24",
+                stroke: "currentColor"
+              }, [
+                e("path", {
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round",
+                  "stroke-width": "1.5",
+                  d: "M3 10h18M3 14h18m-9-4v8m-7 0h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z"
+                })
+              ], -1)),
+              e("span", hl, [
+                t.valueFields.length === 0 ? (r(), u(W, { key: 0 }, [
+                  p[19] || (p[19] = I(" Add a ", -1)),
+                  p[20] || (p[20] = e("strong", null, "Values", -1)),
+                  p[21] || (p[21] = I(" field to see your pivot table ", -1))
+                ], 64)) : t.rowFields.length === 0 && t.columnFields.length === 0 ? (r(), u(W, { key: 1 }, [
+                  p[22] || (p[22] = I(" Add ", -1)),
+                  p[23] || (p[23] = e("strong", null, "Row", -1)),
+                  p[24] || (p[24] = I(" or ", -1)),
+                  p[25] || (p[25] = e("strong", null, "Column", -1)),
+                  p[26] || (p[26] = I(" fields to group your data ", -1))
+                ], 64)) : (r(), u(W, { key: 2 }, [
+                  I(" Your pivot table will appear here ")
+                ], 64))
+              ])
+            ])
+          ])) : (r(), u("div", wl, [
+            e("table", kl, [
+              e("thead", null, [
+                (r(!0), u(W, null, J(g.value, (k, A) => (r(), u("tr", {
+                  key: `header-${A}`,
+                  class: "vpg-column-header-row"
+                }, [
+                  A === 0 ? (r(), u("th", {
+                    key: 0,
+                    class: "vpg-row-header-label",
+                    rowspan: g.value.length,
+                    style: ve({ width: `${Ae.value}px` }),
+                    onClick: p[8] || (p[8] = (N) => d("row"))
+                  }, [
+                    e("div", yl, [
+                      e("span", null, R(t.rowFields.join(" / ") || "Rows"), 1),
+                      e("span", {
+                        class: q(["vpg-sort-indicator", { active: s.value === "row" }])
+                      }, R(s.value === "row" ? f.value === "asc" ? "↑" : "↓" : "⇅"), 3)
+                    ])
+                  ], 12, Cl)) : z("", !0),
+                  (r(!0), u(W, null, J(k, (N, G) => (r(), u("th", {
+                    key: G,
+                    class: "vpg-column-header-cell",
+                    colspan: N.colspan,
+                    style: ve({ width: `${we.value * N.colspan}px` }),
+                    onClick: (Me) => A === g.value.length - 1 && d(G)
+                  }, [
+                    e("div", Fl, [
+                      e("span", null, R(N.label), 1),
+                      A === g.value.length - 1 ? (r(), u("span", {
+                        key: 0,
+                        class: q(["vpg-sort-indicator", { active: s.value === G }])
+                      }, R(s.value === G ? f.value === "asc" ? "↑" : "↓" : "⇅"), 3)) : z("", !0)
+                    ])
+                  ], 12, bl))), 128)),
+                  t.pivotResult.rowTotals.length > 0 && A === 0 ? (r(), u("th", {
+                    key: 1,
+                    class: "vpg-total-header",
+                    rowspan: g.value.length
+                  }, " Total ", 8, Sl)) : z("", !0)
+                ]))), 128))
+              ]),
+              e("tbody", null, [
+                (r(!0), u(W, null, J(F.value, (k) => (r(), u("tr", {
+                  key: k,
+                  class: "vpg-data-row"
+                }, [
+                  e("th", {
+                    class: "vpg-row-header-cell",
+                    style: ve({ width: `${Ae.value}px` })
+                  }, [
+                    (r(!0), u(W, null, J(t.pivotResult.rowHeaders[k], (A, N) => (r(), u("span", {
+                      key: N,
+                      class: "vpg-row-value"
+                    }, R(A), 1))), 128))
+                  ], 4),
+                  (r(!0), u(W, null, J(t.pivotResult.data[k], (A, N) => (r(), u("td", {
+                    key: N,
+                    class: q(["vpg-data-cell", [
+                      L(k, N) && "selected",
+                      A.value === null && "vpg-is-null"
+                    ]]),
+                    style: ve({ width: `${we.value}px` }),
+                    onClick: (G) => x(k, N)
+                  }, R(A.formattedValue), 15, Rl))), 128)),
+                  t.pivotResult.rowTotals[k] ? (r(), u("td", $l, R(t.pivotResult.rowTotals[k].formattedValue), 1)) : z("", !0)
+                ]))), 128)),
+                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` })
+                  }, " Total ", 4),
+                  (r(!0), u(W, null, J(t.pivotResult.columnTotals, (k, A) => (r(), u("td", {
+                    key: A,
+                    class: "vpg-data-cell vpg-total-cell",
+                    style: ve({ width: `${we.value}px` })
+                  }, R(k.formattedValue), 5))), 128)),
+                  t.pivotResult.rowTotals.length > 0 ? (r(), u("td", xl, R(t.pivotResult.grandTotal.formattedValue), 1)) : z("", !0)
+                ])) : z("", !0)
+              ])
+            ])
+          ])),
+          t.isConfigured && t.pivotResult ? (r(), u("div", Tl, [
+            e("span", null, R(t.pivotResult.rowHeaders.length) + " rows × " + R(((P = t.pivotResult.data[0]) == null ? void 0 : P.length) || 0) + " columns", 1)
+          ])) : z("", !0)
+        ], 64)) : (r(), u("div", Qn, [...p[13] || (p[13] = [
+          e("div", { class: "vpg-pro-content" }, [
+            e("svg", {
+              class: "vpg-pro-icon",
+              fill: "none",
+              viewBox: "0 0 24 24",
+              stroke: "currentColor"
+            }, [
+              e("path", {
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round",
+                "stroke-width": "2",
+                d: "M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"
+              })
+            ]),
+            e("h3", null, "Pro Feature"),
+            e("p", null, "Pivot Table functionality requires a Pro license."),
+            e("a", {
+              href: "https://tiny-pivot.com/#pricing",
+              target: "_blank",
+              class: "vpg-pro-link"
+            }, " Get Pro License → ")
+          ], -1)
+        ])])),
+        S(v) && S(m) ? (r(), u("div", {
+          key: 2,
+          class: q(["vpg-watermark", { "vpg-demo-mode": S(y) }])
+        }, [
+          S(y) ? (r(), u(W, { key: 0 }, [
+            p[28] || (p[28] = e("span", { class: "vpg-demo-badge" }, "DEMO", -1)),
+            p[29] || (p[29] = e("span", null, "Pro features unlocked for evaluation", -1)),
+            p[30] || (p[30] = e("a", {
+              href: "https://tiny-pivot.com/#pricing",
+              target: "_blank",
+              rel: "noopener",
+              class: "vpg-get-pro"
+            }, " Get Pro License → ", -1))
+          ], 64)) : (r(), u("a", Vl, " Powered by TinyPivot "))
+        ], 2)) : z("", !0)
+      ], 2);
+    };
+  }
+}), zl = /* @__PURE__ */ et(Dl, [["__scopeId", "data-v-ccaad6a3"]]), Al = {
+  key: 0,
+  class: "vpg-toast"
+}, Ll = { class: "vpg-toolbar" }, Pl = { class: "vpg-toolbar-left" }, El = {
+  key: 0,
+  class: "vpg-view-toggle"
+}, Nl = {
+  key: 0,
+  class: "vpg-search-container"
+}, Bl = {
+  key: 1,
+  class: "vpg-search-box"
+}, jl = { class: "vpg-font-size-control" }, Hl = { class: "vpg-font-size-toggle" }, Ul = ["onClick"], Kl = {
+  key: 1,
+  class: "vpg-filter-info"
+}, Wl = {
+  key: 2,
+  class: "vpg-search-info"
+}, _l = {
+  key: 0,
+  class: "vpg-pivot-status"
+}, ql = { class: "vpg-toolbar-right" }, Ol = ["title"], Gl = {
+  key: 0,
+  class: "vpg-loading"
+}, Xl = {
+  key: 1,
+  class: "vpg-empty"
+}, Yl = {
+  key: 2,
+  class: "vpg-empty"
+}, Zl = {
+  key: 3,
+  class: "vpg-table-wrapper"
+}, Jl = ["onClick"], Ql = { class: "vpg-header-content" }, Il = { class: "vpg-header-text" }, es = { class: "vpg-header-icons" }, ts = {
+  key: 0,
+  class: "vpg-sort-indicator"
+}, os = {
+  key: 0,
+  class: "vpg-icon-sm",
+  fill: "currentColor",
+  viewBox: "0 0 20 20"
+}, ns = {
+  key: 1,
+  class: "vpg-icon-sm",
+  fill: "currentColor",
+  viewBox: "0 0 20 20"
+}, ls = {
+  key: 1,
+  class: "vpg-filter-indicator"
+}, ss = ["onMousedown"], as = ["data-row", "data-col", "onMousedown", "onMouseenter"], is = {
+  key: 1,
+  class: "vpg-pivot-container"
+}, rs = {
+  key: 0,
+  class: "vpg-pivot-config-panel"
+}, us = { class: "vpg-footer" }, vs = { class: "vpg-footer-left" }, cs = {
+  key: 0,
+  class: "vpg-filtered-note"
+}, ds = { key: 1 }, gs = { class: "vpg-filtered-count" }, ps = {
+  key: 0,
+  class: "vpg-pagination"
+}, fs = ["disabled"], ms = ["disabled"], hs = { class: "vpg-page-info" }, ws = ["disabled"], ks = ["disabled"], Cs = {
+  key: 1,
+  class: "vpg-selection-stats"
+}, ys = { class: "vpg-stat" }, bs = { class: "vpg-stat-value" }, Fs = { class: "vpg-stat" }, Ss = { class: "vpg-stat-value" }, Rs = { class: "vpg-stat" }, $s = { class: "vpg-stat-value" }, Ms = { class: "vpg-footer-right" }, xs = {
+  key: 0,
+  class: "vpg-demo-banner"
+}, Ts = {
+  key: 1,
+  class: "vpg-watermark-inline"
+}, Ce = 120, Mt = 350, Vs = /* @__PURE__ */ Qe({
+  __name: "DataGrid",
+  props: {
+    data: {},
+    loading: { type: Boolean, default: !1 },
+    rowHeight: { default: 36 },
+    headerHeight: { default: 40 },
+    fontSize: { default: "xs" },
+    showPivot: { type: Boolean, default: !0 },
+    enableExport: { type: Boolean, default: !0 },
+    enableSearch: { type: Boolean, default: !0 },
+    enablePagination: { type: Boolean, default: !1 },
+    pageSize: { default: 50 },
+    enableColumnResize: { type: Boolean, default: !0 },
+    enableClipboard: { type: Boolean, default: !0 },
+    theme: { default: "light" },
+    stripedRows: { type: Boolean, default: !0 },
+    exportFilename: { default: "data-export.csv" },
+    enableVerticalResize: { type: Boolean, default: !0 },
+    initialHeight: { default: 600 },
+    minHeight: { default: 300 },
+    maxHeight: { default: 1200 }
+  },
+  emits: ["cellClick", "selectionChange", "export", "copy"],
+  setup(t, { emit: i }) {
+    const n = t, l = i, { showWatermark: v, canUsePivot: m, isDemo: y } = Ie(), c = T(() => {
+      var a;
+      return n.theme === "auto" ? (a = window.matchMedia) != null && a.call(window, "(prefers-color-scheme: dark)").matches ? "dark" : "light" : n.theme;
+    }), b = M(n.fontSize), C = M(""), V = M(!1), $ = M(1), U = M(null), D = M(0), H = M(0), O = M(n.initialHeight), _ = M(!1), X = M(0), B = M(0), f = M(!1), s = M(""), d = [
+      { value: "xs", label: "S" },
+      { value: "sm", label: "M" },
+      { value: "base", label: "L" }
+    ], F = T(() => n.data), {
+      table: g,
+      columnKeys: w,
+      filteredRowCount: x,
+      totalRowCount: L,
+      getColumnStats: ee,
+      hasActiveFilter: ie,
+      setColumnFilter: me,
+      getColumnFilterValues: Ke,
+      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) => {
+      var o;
+      return {
+        column: a.column,
+        valueCount: ((o = a.values) == null ? void 0 : o.length) || 0,
+        values: a.values || []
+      };
+    })), {
+      rowFields: we,
+      columnFields: E,
+      valueFields: p,
+      showRowTotals: P,
+      showColumnTotals: k,
+      availableFields: A,
+      isConfigured: N,
+      pivotResult: G,
+      addRowField: Me,
+      removeRowField: Le,
+      addColumnField: Pe,
+      removeColumnField: Ee,
+      addValueField: Ne,
+      removeValueField: be,
+      updateValueFieldAggregation: ke,
+      clearConfig: Be,
+      autoSuggestConfig: At
+    } = _o(_e), qe = T(() => {
+      if (!C.value.trim() || !n.enableSearch)
+        return Fe.value;
+      const a = C.value.toLowerCase().trim();
+      return Fe.value.filter((o) => {
+        for (const h of w.value) {
+          const j = o.original[h];
+          if (j != null && String(j).toLowerCase().includes(a))
+            return !0;
+        }
+        return !1;
+      });
+    }), de = T(() => qe.value.length), xe = T(() => n.enablePagination ? Math.max(1, Math.ceil(de.value / n.pageSize)) : 1), ut = T(() => {
+      if (!n.enablePagination) return qe.value;
+      const a = ($.value - 1) * n.pageSize, o = a + n.pageSize;
+      return qe.value.slice(a, o);
+    }), Lt = T(() => de.value === 0 ? 0 : ($.value - 1) * n.pageSize + 1), Pt = T(
+      () => Math.min($.value * n.pageSize, de.value)
+    );
+    function Et() {
+      $.value < xe.value && $.value++;
+    }
+    function Nt() {
+      $.value > 1 && $.value--;
+    }
+    function Bt() {
+      if (te.value === "pivot") {
+        jt();
+        return;
+      }
+      const a = n.enableSearch && C.value.trim() ? qe.value.map((o) => o.original) : Fe.value.map((o) => o.original);
+      qo(a, w.value, {
+        filename: n.exportFilename,
+        includeHeaders: !0
+      }), l("export", { rowCount: a.length, filename: n.exportFilename });
+    }
+    function jt() {
+      if (!G.value) return;
+      const a = n.exportFilename.replace(".csv", "-pivot.csv");
+      Oo(
+        {
+          headers: G.value.headers,
+          rowHeaders: G.value.rowHeaders,
+          data: G.value.data,
+          rowTotals: G.value.rowTotals,
+          columnTotals: G.value.columnTotals,
+          grandTotal: G.value.grandTotal,
+          showRowTotals: P.value,
+          showColumnTotals: k.value
+        },
+        we.value,
+        E.value,
+        p.value,
+        { filename: a }
+      );
+      const o = G.value.rowHeaders.length;
+      l("export", { rowCount: o, filename: a });
+    }
+    function Ht(a, o) {
+      n.enableColumnResize && (o.preventDefault(), o.stopPropagation(), U.value = a, D.value = o.clientX, H.value = ge.value[a] || Ce, document.addEventListener("mousemove", vt), document.addEventListener("mouseup", ct));
+    }
+    function vt(a) {
+      if (!U.value) return;
+      const o = a.clientX - D.value, h = Math.max(Ce, Math.min(Mt, H.value + o));
+      ge.value = {
+        ...ge.value,
+        [U.value]: h
+      };
+    }
+    function ct() {
+      U.value = null, document.removeEventListener("mousemove", vt), document.removeEventListener("mouseup", ct);
+    }
+    function Ut(a) {
+      n.enableVerticalResize && (a.preventDefault(), _.value = !0, X.value = a.clientY, B.value = O.value, document.addEventListener("mousemove", dt), document.addEventListener("mouseup", gt));
+    }
+    function dt(a) {
+      if (!_.value) return;
+      const o = a.clientY - X.value, h = Math.max(
+        n.minHeight,
+        Math.min(n.maxHeight, B.value + o)
+      );
+      O.value = h;
+    }
+    function gt() {
+      _.value = !1, document.removeEventListener("mousemove", dt), document.removeEventListener("mouseup", gt);
+    }
+    function pt() {
+      if (!ae.value || !n.enableClipboard) return;
+      const a = Xo(
+        Fe.value.map((o) => o.original),
+        w.value,
+        ae.value
+      );
+      Go(
+        a,
+        () => {
+          const o = (ae.value.maxRow - ae.value.minRow + 1) * (ae.value.maxCol - ae.value.minCol + 1);
+          s.value = `Copied ${o} cell${o > 1 ? "s" : ""}`, f.value = !0, setTimeout(() => {
+            f.value = !1;
+          }, 2e3), l("copy", { text: a, cellCount: o });
+        },
+        (o) => {
+          s.value = "Copy failed", f.value = !0, setTimeout(() => {
+            f.value = !1;
+          }, 2e3), console.error("Copy failed:", o);
+        }
+      );
+    }
+    const te = M("grid"), Te = M(!0), tt = M(null);
+    function Kt(a) {
+      tt.value = a;
+    }
+    function Wt() {
+      tt.value = null;
+    }
+    function _t(a) {
+      we.value = a;
+    }
+    function qt(a) {
+      E.value = a;
+    }
+    const ot = M(), ft = M(), Fe = T(() => g.getRowModel().rows), ne = M(null), Oe = M({ top: 0, left: 0, maxHeight: 400 }), ge = M({});
+    function mt() {
+      if (n.data.length === 0)
+        return;
+      const a = {}, o = Math.min(100, n.data.length), j = document.createElement("canvas").getContext("2d");
+      if (j) {
+        j.font = "13px system-ui, -apple-system, sans-serif";
+        for (const K of w.value) {
+          let Q = j.measureText(K).width + 56;
+          for (let Z = 0; Z < o; Z++) {
+            const Y = n.data[Z][K], oe = Y == null ? "" : String(Y), fe = j.measureText(oe).width + 28;
+            Q = Math.max(Q, fe);
+          }
+          a[K] = Math.min(Math.max(Q, Ce), Mt);
+        }
+        ge.value = a;
+      }
+    }
+    function Ot(a, o) {
+      o.stopPropagation();
+      const h = o.currentTarget, j = h.closest(".vpg-header-cell"), K = (j == null ? void 0 : j.getBoundingClientRect()) || h.getBoundingClientRect(), Q = 280, Z = 12;
+      let Y = K.left;
+      Y + Q > window.innerWidth - Z && (Y = window.innerWidth - Q - Z), Y = Math.max(Z, Y);
+      const oe = window.innerHeight - K.bottom - Z, fe = K.top - Z;
+      let Se, Re;
+      oe >= 300 || oe >= fe ? (Se = K.bottom + 4, Re = Math.min(400, oe - 4)) : (Re = Math.min(400, fe - 4), Se = K.top - Re - 4), Oe.value = { top: Se, left: Y, maxHeight: Re }, ne.value = a;
+    }
+    function Ge() {
+      ne.value = null;
+    }
+    function Gt(a, o) {
+      me(a, o);
+    }
+    function Xt(a, o) {
+      if (o === null)
+        re(a) && (he(a), re(a) && he(a));
+      else {
+        const h = re(a);
+        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);
+    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 });
+    }
+    function Zt(a, o) {
+      if (o.target.closest(".vpg-dropdown-arrow")) {
+        const j = w.value[a];
+        Ot(j, o);
+      } else
+        Yt(a);
+    }
+    const ae = T(() => !ue.value || !se.value ? null : {
+      minRow: Math.min(ue.value.row, se.value.row),
+      maxRow: Math.max(ue.value.row, se.value.row),
+      minCol: Math.min(ue.value.col, se.value.col),
+      maxCol: Math.max(ue.value.col, se.value.col)
+    });
+    function Jt(a, o) {
+      if (!ae.value)
+        return !1;
+      const { minRow: h, maxRow: j, minCol: K, maxCol: Q } = ae.value;
+      return a >= h && a <= j && o >= K && o <= Q;
+    }
+    const Ve = T(() => {
+      if (!ae.value)
+        return null;
+      const { minRow: a, maxRow: o, minCol: h, maxCol: j } = ae.value, K = [];
+      let Q = 0;
+      for (let oe = a; oe <= o; oe++) {
+        const fe = Fe.value[oe];
+        if (fe)
+          for (let Se = h; Se <= j; Se++) {
+            const Re = w.value[Se];
+            if (!Re)
+              continue;
+            const De = fe.original[Re];
+            if (Q++, De != null && De !== "") {
+              const bt = typeof De == "number" ? De : Number.parseFloat(String(De));
+              Number.isNaN(bt) || K.push(bt);
+            }
+          }
+      }
+      if (K.length === 0)
+        return { count: Q, sum: null, avg: null, numericCount: 0 };
+      const Z = K.reduce((oe, fe) => oe + fe, 0), Y = Z / K.length;
+      return { count: Q, sum: Z, avg: Y, numericCount: K.length };
+    });
+    function ht(a) {
+      return a === null ? "-" : Math.abs(a) >= 1e3 ? a.toLocaleString("en-US", { maximumFractionDigits: 2 }) : a.toLocaleString("en-US", { maximumFractionDigits: 4 });
+    }
+    function wt(a) {
+      if ((a.ctrlKey || a.metaKey) && a.key === "c" && ae.value) {
+        a.preventDefault(), pt();
+        return;
+      }
+      if ((a.ctrlKey || a.metaKey) && a.key === "f" && n.enableSearch) {
+        a.preventDefault(), V.value = !0, je(() => {
+          const Y = document.querySelector(".vpg-search-input");
+          Y == null || Y.focus();
+        });
+        return;
+      }
+      if (!pe.value || ne.value)
+        return;
+      const { row: o, col: h } = pe.value, K = ut.value.length - 1, Q = w.value.length - 1;
+      function Z(Y, oe) {
+        a.shiftKey ? (ue.value || (ue.value = { row: o, col: h }), se.value = { row: Y, col: oe }) : (ue.value = { row: Y, col: oe }, se.value = { row: Y, col: oe }), pe.value = { row: Y, col: oe }, Qt(Y, oe);
+      }
+      switch (a.key) {
+        case "ArrowUp":
+          a.preventDefault(), o > 0 && Z(o - 1, h);
+          break;
+        case "ArrowDown":
+          a.preventDefault(), o < K && Z(o + 1, h);
+          break;
+        case "ArrowLeft":
+          a.preventDefault(), h > 0 && Z(o, h - 1);
+          break;
+        case "ArrowRight":
+          a.preventDefault(), h < Q && Z(o, h + 1);
+          break;
+        case "Escape":
+          pe.value = null, ue.value = null, se.value = null, V.value = !1, C.value = "";
+          break;
+      }
+    }
+    function Qt(a, o) {
+      je(() => {
+        var j;
+        const h = (j = ft.value) == null ? void 0 : j.querySelector(
+          `[data-row="${a}"][data-col="${o}"]`
+        );
+        h == null || h.scrollIntoView({ block: "nearest", inline: "nearest" });
+      });
+    }
+    function It(a, o, h) {
+      h.preventDefault(), h.shiftKey && pe.value ? se.value = { row: a, col: o } : (pe.value = { row: a, col: o }, ue.value = { row: a, col: o }, se.value = { row: a, col: o }, nt.value = !0);
+      const j = Fe.value[a];
+      if (j) {
+        const K = w.value[o];
+        l("cellClick", {
+          row: a,
+          col: o,
+          value: j.original[K],
+          rowData: j.original
+        });
+      }
+    }
+    function eo(a, o) {
+      nt.value && (se.value = { row: a, col: o });
+    }
+    function kt() {
+      nt.value = !1;
+    }
+    function to(a, o) {
+      var h, j;
+      return Jt(a, o) ? !0 : ((h = pe.value) == null ? void 0 : h.row) === a && ((j = pe.value) == null ? void 0 : j.col) === o;
+    }
+    const oo = /^(?:.*_)?(?:id|code|year|month|quarter|day|week|date|zip|phone|fax|ssn|ein|npi|ndc|gpi|hcpcs|icd|cpt|rx|bin|pcn|group|member|claim|rx_number|script|fill)(?:_.*)?$/i;
+    function no(a) {
+      return !oo.test(a);
+    }
+    function lo(a, o) {
+      if (a == null || a === "")
+        return "";
+      if (ee(o).type === "number") {
+        const j = typeof a == "number" ? a : Number.parseFloat(String(a));
+        return Number.isNaN(j) ? String(a) : no(o) && Math.abs(j) >= 1e3 ? j.toLocaleString("en-US", { maximumFractionDigits: 2 }) : Number.isInteger(j) ? String(j) : j.toLocaleString("en-US", { maximumFractionDigits: 4, useGrouping: !1 });
+      }
+      return String(a);
+    }
+    function Ct() {
+      ne.value && Ge();
+    }
+    function yt(a) {
+      var o;
+      if (ne.value) {
+        const h = a.target;
+        if (h && ((o = h.closest) != null && o.call(h, ".vpg-filter-portal")))
+          return;
+        Ge();
+      }
+    }
+    xt(() => {
+      mt(), document.addEventListener("keydown", wt), document.addEventListener("mouseup", kt), je(() => {
+        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);
+    }, { immediate: !0 });
+    const so = T(() => w.value.reduce((a, o) => a + (ge.value[o] || Ce), 0));
+    function ao(a) {
+      ne.value && (a.target.closest(".vpg-filter-portal") || Ge());
+    }
+    return (a, o) => (r(), u("div", {
+      class: q(["vpg-data-grid", [
+        `vpg-font-${b.value}`,
+        `vpg-theme-${c.value}`,
+        { "vpg-striped": t.stripedRows },
+        { "vpg-resizing": U.value },
+        { "vpg-resizing-vertical": _.value }
+      ]]),
+      style: ve({ height: `${O.value}px` }),
+      onClick: ao
+    }, [
+      Ye(ro, { name: "vpg-toast" }, {
+        default: uo(() => [
+          f.value ? (r(), u("div", Al, [
+            o[15] || (o[15] = e("svg", {
+              class: "vpg-icon",
+              fill: "none",
+              stroke: "currentColor",
+              viewBox: "0 0 24 24"
+            }, [
+              e("path", {
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round",
+                "stroke-width": "2",
+                d: "M5 13l4 4L19 7"
+              })
+            ], -1)),
+            I(" " + R(s.value), 1)
+          ])) : z("", !0)
+        ]),
+        _: 1
+      }),
+      e("div", Ll, [
+        e("div", Pl, [
+          t.showPivot ? (r(), u("div", El, [
+            e("button", {
+              class: q(["vpg-view-btn", { active: te.value === "grid" }]),
+              onClick: o[0] || (o[0] = (h) => te.value = "grid")
+            }, [...o[16] || (o[16] = [
+              e("svg", {
+                class: "vpg-icon",
+                fill: "none",
+                stroke: "currentColor",
+                viewBox: "0 0 24 24"
+              }, [
+                e("path", {
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round",
+                  "stroke-width": "2",
+                  d: "M3 10h18M3 14h18m-9-4v8m-7 0h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z"
+                })
+              ], -1),
+              I(" Grid ", -1)
+            ])], 2),
+            e("button", {
+              class: q(["vpg-view-btn vpg-pivot-btn", { active: te.value === "pivot" }]),
+              onClick: o[1] || (o[1] = (h) => te.value = "pivot")
+            }, [...o[17] || (o[17] = [
+              e("svg", {
+                class: "vpg-icon",
+                fill: "none",
+                stroke: "currentColor",
+                viewBox: "0 0 24 24"
+              }, [
+                e("path", {
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round",
+                  "stroke-width": "2",
+                  d: "M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"
+                })
+              ], -1),
+              I(" Pivot ", -1)
+            ])], 2)
+          ])) : z("", !0),
+          te.value === "grid" ? (r(), u(W, { key: 1 }, [
+            t.enableSearch ? (r(), u("div", Nl, [
+              V.value ? (r(), u("div", Bl, [
+                o[20] || (o[20] = e("svg", {
+                  class: "vpg-search-icon",
+                  fill: "none",
+                  stroke: "currentColor",
+                  viewBox: "0 0 24 24"
+                }, [
+                  e("path", {
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round",
+                    "stroke-width": "2",
+                    d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
+                  })
+                ], -1)),
+                it(e("input", {
+                  "onUpdate:modelValue": o[3] || (o[3] = (h) => C.value = h),
+                  type: "text",
+                  class: "vpg-search-input",
+                  placeholder: "Search all columns...",
+                  onKeydown: o[4] || (o[4] = vo((h) => {
+                    V.value = !1, C.value = "";
+                  }, ["escape"]))
+                }, null, 544), [
+                  [rt, C.value]
+                ]),
+                C.value ? (r(), u("button", {
+                  key: 0,
+                  class: "vpg-search-clear",
+                  onClick: o[5] || (o[5] = (h) => C.value = "")
+                }, [...o[19] || (o[19] = [
+                  e("svg", {
+                    class: "vpg-icon-xs",
+                    fill: "none",
+                    stroke: "currentColor",
+                    viewBox: "0 0 24 24"
+                  }, [
+                    e("path", {
+                      "stroke-linecap": "round",
+                      "stroke-linejoin": "round",
+                      "stroke-width": "2",
+                      d: "M6 18L18 6M6 6l12 12"
+                    })
+                  ], -1)
+                ])])) : z("", !0)
+              ])) : (r(), u("button", {
+                key: 0,
+                class: "vpg-icon-btn",
+                title: "Search (Ctrl+F)",
+                onClick: o[2] || (o[2] = (h) => V.value = !0)
+              }, [...o[18] || (o[18] = [
+                e("svg", {
+                  class: "vpg-icon",
+                  fill: "none",
+                  stroke: "currentColor",
+                  viewBox: "0 0 24 24"
+                }, [
+                  e("path", {
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round",
+                    "stroke-width": "2",
+                    d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
+                  })
+                ], -1)
+              ])]))
+            ])) : z("", !0),
+            e("div", jl, [
+              o[21] || (o[21] = e("span", { class: "vpg-label" }, "Size:", -1)),
+              e("div", Hl, [
+                (r(), u(W, null, J(d, (h) => e("button", {
+                  key: h.value,
+                  class: q(["vpg-font-size-btn", { active: b.value === h.value }]),
+                  onClick: (j) => b.value = h.value
+                }, R(h.label), 11, Ul)), 64))
+              ])
+            ]),
+            Xe.value > 0 ? (r(), u("div", Kl, [
+              o[22] || (o[22] = e("svg", {
+                class: "vpg-icon",
+                fill: "currentColor",
+                viewBox: "0 0 20 20"
+              }, [
+                e("path", {
+                  "fill-rule": "evenodd",
+                  d: "M3 3a1 1 0 011-1h12a1 1 0 011 1v3a1 1 0 01-.293.707L12 11.414V15a1 1 0 01-.293.707l-2 2A1 1 0 018 17v-5.586L3.293 6.707A1 1 0 013 6V3z",
+                  "clip-rule": "evenodd"
+                })
+              ], -1)),
+              e("span", null, R(Xe.value) + " filter" + R(Xe.value > 1 ? "s" : ""), 1)
+            ])) : z("", !0),
+            C.value ? (r(), u("div", Wl, [
+              e("span", null, R(de.value) + " match" + R(de.value !== 1 ? "es" : ""), 1)
+            ])) : z("", !0)
+          ], 64)) : z("", !0),
+          te.value === "pivot" && S(m) ? (r(), u(W, { key: 2 }, [
+            e("button", {
+              class: q(["vpg-config-toggle", { active: Te.value }]),
+              onClick: o[6] || (o[6] = (h) => Te.value = !Te.value)
+            }, [
+              o[23] || (o[23] = e("svg", {
+                class: "vpg-icon",
+                fill: "none",
+                stroke: "currentColor",
+                viewBox: "0 0 24 24"
+              }, [
+                e("path", {
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round",
+                  "stroke-width": "2",
+                  d: "M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4"
+                })
+              ], -1)),
+              I(" " + R(Te.value ? "Hide" : "Show") + " Config ", 1)
+            ], 2),
+            S(N) ? (r(), u("div", _l, [...o[24] || (o[24] = [
+              e("svg", {
+                class: "vpg-icon",
+                fill: "currentColor",
+                viewBox: "0 0 20 20"
+              }, [
+                e("path", {
+                  "fill-rule": "evenodd",
+                  d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",
+                  "clip-rule": "evenodd"
+                })
+              ], -1),
+              e("span", null, "Pivot configured", -1)
+            ])])) : z("", !0)
+          ], 64)) : z("", !0)
+        ]),
+        e("div", ql, [
+          te.value === "grid" && Xe.value > 0 ? (r(), u("button", {
+            key: 0,
+            class: "vpg-clear-filters",
+            onClick: o[7] || (o[7] = //@ts-ignore
+            (...h) => S(ye) && S(ye)(...h))
+          }, [...o[25] || (o[25] = [
+            e("svg", {
+              class: "vpg-icon",
+              fill: "none",
+              stroke: "currentColor",
+              viewBox: "0 0 24 24"
+            }, [
+              e("path", {
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round",
+                "stroke-width": "2",
+                d: "M6 18L18 6M6 6l12 12"
+              })
+            ], -1),
+            I(" Clear Filters ", -1)
+          ])])) : z("", !0),
+          t.enableClipboard && ae.value && te.value === "grid" ? (r(), u("button", {
+            key: 1,
+            class: "vpg-icon-btn",
+            title: "Copy selection (Ctrl+C)",
+            onClick: pt
+          }, [...o[26] || (o[26] = [
+            e("svg", {
+              class: "vpg-icon",
+              fill: "none",
+              stroke: "currentColor",
+              viewBox: "0 0 24 24"
+            }, [
+              e("path", {
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round",
+                "stroke-width": "2",
+                d: "M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"
+              })
+            ], -1)
+          ])])) : z("", !0),
+          t.enableExport && (te.value === "grid" || te.value === "pivot" && S(N)) ? (r(), u("button", {
+            key: 2,
+            class: "vpg-export-btn",
+            title: te.value === "pivot" ? "Export Pivot to CSV" : "Export to CSV",
+            onClick: Bt
+          }, [
+            o[27] || (o[27] = e("svg", {
+              class: "vpg-icon",
+              fill: "none",
+              stroke: "currentColor",
+              viewBox: "0 0 24 24"
+            }, [
+              e("path", {
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round",
+                "stroke-width": "2",
+                d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"
+              })
+            ], -1)),
+            I(" Export" + R(te.value === "pivot" ? " Pivot" : ""), 1)
+          ], 8, Ol)) : z("", !0)
+        ])
+      ]),
+      te.value === "grid" ? (r(), u("div", {
+        key: 0,
+        ref_key: "tableContainerRef",
+        ref: ot,
+        class: "vpg-grid-container",
+        tabindex: "0"
+      }, [
+        t.loading ? (r(), u("div", Gl, [...o[28] || (o[28] = [
+          e("div", { class: "vpg-spinner" }, null, -1),
+          e("span", null, "Loading data...", -1)
+        ])])) : t.data.length === 0 ? (r(), u("div", Xl, [...o[29] || (o[29] = [
+          e("div", { class: "vpg-empty-icon" }, [
+            e("svg", {
+              class: "vpg-icon-lg",
+              fill: "none",
+              stroke: "currentColor",
+              viewBox: "0 0 24 24"
+            }, [
+              e("path", {
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round",
+                "stroke-width": "1.5",
+                d: "M9 17v-2m3 2v-4m3 4v-6m2 10H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
+              })
+            ])
+          ], -1),
+          e("span", null, "No data available", -1)
+        ])])) : S(x) === 0 ? (r(), u("div", Yl, [
+          o[30] || (o[30] = e("div", { class: "vpg-empty-icon vpg-warning" }, [
+            e("svg", {
+              class: "vpg-icon-lg",
+              fill: "none",
+              stroke: "currentColor",
+              viewBox: "0 0 24 24"
+            }, [
+              e("path", {
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round",
+                "stroke-width": "1.5",
+                d: "M3 4a1 1 0 011-1h16a1 1 0 011 1v2.586a1 1 0 01-.293.707l-6.414 6.414a1 1 0 00-.293.707V17l-4 4v-6.586a1 1 0 00-.293-.707L3.293 7.293A1 1 0 013 6.586V4z"
+              })
+            ])
+          ], -1)),
+          o[31] || (o[31] = e("span", null, "No matching records", -1)),
+          e("button", {
+            class: "vpg-clear-link",
+            onClick: o[8] || (o[8] = //@ts-ignore
+            (...h) => S(ye) && S(ye)(...h))
+          }, " Clear all filters ")
+        ])) : (r(), u("div", Zl, [
+          e("table", {
+            class: "vpg-table",
+            style: ve({ minWidth: `${so.value}px` })
+          }, [
+            e("thead", null, [
+              e("tr", null, [
+                (r(!0), u(W, null, J(S(w), (h, j) => (r(), u("th", {
+                  key: h,
+                  class: q(["vpg-header-cell", {
+                    "vpg-has-filter": S(ie)(h),
+                    "vpg-is-sorted": S(re)(h) !== null,
+                    "vpg-is-active": ne.value === h
+                  }]),
+                  style: ve({ width: `${ge.value[h] || Ce}px`, minWidth: `${ge.value[h] || Ce}px` }),
+                  onClick: (K) => Zt(j, K)
+                }, [
+                  e("div", Ql, [
+                    e("span", Il, R(h), 1),
+                    e("div", es, [
+                      S(re)(h) ? (r(), u("span", ts, [
+                        S(re)(h) === "asc" ? (r(), u("svg", os, [...o[32] || (o[32] = [
+                          e("path", {
+                            "fill-rule": "evenodd",
+                            d: "M14.707 12.707a1 1 0 01-1.414 0L10 9.414l-3.293 3.293a1 1 0 01-1.414-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 010 1.414z",
+                            "clip-rule": "evenodd"
+                          }, null, -1)
+                        ])])) : (r(), u("svg", ns, [...o[33] || (o[33] = [
+                          e("path", {
+                            "fill-rule": "evenodd",
+                            d: "M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",
+                            "clip-rule": "evenodd"
+                          }, null, -1)
+                        ])]))
+                      ])) : z("", !0),
+                      S(ie)(h) ? (r(), u("span", ls, [...o[34] || (o[34] = [
+                        e("svg", {
+                          class: "vpg-icon-xs",
+                          fill: "currentColor",
+                          viewBox: "0 0 20 20"
+                        }, [
+                          e("path", {
+                            "fill-rule": "evenodd",
+                            d: "M3 3a1 1 0 011-1h12a1 1 0 011 1v3a1 1 0 01-.293.707L12 11.414V15a1 1 0 01-.293.707l-2 2A1 1 0 018 17v-5.586L3.293 6.707A1 1 0 013 6V3z",
+                            "clip-rule": "evenodd"
+                          })
+                        ], -1)
+                      ])])) : z("", !0),
+                      o[35] || (o[35] = e("span", {
+                        class: "vpg-dropdown-arrow",
+                        title: "Filter & Sort"
+                      }, [
+                        e("svg", {
+                          class: "vpg-icon-sm",
+                          fill: "none",
+                          stroke: "currentColor",
+                          viewBox: "0 0 24 24"
+                        }, [
+                          e("path", {
+                            "stroke-linecap": "round",
+                            "stroke-linejoin": "round",
+                            "stroke-width": "2",
+                            d: "M19 9l-7 7-7-7"
+                          })
+                        ])
+                      ], -1))
+                    ])
+                  ]),
+                  t.enableColumnResize ? (r(), u("div", {
+                    key: 0,
+                    class: "vpg-resize-handle",
+                    onMousedown: (K) => Ht(h, K)
+                  }, null, 40, ss)) : z("", !0)
+                ], 14, Jl))), 128))
+              ])
+            ]),
+            e("tbody", {
+              ref_key: "tableBodyRef",
+              ref: ft
+            }, [
+              (r(!0), u(W, null, J(ut.value, (h, j) => (r(), u("tr", {
+                key: h.id,
+                class: "vpg-row"
+              }, [
+                (r(!0), u(W, null, J(S(w), (K, Q) => (r(), u("td", {
+                  key: K,
+                  class: q(["vpg-cell", {
+                    "vpg-selected": to(j, Q),
+                    "vpg-is-number": S(ee)(K).type === "number"
+                  }]),
+                  "data-row": j,
+                  "data-col": Q,
+                  style: ve({ width: `${ge.value[K] || Ce}px`, minWidth: `${ge.value[K] || Ce}px` }),
+                  onMousedown: (Z) => It(j, Q, Z),
+                  onMouseenter: (Z) => eo(j, Q)
+                }, R(lo(h.original[K], K)), 47, as))), 128))
+              ]))), 128))
+            ], 512)
+          ], 4)
+        ]))
+      ], 512)) : (r(), u("div", is, [
+        Te.value && S(m) ? (r(), u("div", rs, [
+          Ye(En, {
+            "available-fields": S(A),
+            "row-fields": S(we),
+            "column-fields": S(E),
+            "value-fields": S(p),
+            "show-row-totals": S(P),
+            "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),
+            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),
+            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),
+        e("div", {
+          class: q(["vpg-pivot-main", { "vpg-full-width": !Te.value }])
+        }, [
+          Ye(zl, {
+            "row-fields": S(we),
+            "column-fields": S(E),
+            "value-fields": S(p),
+            "is-configured": S(N),
+            "dragging-field": tt.value,
+            "pivot-result": S(G),
+            "font-size": b.value,
+            "active-filters": Ae.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),
+            onRemoveValueField: S(be),
+            onUpdateAggregation: S(ke),
+            onReorderRowFields: _t,
+            onReorderColumnFields: qt
+          }, null, 8, ["row-fields", "column-fields", "value-fields", "is-configured", "dragging-field", "pivot-result", "font-size", "active-filters", "total-row-count", "filtered-row-count", "onAddRowField", "onRemoveRowField", "onAddColumnField", "onRemoveColumnField", "onAddValueField", "onRemoveValueField", "onUpdateAggregation"])
+        ], 2)
+      ])),
+      e("div", us, [
+        e("div", vs, [
+          te.value === "grid" ? (r(), u(W, { key: 0 }, [
+            t.enablePagination ? (r(), u(W, { key: 0 }, [
+              e("span", null, R(Lt.value.toLocaleString()) + "-" + R(Pt.value.toLocaleString()), 1),
+              o[36] || (o[36] = e("span", { class: "vpg-separator" }, "of", -1)),
+              e("span", null, R(de.value.toLocaleString()), 1),
+              de.value !== S(L) ? (r(), u("span", cs, " (" + R(S(L).toLocaleString()) + " total) ", 1)) : z("", !0)
+            ], 64)) : S(x) === S(L) && de.value === S(L) ? (r(), u("span", ds, R(S(L).toLocaleString()) + " records", 1)) : (r(), u(W, { key: 2 }, [
+              e("span", gs, R(de.value.toLocaleString()), 1),
+              o[37] || (o[37] = e("span", { class: "vpg-separator" }, "of", -1)),
+              e("span", null, R(S(L).toLocaleString()), 1),
+              o[38] || (o[38] = e("span", { class: "vpg-separator" }, "records", -1))
+            ], 64))
+          ], 64)) : (r(), u(W, { key: 1 }, [
+            o[39] || (o[39] = e("span", { class: "vpg-pivot-label" }, "Pivot Table", -1)),
+            o[40] || (o[40] = e("span", { class: "vpg-separator" }, "•", -1)),
+            e("span", null, R(S(L).toLocaleString()) + " source records", 1)
+          ], 64))
+        ]),
+        t.enablePagination && te.value === "grid" && xe.value > 1 ? (r(), u("div", ps, [
+          e("button", {
+            class: "vpg-page-btn",
+            disabled: $.value === 1,
+            onClick: o[11] || (o[11] = (h) => $.value = 1)
+          }, [...o[41] || (o[41] = [
+            e("svg", {
+              class: "vpg-icon-sm",
+              fill: "none",
+              stroke: "currentColor",
+              viewBox: "0 0 24 24"
+            }, [
+              e("path", {
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round",
+                "stroke-width": "2",
+                d: "M11 19l-7-7 7-7m8 14l-7-7 7-7"
+              })
+            ], -1)
+          ])], 8, fs),
+          e("button", {
+            class: "vpg-page-btn",
+            disabled: $.value === 1,
+            onClick: Nt
+          }, [...o[42] || (o[42] = [
+            e("svg", {
+              class: "vpg-icon-sm",
+              fill: "none",
+              stroke: "currentColor",
+              viewBox: "0 0 24 24"
+            }, [
+              e("path", {
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round",
+                "stroke-width": "2",
+                d: "M15 19l-7-7 7-7"
+              })
+            ], -1)
+          ])], 8, ms),
+          e("span", hs, " Page " + R($.value) + " of " + R(xe.value), 1),
+          e("button", {
+            class: "vpg-page-btn",
+            disabled: $.value === xe.value,
+            onClick: Et
+          }, [...o[43] || (o[43] = [
+            e("svg", {
+              class: "vpg-icon-sm",
+              fill: "none",
+              stroke: "currentColor",
+              viewBox: "0 0 24 24"
+            }, [
+              e("path", {
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round",
+                "stroke-width": "2",
+                d: "M9 5l7 7-7 7"
+              })
+            ], -1)
+          ])], 8, ws),
+          e("button", {
+            class: "vpg-page-btn",
+            disabled: $.value === xe.value,
+            onClick: o[12] || (o[12] = (h) => $.value = xe.value)
+          }, [...o[44] || (o[44] = [
+            e("svg", {
+              class: "vpg-icon-sm",
+              fill: "none",
+              stroke: "currentColor",
+              viewBox: "0 0 24 24"
+            }, [
+              e("path", {
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round",
+                "stroke-width": "2",
+                d: "M13 5l7 7-7 7M5 5l7 7-7 7"
+              })
+            ], -1)
+          ])], 8, ks)
+        ])) : z("", !0),
+        te.value === "grid" && Ve.value && Ve.value.count > 1 ? (r(), u("div", Cs, [
+          e("span", ys, [
+            o[45] || (o[45] = e("span", { class: "vpg-stat-label" }, "Count:", -1)),
+            e("span", bs, R(Ve.value.count), 1)
+          ]),
+          Ve.value.numericCount > 0 ? (r(), u(W, { key: 0 }, [
+            o[48] || (o[48] = e("span", { class: "vpg-stat-divider" }, "|", -1)),
+            e("span", Fs, [
+              o[46] || (o[46] = e("span", { class: "vpg-stat-label" }, "Sum:", -1)),
+              e("span", Ss, R(ht(Ve.value.sum)), 1)
+            ]),
+            o[49] || (o[49] = e("span", { class: "vpg-stat-divider" }, "|", -1)),
+            e("span", Rs, [
+              o[47] || (o[47] = e("span", { class: "vpg-stat-label" }, "Avg:", -1)),
+              e("span", $s, R(ht(Ve.value.avg)), 1)
+            ])
+          ], 64)) : z("", !0)
+        ])) : z("", !0),
+        e("div", Ms, [
+          S(y) ? (r(), u("div", xs, [...o[50] || (o[50] = [
+            e("span", { class: "vpg-demo-badge" }, "DEMO", -1),
+            e("span", null, "Pro features enabled", -1),
+            e("a", {
+              href: "https://tiny-pivot.com/#pricing",
+              target: "_blank",
+              rel: "noopener"
+            }, "Get License →", -1)
+          ])])) : S(v) ? (r(), u("span", Ts, [...o[51] || (o[51] = [
+            e("a", {
+              href: "https://tiny-pivot.com",
+              target: "_blank",
+              rel: "noopener"
+            }, "TinyPivot", -1)
+          ])])) : z("", !0)
+        ])
+      ]),
+      t.enableVerticalResize ? (r(), u("div", {
+        key: 2,
+        class: "vpg-vertical-resize-handle",
+        onMousedown: Ut
+      }, [...o[52] || (o[52] = [
+        e("div", { class: "vpg-resize-grip" }, [
+          e("span"),
+          e("span"),
+          e("span")
+        ], -1)
+      ])], 32)) : z("", !0),
+      (r(), io(co, { to: "body" }, [
+        ne.value ? (r(), u("div", {
+          key: 0,
+          class: "vpg-filter-portal",
+          style: ve({
+            position: "fixed",
+            top: `${Oe.value.top}px`,
+            left: `${Oe.value.left}px`,
+            maxHeight: `${Oe.value.maxHeight}px`,
+            zIndex: 9999
+          })
+        }, [
+          Ye(ln, {
+            "column-id": ne.value,
+            "column-name": ne.value,
+            stats: S(ee)(ne.value),
+            "selected-values": S(Ke)(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)),
+            onClose: Ge
+          }, null, 8, ["column-id", "column-name", "stats", "selected-values", "sort-direction"])
+        ], 4)) : z("", !0)
+      ]))
+    ], 6));
+  }
+}), Hs = /* @__PURE__ */ et(Vs, [["__scopeId", "data-v-2f0c0741"]]);
+export {
+  ln as ColumnFilter,
+  Hs as DataGrid,
+  En as PivotConfig,
+  zl as PivotSkeleton,
+  Ps as configureLicenseSecret,
+  Go as copyToClipboard,
+  Ls as enableDemoMode,
+  Oo as exportPivotToCSV,
+  qo as exportToCSV,
+  Co as formatCellValue,
+  Xo as formatSelectionForClipboard,
+  Rt as getAggregationLabel,
+  ko as getColumnUniqueValues,
+  As as setLicenseKey,
+  js as useColumnResize,
+  Ko as useExcelGrid,
+  Ns as useGlobalSearch,
+  Ie as useLicense,
+  Es as usePagination,
+  _o as usePivotTable,
+  Bs as useRowSelection
+};
+//# sourceMappingURL=tinypivot-vue.js.map