@toolbox-web/grid 1.19.0 → 1.19.1

package/lib/plugins/selection/index.js

@@ -1,20 +1,20 @@
-function R(n) {
-  if (!n) return -1;
-  const e = n.getAttribute("data-row");
+function R(o) {
+  if (!o) return -1;
+  const e = o.getAttribute("data-row");
   if (e) return parseInt(e, 10);
-  const t = n.closest(".data-grid-row");
+  const t = o.closest(".data-grid-row");
   if (!t) return -1;
   const s = t.parentElement;
   if (!s) return -1;
-  const r = s.querySelectorAll(":scope > .data-grid-row");
-  for (let i = 0; i < r.length; i++)
-    if (r[i] === t) return i;
+  const i = s.querySelectorAll(":scope > .data-grid-row");
+  for (let r = 0; r < i.length; r++)
+    if (i[r] === t) return r;
   return -1;
 }
-function C(n) {
-  n && n.querySelectorAll(".cell-focus").forEach((e) => e.classList.remove("cell-focus"));
+function C(o) {
+  o && o.querySelectorAll(".cell-focus").forEach((e) => e.classList.remove("cell-focus"));
 }
-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>', A = {
+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>', v = {
   expand: "▶",
   collapse: "▼",
   sortAsc: "▲",
@@ -27,7 +27,7 @@ const p = '<svg viewBox="0 0 16 16" width="12" height="12"><path fill="currentCo
   filterActive: p,
   print: "🖨️"
 };
-class v {
+class E {
   /**
    * Plugin dependencies - declare other plugins this one requires.
    *
@@ -317,7 +317,7 @@ class v {
    */
   get gridIcons() {
     const e = this.grid?.gridConfig?.icons ?? {};
-    return { ...A, ...e };
+    return { ...v, ...e };
   }
   // #region Animation Helpers
   /**
@@ -393,69 +393,69 @@ class v {
   }
   // #endregion
 }
-const E = "__tbw_expander";
-function k(n) {
-  return n.field === E;
+const k = "__tbw_expander";
+function I(o) {
+  return o.field === k;
 }
-function f(n) {
-  return n.meta?.utility === !0;
+function f(o) {
+  return o.meta?.utility === !0;
 }
-function g(n) {
+function g(o) {
   return {
-    startRow: Math.min(n.startRow, n.endRow),
-    startCol: Math.min(n.startCol, n.endCol),
-    endRow: Math.max(n.startRow, n.endRow),
-    endCol: Math.max(n.startCol, n.endCol)
+    startRow: Math.min(o.startRow, o.endRow),
+    startCol: Math.min(o.startCol, o.endCol),
+    endRow: Math.max(o.startRow, o.endRow),
+    endCol: Math.max(o.startCol, o.endCol)
   };
 }
-function I(n) {
-  const e = g(n);
+function _(o) {
+  const e = g(o);
   return {
     from: { row: e.startRow, col: e.startCol },
     to: { row: e.endRow, col: e.endCol }
   };
 }
-function y(n) {
-  return n.map(I);
+function y(o) {
+  return o.map(_);
 }
-function _(n, e, t) {
+function q(o, e, t) {
   const s = g(t);
-  return n >= s.startRow && n <= s.endRow && e >= s.startCol && e <= s.endCol;
+  return o >= s.startRow && o <= s.endRow && e >= s.startCol && e <= s.endCol;
 }
-function q(n, e, t) {
-  return t.some((s) => _(n, e, s));
+function K(o, e, t) {
+  return t.some((s) => q(o, e, s));
 }
-function K(n) {
-  const e = [], t = g(n);
+function M(o) {
+  const e = [], t = g(o);
   for (let s = t.startRow; s <= t.endRow; s++)
-    for (let r = t.startCol; r <= t.endCol; r++)
-      e.push({ row: s, col: r });
+    for (let i = t.startCol; i <= t.endCol; i++)
+      e.push({ row: s, col: i });
   return e;
 }
-function M(n) {
+function F(o) {
   const e = /* @__PURE__ */ new Map();
-  for (const t of n)
-    for (const s of K(t))
+  for (const t of o)
+    for (const s of M(t))
       e.set(`${s.row},${s.col}`, s);
   return [...e.values()];
 }
-function m(n, e) {
+function m(o, e) {
   return {
-    startRow: n.row,
-    startCol: n.col,
+    startRow: o.row,
+    startCol: o.col,
     endRow: e.row,
     endCol: e.col
   };
 }
-function b(n, e) {
-  const t = g(n), s = g(e);
+function b(o, e) {
+  const t = g(o), s = g(e);
   return t.startRow === s.startRow && t.startCol === s.startCol && t.endRow === s.endRow && t.endCol === s.endCol;
 }
-const F = '@layer tbw-plugins{tbw-grid.selecting .data-grid-row>.cell{-webkit-user-select:none;user-select:none}tbw-grid:has(.selection){-webkit-user-select:none;user-select:none}tbw-grid .data-grid-row.row-focus{background-color:var(--tbw-focus-background, rgba(from var(--tbw-color-accent) r g b / 12%));outline:none;position:relative}tbw-grid .data-grid-row.row-focus:after{content:"";position:absolute;inset:0;pointer-events:none;border-width:0;border-style:var(--tbw-selection-border-style, var(--tbw-border-style));border-color:var(--tbw-range-border-color, var(--tbw-color-accent));border-top-width:var(--tbw-selection-border-width, var(--tbw-border-width));border-bottom-width:var(--tbw-selection-border-width, var(--tbw-border-width));z-index:1}tbw-grid .data-grid-row.row-focus+.data-grid-row.row-focus:after{border-top-width:0}tbw-grid .data-grid-row.row-focus:has(+.data-grid-row.row-focus):after{border-bottom-width:0}tbw-grid[data-selection-mode=row] .cell-focus,tbw-grid[data-selection-mode=row] .row-focus,tbw-grid[data-selection-mode=range] .cell-focus{outline:none}tbw-grid .data-grid-row>.cell.selected{background-color:var(--tbw-range-selection-bg);position:relative}tbw-grid .data-grid-row>.cell.selected:after{content:"";position:absolute;inset:0;pointer-events:none;border:0 var(--tbw-selection-border-style, var(--tbw-border-style)) var(--tbw-range-border-color);z-index:1}tbw-grid .data-grid-row>.cell.selected.top:after{border-top-width:var(--tbw-selection-border-width, var(--tbw-border-width))}tbw-grid .data-grid-row>.cell.selected.bottom:after{border-bottom-width:var(--tbw-selection-border-width, var(--tbw-border-width))}tbw-grid .data-grid-row>.cell.selected.first:after{border-left-width:var(--tbw-selection-border-width, var(--tbw-border-width))}tbw-grid .data-grid-row>.cell.selected.last:after{border-right-width:var(--tbw-selection-border-width, var(--tbw-border-width))}tbw-grid .data-grid-row[data-selectable=false]{cursor:not-allowed;opacity:.6}tbw-grid .data-grid-row[data-selectable=false].row-focus{background-color:var(--tbw-color-row-alt)}tbw-grid .data-grid-row>.cell[data-selectable=false]{cursor:not-allowed;opacity:.6}tbw-grid .data-grid-row>.cell[data-selectable=false].selected{background-color:var(--tbw-selection-warning-bg, rgba(from var(--tbw-color-error) r g b / 50%))}tbw-grid .tbw-selection-summary{font-size:var(--tbw-font-size-sm, .8125rem);color:var(--tbw-color-fg-muted);white-space:nowrap}tbw-grid .data-grid-row>.cell[data-field=__tbw_checkbox],tbw-grid .header-row>.cell[data-field=__tbw_checkbox]{text-align:center;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}tbw-grid .tbw-select-row-checkbox{pointer-events:none;margin:0;cursor:pointer}tbw-grid .tbw-checkbox-header{display:flex;justify-content:center;align-items:center;height:100%}tbw-grid .tbw-select-all-checkbox{margin:0;cursor:pointer}}', S = "__tbw_checkbox";
-function D(n, e, t) {
-  if (n === "cell" && e.selectedCell)
+const D = '@layer tbw-plugins{tbw-grid.selecting .data-grid-row>.cell{-webkit-user-select:none;user-select:none}tbw-grid:has(.selection){-webkit-user-select:none;user-select:none}tbw-grid .data-grid-row.row-focus{background-color:var(--tbw-focus-background, rgba(from var(--tbw-color-accent) r g b / 12%));outline:none;position:relative}tbw-grid .data-grid-row.row-focus:after{content:"";position:absolute;inset:0;pointer-events:none;border-width:0;border-style:var(--tbw-selection-border-style, var(--tbw-border-style));border-color:var(--tbw-range-border-color, var(--tbw-color-accent));border-top-width:var(--tbw-selection-border-width, var(--tbw-border-width));border-bottom-width:var(--tbw-selection-border-width, var(--tbw-border-width));z-index:1}tbw-grid .data-grid-row.row-focus+.data-grid-row.row-focus:after{border-top-width:0}tbw-grid .data-grid-row.row-focus:has(+.data-grid-row.row-focus):after{border-bottom-width:0}tbw-grid[data-selection-mode=row] .cell-focus,tbw-grid[data-selection-mode=row] .row-focus,tbw-grid[data-selection-mode=range] .cell-focus{outline:none}tbw-grid .data-grid-row>.cell.selected{background-color:var(--tbw-range-selection-bg);position:relative}tbw-grid .data-grid-row>.cell.selected:after{content:"";position:absolute;inset:0;pointer-events:none;border:0 var(--tbw-selection-border-style, var(--tbw-border-style)) var(--tbw-range-border-color);z-index:1}tbw-grid .data-grid-row>.cell.selected.top:after{border-top-width:var(--tbw-selection-border-width, var(--tbw-border-width))}tbw-grid .data-grid-row>.cell.selected.bottom:after{border-bottom-width:var(--tbw-selection-border-width, var(--tbw-border-width))}tbw-grid .data-grid-row>.cell.selected.first:after{border-left-width:var(--tbw-selection-border-width, var(--tbw-border-width))}tbw-grid .data-grid-row>.cell.selected.last:after{border-right-width:var(--tbw-selection-border-width, var(--tbw-border-width))}tbw-grid .data-grid-row[data-selectable=false]{cursor:not-allowed;opacity:.6}tbw-grid .data-grid-row[data-selectable=false].row-focus{background-color:var(--tbw-color-row-alt)}tbw-grid .data-grid-row>.cell[data-selectable=false]{cursor:not-allowed;opacity:.6}tbw-grid .data-grid-row>.cell[data-selectable=false].selected{background-color:var(--tbw-selection-warning-bg, rgba(from var(--tbw-color-error) r g b / 50%))}tbw-grid .tbw-selection-summary{font-size:var(--tbw-font-size-sm, .8125rem);color:var(--tbw-color-fg-muted);white-space:nowrap}tbw-grid .data-grid-row>.cell[data-field=__tbw_checkbox],tbw-grid .header-row>.cell[data-field=__tbw_checkbox]{text-align:center;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}tbw-grid .tbw-select-row-checkbox{pointer-events:none;margin:0;cursor:pointer}tbw-grid .tbw-checkbox-header{display:flex;justify-content:center;align-items:center;height:100%}tbw-grid .tbw-select-all-checkbox{margin:0;cursor:pointer}}', S = "__tbw_checkbox";
+function L(o, e, t) {
+  if (o === "cell" && e.selectedCell)
     return {
-      mode: n,
+      mode: o,
       ranges: [
         {
           from: { row: e.selectedCell.row, col: e.selectedCell.col },
@@ -463,16 +463,16 @@ function D(n, e, t) {
         }
       ]
     };
-  if (n === "row" && e.selected.size > 0) {
-    const s = [...e.selected].sort((l, d) => l - d), r = [];
-    let i = s[0], o = i;
+  if (o === "row" && e.selected.size > 0) {
+    const s = [...e.selected].sort((l, h) => l - h), i = [];
+    let r = s[0], n = r;
     for (let l = 1; l < s.length; l++)
-      s[l] === o + 1 ? o = s[l] : (r.push({ from: { row: i, col: 0 }, to: { row: o, col: t - 1 } }), i = s[l], o = i);
-    return r.push({ from: { row: i, col: 0 }, to: { row: o, col: t - 1 } }), { mode: n, ranges: r };
+      s[l] === n + 1 ? n = s[l] : (i.push({ from: { row: r, col: 0 }, to: { row: n, col: t - 1 } }), r = s[l], n = r);
+    return i.push({ from: { row: r, col: 0 }, to: { row: n, col: t - 1 } }), { mode: o, ranges: i };
   }
-  return n === "range" && e.ranges.length > 0 ? { mode: n, ranges: y(e.ranges) } : { mode: n, ranges: [] };
+  return o === "range" && e.ranges.length > 0 ? { mode: o, ranges: y(e.ranges) } : { mode: o, ranges: [] };
 }
-class L extends v {
+class P extends E {
   /**
    * Plugin manifest - declares queries and configuration validation rules.
    * @internal
@@ -498,13 +498,14 @@ class L extends v {
   /** @internal */
   name = "selection";
   /** @internal */
-  styles = F;
+  styles = D;
   /** @internal */
   get defaultConfig() {
     return {
       mode: "cell",
       triggerOn: "click",
-      enabled: !0
+      enabled: !0,
+      multiSelect: !0
     };
   }
   // #region Internal State
@@ -545,10 +546,10 @@ class L extends v {
   checkSelectable(e, t) {
     const { isSelectable: s } = this.config;
     if (!s) return !0;
-    const r = this.rows[e];
-    if (!r) return !1;
-    const i = t !== void 0 ? this.columns[t] : void 0;
-    return s(r, e, i, t);
+    const i = this.rows[e];
+    if (!i) return !1;
+    const r = t !== void 0 ? this.columns[t] : void 0;
+    return s(i, e, r, t);
   }
   /**
    * Check if an entire row is selectable (for row mode).
@@ -598,26 +599,26 @@ class L extends v {
   /** @internal */
   onCellClick(e) {
     if (!this.isSelectionEnabled()) return !1;
-    const { rowIndex: t, colIndex: s, originalEvent: r } = e, { mode: i, triggerOn: o = "click" } = this.config;
-    if (r.type !== o)
+    const { rowIndex: t, colIndex: s, originalEvent: i } = e, { mode: r, triggerOn: n = "click" } = this.config;
+    if (i.type !== n)
       return !1;
-    const l = this.columns[s], d = l && f(l);
-    if (i === "cell") {
-      if (d || !this.isCellSelectable(t, s))
+    const l = this.columns[s], h = l && f(l);
+    if (r === "cell") {
+      if (h || !this.isCellSelectable(t, s))
         return !1;
       const a = this.selectedCell;
       return a && a.row === t && a.col === s || (this.selectedCell = { row: t, col: s }, this.emit("selection-change", this.#e()), this.requestAfterRender()), !1;
     }
-    if (i === "row") {
+    if (r === "row") {
       if (!this.isRowSelectable(t))
         return !1;
-      const a = r.shiftKey, h = r.ctrlKey || r.metaKey, c = l?.meta?.checkboxColumn === !0;
-      if (a && this.anchor !== null) {
-        const u = Math.min(this.anchor, t), x = Math.max(this.anchor, t);
-        h || this.selected.clear();
-        for (let w = u; w <= x; w++)
+      const a = this.config.multiSelect !== !1, d = i.shiftKey && a, c = (i.ctrlKey || i.metaKey) && a, u = l?.meta?.checkboxColumn === !0;
+      if (d && this.anchor !== null) {
+        const x = Math.min(this.anchor, t), A = Math.max(this.anchor, t);
+        c || this.selected.clear();
+        for (let w = x; w <= A; w++)
           this.isRowSelectable(w) && this.selected.add(w);
-      } else if (h || c)
+      } else if (c || u && a)
         this.selected.has(t) ? this.selected.delete(t) : this.selected.add(t), this.anchor = t;
       else {
         if (this.selected.size === 1 && this.selected.has(t))
@@ -626,16 +627,16 @@ class L extends v {
       }
       return this.lastSelected = t, this.explicitSelection = !0, this.emit("selection-change", this.#e()), this.requestAfterRender(), !1;
     }
-    if (i === "range") {
-      if (d || !this.isCellSelectable(t, s))
+    if (r === "range") {
+      if (h || !this.isCellSelectable(t, s))
         return !1;
-      const a = r.shiftKey, h = r.ctrlKey || r.metaKey;
+      const a = i.shiftKey, d = (i.ctrlKey || i.metaKey) && this.config.multiSelect !== !1;
       if (a && this.cellAnchor) {
         const c = m(this.cellAnchor, { row: t, col: s }), u = this.ranges.length > 0 ? this.ranges[this.ranges.length - 1] : null;
         if (u && b(u, c))
           return !1;
-        h ? this.ranges.length > 0 ? this.ranges[this.ranges.length - 1] = c : this.ranges.push(c) : this.ranges = [c], this.activeRange = c;
-      } else if (h) {
+        d ? this.ranges.length > 0 ? this.ranges[this.ranges.length - 1] = c : this.ranges.push(c) : this.ranges = [c], this.activeRange = c;
+      } else if (d) {
         const c = {
           startRow: t,
           startCol: s,
@@ -661,37 +662,38 @@ class L extends v {
   /** @internal */
   onKeyDown(e) {
     if (!this.isSelectionEnabled()) return !1;
-    const { mode: t } = this.config, r = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", "Tab", "Home", "End", "PageUp", "PageDown"].includes(e.key);
+    const { mode: t } = this.config, i = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", "Tab", "Home", "End", "PageUp", "PageDown"].includes(e.key);
     if (e.key === "Escape")
       return this.grid.query("isEditing").some(Boolean) ? !1 : (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" && r)
+    if (t === "cell" && i)
       return queueMicrotask(() => {
-        const i = this.grid._focusRow, o = this.grid._focusCol;
-        this.isCellSelectable(i, o) ? this.selectedCell = { row: i, col: o } : this.selectedCell = null, this.emit("selection-change", this.#e()), this.requestAfterRender();
+        const r = this.grid._focusRow, n = this.grid._focusCol;
+        this.isCellSelectable(r, n) ? this.selectedCell = { row: r, col: n } : this.selectedCell = null, this.emit("selection-change", this.#e()), this.requestAfterRender();
       }), !1;
     if (t === "row") {
+      const r = this.config.multiSelect !== !1;
       if (e.key === "ArrowUp" || e.key === "ArrowDown") {
-        const i = e.shiftKey;
-        return i && this.anchor === null && (this.anchor = this.grid._focusRow), queueMicrotask(() => {
-          const o = this.grid._focusRow;
-          if (i && this.anchor !== null) {
+        const n = e.shiftKey && r;
+        return n && this.anchor === null && (this.anchor = this.grid._focusRow), queueMicrotask(() => {
+          const l = this.grid._focusRow;
+          if (n && this.anchor !== null) {
             this.selected.clear();
-            const l = Math.min(this.anchor, o), d = Math.max(this.anchor, o);
-            for (let a = l; a <= d; a++)
-              this.isRowSelectable(a) && this.selected.add(a);
+            const h = Math.min(this.anchor, l), a = Math.max(this.anchor, l);
+            for (let d = h; d <= a; d++)
+              this.isRowSelectable(d) && this.selected.add(d);
           } else
-            this.isRowSelectable(o) ? (this.selected.clear(), this.selected.add(o), this.anchor = o) : this.selected.clear();
-          this.lastSelected = o, this.explicitSelection = !0, this.emit("selection-change", this.#e()), this.requestAfterRender();
+            this.isRowSelectable(l) ? (this.selected.clear(), this.selected.add(l), this.anchor = l) : this.selected.clear();
+          this.lastSelected = l, this.explicitSelection = !0, this.emit("selection-change", this.#e()), this.requestAfterRender();
         }), !1;
       }
-      if (e.key === "a" && (e.ctrlKey || e.metaKey))
+      if (r && e.key === "a" && (e.ctrlKey || e.metaKey))
         return this.grid.query("isEditing").some(Boolean) ? !1 : (e.preventDefault(), e.stopPropagation(), this.selectAll(), !0);
     }
-    if (t === "range" && r) {
-      const i = e.key === "Tab", o = e.shiftKey && !i;
-      return o && !this.cellAnchor && (this.cellAnchor = { row: this.grid._focusRow, col: this.grid._focusCol }), this.pendingKeyboardUpdate = { shiftKey: o }, queueMicrotask(() => this.requestAfterRender()), !1;
+    if (t === "range" && i) {
+      const r = e.key === "Tab", n = e.shiftKey && !r;
+      return n && !this.cellAnchor && (this.cellAnchor = { row: this.grid._focusRow, col: this.grid._focusCol }), this.pendingKeyboardUpdate = { shiftKey: n }, queueMicrotask(() => this.requestAfterRender()), !1;
     }
-    return t === "range" && e.key === "a" && (e.ctrlKey || e.metaKey) ? this.grid.query("isEditing").some(Boolean) ? !1 : (e.preventDefault(), e.stopPropagation(), this.selectAll(), !0) : !1;
+    return t === "range" && this.config.multiSelect !== !1 && e.key === "a" && (e.ctrlKey || e.metaKey) ? this.grid.query("isEditing").some(Boolean) ? !1 : (e.preventDefault(), e.stopPropagation(), this.selectAll(), !0) : !1;
   }
   /** @internal */
   onCellMouseDown(e) {
@@ -700,13 +702,13 @@ class L extends v {
     if (t && f(t) || !this.isCellSelectable(e.rowIndex, e.colIndex) || e.originalEvent.shiftKey && this.cellAnchor)
       return;
     this.isDragging = !0;
-    const s = e.rowIndex, r = e.colIndex, i = e.originalEvent.ctrlKey || e.originalEvent.metaKey, o = {
+    const s = e.rowIndex, i = e.colIndex, r = (e.originalEvent.ctrlKey || e.originalEvent.metaKey) && this.config.multiSelect !== !1, n = {
       startRow: s,
-      startCol: r,
+      startCol: i,
       endRow: s,
-      endCol: r
+      endCol: i
     };
-    return !i && this.ranges.length === 1 && b(this.ranges[0], o) ? (this.cellAnchor = { row: s, col: r }, !0) : (this.cellAnchor = { row: s, col: r }, i || (this.ranges = []), this.ranges.push(o), this.activeRange = o, this.emit("selection-change", this.#e()), this.requestAfterRender(), !0);
+    return !r && this.ranges.length === 1 && b(this.ranges[0], n) ? (this.cellAnchor = { row: s, col: i }, !0) : (this.cellAnchor = { row: s, col: i }, r || (this.ranges = []), this.ranges.push(n), this.activeRange = n, this.emit("selection-change", this.#e()), this.requestAfterRender(), !0);
   }
   /** @internal */
   onCellMouseMove(e) {
@@ -714,11 +716,11 @@ class L extends v {
     let t = e.colIndex;
     const s = this.columns[t];
     if (s && f(s)) {
-      const o = this.columns.findIndex((l) => !f(l));
-      o >= 0 && (t = o);
+      const n = this.columns.findIndex((l) => !f(l));
+      n >= 0 && (t = n);
     }
-    const r = m(this.cellAnchor, { row: e.rowIndex, col: t }), i = this.ranges.length > 0 ? this.ranges[this.ranges.length - 1] : null;
-    return i && b(i, r) || (this.ranges.length > 0 ? this.ranges[this.ranges.length - 1] = r : this.ranges.push(r), this.activeRange = r, this.emit("selection-change", this.#e()), this.requestAfterRender()), !0;
+    const i = m(this.cellAnchor, { row: e.rowIndex, col: t }), r = this.ranges.length > 0 ? this.ranges[this.ranges.length - 1] : null;
+    return r && b(r, i) || (this.ranges.length > 0 ? this.ranges[this.ranges.length - 1] = i : this.ranges.push(i), this.activeRange = i, this.emit("selection-change", this.#e()), this.requestAfterRender()), !0;
   }
   /** @internal */
   onCellMouseUp(e) {
@@ -732,10 +734,10 @@ class L extends v {
    */
   processColumns(e) {
     if (this.config.checkbox && this.config.mode === "row") {
-      if (e.some((i) => i.field === S))
+      if (e.some((r) => r.field === S))
         return e;
-      const t = this.#t(), s = e.findIndex(k), r = s >= 0 ? s + 1 : 0;
-      return [...e.slice(0, r), t, ...e.slice(r)];
+      const t = this.#t(), s = e.findIndex(I), i = s >= 0 ? s + 1 : 0;
+      return [...e.slice(0, i), t, ...e.slice(i)];
     }
     return e;
   }
@@ -757,7 +759,7 @@ class L extends v {
       },
       headerRenderer: () => {
         const e = document.createElement("div");
-        e.className = "tbw-checkbox-header";
+        if (e.className = "tbw-checkbox-header", this.config.multiSelect === !1) return e;
         const t = document.createElement("input");
         return t.type = "checkbox", t.className = "tbw-select-all-checkbox", t.addEventListener("click", (s) => {
           s.stopPropagation(), s.target.checked ? this.selectAll() : this.clearSelection();
@@ -768,8 +770,8 @@ class L extends v {
         t.type = "checkbox", t.className = "tbw-select-row-checkbox";
         const s = e.cellEl;
         if (s) {
-          const r = parseInt(s.getAttribute("data-row") ?? "-1", 10);
-          r >= 0 && (t.checked = this.selected.has(r));
+          const i = parseInt(s.getAttribute("data-row") ?? "-1", 10);
+          i >= 0 && (t.checked = this.selected.has(i));
         }
         return t;
       }
@@ -779,22 +781,22 @@ class L extends v {
    * Update checkbox checked states to reflect current selection.
    * Called from #applySelectionClasses.
    */
-  #r(e) {
-    e.querySelectorAll(".tbw-select-row-checkbox").forEach((r) => {
-      const i = r.closest(".cell"), o = i ? R(i) : -1;
-      o >= 0 && (r.checked = this.selected.has(o));
+  #i(e) {
+    e.querySelectorAll(".tbw-select-row-checkbox").forEach((i) => {
+      const r = i.closest(".cell"), n = r ? R(r) : -1;
+      n >= 0 && (i.checked = this.selected.has(n));
     });
     const s = e.querySelector(".tbw-select-all-checkbox");
     if (s) {
-      const r = this.rows.length;
-      let i = 0;
+      const i = this.rows.length;
+      let r = 0;
       if (this.config.isSelectable)
-        for (let d = 0; d < r; d++)
-          this.isRowSelectable(d) && i++;
+        for (let h = 0; h < i; h++)
+          this.isRowSelectable(h) && r++;
       else
-        i = r;
-      const o = i > 0 && this.selected.size >= i, l = this.selected.size > 0;
-      s.checked = o, s.indeterminate = l && !o;
+        r = i;
+      const n = r > 0 && this.selected.size >= r, l = this.selected.size > 0;
+      s.checked = n, s.indeterminate = l && !n;
     }
   }
   // #endregion
@@ -805,7 +807,7 @@ class L extends v {
    * Only updates when the focus has changed since the last sync.
    * Skips when `explicitSelection` is set (click/keyboard set selection directly).
    */
-  #i(e) {
+  #r(e) {
     const t = this.grid._focusRow, s = this.grid._focusCol;
     if (e === "row") {
       if (this.explicitSelection) {
@@ -820,8 +822,8 @@ class L extends v {
         return;
       }
       if ((t !== this.lastSyncedFocusRow || s !== this.lastSyncedFocusCol) && (this.lastSyncedFocusRow = t, this.lastSyncedFocusCol = s, this.isCellSelectable(t, s))) {
-        const r = this.selectedCell;
-        (!r || r.row !== t || r.col !== s) && (this.selectedCell = { row: t, col: s }, this.emit("selection-change", this.#e()));
+        const i = this.selectedCell;
+        (!i || i.row !== t || i.col !== s) && (this.selectedCell = { row: t, col: s }, this.emit("selection-change", this.#e()));
       }
     }
   }
@@ -833,33 +835,33 @@ class L extends v {
     const e = this.gridElement;
     if (!e) return;
     const { mode: t } = this.config, s = !!this.config.isSelectable;
-    e.querySelectorAll(".cell").forEach((o) => {
-      o.classList.remove("selected", "top", "bottom", "first", "last"), s && o.removeAttribute("data-selectable");
+    e.querySelectorAll(".cell").forEach((n) => {
+      n.classList.remove("selected", "top", "bottom", "first", "last"), s && n.removeAttribute("data-selectable");
     });
-    const i = e.querySelectorAll(".data-grid-row");
-    if (i.forEach((o) => {
-      o.classList.remove("selected", "row-focus"), s && o.removeAttribute("data-selectable");
-    }), t === "row" && (C(e), i.forEach((o) => {
-      const l = o.querySelector(".cell[data-row]"), d = R(l);
-      d >= 0 && (s && !this.isRowSelectable(d) && o.setAttribute("data-selectable", "false"), this.selected.has(d) && o.classList.add("selected", "row-focus"));
-    }), this.config.checkbox && this.#r(e)), (t === "cell" || t === "range") && s && e.querySelectorAll(".cell[data-row][data-col]").forEach((l) => {
-      const d = parseInt(l.getAttribute("data-row") ?? "-1", 10), a = parseInt(l.getAttribute("data-col") ?? "-1", 10);
-      d >= 0 && a >= 0 && (this.isCellSelectable(d, a) || l.setAttribute("data-selectable", "false"));
+    const r = e.querySelectorAll(".data-grid-row");
+    if (r.forEach((n) => {
+      n.classList.remove("selected", "row-focus"), s && n.removeAttribute("data-selectable");
+    }), t === "row" && (C(e), r.forEach((n) => {
+      const l = n.querySelector(".cell[data-row]"), h = R(l);
+      h >= 0 && (s && !this.isRowSelectable(h) && n.setAttribute("data-selectable", "false"), this.selected.has(h) && n.classList.add("selected", "row-focus"));
+    }), this.config.checkbox && this.#i(e)), (t === "cell" || t === "range") && s && e.querySelectorAll(".cell[data-row][data-col]").forEach((l) => {
+      const h = parseInt(l.getAttribute("data-row") ?? "-1", 10), a = parseInt(l.getAttribute("data-col") ?? "-1", 10);
+      h >= 0 && a >= 0 && (this.isCellSelectable(h, a) || l.setAttribute("data-selectable", "false"));
     }), t === "range" && this.ranges.length > 0) {
       C(e);
-      const o = this.ranges.map(g), l = (a, h) => {
-        for (const c of o)
-          if (a >= c.startRow && a <= c.endRow && h >= c.startCol && h <= c.endCol)
+      const n = this.ranges.map(g), l = (a, d) => {
+        for (const c of n)
+          if (a >= c.startRow && a <= c.endRow && d >= c.startCol && d <= c.endCol)
             return !0;
         return !1;
       };
       e.querySelectorAll(".cell[data-row][data-col]").forEach((a) => {
-        const h = parseInt(a.getAttribute("data-row") ?? "-1", 10), c = parseInt(a.getAttribute("data-col") ?? "-1", 10);
-        if (h >= 0 && c >= 0) {
+        const d = parseInt(a.getAttribute("data-row") ?? "-1", 10), c = parseInt(a.getAttribute("data-col") ?? "-1", 10);
+        if (d >= 0 && c >= 0) {
           const u = this.columns[c];
           if (u && f(u))
             return;
-          l(h, c) && (a.classList.add("selected"), l(h - 1, c) || a.classList.add("top"), l(h + 1, c) || a.classList.add("bottom"), l(h, c - 1) || a.classList.add("first"), l(h, c + 1) || a.classList.add("last"));
+          l(d, c) && (a.classList.add("selected"), l(d - 1, c) || a.classList.add("top"), l(d + 1, c) || a.classList.add("bottom"), l(d, c - 1) || a.classList.add("first"), l(d, c + 1) || a.classList.add("last"));
         }
       });
     }
@@ -871,16 +873,16 @@ class L extends v {
     if (!e) return;
     const t = e.children[0], { mode: s } = this.config;
     if (this.pendingKeyboardUpdate && s === "range") {
-      const { shiftKey: r } = this.pendingKeyboardUpdate;
+      const { shiftKey: i } = this.pendingKeyboardUpdate;
       this.pendingKeyboardUpdate = null;
-      const i = this.grid._focusRow, o = this.grid._focusCol;
-      if (r && this.cellAnchor) {
-        const l = m(this.cellAnchor, { row: i, col: o });
+      const r = this.grid._focusRow, n = this.grid._focusCol;
+      if (i && this.cellAnchor) {
+        const l = m(this.cellAnchor, { row: r, col: n });
         this.ranges = [l], this.activeRange = l;
-      } else r || (this.ranges = [], this.activeRange = null, this.cellAnchor = { row: i, col: o });
+      } else i || (this.ranges = [], this.activeRange = null, this.cellAnchor = { row: r, col: n });
       this.emit("selection-change", this.#e());
     }
-    this.#i(s), this.grid.setAttribute("data-selection-mode", s), t && t.classList.toggle("selecting", this.isDragging), this.#s();
+    this.#r(s), this.grid.setAttribute("data-selection-mode", s), t && t.classList.toggle("selecting", this.isDragging), this.#s();
   }
   /**
    * Called after scroll-triggered row rendering.
@@ -918,13 +920,13 @@ class L extends v {
    * Get all selected cells across all ranges.
    */
   getSelectedCells() {
-    return M(this.ranges);
+    return F(this.ranges);
   }
   /**
    * Check if a specific cell is in range selection.
    */
   isCellSelected(e, t) {
-    return q(e, t, this.ranges);
+    return K(e, t, this.ranges);
   }
   /**
    * Select all selectable rows (row mode) or all cells (range mode).
@@ -940,22 +942,24 @@ class L extends v {
    * ```
    */
   selectAll() {
-    const { mode: e } = this.config;
-    if (e === "row") {
-      this.selected.clear();
-      for (let t = 0; t < this.rows.length; t++)
-        this.isRowSelectable(t) && this.selected.add(t);
-      this.explicitSelection = !0, this.emit("selection-change", this.#e()), this.requestAfterRender();
-    } else if (e === "range") {
-      const t = this.rows.length, s = this.columns.length;
-      if (t > 0 && s > 0) {
-        const r = {
-          startRow: 0,
-          startCol: 0,
-          endRow: t - 1,
-          endCol: s - 1
-        };
-        this.ranges = [r], this.activeRange = r, this.emit("selection-change", this.#e()), this.requestAfterRender();
+    const { mode: e, multiSelect: t } = this.config;
+    if (t !== !1) {
+      if (e === "row") {
+        this.selected.clear();
+        for (let s = 0; s < this.rows.length; s++)
+          this.isRowSelectable(s) && this.selected.add(s);
+        this.explicitSelection = !0, this.emit("selection-change", this.#e()), this.requestAfterRender();
+      } else if (e === "range") {
+        const s = this.rows.length, i = this.columns.length;
+        if (s > 0 && i > 0) {
+          const r = {
+            startRow: 0,
+            startCol: 0,
+            endRow: s - 1,
+            endCol: i - 1
+          };
+          this.ranges = [r], this.activeRange = r, this.emit("selection-change", this.#e()), this.requestAfterRender();
+        }
       }
     }
   }
@@ -973,12 +977,12 @@ class L extends v {
    * ```
    */
   selectRows(e) {
-    if (this.config.mode === "row") {
-      this.selected.clear();
-      for (const t of e)
-        t >= 0 && t < this.rows.length && this.isRowSelectable(t) && this.selected.add(t);
-      this.anchor = e.length > 0 ? e[e.length - 1] : null, this.explicitSelection = !0, this.emit("selection-change", this.#e()), this.requestAfterRender();
-    }
+    if (this.config.mode !== "row") return;
+    const t = this.config.multiSelect === !1 && e.length > 1 ? [e[e.length - 1]] : e;
+    this.selected.clear();
+    for (const s of t)
+      s >= 0 && s < this.rows.length && this.isRowSelectable(s) && this.selected.add(s);
+    this.anchor = t.length > 0 ? t[t.length - 1] : null, this.explicitSelection = !0, this.emit("selection-change", this.#e()), this.requestAfterRender();
   }
   /**
    * Get the indices of all selected rows (convenience for row mode).
@@ -1020,12 +1024,12 @@ class L extends v {
     }
     if (e === "range" && this.ranges.length > 0) {
       const s = /* @__PURE__ */ new Set();
-      for (const r of this.ranges) {
-        const i = Math.max(0, Math.min(r.startRow, r.endRow)), o = Math.min(t.length - 1, Math.max(r.startRow, r.endRow));
-        for (let l = i; l <= o; l++)
+      for (const i of this.ranges) {
+        const r = Math.max(0, Math.min(i.startRow, i.endRow)), n = Math.min(t.length - 1, Math.max(i.startRow, i.endRow));
+        for (let l = r; l <= n; l++)
           s.add(l);
       }
-      return [...s].sort((r, i) => r - i).map((r) => t[r]);
+      return [...s].sort((i, r) => i - r).map((i) => t[i]);
     }
     return [];
   }
@@ -1052,7 +1056,7 @@ class L extends v {
   // #endregion
   // #region Private Helpers
   #e() {
-    return D(
+    return L(
       this.config.mode,
       {
         selectedCell: this.selectedCell,
@@ -1065,6 +1069,6 @@ class L extends v {
   // #endregion
 }
 export {
-  L as SelectionPlugin
+  P as SelectionPlugin
 };
 //# sourceMappingURL=index.js.map