@toolbox-web/grid 1.18.0 → 1.19.0

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: [
       {
@@ -5634,6 +5635,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;
   }
@@ -5947,6 +5950,25 @@ class Bn extends F {
   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 +6788,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,