@toolbox-web/grid 1.13.0 → 1.14.1

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

@@ -1 +1 @@
-{"version":3,"file":"SelectionPlugin.d.ts","sourceRoot":"","sources":["../../../../../../libs/grid/src/lib/plugins/selection/SelectionPlugin.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"SelectionPlugin.d.ts","sourceRoot":"","sources":["../../../../../../libs/grid/src/lib/plugins/selection/SelectionPlugin.ts"],"names":[],"mappings":"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"}

package/lib/plugins/selection/index.js

@@ -7,8 +7,8 @@ function R(n) {
   const s = t.parentElement;
   if (!s) return -1;
   const i = s.querySelectorAll(":scope > .data-grid-row");
-  for (let l = 0; l < i.length; l++)
-    if (i[l] === t) return l;
+  for (let r = 0; r < i.length; r++)
+    if (i[r] === t) return r;
   return -1;
 }
 function C(n) {
@@ -27,7 +27,7 @@ const p = '<svg viewBox="0 0 16 16" width="12" height="12"><path fill="currentCo
   filterActive: p,
   print: "🖨️"
 };
-class k {
+class v {
   /**
    * Plugin dependencies - declare other plugins this one requires.
    *
@@ -394,7 +394,7 @@ class k {
   // #endregion
 }
 const E = "__tbw_expander";
-function I(n) {
+function k(n) {
   return n.field === E;
 }
 function f(n) {
@@ -408,15 +408,15 @@ function g(n) {
     endCol: Math.max(n.startCol, n.endCol)
   };
 }
-function v(n) {
+function I(n) {
   const e = g(n);
   return {
     from: { row: e.startRow, col: e.startCol },
     to: { row: e.endRow, col: e.endCol }
   };
 }
-function y(n) {
-  return n.map(v);
+function S(n) {
+  return n.map(I);
 }
 function _(n, e, t) {
   const s = g(t);
@@ -451,7 +451,7 @@ function b(n, e) {
   const t = g(n), 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-has-focus] .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-has-focus] .data-grid-row.row-focus:after{content:"";position:absolute;inset:0;pointer-events:none;border:0 solid var(--tbw-range-border-color, var(--tbw-color-accent));border-top-width:2px;border-bottom-width:2px;z-index:1}tbw-grid[data-has-focus] .data-grid-row.row-focus+.data-grid-row.row-focus:after{border-top-width:0}tbw-grid[data-has-focus] .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 solid var(--tbw-range-border-color);z-index:1}tbw-grid .data-grid-row>.cell.selected.top:after{border-top-width:2px}tbw-grid .data-grid-row>.cell.selected.bottom:after{border-bottom-width:2px}tbw-grid .data-grid-row>.cell.selected.first:after{border-left-width:2px}tbw-grid .data-grid-row>.cell.selected.last:after{border-right-width:2px}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";
+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}}', y = "__tbw_checkbox";
 function D(n, e, t) {
   if (n === "cell" && e.selectedCell)
     return {
@@ -464,21 +464,25 @@ function D(n, e, t) {
       ]
     };
   if (n === "row" && e.selected.size > 0) {
-    const s = [...e.selected].sort((o, h) => o - h), i = [];
-    let l = s[0], r = l;
-    for (let o = 1; o < s.length; o++)
-      s[o] === r + 1 ? r = s[o] : (i.push({ from: { row: l, col: 0 }, to: { row: r, col: t - 1 } }), l = s[o], r = l);
-    return i.push({ from: { row: l, col: 0 }, to: { row: r, col: t - 1 } }), { mode: n, ranges: i };
+    const s = [...e.selected].sort((l, d) => l - d), i = [];
+    let r = s[0], o = r;
+    for (let l = 1; l < s.length; l++)
+      s[l] === o + 1 ? o = s[l] : (i.push({ from: { row: r, col: 0 }, to: { row: o, col: t - 1 } }), r = s[l], o = r);
+    return i.push({ from: { row: r, col: 0 }, to: { row: o, col: t - 1 } }), { mode: n, ranges: i };
   }
-  return n === "range" && e.ranges.length > 0 ? { mode: n, ranges: y(e.ranges) } : { mode: n, ranges: [] };
+  return n === "range" && e.ranges.length > 0 ? { mode: n, ranges: S(e.ranges) } : { mode: n, ranges: [] };
 }
-class L extends k {
+class L extends v {
   /**
    * Plugin manifest - declares queries and configuration validation rules.
    * @internal
    */
   static manifest = {
-    queries: [{ type: "getSelection", description: "Get the current selection state" }],
+    queries: [
+      { type: "getSelection", description: "Get the current selection state" },
+      { type: "selectRows", description: "Select specific rows by index (row mode only)" },
+      { type: "getSelectedRowIndices", description: "Get sorted array of selected row indices" }
+    ],
     configRules: [
       {
         id: "selection/range-dblclick",
@@ -542,8 +546,8 @@ class L extends k {
     if (!s) return !0;
     const i = this.rows[e];
     if (!i) return !1;
-    const l = t !== void 0 ? this.columns[t] : void 0;
-    return s(i, e, l, t);
+    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).
@@ -570,6 +574,10 @@ class L extends k {
   handleQuery(e) {
     if (e.type === "getSelection")
       return this.getSelection();
+    if (e.type === "getSelectedRowIndices")
+      return this.getSelectedRowIndices();
+    if (e.type === "selectRows")
+      return this.selectRows(e.context), !0;
   }
   /** @internal */
   detach() {
@@ -587,26 +595,26 @@ class L extends k {
   /** @internal */
   onCellClick(e) {
     if (!this.isSelectionEnabled()) return !1;
-    const { rowIndex: t, colIndex: s, originalEvent: i } = e, { mode: l, triggerOn: r = "click" } = this.config;
-    if (i.type !== r)
+    const { rowIndex: t, colIndex: s, originalEvent: i } = e, { mode: r, triggerOn: o = "click" } = this.config;
+    if (i.type !== o)
       return !1;
-    const o = this.columns[s], h = o && f(o);
-    if (l === "cell") {
-      if (h || !this.isCellSelectable(t, s))
+    const l = this.columns[s], d = l && f(l);
+    if (r === "cell") {
+      if (d || !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 (l === "row") {
+    if (r === "row") {
       if (!this.isRowSelectable(t))
         return !1;
-      const a = i.shiftKey, d = i.ctrlKey || i.metaKey, c = o?.meta?.checkboxColumn === !0;
+      const a = i.shiftKey, h = i.ctrlKey || i.metaKey, c = l?.meta?.checkboxColumn === !0;
       if (a && this.anchor !== null) {
         const u = Math.min(this.anchor, t), x = Math.max(this.anchor, t);
-        d || this.selected.clear();
+        h || this.selected.clear();
         for (let w = u; w <= x; w++)
           this.isRowSelectable(w) && this.selected.add(w);
-      } else if (d || c)
+      } else if (h || c)
         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))
@@ -615,16 +623,16 @@ class L extends k {
       }
       return this.lastSelected = t, this.explicitSelection = !0, this.emit("selection-change", this.#e()), this.requestAfterRender(), !1;
     }
-    if (l === "range") {
-      if (h || !this.isCellSelectable(t, s))
+    if (r === "range") {
+      if (d || !this.isCellSelectable(t, s))
         return !1;
-      const a = i.shiftKey, d = i.ctrlKey || i.metaKey;
+      const a = i.shiftKey, h = i.ctrlKey || i.metaKey;
       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;
-        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) {
+        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) {
         const c = {
           startRow: t,
           startCol: s,
@@ -652,35 +660,35 @@ class L extends k {
     if (!this.isSelectionEnabled()) return !1;
     const { mode: t } = this.config, i = ["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;
+      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" && i)
       return queueMicrotask(() => {
-        const l = this.grid._focusRow, r = this.grid._focusCol;
-        this.isCellSelectable(l, r) ? this.selectedCell = { row: l, col: r } : this.selectedCell = null, this.emit("selection-change", this.#e()), this.requestAfterRender();
+        const r = this.grid._focusRow, o = this.grid._focusCol;
+        this.isCellSelectable(r, o) ? this.selectedCell = { row: r, col: o } : this.selectedCell = null, this.emit("selection-change", this.#e()), this.requestAfterRender();
       }), !1;
     if (t === "row") {
       if (e.key === "ArrowUp" || e.key === "ArrowDown") {
-        const l = e.shiftKey;
-        return l && this.anchor === null && (this.anchor = this.grid._focusRow), queueMicrotask(() => {
-          const r = this.grid._focusRow;
-          if (l && this.anchor !== null) {
+        const r = e.shiftKey;
+        return r && this.anchor === null && (this.anchor = this.grid._focusRow), queueMicrotask(() => {
+          const o = this.grid._focusRow;
+          if (r && this.anchor !== null) {
             this.selected.clear();
-            const o = Math.min(this.anchor, r), h = Math.max(this.anchor, r);
-            for (let a = o; a <= h; a++)
+            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);
           } else
-            this.isRowSelectable(r) ? (this.selected.clear(), this.selected.add(r), this.anchor = r) : this.selected.clear();
-          this.lastSelected = r, this.explicitSelection = !0, this.emit("selection-change", this.#e()), this.requestAfterRender();
+            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();
         }), !1;
       }
       if (e.key === "a" && (e.ctrlKey || e.metaKey))
-        return e.preventDefault(), e.stopPropagation(), this.selectAll(), !0;
+        return this.grid.query("isEditing").some(Boolean) ? !1 : (e.preventDefault(), e.stopPropagation(), this.selectAll(), !0);
     }
     if (t === "range" && i) {
-      const l = e.key === "Tab", r = e.shiftKey && !l;
-      return r && !this.cellAnchor && (this.cellAnchor = { row: this.grid._focusRow, col: this.grid._focusCol }), this.pendingKeyboardUpdate = { shiftKey: r }, queueMicrotask(() => this.requestAfterRender()), !1;
+      const r = e.key === "Tab", o = e.shiftKey && !r;
+      return o && !this.cellAnchor && (this.cellAnchor = { row: this.grid._focusRow, col: this.grid._focusCol }), this.pendingKeyboardUpdate = { shiftKey: o }, queueMicrotask(() => this.requestAfterRender()), !1;
     }
-    return t === "range" && e.key === "a" && (e.ctrlKey || e.metaKey) ? (e.preventDefault(), e.stopPropagation(), this.selectAll(), !0) : !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;
   }
   /** @internal */
   onCellMouseDown(e) {
@@ -689,13 +697,13 @@ class L extends k {
     if (t && f(t) || !this.isCellSelectable(e.rowIndex, e.colIndex) || e.originalEvent.shiftKey && this.cellAnchor)
       return;
     this.isDragging = !0;
-    const s = e.rowIndex, i = e.colIndex, l = e.originalEvent.ctrlKey || e.originalEvent.metaKey, r = {
+    const s = e.rowIndex, i = e.colIndex, r = e.originalEvent.ctrlKey || e.originalEvent.metaKey, o = {
       startRow: s,
       startCol: i,
       endRow: s,
       endCol: i
     };
-    return !l && this.ranges.length === 1 && b(this.ranges[0], r) ? (this.cellAnchor = { row: s, col: i }, !0) : (this.cellAnchor = { row: s, col: i }, l || (this.ranges = []), this.ranges.push(r), this.activeRange = r, this.emit("selection-change", this.#e()), this.requestAfterRender(), !0);
+    return !r && this.ranges.length === 1 && b(this.ranges[0], o) ? (this.cellAnchor = { row: s, col: i }, !0) : (this.cellAnchor = { row: s, col: i }, r || (this.ranges = []), this.ranges.push(o), this.activeRange = o, this.emit("selection-change", this.#e()), this.requestAfterRender(), !0);
   }
   /** @internal */
   onCellMouseMove(e) {
@@ -703,11 +711,11 @@ class L extends k {
     let t = e.colIndex;
     const s = this.columns[t];
     if (s && f(s)) {
-      const r = this.columns.findIndex((o) => !f(o));
-      r >= 0 && (t = r);
+      const o = this.columns.findIndex((l) => !f(l));
+      o >= 0 && (t = o);
     }
-    const i = m(this.cellAnchor, { row: e.rowIndex, col: t }), l = this.ranges.length > 0 ? this.ranges[this.ranges.length - 1] : null;
-    return l && b(l, 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;
+    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) {
@@ -721,9 +729,9 @@ class L extends k {
    */
   processColumns(e) {
     if (this.config.checkbox && this.config.mode === "row") {
-      if (e.some((l) => l.field === S))
+      if (e.some((r) => r.field === y))
         return e;
-      const t = this.#t(), s = e.findIndex(I), i = s >= 0 ? s + 1 : 0;
+      const t = this.#t(), s = e.findIndex(k), i = s >= 0 ? s + 1 : 0;
       return [...e.slice(0, i), t, ...e.slice(i)];
     }
     return e;
@@ -733,7 +741,7 @@ class L extends k {
    */
   #t() {
     return {
-      field: S,
+      field: y,
       header: "",
       width: 32,
       resizable: !1,
@@ -770,20 +778,20 @@ class L extends k {
    */
   #i(e) {
     e.querySelectorAll(".tbw-select-row-checkbox").forEach((i) => {
-      const l = i.closest(".cell"), r = l ? R(l) : -1;
-      r >= 0 && (i.checked = this.selected.has(r));
+      const r = i.closest(".cell"), o = r ? R(r) : -1;
+      o >= 0 && (i.checked = this.selected.has(o));
     });
     const s = e.querySelector(".tbw-select-all-checkbox");
     if (s) {
       const i = this.rows.length;
-      let l = 0;
+      let r = 0;
       if (this.config.isSelectable)
-        for (let h = 0; h < i; h++)
-          this.isRowSelectable(h) && l++;
+        for (let d = 0; d < i; d++)
+          this.isRowSelectable(d) && r++;
       else
-        l = i;
-      const r = l > 0 && this.selected.size >= l, o = this.selected.size > 0;
-      s.checked = r, s.indeterminate = o && !r;
+        r = i;
+      const o = r > 0 && this.selected.size >= r, l = this.selected.size > 0;
+      s.checked = o, s.indeterminate = l && !o;
     }
   }
   // #endregion
@@ -822,33 +830,33 @@ class L extends k {
     const e = this.gridElement;
     if (!e) return;
     const { mode: t } = this.config, s = !!this.config.isSelectable;
-    e.querySelectorAll(".cell").forEach((r) => {
-      r.classList.remove("selected", "top", "bottom", "first", "last"), s && r.removeAttribute("data-selectable");
+    e.querySelectorAll(".cell").forEach((o) => {
+      o.classList.remove("selected", "top", "bottom", "first", "last"), s && o.removeAttribute("data-selectable");
     });
-    const l = e.querySelectorAll(".data-grid-row");
-    if (l.forEach((r) => {
-      r.classList.remove("selected", "row-focus"), s && r.removeAttribute("data-selectable");
-    }), t === "row" && (C(e), l.forEach((r) => {
-      const o = r.querySelector(".cell[data-row]"), h = R(o);
-      h >= 0 && (s && !this.isRowSelectable(h) && r.setAttribute("data-selectable", "false"), this.selected.has(h) && r.classList.add("selected", "row-focus"));
-    }), this.config.checkbox && this.#i(e)), (t === "cell" || t === "range") && s && e.querySelectorAll(".cell[data-row][data-col]").forEach((o) => {
-      const h = parseInt(o.getAttribute("data-row") ?? "-1", 10), a = parseInt(o.getAttribute("data-col") ?? "-1", 10);
-      h >= 0 && a >= 0 && (this.isCellSelectable(h, a) || o.setAttribute("data-selectable", "false"));
+    const r = e.querySelectorAll(".data-grid-row");
+    if (r.forEach((o) => {
+      o.classList.remove("selected", "row-focus"), s && o.removeAttribute("data-selectable");
+    }), t === "row" && (C(e), r.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.#i(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"));
     }), t === "range" && this.ranges.length > 0) {
       C(e);
-      const r = this.ranges.map(g), o = (a, d) => {
-        for (const c of r)
-          if (a >= c.startRow && a <= c.endRow && d >= c.startCol && d <= c.endCol)
+      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)
             return !0;
         return !1;
       };
       e.querySelectorAll(".cell[data-row][data-col]").forEach((a) => {
-        const d = parseInt(a.getAttribute("data-row") ?? "-1", 10), c = parseInt(a.getAttribute("data-col") ?? "-1", 10);
-        if (d >= 0 && c >= 0) {
+        const h = parseInt(a.getAttribute("data-row") ?? "-1", 10), c = parseInt(a.getAttribute("data-col") ?? "-1", 10);
+        if (h >= 0 && c >= 0) {
           const u = this.columns[c];
           if (u && f(u))
             return;
-          o(d, c) && (a.classList.add("selected"), o(d - 1, c) || a.classList.add("top"), o(d + 1, c) || a.classList.add("bottom"), o(d, c - 1) || a.classList.add("first"), o(d, c + 1) || a.classList.add("last"));
+          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"));
         }
       });
     }
@@ -862,11 +870,11 @@ class L extends k {
     if (this.pendingKeyboardUpdate && s === "range") {
       const { shiftKey: i } = this.pendingKeyboardUpdate;
       this.pendingKeyboardUpdate = null;
-      const l = this.grid._focusRow, r = this.grid._focusCol;
+      const r = this.grid._focusRow, o = this.grid._focusCol;
       if (i && this.cellAnchor) {
-        const o = m(this.cellAnchor, { row: l, col: r });
-        this.ranges = [o], this.activeRange = o;
-      } else i || (this.ranges = [], this.activeRange = null, this.cellAnchor = { row: l, col: r });
+        const l = m(this.cellAnchor, { row: r, col: o });
+        this.ranges = [l], this.activeRange = l;
+      } else i || (this.ranges = [], this.activeRange = null, this.cellAnchor = { row: r, col: o });
       this.emit("selection-change", this.#e());
     }
     this.#r(s), this.grid.setAttribute("data-selection-mode", s), t && t.classList.toggle("selecting", this.isDragging), this.#s();
@@ -999,7 +1007,7 @@ class L extends k {
       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: y(this.ranges)
+      ranges: S(this.ranges)
     }), this.requestAfterRender();
   }
   // #endregion