@toolbox-web/grid 0.2.4 → 0.2.6

package/lib/plugins/pivot/index.js

@@ -59,8 +59,8 @@ class N {
   /**
    * Emit a custom event from the grid.
    */
-  emit(e, i) {
-    this.grid?.dispatchEvent?.(new CustomEvent(e, { detail: i, bubbles: !0 }));
+  emit(e, o) {
+    this.grid?.dispatchEvent?.(new CustomEvent(e, { detail: o, bubbles: !0 }));
   }
   /**
    * Request a re-render of the grid.
@@ -99,7 +99,7 @@ class N {
    * Use this for rendering that needs to match the grid template.
    */
   get visibleColumns() {
-    return this.grid?.visibleColumns ?? [];
+    return this.grid?._visibleColumns ?? [];
   }
   /**
    * Get the shadow root of the grid.
@@ -143,8 +143,8 @@ class N {
    * @param pluginOverride - Optional plugin-level override
    * @returns The resolved icon value
    */
-  resolveIcon(e, i) {
-    return i !== void 0 ? i : this.gridIcons[e];
+  resolveIcon(e, o) {
+    return o !== void 0 ? o : this.gridIcons[e];
   }
   /**
    * Set an icon value on an element.
@@ -153,8 +153,8 @@ class N {
    * @param element - The element to set the icon on
    * @param icon - The icon value (string or HTMLElement)
    */
-  setIcon(e, i) {
-    typeof i == "string" ? e.innerHTML = i : i instanceof HTMLElement && (e.innerHTML = "", e.appendChild(i.cloneNode(!0)));
+  setIcon(e, o) {
+    typeof o == "string" ? e.innerHTML = o : o instanceof HTMLElement && (e.innerHTML = "", e.appendChild(o.cloneNode(!0)));
   }
   /**
    * Log a warning message.
@@ -165,14 +165,14 @@ class N {
   // #endregion
 }
 const m = {
-  sum: (t, e) => t.reduce((i, o) => i + (Number(o[e]) || 0), 0),
+  sum: (t, e) => t.reduce((o, i) => o + (Number(i[e]) || 0), 0),
   avg: (t, e) => {
-    const i = t.reduce((o, r) => o + (Number(r[e]) || 0), 0);
-    return t.length ? i / t.length : 0;
+    const o = t.reduce((i, r) => i + (Number(r[e]) || 0), 0);
+    return t.length ? o / t.length : 0;
   },
   count: (t) => t.length,
-  min: (t, e) => Math.min(...t.map((i) => Number(i[e]) || 1 / 0)),
-  max: (t, e) => Math.max(...t.map((i) => Number(i[e]) || -1 / 0)),
+  min: (t, e) => Math.min(...t.map((o) => Number(o[e]) || 1 / 0)),
+  max: (t, e) => Math.max(...t.map((o) => Number(o[e]) || -1 / 0)),
   first: (t, e) => t[0]?.[e],
   last: (t, e) => t[t.length - 1]?.[e]
 }, v = /* @__PURE__ */ new Map(), h = {
@@ -198,9 +198,9 @@ const m = {
   /**
    * Run an aggregator on a set of rows.
    */
-  run(t, e, i, o) {
+  run(t, e, o, i) {
     const r = this.get(t);
-    return r ? r(e, i, o) : void 0;
+    return r ? r(e, o, i) : void 0;
   },
   /**
    * Check if an aggregator exists.
@@ -215,8 +215,8 @@ const m = {
     return [...Object.keys(m), ...v.keys()];
   }
 }, A = {
-  sum: (t) => t.reduce((e, i) => e + i, 0),
-  avg: (t) => t.length ? t.reduce((e, i) => e + i, 0) / t.length : 0,
+  sum: (t) => t.reduce((e, o) => e + o, 0),
+  avg: (t) => t.length ? t.reduce((e, o) => e + o, 0) / t.length : 0,
   count: (t) => t.length,
   min: (t) => t.length ? Math.min(...t) : 0,
   max: (t) => t.length ? Math.max(...t) : 0,
@@ -240,68 +240,68 @@ function C(t, e) {
   return [...t, e].join("|");
 }
 function S(t, e) {
-  const i = e.rowGroupFields ?? [], o = e.columnGroupFields ?? [], r = e.valueFields ?? [], n = V(t, o), a = L(
+  const o = e.rowGroupFields ?? [], i = e.columnGroupFields ?? [], r = e.valueFields ?? [], n = V(t, i), s = L(
     t,
-    i,
     o,
+    i,
     n,
     r,
     0,
     // starting depth
     ""
     // parent key prefix
-  ), s = H(a, n, r), l = Object.values(s).reduce((d, c) => d + c, 0);
+  ), a = H(s, n, r), l = Object.values(a).reduce((d, c) => d + c, 0);
   return {
-    rows: a,
+    rows: s,
     columnKeys: n,
-    totals: s,
+    totals: a,
     grandTotal: l
   };
 }
 function V(t, e) {
   if (e.length === 0) return ["value"];
-  const i = /* @__PURE__ */ new Set();
-  for (const o of t) {
-    const r = e.map((n) => String(o[n] ?? "")).join("|");
-    i.add(r);
+  const o = /* @__PURE__ */ new Set();
+  for (const i of t) {
+    const r = e.map((n) => String(i[n] ?? "")).join("|");
+    o.add(r);
   }
-  return [...i].sort();
+  return [...o].sort();
 }
 function M(t, e) {
-  const i = /* @__PURE__ */ new Map();
-  for (const o of t) {
-    const r = String(o[e] ?? ""), n = i.get(r);
-    n ? n.push(o) : i.set(r, [o]);
+  const o = /* @__PURE__ */ new Map();
+  for (const i of t) {
+    const r = String(i[e] ?? ""), n = o.get(r);
+    n ? n.push(i) : o.set(r, [i]);
   }
-  return i;
+  return o;
 }
-function L(t, e, i, o, r, n, a) {
-  const s = [];
+function L(t, e, o, i, r, n, s) {
+  const a = [];
   if (e.length === 0) {
-    const u = _(t, i, o, r), g = G(u);
-    return s.push({
-      rowKey: a || "all",
-      rowLabel: a || "All",
+    const u = T(t, o, i, r), g = _(u);
+    return a.push({
+      rowKey: s || "all",
+      rowLabel: s || "All",
       depth: n,
       values: u,
       total: g,
       isGroup: !1,
       rowCount: t.length
-    }), s;
+    }), 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, r), E = G(y);
+    const F = s ? `${s}|${u}` : u, y = T(g, o, i, r), E = _(y);
     let R;
     c && (R = L(
       g,
       d,
-      i,
       o,
+      i,
       r,
       n + 1,
       F
-    )), s.push({
+    )), a.push({
       rowKey: F,
       rowLabel: u || "(blank)",
       depth: n,
@@ -312,90 +312,90 @@ function L(t, e, i, o, r, n, a) {
       rowCount: g.length
     });
   }
-  return s;
+  return a;
 }
-function _(t, e, i, o) {
+function T(t, e, o, 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("|") === 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);
+  for (const n of o)
+    for (const s of i) {
+      const l = (e.length > 0 ? t.filter((u) => e.map((g) => String(u[g] ?? "")).join("|") === n) : t).map((u) => Number(u[s.field]) || 0), d = K(s.aggFunc), c = l.length > 0 ? d(l) : null, p = C([n], s.field);
       r[p] = c;
     }
   return r;
 }
-function G(t) {
+function _(t) {
   let e = 0;
-  for (const i of Object.values(t))
-    e += i ?? 0;
+  for (const o of Object.values(t))
+    e += o ?? 0;
   return e;
 }
-function H(t, e, i) {
-  const o = {};
+function H(t, e, o) {
+  const i = {};
   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);
+    for (const s of n)
+      if (!s.isGroup || !s.children?.length)
+        for (const a of e)
+          for (const l of o) {
+            const d = C([a], l.field);
+            i[d] = (i[d] ?? 0) + (s.values[d] ?? 0);
           }
-      else a.children && r(a.children);
+      else s.children && r(s.children);
   }
-  return r(t), o;
+  return r(t), i;
 }
-function D(t, e, i = !0) {
-  const o = [];
+function D(t, e, o = !0) {
+  const i = [];
   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);
+    i.push(n);
+    const s = e ? e.has(n.rowKey) : o;
+    if (n.children && s)
+      for (const a of n.children)
+        r(a);
   }
   for (const n of t)
     r(n);
-  return o;
+  return i;
 }
 function w(t) {
   const e = [];
-  function i(o) {
-    if (o.isGroup && e.push(o.rowKey), o.children)
-      for (const r of o.children)
-        i(r);
+  function o(i) {
+    if (i.isGroup && e.push(i.rowKey), i.children)
+      for (const r of i.children)
+        o(r);
   }
-  for (const o of t)
-    i(o);
+  for (const i of t)
+    o(i);
   return e;
 }
 const z = ["sum", "avg", "count", "min", "max", "first", "last"];
-function q(t, e, i, o) {
-  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 q(t, e, o, i) {
+  const r = new AbortController(), n = { config: e, callbacks: i, signal: r.signal }, s = document.createElement("div");
+  return s.className = "tbw-pivot-panel", s.appendChild(f("Options", () => U(o, n))), s.appendChild(f("Row Groups", () => G("rowGroups", n))), s.appendChild(f("Column Groups", () => G("columnGroups", n))), s.appendChild(f("Values", () => Z(n))), s.appendChild(f("Available Fields", () => j(n))), t.appendChild(s), () => {
+    r.abort(), s.remove();
   };
 }
 function f(t, e) {
-  const i = document.createElement("div");
-  i.className = "tbw-pivot-section";
   const o = document.createElement("div");
-  o.className = "tbw-pivot-section-header", o.textContent = t;
+  o.className = "tbw-pivot-section";
+  const i = document.createElement("div");
+  i.className = "tbw-pivot-section-header", i.textContent = t;
   const r = document.createElement("div");
-  return r.className = "tbw-pivot-section-content", r.appendChild(e()), i.appendChild(o), i.appendChild(r), i;
+  return r.className = "tbw-pivot-section-content", r.appendChild(e()), o.appendChild(i), o.appendChild(r), o;
 }
-function T(t, e) {
-  const { config: i, callbacks: o, signal: r } = e, n = document.createElement("div");
+function G(t, e) {
+  const { config: o, callbacks: i, 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", n.appendChild(s);
+  const s = t === "rowGroups" ? o.rowGroupFields ?? [] : o.columnGroupFields ?? [];
+  if (s.length === 0) {
+    const a = document.createElement("div");
+    a.className = "tbw-pivot-placeholder", a.textContent = "Drag fields here or click to add", n.appendChild(a);
   } else
-    for (const s of a)
-      n.appendChild(O(s, t, e));
+    for (const a of s)
+      n.appendChild(O(a, t, e));
   return n.addEventListener(
     "dragover",
-    (s) => {
-      s.preventDefault(), n.classList.add("drag-over");
+    (a) => {
+      a.preventDefault(), n.classList.add("drag-over");
     },
     { signal: r }
   ), n.addEventListener(
@@ -406,27 +406,27 @@ function T(t, e) {
     { signal: r }
   ), n.addEventListener(
     "drop",
-    (s) => {
-      s.preventDefault(), n.classList.remove("drag-over");
-      const l = s.dataTransfer?.getData("text/plain");
-      l && o.onAddFieldToZone(l, t);
+    (a) => {
+      a.preventDefault(), n.classList.remove("drag-over");
+      const l = a.dataTransfer?.getData("text/plain");
+      l && i.onAddFieldToZone(l, t);
     },
     { signal: r }
   ), n;
 }
-function O(t, e, i) {
-  const { callbacks: o, signal: r } = i, n = document.createElement("div");
+function O(t, e, o) {
+  const { callbacks: i, signal: r } = o, 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 s = i.getAvailableFields().find((d) => d.field === t), a = document.createElement("span");
+  a.className = "tbw-pivot-chip-label", a.textContent = s?.header ?? t;
   const l = document.createElement("button");
   return l.className = "tbw-pivot-chip-remove", l.innerHTML = "×", l.title = "Remove field", l.addEventListener(
     "click",
     (d) => {
-      d.stopPropagation(), o.onRemoveFieldFromZone(t, e);
+      d.stopPropagation(), i.onRemoveFieldFromZone(t, e);
     },
     { signal: r }
-  ), n.appendChild(s), n.appendChild(l), n.addEventListener(
+  ), n.appendChild(a), n.appendChild(l), n.addEventListener(
     "dragstart",
     (d) => {
       d.dataTransfer?.setData("text/plain", t), d.dataTransfer?.setData("source-zone", e), n.classList.add("dragging");
@@ -441,44 +441,44 @@ function O(t, e, i) {
   ), n;
 }
 function Z(t) {
-  const { config: e, callbacks: i, signal: o } = t, r = document.createElement("div");
+  const { config: e, callbacks: o, signal: i } = 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", r.appendChild(a);
+    const s = document.createElement("div");
+    s.className = "tbw-pivot-placeholder", s.textContent = "Drag numeric fields here for aggregation", r.appendChild(s);
   } else
-    for (const a of n)
-      r.appendChild($(a, t));
+    for (const s of n)
+      r.appendChild($(s, t));
   return r.addEventListener(
     "dragover",
-    (a) => {
-      a.preventDefault(), r.classList.add("drag-over");
+    (s) => {
+      s.preventDefault(), r.classList.add("drag-over");
     },
-    { signal: o }
+    { signal: i }
   ), r.addEventListener(
     "dragleave",
     () => {
       r.classList.remove("drag-over");
     },
-    { signal: o }
+    { signal: i }
   ), r.addEventListener(
     "drop",
-    (a) => {
-      a.preventDefault(), r.classList.remove("drag-over");
-      const s = a.dataTransfer?.getData("text/plain");
-      s && i.onAddValueField(s, "sum");
+    (s) => {
+      s.preventDefault(), r.classList.remove("drag-over");
+      const a = s.dataTransfer?.getData("text/plain");
+      a && o.onAddValueField(a, "sum");
     },
-    { signal: o }
+    { signal: i }
   ), r;
 }
 function $(t, e) {
-  const { callbacks: i, signal: o } = e, r = document.createElement("div");
+  const { callbacks: o, signal: i } = 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 = n?.header ?? t.field;
+  const n = o.getAvailableFields().find((c) => c.field === t.field), s = document.createElement("div");
+  s.className = "tbw-pivot-value-label-wrapper";
+  const a = document.createElement("span");
+  a.className = "tbw-pivot-chip-label", a.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) {
@@ -488,133 +488,133 @@ function $(t, e) {
   l.addEventListener(
     "change",
     () => {
-      i.onUpdateValueAggFunc(t.field, l.value);
+      o.onUpdateValueAggFunc(t.field, l.value);
     },
-    { signal: o }
+    { signal: i }
   );
   const d = document.createElement("button");
   return d.className = "tbw-pivot-chip-remove", d.innerHTML = "×", d.title = "Remove value field", d.addEventListener(
     "click",
     (c) => {
-      c.stopPropagation(), i.onRemoveValueField(t.field);
+      c.stopPropagation(), o.onRemoveValueField(t.field);
     },
-    { signal: o }
-  ), a.appendChild(s), a.appendChild(l), r.appendChild(a), r.appendChild(d), r;
+    { signal: i }
+  ), s.appendChild(a), s.appendChild(l), r.appendChild(s), r.appendChild(d), r;
 }
 function j(t) {
-  const { config: e, callbacks: i, signal: o } = t, r = document.createElement("div");
+  const { config: e, callbacks: o, signal: i } = t, r = document.createElement("div");
   r.className = "tbw-pivot-available-fields";
-  const n = i.getAvailableFields(), a = /* @__PURE__ */ new Set([
+  const n = o.getAvailableFields(), s = /* @__PURE__ */ new Set([
     ...e.rowGroupFields ?? [],
     ...e.columnGroupFields ?? [],
     ...e.valueFields?.map((l) => l.field) ?? []
-  ]), s = n.filter((l) => !a.has(l.field));
-  if (s.length === 0) {
+  ]), a = n.filter((l) => !s.has(l.field));
+  if (a.length === 0) {
     const l = document.createElement("div");
     l.className = "tbw-pivot-placeholder", l.textContent = "All fields are in use", r.appendChild(l);
   } else
-    for (const l of s) {
+    for (const l of a) {
       const d = document.createElement("div");
       d.className = "tbw-pivot-field-chip available", d.textContent = l.header, d.draggable = !0, d.title = `Drag to add "${l.field}" to a zone`, d.addEventListener(
         "dragstart",
         (c) => {
           c.dataTransfer?.setData("text/plain", l.field), d.classList.add("dragging");
         },
-        { signal: o }
+        { signal: i }
       ), d.addEventListener(
         "dragend",
         () => {
           d.classList.remove("dragging");
         },
-        { signal: o }
+        { signal: i }
       ), r.appendChild(d);
     }
   return r;
 }
 function U(t, e) {
-  const { config: i, callbacks: o, signal: r } = e, n = document.createElement("div");
+  const { config: o, callbacks: i, signal: r } = e, n = document.createElement("div");
   return n.className = "tbw-pivot-options", n.appendChild(
     x(
       "Enable Pivot View",
       t,
-      (a) => {
-        o.onTogglePivot(a);
+      (s) => {
+        i.onTogglePivot(s);
       },
       r
     )
   ), n.appendChild(
     x(
       "Show Row Totals",
-      i.showTotals ?? !0,
-      (a) => {
-        o.onOptionChange("showTotals", a);
+      o.showTotals ?? !0,
+      (s) => {
+        i.onOptionChange("showTotals", s);
       },
       r
     )
   ), n.appendChild(
     x(
       "Show Grand Total",
-      i.showGrandTotal ?? !0,
-      (a) => {
-        o.onOptionChange("showGrandTotal", a);
+      o.showGrandTotal ?? !0,
+      (s) => {
+        i.onOptionChange("showGrandTotal", s);
       },
       r
     )
   ), n;
 }
-function x(t, e, i, o) {
+function x(t, e, o, i) {
   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, r.appendChild(n), r.appendChild(a), r;
+  n.type = "checkbox", n.checked = e, n.addEventListener("change", () => o(n.checked), { signal: i });
+  const s = document.createElement("span");
+  return s.textContent = t, r.appendChild(n), r.appendChild(s), 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.innerHTML = "", i.columns.forEach((o, r) => {
+function B(t, e, o) {
+  return e.className = "pivot-group-row", e.setAttribute("data-pivot-depth", String(t.__pivotDepth ?? 0)), e.setAttribute("role", "row"), e.innerHTML = "", o.columns.forEach((i, 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;
-      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);
+      const s = Number(t.__pivotIndent) || 0;
+      n.style.paddingLeft = `${s}px`;
+      const a = String(t.__pivotRowKey), l = document.createElement("button");
+      l.type = "button", l.className = "pivot-toggle", l.setAttribute("aria-label", t.__pivotExpanded ? "Collapse group" : "Expand group"), o.setIcon(l, o.resolveIcon(t.__pivotExpanded ? "collapse" : "expand")), l.addEventListener("click", (p) => {
+        p.stopPropagation(), o.onToggle(a);
       }), n.appendChild(l);
       const d = document.createElement("span");
       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})`, n.appendChild(c);
     } else {
-      const a = t[o.field];
-      n.textContent = a != null ? String(a) : "";
+      const s = t[i.field];
+      n.textContent = s != null ? String(s) : "";
     }
     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, r) => {
+function W(t, e, o) {
+  return e.className = "pivot-leaf-row", e.setAttribute("data-pivot-depth", String(t.__pivotDepth ?? 0)), e.innerHTML = "", o.forEach((i, 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;
-      n.style.paddingLeft = `${a + 20}px`;
-      const s = document.createElement("span");
-      s.className = "pivot-label", s.textContent = String(t.__pivotLabel ?? ""), n.appendChild(s);
+      const s = Number(t.__pivotIndent) || 0;
+      n.style.paddingLeft = `${s + 20}px`;
+      const a = document.createElement("span");
+      a.className = "pivot-label", a.textContent = String(t.__pivotLabel ?? ""), n.appendChild(a);
     } else {
-      const a = t[o.field];
-      n.textContent = a != null ? String(a) : "";
+      const s = t[i.field];
+      n.textContent = s != null ? String(s) : "";
     }
     e.appendChild(n);
   }), !0;
 }
-function J(t, e, i) {
-  return e.className = "pivot-grand-total-row", e.setAttribute("role", "presentation"), e.innerHTML = "", i.forEach((o, r) => {
+function J(t, e, o) {
+  return e.className = "pivot-grand-total-row", e.setAttribute("role", "presentation"), e.innerHTML = "", o.forEach((i, 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", n.appendChild(a);
+      const s = document.createElement("span");
+      s.className = "pivot-label", s.textContent = "Grand Total", n.appendChild(s);
     } else {
-      const a = t[o.field];
-      n.textContent = a != null ? String(a) : "";
+      const s = t[i.field];
+      n.textContent = s != null ? String(s) : "";
     }
     e.appendChild(n);
   }), !0;
@@ -629,7 +629,8 @@ class b extends N {
     return {
       active: !0,
       showTotals: !0,
-      showGrandTotal: !0
+      showGrandTotal: !0,
+      showToolPanel: !0
     };
   }
   // #region Internal State
@@ -656,34 +657,35 @@ class b extends N {
   // #endregion
   // #region Shell Integration
   getToolPanel() {
-    return {
-      id: b.PANEL_ID,
-      title: "Pivot",
-      icon: "⊞",
-      tooltip: "Configure pivot table",
-      order: 90,
-      render: (e) => this.renderPanel(e)
-    };
+    if ((this.config?.showToolPanel ?? this.userConfig?.showToolPanel ?? !0) !== !1)
+      return {
+        id: b.PANEL_ID,
+        title: "Pivot",
+        icon: "⊞",
+        tooltip: "Configure pivot table",
+        order: 90,
+        render: (o) => this.renderPanel(o)
+      };
   }
   // #endregion
   // #region Hooks
   processRows(e) {
     if (!this.hasInitialized && this.config.active !== !1 && this.hasValidPivotConfig() && (this.hasInitialized = !0, this.isActive = !0), !this.isActive)
       return [...e];
-    const i = I(this.config);
-    if (i.length > 0)
-      return this.warn(`Config errors: ${i.join(", ")}`), [...e];
+    const o = I(this.config);
+    if (o.length > 0)
+      return this.warn(`Config errors: ${o.join(", ")}`), [...e];
     if (this.buildFieldHeaderMap(), this.defaultExpanded = this.config.defaultExpanded ?? !0, this.expandedKeys.size === 0 && this.defaultExpanded && this.pivotResult) {
       const n = w(this.pivotResult.rows);
-      for (const a of n)
-        this.expandedKeys.add(a);
+      for (const s of n)
+        this.expandedKeys.add(s);
     }
     if (this.pivotResult = S(e, this.config), this.expandedKeys.size === 0 && this.defaultExpanded) {
       const n = w(this.pivotResult.rows);
-      for (const a of n)
-        this.expandedKeys.add(a);
+      for (const s of n)
+        this.expandedKeys.add(s);
     }
-    const o = this.config.indentWidth ?? 20;
+    const i = this.config.indentWidth ?? 20;
     return D(
       this.pivotResult.rows,
       this.expandedKeys,
@@ -696,7 +698,7 @@ class b extends N {
       __pivotHasChildren: !!n.children?.length,
       __pivotExpanded: this.expandedKeys.has(n.rowKey),
       __pivotRowCount: n.rowCount ?? 0,
-      __pivotIndent: n.depth * o,
+      __pivotIndent: n.depth * i,
       __pivotTotal: n.total,
       ...n.values
     }));
@@ -704,37 +706,37 @@ class b extends N {
   processColumns(e) {
     if (!this.isActive || !this.pivotResult)
       return [...e];
-    const i = [], o = (this.config.rowGroupFields ?? []).map((r) => this.fieldHeaderMap.get(r) ?? r).join(" / ");
-    i.push({
+    const o = [], i = (this.config.rowGroupFields ?? []).map((r) => this.fieldHeaderMap.get(r) ?? r).join(" / ");
+    o.push({
       field: "__pivotLabel",
-      header: o || "Group",
+      header: i || "Group",
       width: 200
     });
     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: `${r} - ${s} (${n.aggFunc})`,
+        const s = C([r], n.field), a = n.header || this.fieldHeaderMap.get(n.field) || n.field;
+        o.push({
+          field: s,
+          header: `${r} - ${a} (${n.aggFunc})`,
           width: 120,
           type: "number"
         });
       }
-    return this.config.showTotals && i.push({
+    return this.config.showTotals && o.push({
       field: "__pivotTotal",
       header: "Total",
       width: 100,
       type: "number"
-    }), i;
+    }), o;
   }
-  renderRow(e, i) {
-    const o = e;
-    return o.__pivotRowKey && o.__pivotHasChildren ? B(o, i, {
+  renderRow(e, o) {
+    const i = e;
+    return i.__pivotRowKey && i.__pivotHasChildren ? B(i, o, {
       columns: this.gridColumns,
       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);
+    }) : i.__pivotRowKey !== void 0 && this.isActive ? W(i, o, this.gridColumns) : (this.cleanupPivotStyling(o), !1);
   }
   /**
    * Remove pivot-specific classes, attributes, and inline styles from a row element.
@@ -754,17 +756,17 @@ class b extends N {
     if (!this.pivotResult) return;
     const e = this.shadowRoot;
     if (!e) return;
-    const i = e.querySelector(".tbw-scroll-area") ?? e.querySelector(".tbw-grid-content") ?? e.children[0];
-    if (!i) return;
-    this.grandTotalFooter || (this.grandTotalFooter = document.createElement("div"), this.grandTotalFooter.className = "pivot-grand-total-footer", i.appendChild(this.grandTotalFooter));
-    const o = {
+    const o = e.querySelector(".tbw-scroll-area") ?? e.querySelector(".tbw-grid-content") ?? e.children[0];
+    if (!o) return;
+    this.grandTotalFooter || (this.grandTotalFooter = document.createElement("div"), this.grandTotalFooter.className = "pivot-grand-total-footer", o.appendChild(this.grandTotalFooter));
+    const i = {
       __pivotRowKey: "__grandTotal",
       __pivotLabel: "Grand Total",
       __pivotIsGrandTotal: !0,
       __pivotTotal: this.pivotResult.grandTotal,
       ...this.pivotResult.totals
     };
-    J(o, this.grandTotalFooter, this.gridColumns);
+    J(i, this.grandTotalFooter, this.gridColumns);
   }
   /**
    * Remove the grand total footer element.
@@ -786,8 +788,8 @@ class b extends N {
   expandAll() {
     if (this.pivotResult) {
       const e = w(this.pivotResult.rows);
-      for (const i of e)
-        this.expandedKeys.add(i);
+      for (const o of e)
+        this.expandedKeys.add(o);
       this.requestRender();
     }
   }
@@ -845,8 +847,8 @@ class b extends N {
   buildFieldHeaderMap() {
     const e = this.getAvailableFields();
     this.fieldHeaderMap.clear();
-    for (const i of e)
-      this.fieldHeaderMap.set(i.field, i.header);
+    for (const o of e)
+      this.fieldHeaderMap.set(o.field, o.header);
   }
   getAvailableFields() {
     return this.originalColumns.length > 0 ? this.originalColumns : this.captureOriginalColumns();
@@ -854,10 +856,10 @@ class b extends N {
   captureOriginalColumns() {
     const e = this.grid;
     try {
-      const i = e.getAllColumns?.() ?? e.columns ?? [];
-      return this.originalColumns = i.filter((o) => !o.field.startsWith("__pivot")).map((o) => ({
-        field: o.field,
-        header: o.header ?? o.field
+      const o = e.getAllColumns?.() ?? e.columns ?? [];
+      return this.originalColumns = o.filter((i) => !i.field.startsWith("__pivot")).map((i) => ({
+        field: i.field,
+        header: i.header ?? i.field
       })), this.originalColumns;
     } catch {
       return [];
@@ -865,51 +867,51 @@ class b extends N {
   }
   renderPanel(e) {
     this.panelContainer = e, this.originalColumns.length === 0 && this.captureOriginalColumns();
-    const i = {
-      onTogglePivot: (o) => {
-        o ? this.enablePivot() : this.disablePivot(), this.refreshPanel();
+    const o = {
+      onTogglePivot: (i) => {
+        i ? this.enablePivot() : this.disablePivot(), this.refreshPanel();
       },
-      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, r) => this.updateValueAggFunc(o, r),
-      onOptionChange: (o, r) => {
-        this.config[o] = r, this.isActive && this.refresh();
+      onAddFieldToZone: (i, r) => this.addFieldToZone(i, r),
+      onRemoveFieldFromZone: (i, r) => this.removeFieldFromZone(i, r),
+      onAddValueField: (i, r) => this.addValueField(i, r),
+      onRemoveValueField: (i) => this.removeValueField(i),
+      onUpdateValueAggFunc: (i, r) => this.updateValueAggFunc(i, r),
+      onOptionChange: (i, r) => {
+        this.config[i] = r, this.isActive && this.refresh();
       },
       getAvailableFields: () => this.getAvailableFields()
     };
-    return q(e, this.config, this.isActive, i);
+    return q(e, this.config, this.isActive, o);
   }
   refreshPanel() {
     this.panelContainer && (this.panelContainer.innerHTML = "", this.renderPanel(this.panelContainer));
   }
-  addFieldToZone(e, i) {
-    if (i === "rowGroups") {
-      const o = this.config.rowGroupFields ?? [];
-      o.includes(e) || (this.config.rowGroupFields = [...o, e]);
+  addFieldToZone(e, o) {
+    if (o === "rowGroups") {
+      const i = this.config.rowGroupFields ?? [];
+      i.includes(e) || (this.config.rowGroupFields = [...i, e]);
     } else {
-      const o = this.config.columnGroupFields ?? [];
-      o.includes(e) || (this.config.columnGroupFields = [...o, e]);
+      const i = this.config.columnGroupFields ?? [];
+      i.includes(e) || (this.config.columnGroupFields = [...i, e]);
     }
-    this.removeFromOtherZones(e, i), this.isActive && this.refresh(), this.refreshPanel();
+    this.removeFromOtherZones(e, o), this.isActive && this.refresh(), this.refreshPanel();
   }
-  removeFieldFromZone(e, i) {
-    i === "rowGroups" ? this.config.rowGroupFields = (this.config.rowGroupFields ?? []).filter((o) => o !== e) : this.config.columnGroupFields = (this.config.columnGroupFields ?? []).filter((o) => o !== e), this.isActive && this.refresh(), this.refreshPanel();
+  removeFieldFromZone(e, o) {
+    o === "rowGroups" ? this.config.rowGroupFields = (this.config.rowGroupFields ?? []).filter((i) => i !== e) : this.config.columnGroupFields = (this.config.columnGroupFields ?? []).filter((i) => i !== e), this.isActive && this.refresh(), this.refreshPanel();
   }
-  removeFromOtherZones(e, i) {
-    i !== "rowGroups" && (this.config.rowGroupFields = (this.config.rowGroupFields ?? []).filter((o) => o !== e)), i !== "columnGroups" && (this.config.columnGroupFields = (this.config.columnGroupFields ?? []).filter((o) => o !== e)), i !== "values" && (this.config.valueFields = (this.config.valueFields ?? []).filter((o) => o.field !== e));
+  removeFromOtherZones(e, o) {
+    o !== "rowGroups" && (this.config.rowGroupFields = (this.config.rowGroupFields ?? []).filter((i) => i !== e)), o !== "columnGroups" && (this.config.columnGroupFields = (this.config.columnGroupFields ?? []).filter((i) => i !== e)), o !== "values" && (this.config.valueFields = (this.config.valueFields ?? []).filter((i) => i.field !== e));
   }
-  addValueField(e, i) {
-    const o = this.config.valueFields ?? [];
-    o.some((r) => r.field === e) || (this.config.valueFields = [...o, { field: e, aggFunc: i }]), this.removeFromOtherZones(e, "values"), this.isActive && this.refresh(), this.refreshPanel();
+  addValueField(e, o) {
+    const i = this.config.valueFields ?? [];
+    i.some((r) => r.field === e) || (this.config.valueFields = [...i, { field: e, aggFunc: o }]), 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();
+    this.config.valueFields = (this.config.valueFields ?? []).filter((o) => o.field !== e), this.isActive && this.refresh(), this.refreshPanel();
   }
-  updateValueAggFunc(e, i) {
-    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();
+  updateValueAggFunc(e, o) {
+    const i = this.config.valueFields ?? [], r = i.findIndex((n) => n.field === e);
+    r >= 0 && (i[r] = { ...i[r], aggFunc: o }, this.config.valueFields = [...i]), this.isActive && this.refresh();
   }
   // #endregion
   // #region Styles