@toolbox-web/grid 1.18.0 → 1.19.1

package/all.js

@@ -69,7 +69,7 @@ function _t(a, e) {
     }
   }), e.rows = d;
 }
-class Tn extends F {
+class In extends F {
   static dependencies = [
     { name: "selection", required: !1, reason: "Enables copy/paste of selected cells instead of entire grid" }
   ];
@@ -210,10 +210,10 @@ function ye(a) {
   const e = parseFloat(a);
   return isNaN(e) ? Le : e;
 }
-function Te(a) {
+function Ie(a) {
   return a.map((e) => ye(e.width));
 }
-function Ie(a) {
+function Te(a) {
   const e = [];
   let t = 0;
   for (const i of a)
@@ -227,7 +227,7 @@ function Lt(a, e, t, i, n) {
   const r = t.length;
   if (r === 0)
     return { startCol: 0, endCol: 0, visibleColumns: [] };
-  let o = Tt(a, t, i);
+  let o = It(a, t, i);
   o = Math.max(0, o - n);
   const s = a + e;
   let l = o;
@@ -244,7 +244,7 @@ function Lt(a, e, t, i, n) {
     d.push(c);
   return { startCol: o, endCol: l, visibleColumns: d };
 }
-function Tt(a, e, t) {
+function It(a, e, t) {
   let i = 0, n = e.length - 1;
   for (; i < n; ) {
     const r = Math.floor((i + n) / 2);
@@ -252,10 +252,10 @@ function Tt(a, e, t) {
   }
   return i;
 }
-function It(a, e, t) {
+function Tt(a, e, t) {
   return t ? a > e : !1;
 }
-class In extends F {
+class Tn extends F {
   name = "columnVirtualization";
   get defaultConfig() {
     return {
@@ -275,7 +275,7 @@ class In extends F {
   attach(e) {
     super.attach(e);
     const t = this.columns;
-    this.columnWidths = Te(t), this.columnOffsets = Ie(t), this.totalWidth = Fe(t), this.endCol = t.length - 1;
+    this.columnWidths = Ie(t), this.columnOffsets = Te(t), this.totalWidth = Fe(t), this.endCol = t.length - 1;
   }
   detach() {
     this.#t(), this.columnWidths = [], this.columnOffsets = [], this.originalColumns = [], this.isVirtualized = !1, this.startCol = 0, this.endCol = 0, this.scrollLeft = 0, this.totalWidth = 0;
@@ -293,8 +293,8 @@ class In extends F {
     r && (r.style.minWidth = "");
   }
   processColumns(e) {
-    (this.originalColumns.length === 0 || e.length >= this.originalColumns.length) && (this.originalColumns = e, this.columnWidths = Te(e), this.columnOffsets = Ie(e), this.totalWidth = Fe(e));
-    const i = this.originalColumns, n = It(
+    (this.originalColumns.length === 0 || e.length >= this.originalColumns.length) && (this.originalColumns = e, this.columnWidths = Ie(e), this.columnOffsets = Te(e), this.totalWidth = Fe(e));
+    const i = this.originalColumns, n = Tt(
       i.length,
       this.config.threshold ?? 30,
       this.config.autoEnable ?? !0
@@ -1335,12 +1335,12 @@ class Fn extends F {
     let u = !1;
     const h = (b) => {
       if (u || !this.#t && this.#e === -1) return;
-      const w = this.grid, T = s ? w._getRowEntry(s) : void 0, R = T?.row ?? e, I = T?.index ?? t;
-      this.#E(I, i, b, R);
+      const w = this.grid, I = s ? w._getRowEntry(s) : void 0, R = I?.row ?? e, T = I?.index ?? t;
+      this.#E(T, i, b, R);
     }, f = () => {
       if (u = !0, Z(i.field)) {
-        const b = this.grid, T = (s ? b._getRowEntry(s) : void 0)?.row ?? e;
-        T[i.field] = d;
+        const b = this.grid, I = (s ? b._getRowEntry(s) : void 0)?.row ?? e;
+        I[i.field] = d;
       }
     }, g = document.createElement("div");
     g.className = "tbw-editor-host", r.innerHTML = "", r.appendChild(g), g.addEventListener("keydown", (b) => {
@@ -1398,11 +1398,11 @@ class Fn extends F {
         updateRow: l,
         onValueChange: _
       }, w = x(b);
-      typeof w == "string" ? (g.innerHTML = w, Vt(g, i, h, d), _((T) => {
+      typeof w == "string" ? (g.innerHTML = w, Vt(g, i, h, d), _((I) => {
         const R = g.querySelector(
           "input,textarea,select"
         );
-        R && (R instanceof HTMLInputElement && R.type === "checkbox" ? R.checked = !!T : R.value = String(T ?? ""));
+        R && (R instanceof HTMLInputElement && R.type === "checkbox" ? R.checked = !!I : R.value = String(I ?? ""));
       })) : w instanceof Node && (g.appendChild(w), w instanceof HTMLInputElement || w instanceof HTMLSelectElement || w instanceof HTMLTextAreaElement ? _((R) => {
         w instanceof HTMLInputElement && w.type === "checkbox" ? w.checked = !!R : w.value = String(R ?? "");
       }) : r.setAttribute("data-editor-managed", "")), o || queueMicrotask(() => {
@@ -1425,8 +1425,8 @@ class Fn extends F {
       if (x.mount)
         try {
           x.mount({ placeholder: b, context: w, spec: x });
-        } catch (T) {
-          console.warn(`[tbw-grid] External editor mount error for column '${i.field}':`, T);
+        } catch (I) {
+          console.warn(`[tbw-grid] External editor mount error for column '${i.field}':`, I);
         }
       else
         this.grid.dispatchEvent(
@@ -2216,16 +2216,16 @@ class z extends F {
       },
       { passive: !0 }
     ), w(c.value), e.appendChild(m);
-    let T;
+    let I;
     c.addEventListener("input", () => {
-      clearTimeout(T), T = setTimeout(() => {
+      clearTimeout(I), I = setTimeout(() => {
         this.searchText.set(r, c.value), w(c.value);
       }, this.config.debounceMs ?? 150);
     });
     const R = document.createElement("div");
     R.className = "tbw-filter-buttons";
-    const I = document.createElement("button");
-    I.className = "tbw-filter-apply-btn", I.textContent = "Apply", I.addEventListener("click", () => {
+    const T = document.createElement("button");
+    T.className = "tbw-filter-apply-btn", T.textContent = "Apply", T.addEventListener("click", () => {
       const v = [];
       for (const [C, L] of P)
         if (!L)
@@ -2236,7 +2236,7 @@ class z extends F {
             v.push(S !== void 0 ? S : C);
           }
       t.applySetFilter(v);
-    }), R.appendChild(I);
+    }), R.appendChild(T);
     const N = document.createElement("button");
     N.className = "tbw-filter-clear-btn", N.textContent = "Clear Filter", N.addEventListener("click", () => {
       t.clearFilter();
@@ -2265,12 +2265,12 @@ class z extends F {
     b.className = "tbw-filter-range-separator", b.textContent = "–", E.appendChild(b);
     const w = document.createElement("div");
     w.className = "tbw-filter-range-group";
-    const T = document.createElement("label");
-    T.textContent = "Max", T.className = "tbw-filter-range-label";
+    const I = document.createElement("label");
+    I.textContent = "Max", I.className = "tbw-filter-range-label";
     const R = document.createElement("input");
-    R.type = "number", R.className = "tbw-filter-range-input", R.min = String(h), R.max = String(f), R.step = String(g), R.value = String(x), w.appendChild(T), w.appendChild(R), E.appendChild(w), e.appendChild(E);
-    const I = document.createElement("div");
-    I.className = "tbw-filter-range-slider";
+    R.type = "number", R.className = "tbw-filter-range-input", R.min = String(h), R.max = String(f), R.step = String(g), R.value = String(x), w.appendChild(I), w.appendChild(R), E.appendChild(w), e.appendChild(E);
+    const T = document.createElement("div");
+    T.className = "tbw-filter-range-slider";
     const N = document.createElement("div");
     N.className = "tbw-filter-range-track";
     const v = document.createElement("div");
@@ -2278,7 +2278,7 @@ class z extends F {
     const C = document.createElement("input");
     C.type = "range", C.className = "tbw-filter-range-thumb tbw-filter-range-thumb-min", C.min = String(h), C.max = String(f), C.step = String(g), C.value = String(m);
     const L = document.createElement("input");
-    L.type = "range", L.className = "tbw-filter-range-thumb tbw-filter-range-thumb-max", L.min = String(h), L.max = String(f), L.step = String(g), L.value = String(x), I.appendChild(N), I.appendChild(v), I.appendChild(C), I.appendChild(L), e.appendChild(I);
+    L.type = "range", L.className = "tbw-filter-range-thumb tbw-filter-range-thumb-max", L.min = String(h), L.max = String(f), L.step = String(g), L.value = String(x), T.appendChild(N), T.appendChild(v), T.appendChild(C), T.appendChild(L), e.appendChild(T);
     const S = () => {
       const A = parseFloat(C.value), B = parseFloat(L.value), Q = f - h, Re = (A - h) / Q * 100, vt = (B - h) / Q * 100;
       v.style.left = `${Re}%`, v.style.width = `${vt - Re}%`;
@@ -2323,12 +2323,12 @@ class z extends F {
     b.type = "date", b.className = "tbw-filter-date-input", f && (b.min = f), g && (b.max = g), b.value = m, D.appendChild(_), D.appendChild(b), P.appendChild(D);
     const w = document.createElement("span");
     w.className = "tbw-filter-range-separator", w.textContent = "–", P.appendChild(w);
-    const T = document.createElement("div");
-    T.className = "tbw-filter-date-group";
+    const I = document.createElement("div");
+    I.className = "tbw-filter-date-group";
     const R = document.createElement("label");
     R.textContent = "To", R.className = "tbw-filter-range-label";
-    const I = document.createElement("input");
-    I.type = "date", I.className = "tbw-filter-date-input", f && (I.min = f), g && (I.max = g), I.value = x, T.appendChild(R), T.appendChild(I), P.appendChild(T), e.appendChild(P);
+    const T = document.createElement("input");
+    T.type = "date", T.className = "tbw-filter-date-input", f && (T.min = f), g && (T.max = g), T.value = x, I.appendChild(R), I.appendChild(T), P.appendChild(I), e.appendChild(P);
     const N = document.createElement("label");
     N.className = "tbw-filter-blank-option";
     const v = document.createElement("input");
@@ -2336,7 +2336,7 @@ class z extends F {
     const C = document.createTextNode("Show only blank");
     N.appendChild(v), N.appendChild(C);
     const L = (y) => {
-      b.disabled = y, I.disabled = y, P.classList.toggle("tbw-filter-disabled", y);
+      b.disabled = y, T.disabled = y, P.classList.toggle("tbw-filter-disabled", y);
     };
     L(E), v.addEventListener("change", () => {
       L(v.checked);
@@ -2349,7 +2349,7 @@ class z extends F {
         t.applyTextFilter("blank", "");
         return;
       }
-      const y = b.value, A = I.value;
+      const y = b.value, A = T.value;
       y && A ? t.applyTextFilter("between", y, A) : y ? t.applyTextFilter("greaterThanOrEqual", y) : A ? t.applyTextFilter("lessThanOrEqual", A) : t.clearFilter();
     }), S.appendChild(k);
     const M = document.createElement("button");
@@ -3694,7 +3694,7 @@ function he(a, e) {
   }
   if (a.customPanels)
     for (const o of a.customPanels) {
-      const s = Ii(o, e);
+      const s = Ti(o, e);
       switch (o.position) {
         case "left":
           i.appendChild(s);
@@ -3728,7 +3728,7 @@ function _i(a, e, t, i) {
     const s = document.createElement("span");
     s.className = "tbw-aggregation-label", s.textContent = r, n.appendChild(s);
   }
-  const o = Ti(e, t, i);
+  const o = Ii(e, t, i);
   o && n.appendChild(o), a.appendChild(n);
 }
 function Li(a, e, t, i) {
@@ -3756,7 +3756,7 @@ function gt(a, e, t) {
   }
   return { value: i, formatter: n };
 }
-function Ti(a, e, t) {
+function Ii(a, e, t) {
   const i = a.aggregators && Object.keys(a.aggregators).length > 0, n = a.cells && Object.keys(a.cells).length > 0;
   if (!i && !n) return null;
   const r = document.createElement("span");
@@ -3772,7 +3772,7 @@ function Ti(a, e, t) {
   }
   return r.children.length > 0 ? r : null;
 }
-function Ii(a, e) {
+function Ti(a, e) {
   const t = document.createElement("div");
   t.className = "tbw-status-panel tbw-status-panel-custom", t.id = `status-panel-${a.id}`;
   const i = a.render(e);
@@ -5575,7 +5575,8 @@ class Bn extends F {
     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" }
+      { type: "getSelectedRowIndices", description: "Get sorted array of selected row indices" },
+      { type: "getSelectedRows", description: "Get actual row objects for the current selection (works in all modes)" }
     ],
     configRules: [
       {
@@ -5594,7 +5595,8 @@ class Bn extends F {
     return {
       mode: "cell",
       triggerOn: "click",
-      enabled: !0
+      enabled: !0,
+      multiSelect: !0
     };
   }
   selected = /* @__PURE__ */ new Set();
@@ -5634,6 +5636,8 @@ class Bn extends F {
       return this.getSelection();
     if (e.type === "getSelectedRowIndices")
       return this.getSelectedRowIndices();
+    if (e.type === "getSelectedRows")
+      return this.getSelectedRows();
     if (e.type === "selectRows")
       return this.selectRows(e.context), !0;
   }
@@ -5658,13 +5662,13 @@ class Bn extends F {
     if (r === "row") {
       if (!this.isRowSelectable(t))
         return !1;
-      const d = n.shiftKey, c = n.ctrlKey || n.metaKey, u = s?.meta?.checkboxColumn === !0;
-      if (d && this.anchor !== null) {
-        const h = Math.min(this.anchor, t), f = Math.max(this.anchor, t);
-        c || this.selected.clear();
-        for (let g = h; g <= f; g++)
-          this.isRowSelectable(g) && this.selected.add(g);
-      } else if (c || u)
+      const d = this.config.multiSelect !== !1, c = n.shiftKey && d, u = (n.ctrlKey || n.metaKey) && d, h = s?.meta?.checkboxColumn === !0;
+      if (c && this.anchor !== null) {
+        const f = Math.min(this.anchor, t), g = Math.max(this.anchor, t);
+        u || this.selected.clear();
+        for (let p = f; p <= g; p++)
+          this.isRowSelectable(p) && this.selected.add(p);
+      } else if (u || h && d)
         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))
@@ -5676,7 +5680,7 @@ class Bn extends F {
     if (r === "range") {
       if (l || !this.isCellSelectable(t, i))
         return !1;
-      const d = n.shiftKey, c = n.ctrlKey || n.metaKey;
+      const d = n.shiftKey, c = (n.ctrlKey || n.metaKey) && this.config.multiSelect !== !1;
       if (d && this.cellAnchor) {
         const u = ge(this.cellAnchor, { row: t, col: i }), h = this.ranges.length > 0 ? this.ranges[this.ranges.length - 1] : null;
         if (h && ee(h, u))
@@ -5716,28 +5720,29 @@ class Bn extends F {
         this.isCellSelectable(r, o) ? this.selectedCell = { row: r, col: o } : this.selectedCell = null, this.emit("selection-change", this.#i()), this.requestAfterRender();
       }), !1;
     if (t === "row") {
+      const r = this.config.multiSelect !== !1;
       if (e.key === "ArrowUp" || e.key === "ArrowDown") {
-        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) {
+        const o = e.shiftKey && r;
+        return o && this.anchor === null && (this.anchor = this.grid._focusRow), queueMicrotask(() => {
+          const s = this.grid._focusRow;
+          if (o && this.anchor !== null) {
             this.selected.clear();
-            const s = Math.min(this.anchor, o), l = Math.max(this.anchor, o);
-            for (let d = s; d <= l; d++)
-              this.isRowSelectable(d) && this.selected.add(d);
+            const l = Math.min(this.anchor, s), d = Math.max(this.anchor, s);
+            for (let c = l; c <= d; c++)
+              this.isRowSelectable(c) && this.selected.add(c);
           } 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.#i()), this.requestAfterRender();
+            this.isRowSelectable(s) ? (this.selected.clear(), this.selected.add(s), this.anchor = s) : this.selected.clear();
+          this.lastSelected = s, this.explicitSelection = !0, this.emit("selection-change", this.#i()), 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" && n) {
       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) ? 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;
   }
   onCellMouseDown(e) {
     if (!this.isSelectionEnabled() || this.config.mode !== "range" || e.rowIndex === void 0 || e.colIndex === void 0 || e.rowIndex < 0) return;
@@ -5745,7 +5750,7 @@ class Bn extends F {
     if (t && W(t) || !this.isCellSelectable(e.rowIndex, e.colIndex) || e.originalEvent.shiftKey && this.cellAnchor)
       return;
     this.isDragging = !0;
-    const i = e.rowIndex, n = e.colIndex, r = e.originalEvent.ctrlKey || e.originalEvent.metaKey, o = {
+    const i = e.rowIndex, n = e.colIndex, r = (e.originalEvent.ctrlKey || e.originalEvent.metaKey) && this.config.multiSelect !== !1, o = {
       startRow: i,
       startCol: n,
       endRow: i,
@@ -5792,7 +5797,7 @@ class Bn extends F {
       },
       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", (i) => {
           i.stopPropagation(), i.target.checked ? this.selectAll() : this.clearSelection();
@@ -5917,36 +5922,57 @@ class Bn extends F {
     return cn(e, t, this.ranges);
   }
   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.#i()), this.requestAfterRender();
-    } else if (e === "range") {
-      const t = this.rows.length, i = this.columns.length;
-      if (t > 0 && i > 0) {
-        const n = {
-          startRow: 0,
-          startCol: 0,
-          endRow: t - 1,
-          endCol: i - 1
-        };
-        this.ranges = [n], this.activeRange = n, this.emit("selection-change", this.#i()), this.requestAfterRender();
+    const { mode: e, multiSelect: t } = this.config;
+    if (t !== !1) {
+      if (e === "row") {
+        this.selected.clear();
+        for (let i = 0; i < this.rows.length; i++)
+          this.isRowSelectable(i) && this.selected.add(i);
+        this.explicitSelection = !0, this.emit("selection-change", this.#i()), this.requestAfterRender();
+      } else if (e === "range") {
+        const i = this.rows.length, n = this.columns.length;
+        if (i > 0 && n > 0) {
+          const r = {
+            startRow: 0,
+            startCol: 0,
+            endRow: i - 1,
+            endCol: n - 1
+          };
+          this.ranges = [r], this.activeRange = r, this.emit("selection-change", this.#i()), this.requestAfterRender();
+        }
       }
     }
   }
   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.#i()), 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 i of t)
+      i >= 0 && i < this.rows.length && this.isRowSelectable(i) && this.selected.add(i);
+    this.anchor = t.length > 0 ? t[t.length - 1] : null, this.explicitSelection = !0, this.emit("selection-change", this.#i()), this.requestAfterRender();
   }
   getSelectedRowIndices() {
     return [...this.selected].sort((e, t) => e - t);
   }
+  getSelectedRows() {
+    const { mode: e } = this.config, t = this.rows;
+    if (e === "row")
+      return this.getSelectedRowIndices().filter((i) => i >= 0 && i < t.length).map((i) => t[i]);
+    if (e === "cell" && this.selectedCell) {
+      const { row: i } = this.selectedCell;
+      return i >= 0 && i < t.length ? [t[i]] : [];
+    }
+    if (e === "range" && this.ranges.length > 0) {
+      const i = /* @__PURE__ */ new Set();
+      for (const n of this.ranges) {
+        const r = Math.max(0, Math.min(n.startRow, n.endRow)), o = Math.min(t.length - 1, Math.max(n.startRow, n.endRow));
+        for (let s = r; s <= o; s++)
+          i.add(s);
+      }
+      return [...i].sort((n, r) => n - r).map((n) => t[n]);
+    }
+    return [];
+  }
   clearSelection() {
     this.selectedCell = null, this.selected.clear(), this.anchor = null, this.ranges = [], this.activeRange = null, this.cellAnchor = null, this.emit("selection-change", { mode: this.config.mode, ranges: [] }), this.requestAfterRender();
   }
@@ -6766,8 +6792,8 @@ class U extends F {
 export {
   re as BLANK_FILTER_VALUE,
   F as BaseGridPlugin,
-  Tn as ClipboardPlugin,
-  In as ColumnVirtualizationPlugin,
+  In as ClipboardPlugin,
+  Tn as ColumnVirtualizationPlugin,
   dt as ContextMenuPlugin,
   Yn as DEFAULT_ANIMATION_CONFIG,
   yt as DEFAULT_GRID_ICONS,