@toolbox-web/grid 0.4.1 → 0.5.0

package/lib/plugins/selection/index.js

@@ -1,12 +1,49 @@
-function w(s) {
+function x(r, e, t, s) {
+  const n = new Set(r.selected);
+  let o = r.anchor;
+  if (t === "single")
+    n.clear(), n.add(e), o = e;
+  else if (t === "multiple") {
+    const i = s.ctrlKey || s.metaKey;
+    if (s.shiftKey && r.anchor !== null) {
+      const c = Math.min(r.anchor, e), a = Math.max(r.anchor, e);
+      for (let d = c; d <= a; d++)
+        n.add(d);
+    } else i ? (n.has(e) ? n.delete(e) : n.add(e), o = e) : (n.clear(), n.add(e), o = e);
+  }
+  return { selected: n, lastSelected: e, anchor: o };
+}
+function _(r) {
+  const e = /* @__PURE__ */ new Set();
+  for (let t = 0; t < r; t++)
+    e.add(t);
+  return e;
+}
+function D(r, e) {
+  const t = [], s = [];
+  for (const n of e)
+    r.has(n) || t.push(n);
+  for (const n of r)
+    e.has(n) || s.push(n);
+  return { added: t, removed: s };
+}
+function b(r) {
+  if (!r) return -1;
+  const e = r.getAttribute("data-row");
+  if (e) return parseInt(e, 10);
+  const t = r.closest(".data-grid-row");
+  if (!t) return -1;
+  const s = t.parentElement;
   if (!s) return -1;
-  const e = s.getAttribute("data-row");
-  return e ? parseInt(e, 10) : -1;
+  const n = s.querySelectorAll(":scope > .data-grid-row");
+  for (let o = 0; o < n.length; o++)
+    if (n[o] === t) return o;
+  return -1;
 }
-function d(s) {
-  s && s.querySelectorAll(".cell-focus").forEach((e) => e.classList.remove("cell-focus"));
+function w(r) {
+  r && r.querySelectorAll(".cell-focus").forEach((e) => e.classList.remove("cell-focus"));
 }
-const R = {
+const p = {
   expand: "▶",
   collapse: "▼",
   sortAsc: "▲",
@@ -16,7 +53,7 @@ const R = {
   dragHandle: "⋮⋮",
   toolPanel: "☰"
 };
-class C {
+class y {
   /**
    * Plugin dependencies - declare other plugins this one requires.
    *
@@ -33,8 +70,11 @@ class C {
    * ```
    */
   static dependencies;
-  /** Plugin version - override in subclass if needed */
-  version = "1.0.0";
+  /**
+   * Plugin version - defaults to grid version for built-in plugins.
+   * Third-party plugins can override with their own semver.
+   */
+  version = typeof __GRID_VERSION__ < "u" ? __GRID_VERSION__ : "dev";
   /** CSS styles to inject into the grid's shadow DOM */
   styles;
   /** Custom cell renderers keyed by type name */
@@ -121,12 +161,28 @@ class C {
   emit(e, t) {
     this.grid?.dispatchEvent?.(new CustomEvent(e, { detail: t, bubbles: !0 }));
   }
+  /**
+   * Emit a cancelable custom event from the grid.
+   * @returns `true` if the event was cancelled (preventDefault called), `false` otherwise
+   */
+  emitCancelable(e, t) {
+    const s = new CustomEvent(e, { detail: t, bubbles: !0, cancelable: !0 });
+    return this.grid?.dispatchEvent?.(s), s.defaultPrevented;
+  }
   /**
    * Request a re-render of the grid.
    */
   requestRender() {
     this.grid?.requestRender?.();
   }
+  /**
+   * Request a re-render and restore focus styling afterward.
+   * Use this when a plugin action (like expand/collapse) triggers a render
+   * but needs to maintain keyboard navigation focus.
+   */
+  requestRenderWithFocus() {
+    this.grid?.requestRenderWithFocus?.();
+  }
   /**
    * Request a lightweight style update without rebuilding DOM.
    * Use this instead of requestRender() when only CSS classes need updating.
@@ -161,10 +217,34 @@ class C {
     return this.grid?._visibleColumns ?? [];
   }
   /**
-   * Get the shadow root of the grid.
+   * Get the grid as an HTMLElement for direct DOM operations.
+   * Use sparingly - prefer the typed GridElementRef API when possible.
+   *
+   * @example
+   * ```ts
+   * const width = this.gridElement.clientWidth;
+   * this.gridElement.classList.add('my-plugin-active');
+   * ```
+   */
+  get gridElement() {
+    return this.grid;
+  }
+  /**
+   * Get the render root of the grid for DOM queries.
+   * @deprecated Use `gridElement` instead. This getter exists only for backward compatibility.
+   *
+   * With Shadow DOM removed, the grid element itself is the render root.
+   * All new code should use `this.gridElement` for DOM queries.
+   *
+   * @example
+   * // OLD (deprecated)
+   * const rows = this.shadowRoot?.querySelector('.rows');
+   *
+   * // NEW (preferred)
+   * const rows = this.gridElement.querySelector('.rows');
    */
   get shadowRoot() {
-    return this.grid?.shadowRoot ?? null;
+    return this.gridElement;
   }
   /**
    * Get the disconnect signal for event listener cleanup.
@@ -192,8 +272,53 @@ class C {
    */
   get gridIcons() {
     const e = this.grid?.gridConfig?.icons ?? {};
-    return { ...R, ...e };
+    return { ...p, ...e };
+  }
+  // #region Animation Helpers
+  /**
+   * Check if animations are enabled at the grid level.
+   * Respects gridConfig.animation.mode and the CSS variable set by the grid.
+   *
+   * Plugins should use this to skip animations when:
+   * - Animation mode is 'off' or `false`
+   * - User prefers reduced motion and mode is 'reduced-motion' (default)
+   *
+   * @example
+   * ```ts
+   * private get animationStyle(): 'slide' | 'fade' | false {
+   *   if (!this.isAnimationEnabled) return false;
+   *   return this.config.animation ?? 'slide';
+   * }
+   * ```
+   */
+  get isAnimationEnabled() {
+    const e = this.grid?.effectiveConfig?.animation?.mode ?? "reduced-motion";
+    if (e === !1 || e === "off") return !1;
+    if (e === !0 || e === "on") return !0;
+    const t = this.gridElement;
+    return t ? getComputedStyle(t).getPropertyValue("--tbw-animation-enabled").trim() !== "0" : !0;
   }
+  /**
+   * Get the animation duration in milliseconds from CSS variable.
+   * Falls back to 200ms if not set.
+   *
+   * Plugins can use this for their animation timing to stay consistent
+   * with the grid-level animation.duration setting.
+   *
+   * @example
+   * ```ts
+   * element.animate(keyframes, { duration: this.animationDuration });
+   * ```
+   */
+  get animationDuration() {
+    const e = this.gridElement;
+    if (e) {
+      const t = getComputedStyle(e).getPropertyValue("--tbw-animation-duration").trim(), s = parseInt(t, 10);
+      if (!isNaN(s)) return s;
+    }
+    return 200;
+  }
+  // #endregion
   /**
    * Resolve an icon value to string or HTMLElement.
    * Checks plugin config first, then grid-level icons, then defaults.
@@ -223,58 +348,61 @@ class C {
   }
   // #endregion
 }
-function h(s) {
+function h(r) {
+  return r.meta?.utility === !0;
+}
+function g(r) {
   return {
-    startRow: Math.min(s.startRow, s.endRow),
-    startCol: Math.min(s.startCol, s.endCol),
-    endRow: Math.max(s.startRow, s.endRow),
-    endCol: Math.max(s.startCol, s.endCol)
+    startRow: Math.min(r.startRow, r.endRow),
+    startCol: Math.min(r.startCol, r.endCol),
+    endRow: Math.max(r.startRow, r.endRow),
+    endCol: Math.max(r.startCol, r.endCol)
   };
 }
-function m(s) {
-  const e = h(s);
+function A(r) {
+  const e = g(r);
   return {
     from: { row: e.startRow, col: e.startCol },
     to: { row: e.endRow, col: e.endCol }
   };
 }
-function u(s) {
-  return s.map(m);
+function R(r) {
+  return r.map(A);
 }
-function b(s, e, t) {
-  const r = h(t);
-  return s >= r.startRow && s <= r.endRow && e >= r.startCol && e <= r.endCol;
+function v(r, e, t) {
+  const s = g(t);
+  return r >= s.startRow && r <= s.endRow && e >= s.startCol && e <= s.endCol;
 }
-function f(s, e, t) {
-  return t.some((r) => b(s, e, r));
+function m(r, e, t) {
+  return t.some((s) => v(r, e, s));
 }
-function p(s) {
-  const e = [], t = h(s);
-  for (let r = t.startRow; r <= t.endRow; r++)
+function S(r) {
+  const e = [], t = g(r);
+  for (let s = t.startRow; s <= t.endRow; s++)
     for (let n = t.startCol; n <= t.endCol; n++)
-      e.push({ row: r, col: n });
+      e.push({ row: s, col: n });
   return e;
 }
-function A(s) {
+function E(r) {
   const e = /* @__PURE__ */ new Map();
-  for (const t of s)
-    for (const r of p(t))
-      e.set(`${r.row},${r.col}`, r);
+  for (const t of r)
+    for (const s of S(t))
+      e.set(`${s.row},${s.col}`, s);
   return [...e.values()];
 }
-function g(s, e) {
+function u(r, e) {
   return {
-    startRow: s.row,
-    startCol: s.col,
+    startRow: r.row,
+    startCol: r.col,
     endRow: e.row,
     endCol: e.col
   };
 }
-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)
+const I = "@layer tbw-plugins{tbw-grid.selecting .data-grid-row>.cell{-webkit-user-select:none;user-select:none}tbw-grid[data-has-focus] .data-grid-row.row-focus{background-color:var(--tbw-focus-background, rgba(from var(--tbw-color-accent) r g b / 12%))}tbw-grid[data-selection-mode=row] .cell-focus{outline:none}tbw-grid .data-grid-row>.cell.selected{background-color:var(--tbw-range-selection-bg)}tbw-grid .data-grid-row>.cell.selected.top{border-top:2px solid var(--tbw-range-border-color)}tbw-grid .data-grid-row>.cell.selected.bottom{border-bottom:2px solid var(--tbw-range-border-color)}tbw-grid .data-grid-row>.cell.selected.first{border-left:2px solid var(--tbw-range-border-color)}tbw-grid .data-grid-row>.cell.selected.last{border-right:2px solid var(--tbw-range-border-color)}tbw-grid .tbw-selection-summary{font-size:var(--tbw-font-size-sm, .8125rem);color:var(--tbw-color-fg-muted);white-space:nowrap}}";
+function K(r, e, t) {
+  if (r === "cell" && e.selectedCell)
     return {
-      mode: s,
+      mode: r,
       ranges: [
         {
           from: { row: e.selectedCell.row, col: e.selectedCell.col },
@@ -282,18 +410,18 @@ function v(s, e, t) {
         }
       ]
     };
-  if (s === "row" && e.selected.size > 0) {
-    const r = [...e.selected].map((n) => ({
+  if (r === "row" && e.selected.size > 0) {
+    const s = [...e.selected].map((n) => ({
       from: { row: n, col: 0 },
       to: { row: n, col: t - 1 }
     }));
-    return { mode: s, ranges: r };
+    return { mode: r, ranges: s };
   }
-  return s === "range" && e.ranges.length > 0 ? { mode: s, ranges: u(e.ranges) } : { mode: s, ranges: [] };
+  return r === "range" && e.ranges.length > 0 ? { mode: r, ranges: R(e.ranges) } : { mode: r, ranges: [] };
 }
-class q extends C {
+class M extends y {
   name = "selection";
-  version = "1.0.0";
+  styles = I;
   get defaultConfig() {
     return {
       mode: "cell"
@@ -321,32 +449,34 @@ class q extends C {
   // #endregion
   // #region Event Handlers
   onCellClick(e) {
-    const { rowIndex: t, colIndex: r, originalEvent: n } = e, { mode: o } = this.config;
+    const { rowIndex: t, colIndex: s, originalEvent: n } = e, { mode: o } = this.config, i = this.columns[s], c = i && h(i);
     if (o === "cell")
-      return this.selectedCell = { row: t, col: r }, this.emit("selection-change", this.#e()), this.requestAfterRender(), !1;
+      return c || (this.selectedCell = { row: t, col: s }, this.emit("selection-change", this.#e()), this.requestAfterRender()), !1;
     if (o === "row")
       return this.selected.clear(), this.selected.add(t), this.lastSelected = t, this.emit("selection-change", this.#e()), this.requestAfterRender(), !1;
     if (o === "range") {
-      const c = n.shiftKey, l = n.ctrlKey || n.metaKey;
-      if (c && this.cellAnchor) {
-        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 = {
+      if (c)
+        return !1;
+      const a = n.shiftKey, d = n.ctrlKey || n.metaKey;
+      if (a && this.cellAnchor) {
+        const l = u(this.cellAnchor, { row: t, col: s });
+        d ? this.ranges.length > 0 ? this.ranges[this.ranges.length - 1] = l : this.ranges.push(l) : this.ranges = [l], this.activeRange = l;
+      } else if (d) {
+        const l = {
           startRow: t,
-          startCol: r,
+          startCol: s,
           endRow: t,
-          endCol: r
+          endCol: s
         };
-        this.ranges.push(i), this.activeRange = i, this.cellAnchor = { row: t, col: r };
+        this.ranges.push(l), this.activeRange = l, this.cellAnchor = { row: t, col: s };
       } else {
-        const i = {
+        const l = {
           startRow: t,
-          startCol: r,
+          startCol: s,
           endRow: t,
-          endCol: r
+          endCol: s
         };
-        this.ranges = [i], this.activeRange = i, this.cellAnchor = { row: t, col: r };
+        this.ranges = [l], this.activeRange = l, this.cellAnchor = { row: t, col: s };
       }
       return this.emit("selection-change", this.#e()), this.requestAfterRender(), !1;
     }
@@ -365,41 +495,49 @@ class q extends C {
         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" && 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;
+      const o = e.key === "Tab", i = e.shiftKey && !o;
+      return i && !this.cellAnchor && (this.cellAnchor = { row: this.grid._focusRow, col: this.grid._focusCol }), this.pendingKeyboardUpdate = { shiftKey: i }, queueMicrotask(() => this.requestAfterRender()), !1;
     }
     if (t === "range" && e.key === "a" && (e.ctrlKey || e.metaKey)) {
-      const o = this.rows.length, c = this.columns.length;
-      if (o > 0 && c > 0) {
-        const l = {
+      const o = this.rows.length, i = this.columns.length;
+      if (o > 0 && i > 0) {
+        const c = {
           startRow: 0,
           startCol: 0,
           endRow: o - 1,
-          endCol: c - 1
+          endCol: i - 1
         };
-        return this.ranges = [l], this.activeRange = l, this.emit("selection-change", this.#e()), this.requestAfterRender(), !0;
+        return this.ranges = [c], this.activeRange = c, this.emit("selection-change", this.#e()), this.requestAfterRender(), !0;
       }
     }
     return !1;
   }
   onCellMouseDown(e) {
-    if (this.config.mode !== "range" || e.rowIndex === void 0 || e.colIndex === void 0 || e.rowIndex < 0 || e.originalEvent.shiftKey && this.cellAnchor)
+    if (this.config.mode !== "range" || e.rowIndex === void 0 || e.colIndex === void 0 || e.rowIndex < 0) return;
+    const t = this.columns[e.colIndex];
+    if (t && h(t) || e.originalEvent.shiftKey && this.cellAnchor)
       return;
     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 o = {
-      startRow: t,
-      startCol: r,
-      endRow: t,
-      endCol: r
+    const s = e.rowIndex, n = e.colIndex;
+    this.cellAnchor = { row: s, col: n }, e.originalEvent.ctrlKey || e.originalEvent.metaKey || (this.ranges = []);
+    const i = {
+      startRow: s,
+      startCol: n,
+      endRow: s,
+      endCol: n
     };
-    return this.ranges.push(o), this.activeRange = o, this.emit("selection-change", this.#e()), this.requestAfterRender(), !0;
+    return this.ranges.push(i), this.activeRange = i, 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 = 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;
+    let t = e.colIndex;
+    const s = this.columns[t];
+    if (s && h(s)) {
+      const o = this.columns.findIndex((i) => !h(i));
+      o >= 0 && (t = o);
+    }
+    const n = u(this.cellAnchor, { row: e.rowIndex, col: t });
+    return this.ranges.length > 0 ? this.ranges[this.ranges.length - 1] = n : this.ranges.push(n), this.activeRange = n, this.emit("selection-change", this.#e()), this.requestAfterRender(), !0;
   }
   onCellMouseUp(e) {
     if (this.config.mode === "range" && this.isDragging)
@@ -410,7 +548,7 @@ class q extends C {
    * Shared by afterRender and onScrollRender.
    */
   #t() {
-    const e = this.shadowRoot;
+    const e = this.gridElement;
     if (!e) return;
     const { mode: t } = this.config;
     e.querySelectorAll(".cell").forEach((o) => {
@@ -419,34 +557,42 @@ class q extends C {
     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 === "row" && (w(e), n.forEach((o) => {
+      const i = o.querySelector(".cell[data-row]"), c = b(i);
+      c >= 0 && this.selected.has(c) && o.classList.add("selected", "row-focus");
     })), t === "range" && this.ranges.length > 0) {
-      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 && 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")));
+      w(e);
+      const o = this.activeRange ? g(this.activeRange) : null, i = this.columns.findIndex((a) => !h(a));
+      this.columns.length - 1, e.querySelectorAll(".cell[data-row][data-col]").forEach((a) => {
+        const d = parseInt(a.getAttribute("data-row") ?? "-1", 10), l = parseInt(a.getAttribute("data-col") ?? "-1", 10);
+        if (d >= 0 && l >= 0) {
+          const f = this.columns[l];
+          if (f && h(f))
+            return;
+          if (m(d, l, this.ranges) && (a.classList.add("selected"), o)) {
+            d === o.startRow && a.classList.add("top"), d === o.endRow && a.classList.add("bottom");
+            const C = Math.max(o.startCol, i);
+            l === C && a.classList.add("first"), l === o.endCol && a.classList.add("last");
+          }
+        }
       });
     }
-    t === "cell" && this.selectedCell && d(e);
   }
   afterRender() {
-    const e = this.shadowRoot;
+    const e = this.gridElement;
     if (!e) return;
-    const t = e.children[0], { mode: r } = this.config;
-    if (this.pendingKeyboardUpdate && r === "range") {
+    const t = e.children[0], { mode: s } = this.config;
+    if (this.pendingKeyboardUpdate && s === "range") {
       const { shiftKey: n } = this.pendingKeyboardUpdate;
       this.pendingKeyboardUpdate = null;
-      const o = this.grid._focusRow, c = this.grid._focusCol;
+      const o = this.grid._focusRow, i = this.grid._focusCol;
       if (n && this.cellAnchor) {
-        const l = g(this.cellAnchor, { row: o, col: c });
-        this.ranges = [l], this.activeRange = l;
-      } else n || (this.ranges = [], this.activeRange = null, this.cellAnchor = { row: o, col: c });
+        const c = u(this.cellAnchor, { row: o, col: i });
+        this.ranges = [c], this.activeRange = c;
+      } else n || (this.ranges = [], this.activeRange = null, this.cellAnchor = { row: o, col: i });
       this.emit("selection-change", this.#e());
     }
-    this.grid.setAttribute("data-selection-mode", r), t && t.classList.toggle("selecting", this.isDragging), this.#t();
+    this.grid.setAttribute("data-selection-mode", s), t && t.classList.toggle("selecting", this.isDragging), this.#t();
   }
   /**
    * Called after scroll-triggered row rendering.
@@ -457,35 +603,62 @@ class q extends C {
   }
   // #endregion
   // #region Public API
+  /**
+   * Get the current selection as a unified result.
+   * Works for all selection modes and always returns ranges.
+   *
+   * @example
+   * ```ts
+   * const selection = plugin.getSelection();
+   * if (selection.ranges.length > 0) {
+   *   const { from, to } = selection.ranges[0];
+   *   // For cell mode: from === to (single cell)
+   *   // For row mode: from.col = 0, to.col = lastCol (full row)
+   *   // For range mode: rectangular selection
+   * }
+   * ```
+   */
+  getSelection() {
+    return {
+      mode: this.config.mode,
+      ranges: this.#e().ranges,
+      anchor: this.cellAnchor
+    };
+  }
   /**
    * Get the selected cell (cell mode only).
+   * @deprecated Use `getSelection()` instead for a unified API across all modes.
    */
   getSelectedCell() {
-    return this.selectedCell;
+    const { mode: e, ranges: t } = this.getSelection();
+    return e === "cell" && t.length > 0 ? t[0].from : null;
   }
   /**
    * Get all selected row indices (row mode).
+   * @deprecated Use `getSelection().ranges` instead - each range represents a full row.
    */
   getSelectedRows() {
-    return [...this.selected];
+    const { mode: e, ranges: t } = this.getSelection();
+    return e === "row" ? t.map((s) => s.from.row) : [];
   }
   /**
    * Get all selected cell ranges in public format.
+   * @deprecated Use `getSelection().ranges` instead.
    */
   getRanges() {
-    return u(this.ranges);
+    return this.getSelection().ranges;
   }
   /**
    * Get all selected cells across all ranges.
    */
   getSelectedCells() {
-    return A(this.ranges);
+    return E(this.ranges);
   }
   /**
    * Check if a specific cell is in range selection.
    */
   isCellSelected(e, t) {
-    return f(e, t, this.ranges);
+    return m(e, t, this.ranges);
   }
   /**
    * Clear all selection.
@@ -504,13 +677,13 @@ class q extends C {
       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: u(this.ranges)
+      ranges: R(this.ranges)
     }), this.requestAfterRender();
   }
   // #endregion
   // #region Private Helpers
   #e() {
-    return v(
+    return K(
       this.config.mode,
       {
         selectedCell: this.selectedCell,
@@ -521,43 +694,11 @@ class q extends C {
     );
   }
   // #endregion
-  // #region Styles
-  styles = y;
-  // #endregion
-}
-function S(s, e, t, r) {
-  const n = new Set(s.selected);
-  let o = s.anchor;
-  if (t === "single")
-    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++)
-        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: n, lastSelected: e, anchor: o };
-}
-function x(s) {
-  const e = /* @__PURE__ */ new Set();
-  for (let t = 0; t < s; t++)
-    e.add(t);
-  return e;
-}
-function I(s, e) {
-  const t = [], r = [];
-  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 {
-  q as SelectionPlugin,
-  I as computeSelectionDiff,
-  S as handleRowClick,
-  x as selectAll
+  M as SelectionPlugin,
+  D as computeSelectionDiff,
+  x as handleRowClick,
+  _ as selectAll
 };
 //# sourceMappingURL=index.js.map