@toolbox-web/grid 0.0.3 → 0.0.5

package/all.d.ts

@@ -171,6 +171,24 @@ export declare abstract class BaseGridPlugin<TConfig = unknown> {
      * Get the shadow root of the grid.
      */
     protected get shadowRoot(): ShadowRoot | null;
+    /**
+     * Get the disconnect signal for event listener cleanup.
+     * This signal is aborted when the grid disconnects from the DOM.
+     * Use this when adding event listeners that should be cleaned up automatically.
+     *
+     * Best for:
+     * - Document/window-level listeners added in attach()
+     * - Listeners on the grid element itself
+     * - Any listener that should persist across renders
+     *
+     * Not needed for:
+     * - Listeners on elements created in afterRender() (removed with element)
+     *
+     * @example
+     * element.addEventListener('click', handler, { signal: this.disconnectSignal });
+     * document.addEventListener('keydown', handler, { signal: this.disconnectSignal });
+     */
+    protected get disconnectSignal(): AbortSignal;
     /**
      * Log a warning message.
      */
@@ -252,6 +270,22 @@ export declare abstract class BaseGridPlugin<TConfig = unknown> {
      * ```
      */
     afterRender?(): void;
+    /**
+     * Called after scroll-triggered row rendering completes.
+     * This is a lightweight hook for applying visual state to recycled DOM elements.
+     * Use this instead of afterRender when you need to reapply styling during scroll.
+     *
+     * Performance note: This is called frequently during scroll. Keep implementation fast.
+     *
+     * @example
+     * ```ts
+     * onScrollRender(): void {
+     *   // Reapply selection state to visible cells
+     *   this.applySelectionToVisibleCells();
+     * }
+     * ```
+     */
+    onScrollRender?(): void;
     /**
      * Render a custom row, bypassing the default row rendering.
      * Use this for special row types like group headers, detail rows, or footers.
@@ -1155,6 +1189,14 @@ declare class DataGridElement<T = any> extends HTMLElement implements InternalGr
     get editOn(): string | undefined;
     set editOn(value: string | undefined);
     get effectiveConfig(): GridConfig<T>;
+    /**
+     * Get the disconnect signal for event listener cleanup.
+     * This signal is aborted when the grid disconnects from the DOM.
+     * Plugins and internal code can use this for automatic listener cleanup.
+     * @example
+     * element.addEventListener('click', handler, { signal: this.grid.disconnectSignal });
+     */
+    get disconnectSignal(): AbortSignal;
     constructor();
     /**
      * Get a plugin instance by its class.
@@ -1569,7 +1611,7 @@ export declare class FilteringPlugin extends BaseGridPlugin<FilterConfig> {
     private panelElement;
     private searchText;
     private excludedValues;
-    private documentClickHandler;
+    private panelAbortController;
     private globalStylesInjected;
     private static readonly LIST_ITEM_HEIGHT;
     private static readonly LIST_OVERSCAN;
@@ -1636,10 +1678,6 @@ export declare class FilteringPlugin extends BaseGridPlugin<FilterConfig> {
      * Close the filter panel
      */
     private closeFilterPanel;
-    /**
-     * Remove the document click handler
-     */
-    private removeDocumentClickHandler;
     /**
      * Position the panel below the button
      */
@@ -1911,6 +1949,8 @@ declare interface GridElement_2 {
     rows: any[];
     columns: ColumnConfig[];
     gridConfig: any;
+    /** AbortSignal that is aborted when the grid disconnects from the DOM */
+    disconnectSignal: AbortSignal;
     requestRender(): void;
     requestAfterRender(): void;
     forceLayout(): Promise<void>;
@@ -2806,7 +2846,6 @@ export declare class ReorderPlugin extends BaseGridPlugin<ReorderConfig> {
     private draggedField;
     private draggedIndex;
     private dropIndex;
-    private boundReorderRequestHandler;
     attach(grid: GridElement_2): void;
     detach(): void;
     afterRender(): void;
@@ -2955,6 +2994,11 @@ export declare class SelectionPlugin extends BaseGridPlugin<SelectionConfig> {
     onCellMouseMove(event: CellMouseEvent): boolean | void;
     onCellMouseUp(_event: CellMouseEvent): boolean | void;
     afterRender(): void;
+    /**
+     * Called after scroll-triggered row rendering.
+     * Reapplies selection classes to recycled DOM elements.
+     */
+    onScrollRender(): void;
     /**
      * Get the selected cell (cell mode only).
      */

package/all.js

@@ -1,5 +1,5 @@
-import { BaseGridPlugin as C, runAggregator as X, getAggregator as xe } from "./index.js";
-import { DGEvents as Pt, DataGridElement as Dt, FitModeEnum as Bt, GridCSSVars as Ht, GridClasses as Ot, GridDataAttrs as Wt, DataGridElement as Kt, GridSelectors as Vt, PluginEvents as Gt, SelectionPlugin as zt, TreePlugin as $t } from "./index.js";
+import { BaseGridPlugin as y, runAggregator as X, getAggregator as xe } from "./index.js";
+import { DGEvents as Pt, DataGridElement as Dt, FitModeEnum as Bt, GridCSSVars as Ot, GridClasses as Ht, GridDataAttrs as Wt, DataGridElement as Kt, GridSelectors as Vt, PluginEvents as Gt, SelectionPlugin as zt, TreePlugin as $t } from "./index.js";
 function ve(i, e, t, n) {
   if (n.processCell)
     return n.processCell(i, e, t);
@@ -60,7 +60,7 @@ async function Q() {
     return "";
   }
 }
-class vt extends C {
+class vt extends y {
   name = "clipboard";
   version = "1.0.0";
   get defaultConfig() {
@@ -277,11 +277,11 @@ function te(i) {
 function ne(i) {
   return i.reduce((e, t) => e + G(t.width), 0);
 }
-function Ce(i, e, t, n, o) {
+function ye(i, e, t, n, o) {
   const r = t.length;
   if (r === 0)
     return { startCol: 0, endCol: 0, visibleColumns: [] };
-  let s = ye(i, t, n);
+  let s = Ce(i, t, n);
   s = Math.max(0, s - o);
   const l = i + e;
   let a = s;
@@ -298,7 +298,7 @@ function Ce(i, e, t, n, o) {
     c.push(d);
   return { startCol: s, endCol: a, visibleColumns: c };
 }
-function ye(i, e, t) {
+function Ce(i, e, t) {
   let n = 0, o = e.length - 1;
   for (; n < o; ) {
     const r = Math.floor((n + o) / 2);
@@ -309,7 +309,7 @@ function ye(i, e, t) {
 function Se(i, e, t) {
   return t ? i > e : !1;
 }
-class Ct extends C {
+class yt extends y {
   name = "columnVirtualization";
   version = "1.0.0";
   get defaultConfig() {
@@ -342,7 +342,7 @@ class Ct extends C {
     const t = this.config.enabled && Se(e.length, this.config.threshold ?? 30, this.config.autoEnable ?? !0);
     if (this.isVirtualized = t ?? !1, this.columnWidths = ee(e), this.columnOffsets = te(e), this.totalWidth = ne(e), !t)
       return this.startCol = 0, this.endCol = e.length - 1, [...e];
-    const n = this.grid.clientWidth || 800, o = Ce(
+    const n = this.grid.clientWidth || 800, o = ye(
       this.scrollLeft,
       n,
       this.columnOffsets,
@@ -520,7 +520,7 @@ const ke = `
     }
   }
 ];
