@toolbox-web/grid 0.2.7 → 0.3.0

package/lib/plugins/reorder/types.d.ts

@@ -0,0 +1,54 @@
+/**
+ * Column Reordering Plugin Types
+ *
+ * Type definitions for the column reordering feature.
+ */
+/** Animation type for column reordering */
+export type ReorderAnimation = false | 'flip' | 'fade';
+/** Configuration options for the reorder plugin */
+export interface ReorderConfig {
+    /**
+     * Animation type for column movement.
+     * - `false`: No animation, instant reorder
+     * - `'flip'`: FLIP animation (slides columns smoothly)
+     * - `'fade'`: View Transitions API (cross-fade effect)
+     * @default 'flip'
+     */
+    animation?: ReorderAnimation;
+    /**
+     * Animation duration in milliseconds.
+     * Applies to FLIP animation. View Transitions use browser defaults.
+     * @default 200
+     */
+    animationDuration?: number;
+    /**
+     * @deprecated Use `animation` instead. Will be removed in next major version.
+     * Use View Transitions API for smooth column movement.
+     */
+    viewTransition?: boolean;
+}
+/** Internal state managed by the reorder plugin */
+export interface ReorderState {
+    /** Whether a drag operation is in progress */
+    isDragging: boolean;
+    /** The field name of the currently dragged column */
+    draggedField: string | null;
+    /** The original index of the dragged column */
+    draggedIndex: number | null;
+    /** The target drop index */
+    dropIndex: number | null;
+    /** Field names in display order */
+    columnOrder: string[];
+}
+/** Event detail emitted when a column is moved */
+export interface ColumnMoveDetail {
+    /** The field name of the moved column */
+    field: string;
+    /** The original index of the column */
+    fromIndex: number;
+    /** The new index of the column */
+    toIndex: number;
+    /** The complete column order after the move */
+    columnOrder: string[];
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/plugins/reorder/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../libs/grid/src/lib/plugins/reorder/types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,2CAA2C;AAC3C,MAAM,MAAM,gBAAgB,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;AAEvD,mDAAmD;AACnD,MAAM,WAAW,aAAa;IAC5B;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAE7B;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,mDAAmD;AACnD,MAAM,WAAW,YAAY;IAC3B,8CAA8C;IAC9C,UAAU,EAAE,OAAO,CAAC;IACpB,qDAAqD;IACrD,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,+CAA+C;IAC/C,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,4BAA4B;IAC5B,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,mCAAmC;IACnC,WAAW,EAAE,MAAM,EAAE,CAAC;CACvB;AAED,kDAAkD;AAClD,MAAM,WAAW,gBAAgB;IAC/B,yCAAyC;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,uCAAuC;IACvC,SAAS,EAAE,MAAM,CAAC;IAClB,kCAAkC;IAClC,OAAO,EAAE,MAAM,CAAC;IAChB,+CAA+C;IAC/C,WAAW,EAAE,MAAM,EAAE,CAAC;CACvB"}

package/lib/plugins/selection/SelectionPlugin.d.ts

@@ -0,0 +1,77 @@
+import { BaseGridPlugin, CellClickEvent, CellMouseEvent } from '../../core/plugin/base-plugin';
+import { CellRange, SelectionConfig } from './types';
+/**
+ * Selection Plugin for tbw-grid
+ *
+ * @example
+ * ```ts
+ * new SelectionPlugin({ mode: 'range' })
+ * ```
+ */
+export declare class SelectionPlugin extends BaseGridPlugin<SelectionConfig> {
+    #private;
+    readonly name = "selection";
+    readonly version = "1.0.0";
+    protected get defaultConfig(): Partial<SelectionConfig>;
+    /** Row selection state (row mode) */
+    private selected;
+    private lastSelected;
+    private anchor;
+    /** Range selection state (range mode) */
+    private ranges;
+    private activeRange;
+    private cellAnchor;
+    private isDragging;
+    /** Pending keyboard navigation update (processed in afterRender) */
+    private pendingKeyboardUpdate;
+    /** Cell selection state (cell mode) */
+    private selectedCell;
+    detach(): void;
+    onCellClick(event: CellClickEvent): boolean;
+    onKeyDown(event: KeyboardEvent): boolean;
+    onCellMouseDown(event: CellMouseEvent): boolean | void;
+    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).
+     */
+    getSelectedCell(): {
+        row: number;
+        col: number;
+    } | null;
+    /**
+     * Get all selected row indices (row mode).
+     */
+    getSelectedRows(): number[];
+    /**
+     * Get all selected cell ranges in public format.
+     */
+    getRanges(): CellRange[];
+    /**
+     * Get all selected cells across all ranges.
+     */
+    getSelectedCells(): Array<{
+        row: number;
+        col: number;
+    }>;
+    /**
+     * Check if a specific cell is in range selection.
+     */
+    isCellSelected(row: number, col: number): boolean;
+    /**
+     * Clear all selection.
+     */
+    clearSelection(): void;
+    /**
+     * Set selected ranges programmatically.
+     */
+    setRanges(ranges: CellRange[]): void;
+    readonly styles: string;
+}
+//# sourceMappingURL=SelectionPlugin.d.ts.map

