@toolbox-web/grid 1.2.0 → 1.3.1

package/lib/plugins/tree/index.js

@@ -1,4 +1,4 @@
-const _ = {
+const m = '<svg viewBox="0 0 16 16" width="12" height="12"><path fill="currentColor" d="M6 10.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/></svg>', v = {
   expand: "▶",
   collapse: "▼",
   sortAsc: "▲",
@@ -6,9 +6,11 @@ const _ = {
   sortNone: "⇅",
   submenuArrow: "▶",
   dragHandle: "⋮⋮",
-  toolPanel: "☰"
+  toolPanel: "☰",
+  filter: m,
+  filterActive: m
 };
-class v {
+class A {
   /**
    * Plugin dependencies - declare other plugins this one requires.
    *
@@ -232,7 +234,7 @@ class v {
    */
   get gridIcons() {
     const e = this.grid?.gridConfig?.icons ?? {};
-    return { ..._, ...e };
+    return { ...v, ...e };
   }
   // #region Animation Helpers
   /**
@@ -308,7 +310,7 @@ class v {
   }
   // #endregion
 }
-function x(o, e, t) {
+function R(o, e, t) {
   return o.id !== void 0 ? String(o.id) : t ? `${t}-${e}` : String(e);
 }
 function y(o, e) {
@@ -318,7 +320,7 @@ function y(o, e) {
 function w(o, e, t = null, n = 0) {
   const i = e.childrenField ?? "children", s = /* @__PURE__ */ new Set();
   for (let r = 0; r < o.length; r++) {
-    const l = o[r], a = x(l, r, t), d = l[i];
+    const l = o[r], a = R(l, r, t), d = l[i];
     if (Array.isArray(d) && d.length > 0) {
       s.add(a);
       const h = w(d, e, a, n + 1);
@@ -327,33 +329,33 @@ function w(o, e, t = null, n = 0) {
   }
   return s;
 }
-function A() {
+function E() {
   return /* @__PURE__ */ new Set();
 }
-function R(o, e, t, n = null, i = 0) {
+function _(o, e, t, n = null, i = 0) {
   const s = t.childrenField ?? "children";
   for (let r = 0; r < o.length; r++) {
-    const l = o[r], a = x(l, r, n);
+    const l = o[r], a = R(l, r, n);
     if (a === e)
       return [a];
     const d = l[s];
     if (Array.isArray(d) && d.length > 0) {
-      const h = R(d, e, t, a, i + 1);
+      const h = _(d, e, t, a, i + 1);
       if (h)
         return [a, ...h];
     }
   }
   return null;
 }
-function E(o, e, t, n) {
-  const i = R(o, e, t);
+function C(o, e, t, n) {
+  const i = _(o, e, t);
   if (!i) return n;
   const s = new Set(n);
   for (let r = 0; r < i.length - 1; r++)
     s.add(i[r]);
   return s;
 }
-function m(o, e = "children") {
+function x(o, e = "children") {
   if (!Array.isArray(o) || o.length === 0) return !1;
   for (const t of o) {
     if (!t) continue;
@@ -363,7 +365,7 @@ function m(o, e = "children") {
   }
   return !1;
 }
-function C(o) {
+function k(o) {
   if (!Array.isArray(o) || o.length === 0) return null;
   const e = ["children", "items", "nodes", "subRows", "nested"];
   for (const t of o)
@@ -375,12 +377,12 @@ function C(o) {
       }
   return null;
 }
-const k = "@layer tbw-plugins{tbw-grid .cell[data-field=__tbw_expander]{border-right:none!important;padding:0;display:flex;align-items:center;justify-content:flex-start}tbw-grid .header-row .cell[data-field=__tbw_expander]{display:none}tbw-grid .header-row .cell[data-field=__tbw_expander]+.cell{grid-column:1 / 3}tbw-grid .tree-cell-wrapper{display:inline-flex;align-items:center;padding-left:calc(var(--tbw-tree-depth, 0) * var(--tbw-tree-indent-width, var(--tbw-tree-toggle-size, 1.25em)))}tbw-grid .tree-expander{display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%;box-sizing:border-box}tbw-grid .tree-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;justify-content:center;width:var(--tbw-tree-toggle-size, 1.25em);height:var(--tbw-tree-toggle-size, 1.25em);flex-shrink:0}tbw-grid .tree-toggle:hover{color:var(--tbw-tree-accent, var(--tbw-color-accent))}tbw-grid .tree-spacer{width:var(--tbw-tree-toggle-size, 1.25em);display:inline-block;flex-shrink:0}tbw-grid .data-grid-row.tbw-tree-slide-in{animation:tbw-tree-slide-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}tbw-grid .data-grid-row.tbw-tree-fade-in{animation:tbw-tree-fade-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}@keyframes tbw-tree-slide-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes tbw-tree-fade-in{0%{opacity:0}to{opacity:1}}}";
-class T extends v {
+const T = "@layer tbw-plugins{tbw-grid .cell[data-field=__tbw_expander]{border-right:none!important;padding:0;display:flex;align-items:center;justify-content:flex-start}tbw-grid .header-row .cell[data-field=__tbw_expander]{display:none}tbw-grid .header-row .cell[data-field=__tbw_expander]+.cell{grid-column:1 / 3}tbw-grid .tree-cell-wrapper{display:inline-flex;align-items:center;padding-left:calc(var(--tbw-tree-depth, 0) * var(--tbw-tree-indent-width, var(--tbw-tree-toggle-size, 1.25em)))}tbw-grid .tree-expander{display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%;box-sizing:border-box}tbw-grid .tree-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;justify-content:center;width:var(--tbw-tree-toggle-size, 1.25em);height:var(--tbw-tree-toggle-size, 1.25em);flex-shrink:0}tbw-grid .tree-toggle:hover{color:var(--tbw-tree-accent, var(--tbw-color-accent))}tbw-grid .tree-spacer{width:var(--tbw-tree-toggle-size, 1.25em);display:inline-block;flex-shrink:0}tbw-grid .data-grid-row.tbw-tree-slide-in{animation:tbw-tree-slide-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}tbw-grid .data-grid-row.tbw-tree-fade-in{animation:tbw-tree-fade-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}@keyframes tbw-tree-slide-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes tbw-tree-fade-in{0%{opacity:0}to{opacity:1}}}";
+class F extends A {
   /** @internal */
   name = "tree";
   /** @internal */
-  styles = k;
+  styles = T;
   /** @internal */
   get defaultConfig() {
     return {
@@ -417,15 +419,15 @@ class T extends v {
   // #region Auto-Detection
   detect(e) {
     if (!this.config.autoDetect) return !1;
-    const t = e, n = this.config.childrenField ?? C(t) ?? "children";
-    return m(t, n);
+    const t = e, n = this.config.childrenField ?? k(t) ?? "children";
+    return x(t, n);
   }
   // #endregion
   // #region Data Processing
   /** @internal */
   processRows(e) {
     const t = this.config.childrenField ?? "children", n = e;
-    if (!m(n, t))
+    if (!x(n, t))
       return this.flattenedRows = [], this.rowKeyMap.clear(), this.previousVisibleKeys.clear(), [...e];
     let i = this.withStableKeys(n);
     this.sortState && (i = this.sortTree(i, this.sortState.field, this.sortState.direction)), this.config.defaultExpanded && !this.initialExpansionDone && (this.expandedKeys = w(i, this.config), this.initialExpansionDone = !0), this.flattenedRows = this.flattenTree(i, this.expandedKeys), this.rowKeyMap.clear(), this.keysToAnimate.clear();
@@ -568,7 +570,7 @@ class T extends v {
     this.expandedKeys = w(this.rows, this.config), this.requestRender();
   }
   collapseAll() {
-    this.expandedKeys = A(), this.requestRender();
+    this.expandedKeys = E(), this.requestRender();
   }
   isExpanded(e) {
     return this.expandedKeys.has(e);
@@ -583,11 +585,11 @@ class T extends v {
     return this.rowKeyMap.get(e)?.data;
   }
   expandToKey(e) {
-    this.expandedKeys = E(this.rows, e, this.config, this.expandedKeys), this.requestRender();
+    this.expandedKeys = C(this.rows, e, this.config, this.expandedKeys), this.requestRender();
   }
   // #endregion
 }
 export {
-  T as TreePlugin
+  F as TreePlugin
 };
 //# sourceMappingURL=index.js.map