@toolbox-web/grid 0.1.0 → 0.2.1

package/lib/plugins/pivot/index.js

@@ -166,7 +166,7 @@ class N {
 const m = {
   sum: (t, e) => t.reduce((i, o) => i + (Number(o[e]) || 0), 0),
   avg: (t, e) => {
-    const i = t.reduce((o, n) => o + (Number(n[e]) || 0), 0);
+    const i = t.reduce((o, r) => o + (Number(r[e]) || 0), 0);
     return t.length ? i / t.length : 0;
   },
   count: (t) => t.length,
@@ -198,8 +198,8 @@ const m = {
    * Run an aggregator on a set of rows.
    */
   run(t, e, i, o) {
-    const n = this.get(t);
-    return n ? n(e, i, o) : void 0;
+    const r = this.get(t);
+    return r ? r(e, i, o) : void 0;
   },
   /**
    * Check if an aggregator exists.
@@ -239,20 +239,20 @@ function C(t, e) {
   return [...t, e].join("|");
 }
 function S(t, e) {
-  const i = e.rowGroupFields ?? [], o = e.columnGroupFields ?? [], n = e.valueFields ?? [], r = V(t, o), a = L(
+  const i = e.rowGroupFields ?? [], o = e.columnGroupFields ?? [], r = e.valueFields ?? [], n = V(t, o), a = L(
     t,
     i,
     o,
-    r,
     n,
+    r,
     0,
     // starting depth
     ""
     // parent key prefix
-  ), s = H(a, r, n), l = Object.values(s).reduce((d, c) => d + c, 0);
+  ), s = H(a, n, r), l = Object.values(s).reduce((d, c) => d + c, 0);
   return {
     rows: a,
-    columnKeys: r,
+    columnKeys: n,
     totals: s,
     grandTotal: l
   };
@@ -261,27 +261,27 @@ function V(t, e) {
   if (e.length === 0) return ["value"];
   const i = /* @__PURE__ */ new Set();
   for (const o of t) {
-    const n = e.map((r) => String(o[r] ?? "")).join("|");
-    i.add(n);
+    const r = e.map((n) => String(o[n] ?? "")).join("|");
+    i.add(r);
   }
   return [...i].sort();
 }
 function M(t, e) {
   const i = /* @__PURE__ */ new Map();
   for (const o of t) {
-    const n = String(o[e] ?? ""), r = i.get(n);
-    r ? r.push(o) : i.set(n, [o]);
+    const r = String(o[e] ?? ""), n = i.get(r);
+    n ? n.push(o) : i.set(r, [o]);
   }
   return i;
 }
-function L(t, e, i, o, n, r, a) {
+function L(t, e, i, o, r, n, a) {
   const s = [];
   if (e.length === 0) {
-    const u = _(t, i, o, n), g = G(u);
+    const u = _(t, i, o, r), g = G(u);
     return s.push({
       rowKey: a || "all",
       rowLabel: a || "All",
-      depth: r,
+      depth: n,
       values: u,
       total: g,
       isGroup: !1,
@@ -290,20 +290,20 @@ function L(t, e, i, o, n, r, a) {
   }
   const l = e[0], d = e.slice(1), c = d.length > 0, p = M(t, l);
   for (const [u, g] of p) {
-    const F = a ? `${a}|${u}` : u, y = _(g, i, o, n), E = G(y);
+    const F = a ? `${a}|${u}` : u, y = _(g, i, o, r), E = G(y);
     let R;
     c && (R = L(
       g,
       d,
       i,
       o,
-      n,
-      r + 1,
+      r,
+      n + 1,
       F
     )), s.push({
       rowKey: F,
       rowLabel: u || "(blank)",
-      depth: r,
+      depth: n,
       values: y,
       total: E,
       isGroup: c,
@@ -314,13 +314,13 @@ function L(t, e, i, o, n, r, a) {
   return s;
 }
 function _(t, e, i, o) {
-  const n = {};
-  for (const r of i)
+  const r = {};
+  for (const n of i)
     for (const a of o) {
-      const l = (e.length > 0 ? t.filter((u) => e.map((g) => String(u[g] ?? "")).join("|") === r) : t).map((u) => Number(u[a.field]) || 0), d = K(a.aggFunc), c = l.length > 0 ? d(l) : null, p = C([r], a.field);
-      n[p] = c;
+      const l = (e.length > 0 ? t.filter((u) => e.map((g) => String(u[g] ?? "")).join("|") === n) : t).map((u) => Number(u[a.field]) || 0), d = K(a.aggFunc), c = l.length > 0 ? d(l) : null, p = C([n], a.field);
+      r[p] = c;
     }
-  return n;
+  return r;
 }
 function G(t) {
   let e = 0;
@@ -330,37 +330,37 @@ function G(t) {
 }
 function H(t, e, i) {
   const o = {};
-  function n(r) {
-    for (const a of r)
+  function r(n) {
+    for (const a of n)
       if (!a.isGroup || !a.children?.length)
         for (const s of e)
           for (const l of i) {
             const d = C([s], l.field);
             o[d] = (o[d] ?? 0) + (a.values[d] ?? 0);
           }
-      else a.children && n(a.children);
+      else a.children && r(a.children);
   }
-  return n(t), o;
+  return r(t), o;
 }
 function D(t, e, i = !0) {
   const o = [];
-  function n(r) {
-    o.push(r);
-    const a = e ? e.has(r.rowKey) : i;
-    if (r.children && a)
-      for (const s of r.children)
-        n(s);
-  }
-  for (const r of t)
-    n(r);
+  function r(n) {
+    o.push(n);
+    const a = e ? e.has(n.rowKey) : i;
+    if (n.children && a)
+      for (const s of n.children)
+        r(s);
+  }
+  for (const n of t)
+    r(n);
   return o;
 }
 function w(t) {
   const e = [];
   function i(o) {
     if (o.isGroup && e.push(o.rowKey), o.children)
-      for (const n of o.children)
-        i(n);
+      for (const r of o.children)
+        i(r);
   }
   for (const o of t)
     i(o);
@@ -368,9 +368,9 @@ function w(t) {
 }
 const z = ["sum", "avg", "count", "min", "max", "first", "last"];
 function q(t, e, i, o) {
-  const n = new AbortController(), r = { config: e, callbacks: o, signal: n.signal }, a = document.createElement("div");
-  return a.className = "tbw-pivot-panel", a.appendChild(f("Options", () => U(i, r))), a.appendChild(f("Row Groups", () => T("rowGroups", r))), a.appendChild(f("Column Groups", () => T("columnGroups", r))), a.appendChild(f("Values", () => Z(r))), a.appendChild(f("Available Fields", () => j(r))), t.appendChild(a), () => {
-    n.abort(), a.remove();
+  const r = new AbortController(), n = { config: e, callbacks: o, signal: r.signal }, a = document.createElement("div");
+  return a.className = "tbw-pivot-panel", a.appendChild(f("Options", () => U(i, n))), a.appendChild(f("Row Groups", () => T("rowGroups", n))), a.appendChild(f("Column Groups", () => T("columnGroups", n))), a.appendChild(f("Values", () => Z(n))), a.appendChild(f("Available Fields", () => j(n))), t.appendChild(a), () => {
+    r.abort(), a.remove();
   };
 }
 function f(t, e) {
@@ -378,44 +378,44 @@ function f(t, e) {
   i.className = "tbw-pivot-section";
   const o = document.createElement("div");
   o.className = "tbw-pivot-section-header", o.textContent = t;
-  const n = document.createElement("div");
-  return n.className = "tbw-pivot-section-content", n.appendChild(e()), i.appendChild(o), i.appendChild(n), i;
+  const r = document.createElement("div");
+  return r.className = "tbw-pivot-section-content", r.appendChild(e()), i.appendChild(o), i.appendChild(r), i;
 }
 function T(t, e) {
-  const { config: i, callbacks: o, signal: n } = e, r = document.createElement("div");
-  r.className = "tbw-pivot-drop-zone", r.setAttribute("data-zone", t);
+  const { config: i, callbacks: o, signal: r } = e, n = document.createElement("div");
+  n.className = "tbw-pivot-drop-zone", n.setAttribute("data-zone", t);
   const a = t === "rowGroups" ? i.rowGroupFields ?? [] : i.columnGroupFields ?? [];
   if (a.length === 0) {
     const s = document.createElement("div");
-    s.className = "tbw-pivot-placeholder", s.textContent = "Drag fields here or click to add", r.appendChild(s);
+    s.className = "tbw-pivot-placeholder", s.textContent = "Drag fields here or click to add", n.appendChild(s);
   } else
     for (const s of a)
-      r.appendChild(O(s, t, e));
-  return r.addEventListener(
+      n.appendChild(O(s, t, e));
+  return n.addEventListener(
     "dragover",
     (s) => {
-      s.preventDefault(), r.classList.add("drag-over");
+      s.preventDefault(), n.classList.add("drag-over");
     },
-    { signal: n }
-  ), r.addEventListener(
+    { signal: r }
+  ), n.addEventListener(
     "dragleave",
     () => {
-      r.classList.remove("drag-over");
+      n.classList.remove("drag-over");
     },
-    { signal: n }
-  ), r.addEventListener(
+    { signal: r }
+  ), n.addEventListener(
     "drop",
     (s) => {
-      s.preventDefault(), r.classList.remove("drag-over");
+      s.preventDefault(), n.classList.remove("drag-over");
       const l = s.dataTransfer?.getData("text/plain");
       l && o.onAddFieldToZone(l, t);
     },
-    { signal: n }
-  ), r;
+    { signal: r }
+  ), n;
 }
 function O(t, e, i) {
-  const { callbacks: o, signal: n } = i, r = document.createElement("div");
-  r.className = "tbw-pivot-field-chip", r.draggable = !0;
+  const { callbacks: o, signal: r } = i, n = document.createElement("div");
+  n.className = "tbw-pivot-field-chip", n.draggable = !0;
   const a = o.getAvailableFields().find((d) => d.field === t), s = document.createElement("span");
   s.className = "tbw-pivot-chip-label", s.textContent = a?.header ?? t;
   const l = document.createElement("button");
@@ -424,60 +424,60 @@ function O(t, e, i) {
     (d) => {
       d.stopPropagation(), o.onRemoveFieldFromZone(t, e);
     },
-    { signal: n }
-  ), r.appendChild(s), r.appendChild(l), r.addEventListener(
+    { signal: r }
+  ), n.appendChild(s), n.appendChild(l), n.addEventListener(
     "dragstart",
     (d) => {
-      d.dataTransfer?.setData("text/plain", t), d.dataTransfer?.setData("source-zone", e), r.classList.add("dragging");
+      d.dataTransfer?.setData("text/plain", t), d.dataTransfer?.setData("source-zone", e), n.classList.add("dragging");
     },
-    { signal: n }
-  ), r.addEventListener(
+    { signal: r }
+  ), n.addEventListener(
     "dragend",
     () => {
-      r.classList.remove("dragging");
+      n.classList.remove("dragging");
     },
-    { signal: n }
-  ), r;
+    { signal: r }
+  ), n;
 }
 function Z(t) {
-  const { config: e, callbacks: i, signal: o } = t, n = document.createElement("div");
-  n.className = "tbw-pivot-drop-zone tbw-pivot-values-zone", n.setAttribute("data-zone", "values");
-  const r = e.valueFields ?? [];
-  if (r.length === 0) {
+  const { config: e, callbacks: i, signal: o } = t, r = document.createElement("div");
+  r.className = "tbw-pivot-drop-zone tbw-pivot-values-zone", r.setAttribute("data-zone", "values");
+  const n = e.valueFields ?? [];
+  if (n.length === 0) {
     const a = document.createElement("div");
-    a.className = "tbw-pivot-placeholder", a.textContent = "Drag numeric fields here for aggregation", n.appendChild(a);
+    a.className = "tbw-pivot-placeholder", a.textContent = "Drag numeric fields here for aggregation", r.appendChild(a);
   } else
-    for (const a of r)
-      n.appendChild($(a, t));
-  return n.addEventListener(
+    for (const a of n)
+      r.appendChild($(a, t));
+  return r.addEventListener(
     "dragover",
     (a) => {
-      a.preventDefault(), n.classList.add("drag-over");
+      a.preventDefault(), r.classList.add("drag-over");
     },
     { signal: o }
-  ), n.addEventListener(
+  ), r.addEventListener(
     "dragleave",
     () => {
-      n.classList.remove("drag-over");
+      r.classList.remove("drag-over");
     },
     { signal: o }
-  ), n.addEventListener(
+  ), r.addEventListener(
     "drop",
     (a) => {
-      a.preventDefault(), n.classList.remove("drag-over");
+      a.preventDefault(), r.classList.remove("drag-over");
       const s = a.dataTransfer?.getData("text/plain");
       s && i.onAddValueField(s, "sum");
     },
     { signal: o }
-  ), n;
+  ), r;
 }
 function $(t, e) {
-  const { callbacks: i, signal: o } = e, n = document.createElement("div");
-  n.className = "tbw-pivot-field-chip tbw-pivot-value-chip";
-  const r = i.getAvailableFields().find((c) => c.field === t.field), a = document.createElement("div");
+  const { callbacks: i, signal: o } = e, r = document.createElement("div");
+  r.className = "tbw-pivot-field-chip tbw-pivot-value-chip";
+  const n = i.getAvailableFields().find((c) => c.field === t.field), a = document.createElement("div");
   a.className = "tbw-pivot-value-label-wrapper";
   const s = document.createElement("span");
-  s.className = "tbw-pivot-chip-label", s.textContent = r?.header ?? t.field;
+  s.className = "tbw-pivot-chip-label", s.textContent = n?.header ?? t.field;
   const l = document.createElement("select");
   l.className = "tbw-pivot-agg-select", l.title = "Aggregation function";
   for (const c of z) {
@@ -498,19 +498,19 @@ function $(t, e) {
       c.stopPropagation(), i.onRemoveValueField(t.field);
     },
     { signal: o }
-  ), a.appendChild(s), a.appendChild(l), n.appendChild(a), n.appendChild(d), n;
+  ), a.appendChild(s), a.appendChild(l), r.appendChild(a), r.appendChild(d), r;
 }
 function j(t) {
-  const { config: e, callbacks: i, signal: o } = t, n = document.createElement("div");
-  n.className = "tbw-pivot-available-fields";
-  const r = i.getAvailableFields(), a = /* @__PURE__ */ new Set([
+  const { config: e, callbacks: i, signal: o } = t, r = document.createElement("div");
+  r.className = "tbw-pivot-available-fields";
+  const n = i.getAvailableFields(), a = /* @__PURE__ */ new Set([
     ...e.rowGroupFields ?? [],
     ...e.columnGroupFields ?? [],
     ...e.valueFields?.map((l) => l.field) ?? []
-  ]), s = r.filter((l) => !a.has(l.field));
+  ]), s = n.filter((l) => !a.has(l.field));
   if (s.length === 0) {
     const l = document.createElement("div");
-    l.className = "tbw-pivot-placeholder", l.textContent = "All fields are in use", n.appendChild(l);
+    l.className = "tbw-pivot-placeholder", l.textContent = "All fields are in use", r.appendChild(l);
   } else
     for (const l of s) {
       const d = document.createElement("div");
@@ -526,96 +526,96 @@ function j(t) {
           d.classList.remove("dragging");
         },
         { signal: o }
-      ), n.appendChild(d);
+      ), r.appendChild(d);
     }
-  return n;
+  return r;
 }
 function U(t, e) {
-  const { config: i, callbacks: o, signal: n } = e, r = document.createElement("div");
-  return r.className = "tbw-pivot-options", r.appendChild(
+  const { config: i, callbacks: o, signal: r } = e, n = document.createElement("div");
+  return n.className = "tbw-pivot-options", n.appendChild(
     x(
       "Enable Pivot View",
       t,
       (a) => {
         o.onTogglePivot(a);
       },
-      n
+      r
     )
-  ), r.appendChild(
+  ), n.appendChild(
     x(
       "Show Row Totals",
       i.showTotals ?? !0,
       (a) => {
         o.onOptionChange("showTotals", a);
       },
-      n
+      r
     )
-  ), r.appendChild(
+  ), n.appendChild(
     x(
       "Show Grand Total",
       i.showGrandTotal ?? !0,
       (a) => {
         o.onOptionChange("showGrandTotal", a);
       },
-      n
+      r
     )
-  ), r;
+  ), n;
 }
 function x(t, e, i, o) {
-  const n = document.createElement("label");
-  n.className = "tbw-pivot-checkbox";
-  const r = document.createElement("input");
-  r.type = "checkbox", r.checked = e, r.addEventListener("change", () => i(r.checked), { signal: o });
+  const r = document.createElement("label");
+  r.className = "tbw-pivot-checkbox";
+  const n = document.createElement("input");
+  n.type = "checkbox", n.checked = e, n.addEventListener("change", () => i(n.checked), { signal: o });
   const a = document.createElement("span");
-  return a.textContent = t, n.appendChild(r), n.appendChild(a), n;
+  return a.textContent = t, r.appendChild(n), r.appendChild(a), r;
 }
 function B(t, e, i) {
-  return e.className = "pivot-group-row", e.setAttribute("data-pivot-depth", String(t.__pivotDepth ?? 0)), e.setAttribute("role", "row"), e.setAttribute("aria-expanded", String(t.__pivotExpanded)), e.innerHTML = "", i.columns.forEach((o, n) => {
-    const r = document.createElement("div");
-    if (r.className = "cell", r.setAttribute("data-col", String(n)), r.setAttribute("role", "gridcell"), n === 0) {
+  return e.className = "pivot-group-row", e.setAttribute("data-pivot-depth", String(t.__pivotDepth ?? 0)), e.setAttribute("role", "row"), e.innerHTML = "", i.columns.forEach((o, r) => {
+    const n = document.createElement("div");
+    if (n.className = "cell", n.setAttribute("data-col", String(r)), n.setAttribute("role", "gridcell"), r === 0) {
       const a = Number(t.__pivotIndent) || 0;
-      r.style.paddingLeft = `${a}px`;
+      n.style.paddingLeft = `${a}px`;
       const s = String(t.__pivotRowKey), l = document.createElement("button");
       l.type = "button", l.className = "pivot-toggle", l.setAttribute("aria-label", t.__pivotExpanded ? "Collapse group" : "Expand group"), i.setIcon(l, i.resolveIcon(t.__pivotExpanded ? "collapse" : "expand")), l.addEventListener("click", (p) => {
         p.stopPropagation(), i.onToggle(s);
-      }), r.appendChild(l);
+      }), n.appendChild(l);
       const d = document.createElement("span");
-      d.className = "pivot-label", d.textContent = String(t.__pivotLabel ?? ""), r.appendChild(d);
+      d.className = "pivot-label", d.textContent = String(t.__pivotLabel ?? ""), n.appendChild(d);
       const c = document.createElement("span");
-      c.className = "pivot-count", c.textContent = ` (${Number(t.__pivotRowCount) || 0})`, r.appendChild(c);
+      c.className = "pivot-count", c.textContent = ` (${Number(t.__pivotRowCount) || 0})`, n.appendChild(c);
     } else {
       const a = t[o.field];
-      r.textContent = a != null ? String(a) : "";
+      n.textContent = a != null ? String(a) : "";
     }
-    e.appendChild(r);
+    e.appendChild(n);
   }), !0;
 }
 function W(t, e, i) {
-  return e.className = "pivot-leaf-row", e.setAttribute("data-pivot-depth", String(t.__pivotDepth ?? 0)), e.innerHTML = "", i.forEach((o, n) => {
-    const r = document.createElement("div");
-    if (r.className = "cell", r.setAttribute("data-col", String(n)), r.setAttribute("role", "gridcell"), n === 0) {
+  return e.className = "pivot-leaf-row", e.setAttribute("data-pivot-depth", String(t.__pivotDepth ?? 0)), e.innerHTML = "", i.forEach((o, r) => {
+    const n = document.createElement("div");
+    if (n.className = "cell", n.setAttribute("data-col", String(r)), n.setAttribute("role", "gridcell"), r === 0) {
       const a = Number(t.__pivotIndent) || 0;
-      r.style.paddingLeft = `${a + 20}px`;
+      n.style.paddingLeft = `${a + 20}px`;
       const s = document.createElement("span");
-      s.className = "pivot-label", s.textContent = String(t.__pivotLabel ?? ""), r.appendChild(s);
+      s.className = "pivot-label", s.textContent = String(t.__pivotLabel ?? ""), n.appendChild(s);
     } else {
       const a = t[o.field];
-      r.textContent = a != null ? String(a) : "";
+      n.textContent = a != null ? String(a) : "";
     }
-    e.appendChild(r);
+    e.appendChild(n);
   }), !0;
 }
 function J(t, e, i) {
-  return e.className = "pivot-grand-total-row", e.setAttribute("role", "row"), e.innerHTML = "", i.forEach((o, n) => {
-    const r = document.createElement("div");
-    if (r.className = "cell", r.setAttribute("data-col", String(n)), r.setAttribute("role", "gridcell"), n === 0) {
+  return e.className = "pivot-grand-total-row", e.setAttribute("role", "presentation"), e.innerHTML = "", i.forEach((o, r) => {
+    const n = document.createElement("div");
+    if (n.className = "cell", n.setAttribute("data-col", String(r)), r === 0) {
       const a = document.createElement("span");
-      a.className = "pivot-label", a.textContent = "Grand Total", r.appendChild(a);
+      a.className = "pivot-label", a.textContent = "Grand Total", n.appendChild(a);
     } else {
       const a = t[o.field];
-      r.textContent = a != null ? String(a) : "";
+      n.textContent = a != null ? String(a) : "";
     }
-    e.appendChild(r);
+    e.appendChild(n);
   }), !0;
 }
 const Q = '.pivot-group-row{display:grid;grid-template-columns:var(--tbw-column-template);font-weight:600;background:var(--tbw-pivot-group-bg, var(--tbw-color-row-alt));min-height:var(--tbw-row-height);border-bottom:var(--tbw-row-divider)}.pivot-group-row:hover{background:var(--tbw-pivot-group-hover, var(--tbw-color-row-hover))}.pivot-leaf-row{display:grid;grid-template-columns:var(--tbw-column-template);background:var(--tbw-pivot-leaf-bg, var(--tbw-color-bg));min-height:var(--tbw-row-height);border-bottom:var(--tbw-row-divider)}.pivot-grand-total-row{display:grid;grid-template-columns:var(--tbw-column-template);font-weight:700;background:var(--tbw-pivot-grand-total-bg, var(--tbw-color-header-bg));min-height:var(--tbw-row-height);border-top:2px solid var(--tbw-color-border-strong)}.pivot-grand-total-row>.cell{display:flex;align-items:center;padding:var(--tbw-cell-padding);border-right:1px solid var(--tbw-color-border-cell);overflow:hidden;min-width:0}.pivot-grand-total-row>.cell:last-child{border-right:0}.pivot-grand-total-footer{position:sticky;bottom:0;z-index:var(--tbw-z-layer-pinned-rows, 20);background:var(--tbw-pivot-grand-total-bg, var(--tbw-color-header-bg));min-width:fit-content}.pivot-group-row>.cell,.pivot-leaf-row>.cell{display:flex;align-items:center;padding:var(--tbw-cell-padding);border-right:1px solid var(--tbw-color-border-cell);overflow:hidden;min-width:0}.pivot-group-row>.cell:last-child,.pivot-leaf-row>.cell:last-child{border-right:0}.pivot-toggle{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-right:6px;border:none;background:transparent;cursor:pointer;font-size:10px;color:var(--tbw-pivot-toggle-color, var(--tbw-color-fg-muted));border-radius:var(--tbw-border-radius);transition:background .15s,color .15s}.pivot-toggle:hover{background:var(--tbw-pivot-toggle-hover-bg, var(--tbw-color-row-hover));color:var(--tbw-pivot-toggle-hover-color, var(--tbw-color-fg))}.pivot-toggle:focus{outline:var(--tbw-focus-outline);outline-offset:var(--tbw-focus-outline-offset)}.pivot-label{font-weight:inherit}.pivot-count{color:var(--tbw-pivot-count-color, var(--tbw-color-fg-muted));font-size:.9em;font-weight:400}.pivot-total-row{font-weight:700;border-top:2px solid var(--tbw-pivot-border, var(--tbw-color-border-strong))}[data-pivot-depth="1"]{--tbw-pivot-depth: 1}[data-pivot-depth="2"]{--tbw-pivot-depth: 2}[data-pivot-depth="3"]{--tbw-pivot-depth: 3}[data-pivot-depth="4"]{--tbw-pivot-depth: 4}.tbw-pivot-panel{display:flex;flex-direction:column;gap:12px;padding:12px;height:100%;overflow-y:auto;font-size:13px}.tbw-pivot-section{border:1px solid var(--tbw-pivot-border, var(--tbw-color-border));border-radius:var(--tbw-border-radius);background:var(--tbw-pivot-section-bg, var(--tbw-color-bg))}.tbw-pivot-section-header{padding:8px 12px;font-weight:600;background:var(--tbw-pivot-header-bg, var(--tbw-color-header-bg));border-bottom:1px solid var(--tbw-pivot-border, var(--tbw-color-border));border-radius:var(--tbw-border-radius) var(--tbw-border-radius) 0 0}.tbw-pivot-section-content{padding:8px}.tbw-pivot-toggle-wrapper{display:flex;align-items:center}.tbw-pivot-toggle-label{display:flex;align-items:center;gap:8px;cursor:pointer}.tbw-pivot-toggle-label input{width:16px;height:16px;cursor:pointer}.tbw-pivot-drop-zone{min-height:60px;padding:8px;border:2px dashed var(--tbw-pivot-drop-border, var(--tbw-color-border));border-radius:var(--tbw-border-radius);background:var(--tbw-pivot-drop-bg, var(--tbw-color-row-alt));display:flex;flex-wrap:wrap;gap:6px;align-content:flex-start;transition:all .15s ease}.tbw-pivot-drop-zone.drag-over{border-color:var(--tbw-color-accent);background:var(--tbw-pivot-drop-active, var(--tbw-focus-background))}.tbw-pivot-placeholder{color:var(--tbw-color-fg-muted);font-style:italic;padding:8px;text-align:center;width:100%}.tbw-pivot-field-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:var(--tbw-pivot-chip-bg, var(--tbw-color-header-bg));border:1px solid var(--tbw-pivot-chip-border, var(--tbw-color-border));border-radius:var(--tbw-border-radius);cursor:grab;font-size:12px;transition:all .15s ease}.tbw-pivot-field-chip:hover{background:var(--tbw-pivot-chip-hover, var(--tbw-color-row-hover));border-color:var(--tbw-color-accent)}.tbw-pivot-field-chip.available{background:var(--tbw-color-bg)}.tbw-pivot-field-chip.dragging{opacity:.5;cursor:grabbing}.tbw-pivot-chip-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.tbw-pivot-chip-remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:none;background:transparent;color:var(--tbw-color-fg-muted);font-size:14px;font-weight:700;cursor:pointer;border-radius:50%;transition:all .15s ease}.tbw-pivot-chip-remove:hover{background:var(--tbw-pivot-chip-remove-hover-bg, var(--tbw-color-accent));color:var(--tbw-pivot-chip-remove-hover-fg, var(--tbw-color-accent-fg))}.tbw-pivot-value-chip{padding:4px 8px}.tbw-pivot-value-label-wrapper{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.tbw-pivot-agg-select{padding:2px 4px;font-size:11px;border:1px solid var(--tbw-color-border);border-radius:var(--tbw-border-radius);background:var(--tbw-color-bg);cursor:pointer}.tbw-pivot-available-fields{display:flex;flex-wrap:wrap;gap:6px;min-height:40px}.tbw-pivot-options{display:flex;flex-direction:column;gap:8px}.tbw-pivot-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer}.tbw-pivot-checkbox input{width:14px;height:14px;cursor:pointer}';
@@ -670,13 +670,13 @@ class b extends N {
     if (i.length > 0)
       return this.warn(`Config errors: ${i.join(", ")}`), [...e];
     if (this.buildFieldHeaderMap(), this.defaultExpanded = this.config.defaultExpanded ?? !0, this.expandedKeys.size === 0 && this.defaultExpanded && this.pivotResult) {
-      const r = w(this.pivotResult.rows);
-      for (const a of r)
+      const n = w(this.pivotResult.rows);
+      for (const a of n)
         this.expandedKeys.add(a);
     }
     if (this.pivotResult = S(e, this.config), this.expandedKeys.size === 0 && this.defaultExpanded) {
-      const r = w(this.pivotResult.rows);
-      for (const a of r)
+      const n = w(this.pivotResult.rows);
+      for (const a of n)
         this.expandedKeys.add(a);
     }
     const o = this.config.indentWidth ?? 20;
@@ -684,34 +684,34 @@ class b extends N {
       this.pivotResult.rows,
       this.expandedKeys,
       this.defaultExpanded
-    ).map((r) => ({
-      __pivotRowKey: r.rowKey,
-      __pivotLabel: r.rowLabel,
-      __pivotDepth: r.depth,
-      __pivotIsGroup: r.isGroup,
-      __pivotHasChildren: !!r.children?.length,
-      __pivotExpanded: this.expandedKeys.has(r.rowKey),
-      __pivotRowCount: r.rowCount ?? 0,
-      __pivotIndent: r.depth * o,
-      __pivotTotal: r.total,
-      ...r.values
+    ).map((n) => ({
+      __pivotRowKey: n.rowKey,
+      __pivotLabel: n.rowLabel,
+      __pivotDepth: n.depth,
+      __pivotIsGroup: n.isGroup,
+      __pivotHasChildren: !!n.children?.length,
+      __pivotExpanded: this.expandedKeys.has(n.rowKey),
+      __pivotRowCount: n.rowCount ?? 0,
+      __pivotIndent: n.depth * o,
+      __pivotTotal: n.total,
+      ...n.values
     }));
   }
   processColumns(e) {
     if (!this.isActive || !this.pivotResult)
       return [...e];
-    const i = [], o = (this.config.rowGroupFields ?? []).map((n) => this.fieldHeaderMap.get(n) ?? n).join(" / ");
+    const i = [], o = (this.config.rowGroupFields ?? []).map((r) => this.fieldHeaderMap.get(r) ?? r).join(" / ");
     i.push({
       field: "__pivotLabel",
       header: o || "Group",
       width: 200
     });
-    for (const n of this.pivotResult.columnKeys)
-      for (const r of this.config.valueFields ?? []) {
-        const a = C([n], r.field), s = r.header || this.fieldHeaderMap.get(r.field) || r.field;
+    for (const r of this.pivotResult.columnKeys)
+      for (const n of this.config.valueFields ?? []) {
+        const a = C([r], n.field), s = n.header || this.fieldHeaderMap.get(n.field) || n.field;
         i.push({
           field: a,
-          header: `${n} - ${s} (${r.aggFunc})`,
+          header: `${r} - ${s} (${n.aggFunc})`,
           width: 120,
           type: "number"
         });
@@ -727,9 +727,9 @@ class b extends N {
     const o = e;
     return o.__pivotRowKey && o.__pivotHasChildren ? B(o, i, {
       columns: this.gridColumns,
-      onToggle: (n) => this.toggle(n),
-      resolveIcon: (n) => this.resolveIcon(n),
-      setIcon: (n, r) => this.setIcon(n, r)
+      onToggle: (r) => this.toggle(r),
+      resolveIcon: (r) => this.resolveIcon(r),
+      setIcon: (r, n) => this.setIcon(r, n)
     }) : o.__pivotRowKey !== void 0 && this.isActive ? W(o, i, this.gridColumns) : (this.cleanupPivotStyling(i), !1);
   }
   /**
@@ -861,13 +861,13 @@ class b extends N {
       onTogglePivot: (o) => {
         o ? this.enablePivot() : this.disablePivot(), this.refreshPanel();
       },
-      onAddFieldToZone: (o, n) => this.addFieldToZone(o, n),
-      onRemoveFieldFromZone: (o, n) => this.removeFieldFromZone(o, n),
-      onAddValueField: (o, n) => this.addValueField(o, n),
+      onAddFieldToZone: (o, r) => this.addFieldToZone(o, r),
+      onRemoveFieldFromZone: (o, r) => this.removeFieldFromZone(o, r),
+      onAddValueField: (o, r) => this.addValueField(o, r),
       onRemoveValueField: (o) => this.removeValueField(o),
-      onUpdateValueAggFunc: (o, n) => this.updateValueAggFunc(o, n),
-      onOptionChange: (o, n) => {
-        this.config[o] = n, this.isActive && this.refresh();
+      onUpdateValueAggFunc: (o, r) => this.updateValueAggFunc(o, r),
+      onOptionChange: (o, r) => {
+        this.config[o] = r, this.isActive && this.refresh();
       },
       getAvailableFields: () => this.getAvailableFields()
     };
@@ -894,14 +894,14 @@ class b extends N {
   }
   addValueField(e, i) {
     const o = this.config.valueFields ?? [];
-    o.some((n) => n.field === e) || (this.config.valueFields = [...o, { field: e, aggFunc: i }]), this.removeFromOtherZones(e, "values"), this.isActive && this.refresh(), this.refreshPanel();
+    o.some((r) => r.field === e) || (this.config.valueFields = [...o, { field: e, aggFunc: i }]), this.removeFromOtherZones(e, "values"), this.isActive && this.refresh(), this.refreshPanel();
   }
   removeValueField(e) {
     this.config.valueFields = (this.config.valueFields ?? []).filter((i) => i.field !== e), this.isActive && this.refresh(), this.refreshPanel();
   }
   updateValueAggFunc(e, i) {
-    const o = this.config.valueFields ?? [], n = o.findIndex((r) => r.field === e);
-    n >= 0 && (o[n] = { ...o[n], aggFunc: i }, this.config.valueFields = [...o]), this.isActive && this.refresh();
+    const o = this.config.valueFields ?? [], r = o.findIndex((n) => n.field === e);
+    r >= 0 && (o[r] = { ...o[r], aggFunc: i }, this.config.valueFields = [...o]), this.isActive && this.refresh();
   }
   // ===== Styles =====
   styles = Q;