@toolbox-web/grid 0.2.5 → 0.2.6

package/lib/plugins/tree/index.js

@@ -1,4 +1,4 @@
-const m = {
+const v = {
   expand: "▶",
   collapse: "▼",
   sortAsc: "▲",
@@ -8,7 +8,7 @@ const m = {
   dragHandle: "⋮⋮",
   toolPanel: "☰"
 };
-class _ {
+class b {
   /** Plugin version - override in subclass if needed */
   version = "1.0.0";
   /** CSS styles to inject into the grid's shadow DOM */
@@ -99,7 +99,7 @@ class _ {
    * 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.
@@ -133,7 +133,7 @@ class _ {
    */
   get gridIcons() {
     const e = this.grid?.gridConfig?.icons ?? {};
-    return { ...m, ...e };
+    return { ...v, ...e };
   }
   /**
    * Resolve an icon value to string or HTMLElement.
@@ -167,74 +167,74 @@ class _ {
 function w(r, e, t) {
   return r.id !== void 0 ? String(r.id) : t ? `${t}-${e}` : String(e);
 }
-function K(r, e, t, n = null, s = 0) {
+function E(r, e, t, n = null, s = 0) {
   const o = e.childrenField ?? "children", i = [];
   for (let c = 0; c < r.length; c++) {
-    const l = r[c], a = w(l, c, n), h = l[o], f = Array.isArray(h) && h.length > 0, p = t.has(a);
+    const a = r[c], d = w(a, c, n), h = a[o], f = Array.isArray(h) && h.length > 0, g = t.has(d);
     if (i.push({
-      key: a,
-      data: l,
+      key: d,
+      data: a,
       depth: s,
       hasChildren: f,
-      isExpanded: p,
+      isExpanded: g,
       parentKey: n
-    }), f && p) {
-      const y = K(h, e, t, a, s + 1);
+    }), f && g) {
+      const y = E(h, e, t, d, s + 1);
       i.push(...y);
     }
   }
   return i;
 }
-function R(r, e) {
+function C(r, e) {
   const t = new Set(r);
   return t.has(e) ? t.delete(e) : t.add(e), t;
 }
 function x(r, e, t = null, n = 0) {
   const s = e.childrenField ?? "children", o = /* @__PURE__ */ new Set();
   for (let i = 0; i < r.length; i++) {
-    const c = r[i], l = w(c, i, t), a = c[s];
-    if (Array.isArray(a) && a.length > 0) {
-      o.add(l);
-      const h = x(a, e, l, n + 1);
+    const c = r[i], a = w(c, i, t), d = c[s];
+    if (Array.isArray(d) && d.length > 0) {
+      o.add(a);
+      const h = x(d, e, a, n + 1);
       for (const f of h) o.add(f);
     }
   }
   return o;
 }
-function v() {
+function S() {
   return /* @__PURE__ */ new Set();
 }
-function C(r, e, t, n = null, s = 0) {
+function m(r, e, t, n = null, s = 0) {
   const o = t.childrenField ?? "children";
   for (let i = 0; i < r.length; i++) {
-    const c = r[i], l = w(c, i, n);
-    if (l === e)
-      return [l];
-    const a = c[o];
-    if (Array.isArray(a) && a.length > 0) {
-      const h = C(a, e, t, l, s + 1);
+    const c = r[i], a = w(c, i, n);
+    if (a === e)
+      return [a];
+    const d = c[o];
+    if (Array.isArray(d) && d.length > 0) {
+      const h = m(d, e, t, a, s + 1);
       if (h)
-        return [l, ...h];
+        return [a, ...h];
     }
   }
   return null;
 }
-function b(r, e, t, n) {
-  const s = C(r, e, t);
+function I(r, e, t, n) {
+  const s = m(r, e, t);
   if (!s) return n;
   const o = new Set(n);
   for (let i = 0; i < s.length - 1; i++)
     o.add(s[i]);
   return o;
 }
-function A(r, e = "children") {
+function K(r, e = "children") {
   if (!Array.isArray(r) || r.length === 0) return !1;
   for (const t of r)
     if (t && Array.isArray(t[e]) && t[e].length > 0)
       return !0;
   return !1;
 }
-function S(r) {
+function D(r) {
   if (!Array.isArray(r) || r.length === 0) return null;
   const e = ["children", "items", "nodes", "subRows", "nested"];
   for (const t of r)
@@ -245,32 +245,32 @@ function S(r) {
     }
   return null;
 }
-function I(r, e = "children", t = 0) {
+function F(r, e = "children", t = 0) {
   if (!Array.isArray(r) || r.length === 0) return t;
   let n = t;
   for (const s of r) {
     if (!s) continue;
     const o = s[e];
     if (Array.isArray(o) && o.length > 0) {
-      const i = I(o, e, t + 1);
+      const i = F(o, e, t + 1);
       i > n && (n = i);
     }
   }
   return n;
 }
-function D(r, e = "children") {
+function M(r, e = "children") {
   if (!Array.isArray(r)) return 0;
   let t = 0;
   for (const n of r) {
     if (!n) continue;
     t++;
     const s = n[e];
-    Array.isArray(s) && (t += D(s, e));
+    Array.isArray(s) && (t += M(s, e));
   }
   return t;
 }
-const F = ".tree-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .2s}.tree-toggle:hover{color:var(--tbw-tree-accent, var(--tbw-color-accent))}";
-class M extends _ {
+const k = ".tree-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .2s}.tree-toggle:hover{color:var(--tbw-tree-accent, var(--tbw-color-accent))}";
+class q extends b {
   name = "tree";
   version = "1.0.0";
   get defaultConfig() {
@@ -304,16 +304,16 @@ class M extends _ {
    */
   detect(e) {
     if (!this.config.autoDetect) return !1;
-    const t = this.config.childrenField ?? S(e) ?? "children";
-    return A(e, t);
+    const t = this.config.childrenField ?? D(e) ?? "children";
+    return K(e, t);
   }
   // #endregion
   // #region Data Processing
   processRows(e) {
     const t = this.config.childrenField ?? "children";
-    if (!A(e, t))
+    if (!K(e, t))
       return this.flattenedRows = [], this.rowKeyMap.clear(), [...e];
-    this.config.defaultExpanded && !this.initialExpansionDone && (this.expandedKeys = x(e, this.config), this.initialExpansionDone = !0), this.flattenedRows = K(e, this.config, this.expandedKeys), this.rowKeyMap.clear();
+    this.config.defaultExpanded && !this.initialExpansionDone && (this.expandedKeys = x(e, this.config), this.initialExpansionDone = !0), this.flattenedRows = E(e, this.config, this.expandedKeys), this.rowKeyMap.clear();
     for (const n of this.flattenedRows)
       this.rowKeyMap.set(n.key, n);
     return this.flattenedRows.map((n) => ({
@@ -326,31 +326,31 @@ class M extends _ {
   }
   processColumns(e) {
     if (this.flattenedRows.length === 0) return [...e];
-    const t = this.config.indentWidth ?? 20, n = this.config.showExpandIcons ?? !0, s = [...e];
-    if (s.length > 0) {
-      const o = { ...s[0] }, i = o.viewRenderer;
-      if (i?.__treeWrapped)
-        return s;
-      const c = (l) => {
-        const { value: a, row: h, column: f } = l, p = h.__treeDepth ?? 0, y = h.__treeHasChildren ?? !1, E = h.__treeExpanded ?? !1, u = document.createElement("span");
-        if (u.style.display = "flex", u.style.alignItems = "center", u.style.paddingLeft = `${p * t}px`, y && n) {
-          const d = document.createElement("span");
-          d.className = "tree-toggle", this.setIcon(d, this.resolveIcon(E ? "collapse" : "expand")), d.style.cursor = "pointer", d.style.marginRight = "4px", d.style.fontSize = "10px", d.setAttribute("data-tree-key", h.__treeKey), u.appendChild(d);
-        } else if (n) {
-          const d = document.createElement("span");
-          d.style.width = "14px", d.style.display = "inline-block", u.appendChild(d);
+    const t = [...e];
+    if (t.length > 0) {
+      const n = { ...t[0] }, s = n.viewRenderer;
+      if (s?.__treeWrapped)
+        return t;
+      const o = () => this.config, i = (c) => {
+        const { value: a, row: d, column: h } = c, f = d.__treeDepth ?? 0, g = d.__treeHasChildren ?? !1, y = d.__treeExpanded ?? !1, R = o(), _ = R.indentWidth ?? 20, A = R.showExpandIcons ?? !0, u = document.createElement("span");
+        if (u.style.display = "flex", u.style.alignItems = "center", u.style.paddingLeft = `${f * _}px`, g && A) {
+          const l = document.createElement("span");
+          l.className = "tree-toggle", this.setIcon(l, this.resolveIcon(y ? "collapse" : "expand")), l.style.cursor = "pointer", l.style.marginRight = "4px", l.style.fontSize = "10px", l.setAttribute("data-tree-key", d.__treeKey), u.appendChild(l);
+        } else if (A) {
+          const l = document.createElement("span");
+          l.style.width = "14px", l.style.display = "inline-block", u.appendChild(l);
         }
-        const g = document.createElement("span");
-        if (i) {
-          const d = i(l);
-          d instanceof Node ? g.appendChild(d) : g.textContent = String(d ?? a ?? "");
+        const p = document.createElement("span");
+        if (s) {
+          const l = s(c);
+          l instanceof Node ? p.appendChild(l) : p.textContent = String(l ?? a ?? "");
         } else
-          g.textContent = String(a ?? "");
-        return u.appendChild(g), u;
+          p.textContent = String(a ?? "");
+        return u.appendChild(p), u;
       };
-      c.__treeWrapped = !0, o.viewRenderer = c, s[0] = o;
+      i.__treeWrapped = !0, n.viewRenderer = i, t[0] = n;
     }
-    return s;
+    return t;
   }
   // #endregion
   // #region Event Handlers
@@ -360,7 +360,7 @@ class M extends _ {
     const n = t.getAttribute("data-tree-key");
     if (!n) return !1;
     const s = this.rowKeyMap.get(n);
-    return s ? (this.expandedKeys = R(this.expandedKeys, n), this.emit("tree-expand", {
+    return s ? (this.expandedKeys = C(this.expandedKeys, n), this.emit("tree-expand", {
       key: n,
       row: s.data,
       expanded: this.expandedKeys.has(n),
@@ -385,7 +385,7 @@ class M extends _ {
    * Toggle the expansion state of a node.
    */
   toggle(e) {
-    this.expandedKeys = R(this.expandedKeys, e), this.requestRender();
+    this.expandedKeys = C(this.expandedKeys, e), this.requestRender();
   }
   /**
    * Expand all nodes in the tree.
@@ -397,7 +397,7 @@ class M extends _ {
    * Collapse all nodes in the tree.
    */
   collapseAll() {
-    this.expandedKeys = v(), this.requestRender();
+    this.expandedKeys = S(), this.requestRender();
   }
   /**
    * Check if a node is currently expanded.
@@ -427,18 +427,18 @@ class M extends _ {
    * Expand all ancestors of a node to make it visible.
    */
   expandToKey(e) {
-    this.expandedKeys = b(this.rows, e, this.config, this.expandedKeys), this.requestRender();
+    this.expandedKeys = I(this.rows, e, this.config, this.expandedKeys), this.requestRender();
   }
   // #endregion
   // #region Styles
-  styles = F;
+  styles = k;
   // #endregion
 }
 export {
-  M as TreePlugin,
-  D as countNodes,
-  A as detectTreeStructure,
-  I as getMaxDepth,
-  S as inferChildrenField
+  q as TreePlugin,
+  M as countNodes,
+  K as detectTreeStructure,
+  F as getMaxDepth,
+  D as inferChildrenField
 };
 //# sourceMappingURL=index.js.map