@toolbox-web/grid 0.4.0 → 0.4.1

package/all.js

@@ -61,6 +61,14 @@ async function fe() {
   }
 }
 class Tn extends x {
+  /**
+   * Plugin dependencies - ClipboardPlugin requires SelectionPlugin to know what to copy.
+   *
+   * The SelectionPlugin must be loaded BEFORE this plugin in the plugins array.
+   */
+  static dependencies = [
+    { name: "selection", required: !0, reason: "ClipboardPlugin needs selection to determine what cells to copy" }
+  ];
   name = "clipboard";
   version = "1.0.0";
   get defaultConfig() {
@@ -1004,7 +1012,7 @@ class Pn extends x {
     }, h = () => {
       d = !0, I(n.field) && (e[n.field] = l);
     }, u = document.createElement("div");
-    u.style.display = "contents", o.innerHTML = "", o.appendChild(u), u.addEventListener("keydown", (m) => {
+    u.className = "tbw-editor-host", o.innerHTML = "", o.appendChild(u), u.addEventListener("keydown", (m) => {
       m.key === "Enter" && (m.stopPropagation(), m.preventDefault(), d = !0, this.#o(t, !1)), m.key === "Escape" && (m.stopPropagation(), m.preventDefault(), h(), this.#o(t, !0));
     });
     const f = n, g = f.__editorTemplate, p = f.editor || (g ? "template" : tt(n)), w = l;
@@ -1706,10 +1714,10 @@ class _ extends x {
         this.searchText.set(o, l.value), q(l.value);
       }, this.config.debounceMs ?? 150);
     });
-    const K = document.createElement("div");
-    K.className = "tbw-filter-buttons";
-    const N = document.createElement("button");
-    N.className = "tbw-filter-apply-btn", N.textContent = "Apply", N.addEventListener("click", () => {
+    const N = document.createElement("div");
+    N.className = "tbw-filter-buttons";
+    const K = document.createElement("button");
+    K.className = "tbw-filter-apply-btn", K.textContent = "Apply", K.addEventListener("click", () => {
       const b = [];
       for (const [R, E] of w)
         if (!E)
@@ -1720,11 +1728,11 @@ class _ extends x {
             b.push(C !== void 0 ? C : R);
           }
       t.applySetFilter(b);
-    }), K.appendChild(N);
+    }), N.appendChild(K);
     const D = document.createElement("button");
     D.className = "tbw-filter-clear-btn", D.textContent = "Clear Filter", D.addEventListener("click", () => {
       t.clearFilter();
-    }), K.appendChild(D), e.appendChild(K);
+    }), N.appendChild(D), e.appendChild(N);
   }
   /**
    * Apply a set filter (exclude values)
@@ -1876,7 +1884,7 @@ function vt(s) {
   return s.some((e) => e.group != null);
 }
 const yt = ".header-group-row{display:grid;grid-auto-flow:column;background:var(--tbw-grouping-columns-header-bg, var(--tbw-color-header-bg));border-bottom:1px solid var(--tbw-grouping-columns-border, var(--tbw-color-border))}.header-group-cell{display:flex;align-items:center;justify-content:center;padding:4px 8px;font-weight:600;font-size:.9em;text-transform:uppercase;letter-spacing:.5px;border-right:1px solid var(--tbw-grouping-columns-border, var(--tbw-color-border))}.header-group-cell:last-child{border-right:none}.header-row .cell.grouped{border-top:none}.header-row .cell.group-end{border-right:2px solid var(--tbw-grouping-columns-separator, var(--tbw-color-border-strong))}.header-row .cell.group-end:last-child{border-right:none}.header-group-row.no-borders{border-bottom:none}.header-group-row.no-borders .header-group-cell{border-right:none}.header-row.no-group-borders .cell.group-end{border-right:1px solid var(--tbw-color-border)}";
-class Kn extends x {
+class Nn extends x {
   name = "groupingColumns";
   version = "1.0.0";
   get defaultConfig() {
@@ -2028,7 +2036,7 @@ function St(s) {
   return s.kind !== "group" ? 0 : s.rows.length;
 }
 const kt = '.group-row{display:grid;grid-template-columns:var(--tbw-column-template);background:var(--tbw-grouping-rows-bg, var(--tbw-color-panel-bg));font-weight:500;border-bottom:var(--tbw-row-divider);min-height:var(--tbw-row-height)}.group-row .cell{display:flex;align-items:center;padding:var(--tbw-cell-padding, 2px 8px)}.group-row:hover{background:var(--tbw-grouping-rows-bg-hover, var(--tbw-color-row-hover))}.group-toggle{cursor:pointer;user-select:none;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-right:4px;background:none;border:0;font:inherit}.group-toggle:hover{background:var(--tbw-grouping-rows-toggle-hover, var(--tbw-color-row-hover));border-radius:2px}.group-label{display:inline-flex;align-items:center;gap:8px}.group-count{color:var(--tbw-grouping-rows-count-color, var(--tbw-color-fg-muted));font-size:.85em;font-weight:400}[data-group-depth="0"] .group-label{padding-left:0}[data-group-depth="1"] .group-label{padding-left:20px}[data-group-depth="2"] .group-label{padding-left:40px}[data-group-depth="3"] .group-label{padding-left:60px}[data-group-depth="4"] .group-label{padding-left:80px}.data-grid-row.tbw-group-slide-in{animation:tbw-group-slide-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}@keyframes tbw-group-slide-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.data-grid-row.tbw-group-fade-in{animation:tbw-group-fade-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}@keyframes tbw-group-fade-in{0%{opacity:0}to{opacity:1}}';
-class Nn extends x {
+class Kn extends x {
   name = "groupingRows";
   version = "1.0.0";
   get defaultConfig() {
@@ -2834,10 +2842,10 @@ class Hn extends x {
   styles = qt;
   // #endregion
 }
-function Kt(s) {
+function Nt(s) {
   return s.filter((e) => e.sticky === "left");
 }
-function Nt(s) {
+function Kt(s) {
   return s.filter((e) => e.sticky === "right");
 }
 function X(s) {
@@ -2947,14 +2955,14 @@ class On extends x {
    */
   getLeftPinnedColumns() {
     const e = [...this.columns];
-    return Kt(e);
+    return Nt(e);
   }
   /**
    * Get columns pinned to the right.
    */
   getRightPinnedColumns() {
     const e = [...this.columns];
-    return Nt(e);
+    return Kt(e);
   }
   /**
    * Clear all sticky positioning.
@@ -4689,7 +4697,7 @@ class jn extends x {
 function Ve(s, e, t) {
   return s.id !== void 0 ? String(s.id) : t ? `${t}-${e}` : String(e);
 }
-function Ke(s, e) {
+function Ne(s, e) {
   const t = new Set(s);
   return t.has(e) ? t.delete(e) : t.add(e), t;
 }
@@ -4731,7 +4739,7 @@ function bn(s, e, t, n) {
     o.add(i[r]);
   return o;
 }
-function Ne(s, e = "children") {
+function Ke(s, e = "children") {
   if (!Array.isArray(s) || s.length === 0) return !1;
   for (const t of s) {
     if (!t) continue;
@@ -4820,13 +4828,13 @@ class Un extends x {
   detect(e) {
     if (!this.config.autoDetect) return !1;
     const t = e, n = this.config.childrenField ?? vn(t) ?? "children";
-    return Ne(t, n);
+    return Ke(t, n);
   }
   // #endregion
   // #region Data Processing
   processRows(e) {
     const t = this.config.childrenField ?? "children", n = e;
-    if (!Ne(n, t))
+    if (!Ke(n, t))
       return this.flattenedRows = [], this.rowKeyMap.clear(), this.previousVisibleKeys.clear(), [...e];
     let i = this.withStableKeys(n);
     this.sortState && (i = this.sortTree(i, this.sortState.field, this.sortState.direction)), this.config.defaultExpanded && !this.initialExpansionDone && (this.expandedKeys = oe(i, this.config), this.initialExpansionDone = !0), this.flattenedRows = this.flattenTree(i, this.expandedKeys), this.rowKeyMap.clear(), this.keysToAnimate.clear();
@@ -4911,7 +4919,7 @@ class Un extends x {
     const t = e.originalEvent?.target;
     if (!t?.classList.contains("tree-toggle")) return !1;
     const n = t.getAttribute("data-tree-key"), i = n ? this.rowKeyMap.get(n) : null;
-    return i ? (this.expandedKeys = Ke(this.expandedKeys, n), this.emit("tree-expand", {
+    return i ? (this.expandedKeys = Ne(this.expandedKeys, n), this.emit("tree-expand", {
       key: n,
       row: i.data,
       expanded: this.expandedKeys.has(n),
@@ -4946,7 +4954,7 @@ class Un extends x {
     this.expandedKeys.delete(e), this.requestRender();
   }
   toggle(e) {
-    this.expandedKeys = Ke(this.expandedKeys, e), this.requestRender();
+    this.expandedKeys = Ne(this.expandedKeys, e), this.requestRender();
   }
   expandAll() {
     this.expandedKeys = oe(this.rows, this.config), this.requestRender();
@@ -5025,6 +5033,14 @@ function An(s, e, t, n) {
   };
 }
 class Zn extends x {
+  /**
+   * Plugin dependencies - UndoRedoPlugin requires EditingPlugin to track edits.
+   *
+   * The EditingPlugin must be loaded BEFORE this plugin in the plugins array.
+   */
+  static dependencies = [
+    { name: "editing", required: !0, reason: "UndoRedoPlugin tracks cell edit history" }
+  ];
   name = "undoRedo";
   version = "1.0.0";
   get defaultConfig() {
@@ -5155,6 +5171,14 @@ function Oe(s) {
   return e.lockPosition !== !0 && e.suppressMovable !== !0;
 }
 class P extends x {
+  /**
+   * Plugin dependencies - VisibilityPlugin optionally uses ReorderPlugin for drag-drop reordering.
+   *
+   * When ReorderPlugin is present, columns in the visibility panel become draggable.
+   */
+  static dependencies = [
+    { name: "reorder", required: !1, reason: "Enables drag-to-reorder columns in visibility panel" }
+  ];
   name = "visibility";
   version = "1.0.0";
   /** Tool panel ID for shell integration */
@@ -5401,8 +5425,8 @@ export {
   oi as GridDataAttrs,
   ri as GridElement,
   si as GridSelectors,
-  Kn as GroupingColumnsPlugin,
-  Nn as GroupingRowsPlugin,
+  Nn as GroupingColumnsPlugin,
+  Kn as GroupingRowsPlugin,
   Dn as MasterDetailPlugin,
   Hn as MultiSortPlugin,
   H as PLUGIN_QUERIES,
@@ -5424,7 +5448,7 @@ export {
   xn as countNodes,
   ui as defaultComparator,
   tt as defaultEditorFor,
-  Ne as detectTreeStructure,
+  Ke as detectTreeStructure,
   yn as getMaxDepth,
   zn as handleRowClick,
   Mn as hasEditingCells,