@toolbox-web/grid 1.14.1 → 1.16.0

package/lib/plugins/pinned-columns/PinnedColumnsPlugin.d.ts

@@ -1,6 +1,6 @@
 import { PluginManifest, PluginQuery, BaseGridPlugin } from '../../core/plugin/base-plugin';
 import { ColumnConfig } from '../../core/types';
-import { PinnedColumnsConfig } from './types';
+import { PinnedColumnsConfig, PinnedPosition } from './types';
 /**
  * Pinned Columns Plugin for tbw-grid
  *
@@ -19,6 +19,7 @@ import { PinnedColumnsConfig } from './types';
  * | Property | Type | Description |
  * |----------|------|-------------|
  * | `pinned` | `'left' \| 'right' \| 'start' \| 'end'` | Pin column to edge (logical or physical) |
+ * | `meta.lockPinning` | `boolean` | `false` | Prevent user from pin/unpin via context menu |
  *
  * ### RTL Support
  *
@@ -69,6 +70,7 @@ import { PinnedColumnsConfig } from './types';
  * @internal Extends BaseGridPlugin
  */
 export declare class PinnedColumnsPlugin extends BaseGridPlugin<PinnedColumnsConfig> {
+    #private;
     /**
      * Plugin manifest - declares owned properties and handled queries.
      * @internal
@@ -98,6 +100,14 @@ export declare class PinnedColumnsPlugin extends BaseGridPlugin<PinnedColumnsCon
      * @internal
      */
     handleQuery(query: PluginQuery): unknown;
+    /**
+     * Set the pin position for a column.
+     * Updates the column's `pinned` property and triggers a full re-render.
+     *
+     * @param field - The field name of the column to pin/unpin
+     * @param position - The pin position (`'left'`, `'right'`, `'start'`, `'end'`), or `undefined` to unpin
+     */
+    setPinPosition(field: string, position: PinnedPosition | undefined): void;
     /**
      * Re-apply sticky offsets (e.g., after column resize).
      */

package/lib/plugins/pinned-columns/PinnedColumnsPlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PinnedColumnsPlugin.d.ts","sourceRoot":"","sources":["../../../../../../libs/grid/src/lib/plugins/pinned-columns/PinnedColumnsPlugin.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AACjF,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAQrD,OAAO,KAAK,EAAE,mBAAmB,EAAkB,MAAM,SAAS,CAAC;AAKnE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkEG;AACH,qBAAa,mBAAoB,SAAQ,cAAc,CAAC,mBAAmB,CAAC;IAC1E;;;OAGG;IACH,gBAAyB,QAAQ,EAAE,cAAc,CAmB/C;IAEF,gBAAgB;IAChB,QAAQ,CAAC,IAAI,mBAAmB;IAEhC,gBAAgB;IAChB,cAAuB,aAAa,IAAI,OAAO,CAAC,mBAAmB,CAAC,CAEnE;IAGD,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,WAAW,CAA6B;IAChD,OAAO,CAAC,YAAY,CAA6B;IAKjD,gBAAgB;IACP,MAAM,IAAI,IAAI;IASvB;;OAEG;IACH,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,OAAO,EAAE,EAAE,MAAM,EAAE;QAAE,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;KAAE,GAAG,OAAO;IAStF,gBAAgB;IACP,cAAc,CAAC,OAAO,EAAE,SAAS,YAAY,EAAE,GAAG,YAAY,EAAE;IAMzE,gBAAgB;IACP,WAAW,IAAI,IAAI;IAoB5B;;;OAGG;IACM,WAAW,CAAC,KAAK,EAAE,WAAW,GAAG,OAAO;IAgCjD;;OAEG;IACH,oBAAoB,IAAI,IAAI;IAK5B;;OAEG;IACH,oBAAoB,IAAI,YAAY,EAAE;IAMtC;;OAEG;IACH,qBAAqB,IAAI,YAAY,EAAE;IAMvC;;OAEG;IACH,oBAAoB,IAAI,IAAI;IAI5B;;;;OAIG;IACM,0BAA0B,CACjC,KAAK,CAAC,EAAE,WAAW,EACnB,WAAW,CAAC,EAAE,WAAW,GACxB;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,UAAU,CAAC,EAAE,OAAO,CAAA;KAAE,GAAG,SAAS;CAsCrE"}
+{"version":3,"file":"PinnedColumnsPlugin.d.ts","sourceRoot":"","sources":["../../../../../../libs/grid/src/lib/plugins/pinned-columns/PinnedColumnsPlugin.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AACjF,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAWrD,OAAO,KAAK,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAKnE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmEG;AACH,qBAAa,mBAAoB,SAAQ,cAAc,CAAC,mBAAmB,CAAC;;IAC1E;;;OAGG;IACH,gBAAyB,QAAQ,EAAE,cAAc,CAqC/C;IAEF,gBAAgB;IAChB,QAAQ,CAAC,IAAI,mBAAmB;IAEhC,gBAAgB;IAChB,cAAuB,aAAa,IAAI,OAAO,CAAC,mBAAmB,CAAC,CAEnE;IAGD,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,WAAW,CAA6B;IAChD,OAAO,CAAC,YAAY,CAA6B;IAUjD,gBAAgB;IACP,MAAM,IAAI,IAAI;IAUvB;;OAEG;IACH,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,OAAO,EAAE,EAAE,MAAM,EAAE;QAAE,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;KAAE,GAAG,OAAO;IAStF,gBAAgB;IACP,cAAc,CAAC,OAAO,EAAE,SAAS,YAAY,EAAE,GAAG,YAAY,EAAE;IAUzE,gBAAgB;IACP,WAAW,IAAI,IAAI;IAoB5B;;;OAGG;IACM,WAAW,CAAC,KAAK,EAAE,WAAW,GAAG,OAAO;IAyEjD;;;;;;OAMG;IACH,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,GAAG,SAAS,GAAG,IAAI;IAoEzE;;OAEG;IACH,oBAAoB,IAAI,IAAI;IAK5B;;OAEG;IACH,oBAAoB,IAAI,YAAY,EAAE;IAMtC;;OAEG;IACH,qBAAqB,IAAI,YAAY,EAAE;IAMvC;;OAEG;IACH,oBAAoB,IAAI,IAAI;IAI5B;;;;OAIG;IACM,0BAA0B,CACjC,KAAK,CAAC,EAAE,WAAW,EACnB,WAAW,CAAC,EAAE,WAAW,GACxB;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,UAAU,CAAC,EAAE,OAAO,CAAA;KAAE,GAAG,SAAS;CAsCrE"}

package/lib/plugins/pinned-columns/index.d.ts

@@ -5,5 +5,5 @@
  * @module Plugins/Pinned Columns
  */
 export { PinnedColumnsPlugin } from './PinnedColumnsPlugin';
-export type { PinnedColumnsConfig } from './types';
+export type { PinnedColumnsConfig, PinnedPosition, StickyPosition } from './types';
 //# sourceMappingURL=index.d.ts.map

package/lib/plugins/pinned-columns/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../libs/grid/src/lib/plugins/pinned-columns/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,YAAY,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../libs/grid/src/lib/plugins/pinned-columns/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,YAAY,EAAE,mBAAmB,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC"}

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

@@ -1,4 +1,4 @@
-function u(i) {
+function a(i) {
   try {
     if (getComputedStyle(i).direction === "rtl") return "rtl";
   } catch {
@@ -9,10 +9,10 @@ function u(i) {
   }
   return "ltr";
 }
-function b(i, t) {
+function P(i, t) {
   return i === "left" || i === "right" ? i : t === "rtl" ? i === "start" ? "right" : "left" : i === "start" ? "left" : "right";
 }
-const h = '<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>', v = {
+const m = '<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: "▲",
@@ -21,11 +21,11 @@ const h = '<svg viewBox="0 0 16 16" width="12" height="12"><path fill="currentCo
   submenuArrow: "▶",
   dragHandle: "⋮⋮",
   toolPanel: "☰",
-  filter: h,
-  filterActive: h,
+  filter: m,
+  filterActive: m,
   print: "🖨️"
 };
-class A {
+class R {
   /**
    * Plugin dependencies - declare other plugins this one requires.
    *
@@ -160,8 +160,8 @@ class A {
    * @returns `true` if the event was cancelled (preventDefault called), `false` otherwise
    */
   emitCancelable(t, e) {
-    const s = new CustomEvent(t, { detail: e, bubbles: !0, cancelable: !0 });
-    return this.grid?.dispatchEvent?.(s), s.defaultPrevented;
+    const n = new CustomEvent(t, { detail: e, bubbles: !0, cancelable: !0 });
+    return this.grid?.dispatchEvent?.(n), n.defaultPrevented;
   }
   // =========================================================================
   // Event Bus - Plugin-to-Plugin Communication
@@ -315,7 +315,7 @@ class A {
    */
   get gridIcons() {
     const t = this.grid?.gridConfig?.icons ?? {};
-    return { ...v, ...t };
+    return { ...A, ...t };
   }
   // #region Animation Helpers
   /**
@@ -356,8 +356,8 @@ class A {
   get animationDuration() {
     const t = this.gridElement;
     if (t) {
-      const e = getComputedStyle(t).getPropertyValue("--tbw-animation-duration").trim(), s = parseInt(e, 10);
-      if (!isNaN(s)) return s;
+      const e = getComputedStyle(t).getPropertyValue("--tbw-animation-duration").trim(), n = parseInt(e, 10);
+      if (!isNaN(n)) return n;
     }
     return 200;
   }
@@ -391,80 +391,102 @@ class A {
   }
   // #endregion
 }
-function p(i, t) {
-  return b(i, t);
+function d(i) {
+  return i.pinned ?? i.sticky ?? i.meta?.pinned ?? i.meta?.sticky;
 }
-function k(i, t) {
-  const e = i.sticky;
-  return e ? p(e, t) === "left" : !1;
+function g(i, t) {
+  return P(i, t);
 }
-function C(i, t) {
-  const e = i.sticky;
-  return e ? p(e, t) === "right" : !1;
+function b(i, t) {
+  const e = d(i);
+  return e ? g(e, t) === "left" : !1;
+}
+function v(i, t) {
+  const e = d(i);
+  return e ? g(e, t) === "right" : !1;
 }
 function S(i, t = "ltr") {
-  return i.filter((e) => k(e, t));
+  return i.filter((e) => b(e, t));
 }
-function R(i, t = "ltr") {
-  return i.filter((e) => C(e, t));
+function E(i, t = "ltr") {
+  return i.filter((e) => v(e, t));
 }
-function a(i) {
-  return i.some(
-    (t) => t.sticky === "left" || t.sticky === "right" || t.sticky === "start" || t.sticky === "end"
-  );
+function h(i) {
+  return i.some((t) => d(t) != null);
 }
-function g(i, t) {
+function y(i, t) {
   const e = Array.from(i.querySelectorAll(".header-row .cell"));
   if (!e.length) return;
-  const s = u(i), o = /* @__PURE__ */ new Map();
-  t.forEach((n, r) => {
-    n.field && o.set(n.field, r);
-  });
-  let d = 0;
-  for (const n of t)
-    if (k(n, s)) {
-      const r = o.get(n.field), l = e.find((c) => c.getAttribute("data-field") === n.field);
-      l && (l.classList.add("sticky-left"), l.style.position = "sticky", l.style.left = d + "px", r !== void 0 && i.querySelectorAll(`.data-grid-row .cell[data-col="${r}"]`).forEach((c) => {
-        c.classList.add("sticky-left"), c.style.position = "sticky", c.style.left = d + "px";
-      }), d += l.offsetWidth);
+  const n = a(i);
+  let l = 0;
+  for (const o of t)
+    if (b(o, n)) {
+      const r = e.find((s) => s.getAttribute("data-field") === o.field);
+      r && (r.classList.add("sticky-left"), r.style.position = "sticky", r.style.left = l + "px", i.querySelectorAll(`.data-grid-row .cell[data-field="${o.field}"]`).forEach((s) => {
+        s.classList.add("sticky-left"), s.style.position = "sticky", s.style.left = l + "px";
+      }), l += r.offsetWidth);
     }
-  let f = 0;
-  for (const n of [...t].reverse())
-    if (C(n, s)) {
-      const r = o.get(n.field), l = e.find((c) => c.getAttribute("data-field") === n.field);
-      l && (l.classList.add("sticky-right"), l.style.position = "sticky", l.style.right = f + "px", r !== void 0 && i.querySelectorAll(`.data-grid-row .cell[data-col="${r}"]`).forEach((c) => {
-        c.classList.add("sticky-right"), c.style.position = "sticky", c.style.right = f + "px";
-      }), f += l.offsetWidth);
+  let c = 0;
+  for (const o of [...t].reverse())
+    if (v(o, n)) {
+      const r = e.find((s) => s.getAttribute("data-field") === o.field);
+      r && (r.classList.add("sticky-right"), r.style.position = "sticky", r.style.right = c + "px", i.querySelectorAll(`.data-grid-row .cell[data-field="${o.field}"]`).forEach((s) => {
+        s.classList.add("sticky-right"), s.style.position = "sticky", s.style.right = c + "px";
+      }), c += r.offsetWidth);
     }
 }
-function y(i) {
+function O(i, t = "ltr") {
+  const e = [], n = [], l = [];
+  for (const c of i) {
+    const o = d(c);
+    o ? g(o, t) === "left" ? e.push(c) : l.push(c) : n.push(c);
+  }
+  return [...e, ...n, ...l];
+}
+function C(i) {
   i.querySelectorAll(".sticky-left, .sticky-right").forEach((e) => {
     e.classList.remove("sticky-left", "sticky-right"), e.style.position = "", e.style.left = "", e.style.right = "";
   });
 }
-const m = "canMoveColumn";
-class E extends A {
+const k = "canMoveColumn";
+class I extends R {
   /**
    * Plugin manifest - declares owned properties and handled queries.
    * @internal
    */
   static manifest = {
     ownedProperties: [
+      {
+        property: "pinned",
+        level: "column",
+        description: 'the "pinned" column property',
+        isUsed: (t) => t === "left" || t === "right" || t === "start" || t === "end"
+      },
       {
         property: "sticky",
         level: "column",
-        description: 'the "sticky" column property',
+        description: 'the "sticky" column property (deprecated, use "pinned")',
         isUsed: (t) => t === "left" || t === "right" || t === "start" || t === "end"
       }
     ],
+    incompatibleWith: [
+      {
+        name: "groupingColumns",
+        reason: "Pinning reorders columns to the grid edges, but moving a column out of its column group is not supported. The group header layout cannot accommodate members at different positions."
+      }
+    ],
     queries: [
       {
-        type: m,
+        type: k,
         description: "Prevents pinned (sticky) columns from being moved/reordered"
       },
       {
         type: "getStickyOffsets",
         description: "Returns the sticky offsets for left/right pinned columns"
+      },
+      {
+        type: "getContextMenuItems",
+        description: "Contributes pin/unpin items to the header context menu"
       }
     ]
   };
@@ -478,11 +500,16 @@ class E extends A {
   isApplied = !1;
   leftOffsets = /* @__PURE__ */ new Map();
   rightOffsets = /* @__PURE__ */ new Map();
+  /**
+   * Snapshot of the column field order before the first context-menu pin.
+   * Used to restore original positions when unpinning.
+   */
+  #t = [];
   // #endregion
   // #region Lifecycle
   /** @internal */
   detach() {
-    this.leftOffsets.clear(), this.rightOffsets.clear(), this.isApplied = !1;
+    this.leftOffsets.clear(), this.rightOffsets.clear(), this.isApplied = !1, this.#t = [];
   }
   // #endregion
   // #region Detection
@@ -490,26 +517,29 @@ class E extends A {
    * Auto-detect sticky columns from column configuration.
    */
   static detect(t, e) {
-    const s = e?.columns;
-    return Array.isArray(s) ? a(s) : !1;
+    const n = e?.columns;
+    return Array.isArray(n) ? h(n) : !1;
   }
   // #endregion
   // #region Hooks
   /** @internal */
   processColumns(t) {
-    return this.isApplied = a([...t]), [...t];
+    const e = [...t];
+    if (this.isApplied = h(e), !this.isApplied) return e;
+    const n = this.gridElement, l = n ? a(n) : "ltr";
+    return O(e, l);
   }
   /** @internal */
   afterRender() {
     if (!this.isApplied)
       return;
     const t = this.grid, e = [...this.columns];
-    if (!a(e)) {
-      y(t), this.isApplied = !1;
+    if (!h(e)) {
+      C(t), this.isApplied = !1;
       return;
     }
     queueMicrotask(() => {
-      g(t, e);
+      y(t, e);
     });
   }
   /**
@@ -518,50 +548,115 @@ class E extends A {
    */
   handleQuery(t) {
     switch (t.type) {
-      case m: {
-        const e = t.context, s = e.sticky;
-        if (s === "left" || s === "right" || s === "start" || s === "end")
-          return !1;
-        const o = e.meta?.sticky;
-        return o === "left" || o === "right" || o === "start" || o === "end" ? !1 : void 0;
+      case k: {
+        const e = t.context;
+        return d(e) != null ? !1 : void 0;
       }
       case "getStickyOffsets":
         return {
           left: Object.fromEntries(this.leftOffsets),
           right: Object.fromEntries(this.rightOffsets)
         };
+      case "getContextMenuItems": {
+        const e = t.context;
+        if (!e.isHeader) return;
+        const n = e.column;
+        if (!n?.field || n.meta?.lockPinning || this.grid?.getPluginByName("groupingColumns")?.isGroupingActive()) return;
+        const o = d(n) != null, r = [];
+        return o ? r.push({
+          id: "pinned/unpin",
+          label: "Unpin Column",
+          icon: "📌",
+          order: 40,
+          action: () => this.setPinPosition(n.field, void 0)
+        }) : (r.push({
+          id: "pinned/pin-left",
+          label: "Pin Left",
+          icon: "⬅",
+          order: 40,
+          action: () => this.setPinPosition(n.field, "left")
+        }), r.push({
+          id: "pinned/pin-right",
+          label: "Pin Right",
+          icon: "➡",
+          order: 41,
+          action: () => this.setPinPosition(n.field, "right")
+        })), r;
+      }
       default:
         return;
     }
   }
   // #endregion
   // #region Public API
+  /**
+   * Set the pin position for a column.
+   * Updates the column's `pinned` property and triggers a full re-render.
+   *
+   * @param field - The field name of the column to pin/unpin
+   * @param position - The pin position (`'left'`, `'right'`, `'start'`, `'end'`), or `undefined` to unpin
+   */
+  setPinPosition(t, e) {
+    const n = this.columns;
+    if (!n?.length) return;
+    const l = n.findIndex((o) => o.field === t);
+    if (l === -1) return;
+    const c = this.grid;
+    if (e) {
+      this.#t.length === 0 && (this.#t = n.map((r) => r.field));
+      const o = n.map((r) => {
+        if (r.field !== t) return r;
+        const s = { ...r };
+        return s.pinned = e, delete s.sticky, s;
+      });
+      c.columns = o;
+    } else {
+      const r = { ...n[l] };
+      delete r.pinned, delete r.sticky;
+      const s = [...n];
+      s.splice(l, 1);
+      const p = this.#t.indexOf(t);
+      if (p >= 0) {
+        let f = s.length;
+        for (let u = 0; u < s.length; u++) {
+          if (d(s[u])) continue;
+          if (this.#t.indexOf(s[u].field) > p) {
+            f = u;
+            break;
+          }
+        }
+        s.splice(f, 0, r);
+      } else
+        s.splice(Math.min(l, s.length), 0, r);
+      s.some((f) => d(f) != null) || (this.#t = []), c.columns = s;
+    }
+  }
   /**
    * Re-apply sticky offsets (e.g., after column resize).
    */
   refreshStickyOffsets() {
     const t = [...this.columns];
-    g(this.grid, t);
+    y(this.grid, t);
   }
   /**
    * Get columns pinned to the left (after resolving logical positions for current direction).
    */
   getLeftPinnedColumns() {
-    const t = [...this.columns], e = u(this.grid);
+    const t = [...this.columns], e = a(this.grid);
     return S(t, e);
   }
   /**
    * Get columns pinned to the right (after resolving logical positions for current direction).
    */
   getRightPinnedColumns() {
-    const t = [...this.columns], e = u(this.grid);
-    return R(t, e);
+    const t = [...this.columns], e = a(this.grid);
+    return E(t, e);
   }
   /**
    * Clear all sticky positioning.
    */
   clearStickyPositions() {
-    y(this.grid);
+    C(this.grid);
   }
   /**
    * Report horizontal scroll boundary offsets for pinned columns.
@@ -571,24 +666,24 @@ class E extends A {
   getHorizontalScrollOffsets(t, e) {
     if (!this.isApplied)
       return;
-    let s = 0, o = 0;
+    let n = 0, l = 0;
     if (t) {
-      const f = t.querySelectorAll(".sticky-left"), n = t.querySelectorAll(".sticky-right");
-      f.forEach((r) => {
-        s += r.offsetWidth;
-      }), n.forEach((r) => {
-        o += r.offsetWidth;
+      const o = t.querySelectorAll(".sticky-left"), r = t.querySelectorAll(".sticky-right");
+      o.forEach((s) => {
+        n += s.offsetWidth;
+      }), r.forEach((s) => {
+        l += s.offsetWidth;
       });
     } else
-      this.grid.querySelectorAll(".header-row .cell").forEach((r) => {
-        r.classList.contains("sticky-left") ? s += r.offsetWidth : r.classList.contains("sticky-right") && (o += r.offsetWidth);
+      this.grid.querySelectorAll(".header-row .cell").forEach((s) => {
+        s.classList.contains("sticky-left") ? n += s.offsetWidth : s.classList.contains("sticky-right") && (l += s.offsetWidth);
       });
-    const d = e?.classList.contains("sticky-left") || e?.classList.contains("sticky-right");
-    return { left: s, right: o, skipScroll: d };
+    const c = e?.classList.contains("sticky-left") || e?.classList.contains("sticky-right");
+    return { left: n, right: l, skipScroll: c };
   }
   // #endregion
 }
 export {
-  E as PinnedColumnsPlugin
+  I as PinnedColumnsPlugin
 };
 //# sourceMappingURL=index.js.map