@toolbox-web/grid 1.19.3 → 1.20.0

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

@@ -1,8 +1,8 @@
-function R(o) {
-  if (!o) return -1;
-  const e = o.getAttribute("data-row");
+function R(l) {
+  if (!l) return -1;
+  const e = l.getAttribute("data-row");
   if (e) return parseInt(e, 10);
-  const t = o.closest(".data-grid-row");
+  const t = l.closest(".data-grid-row");
   if (!t) return -1;
   const s = t.parentElement;
   if (!s) return -1;
@@ -11,8 +11,8 @@ function R(o) {
     if (i[r] === t) return r;
   return -1;
 }
-function C(o) {
-  o && o.querySelectorAll(".cell-focus").forEach((e) => e.classList.remove("cell-focus"));
+function C(l) {
+  l && l.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>', v = {
   expand: "▶",
@@ -394,68 +394,68 @@ class E {
   // #endregion
 }
 const k = "__tbw_expander";
-function I(o) {
-  return o.field === k;
+function I(l) {
+  return l.field === k;
 }
-function f(o) {
-  return o.meta?.utility === !0;
+function f(l) {
+  return l.meta?.utility === !0;
 }
-function g(o) {
+function g(l) {
   return {
-    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)
+    startRow: Math.min(l.startRow, l.endRow),
+    startCol: Math.min(l.startCol, l.endCol),
+    endRow: Math.max(l.startRow, l.endRow),
+    endCol: Math.max(l.startCol, l.endCol)
   };
 }
-function _(o) {
-  const e = g(o);
+function _(l) {
+  const e = g(l);
   return {
     from: { row: e.startRow, col: e.startCol },
     to: { row: e.endRow, col: e.endCol }
   };
 }
-function y(o) {
-  return o.map(_);
+function y(l) {
+  return l.map(_);
 }
-function q(o, e, t) {
+function q(l, e, t) {
   const s = g(t);
-  return o >= s.startRow && o <= s.endRow && e >= s.startCol && e <= s.endCol;
+  return l >= s.startRow && l <= s.endRow && e >= s.startCol && e <= s.endCol;
 }
-function K(o, e, t) {
-  return t.some((s) => q(o, e, s));
+function K(l, e, t) {
+  return t.some((s) => q(l, e, s));
 }
-function M(o) {
-  const e = [], t = g(o);
+function M(l) {
+  const e = [], t = g(l);
   for (let s = t.startRow; s <= t.endRow; s++)
     for (let i = t.startCol; i <= t.endCol; i++)
       e.push({ row: s, col: i });
   return e;
 }
-function F(o) {
+function F(l) {
   const e = /* @__PURE__ */ new Map();
-  for (const t of o)
+  for (const t of l)
     for (const s of M(t))
       e.set(`${s.row},${s.col}`, s);
   return [...e.values()];
 }
-function m(o, e) {
+function m(l, e) {
   return {
-    startRow: o.row,
-    startCol: o.col,
+    startRow: l.row,
+    startCol: l.col,
     endRow: e.row,
     endCol: e.col
   };
 }
-function b(o, e) {
-  const t = g(o), s = g(e);
+function b(l, e) {
+  const t = g(l), s = g(e);
   return t.startRow === s.startRow && t.startCol === s.startCol && t.endRow === s.endRow && t.endCol === s.endCol;
 }
 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)
+function L(l, e, t) {
+  if (l === "cell" && e.selectedCell)
     return {
-      mode: o,
+      mode: l,
       ranges: [
         {
           from: { row: e.selectedCell.row, col: e.selectedCell.col },
@@ -463,14 +463,14 @@ function L(o, e, t) {
         }
       ]
     };
-  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] === 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 };
+  if (l === "row" && e.selected.size > 0) {
+    const s = [...e.selected].sort((n, h) => n - h), i = [];
+    let r = s[0], o = r;
+    for (let n = 1; n < s.length; n++)
+      s[n] === o + 1 ? o = s[n] : (i.push({ from: { row: r, col: 0 }, to: { row: o, col: t - 1 } }), r = s[n], o = r);
+    return i.push({ from: { row: r, col: 0 }, to: { row: o, col: t - 1 } }), { mode: l, ranges: i };
   }
-  return o === "range" && e.ranges.length > 0 ? { mode: o, ranges: y(e.ranges) } : { mode: o, ranges: [] };
+  return l === "range" && e.ranges.length > 0 ? { mode: l, ranges: y(e.ranges) } : { mode: l, ranges: [] };
 }
 class P extends E {
   /**
@@ -548,7 +548,7 @@ class P extends E {
     if (!s) return !0;
     const i = this.rows[e];
     if (!i) return !1;
-    const r = t !== void 0 ? this.columns[t] : void 0;
+    const r = t !== void 0 ? this.visibleColumns[t] : void 0;
     return s(i, e, r, t);
   }
   /**
@@ -599,10 +599,10 @@ class P extends E {
   /** @internal */
   onCellClick(e) {
     if (!this.isSelectionEnabled()) return !1;
-    const { rowIndex: t, colIndex: s, originalEvent: i } = e, { mode: r, triggerOn: n = "click" } = this.config;
-    if (i.type !== n)
+    const { rowIndex: t, colIndex: s, originalEvent: i } = e, { mode: r, triggerOn: o = "click" } = this.config;
+    if (i.type !== o)
       return !1;
-    const l = this.columns[s], h = l && f(l);
+    const n = e.column, h = n && f(n);
     if (r === "cell") {
       if (h || !this.isCellSelectable(t, s))
         return !1;
@@ -612,7 +612,7 @@ class P extends E {
     if (r === "row") {
       if (!this.isRowSelectable(t))
         return !1;
-      const a = this.config.multiSelect !== !1, d = i.shiftKey && a, c = (i.ctrlKey || i.metaKey) && a, u = l?.meta?.checkboxColumn === !0;
+      const a = this.config.multiSelect !== !1, d = i.shiftKey && a, c = (i.ctrlKey || i.metaKey) && a, u = n?.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();
@@ -667,57 +667,55 @@ class P extends E {
       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 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();
+        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") {
       const r = this.config.multiSelect !== !1;
       if (e.key === "ArrowUp" || e.key === "ArrowDown") {
-        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) {
+        const o = e.shiftKey && r;
+        return o && this.anchor === null && (this.anchor = this.grid._focusRow), queueMicrotask(() => {
+          const n = this.grid._focusRow;
+          if (o && this.anchor !== null) {
             this.selected.clear();
-            const h = Math.min(this.anchor, l), a = Math.max(this.anchor, l);
+            const h = Math.min(this.anchor, n), a = Math.max(this.anchor, n);
             for (let d = h; d <= a; d++)
               this.isRowSelectable(d) && this.selected.add(d);
           } else
-            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();
+            this.isRowSelectable(n) ? (this.selected.clear(), this.selected.add(n), this.anchor = n) : this.selected.clear();
+          this.lastSelected = n, this.explicitSelection = !0, this.emit("selection-change", this.#e()), this.requestAfterRender();
         }), !1;
       }
       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" && 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;
+      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" && 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) {
-    if (!this.isSelectionEnabled() || this.config.mode !== "range" || e.rowIndex === void 0 || e.colIndex === void 0 || e.rowIndex < 0) return;
-    const t = this.columns[e.colIndex];
-    if (t && f(t) || !this.isCellSelectable(e.rowIndex, e.colIndex) || e.originalEvent.shiftKey && this.cellAnchor)
+    if (!this.isSelectionEnabled() || this.config.mode !== "range" || e.rowIndex === void 0 || e.colIndex === void 0 || e.rowIndex < 0 || e.column && f(e.column) || !this.isCellSelectable(e.rowIndex, e.colIndex) || e.originalEvent.shiftKey && this.cellAnchor)
       return;
     this.isDragging = !0;
-    const s = e.rowIndex, i = e.colIndex, r = (e.originalEvent.ctrlKey || e.originalEvent.metaKey) && this.config.multiSelect !== !1, n = {
-      startRow: s,
-      startCol: i,
-      endRow: s,
-      endCol: i
+    const t = e.rowIndex, s = e.colIndex, i = (e.originalEvent.ctrlKey || e.originalEvent.metaKey) && this.config.multiSelect !== !1, r = {
+      startRow: t,
+      startCol: s,
+      endRow: t,
+      endCol: s
     };
-    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);
+    return !i && this.ranges.length === 1 && b(this.ranges[0], r) ? (this.cellAnchor = { row: t, col: s }, !0) : (this.cellAnchor = { row: t, col: s }, i || (this.ranges = []), this.ranges.push(r), this.activeRange = r, this.emit("selection-change", this.#e()), this.requestAfterRender(), !0);
   }
   /** @internal */
   onCellMouseMove(e) {
     if (!this.isSelectionEnabled() || this.config.mode !== "range" || !this.isDragging || !this.cellAnchor || e.rowIndex === void 0 || e.colIndex === void 0 || e.rowIndex < 0) return;
     let t = e.colIndex;
-    const s = this.columns[t];
+    const s = this.visibleColumns[t];
     if (s && f(s)) {
-      const n = this.columns.findIndex((l) => !f(l));
-      n >= 0 && (t = n);
+      const o = this.visibleColumns.findIndex((n) => !f(n));
+      o >= 0 && (t = o);
     }
     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;
@@ -783,8 +781,8 @@ class P extends E {
    */
   #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 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) {
@@ -795,8 +793,8 @@ class P extends E {
           this.isRowSelectable(h) && r++;
       else
         r = i;
-      const n = r > 0 && this.selected.size >= r, l = this.selected.size > 0;
-      s.checked = n, s.indeterminate = l && !n;
+      const o = r > 0 && this.selected.size >= r, n = this.selected.size > 0;
+      s.checked = o, s.indeterminate = n && !o;
     }
   }
   // #endregion
@@ -835,22 +833,22 @@ class P extends E {
     const e = this.gridElement;
     if (!e) return;
     const { mode: t } = this.config, s = !!this.config.isSelectable;
-    e.querySelectorAll(".cell").forEach((n) => {
-      n.classList.remove("selected", "top", "bottom", "first", "last"), s && n.removeAttribute("data-selectable");
+    e.querySelectorAll(".cell").forEach((o) => {
+      o.classList.remove("selected", "top", "bottom", "first", "last"), s && o.removeAttribute("data-selectable");
     });
     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"));
+    if (r.forEach((o) => {
+      o.classList.remove("selected", "row-focus"), s && o.removeAttribute("data-selectable");
+    }), t === "row" && (C(e), r.forEach((o) => {
+      const n = o.querySelector(".cell[data-row]"), h = R(n);
+      h >= 0 && (s && !this.isRowSelectable(h) && o.setAttribute("data-selectable", "false"), this.selected.has(h) && 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((n) => {
+      const h = parseInt(n.getAttribute("data-row") ?? "-1", 10), a = parseInt(n.getAttribute("data-col") ?? "-1", 10);
+      h >= 0 && a >= 0 && (this.isCellSelectable(h, a) || n.setAttribute("data-selectable", "false"));
     }), t === "range" && this.ranges.length > 0) {
       C(e);
-      const n = this.ranges.map(g), l = (a, d) => {
-        for (const c of n)
+      const o = this.ranges.map(g), n = (a, d) => {
+        for (const c of o)
           if (a >= c.startRow && a <= c.endRow && d >= c.startCol && d <= c.endCol)
             return !0;
         return !1;
@@ -858,10 +856,10 @@ class P extends E {
       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 u = this.columns[c];
+          const u = this.visibleColumns[c];
           if (u && f(u))
             return;
-          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"));
+          n(d, c) && (a.classList.add("selected"), n(d - 1, c) || a.classList.add("top"), n(d + 1, c) || a.classList.add("bottom"), n(d, c - 1) || a.classList.add("first"), n(d, c + 1) || a.classList.add("last"));
         }
       });
     }
@@ -875,11 +873,11 @@ class P extends E {
     if (this.pendingKeyboardUpdate && s === "range") {
       const { shiftKey: i } = this.pendingKeyboardUpdate;
       this.pendingKeyboardUpdate = null;
-      const r = this.grid._focusRow, n = this.grid._focusCol;
+      const r = this.grid._focusRow, o = this.grid._focusCol;
       if (i && this.cellAnchor) {
-        const l = m(this.cellAnchor, { row: r, col: n });
-        this.ranges = [l], this.activeRange = l;
-      } else i || (this.ranges = [], this.activeRange = null, this.cellAnchor = { row: r, col: n });
+        const n = m(this.cellAnchor, { row: r, col: o });
+        this.ranges = [n], this.activeRange = n;
+      } 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();
@@ -1025,9 +1023,9 @@ class P extends E {
     if (e === "range" && this.ranges.length > 0) {
       const s = /* @__PURE__ */ new Set();
       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);
+        const r = Math.max(0, Math.min(i.startRow, i.endRow)), o = Math.min(t.length - 1, Math.max(i.startRow, i.endRow));
+        for (let n = r; n <= o; n++)
+          s.add(n);
       }
       return [...s].sort((i, r) => i - r).map((i) => t[i]);
     }