-class yt extends C {
+class Ct extends y {
   name = "contextMenu";
   version = "1.0.0";
   get defaultConfig() {
@@ -707,7 +707,7 @@ function Ie(i, e) {
   });
   z(n, t);
 }
-class St extends C {
+class St extends y {
   name = "export";
   version = "1.0.0";
   get defaultConfig() {
@@ -1046,7 +1046,7 @@ const Ne = `
   background: var(--tbw-filter-hover, var(--tbw-color-row-hover, light-dark(#f0f6ff, #1c1c1c)));
 }
 `;
-class E extends C {
+class E extends y {
   name = "filtering";
   version = "1.0.0";
   get defaultConfig() {
@@ -1066,7 +1066,8 @@ class E extends C {
   panelElement = null;
   searchText = /* @__PURE__ */ new Map();
   excludedValues = /* @__PURE__ */ new Map();
-  documentClickHandler = null;
+  panelAbortController = null;
+  // For panel-scoped listeners
   globalStylesInjected = !1;
   // Virtualization constants for filter value list
   static LIST_ITEM_HEIGHT = 28;
@@ -1078,7 +1079,7 @@ class E extends C {
     super.attach(e), this.injectGlobalStyles();
   }
   detach() {
-    this.filters.clear(), this.cachedResult = null, this.cacheKey = null, this.openPanelField = null, this.panelElement && (this.panelElement.remove(), this.panelElement = null), this.searchText.clear(), this.excludedValues.clear(), this.removeDocumentClickHandler();
+    this.filters.clear(), this.cachedResult = null, this.cacheKey = null, this.openPanelField = null, this.panelElement && (this.panelElement.remove(), this.panelElement = null), this.searchText.clear(), this.excludedValues.clear(), this.panelAbortController?.abort(), this.panelAbortController = null;
   }
   // ===== Hooks =====
   processRows(e) {
@@ -1225,11 +1226,11 @@ class E extends C {
       uniqueValues: r,
       excludedValues: s,
       searchText: l,
-      applySetFilter: (u) => {
-        this.applySetFilter(e, u), this.closeFilterPanel();
+      applySetFilter: (d) => {
+        this.applySetFilter(e, d), this.closeFilterPanel();
       },
-      applyTextFilter: (u, h, f) => {
-        this.applyTextFilter(e, u, h, f), this.closeFilterPanel();
+      applyTextFilter: (d, u, h) => {
+        this.applyTextFilter(e, d, u, h), this.closeFilterPanel();
       },
       clearFilter: () => {
         this.clearFieldFilter(e), this.closeFilterPanel();
@@ -1237,25 +1238,21 @@ class E extends C {
       closePanel: () => this.closeFilterPanel()
     };
     let c = !1;
-    this.config.filterPanelRenderer && (this.config.filterPanelRenderer(o, a), c = o.children.length > 0), c || this.renderDefaultFilterPanel(o, a, r, s), document.body.appendChild(o), this.positionPanel(o, n);
-    const d = (u) => {
-      !o.contains(u.target) && u.target !== n && this.closeFilterPanel();
-    };
-    this.documentClickHandler = d, setTimeout(() => {
-      document.addEventListener("click", d);
+    this.config.filterPanelRenderer && (this.config.filterPanelRenderer(o, a), c = o.children.length > 0), c || this.renderDefaultFilterPanel(o, a, r, s), document.body.appendChild(o), this.positionPanel(o, n), this.panelAbortController = new AbortController(), setTimeout(() => {
+      document.addEventListener(
+        "click",
+        (d) => {
+          !o.contains(d.target) && d.target !== n && this.closeFilterPanel();
+        },
+        { signal: this.panelAbortController?.signal }
+      );
     }, 0);
   }
   /**
    * Close the filter panel
    */
   closeFilterPanel() {
-    this.panelElement && (this.panelElement.remove(), this.panelElement = null), this.openPanelField = null, this.removeDocumentClickHandler();
-  }
-  /**
-   * Remove the document click handler
-   */
-  removeDocumentClickHandler() {
-    this.documentClickHandler && (document.removeEventListener("click", this.documentClickHandler), this.documentClickHandler = null);
+    this.panelElement && (this.panelElement.remove(), this.panelElement = null), this.openPanelField = null, this.panelAbortController?.abort(), this.panelAbortController = null;
   }
   /**
    * Position the panel below the button
@@ -1284,8 +1281,8 @@ class E extends C {
     const u = document.createElement("span");
     u.textContent = "Select All", c.appendChild(d), c.appendChild(u), a.appendChild(c);
     const h = () => {
-      const p = [...b.values()], v = p.every((x) => x), y = p.every((x) => !x);
-      d.checked = v, d.indeterminate = !v && !y;
+      const p = [...b.values()], v = p.every((x) => x), C = p.every((x) => !x);
+      d.checked = v, d.indeterminate = !v && !C;
     };
     d.addEventListener("change", () => {
       const p = d.checked;
@@ -1306,16 +1303,16 @@ class E extends C {
     }), h();
     let S = [];
     const R = (p, v) => {
-      const y = p == null ? "(Blank)" : String(p), x = p == null ? "__null__" : String(p), w = document.createElement("label");
+      const C = p == null ? "(Blank)" : String(p), x = p == null ? "__null__" : String(p), w = document.createElement("label");
       w.className = "tbw-filter-value-item", w.style.position = "absolute", w.style.top = `${v * E.LIST_ITEM_HEIGHT}px`, w.style.left = "0", w.style.right = "0", w.style.height = `${E.LIST_ITEM_HEIGHT}px`, w.style.boxSizing = "border-box";
       const k = document.createElement("input");
       k.type = "checkbox", k.className = "tbw-filter-checkbox", k.checked = b.get(x) ?? !0, k.dataset.value = x, k.addEventListener("change", () => {
         b.set(x, k.checked), h();
       });
       const Y = document.createElement("span");
-      return Y.textContent = y, w.appendChild(k), w.appendChild(Y), w;
+      return Y.textContent = C, w.appendChild(k), w.appendChild(Y), w;
     }, q = () => {
-      const p = S.length, v = f.clientHeight, y = f.scrollTop;
+      const p = S.length, v = f.clientHeight, C = f.scrollTop;
       if (g.style.height = `${p * E.LIST_ITEM_HEIGHT}px`, Le(p, E.LIST_BYPASS_THRESHOLD / 3)) {
         m.innerHTML = "", m.style.transform = "translateY(0px)", S.forEach((w, k) => {
           m.appendChild(R(w, k));
@@ -1325,7 +1322,7 @@ class E extends C {
       const x = Te({
         totalRows: p,
         viewportHeight: v,
-        scrollTop: y,
+        scrollTop: C,
         rowHeight: E.LIST_ITEM_HEIGHT,
         overscan: E.LIST_OVERSCAN
       });
@@ -1334,13 +1331,13 @@ class E extends C {
         m.appendChild(R(S[w], w - x.start));
     }, j = (p) => {
       const v = p.toLowerCase();
-      if (S = n.filter((y) => {
-        const x = y == null ? "(Blank)" : String(y);
+      if (S = n.filter((C) => {
+        const x = C == null ? "(Blank)" : String(C);
         return !p || x.toLowerCase().includes(v);
       }), S.length === 0) {
         g.style.height = "0px", m.innerHTML = "";
-        const y = document.createElement("div");
-        y.className = "tbw-filter-no-match", y.textContent = "No matching values", m.appendChild(y);
+        const C = document.createElement("div");
+        C.className = "tbw-filter-no-match", C.textContent = "No matching values", m.appendChild(C);
         return;
       }
       q();
@@ -1363,8 +1360,8 @@ class E extends C {
     const T = document.createElement("button");
     T.className = "tbw-filter-apply-btn", T.textContent = "Apply", T.addEventListener("click", () => {
       const p = [];
-      for (const [v, y] of b)
-        if (!y)
+      for (const [v, C] of b)
+        if (!C)
           if (v === "__null__")
             p.push(null);
           else {
@@ -1536,10 +1533,10 @@ function Be(i, e) {
   }
   return t;
 }
-function He(i) {
+function Oe(i) {
   return i.some((e) => e.group != null);
 }
-class Rt extends C {
+class Rt extends y {
   name = "groupingColumns";
   version = "1.0.0";
   get defaultConfig() {
@@ -1561,7 +1558,7 @@ class Rt extends C {
    */
   static detect(e, t) {
     const n = t?.columns;
-    return Array.isArray(n) ? He(n) : !1;
+    return Array.isArray(n) ? Oe(n) : !1;
   }
   // ===== Hooks =====
   processColumns(e) {
@@ -1648,7 +1645,7 @@ class Rt extends C {
     }
   `;
 }
-function Oe({ rows: i, config: e, expanded: t }) {
+function He({ rows: i, config: e, expanded: t }) {
   const n = e.groupOn;
   if (!e.enabled || typeof n != "function")
     return [];
@@ -1697,7 +1694,7 @@ function Ve() {
 function Ge(i) {
   return i.kind !== "group" ? 0 : i.rows.length;
 }
-class kt extends C {
+class kt extends y {
   name = "groupingRows";
   version = "1.0.0";
   get defaultConfig() {
@@ -1729,7 +1726,7 @@ class kt extends C {
     const t = this.config;
     if (!t.enabled || typeof t.groupOn != "function")
       return this.isActive = !1, this.flattenedRows = [], [...e];
-    const n = Oe({
+    const n = He({
       rows: e,
       config: t,
       expanded: this.expandedKeys
@@ -1976,7 +1973,7 @@ class kt extends C {
     [data-group-depth="4"] .group-label { padding-left: 80px; }
   `;
 }
-function H(i, e) {
+function O(i, e) {
   const t = new Set(i);
   return t.has(e) ? t.delete(e) : t.add(e), t;
 }
@@ -1999,7 +1996,7 @@ function Ue(i, e, t, n) {
   const s = t(i, e);
   return typeof s == "string" ? r.innerHTML = s : s instanceof HTMLElement && r.appendChild(s), o.appendChild(r), o;
 }
-class Et extends C {
+class Et extends y {
   name = "masterDetail";
   version = "1.0.0";
   get defaultConfig() {
@@ -2025,33 +2022,36 @@ class Et extends C {
     const t = [...e];
     if (t.length > 0) {
       const n = { ...t[0] }, o = n.viewRenderer;
-      n.viewRenderer = (r) => {
-        const { value: s, row: l } = r, a = this.expandedRows.has(l), c = document.createElement("span");
-        c.className = "master-detail-cell-wrapper";
-        const d = document.createElement("span");
-        d.className = "master-detail-toggle", d.textContent = a ? "▼" : "▶", d.setAttribute("aria-expanded", String(a)), d.setAttribute("aria-label", a ? "Collapse details" : "Expand details"), d.addEventListener("click", (h) => {
-          h.stopPropagation();
-          const f = this.rows.indexOf(l);
-          this.expandedRows = H(this.expandedRows, l), this.emit("detail-expand", {
-            rowIndex: f,
-            row: l,
-            expanded: this.expandedRows.has(l)
-          }), this.requestRender();
-        }), c.appendChild(d);
+      if (o?.__masterDetailWrapped)
+        return t;
+      const r = (s) => {
+        const { value: l, row: a } = s, c = this.expandedRows.has(a), d = document.createElement("span");
+        d.className = "master-detail-cell-wrapper";
         const u = document.createElement("span");
+        u.className = "master-detail-toggle", u.textContent = c ? "▼" : "▶", u.setAttribute("aria-expanded", String(c)), u.setAttribute("aria-label", c ? "Collapse details" : "Expand details"), u.addEventListener("click", (f) => {
+          f.stopPropagation();
+          const g = this.rows.indexOf(a);
+          this.expandedRows = O(this.expandedRows, a), this.emit("detail-expand", {
+            rowIndex: g,
+            row: a,
+            expanded: this.expandedRows.has(a)
+          }), this.requestRender();
+        }), d.appendChild(u);
+        const h = document.createElement("span");
         if (o) {
-          const h = o(r);
-          h instanceof Node ? u.appendChild(h) : u.textContent = String(h ?? s ?? "");
+          const f = o(s);
+          f instanceof Node ? h.appendChild(f) : h.textContent = String(f ?? l ?? "");
         } else
-          u.textContent = String(s ?? "");
-        return c.appendChild(u), c;
-      }, t[0] = n;
+          h.textContent = String(l ?? "");
+        return d.appendChild(h), d;
+      };
+      r.__masterDetailWrapped = !0, n.viewRenderer = r, t[0] = n;
     }
     return t;
   }
   onRowClick(e) {
     if (!(!this.config.expandOnRowClick || !this.config.detailRenderer))
-      return this.expandedRows = H(this.expandedRows, e.row), this.emit("detail-expand", {
+      return this.expandedRows = O(this.expandedRows, e.row), this.emit("detail-expand", {
         rowIndex: e.rowIndex,
         row: e.row,
         expanded: this.expandedRows.has(e.row)
@@ -2095,7 +2095,7 @@ class Et extends C {
    */
   toggle(e) {
     const t = this.rows[e];
-    t && (this.expandedRows = H(this.expandedRows, t), this.requestRender());
+    t && (this.expandedRows = O(this.expandedRows, t), this.requestRender());
   }
   /**
    * Check if the detail row at the given index is expanded.
@@ -2193,7 +2193,7 @@ function le(i, e) {
 function ae(i, e) {
   return i.find((t) => t.field === e)?.direction;
 }
-class At extends C {
+class At extends y {
   name = "multiSort";
   version = "1.0.0";
   get defaultConfig() {
@@ -2335,7 +2335,7 @@ function Qe(i) {
 function Ze(i) {
   return i.filter((e) => e.sticky === "right");
 }
-function O(i) {
+function H(i) {
   return i.some((e) => e.sticky === "left" || e.sticky === "right");
 }
 function de(i, e) {
@@ -2371,7 +2371,7 @@ function ce(i) {
     n.classList.remove("sticky-left", "sticky-right"), n.style.left = "", n.style.right = "";
   });
 }
-class _t extends C {
+class _t extends y {
   name = "pinnedColumns";
   version = "1.0.0";
   get defaultConfig() {
@@ -2393,17 +2393,17 @@ class _t extends C {
    */
   static detect(e, t) {
     const n = t?.columns;
-    return Array.isArray(n) ? O(n) : !1;
+    return Array.isArray(n) ? H(n) : !1;
   }
   // ===== Hooks =====
   processColumns(e) {
-    return this.config.enabled ? (this.isApplied = O([...e]), [...e]) : (this.isApplied = !1, [...e]);
+    return this.config.enabled ? (this.isApplied = H([...e]), [...e]) : (this.isApplied = !1, [...e]);
   }
   afterRender() {
     if (!this.config.enabled || !this.isApplied)
       return;
     const e = this.grid, t = [...this.columns];
-    if (!O(t)) {
+    if (!H(t)) {
       ce(e), this.isApplied = !1;
       return;
     }
@@ -2522,7 +2522,7 @@ function fe(i, e, t, n, o) {
     grid: t
   };
 }
-class It extends C {
+class It extends y {
   name = "pinnedRows";
   version = "1.0.0";
   get defaultConfig() {
@@ -2829,7 +2829,7 @@ function at(i) {
     t(n);
   return e;
 }
-class Tt extends C {
+class Tt extends y {
   name = "pivot";
   version = "1.0.0";
   get defaultConfig() {
@@ -2950,15 +2950,18 @@ class Tt extends C {
   `;
 }
 function dt(i) {
-  const e = i.meta ?? {}, t = e.sticky;
-  return t === "left" || t === "right" ? !1 : e.lockPosition !== !0 && e.suppressMovable !== !0;
+  const e = i.sticky;
+  if (e === "left" || e === "right")
+    return !1;
+  const t = i.meta ?? {}, n = t.sticky;
+  return n === "left" || n === "right" ? !1 : t.lockPosition !== !0 && t.suppressMovable !== !0;
 }
 function ge(i, e, t) {
   if (e === t || e < 0 || e >= i.length || t < 0 || t > i.length) return i;
   const n = [...i], [o] = n.splice(e, 1);
   return n.splice(t, 0, o), n;
 }
-class Lt extends C {
+class Lt extends y {
   name = "reorder";
   version = "1.0.0";
   get defaultConfig() {
@@ -2973,19 +2976,19 @@ class Lt extends C {
   draggedField = null;
   draggedIndex = null;
   dropIndex = null;
-  boundReorderRequestHandler = null;
   // ===== Lifecycle =====
   attach(e) {
-    super.attach(e), this.boundReorderRequestHandler = (t) => {
-      const n = t.detail;
-      n?.field && typeof n.toIndex == "number" && this.moveColumn(n.field, n.toIndex);
-    }, e.addEventListener("column-reorder-request", this.boundReorderRequestHandler);
+    super.attach(e), e.addEventListener(
+      "column-reorder-request",
+      (t) => {
+        const n = t.detail;
+        n?.field && typeof n.toIndex == "number" && this.moveColumn(n.field, n.toIndex);
+      },
+      { signal: this.disconnectSignal }
+    );
   }
   detach() {
-    this.boundReorderRequestHandler && this.grid && (this.grid.removeEventListener(
-      "column-reorder-request",
-      this.boundReorderRequestHandler
-    ), this.boundReorderRequestHandler = null), this.isDragging = !1, this.draggedField = null, this.draggedIndex = null, this.dropIndex = null;
+    this.isDragging = !1, this.draggedField = null, this.draggedIndex = null, this.dropIndex = null;
   }
   // ===== Hooks =====
   // Note: No processColumns hook needed - we directly update the grid's column order
@@ -3130,7 +3133,7 @@ function ht(i, e, t) {
   return o[r];
 }
 const ft = 100;
-class Mt extends C {
+class Mt extends y {
   name = "serverSide";
   version = "1.0.0";
   get defaultConfig() {
@@ -3283,7 +3286,7 @@ function wt(i, e, t, n) {
     timestamp: Date.now()
   };
 }
-class qt extends C {
+class qt extends y {
   name = "undoRedo";
   version = "1.0.0";
   get defaultConfig() {
@@ -3413,7 +3416,7 @@ function we(i) {
   const e = i.meta ?? {};
   return e.lockPosition !== !0 && e.suppressMovable !== !0;
 }
-class _ extends C {
+class _ extends y {
   name = "visibility";
   version = "1.0.0";
   /** Tool panel ID for shell integration */
@@ -3730,17 +3733,17 @@ class _ extends C {
   `;
 }
 export {
-  C as BaseGridPlugin,
+  y as BaseGridPlugin,
   vt as ClipboardPlugin,
-  Ct as ColumnVirtualizationPlugin,
-  yt as ContextMenuPlugin,
+  yt as ColumnVirtualizationPlugin,
+  Ct as ContextMenuPlugin,
   Pt as DGEvents,
   Dt as DataGridElement,
   St as ExportPlugin,
   E as FilteringPlugin,
   Bt as FitModeEnum,
-  Ht as GridCSSVars,
-  Ot as GridClasses,
+  Ot as GridCSSVars,
+  Ht as GridClasses,
   Wt as GridDataAttrs,
   Kt as GridElement,
   Vt as GridSelectors,