@toolbox-web/grid 1.6.2 → 1.8.0

package/lib/plugins/responsive/ResponsivePlugin.d.ts

@@ -1,4 +1,4 @@
-import { BaseGridPlugin, GridElement, PluginManifest } from '../../core/plugin/base-plugin';
+import { BaseGridPlugin, GridElement, PluginManifest, PluginQuery } from '../../core/plugin/base-plugin';
 import { BreakpointConfig, ResponsivePluginConfig } from './types';
 /**
  * Responsive Plugin for tbw-grid
@@ -90,6 +90,11 @@ export declare class ResponsivePlugin<T = unknown> extends BaseGridPlugin<Respon
     getActiveBreakpoint(): BreakpointConfig | null;
     attach(grid: GridElement): void;
     detach(): void;
+    /**
+     * Handle plugin queries.
+     * @internal
+     */
+    handleQuery(query: PluginQuery): unknown;
     /**
      * Apply hidden and value-only columns.
      * In legacy mode (single breakpoint), only applies when in responsive mode.

package/lib/plugins/responsive/ResponsivePlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResponsivePlugin.d.ts","sourceRoot":"","sources":["../../../../../../libs/grid/src/lib/plugins/responsive/ResponsivePlugin.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAGH,OAAO,EAAE,cAAc,EAAE,KAAK,WAAW,EAAE,KAAK,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAGtG,OAAO,KAAK,EAAE,gBAAgB,EAA8C,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEpH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,qBAAa,gBAAgB,CAAC,CAAC,GAAG,OAAO,CAAE,SAAQ,cAAc,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC;;IAC1F,QAAQ,CAAC,IAAI,gBAAgB;IAC7B,SAAkB,OAAO,WAAW;IACpC,SAAkB,MAAM,SAAU;IAElC;;OAEG;IACH,gBAAyB,QAAQ,EAAE,cAAc,CAS/C;IAgBF;;;OAGG;IACH,YAAY,IAAI,OAAO;IAIvB;;;;OAIG;IACH,aAAa,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI;IAYrC;;;OAGG;IACH,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAKlC;;;;OAIG;IACH,eAAe,CAAC,QAAQ,EAAE,sBAAsB,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,GAAG,IAAI;IAQ1E;;;OAGG;IACH,QAAQ,IAAI,MAAM;IAIlB;;;OAGG;IACH,mBAAmB,IAAI,gBAAgB,GAAG,IAAI;IAIrC,MAAM,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI;IA+C/B,MAAM,IAAI,IAAI;IAcvB;;;;OAIG;IACM,WAAW,IAAI,IAAI;IAyL5B;;;;;;;;;;OAUG;IACM,SAAS,CAAC,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI;IAqCtF;;;;;;;;;;;;;OAaG;IACM,SAAS,CAAC,CAAC,EAAE,aAAa,GAAG,OAAO;IAkK7C;;;;;;;;;;OAUG;IACM,cAAc,IAAI,MAAM;IAyBjC;;;;;OAKG;IACM,oBAAoB,CAAC,cAAc,EAAE,MAAM,GAAG,MAAM;CA8H9D"}
+{"version":3,"file":"ResponsivePlugin.d.ts","sourceRoot":"","sources":["../../../../../../libs/grid/src/lib/plugins/responsive/ResponsivePlugin.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAGH,OAAO,EAAE,cAAc,EAAE,KAAK,WAAW,EAAE,KAAK,cAAc,EAAE,KAAK,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAGxH,OAAO,KAAK,EAAE,gBAAgB,EAA8C,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEpH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,qBAAa,gBAAgB,CAAC,CAAC,GAAG,OAAO,CAAE,SAAQ,cAAc,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC;;IAC1F,QAAQ,CAAC,IAAI,gBAAgB;IAC7B,SAAkB,OAAO,WAAW;IACpC,SAAkB,MAAM,SAAU;IAElC;;OAEG;IACH,gBAAyB,QAAQ,EAAE,cAAc,CAe/C;IAgBF;;;OAGG;IACH,YAAY,IAAI,OAAO;IAIvB;;;;OAIG;IACH,aAAa,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI;IAYrC;;;OAGG;IACH,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAKlC;;;;OAIG;IACH,eAAe,CAAC,QAAQ,EAAE,sBAAsB,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,GAAG,IAAI;IAQ1E;;;OAGG;IACH,QAAQ,IAAI,MAAM;IAIlB;;;OAGG;IACH,mBAAmB,IAAI,gBAAgB,GAAG,IAAI;IAIrC,MAAM,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI;IA+C/B,MAAM,IAAI,IAAI;IAcvB;;;OAGG;IACM,WAAW,CAAC,KAAK,EAAE,WAAW,GAAG,OAAO;IAOjD;;;;OAIG;IACM,WAAW,IAAI,IAAI;IAyL5B;;;;;;;;;;OAUG;IACM,SAAS,CAAC,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI;IAqCtF;;;;;;;;;;;;;OAaG;IACM,SAAS,CAAC,CAAC,EAAE,aAAa,GAAG,OAAO;IAkK7C;;;;;;;;;;OAUG;IACM,cAAc,IAAI,MAAM;IAyBjC;;;;;OAKG;IACM,oBAAoB,CAAC,cAAc,EAAE,MAAM,GAAG,MAAM;CA8H9D"}

package/lib/plugins/responsive/index.js

@@ -1,54 +1,54 @@
-function b(s) {
-  s && s.querySelectorAll(".cell-focus").forEach((t) => t.classList.remove("cell-focus"));
+function b(o) {
+  o && o.querySelectorAll(".cell-focus").forEach((t) => t.classList.remove("cell-focus"));
 }
 const m = 'input,select,textarea,[contenteditable="true"],[contenteditable=""],[tabindex]:not([tabindex="-1"])', R = document.createElement("template");
 R.innerHTML = '<div class="cell" role="gridcell" part="cell"></div>';
 const y = document.createElement("template");
 y.innerHTML = '<div class="data-grid-row" role="row" part="row"></div>';
-function u(s, t) {
-  if (s._virtualization?.enabled) {
-    const { rowHeight: r, container: o, viewportEl: l } = s._virtualization, d = o, h = l?.clientHeight ?? d?.clientHeight ?? 0;
+function u(o, t) {
+  if (o._virtualization?.enabled) {
+    const { rowHeight: r, container: s, viewportEl: l } = o._virtualization, d = s, h = l?.clientHeight ?? d?.clientHeight ?? 0;
     if (d && h > 0) {
-      const c = s._focusRow * r;
+      const c = o._focusRow * r;
       c < d.scrollTop ? d.scrollTop = c : c + r > d.scrollTop + h && (d.scrollTop = c - h + r);
     }
   }
-  const e = s._activeEditRows !== void 0 && s._activeEditRows !== -1;
-  e || s.refreshVirtualWindow(!1), b(s._bodyEl), Array.from(s._bodyEl.querySelectorAll('[aria-selected="true"]')).forEach((r) => {
+  const e = o._activeEditRows !== void 0 && o._activeEditRows !== -1;
+  e || o.refreshVirtualWindow(!1), b(o._bodyEl), Array.from(o._bodyEl.querySelectorAll('[aria-selected="true"]')).forEach((r) => {
     r.setAttribute("aria-selected", "false");
   });
-  const i = s._focusRow, n = s._virtualization.start ?? 0, a = s._virtualization.end ?? s._rows.length;
+  const i = o._focusRow, n = o._virtualization.start ?? 0, a = o._virtualization.end ?? o._rows.length;
   if (i >= n && i < a) {
-    const r = s._bodyEl.querySelectorAll(".data-grid-row")[i - n];
-    let o = r?.children[s._focusCol];
-    if ((!o || !o.classList?.contains("cell")) && (o = r?.querySelector(`.cell[data-col="${s._focusCol}"]`) ?? r?.querySelector(".cell[data-col]")), o) {
-      o.classList.add("cell-focus"), o.setAttribute("aria-selected", "true");
-      const l = s.querySelector(".tbw-scroll-area");
-      if (l && o && !e) {
-        const d = s._getHorizontalScrollOffsets?.(r ?? void 0, o) ?? { left: 0, right: 0 };
+    const r = o._bodyEl.querySelectorAll(".data-grid-row")[i - n];
+    let s = r?.children[o._focusCol];
+    if ((!s || !s.classList?.contains("cell")) && (s = r?.querySelector(`.cell[data-col="${o._focusCol}"]`) ?? r?.querySelector(".cell[data-col]")), s) {
+      s.classList.add("cell-focus"), s.setAttribute("aria-selected", "true");
+      const l = o.querySelector(".tbw-scroll-area");
+      if (l && s && !e) {
+        const d = o._getHorizontalScrollOffsets?.(r ?? void 0, s) ?? { left: 0, right: 0 };
         if (!d.skipScroll) {
-          const h = o.getBoundingClientRect(), c = l.getBoundingClientRect(), g = h.left - c.left + l.scrollLeft, f = g + h.width, w = l.scrollLeft + d.left, v = l.scrollLeft + l.clientWidth - d.right;
-          g < w ? l.scrollLeft = g - d.left : f > v && (l.scrollLeft = f - l.clientWidth + d.right);
+          const h = s.getBoundingClientRect(), c = l.getBoundingClientRect(), g = h.left - c.left + l.scrollLeft, p = g + h.width, w = l.scrollLeft + d.left, v = l.scrollLeft + l.clientWidth - d.right;
+          g < w ? l.scrollLeft = g - d.left : p > v && (l.scrollLeft = p - l.clientWidth + d.right);
         }
       }
-      if (s._activeEditRows !== void 0 && s._activeEditRows !== -1 && o.classList.contains("editing")) {
-        const d = o.querySelector(m);
+      if (o._activeEditRows !== void 0 && o._activeEditRows !== -1 && s.classList.contains("editing")) {
+        const d = s.querySelector(m);
         if (d && document.activeElement !== d)
           try {
             d.focus({ preventScroll: !0 });
           } catch {
           }
-      } else if (!o.contains(document.activeElement)) {
-        o.hasAttribute("tabindex") || o.setAttribute("tabindex", "-1");
+      } else if (!s.contains(document.activeElement)) {
+        s.hasAttribute("tabindex") || s.setAttribute("tabindex", "-1");
         try {
-          o.focus({ preventScroll: !0 });
+          s.focus({ preventScroll: !0 });
         } catch {
         }
       }
     }
   }
 }
-const p = '<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>', C = {
+const f = '<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>', _ = {
   expand: "▶",
   collapse: "▼",
   sortAsc: "▲",
@@ -57,11 +57,11 @@ const p = '<svg viewBox="0 0 16 16" width="12" height="12"><path fill="currentCo
   submenuArrow: "▶",
   dragHandle: "⋮⋮",
   toolPanel: "☰",
-  filter: p,
-  filterActive: p,
+  filter: f,
+  filterActive: f,
   print: "🖨️"
 };
-class _ {
+class C {
   /**
    * Plugin dependencies - declare other plugins this one requires.
    *
@@ -199,6 +199,63 @@ class _ {
     const i = new CustomEvent(t, { detail: e, bubbles: !0, cancelable: !0 });
     return this.grid?.dispatchEvent?.(i), i.defaultPrevented;
   }
+  // =========================================================================
+  // Event Bus - Plugin-to-Plugin Communication
+  // =========================================================================
+  /**
+   * Subscribe to an event from another plugin.
+   * The subscription is automatically cleaned up when this plugin is detached.
+   *
+   * @category Plugin Development
+   * @param eventType - The event type to listen for (e.g., 'filter-change')
+   * @param callback - The callback to invoke when the event is emitted
+   *
+   * @example
+   * ```typescript
+   * // In attach() or other initialization
+   * this.on('filter-change', (detail) => {
+   *   console.log('Filter changed:', detail);
+   * });
+   * ```
+   */
+  on(t, e) {
+    this.grid?._pluginManager?.subscribe(this, t, e);
+  }
+  /**
+   * Unsubscribe from a plugin event.
+   *
+   * @category Plugin Development
+   * @param eventType - The event type to stop listening for
+   *
+   * @example
+   * ```typescript
+   * this.off('filter-change');
+   * ```
+   */
+  off(t) {
+    this.grid?._pluginManager?.unsubscribe(this, t);
+  }
+  /**
+   * Emit an event to other plugins via the Event Bus.
+   * This is for inter-plugin communication only; it does NOT dispatch DOM events.
+   * Use `emit()` to dispatch DOM events that external consumers can listen to.
+   *
+   * @category Plugin Development
+   * @param eventType - The event type to emit (should be declared in manifest.events)
+   * @param detail - The event payload
+   *
+   * @example
+   * ```typescript
+   * // Emit to other plugins (not DOM)
+   * this.emitPluginEvent('filter-change', { field: 'name', value: 'Alice' });
+   *
+   * // For DOM events that consumers can addEventListener to:
+   * this.emit('filter-change', { field: 'name', value: 'Alice' });
+   * ```
+   */
+  emitPluginEvent(t, e) {
+    this.grid?._pluginManager?.emitPluginEvent(t, e);
+  }
   /**
    * Request a re-render of the grid.
    */
