@toolbox-web/grid 1.13.0 → 1.14.0

package/lib/plugins/pinned-rows/PinnedRowsPlugin.d.ts

@@ -21,6 +21,7 @@ import { AggregationRowConfig, PinnedRowsConfig, PinnedRowsContext, PinnedRowsPa
  * | `showRowCount` | `boolean` | `true` | Show total row count |
  * | `showSelectedCount` | `boolean` | `true` | Show selected row count |
  * | `showFilteredCount` | `boolean` | `true` | Show filtered row count |
+ * | `fullWidth` | `boolean` | `false` | Default fullWidth for aggregation rows |
  * | `aggregationRows` | `AggregationRowConfig[]` | - | Aggregation row configs |
  *
  * ## Built-in Aggregation Functions

package/lib/plugins/pinned-rows/PinnedRowsPlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PinnedRowsPlugin.d.ts","sourceRoot":"","sources":["../../../../../../libs/grid/src/lib/plugins/pinned-rows/PinnedRowsPlugin.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAI/D,OAAO,KAAK,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1G;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuEG;AACH,qBAAa,gBAAiB,SAAQ,cAAc,CAAC,gBAAgB,CAAC;IACpE,gBAAgB;IAChB,QAAQ,CAAC,IAAI,gBAAgB;IAC7B,gBAAgB;IAChB,SAAkB,MAAM,SAAU;IAElC,gBAAgB;IAChB,cAAuB,aAAa,IAAI,OAAO,CAAC,gBAAgB,CAAC,CAOhE;IAGD,OAAO,CAAC,cAAc,CAA4B;IAClD,OAAO,CAAC,uBAAuB,CAA4B;IAC3D,OAAO,CAAC,0BAA0B,CAA4B;IAC9D,OAAO,CAAC,aAAa,CAA4B;IAIjD,gBAAgB;IACP,MAAM,IAAI,IAAI;IAqBvB,gBAAgB;IACP,WAAW,IAAI,IAAI;IA4H5B,OAAO,CAAC,OAAO;IAmBf,OAAO,CAAC,aAAa;IAerB,OAAO,CAAC,iBAAiB;IASzB,OAAO,CAAC,cAAc;IAUtB;;OAEG;IACH,OAAO,IAAI,IAAI;IAIf;;;OAGG;IACH,UAAU,IAAI,iBAAiB;IAa/B;;;OAGG;IACH,QAAQ,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI;IAQtC;;;OAGG;IACH,WAAW,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAO7B;;;OAGG;IACH,iBAAiB,CAAC,GAAG,EAAE,oBAAoB,GAAG,IAAI;IAQlD;;;OAGG;IACH,oBAAoB,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;CAOvC"}
+{"version":3,"file":"PinnedRowsPlugin.d.ts","sourceRoot":"","sources":["../../../../../../libs/grid/src/lib/plugins/pinned-rows/PinnedRowsPlugin.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAI/D,OAAO,KAAK,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1G;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwEG;AACH,qBAAa,gBAAiB,SAAQ,cAAc,CAAC,gBAAgB,CAAC;IACpE,gBAAgB;IAChB,QAAQ,CAAC,IAAI,gBAAgB;IAC7B,gBAAgB;IAChB,SAAkB,MAAM,SAAU;IAElC,gBAAgB;IAChB,cAAuB,aAAa,IAAI,OAAO,CAAC,gBAAgB,CAAC,CAOhE;IAGD,OAAO,CAAC,cAAc,CAA4B;IAClD,OAAO,CAAC,uBAAuB,CAA4B;IAC3D,OAAO,CAAC,0BAA0B,CAA4B;IAC9D,OAAO,CAAC,aAAa,CAA4B;IAIjD,gBAAgB;IACP,MAAM,IAAI,IAAI;IAqBvB,gBAAgB;IACP,WAAW,IAAI,IAAI;IA8H5B,OAAO,CAAC,OAAO;IAmBf,OAAO,CAAC,aAAa;IAerB,OAAO,CAAC,iBAAiB;IASzB,OAAO,CAAC,cAAc;IAUtB;;OAEG;IACH,OAAO,IAAI,IAAI;IAIf;;;OAGG;IACH,UAAU,IAAI,iBAAiB;IAa/B;;;OAGG;IACH,QAAQ,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI;IAQtC;;;OAGG;IACH,WAAW,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAO7B;;;OAGG;IACH,iBAAiB,CAAC,GAAG,EAAE,oBAAoB,GAAG,IAAI;IAQlD;;;OAGG;IACH,oBAAoB,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;CAOvC"}

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

@@ -11,7 +11,7 @@ const b = '<svg viewBox="0 0 16 16" width="12" height="12"><path fill="currentCo
   filterActive: b,
   print: "🖨️"
 };
-class A {
+class y {
   /**
    * Plugin dependencies - declare other plugins this one requires.
    *
@@ -146,8 +146,8 @@ class A {
    * @returns `true` if the event was cancelled (preventDefault called), `false` otherwise
    */
   emitCancelable(t, e) {
-    const o = new CustomEvent(t, { detail: e, bubbles: !0, cancelable: !0 });
-    return this.grid?.dispatchEvent?.(o), o.defaultPrevented;
+    const r = new CustomEvent(t, { detail: e, bubbles: !0, cancelable: !0 });
+    return this.grid?.dispatchEvent?.(r), r.defaultPrevented;
   }
   // =========================================================================
   // Event Bus - Plugin-to-Plugin Communication
@@ -342,8 +342,8 @@ class A {
   get animationDuration() {
     const t = this.gridElement;
     if (t) {
-      const e = getComputedStyle(t).getPropertyValue("--tbw-animation-duration").trim(), o = parseInt(e, 10);
-      if (!isNaN(o)) return o;
+      const e = getComputedStyle(t).getPropertyValue("--tbw-animation-duration").trim(), r = parseInt(e, 10);
+      if (!isNaN(r)) return r;
     }
     return 200;
   }
@@ -378,9 +378,9 @@ class A {
   // #endregion
 }
 const p = {
-  sum: (n, t) => n.reduce((e, o) => e + (Number(o[t]) || 0), 0),
+  sum: (n, t) => n.reduce((e, r) => e + (Number(r[t]) || 0), 0),
   avg: (n, t) => {
-    const e = n.reduce((o, r) => o + (Number(r[t]) || 0), 0);
+    const e = n.reduce((r, s) => r + (Number(s[t]) || 0), 0);
     return n.length ? e / n.length : 0;
   },
   count: (n) => n.length,
@@ -388,147 +388,176 @@ const p = {
   max: (n, t) => n.length ? Math.max(...n.map((e) => Number(e[t]) || -1 / 0)) : 0,
   first: (n, t) => n[0]?.[t],
   last: (n, t) => n[n.length - 1]?.[t]
-}, f = /* @__PURE__ */ new Map(), d = {
+}, h = /* @__PURE__ */ new Map(), g = {
   /**
    * Register a custom aggregator function.
    */
   register(n, t) {
-    f.set(n, t);
+    h.set(n, t);
   },
   /**
    * Unregister a custom aggregator function.
    */
   unregister(n) {
-    f.delete(n);
+    h.delete(n);
   },
   /**
    * Get an aggregator function by reference.
    */
   get(n) {
     if (n !== void 0)
-      return typeof n == "function" ? n : f.get(n) ?? p[n];
+      return typeof n == "function" ? n : h.get(n) ?? p[n];
   },
   /**
    * Run an aggregator on a set of rows.
    */
-  run(n, t, e, o) {
-    const r = this.get(n);
-    return r ? r(t, e, o) : void 0;
+  run(n, t, e, r) {
+    const s = this.get(n);
+    return s ? s(t, e, r) : void 0;
   },
   /**
    * Check if an aggregator exists.
    */
   has(n) {
-    return f.has(n) || n in p;
+    return h.has(n) || n in p;
   },
   /**
    * List all available aggregator names.
    */
   list() {
-    return [...Object.keys(p), ...f.keys()];
+    return [...Object.keys(p), ...h.keys()];
   }
 };
-d.register.bind(d);
-d.unregister.bind(d);
-const w = d.get.bind(d);
-d.run.bind(d);
-d.list.bind(d);
-function y(n) {
+g.register.bind(g);
+g.unregister.bind(g);
+const w = g.get.bind(g);
+g.run.bind(g);
+g.list.bind(g);
+function S(n) {
   return typeof n == "object" && n !== null && "aggFunc" in n;
 }
 function m(n, t) {
   const e = document.createElement("div");
   e.className = "tbw-pinned-rows", e.setAttribute("role", "presentation"), e.setAttribute("aria-live", "polite");
-  const o = document.createElement("div");
-  o.className = "tbw-pinned-rows-left";
   const r = document.createElement("div");
-  r.className = "tbw-pinned-rows-center";
+  r.className = "tbw-pinned-rows-left";
   const s = document.createElement("div");
-  if (s.className = "tbw-pinned-rows-right", n.showRowCount !== !1) {
+  s.className = "tbw-pinned-rows-center";
+  const o = document.createElement("div");
+  if (o.className = "tbw-pinned-rows-right", n.showRowCount !== !1) {
     const i = document.createElement("span");
-    i.className = "tbw-status-panel tbw-status-panel-row-count", i.textContent = `Total: ${t.totalRows} rows`, o.appendChild(i);
+    i.className = "tbw-status-panel tbw-status-panel-row-count", i.textContent = `Total: ${t.totalRows} rows`, r.appendChild(i);
   }
   if (n.showFilteredCount && t.filteredRows !== t.totalRows) {
     const i = document.createElement("span");
-    i.className = "tbw-status-panel tbw-status-panel-filtered-count", i.textContent = `Filtered: ${t.filteredRows}`, o.appendChild(i);
+    i.className = "tbw-status-panel tbw-status-panel-filtered-count", i.textContent = `Filtered: ${t.filteredRows}`, r.appendChild(i);
   }
   if (n.showSelectedCount && t.selectedRows > 0) {
     const i = document.createElement("span");
-    i.className = "tbw-status-panel tbw-status-panel-selected-count", i.textContent = `Selected: ${t.selectedRows}`, s.appendChild(i);
+    i.className = "tbw-status-panel tbw-status-panel-selected-count", i.textContent = `Selected: ${t.selectedRows}`, o.appendChild(i);
   }
   if (n.customPanels)
     for (const i of n.customPanels) {
-      const a = S(i, t);
+      const a = N(i, t);
       switch (i.position) {
         case "left":
-          o.appendChild(a);
+          r.appendChild(a);
           break;
         case "center":
-          r.appendChild(a);
+          s.appendChild(a);
           break;
         case "right":
-          s.appendChild(a);
+          o.appendChild(a);
           break;
       }
     }
-  return e.appendChild(o), e.appendChild(r), e.appendChild(s), e;
+  return e.appendChild(r), e.appendChild(s), e.appendChild(o), e;
 }
 function C(n) {
   const t = document.createElement("div");
   return t.className = `tbw-aggregation-rows tbw-aggregation-rows-${n}`, t.setAttribute("role", "presentation"), t;
 }
-function v(n, t, e, o) {
+function v(n, t, e, r, s = !1) {
   n.innerHTML = "";
-  for (const r of t) {
-    const s = document.createElement("div");
-    if (s.className = "tbw-aggregation-row", s.setAttribute("role", "presentation"), r.id && s.setAttribute("data-aggregation-id", r.id), r.fullWidth) {
-      const i = document.createElement("div");
-      i.className = "tbw-aggregation-cell tbw-aggregation-cell-full", i.style.gridColumn = "1 / -1", i.textContent = r.label || "", s.appendChild(i);
-    } else
-      for (const i of e) {
-        const a = document.createElement("div");
-        a.className = "tbw-aggregation-cell", a.setAttribute("data-field", i.field);
-        let l, u;
-        const h = r.aggregators?.[i.field];
-        if (h)
-          if (y(h)) {
-            const g = w(h.aggFunc);
-            g && (l = g(o, i.field, i)), u = h.formatter;
-          } else {
-            const g = w(h);
-            g && (l = g(o, i.field, i));
-          }
-        else if (r.cells && Object.prototype.hasOwnProperty.call(r.cells, i.field)) {
-          const g = r.cells[i.field];
-          typeof g == "function" ? l = g(o, i.field, i) : l = g;
-        }
-        l != null ? a.textContent = u ? u(l, i.field, i) : String(l) : a.textContent = "", s.appendChild(a);
-      }
-    n.appendChild(s);
+  for (const o of t) {
+    const i = document.createElement("div");
+    i.className = "tbw-aggregation-row", i.setAttribute("role", "presentation"), o.id && i.setAttribute("data-aggregation-id", o.id), o.fullWidth ?? s ? B(i, o, e, r) : x(i, o, e, r), n.appendChild(i);
+  }
+}
+function B(n, t, e, r) {
+  const s = document.createElement("div");
+  s.className = "tbw-aggregation-cell tbw-aggregation-cell-full", s.style.gridColumn = "1 / -1";
+  const o = typeof t.label == "function" ? t.label(r, e) : t.label;
+  if (o) {
+    const a = document.createElement("span");
+    a.className = "tbw-aggregation-label", a.textContent = o, s.appendChild(a);
+  }
+  const i = W(t, e, r);
+  i && s.appendChild(i), n.appendChild(s);
+}
+function x(n, t, e, r) {
+  for (const s of e) {
+    const o = document.createElement("div");
+    o.className = "tbw-aggregation-cell", o.setAttribute("data-field", s.field);
+    const { value: i, formatter: a } = A(t, s, r);
+    i != null ? o.textContent = a ? a(i, s.field, s) : String(i) : o.textContent = "", n.appendChild(o);
+  }
+}
+function A(n, t, e) {
+  let r, s;
+  const o = n.aggregators?.[t.field];
+  if (o)
+    if (S(o)) {
+      const i = w(o.aggFunc);
+      i && (r = i(e, t.field, t)), s = o.formatter;
+    } else {
+      const i = w(o);
+      i && (r = i(e, t.field, t));
+    }
+  else if (n.cells && Object.prototype.hasOwnProperty.call(n.cells, t.field)) {
+    const i = n.cells[t.field];
+    typeof i == "function" ? r = i(e, t.field, t) : r = i;
   }
+  return { value: r, formatter: s };
 }
-function S(n, t) {
+function W(n, t, e) {
+  const r = n.aggregators && Object.keys(n.aggregators).length > 0, s = n.cells && Object.keys(n.cells).length > 0;
+  if (!r && !s) return null;
+  const o = document.createElement("span");
+  o.className = "tbw-aggregation-aggregates";
+  for (const i of t) {
+    const { value: a, formatter: d } = A(n, i, e);
+    if (a != null) {
+      const c = document.createElement("span");
+      c.className = "tbw-aggregation-aggregate", c.setAttribute("data-field", i.field);
+      const u = i.header ?? i.field, f = d ? d(a, i.field, i) : String(a);
+      c.textContent = `${u}: ${f}`, o.appendChild(c);
+    }
+  }
+  return o.children.length > 0 ? o : null;
+}
+function N(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;
+  const r = n.render(t);
+  return typeof r == "string" ? e.innerHTML = r : e.appendChild(r), e;
 }
-function E(n, t, e, o, r) {
+function E(n, t, e, r, s) {
   return {
     totalRows: n.length,
-    filteredRows: r?.cachedResult?.length ?? n.length,
-    selectedRows: o?.selected?.size ?? 0,
+    filteredRows: s?.cachedResult?.length ?? n.length,
+    selectedRows: r?.selected?.size ?? 0,
     columns: t,
     rows: n,
     grid: e
   };
 }
-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:block;align-items:center;border-right:1px solid var(--tbw-color-border-cell);overflow:hidden;text-overflow:ellipsis;white-space:var(--tbw-cell-white-space, nowrap)}.tbw-aggregation-cell:last-child{border-right:0}.tbw-aggregation-cell-full{grid-column:1 / -1;border-right:0}}";
-class x extends A {
+const P = "@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:block;align-items:center;align-content:center;border-right:1px solid var(--tbw-color-border-cell);overflow:hidden;text-overflow:ellipsis;white-space:var(--tbw-cell-white-space, nowrap)}.tbw-aggregation-cell:last-child{border-right:0}.tbw-aggregation-cell-full{grid-column:1 / -1;border-right:0;display:flex;align-items:center;gap:var(--tbw-spacing-lg, .75rem)}.tbw-aggregation-label{white-space:nowrap}.tbw-aggregation-aggregates{display:flex;align-items:center;gap:var(--tbw-spacing-lg, .75rem);font-weight:400;opacity:.85}.tbw-aggregation-aggregate{white-space:nowrap}}";
+class F extends y {
   /** @internal */
   name = "pinnedRows";
   /** @internal */
-  styles = B;
+  styles = P;
   /** @internal */
   get defaultConfig() {
     return {
@@ -558,41 +587,43 @@ class x 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 = E(
+    const r = this.getSelectionState(), s = this.getFilterState(), o = E(
       this.sourceRows,
       this.columns,
       this.grid,
-      o,
-      r
-    ), i = this.config.aggregationRows || [], a = i.filter((c) => c.position === "top"), l = i.filter((c) => c.position !== "top");
+      r,
+      s
+    ), i = this.config.aggregationRows || [], a = i.filter((l) => l.position === "top"), d = i.filter((l) => l.position !== "top");
     if (a.length > 0) {
       if (!this.topAggregationContainer) {
         this.topAggregationContainer = C("top");
-        const c = t.querySelector(".header");
-        c && c.nextSibling ? e.insertBefore(this.topAggregationContainer, c.nextSibling) : e.appendChild(this.topAggregationContainer);
+        const l = t.querySelector(".header");
+        l && l.nextSibling ? e.insertBefore(this.topAggregationContainer, l.nextSibling) : e.appendChild(this.topAggregationContainer);
       }
       v(
         this.topAggregationContainer,
         a,
         this.visibleColumns,
-        this.sourceRows
+        this.sourceRows,
+        this.config.fullWidth
       );
     } else this.topAggregationContainer && (this.topAggregationContainer.remove(), this.topAggregationContainer = null);
-    const u = this.config.showRowCount !== !1 || this.config.showSelectedCount && s.selectedRows > 0 || this.config.showFilteredCount && s.filteredRows !== s.totalRows || this.config.customPanels && this.config.customPanels.length > 0, h = u && this.config.position !== "top", g = l.length > 0 || h;
-    if (u && this.config.position === "top")
+    const c = this.config.showRowCount !== !1 || this.config.showSelectedCount && o.selectedRows > 0 || this.config.showFilteredCount && o.filteredRows !== o.totalRows || this.config.customPanels && this.config.customPanels.length > 0, u = c && this.config.position !== "top", f = d.length > 0 || u;
+    if (c && this.config.position === "top")
       if (!this.infoBarElement)
-        this.infoBarElement = m(this.config, s), e.insertBefore(this.infoBarElement, e.firstChild);
+        this.infoBarElement = m(this.config, o), e.insertBefore(this.infoBarElement, e.firstChild);
       else {
-        const c = m(this.config, s);
-        this.infoBarElement.replaceWith(c), this.infoBarElement = c;
+        const l = m(this.config, o);
+        this.infoBarElement.replaceWith(l), this.infoBarElement = l;
       }
     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 = C("bottom")), this.footerWrapper.appendChild(this.bottomAggregationContainer), v(
+    f ? (this.footerWrapper || (this.footerWrapper = document.createElement("div"), this.footerWrapper.className = "tbw-footer", e.appendChild(this.footerWrapper)), this.footerWrapper.innerHTML = "", d.length > 0 && (this.bottomAggregationContainer || (this.bottomAggregationContainer = C("bottom")), this.footerWrapper.appendChild(this.bottomAggregationContainer), v(
       this.bottomAggregationContainer,
-      l,
+      d,
       this.visibleColumns,
-      this.sourceRows
-    )), h && (this.infoBarElement = m(this.config, s), this.footerWrapper.appendChild(this.infoBarElement))) : this.cleanupFooter();
+      this.sourceRows,
+      this.config.fullWidth
+    )), u && (this.infoBarElement = m(this.config, o), this.footerWrapper.appendChild(this.infoBarElement))) : this.cleanupFooter();
   }
   // #endregion
   // #region Private Methods
@@ -669,6 +700,6 @@ class x extends A {
   // #endregion
 }
 export {
-  x as PinnedRowsPlugin
+  F as PinnedRowsPlugin
 };
 //# sourceMappingURL=index.js.map