@toolbox-web/grid 1.2.0 → 1.3.1

package/lib/plugins/grouping-columns/index.js

@@ -1,4 +1,4 @@
-const g = {
+const c = '<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>', p = {
   expand: "▶",
   collapse: "▼",
   sortAsc: "▲",
@@ -6,9 +6,11 @@ const g = {
   sortNone: "⇅",
   submenuArrow: "▶",
   dragHandle: "⋮⋮",
-  toolPanel: "☰"
+  toolPanel: "☰",
+  filter: c,
+  filterActive: c
 };
-class p {
+class h {
   /**
    * Plugin dependencies - declare other plugins this one requires.
    *
@@ -232,7 +234,7 @@ class p {
    */
   get gridIcons() {
     const e = this.grid?.gridConfig?.icons ?? {};
-    return { ...g, ...e };
+    return { ...p, ...e };
   }
   // #region Animation Helpers
   /**
@@ -308,7 +310,7 @@ class p {
   }
   // #endregion
 }
-function a(u) {
+function g(u) {
   if (!u.length) return [];
   const e = /* @__PURE__ */ new Map(), r = [], t = (o, l) => {
     if (!l.length) return;
@@ -334,13 +336,13 @@ function a(u) {
     }
     i.length && (t(n, i.slice()), i = []);
     const d = typeof s == "string" ? s : s.id;
-    let c = e.get(d);
-    c || (c = {
+    let a = e.get(d);
+    a || (a = {
       id: d,
       label: typeof s == "string" ? void 0 : s.label,
       columns: [],
       firstIndex: l
-    }, e.set(d, c), r.push(c)), c.columns.push(o);
+    }, e.set(d, a), r.push(a)), a.columns.push(o);
   }), i.length && t(n, i), r.length === 1 && r[0].implicit && r[0].columns.length === u.length ? [] : r;
 }
 function f(u, e, r) {
@@ -359,7 +361,7 @@ function f(u, e, r) {
     l && l.classList.add("group-end");
   }
 }
-function h(u, e) {
+function m(u, e) {
   if (u.length === 0) return null;
   const r = document.createElement("div");
   r.className = "header-group-row", r.setAttribute("role", "row");
@@ -371,11 +373,11 @@ function h(u, e) {
   }
   return r;
 }
-function m(u) {
+function b(u) {
   return u.some((e) => e.group != null);
 }
-const b = "@layer tbw-plugins{.header-group-row{display:grid;grid-auto-flow:column;background:var(--tbw-grouping-columns-header-bg, var(--tbw-color-header-bg));border-bottom:1px solid var(--tbw-grouping-columns-border, var(--tbw-color-border))}.header-group-cell{display:flex;align-items:center;justify-content:center;padding:var(--tbw-button-padding-sm, .25rem .5rem);font-weight:600;font-size:var(--tbw-font-size-sm, .9em);text-transform:uppercase;letter-spacing:.5px;border-right:2px solid var(--tbw-grouping-columns-separator, var(--tbw-color-border-strong, var(--tbw-color-border)))}.header-group-cell:last-child{border-right:none}.header-row .cell.grouped{border-top:none}.header-row .cell.group-end{border-right:2px solid var(--tbw-grouping-columns-separator, var(--tbw-color-border-strong, var(--tbw-color-border)))}.header-row .cell.group-end:last-child{border-right:none}.rows .cell.group-end{border-right:2px solid var(--tbw-grouping-columns-separator, var(--tbw-color-border-strong, var(--tbw-color-border)))}.rows .cell.group-end:last-child{border-right:none}.header-group-row.no-borders{border-bottom:none}.header-group-row.no-borders .header-group-cell{border-right:none}.header-row.no-group-borders .cell.group-end{border-right:1px solid var(--tbw-color-border)}}";
-class w extends p {
+const w = "@layer tbw-plugins{.header-group-row{display:grid;grid-auto-flow:column;background:var(--tbw-grouping-columns-header-bg, var(--tbw-color-header-bg));border-bottom:1px solid var(--tbw-grouping-columns-border, var(--tbw-color-border))}.header-group-cell{display:flex;align-items:center;justify-content:center;padding:var(--tbw-button-padding-sm, .25rem .5rem);font-weight:600;font-size:var(--tbw-font-size-sm, .9em);text-transform:uppercase;letter-spacing:.5px;border-right:2px solid var(--tbw-grouping-columns-separator, var(--tbw-color-border-strong, var(--tbw-color-border)))}.header-group-cell:last-child{border-right:none}.header-row .cell.grouped{border-top:none}.header-row .cell.group-end{border-right:2px solid var(--tbw-grouping-columns-separator, var(--tbw-color-border-strong, var(--tbw-color-border)))}.header-row .cell.group-end:last-child{border-right:none}.rows .cell.group-end{border-right:2px solid var(--tbw-grouping-columns-separator, var(--tbw-color-border-strong, var(--tbw-color-border)))}.rows .cell.group-end:last-child{border-right:none}.header-group-row.no-borders{border-bottom:none}.header-group-row.no-borders .header-group-cell{border-right:none}.header-row.no-group-borders .cell.group-end{border-right:1px solid var(--tbw-color-border)}}";
+class v extends h {
   /**
    * Plugin manifest - declares owned properties for configuration validation.
    * @internal
@@ -398,7 +400,7 @@ class w extends p {
   /** @internal */
   name = "groupingColumns";
   /** @internal */
-  styles = b;
+  styles = w;
   /** @internal */
   get defaultConfig() {
     return {
@@ -424,7 +426,7 @@ class w extends p {
     if (r?.columnGroups && Array.isArray(r.columnGroups) && r.columnGroups.length > 0)
       return !0;
     const t = r?.columns;
-    return Array.isArray(t) ? m(t) : !1;
+    return Array.isArray(t) ? b(t) : !1;
   }
   // #endregion
   // #region Hooks
@@ -443,7 +445,7 @@ class w extends p {
       });
     } else
       t = [...e];
-    const i = a(t);
+    const i = g(t);
     return i.length === 0 ? (this.isActive = !1, this.groups = [], t) : (this.isActive = !0, this.groups = i, t);
   }
   /** @internal */
@@ -457,9 +459,9 @@ class w extends p {
     if (!e) return;
     const r = e.querySelector(".header-group-row");
     r && r.remove();
-    const t = this.columns, i = a(t);
+    const t = this.columns, i = g(t);
     if (i.length === 0) return;
-    const n = h(i, t);
+    const n = m(i, t);
     if (n) {
       n.classList.toggle("no-borders", !this.config.showGroupBorders);
       const l = e.querySelector(".header-row");
@@ -521,6 +523,6 @@ class w extends p {
   // #endregion
 }
 export {
-  w as GroupingColumnsPlugin
+  v as GroupingColumnsPlugin
 };
 //# sourceMappingURL=index.js.map