@@ -285,7 +342,7 @@ class _ {
    */
   get gridIcons() {
     const t = this.grid?.gridConfig?.icons ?? {};
-    return { ...C, ...t };
+    return { ..._, ...t };
   }
   // #region Animation Helpers
   /**
@@ -362,7 +419,7 @@ class _ {
   // #endregion
 }
 const E = 'tbw-grid[data-responsive-animate] .data-grid-row,tbw-grid[data-responsive-animate] .data-grid-row>.cell{transition:opacity var(--tbw-responsive-duration, .2s) ease-out,transform var(--tbw-responsive-duration, .2s) ease-out}tbw-grid[data-responsive][data-responsive-animate] .data-grid-row{animation:responsive-card-enter var(--tbw-responsive-duration, .2s) ease-out}@keyframes responsive-card-enter{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}tbw-grid[data-responsive] .header{display:none!important}tbw-grid[data-responsive] .footer-row{display:none}tbw-grid[data-responsive] .tbw-scroll-area{overflow-x:hidden;min-width:0!important}tbw-grid[data-responsive] .rows-body-wrapper{min-width:0!important}tbw-grid[data-responsive] .data-grid-row:not(.group-row){display:block!important;grid-template-columns:none!important;padding:var(--tbw-cell-padding);padding-left:var(--tbw-spacing-xl);border-bottom:1px solid var(--tbw-color-border);min-height:auto!important;height:auto!important;contain:none!important;content-visibility:visible!important;background:var(--tbw-color-bg);position:relative}tbw-grid[data-responsive] .data-grid-row:not(.group-row):nth-child(2n){background:var(--tbw-color-row-alt)}tbw-grid[data-responsive] .data-grid-row:not(.group-row):hover{background:var(--tbw-color-row-hover)}tbw-grid[data-responsive] .data-grid-row:not(.group-row)[aria-selected=true]{background:var(--tbw-color-selection)}tbw-grid[data-responsive] .data-grid-row:not(.group-row)[aria-selected=true]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--tbw-color-accent)}tbw-grid[data-responsive] .data-grid-row:not(.group-row)>.cell{display:flex!important;justify-content:space-between;align-items:center;padding:var(--tbw-spacing-xs) var(--tbw-spacing-md);width:100%!important;min-width:0!important;min-height:auto!important;height:auto!important;line-height:1.5!important;position:static!important;left:auto!important;right:auto!important;border:none!important;border-bottom:none!important;border-right:none!important;background:transparent!important;white-space:normal!important;overflow:visible!important}tbw-grid[data-responsive] .data-grid-row:not(.group-row)>.cell:before{content:attr(data-header) ": ";font-weight:600;color:var(--tbw-color-header-fg);flex-shrink:0;margin-right:var(--tbw-spacing-md);min-width:100px}tbw-grid[data-responsive] .data-grid-row:not(.group-row)>.cell:after{content:none}tbw-grid[data-responsive] .cell[data-utility]{display:none!important}tbw-grid[data-responsive] .cell[data-responsive-hidden]{display:none!important}tbw-grid[data-responsive] .cell[data-responsive-value-only]{justify-content:flex-start!important;font-weight:500}tbw-grid[data-responsive] .cell[data-responsive-value-only]:before{display:none!important}tbw-grid:not([data-responsive]) .cell[data-responsive-hidden]{display:none!important}tbw-grid[data-responsive] .tbw-footer,tbw-grid[data-responsive] .tbw-pinned-rows,tbw-grid[data-responsive] .tbw-aggregation-rows{display:none!important}tbw-grid[data-responsive] .tbw-pinned-rows,tbw-grid[data-responsive] .tbw-aggregation-rows,tbw-grid[data-responsive] .tbw-aggregation-row{min-width:0!important}tbw-grid[data-responsive] .data-grid-row.responsive-card{display:block!important;padding:var(--tbw-cell-padding);border-bottom:1px solid var(--tbw-color-border)}tbw-grid[data-responsive] .data-grid-row.responsive-card>*{width:100%}tbw-grid[data-responsive] .data-grid-row.responsive-card .cell:before{display:none}';
-class A extends _ {
+class A extends C {
   name = "responsive";
   version = "1.0.0";
   styles = E;
@@ -375,6 +432,12 @@ class A extends _ {
         name: "groupingRows",
         reason: "Responsive card layout does not yet support row grouping. The variable row heights (cards vs group headers) cause scroll calculation issues."
       }
+    ],
+    queries: [
+      {
+        type: "isCardMode",
+        description: "Returns whether the grid is currently in responsive card mode"
+      }
     ]
   };
   #e;
@@ -383,7 +446,7 @@ class A extends _ {
   #w = !1;
   #a = 0;
   /** Set of column fields to completely hide */
-  #s = /* @__PURE__ */ new Set();
+  #o = /* @__PURE__ */ new Set();
   /** Set of column fields to show value only (no header label) */
   #d = /* @__PURE__ */ new Set();
   /** Currently active breakpoint, or null if none */
@@ -450,28 +513,36 @@ class A extends _ {
    * Build the hidden and value-only column sets from config.
    */
   #h(t) {
-    if (this.#s.clear(), this.#d.clear(), !!t)
+    if (this.#o.clear(), this.#d.clear(), !!t)
       for (const e of t)
-        typeof e == "string" ? this.#s.add(e) : e.showValue ? this.#d.add(e.field) : this.#s.add(e.field);
+        typeof e == "string" ? this.#o.add(e) : e.showValue ? this.#d.add(e.field) : this.#o.add(e.field);
   }
   detach() {
     this.#e?.disconnect(), this.#e = void 0, clearTimeout(this.#n), this.#n = void 0, this.gridElement && this.gridElement.removeAttribute("data-responsive"), super.detach();
   }
+  /**
+   * Handle plugin queries.
+   * @internal
+   */
+  handleQuery(t) {
+    if (t.type === "isCardMode")
+      return this.#t;
+  }
   /**
    * Apply hidden and value-only columns.
    * In legacy mode (single breakpoint), only applies when in responsive mode.
    * In multi-breakpoint mode, applies whenever there's an active breakpoint.
    */
   afterRender() {
-    if (this.#_(), !(this.#c.length > 0 ? this.#l !== null : this.#t))
+    if (this.#C(), !(this.#c.length > 0 ? this.#l !== null : this.#t))
       return;
-    const e = this.#s.size > 0, i = this.#d.size > 0;
+    const e = this.#o.size > 0, i = this.#d.size > 0;
     if (!e && !i)
       return;
     const n = this.gridElement.querySelectorAll(".cell[data-field]");
     for (const a of n) {
       const r = a.getAttribute("data-field");
-      r && (this.#s.has(r) ? (a.setAttribute("data-responsive-hidden", ""), a.removeAttribute("data-responsive-value-only")) : this.#d.has(r) ? (a.setAttribute("data-responsive-value-only", ""), a.removeAttribute("data-responsive-hidden")) : (a.removeAttribute("data-responsive-hidden"), a.removeAttribute("data-responsive-value-only")));
+      r && (this.#o.has(r) ? (a.setAttribute("data-responsive-hidden", ""), a.removeAttribute("data-responsive-value-only")) : this.#d.has(r) ? (a.setAttribute("data-responsive-value-only", ""), a.removeAttribute("data-responsive-hidden")) : (a.removeAttribute("data-responsive-hidden"), a.removeAttribute("data-responsive-value-only")));
     }
   }
   /**
@@ -531,7 +602,7 @@ class A extends _ {
       const i = this.gridElement.querySelectorAll(".data-grid-row");
       for (const n of i)
         n.style.height = "", n.classList.remove("responsive-card");
-      this.#i && this.#i > 0 && e._virtualization && (e._virtualization.rowHeight = this.#i, this.#i = void 0), this.#r = void 0, this.#o = void 0, this.#g = void 0;
+      this.#i && this.#i > 0 && e._virtualization && (e._virtualization.rowHeight = this.#i, this.#i = void 0), this.#r = void 0, this.#s = void 0, this.#g = void 0;
     }
   }
   /**
@@ -602,7 +673,7 @@ class A extends _ {
   /** Measured card height from DOM for virtualization calculations */
   #r;
   /** Measured group row height from DOM for virtualization calculations */
-  #o;
+  #s;
   /** Last known card row count for detecting changes (e.g., group expand/collapse) */
   #g;
   /**
@@ -621,13 +692,13 @@ class A extends _ {
    * Uses DOM-measured height, falling back to original row height.
    */
   #m() {
-    return this.#o && this.#o > 0 ? this.#o : this.#i ?? 28;
+    return this.#s && this.#s > 0 ? this.#s : this.#i ?? 28;
   }
   /**
    * Check if there are any group rows in the current dataset.
    * Used to determine if we have mixed row heights.
    */
-  #f() {
+  #p() {
     for (const t of this.rows)
       if (t.__isGroupRow)
         return !0;
@@ -654,10 +725,10 @@ class A extends _ {
    * - Extra for cards: cardCount * (cardHeight - baseHeight)
    */
   getExtraHeight() {
-    if (!this.#t || !this.config.cardRenderer || !this.#f())
+    if (!this.#t || !this.config.cardRenderer || !this.#p())
       return 0;
-    const t = this.#i ?? 28, e = this.#m(), i = this.#b(), { groupCount: n, cardCount: a } = this.#y(), r = n * Math.max(0, e - t), o = a * Math.max(0, i - t);
-    return r + o;
+    const t = this.#i ?? 28, e = this.#m(), i = this.#b(), { groupCount: n, cardCount: a } = this.#y(), r = n * Math.max(0, e - t), s = a * Math.max(0, i - t);
+    return r + s;
   }
   /**
    * Return extra height that appears before a given row index.
@@ -666,26 +737,26 @@ class A extends _ {
    * Like getExtraHeight, this accounts for both group and card row heights.
    */
   getExtraHeightBefore(t) {
-    if (!this.#t || !this.config.cardRenderer || !this.#f())
+    if (!this.#t || !this.config.cardRenderer || !this.#p())
       return 0;
     const e = this.#i ?? 28, i = this.#m(), n = this.#b(), a = Math.max(0, i - e), r = Math.max(0, n - e);
-    let o = 0, l = 0;
+    let s = 0, l = 0;
     const d = this.rows, h = Math.min(t, d.length);
     for (let c = 0; c < h; c++)
-      d[c].__isGroupRow ? o++ : l++;
-    return o * a + l * r;
+      d[c].__isGroupRow ? s++ : l++;
+    return s * a + l * r;
   }
   /**
    * Count the number of card rows (non-group rows) in the current dataset.
    */
-  #C() {
+  #_() {
     let t = 0;
     for (const e of this.rows)
       e.__isGroupRow || t++;
     return t;
   }
   /** Pending refresh scheduled via microtask */
-  #p = !1;
+  #f = !1;
   /**
    * Measure card height from DOM after render and detect row count changes.
    * Called in afterRender to ensure scroll calculations are accurate.
@@ -701,16 +772,16 @@ class A extends _ {
    *
    * The refresh is deferred via microtask to avoid nested render cycles.
    */
-  #_() {
+  #C() {
     if (!this.#t || !this.config.cardRenderer)
       return;
     let t = !1;
-    const e = this.grid, i = this.#f(), n = this.#C();
+    const e = this.grid, i = this.#p(), n = this.#_();
     if (n !== this.#g && (this.#g = n, t = !0), i) {
       const r = this.gridElement.querySelector(".data-grid-row.group-row");
       if (r) {
-        const o = r.getBoundingClientRect().height;
-        o > 0 && o !== this.#o && (this.#o = o, t = !0);
+        const s = r.getBoundingClientRect().height;
+        s > 0 && s !== this.#s && (this.#s = s, t = !0);
       }
     }
     const a = this.gridElement.querySelector(".data-grid-row.responsive-card");
@@ -718,8 +789,8 @@ class A extends _ {
       const r = a.getBoundingClientRect().height;
       r > 0 && r !== this.#r && (this.#r = r, t = !0, !i && e._virtualization && (e._virtualization.rowHeight = r));
     }
-    t && !this.#p && (this.#p = !0, queueMicrotask(() => {
-      this.#p = !1, this.grid && this.#t && this.grid.refreshVirtualWindow?.(!0, !0);
+    t && !this.#f && (this.#f = !0, queueMicrotask(() => {
+      this.#f = !1, this.grid && this.#t && this.grid.refreshVirtualWindow?.(!0, !0);
     }));
   }
 }