@toolbox-web/grid 1.2.0 → 1.3.1

package/lib/plugins/clipboard/types.d.ts

@@ -102,6 +102,7 @@ export interface PasteDetail {
  * Behavior:
  * - Single cell selection: paste expands freely, adds new rows if needed
  * - Range/row selection: paste is clipped to fit within selection bounds
+ * - Non-editable columns: values are skipped (column alignment preserved)
  *
  * @param detail - The parsed paste data from clipboard
  * @param grid - The grid element to update

package/lib/plugins/clipboard/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../libs/grid/src/lib/plugins/clipboard/types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAEjE;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,MAAM,YAAY,GAAG,CAAC,MAAM,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,KAAK,OAAO,GAAG,IAAI,CAAC;AAEtF,qDAAqD;AACrD,MAAM,WAAW,eAAe;IAC9B,6DAA6D;IAC7D,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sDAAsD;IACtD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,sDAAsD;IACtD,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,KAAK,MAAM,CAAC;IACtE;;;;;;;;;OASG;IACH,YAAY,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;CACpC;AAED,qDAAqD;AACrD,MAAM,WAAW,cAAc;IAC7B,qDAAqD;IACrD,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B;AAED,6DAA6D;AAC7D,MAAM,WAAW,UAAU;IACzB,4CAA4C;IAC5C,IAAI,EAAE,MAAM,CAAC;IACb,4BAA4B;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,+BAA+B;IAC/B,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,8DAA8D;AAC9D,MAAM,WAAW,WAAW;IAC1B,gDAAgD;IAChD,GAAG,EAAE,MAAM,CAAC;IACZ,mDAAmD;IACnD,GAAG,EAAE,MAAM,CAAC;IACZ,uDAAuD;IACvD,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,MAAM,EAAE;QACN,gCAAgC;QAChC,MAAM,EAAE,MAAM,CAAC;QACf,mCAAmC;QACnC,MAAM,EAAE,MAAM,CAAC;KAChB,GAAG,IAAI,CAAC;CACV;AAED,mDAAmD;AACnD,MAAM,WAAW,WAAW;IAC1B,2DAA2D;IAC3D,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC;IACjB,+BAA+B;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,gGAAgG;IAChG,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;IAC3B;;;;OAIG;IACH,MAAM,EAAE,MAAM,EAAE,CAAC;CAClB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,GAAG,IAAI,CAiDhF"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../libs/grid/src/lib/plugins/clipboard/types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAEjE;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,MAAM,YAAY,GAAG,CAAC,MAAM,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,KAAK,OAAO,GAAG,IAAI,CAAC;AAEtF,qDAAqD;AACrD,MAAM,WAAW,eAAe;IAC9B,6DAA6D;IAC7D,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sDAAsD;IACtD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,sDAAsD;IACtD,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,KAAK,MAAM,CAAC;IACtE;;;;;;;;;OASG;IACH,YAAY,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;CACpC;AAED,qDAAqD;AACrD,MAAM,WAAW,cAAc;IAC7B,qDAAqD;IACrD,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B;AAED,6DAA6D;AAC7D,MAAM,WAAW,UAAU;IACzB,4CAA4C;IAC5C,IAAI,EAAE,MAAM,CAAC;IACb,4BAA4B;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,+BAA+B;IAC/B,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,8DAA8D;AAC9D,MAAM,WAAW,WAAW;IAC1B,gDAAgD;IAChD,GAAG,EAAE,MAAM,CAAC;IACZ,mDAAmD;IACnD,GAAG,EAAE,MAAM,CAAC;IACZ,uDAAuD;IACvD,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,MAAM,EAAE;QACN,gCAAgC;QAChC,MAAM,EAAE,MAAM,CAAC;QACf,mCAAmC;QACnC,MAAM,EAAE,MAAM,CAAC;KAChB,GAAG,IAAI,CAAC;CACV;AAED,mDAAmD;AACnD,MAAM,WAAW,WAAW;IAC1B,2DAA2D;IAC3D,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC;IACjB,+BAA+B;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,gGAAgG;IAChG,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;IAC3B;;;;OAIG;IACH,MAAM,EAAE,MAAM,EAAE,CAAC;CAClB;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,GAAG,IAAI,CAwDhF"}

package/lib/plugins/column-virtualization/index.js