package/lib/plugins/selection/SelectionPlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionPlugin.d.ts","sourceRoot":"","sources":["../../../../../../libs/grid/src/lib/plugins/selection/SelectionPlugin.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAGH,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAS/F,OAAO,KAAK,EAAE,SAAS,EAA4C,eAAe,EAAiB,MAAM,SAAS,CAAC;AAyCnH;;;;;;;GAOG;AACH,qBAAa,eAAgB,SAAQ,cAAc,CAAC,eAAe,CAAC;;IAClE,QAAQ,CAAC,IAAI,eAAe;IAC5B,SAAkB,OAAO,WAAW;IAEpC,cAAuB,aAAa,IAAI,OAAO,CAAC,eAAe,CAAC,CAI/D;IAGD,qCAAqC;IACrC,OAAO,CAAC,QAAQ,CAAqB;IACrC,OAAO,CAAC,YAAY,CAAuB;IAC3C,OAAO,CAAC,MAAM,CAAuB;IAErC,yCAAyC;IACzC,OAAO,CAAC,MAAM,CAA2B;IACzC,OAAO,CAAC,WAAW,CAAkC;IACrD,OAAO,CAAC,UAAU,CAA6C;IAC/D,OAAO,CAAC,UAAU,CAAS;IAE3B,oEAAoE;IACpE,OAAO,CAAC,qBAAqB,CAAsC;IAEnE,uCAAuC;IACvC,OAAO,CAAC,YAAY,CAA6C;IAMxD,MAAM,IAAI,IAAI;IAcd,WAAW,CAAC,KAAK,EAAE,cAAc,GAAG,OAAO;IAyE3C,SAAS,CAAC,KAAK,EAAE,aAAa,GAAG,OAAO;IA4FxC,eAAe,CAAC,KAAK,EAAE,cAAc,GAAG,OAAO,GAAG,IAAI;IAmCtD,eAAe,CAAC,KAAK,EAAE,cAAc,GAAG,OAAO,GAAG,IAAI;IAoBtD,aAAa,CAAC,MAAM,EAAE,cAAc,GAAG,OAAO,GAAG,IAAI;IA8ErD,WAAW,IAAI,IAAI;IA0C5B;;;OAGG;IACM,cAAc,IAAI,IAAI;IAQ/B;;OAEG;IACH,eAAe,IAAI;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI;IAItD;;OAEG;IACH,eAAe,IAAI,MAAM,EAAE;IAI3B;;OAEG;IACH,SAAS,IAAI,SAAS,EAAE;IAIxB;;OAEG;IACH,gBAAgB,IAAI,KAAK,CAAC;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;IAIvD;;OAEG;IACH,cAAc,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,OAAO;IAIjD;;OAEG;IACH,cAAc,IAAI,IAAI;IAWtB;;OAEG;IACH,SAAS,CAAC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI;IAmCpC,SAAkB,MAAM,SAAU;CAGnC"}

package/lib/plugins/selection/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Selection Plugin Entry Point
+ * Re-exports plugin class and types for tree-shakeable imports.
+ */
+export { SelectionPlugin } from './SelectionPlugin';
+export { computeSelectionDiff, handleRowClick, selectAll } from './row-selection';
+export type { SelectionConfig, SelectionMode, SelectionChangeDetail, CellRange } from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/plugins/selection/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../libs/grid/src/lib/plugins/selection/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,oBAAoB,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAClF,YAAY,EAAE,eAAe,EAAE,aAAa,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}

package/lib/plugins/selection/index.js

