@toolbox-web/grid 1.2.0 → 1.3.1

package/lib/plugins/pinned-rows/index.js

@@ -1,4 +1,4 @@
-const E = {
+const b = '<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>', A = {
   expand: "▶",
   collapse: "▼",
   sortAsc: "▲",
@@ -6,9 +6,11 @@ const E = {
   sortNone: "⇅",
   submenuArrow: "▶",
   dragHandle: "⋮⋮",
-  toolPanel: "☰"
+  toolPanel: "☰",
+  filter: b,
+  filterActive: b
 };
-class A {
+class R {
   /**
    * Plugin dependencies - declare other plugins this one requires.
    *
@@ -232,7 +234,7 @@ class A {
    */
   get gridIcons() {
     const t = this.grid?.gridConfig?.icons ?? {};
-    return { ...E, ...t };
+    return { ...A, ...t };
   }
   // #region Animation Helpers
   /**
@@ -361,10 +363,10 @@ const p = {
 };
 d.register.bind(d);
 d.unregister.bind(d);
-const b = d.get.bind(d);
+const w = d.get.bind(d);
 d.run.bind(d);
 d.list.bind(d);
-function R(n) {
+function y(n) {
   return typeof n == "object" && n !== null && "aggFunc" in n;
 }
 function m(n, t) {
@@ -389,7 +391,7 @@ function m(n, t) {
   }
   if (n.customPanels)
     for (const i of n.customPanels) {
-      const a = y(i, t);
+      const a = S(i, t);
       switch (i.position) {
         case "left":
           o.appendChild(a);
@@ -404,11 +406,11 @@ function m(n, t) {
     }
   return e.appendChild(o), e.appendChild(r), e.appendChild(s), e;
 }
-function w(n) {
+function C(n) {
   const t = document.createElement("div");
   return t.className = `tbw-aggregation-rows tbw-aggregation-rows-${n}`, t.setAttribute("role", "presentation"), t;
 }
-function C(n, t, e, o) {
+function v(n, t, e, o) {
   n.innerHTML = "";
   for (const r of t) {
     const s = document.createElement("div");
@@ -422,11 +424,11 @@ function C(n, t, e, o) {
         let l, u;
         const h = r.aggregators?.[i.field];
         if (h)
-          if (R(h)) {
-            const g = b(h.aggFunc);
+          if (y(h)) {
+            const g = w(h.aggFunc);
             g && (l = g(o, i.field, i)), u = h.formatter;
           } else {
-            const g = b(h);
+            const g = w(h);
             g && (l = g(o, i.field, i));
           }
         else if (r.cells && Object.prototype.hasOwnProperty.call(r.cells, i.field)) {
@@ -438,13 +440,13 @@ function C(n, t, e, o) {
     n.appendChild(s);
   }
 }
-function y(n, t) {
+function S(n, t) {
   const e = document.createElement("div");
   e.className = "tbw-status-panel tbw-status-panel-custom", e.id = `status-panel-${n.id}`;
   const o = n.render(t);
   return typeof o == "string" ? e.innerHTML = o : e.appendChild(o), e;
 }
-function v(n, t, e, o, r) {
+function E(n, t, e, o, r) {
   return {
     totalRows: n.length,
     filteredRows: r?.cachedResult?.length ?? n.length,
@@ -454,12 +456,12 @@ function v(n, t, e, o, r) {
     grid: e
   };
 }
-const S = "@layer tbw-plugins{.tbw-footer{flex-shrink:0;z-index:var(--tbw-z-layer-pinned-rows, 20);background:var(--tbw-color-panel-bg)}.tbw-pinned-rows{display:flex;align-items:center;justify-content:space-between;padding:var(--tbw-button-padding, var(--tbw-spacing-md, .5rem) var(--tbw-spacing-lg, .75rem));background:var(--tbw-pinned-rows-bg, var(--tbw-color-panel-bg));border-top:1px solid var(--tbw-pinned-rows-border, var(--tbw-color-border));font-size:var(--tbw-font-size-xs, .75rem);color:var(--tbw-pinned-rows-color, var(--tbw-color-fg-muted));min-height:32px;box-sizing:border-box;min-width:fit-content}.tbw-pinned-rows-left,.tbw-pinned-rows-center,.tbw-pinned-rows-right{display:flex;align-items:center;gap:var(--tbw-spacing-xl, 1rem)}.tbw-pinned-rows-left{justify-content:flex-start}.tbw-pinned-rows-center{justify-content:center;flex:1}.tbw-pinned-rows-right{justify-content:flex-end}.tbw-status-panel{white-space:nowrap}.tbw-aggregation-rows{min-width:fit-content;background:var(--tbw-aggregation-bg, var(--tbw-color-header-bg))}.tbw-aggregation-rows-top{border-bottom:1px solid var(--tbw-aggregation-border, var(--tbw-color-border))}.tbw-aggregation-rows-bottom{border-top:1px solid var(--tbw-aggregation-border, var(--tbw-color-border))}.tbw-aggregation-row{display:grid;grid-template-columns:var(--tbw-column-template);font-size:var(--tbw-aggregation-font-size, .8em);font-weight:var(--tbw-aggregation-font-weight, 600)}.tbw-aggregation-cell{padding:var(--tbw-cell-padding, .125rem .5rem);min-height:var(--tbw-row-height, 1.75rem);display:flex;align-items:center;border-right:1px solid var(--tbw-color-border-cell)}.tbw-aggregation-cell:last-child{border-right:0}.tbw-aggregation-cell-full{grid-column:1 / -1;border-right:0}}";
-class B extends A {
+const B = "@layer tbw-plugins{.tbw-footer{flex-shrink:0;z-index:var(--tbw-z-layer-pinned-rows, 20);background:var(--tbw-color-panel-bg)}.tbw-pinned-rows{display:flex;align-items:center;justify-content:space-between;padding:var(--tbw-button-padding, var(--tbw-spacing-md, .5rem) var(--tbw-spacing-lg, .75rem));background:var(--tbw-pinned-rows-bg, var(--tbw-color-panel-bg));border-top:1px solid var(--tbw-pinned-rows-border, var(--tbw-color-border));font-size:var(--tbw-font-size-xs, .75rem);color:var(--tbw-pinned-rows-color, var(--tbw-color-fg-muted));min-height:32px;box-sizing:border-box;min-width:fit-content}.tbw-pinned-rows-left,.tbw-pinned-rows-center,.tbw-pinned-rows-right{display:flex;align-items:center;gap:var(--tbw-spacing-xl, 1rem)}.tbw-pinned-rows-left{justify-content:flex-start}.tbw-pinned-rows-center{justify-content:center;flex:1}.tbw-pinned-rows-right{justify-content:flex-end}.tbw-status-panel{white-space:nowrap}.tbw-aggregation-rows{min-width:fit-content;background:var(--tbw-aggregation-bg, var(--tbw-color-header-bg))}.tbw-aggregation-rows-top{border-bottom:1px solid var(--tbw-aggregation-border, var(--tbw-color-border))}.tbw-aggregation-rows-bottom{border-top:1px solid var(--tbw-aggregation-border, var(--tbw-color-border))}.tbw-aggregation-row{display:grid;grid-template-columns:var(--tbw-column-template);font-size:var(--tbw-aggregation-font-size, .8em);font-weight:var(--tbw-aggregation-font-weight, 600)}.tbw-aggregation-cell{padding:var(--tbw-cell-padding, .125rem .5rem);min-height:var(--tbw-row-height, 1.75rem);display:flex;align-items:center;border-right:1px solid var(--tbw-color-border-cell)}.tbw-aggregation-cell:last-child{border-right:0}.tbw-aggregation-cell-full{grid-column:1 / -1;border-right:0}}";
+class x extends R {
   /** @internal */
   name = "pinnedRows";
   /** @internal */
-  styles = S;
+  styles = B;
   /** @internal */
   get defaultConfig() {
     return {
@@ -489,7 +491,7 @@ class B extends A {
     const e = t.querySelector(".tbw-scroll-area") ?? t.querySelector(".tbw-grid-content") ?? t.children[0];
     if (!e) return;
     this.footerWrapper && !e.contains(this.footerWrapper) && (this.footerWrapper = null, this.bottomAggregationContainer = null, this.infoBarElement = null), this.topAggregationContainer && !e.contains(this.topAggregationContainer) && (this.topAggregationContainer = null), this.infoBarElement && !e.contains(this.infoBarElement) && (this.infoBarElement = null);
-    const o = this.getSelectionState(), r = this.getFilterState(), s = v(
+    const o = this.getSelectionState(), r = this.getFilterState(), s = E(
       this.rows,
       this.columns,
       this.grid,
@@ -498,11 +500,11 @@ class B extends A {
     ), i = this.config.aggregationRows || [], a = i.filter((c) => c.position === "top"), l = i.filter((c) => c.position !== "top");
     if (a.length > 0) {
       if (!this.topAggregationContainer) {
-        this.topAggregationContainer = w("top");
+        this.topAggregationContainer = C("top");
         const c = t.querySelector(".header");
         c && c.nextSibling ? e.insertBefore(this.topAggregationContainer, c.nextSibling) : e.appendChild(this.topAggregationContainer);
       }
-      C(
+      v(
         this.topAggregationContainer,
         a,
         this.visibleColumns,
@@ -518,7 +520,7 @@ class B extends A {
         this.infoBarElement.replaceWith(c), this.infoBarElement = c;
       }
     else this.config.position === "top" && this.infoBarElement && (this.infoBarElement.remove(), this.infoBarElement = null);
-    g ? (this.footerWrapper || (this.footerWrapper = document.createElement("div"), this.footerWrapper.className = "tbw-footer", e.appendChild(this.footerWrapper)), this.footerWrapper.innerHTML = "", l.length > 0 && (this.bottomAggregationContainer || (this.bottomAggregationContainer = w("bottom")), this.footerWrapper.appendChild(this.bottomAggregationContainer), C(
+    g ? (this.footerWrapper || (this.footerWrapper = document.createElement("div"), this.footerWrapper.className = "tbw-footer", e.appendChild(this.footerWrapper)), this.footerWrapper.innerHTML = "", l.length > 0 && (this.bottomAggregationContainer || (this.bottomAggregationContainer = C("bottom")), this.footerWrapper.appendChild(this.bottomAggregationContainer), v(
       this.bottomAggregationContainer,
       l,
       this.visibleColumns,
@@ -561,7 +563,7 @@ class B extends A {
    */
   getContext() {
     const t = this.getSelectionState(), e = this.getFilterState();
-    return v(
+    return E(
       this.rows,
       this.columns,
       this.grid,
@@ -600,6 +602,6 @@ class B extends A {
   // #endregion
 }
 export {
-  B as PinnedRowsPlugin
+  x as PinnedRowsPlugin
 };
 //# sourceMappingURL=index.js.map