@@ -1,4 +1,4 @@
-const C = {
+const d = '<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>', b = {
   expand: "▶",
   collapse: "▼",
   sortAsc: "▲",
@@ -6,9 +6,11 @@ const C = {
   sortNone: "⇅",
   submenuArrow: "▶",
   dragHandle: "⋮⋮",
-  toolPanel: "☰"
+  toolPanel: "☰",
+  filter: d,
+  filterActive: d
 };
-class b {
+class p {
   /**
    * Plugin dependencies - declare other plugins this one requires.
    *
@@ -232,7 +234,7 @@ class b {
    */
   get gridIcons() {
     const t = this.grid?.gridConfig?.icons ?? {};
-    return { ...C, ...t };
+    return { ...b, ...t };
   }
   // #region Animation Helpers
   /**
@@ -308,61 +310,61 @@ class b {
   }
   // #endregion
 }
-const h = 100;
-function a(s) {
-  if (s == null)
-    return h;
-  if (typeof s == "number")
-    return s;
-  const t = parseFloat(s);
-  return isNaN(t) ? h : t;
+const c = 100;
+function a(r) {
+  if (r == null)
+    return c;
+  if (typeof r == "number")
+    return r;
+  const t = parseFloat(r);
+  return isNaN(t) ? c : t;
 }
-function c(s) {
-  return s.map((t) => a(t.width));
+function f(r) {
+  return r.map((t) => a(t.width));
 }
-function f(s) {
+function g(r) {
   const t = [];
   let e = 0;
-  for (const i of s)
+  for (const i of r)
     t.push(e), e += a(i.width);
   return t;
 }
-function g(s) {
-  return s.reduce((t, e) => t + a(e.width), 0);
+function m(r) {
+  return r.reduce((t, e) => t + a(e.width), 0);
 }
-function p(s, t, e, i, n) {
-  const r = e.length;
-  if (r === 0)
+function w(r, t, e, i, n) {
+  const s = e.length;
+  if (s === 0)
     return { startCol: 0, endCol: 0, visibleColumns: [] };
-  let o = w(s, e, i);
+  let o = v(r, e, i);
   o = Math.max(0, o - n);
-  const m = s + t;
+  const C = r + t;
   let u = o;
-  for (let l = o; l < r; l++) {
-    if (e[l] >= m) {
+  for (let l = o; l < s; l++) {
+    if (e[l] >= C) {
       u = l - 1;
       break;
     }
     u = l;
   }
-  u = Math.min(r - 1, u + n);
-  const d = [];
+  u = Math.min(s - 1, u + n);
+  const h = [];
   for (let l = o; l <= u; l++)
-    d.push(l);
-  return { startCol: o, endCol: u, visibleColumns: d };
+    h.push(l);
+  return { startCol: o, endCol: u, visibleColumns: h };
 }
-function w(s, t, e) {
+function v(r, t, e) {
   let i = 0, n = t.length - 1;
   for (; i < n; ) {
-    const r = Math.floor((i + n) / 2);
-    t[r] + e[r] <= s ? i = r + 1 : n = r;
+    const s = Math.floor((i + n) / 2);
+    t[s] + e[s] <= r ? i = s + 1 : n = s;
   }
   return i;
 }
-function R(s, t, e) {
-  return e ? s > t : !1;
+function R(r, t, e) {
+  return e ? r > t : !1;
 }
-class E extends b {
+class E extends p {
   /** @internal */
   name = "columnVirtualization";
   /** @internal */
@@ -387,7 +389,7 @@ class E extends b {
   attach(t) {
     super.attach(t);
     const e = this.columns;
-    this.columnWidths = c(e), this.columnOffsets = f(e), this.totalWidth = g(e), this.endCol = e.length - 1;
+    this.columnWidths = f(e), this.columnOffsets = g(e), this.totalWidth = m(e), this.endCol = e.length - 1;
   }
   /** @internal */
   detach() {
@@ -398,16 +400,16 @@ class E extends b {
   /** @internal */
   processColumns(t) {
     const e = R(t.length, this.config.threshold ?? 30, this.config.autoEnable ?? !0);
-    if (this.isVirtualized = e ?? !1, this.columnWidths = c(t), this.columnOffsets = f(t), this.totalWidth = g(t), !e)
+    if (this.isVirtualized = e ?? !1, this.columnWidths = f(t), this.columnOffsets = g(t), this.totalWidth = m(t), !e)
       return this.startCol = 0, this.endCol = t.length - 1, [...t];
-    const i = this.grid.clientWidth || 800, n = p(
+    const i = this.grid.clientWidth || 800, n = w(
       this.scrollLeft,
       i,
       this.columnOffsets,
       this.columnWidths,
       this.config.overscan ?? 3
     );
-    return this.startCol = n.startCol, this.endCol = n.endCol, n.visibleColumns.map((r) => t[r]);
+    return this.startCol = n.startCol, this.endCol = n.endCol, n.visibleColumns.map((s) => t[s]);
   }
   /** @internal */
   afterRender() {
@@ -418,8 +420,8 @@ class E extends b {
     i && (i.style.paddingLeft = `${e}px`), n.forEach((o) => {
       o.style.paddingLeft = `${e}px`;
     });
-    const r = t.querySelector(".rows-viewport .rows");
-    r && (r.style.width = `${this.totalWidth}px`);
+    const s = t.querySelector(".rows-viewport .rows");
+    s && (s.style.width = `${this.totalWidth}px`);
   }
   /** @internal */
   onScroll(t) {