@toolbox-web/grid 1.15.0 → 1.16.1

package/all.js

@@ -17,11 +17,12 @@ function Rt(a) {
 async function St(a) {
   try {
     return await navigator.clipboard.writeText(a), !0;
-  } catch {
-    const e = document.createElement("textarea");
-    e.value = a, e.style.position = "fixed", e.style.opacity = "0", e.style.pointerEvents = "none", document.body.appendChild(e), e.select();
-    const t = document.execCommand("copy");
-    return document.body.removeChild(e), t;
+  } catch (e) {
+    console.warn("[copyToClipboard] Clipboard API failed:", e);
+    const t = document.createElement("textarea");
+    t.value = a, t.style.position = "fixed", t.style.opacity = "0", t.style.pointerEvents = "none", document.body.appendChild(t), t.select();
+    const i = document.execCommand("copy");
+    return document.body.removeChild(t), i;
   }
 }
 function Ae(a, e) {
@@ -84,17 +85,15 @@ class _n extends I {
   }
   lastCopied = null;
   attach(e) {
-    super.attach(e), e.addEventListener(
-      "paste",
-      (t) => this.#e(t),
-      { signal: this.disconnectSignal }
-    );
+    super.attach(e), e.addEventListener("paste", (i) => this.#e(i), {
+      signal: this.disconnectSignal
+    });
   }
   detach() {
     this.lastCopied = null;
   }
   onKeyDown(e) {
-    return (e.ctrlKey || e.metaKey) && e.key === "c" ? (this.#t(e.target), !0) : !1;
+    return (e.ctrlKey || e.metaKey) && e.key === "c" ? (e.preventDefault(), this.#t(e.target), !0) : !1;
   }
   #t(e) {
     const t = this.#r();
@@ -182,7 +181,8 @@ class _n extends I {
   }
   async copy(e) {
     const { columns: t, rows: i } = this.#i(e);
-    if (t.length === 0 || i.length === 0) return "";
+    if (t.length === 0 || i.length === 0)
+      return "";
     const n = this.#n(t, i, e);
     return await St(n), this.lastCopied = { text: n, timestamp: Date.now() }, this.emit("copy", {
       text: n,
@@ -343,7 +343,7 @@ class Ln extends I {
     return this.totalWidth;
   }
 }
-const ae = "@layer tbw-plugins{.tbw-context-menu{position:fixed;background:var(--tbw-context-menu-bg, var(--tbw-color-panel-bg));color:var(--tbw-context-menu-fg, var(--tbw-color-fg));border:1px solid var(--tbw-context-menu-border, var(--tbw-color-border));border-radius:var(--tbw-context-menu-radius, var(--tbw-border-radius));box-shadow:var(--tbw-context-menu-shadow, 0 2px 10px var(--tbw-color-shadow));min-width:var(--tbw-context-menu-min-width, var(--tbw-menu-min-width));padding:var(--tbw-spacing-xs) 0;z-index:10000;font-size:var(--tbw-context-menu-font-size, var(--tbw-font-size-sm));font-family:var(--tbw-context-menu-font-family, var(--tbw-font-family))}.tbw-context-menu-item{display:flex;align-items:center;padding:var(--tbw-context-menu-item-padding, var(--tbw-menu-item-padding));cursor:pointer;gap:var(--tbw-context-menu-item-gap, var(--tbw-menu-item-gap))}.tbw-context-menu-item:hover:not(.disabled){background:var(--tbw-context-menu-hover, var(--tbw-color-row-hover))}.tbw-context-menu-item.disabled{opacity:.5;cursor:default}.tbw-context-menu-item.danger{color:var(--tbw-context-menu-danger, var(--tbw-color-danger))}.tbw-context-menu-icon{width:var(--tbw-context-menu-icon-size, var(--tbw-icon-size));text-align:center}.tbw-context-menu-label{flex:1}.tbw-context-menu-shortcut{color:var(--tbw-context-menu-muted, var(--tbw-color-fg-muted));font-size:var(--tbw-context-menu-shortcut-size, var(--tbw-font-size-xs))}.tbw-context-menu-arrow{font-size:var(--tbw-context-menu-arrow-size, var(--tbw-font-size-2xs));color:var(--tbw-context-menu-muted, var(--tbw-color-fg-muted))}.tbw-context-menu-separator{height:1px;background:var(--tbw-context-menu-border, var(--tbw-color-border));margin:var(--tbw-spacing-xs) 0}}";
+const ae = "@layer tbw-plugins{.tbw-context-menu{position:fixed;background:var(--tbw-context-menu-bg, var(--tbw-color-panel-bg));color:var(--tbw-context-menu-fg, var(--tbw-color-fg));border:1px solid var(--tbw-context-menu-border, var(--tbw-color-border));border-radius:var(--tbw-context-menu-radius, var(--tbw-border-radius));box-shadow:var(--tbw-context-menu-shadow, 0 2px 10px var(--tbw-color-shadow));min-width:var(--tbw-context-menu-min-width, var(--tbw-menu-min-width));padding:var(--tbw-spacing-xs) 0;z-index:10000;font-size:var(--tbw-context-menu-font-size, var(--tbw-font-size-sm));font-family:var(--tbw-context-menu-font-family, var(--tbw-font-family))}.tbw-context-menu-item{display:flex;align-items:center;padding:var(--tbw-context-menu-item-padding, var(--tbw-menu-item-padding));cursor:pointer;gap:var(--tbw-context-menu-item-gap, var(--tbw-menu-item-gap))}.tbw-context-menu-item:hover:not(.disabled){background:var(--tbw-context-menu-hover, var(--tbw-color-row-hover))}.tbw-context-menu-item.disabled{opacity:.5;cursor:default}.tbw-context-menu-item.danger{color:var(--tbw-context-menu-danger, var(--tbw-color-danger))}.tbw-context-menu-icon{width:var(--tbw-context-menu-icon-size, var(--tbw-icon-size));text-align:center}.tbw-context-menu-label{flex:1}.tbw-context-menu-shortcut kbd{color:var(--tbw-context-menu-muted, var(--tbw-color-fg-muted));font-size:var(--tbw-context-menu-shortcut-size, var(--tbw-font-size-xs))}.tbw-context-menu-arrow{font-size:var(--tbw-context-menu-arrow-size, var(--tbw-font-size-2xs));color:var(--tbw-context-menu-muted, var(--tbw-color-fg-muted))}.tbw-context-menu-separator{height:1px;background:var(--tbw-context-menu-border, var(--tbw-color-border));margin:var(--tbw-spacing-xs) 0}}";
 function me(a, e) {
   return (typeof a == "function" ? a(e) : a).filter((i) => !(i.hidden === !0 || typeof i.hidden == "function" && i.hidden(e)));
 }
@@ -379,7 +379,17 @@ function be(a, e, t, i = vt.submenuArrow) {
     const d = document.createElement("span");
     if (d.className = "tbw-context-menu-label", d.textContent = o.name, s.appendChild(d), o.shortcut) {
       const c = document.createElement("span");
-      c.className = "tbw-context-menu-shortcut", c.textContent = o.shortcut, s.appendChild(c);
+      if (c.className = "tbw-context-menu-shortcut", Array.isArray(o.shortcut))
+        o.shortcut.forEach((u, h) => {
+          h > 0 && c.appendChild(document.createTextNode("+"));
+          const f = document.createElement("kbd");
+          f.textContent = u, c.appendChild(f);
+        });
+      else {
+        const u = document.createElement("kbd");
+        u.textContent = o.shortcut, c.appendChild(u);
+      }
+      s.appendChild(c);
     }
     if (o.subMenu?.length) {
       const c = document.createElement("span");
@@ -853,7 +863,7 @@ class Tn extends I {
         s && s(r.newValue);
       },
       { signal: t }
-    ), this.#t && (this.gridElement.classList.add("tbw-grid-mode"), this.requestRender(), this.gridElement.addEventListener(
+    ), this.#t && (i._isGridEditMode = !0, this.gridElement.classList.add("tbw-grid-mode"), this.requestRender(), this.gridElement.addEventListener(
       "focusin",
       (n) => {
         const r = n.target;
@@ -877,6 +887,8 @@ class Tn extends I {
       "keydown",
       (n) => {
         if (n.key === "Escape" && this.#l) {
+          if (this.config.onBeforeEditClose && this.config.onBeforeEditClose(n) === !1)
+            return;
           const r = document.activeElement;
           r && this.gridElement.contains(r) && (r.blur(), this.gridElement.focus()), this.#l = !1, this.#g = !0, n.preventDefault(), n.stopPropagation();
         }
@@ -891,7 +903,8 @@ class Tn extends I {
     ));
   }
   detach() {
-    this.gridElement.classList.remove("tbw-grid-mode"), this.#e = -1, this.#o = -1, this.#r.clear(), this.#i.clear(), this.#n.clear(), this.#s.clear(), this.#l = !1, this.#g = !1, this.#m = !1, super.detach();
+    const e = this.gridElement;
+    e._isGridEditMode = !1, this.gridElement.classList.remove("tbw-grid-mode"), this.#e = -1, this.#o = -1, this.#r.clear(), this.#i.clear(), this.#n.clear(), this.#s.clear(), this.#l = !1, this.#g = !1, this.#m = !1, super.detach();
   }
   handleQuery(e) {
     if (e.type === "isEditing")
@@ -910,6 +923,8 @@ class Tn extends I {
     const t = this.grid;
     if (e.key === "Escape") {
       if (this.#t && this.#l) {
+        if (this.config.onBeforeEditClose && this.config.onBeforeEditClose(e) === !1)
+          return !0;
         const i = document.activeElement;
         return i && this.gridElement.contains(i) && i.blur(), this.#l = !1, this.requestAfterRender(), !0;
       }
@@ -918,6 +933,8 @@ class Tn extends I {
     }
     if (this.#t && !this.#l && (e.key === "ArrowUp" || e.key === "ArrowDown" || e.key === "ArrowLeft" || e.key === "ArrowRight"))
       return !1;
+    if (this.#t && this.#l && (e.key === "ArrowUp" || e.key === "ArrowDown"))
+      return !0;
     if ((e.key === "ArrowUp" || e.key === "ArrowDown") && this.#e !== -1 && !this.#t) {
       if (this.config.onBeforeEditClose && this.config.onBeforeEditClose(e) === !1)
         return !0;
@@ -946,7 +963,7 @@ class Tn extends I {
       }
       return !1;
     }
-    if (e.key === "Enter" && !e.shiftKey) {
+    if (e.key === "Enter" && !e.shiftKey && !e.ctrlKey && !e.altKey && !e.metaKey) {
       if (this.#t && !this.#l)
         return this.#f(), !0;
       if (this.#e !== -1)
@@ -1313,9 +1330,14 @@ class Tn extends I {
     c && zt(c);
     let u = !1;
     const h = (b) => {
-      u || !this.#t && this.#e === -1 || this.#v(t, i, b, e);
+      if (u || !this.#t && this.#e === -1) return;
+      const w = this.grid._rows[t] ?? e;
+      this.#v(t, i, b, w);
     }, f = () => {
-      u = !0, Z(i.field) && (e[i.field] = d);
+      if (u = !0, Z(i.field)) {
+        const b = this.grid._rows[t] ?? e;
+        b[i.field] = d;
+      }
     }, g = document.createElement("div");
     g.className = "tbw-editor-host", r.innerHTML = "", r.appendChild(g), g.addEventListener("keydown", (b) => {
       if (b.key === "Enter") {
@@ -1680,6 +1702,10 @@ function Qt(a, e, t = !1) {
     return i == null || i === "";
   if (e.operator === "notBlank")
     return i != null && i !== "";
+  if (e.operator === "notIn")
+    return i == null ? !0 : Array.isArray(e.value) && !e.value.includes(i);
+  if (e.operator === "in")
+    return Array.isArray(e.value) && e.value.includes(i);
   if (i == null) return !1;
   const n = String(i), r = t ? n : n.toLowerCase(), o = t ? String(e.value) : String(e.value).toLowerCase();
   switch (e.operator) {
@@ -1705,10 +1731,6 @@ function Qt(a, e, t = !1) {
       return N(i) >= N(e.value);
     case "between":
       return N(i) >= N(e.value) && N(i) <= N(e.valueTo);
-    case "in":
-      return Array.isArray(e.value) && e.value.includes(i);
-    case "notIn":
-      return Array.isArray(e.value) && !e.value.includes(i);
     default:
       return !0;
   }