@toolbox-web/grid 1.17.0 → 1.18.0

package/index.js

@@ -1092,19 +1092,22 @@ function $(t, e) {
             p < u ? a.scrollLeft = p - c.left : g > d && (a.scrollLeft = g - a.clientWidth + c.right);
           }
         }
-      if (t._activeEditRows !== void 0 && t._activeEditRows !== -1 && l.classList.contains("editing")) {
+      if (i && l.classList.contains("editing")) {
         const c = l.querySelector(Je);
         if (c && document.activeElement !== c)
           try {
             c.focus({ preventScroll: !0 });
           } catch {
           }
-      } else if (!l.contains(document.activeElement)) {
+      } else if (i && !l.contains(document.activeElement)) {
         l.hasAttribute("tabindex") || l.setAttribute("tabindex", "-1");
         try {
           l.focus({ preventScroll: !0 });
         } catch {
         }
+      } else if (!i) {
+        const c = t;
+        document.activeElement !== c && c.focus({ preventScroll: !0 });
       }
     }
   }
@@ -1259,7 +1262,7 @@ function oe(t) {
   const e = t._headerRowEl;
   e && (e.innerHTML = "", t._visibleColumns.forEach((i, o) => {
     const n = document.createElement("div");
-    n.className = "cell", Ge(n, "header-cell"), n.setAttribute("role", "columnheader"), n.setAttribute("aria-colindex", String(o + 1)), n.setAttribute("data-field", i.field), n.setAttribute("data-col", String(o));
+    n.className = "cell", Ge(n, "header-cell"), n.setAttribute("role", "columnheader"), n.setAttribute("aria-colindex", String(o + 1)), n.setAttribute("data-field", i.field), n.setAttribute("data-col", String(o)), i.type && n.setAttribute("data-type", i.type);
     const r = i.header ?? i.field, s = t._sortState?.field === i.field ? t._sortState.direction : 0, l = s === 1 ? "asc" : s === -1 ? "desc" : null;
     if (i.headerRenderer) {
       const a = {
@@ -2774,7 +2777,7 @@ ${Qi}
 `;
 class k extends HTMLElement {
   static tagName = "tbw-grid";
-  static version = "1.17.0";
+  static version = "1.18.0";
   static #l = 0;
   static adapters = [];
   static registerAdapter(e) {
@@ -2818,7 +2821,7 @@ class k extends HTMLElement {
   #b;
   #y;
   #p;
-  #S;
+  #R;
   #ee = {
     scrollTop: 0,
     scrollLeft: 0,
@@ -2831,7 +2834,7 @@ class k extends HTMLElement {
   #_;
   #N = !1;
   #D;
-  #B;
+  #G;
   #O;
   #i;
   #e = hi();
@@ -2842,9 +2845,9 @@ class k extends HTMLElement {
   #E = /* @__PURE__ */ new Set();
   #H = /* @__PURE__ */ new Map();
   #W;
-  #R = /* @__PURE__ */ new Map();
+  #S = /* @__PURE__ */ new Map();
   _rows = [];
-  #G = [];
+  #X = [];
   get _columns() {
     return this.#o.columns ?? [];
   }
@@ -2974,7 +2977,7 @@ class k extends HTMLElement {
   constructor() {
     super(), this.#me(), this.#d = new Promise((e) => this.#h = e), this.#s = new ti({
       mergeConfig: () => {
-        this.#i.parseLightDomColumns(this), this.#i.merge(), this.#ie(), Mi(this.#o, this.#t?.getPlugins() ?? []), ki(this.#t?.getPlugins() ?? []), Ni(this.#t?.getPlugins() ?? []), this.#De(), this.#G = [...this._columns];
+        this.#i.parseLightDomColumns(this), this.#i.merge(), this.#ie(), Mi(this.#o, this.#t?.getPlugins() ?? []), ki(this.#t?.getPlugins() ?? []), Ni(this.#t?.getPlugins() ?? []), this.#De(), this.#X = [...this._columns];
       },
       processColumns: () => this.#He(),
       processRows: () => this.#Pe(),
@@ -3089,7 +3092,7 @@ class k extends HTMLElement {
     const o = this.#g;
     if (this.#g = this.#t?.getAll().some((n) => n.onScroll) ?? !1, !o && this.#g) {
       const r = this.#n.querySelector(".tbw-grid-content") ?? this.#n.querySelector(".tbw-grid-root");
-      this.#X(r);
+      this.#Y(r);
     }
   }
   #ve() {
@@ -3121,9 +3124,9 @@ class k extends HTMLElement {
     };
   }
   connectedCallback() {
-    this.hasAttribute("tabindex") || (this.tabIndex = 0), this.hasAttribute("version") || this.setAttribute("version", k.version), this.id || (this.id = `tbw-grid-${++k.#l}`), this._rows = Array.isArray(this.#a) ? [...this.#a] : [], this.#b && (this.#b.abort(), this.#N = !1), this.#b = new AbortController(), this.#S && (Oe(this.#S), this.#S = void 0), this.#k(), this.#i.parseLightDomColumns(this), this.#i.merge(), this.#te();
+    this.hasAttribute("tabindex") || (this.tabIndex = 0), this.hasAttribute("version") || this.setAttribute("version", k.version), this.id || (this.id = `tbw-grid-${++k.#l}`), this._rows = Array.isArray(this.#a) ? [...this.#a] : [], this.#b && (this.#b.abort(), this.#N = !1), this.#b = new AbortController(), this.#R && (Oe(this.#R), this.#R = void 0), this.#k(), this.#i.parseLightDomColumns(this), this.#i.merge(), this.#te();
     const e = this.#o?.plugins;
-    this.#_ = Array.isArray(e) ? e : [], this.#oe(), this.#u || (this.#J(), this.#F(), this.#u = !0), this.#re(), this.#S = Xt(
+    this.#_ = Array.isArray(e) ? e : [], this.#oe(), this.#u || (this.#J(), this.#F(), this.#u = !0), this.#re(), this.#R = Xt(
       () => {
         this.#Ie();
       },
@@ -3131,7 +3134,7 @@ class k extends HTMLElement {
     );
   }
   disconnectedCallback() {
-    this.#S && (Oe(this.#S), this.#S = void 0), this.#m && (clearTimeout(this.#m), this.#m = 0), this.#ve(), bi(this.#e), this.#c.setInitialized(!1), this.#q?.(), this.#q = void 0, this.#$?.(), this.#$ = void 0, lt(this.#I), this.#b && (this.#b.abort(), this.#b = void 0), this.#D?.abort(), this.#D = void 0, this.#N = !1, this._resizeController && this._resizeController.dispose(), this.#y && (this.#y.disconnect(), this.#y = void 0), this.#p && (this.#p.disconnect(), this.#p = void 0, this.#U = !1), Y(this), this.#A.clear(), this.#_ = void 0;
+    this.#R && (Oe(this.#R), this.#R = void 0), this.#m && (clearTimeout(this.#m), this.#m = 0), this.#ve(), bi(this.#e), this.#c.setInitialized(!1), this.#q?.(), this.#q = void 0, this.#$?.(), this.#$ = void 0, lt(this.#I), this.#b && (this.#b.abort(), this.#b = void 0), this.#D?.abort(), this.#D = void 0, this.#N = !1, this._resizeController && this._resizeController.dispose(), this.#y && (this.#y.disconnect(), this.#y = void 0), this.#p && (this.#p.disconnect(), this.#p = void 0, this.#U = !1), Y(this), this.#A.clear(), this.#_ = void 0;
     for (const e of this._rowPool)
       e.remove();
     this._rowPool.length = 0, this.__rowsBodyEl = null, this.#f = !1;
@@ -3159,7 +3162,7 @@ class k extends HTMLElement {
       const n = this.#o?.shell?.toolPanel?.defaultOpen;
       n && this.#e.toolPanels.has(n) && (this.openToolPanel(), this.#e.expandedSections.add(n));
     }
-    if (this.setAttribute("data-upgraded", ""), this.#f = !0, this._resizeController = Me(this), this.#P(), this.#X(i), this.#N)
+    if (this.setAttribute("data-upgraded", ""), this.#f = !0, this._resizeController = Me(this), this.#P(), this.#Y(i), this.#N)
       return;
     this.#N = !0;
     const o = this.disconnectSignal;
@@ -3198,7 +3201,7 @@ class k extends HTMLElement {
       this._virtualization.totalHeightEl.style.height = `${l}px`;
     }
   }
-  #X(e) {
+  #Y(e) {
     this.#D?.abort(), this.#D = new AbortController();
     const i = this.#D.signal, o = e?.querySelector(".faux-vscroll"), n = e?.querySelector(".rows");
     if (this._virtualization.container = o ?? this, this.#g = this.#t?.getAll().some((r) => r.onScroll) ?? !1, o && n) {
@@ -3228,7 +3231,7 @@ class k extends HTMLElement {
         { passive: !0, signal: i }
       );
       const r = this.#n.querySelector(".tbw-scroll-area");
-      this.#B = r, this._virtualization.scrollAreaEl = r, r && this.#g && r.addEventListener(
+      this.#G = r, this._virtualization.scrollAreaEl = r, r && this.#g && r.addEventListener(
         "scroll",
         () => {
           const a = this.#ee;
@@ -3236,7 +3239,7 @@ class k extends HTMLElement {
         },
         { passive: !0, signal: i }
       );
-      const s = this.#n.querySelector(".tbw-grid-content"), l = this.#B;
+      const s = this.#n.querySelector(".tbw-grid-content"), l = this.#G;
       s && (s.addEventListener(
         "wheel",
         (a) => {
@@ -3320,14 +3323,14 @@ class k extends HTMLElement {
     e.columns && this.#Re(), e.rows && this.#ae(), e.fitMode && this.#Ae();
   }
   #ae() {
-    this._rows = Array.isArray(this.#a) ? [...this.#a] : [], this.#Y(), this.#s.requestPhase(A.ROWS, "applyRowsUpdate");
+    this._rows = Array.isArray(this.#a) ? [...this.#a] : [], this.#B(), this.#s.requestPhase(A.ROWS, "applyRowsUpdate");
   }
-  #Y() {
-    this.#R.clear();
+  #B() {
+    this.#S.clear();
     const e = this.#o.getRowId;
     this._rows.forEach((i, o) => {
       const n = this.#ce(i, e);
-      n !== void 0 && this.#R.set(n, { row: i, index: o });
+      n !== void 0 && this.#S.set(n, { row: i, index: o });
     });
   }
   #ce(e, i) {
@@ -3359,10 +3362,10 @@ class k extends HTMLElement {
     this.#i.parseLightDomColumns(this), this.#i.merge(), this.#ie(), qe(this, this.#e, this.#ne()), this.#i.markSourcesChanged(), this.#i.merge();
     const n = st(this.#o?.shell), r = (this.#o?.shell?.toolPanels?.length ?? 0) > 0, s = this.#o?.shell?.toolPanels?.length ?? 0;
     if (e !== n || !i && r || i && s !== o) {
-      he(this.#e), this.#J(), this.#F(), this.#re(), this.#Y();
+      he(this.#e), this.#J(), this.#F(), this.#re(), this.#B();
       return;
     }
-    e && this.#xe(), this.#Y(), this.#s.requestPhase(A.COLUMNS, "applyGridConfigUpdate");
+    e && this.#xe(), this.#B(), this.#s.requestPhase(A.COLUMNS, "applyGridConfigUpdate");
   }
   #xe() {
     const e = this.#n.querySelector(".tbw-shell-header");
@@ -3373,7 +3376,7 @@ class k extends HTMLElement {
   }
   #He() {
     if (this.#t) {
-      const e = this.#G.length > 0 ? this.#G : this._columns, i = e.filter((r) => !r.hidden), o = e.filter((r) => r.hidden), n = this.#t.processColumns([...i]);
+      const e = this.#X.length > 0 ? this.#X : this._columns, i = e.filter((r) => !r.hidden), o = e.filter((r) => r.hidden), n = this.#t.processColumns([...i]);
       if (n !== i) {
         const r = new Set(n.map((l) => l.field));
         !i.some((l) => r.has(l.field)) && n.length > 0 ? this._columns = [...n, ...o] : this._columns = this.#Le(
@@ -3403,7 +3406,7 @@ class k extends HTMLElement {
   #Pe() {
     Y(this);
     const e = Array.isArray(this.#a) ? [...this.#a] : [], i = this.#t?.processRows(e) ?? e;
-    this._rows = i, this._virtualization.variableHeights && this.#Z();
+    this._rows = i, this.#B(), this._virtualization.variableHeights && this.#Z();
   }
   #ze(e) {
     const i = {
@@ -3430,13 +3433,13 @@ class k extends HTMLElement {
     e && (this.#M ? (this.#W || (this.#W = Kt(this.#o?.loadingRenderer)), Qt(e, this.#W)) : Zt(this.#W));
   }
   #K(e, i) {
-    const o = this.#R.get(e);
+    const o = this.#S.get(e);
     if (!o) return;
     const n = this.findRenderedRowElement?.(o.index);
     n && Jt(n, i);
   }
   #fe(e, i, o) {
-    const n = this.#R.get(e);
+    const n = this.#S.get(e);
     if (!n) return;
     const r = this.findRenderedRowElement?.(n.index);
     if (!r) return;
@@ -3459,7 +3462,7 @@ class k extends HTMLElement {
   #Oe(e) {
     let i = 0, o = 0, n = 0, r = 0, s = 0;
     if (this.#g) {
-      const a = this._virtualization.container, c = this.#B;
+      const a = this._virtualization.container, c = this.#G;
       i = c?.scrollLeft ?? 0, o = a?.scrollHeight ?? 0, n = c?.scrollWidth ?? 0, r = a?.clientHeight ?? 0, s = c?.clientWidth ?? 0;
     }
     if (this.refreshVirtualWindow(!1) && this.#t?.onScrollRender(), this._virtualization.variableHeights && (this.#m && clearTimeout(this.#m), this.#m = window.setTimeout(() => {
@@ -3578,10 +3581,13 @@ class k extends HTMLElement {
     return this.#Se(e, this.#o.getRowId);
   }
   getRow(e) {
-    return this.#R.get(e)?.row;
+    return this.#S.get(e)?.row;
+  }
+  _getRowEntry(e) {
+    return this.#S.get(e);
   }
   updateRow(e, i, o = "api") {
-    const n = this.#R.get(e);
+    const n = this.#S.get(e);
     if (!n)
       throw new Error(
         `[tbw-grid] Row with ID "${e}" not found. Ensure the row exists and getRowId is correctly configured.`
@@ -3607,7 +3613,7 @@ class k extends HTMLElement {
   updateRows(e, i = "api") {
     let o = !1;
     for (const { id: n, changes: r } of e) {
-      const s = this.#R.get(n);
+      const s = this.#S.get(n);
       if (!s)
         throw new Error(
           `[tbw-grid] Row with ID "${n}" not found. Ensure the row exists and getRowId is correctly configured.`
@@ -3745,7 +3751,7 @@ class k extends HTMLElement {
       const o = this.#o?.shell?.toolPanel?.defaultOpen;
       o && this.#e.toolPanels.has(o) && (this.openToolPanel(), this.#e.expandedSections.add(o));
     }
-    this._resizeController = Me(this), this.#X(i), this.#s.requestPhase(A.COLUMNS, "shellRefresh");
+    this._resizeController = Me(this), this.#Y(i), this.#s.requestPhase(A.COLUMNS, "shellRefresh");
   }
   #A = /* @__PURE__ */ new Map();
   registerStyles(e, i) {
@@ -3972,7 +3978,7 @@ const lo = {
 class ao {
   static dependencies;
   static manifest;
-  version = "1.17.0";
+  version = "1.18.0";
   styles;
   cellRenderers;
   headerRenderers;