@@ -1,4 +1,12 @@
-const f = {
+function w(s) {
+  if (!s) return -1;
+  const e = s.getAttribute("data-row");
+  return e ? parseInt(e, 10) : -1;
+}
+function d(s) {
+  s && s.querySelectorAll(".cell-focus").forEach((e) => e.classList.remove("cell-focus"));
+}
+const R = {
   expand: "▶",
   collapse: "▼",
   sortAsc: "▲",
@@ -8,7 +16,7 @@ const f = {
   dragHandle: "⋮⋮",
   toolPanel: "☰"
 };
-class w {
+class C {
   /** Plugin version - override in subclass if needed */
   version = "1.0.0";
   /** CSS styles to inject into the grid's shadow DOM */
@@ -133,7 +141,7 @@ class w {
    */
   get gridIcons() {
     const e = this.grid?.gridConfig?.icons ?? {};
-    return { ...f, ...e };
+    return { ...R, ...e };
   }
   /**
    * Resolve an icon value to string or HTMLElement.
@@ -172,38 +180,38 @@ function h(s) {
     endCol: Math.max(s.startCol, s.endCol)
   };
 }
-function R(s) {
+function m(s) {
   const e = h(s);
   return {
     from: { row: e.startRow, col: e.startCol },
     to: { row: e.endRow, col: e.endCol }
   };
 }
-function g(s) {
-  return s.map(R);
+function u(s) {
+  return s.map(m);
 }
-function C(s, e, t) {
+function p(s, e, t) {
   const r = h(t);
   return s >= r.startRow && s <= r.endRow && e >= r.startCol && e <= r.endCol;
 }
-function u(s, e, t) {
-  return t.some((r) => C(s, e, r));
+function f(s, e, t) {
+  return t.some((r) => p(s, e, r));
 }
-function m(s) {
+function b(s) {
   const e = [], t = h(s);
   for (let r = t.startRow; r <= t.endRow; r++)
-    for (let o = t.startCol; o <= t.endCol; o++)
-      e.push({ row: r, col: o });
+    for (let n = t.startCol; n <= t.endCol; n++)
+      e.push({ row: r, col: n });
   return e;
 }
 function A(s) {
   const e = /* @__PURE__ */ new Map();
   for (const t of s)
-    for (const r of m(t))
+    for (const r of b(t))
       e.set(`${r.row},${r.col}`, r);
   return [...e.values()];
 }
-function d(s, e) {
+function g(s, e) {
   return {
     startRow: s.row,
     startCol: s.col,
@@ -211,8 +219,8 @@ function d(s, e) {
     endCol: e.col
   };
 }
-const p = ':host .selecting .data-grid-row>.cell{-webkit-user-select:none;user-select:none}:host .data-grid-row.row-focus{background-color:var(--tbw-focus-background, rgba(from var(--tbw-color-accent) r g b / 12%))}:host([data-selection-mode="row"]) .cell-focus{outline:none}:host .data-grid-row>.cell.selected{background-color:var(--tbw-range-selection-bg)}:host .data-grid-row>.cell.selected.top{border-top:2px solid var(--tbw-range-border-color)}:host .data-grid-row>.cell.selected.bottom{border-bottom:2px solid var(--tbw-range-border-color)}:host .data-grid-row>.cell.selected.first{border-left:2px solid var(--tbw-range-border-color)}:host .data-grid-row>.cell.selected.last{border-right:2px solid var(--tbw-range-border-color)}';
-function b(s, e, t) {
+const y = ':host .selecting .data-grid-row>.cell{-webkit-user-select:none;user-select:none}:host .data-grid-row.row-focus{background-color:var(--tbw-focus-background, rgba(from var(--tbw-color-accent) r g b / 12%))}:host([data-selection-mode="row"]) .cell-focus{outline:none}:host .data-grid-row>.cell.selected{background-color:var(--tbw-range-selection-bg)}:host .data-grid-row>.cell.selected.top{border-top:2px solid var(--tbw-range-border-color)}:host .data-grid-row>.cell.selected.bottom{border-bottom:2px solid var(--tbw-range-border-color)}:host .data-grid-row>.cell.selected.first{border-left:2px solid var(--tbw-range-border-color)}:host .data-grid-row>.cell.selected.last{border-right:2px solid var(--tbw-range-border-color)}:host .tbw-selection-summary{font-size:13px;color:var(--tbw-color-fg-muted);white-space:nowrap}';
+function v(s, e, t) {
   if (s === "cell" && e.selectedCell)
     return {
       mode: s,
@@ -224,15 +232,15 @@ function b(s, e, t) {
       ]
     };
   if (s === "row" && e.selected.size > 0) {
-    const r = [...e.selected].map((o) => ({
-      from: { row: o, col: 0 },
-      to: { row: o, col: t - 1 }
+    const r = [...e.selected].map((n) => ({
+      from: { row: n, col: 0 },
+      to: { row: n, col: t - 1 }
     }));
     return { mode: s, ranges: r };
   }
-  return s === "range" && e.ranges.length > 0 ? { mode: s, ranges: g(e.ranges) } : { mode: s, ranges: [] };
+  return s === "range" && e.ranges.length > 0 ? { mode: s, ranges: u(e.ranges) } : { mode: s, ranges: [] };
 }
-class v extends w {
+class q extends C {
   name = "selection";
   version = "1.0.0";
   get defaultConfig() {
@@ -262,15 +270,15 @@ class v extends w {
   // #endregion
   // #region Event Handlers
   onCellClick(e) {
-    const { rowIndex: t, colIndex: r, originalEvent: o } = e, { mode: n } = this.config;
-    if (n === "cell")
+    const { rowIndex: t, colIndex: r, originalEvent: n } = e, { mode: o } = this.config;
+    if (o === "cell")
       return this.selectedCell = { row: t, col: r }, this.emit("selection-change", this.#e()), this.requestAfterRender(), !1;
-    if (n === "row")
+    if (o === "row")
       return this.selected.clear(), this.selected.add(t), this.lastSelected = t, this.emit("selection-change", this.#e()), this.requestAfterRender(), !1;
-    if (n === "range") {
-      const c = o.shiftKey, l = o.ctrlKey || o.metaKey;
+    if (o === "range") {
+      const c = n.shiftKey, l = n.ctrlKey || n.metaKey;
       if (c && this.cellAnchor) {
-        const i = d(this.cellAnchor, { row: t, col: r });
+        const i = g(this.cellAnchor, { row: t, col: r });
         l ? this.ranges.length > 0 ? this.ranges[this.ranges.length - 1] = i : this.ranges.push(i) : this.ranges = [i], this.activeRange = i;
       } else if (l) {
         const i = {
@@ -294,10 +302,10 @@ class v extends w {
     return !1;
   }
   onKeyDown(e) {
-    const { mode: t } = this.config, o = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", "Tab", "Home", "End", "PageUp", "PageDown"].includes(e.key);
+    const { mode: t } = this.config, n = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", "Tab", "Home", "End", "PageUp", "PageDown"].includes(e.key);
     if (e.key === "Escape")
       return t === "cell" ? this.selectedCell = null : t === "row" ? (this.selected.clear(), this.anchor = null) : t === "range" && (this.ranges = [], this.activeRange = null, this.cellAnchor = null), this.emit("selection-change", this.#e()), this.requestAfterRender(), !0;
-    if (t === "cell" && o)
+    if (t === "cell" && n)
       return queueMicrotask(() => {
         this.selectedCell = { row: this.grid._focusRow, col: this.grid._focusCol }, this.emit("selection-change", this.#e()), this.requestAfterRender();
       }), !1;
@@ -305,15 +313,17 @@ class v extends w {
       return queueMicrotask(() => {
         this.selected.clear(), this.selected.add(this.grid._focusRow), this.lastSelected = this.grid._focusRow, this.emit("selection-change", this.#e()), this.requestAfterRender();
       }), !1;
-    if (t === "range" && o)
-      return e.shiftKey && !this.cellAnchor && (this.cellAnchor = { row: this.grid._focusRow, col: this.grid._focusCol }), this.pendingKeyboardUpdate = { shiftKey: e.shiftKey }, queueMicrotask(() => this.requestAfterRender()), !1;
+    if (t === "range" && n) {
+      const o = e.key === "Tab", c = e.shiftKey && !o;
+      return c && !this.cellAnchor && (this.cellAnchor = { row: this.grid._focusRow, col: this.grid._focusCol }), this.pendingKeyboardUpdate = { shiftKey: c }, queueMicrotask(() => this.requestAfterRender()), !1;
+    }
     if (t === "range" && e.key === "a" && (e.ctrlKey || e.metaKey)) {
-      const n = this.rows.length, c = this.columns.length;
-      if (n > 0 && c > 0) {
+      const o = this.rows.length, c = this.columns.length;
+      if (o > 0 && c > 0) {
         const l = {
           startRow: 0,
           startCol: 0,
-          endRow: n - 1,
+          endRow: o - 1,
           endCol: c - 1
         };
         return this.ranges = [l], this.activeRange = l, this.emit("selection-change", this.#e()), this.requestAfterRender(), !0;
@@ -327,17 +337,17 @@ class v extends w {
     this.isDragging = !0;
     const t = e.rowIndex, r = e.colIndex;
     this.cellAnchor = { row: t, col: r }, e.originalEvent.ctrlKey || e.originalEvent.metaKey || (this.ranges = []);
-    const n = {
+    const o = {
       startRow: t,
       startCol: r,
       endRow: t,
       endCol: r
     };
-    return this.ranges.push(n), this.activeRange = n, this.emit("selection-change", this.#e()), this.requestAfterRender(), !0;
+    return this.ranges.push(o), this.activeRange = o, this.emit("selection-change", this.#e()), this.requestAfterRender(), !0;
   }
   onCellMouseMove(e) {
     if (this.config.mode !== "range" || !this.isDragging || !this.cellAnchor || e.rowIndex === void 0 || e.colIndex === void 0 || e.rowIndex < 0) return;
-    const t = d(this.cellAnchor, { row: e.rowIndex, col: e.colIndex });
+    const t = g(this.cellAnchor, { row: e.rowIndex, col: e.colIndex });
     return this.ranges.length > 0 ? this.ranges[this.ranges.length - 1] = t : this.ranges.push(t), this.activeRange = t, this.emit("selection-change", this.#e()), this.requestAfterRender(), !0;
   }
   onCellMouseUp(e) {
@@ -352,36 +362,37 @@ class v extends w {
     const e = this.shadowRoot;
     if (!e) return;
     const { mode: t } = this.config;
-    e.querySelectorAll(".cell").forEach((n) => {
-      n.classList.remove("selected", "top", "bottom", "first", "last");
+    e.querySelectorAll(".cell").forEach((o) => {
+      o.classList.remove("selected", "top", "bottom", "first", "last");
     });
-    const o = e.querySelectorAll(".data-grid-row");
-    if (o.forEach((n) => {
-      n.classList.remove("selected", "row-focus");
-    }), t === "row" && (e.querySelectorAll(".cell-focus").forEach((n) => n.classList.remove("cell-focus")), o.forEach((n) => {
-      const c = n.querySelector(".cell[data-row]"), l = parseInt(c?.getAttribute("data-row") ?? "-1", 10);
-      l >= 0 && this.selected.has(l) && n.classList.add("selected", "row-focus");
+    const n = e.querySelectorAll(".data-grid-row");
+    if (n.forEach((o) => {
+      o.classList.remove("selected", "row-focus");
+    }), t === "row" && (d(e), n.forEach((o) => {
+      const c = o.querySelector(".cell[data-row]"), l = w(c);
+      l >= 0 && this.selected.has(l) && o.classList.add("selected", "row-focus");
     })), t === "range" && this.ranges.length > 0) {
-      const n = this.activeRange ? h(this.activeRange) : null;
+      d(e);
+      const o = this.activeRange ? h(this.activeRange) : null;
       e.querySelectorAll(".cell[data-row][data-col]").forEach((l) => {
         const i = parseInt(l.getAttribute("data-row") ?? "-1", 10), a = parseInt(l.getAttribute("data-col") ?? "-1", 10);
-        i >= 0 && a >= 0 && u(i, a, this.ranges) && (l.classList.add("selected"), l.classList.remove("cell-focus"), n && (i === n.startRow && l.classList.add("top"), i === n.endRow && l.classList.add("bottom"), a === n.startCol && l.classList.add("first"), a === n.endCol && l.classList.add("last")));
+        i >= 0 && a >= 0 && f(i, a, this.ranges) && (l.classList.add("selected"), o && (i === o.startRow && l.classList.add("top"), i === o.endRow && l.classList.add("bottom"), a === o.startCol && l.classList.add("first"), a === o.endCol && l.classList.add("last")));
       });
     }
-    t === "cell" && this.selectedCell && e.querySelectorAll(".cell-focus").forEach((n) => n.classList.remove("cell-focus"));
+    t === "cell" && this.selectedCell && d(e);
   }
   afterRender() {
     const e = this.shadowRoot;
     if (!e) return;
     const t = e.children[0], { mode: r } = this.config;
     if (this.pendingKeyboardUpdate && r === "range") {
-      const { shiftKey: o } = this.pendingKeyboardUpdate;
+      const { shiftKey: n } = this.pendingKeyboardUpdate;
       this.pendingKeyboardUpdate = null;
-      const n = this.grid._focusRow, c = this.grid._focusCol;
-      if (o && this.cellAnchor) {
-        const l = d(this.cellAnchor, { row: n, col: c });
+      const o = this.grid._focusRow, c = this.grid._focusCol;
+      if (n && this.cellAnchor) {
+        const l = g(this.cellAnchor, { row: o, col: c });
         this.ranges = [l], this.activeRange = l;
-      } else o || (this.ranges = [], this.activeRange = null, this.cellAnchor = { row: n, col: c });
+      } else n || (this.ranges = [], this.activeRange = null, this.cellAnchor = { row: o, col: c });
       this.emit("selection-change", this.#e());
     }
     this.grid.setAttribute("data-selection-mode", r), t && t.classList.toggle("selecting", this.isDragging), this.#t();
@@ -411,7 +422,7 @@ class v extends w {
    * Get all selected cell ranges in public format.
    */
   getRanges() {
-    return g(this.ranges);
+    return u(this.ranges);
   }
   /**
    * Get all selected cells across all ranges.
@@ -423,7 +434,7 @@ class v extends w {
    * Check if a specific cell is in range selection.
    */
   isCellSelected(e, t) {
-    return u(e, t, this.ranges);
+    return f(e, t, this.ranges);
   }
   /**
    * Clear all selection.
@@ -442,13 +453,13 @@ class v extends w {
       endCol: t.to.col
     })), this.activeRange = this.ranges.length > 0 ? this.ranges[this.ranges.length - 1] : null, this.emit("selection-change", {
       mode: this.config.mode,
-      ranges: g(this.ranges)
+      ranges: u(this.ranges)
     }), this.requestAfterRender();
   }
   // #endregion
   // #region Private Helpers
   #e() {
-    return b(
+    return v(
       this.config.mode,
       {
         selectedCell: this.selectedCell,
@@ -460,42 +471,42 @@ class v extends w {
   }
   // #endregion
   // #region Styles
-  styles = p;
+  styles = y;
   // #endregion
 }
-function K(s, e, t, r) {
-  const o = new Set(s.selected);
-  let n = s.anchor;
+function S(s, e, t, r) {
+  const n = new Set(s.selected);
+  let o = s.anchor;
   if (t === "single")
-    o.clear(), o.add(e), n = e;
+    n.clear(), n.add(e), o = e;
   else if (t === "multiple") {
     const c = r.ctrlKey || r.metaKey;
     if (r.shiftKey && s.anchor !== null) {
       const l = Math.min(s.anchor, e), i = Math.max(s.anchor, e);
       for (let a = l; a <= i; a++)
-        o.add(a);
-    } else c ? (o.has(e) ? o.delete(e) : o.add(e), n = e) : (o.clear(), o.add(e), n = e);
+        n.add(a);
+    } else c ? (n.has(e) ? n.delete(e) : n.add(e), o = e) : (n.clear(), n.add(e), o = e);
   }
-  return { selected: o, lastSelected: e, anchor: n };
+  return { selected: n, lastSelected: e, anchor: o };
 }
-function q(s) {
+function x(s) {
   const e = /* @__PURE__ */ new Set();
   for (let t = 0; t < s; t++)
     e.add(t);
   return e;
 }
-function S(s, e) {
+function I(s, e) {
   const t = [], r = [];
-  for (const o of e)
-    s.has(o) || t.push(o);
-  for (const o of s)
-    e.has(o) || r.push(o);
+  for (const n of e)
+    s.has(n) || t.push(n);
+  for (const n of s)
+    e.has(n) || r.push(n);
   return { added: t, removed: r };
 }
 export {
-  v as SelectionPlugin,
-  S as computeSelectionDiff,
-  K as handleRowClick,
-  q as selectAll
+  q as SelectionPlugin,
+  I as computeSelectionDiff,
+  S as handleRowClick,
+  x as selectAll
 };
 //# sourceMappingURL=index.js.map