@keenmate/web-grid 1.0.3 → 1.0.4

package/dist/web-grid.js

@@ -1,7 +1,7 @@
 var rr = Object.defineProperty;
 var nr = (e, t, o) => t in e ? rr(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o;
 var b = (e, t, o) => nr(e, typeof t != "symbol" ? t + "" : t, o);
-const Le = Math.min, ie = Math.max, Ct = Math.round, mt = Math.floor, _e = (e) => ({
+const ze = Math.min, ie = Math.max, Ct = Math.round, mt = Math.floor, _e = (e) => ({
   x: e,
   y: e
 }), sr = {
@@ -14,12 +14,12 @@ const Le = Math.min, ie = Math.max, Ct = Math.round, mt = Math.floor, _e = (e) =
   end: "start"
 };
 function Jt(e, t, o) {
-  return ie(e, Le(t, o));
+  return ie(e, ze(t, o));
 }
 function Ge(e, t) {
   return typeof e == "function" ? e(t) : e;
 }
-function ze(e) {
+function Le(e) {
   return e.split("-")[0];
 }
 function Qe(e) {
@@ -33,7 +33,7 @@ function go(e) {
 }
 const ar = /* @__PURE__ */ new Set(["top", "bottom"]);
 function Ee(e) {
-  return ar.has(ze(e)) ? "y" : "x";
+  return ar.has(Le(e)) ? "y" : "x";
 }
 function uo(e) {
   return ri(Ee(e));
@@ -66,7 +66,7 @@ function hr(e, t, o) {
 }
 function fr(e, t, o, i) {
   const r = Qe(e);
-  let s = hr(ze(e), o === "start", i);
+  let s = hr(Le(e), o === "start", i);
   return r && (s = s.map((n) => n + "-" + r), t && (s = s.concat(s.map(Zt)))), s;
 }
 function St(e) {
@@ -112,7 +112,7 @@ function To(e, t, o) {
     reference: i,
     floating: r
   } = e;
-  const s = Ee(t), n = uo(t), l = go(n), a = ze(t), d = s === "y", c = i.x + i.width / 2 - r.width / 2, u = i.y + i.height / 2 - r.height / 2, g = i[l] / 2 - r[l] / 2;
+  const s = Ee(t), n = uo(t), l = go(n), a = Le(t), d = s === "y", c = i.x + i.width / 2 - r.width / 2, u = i.y + i.height / 2 - r.height / 2, g = i[l] / 2 - r[l] / 2;
   let h;
   switch (a) {
     case "top":
@@ -285,7 +285,7 @@ const mr = (e) => ({
     }, h = uo(r), f = go(h), w = await n.getDimensions(d), p = h === "y", m = p ? "top" : "left", y = p ? "bottom" : "right", v = p ? "clientHeight" : "clientWidth", x = s.reference[f] + s.reference[h] - g[h] - s.floating[f], C = g[h] - s.reference[h], _ = await (n.getOffsetParent == null ? void 0 : n.getOffsetParent(d));
     let S = _ ? _[v] : 0;
     (!S || !await (n.isElement == null ? void 0 : n.isElement(_))) && (S = l.floating[v] || s.floating[f]);
-    const R = x / 2 - C / 2, I = S / 2 - w[f] / 2 - 1, k = Le(u[m], I), E = Le(u[y], I), M = k, z = S - w[f] - E, D = S / 2 - w[f] / 2 + R, P = Jt(M, D, z), U = !a.arrow && Qe(r) != null && D !== P && s.reference[f] / 2 - (D < M ? k : E) - w[f] / 2 < 0, T = U ? D < M ? D - M : D - z : 0;
+    const k = x / 2 - C / 2, I = S / 2 - w[f] / 2 - 1, R = ze(u[m], I), E = ze(u[y], I), M = R, L = S - w[f] - E, D = S / 2 - w[f] / 2 + k, P = Jt(M, D, L), U = !a.arrow && Qe(r) != null && D !== P && s.reference[f] / 2 - (D < M ? R : E) - w[f] / 2 < 0, T = U ? D < M ? D - M : D - L : 0;
     return {
       [h]: g[h] + T,
       data: {
@@ -322,15 +322,15 @@ const mr = (e) => ({
       } = Ge(e, t);
       if ((o = s.arrow) != null && o.alignmentOffset)
         return {};
-      const m = ze(r), y = Ee(l), v = ze(l) === l, x = await (a.isRTL == null ? void 0 : a.isRTL(d.floating)), C = g || (v || !w ? [St(l)] : cr(l)), _ = f !== "none";
+      const m = Le(r), y = Ee(l), v = Le(l) === l, x = await (a.isRTL == null ? void 0 : a.isRTL(d.floating)), C = g || (v || !w ? [St(l)] : cr(l)), _ = f !== "none";
       !g && _ && C.push(...fr(l, w, f, x));
-      const S = [l, ...C], R = await ho(t, p), I = [];
-      let k = ((i = s.flip) == null ? void 0 : i.overflows) || [];
-      if (c && I.push(R[m]), u) {
+      const S = [l, ...C], k = await ho(t, p), I = [];
+      let R = ((i = s.flip) == null ? void 0 : i.overflows) || [];
+      if (c && I.push(k[m]), u) {
         const D = dr(r, n, x);
-        I.push(R[D[0]], R[D[1]]);
+        I.push(k[D[0]], k[D[1]]);
       }
-      if (k = [...k, {
+      if (R = [...R, {
         placement: r,
         overflows: I
       }], !I.every((D) => D <= 0)) {
@@ -338,30 +338,30 @@ const mr = (e) => ({
         const D = (((E = s.flip) == null ? void 0 : E.index) || 0) + 1, P = S[D];
         if (P && (!(u === "alignment" ? y !== Ee(P) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        k.every((A) => Ee(A.placement) === y ? A.overflows[0] > 0 : !0)))
+        R.every(($) => Ee($.placement) === y ? $.overflows[0] > 0 : !0)))
           return {
             data: {
               index: D,
-              overflows: k
+              overflows: R
             },
             reset: {
               placement: P
             }
           };
-        let U = (M = k.filter((T) => T.overflows[0] <= 0).sort((T, A) => T.overflows[1] - A.overflows[1])[0]) == null ? void 0 : M.placement;
+        let U = (M = R.filter((T) => T.overflows[0] <= 0).sort((T, $) => T.overflows[1] - $.overflows[1])[0]) == null ? void 0 : M.placement;
         if (!U)
           switch (h) {
             case "bestFit": {
-              var z;
-              const T = (z = k.filter((A) => {
+              var L;
+              const T = (L = R.filter(($) => {
                 if (_) {
-                  const W = Ee(A.placement);
+                  const W = Ee($.placement);
                   return W === y || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
                   W === "y";
                 }
                 return !0;
-              }).map((A) => [A.placement, A.overflows.filter((W) => W > 0).reduce((W, B) => W + B, 0)]).sort((A, W) => A[1] - W[1])[0]) == null ? void 0 : z[0];
+              }).map(($) => [$.placement, $.overflows.filter((W) => W > 0).reduce((W, B) => W + B, 0)]).sort(($, W) => $[1] - W[1])[0]) == null ? void 0 : L[0];
               T && (U = T);
               break;
             }
@@ -385,7 +385,7 @@ async function vr(e, t) {
     placement: o,
     platform: i,
     elements: r
-  } = e, s = await (i.isRTL == null ? void 0 : i.isRTL(r.floating)), n = ze(o), l = Qe(o), a = Ee(o) === "y", d = _r.has(n) ? -1 : 1, c = s && a ? -1 : 1, u = Ge(t, e);
+  } = e, s = await (i.isRTL == null ? void 0 : i.isRTL(r.floating)), n = Le(o), l = Qe(o), a = Ee(o) === "y", d = _r.has(n) ? -1 : 1, c = s && a ? -1 : 1, u = Ge(t, e);
   let {
     mainAxis: g,
     crossAxis: h,
@@ -457,7 +457,7 @@ const yr = function(e) {
       } = Ge(e, t), d = {
         x: o,
         y: i
-      }, c = await ho(t, a), u = Ee(ze(r)), g = ri(u);
+      }, c = await ho(t, a), u = Ee(Le(r)), g = ri(u);
       let h = d[g], f = d[u];
       if (s) {
         const p = g === "y" ? "top" : "left", m = g === "y" ? "bottom" : "right", y = h + c[p], v = h - c[m];
@@ -500,21 +500,21 @@ const yr = function(e) {
         apply: a = () => {
         },
         ...d
-      } = Ge(e, t), c = await ho(t, d), u = ze(r), g = Qe(r), h = Ee(r) === "y", {
+      } = Ge(e, t), c = await ho(t, d), u = Le(r), g = Qe(r), h = Ee(r) === "y", {
         width: f,
         height: w
       } = s.floating;
       let p, m;
       u === "top" || u === "bottom" ? (p = u, m = g === (await (n.isRTL == null ? void 0 : n.isRTL(l.floating)) ? "start" : "end") ? "left" : "right") : (m = u, p = g === "end" ? "top" : "bottom");
-      const y = w - c.top - c.bottom, v = f - c.left - c.right, x = Le(w - c[p], y), C = Le(f - c[m], v), _ = !t.middlewareData.shift;
-      let S = x, R = C;
-      if ((o = t.middlewareData.shift) != null && o.enabled.x && (R = v), (i = t.middlewareData.shift) != null && i.enabled.y && (S = y), _ && !g) {
-        const k = ie(c.left, 0), E = ie(c.right, 0), M = ie(c.top, 0), z = ie(c.bottom, 0);
-        h ? R = f - 2 * (k !== 0 || E !== 0 ? k + E : ie(c.left, c.right)) : S = w - 2 * (M !== 0 || z !== 0 ? M + z : ie(c.top, c.bottom));
+      const y = w - c.top - c.bottom, v = f - c.left - c.right, x = ze(w - c[p], y), C = ze(f - c[m], v), _ = !t.middlewareData.shift;
+      let S = x, k = C;
+      if ((o = t.middlewareData.shift) != null && o.enabled.x && (k = v), (i = t.middlewareData.shift) != null && i.enabled.y && (S = y), _ && !g) {
+        const R = ie(c.left, 0), E = ie(c.right, 0), M = ie(c.top, 0), L = ie(c.bottom, 0);
+        h ? k = f - 2 * (R !== 0 || E !== 0 ? R + E : ie(c.left, c.right)) : S = w - 2 * (M !== 0 || L !== 0 ? M + L : ie(c.top, c.bottom));
       }
       await a({
         ...t,
-        availableWidth: R,
+        availableWidth: k,
         availableHeight: S
       });
       const I = await n.getDimensions(l.floating);
@@ -602,7 +602,7 @@ function Xe(e) {
 function pe(e) {
   return ne(e).getComputedStyle(e);
 }
-function Lt(e) {
+function zt(e) {
   return we(e) ? {
     scrollLeft: e.scrollLeft,
     scrollTop: e.scrollTop
@@ -676,15 +676,15 @@ function di(e) {
     y: t.visualViewport.offsetTop
   };
 }
-function Lr(e, t, o) {
+function zr(e, t, o) {
   return t === void 0 && (t = !1), !o || t && o !== ne(e) ? !1 : t;
 }
-function Ve(e, t, o, i) {
+function qe(e, t, o, i) {
   t === void 0 && (t = !1), o === void 0 && (o = !1);
   const r = e.getBoundingClientRect(), s = po(e);
   let n = _e(1);
   t && (i ? we(i) && (n = Ye(i)) : n = Ye(e));
-  const l = Lr(s, o, i) ? di(s) : _e(0);
+  const l = zr(s, o, i) ? di(s) : _e(0);
   let a = (r.left + l.x) / n.x, d = (r.top + l.y) / n.y, c = r.width / n.x, u = r.height / n.y;
   if (s) {
     const g = ne(s), h = i && we(i) ? ne(i) : i;
@@ -701,18 +701,18 @@ function Ve(e, t, o, i) {
     y: d
   });
 }
-function zt(e, t) {
-  const o = Lt(e).scrollLeft;
-  return t ? t.left + o : Ve(ye(e)).left + o;
+function Lt(e, t) {
+  const o = zt(e).scrollLeft;
+  return t ? t.left + o : qe(ye(e)).left + o;
 }
 function ci(e, t) {
-  const o = e.getBoundingClientRect(), i = o.left + t.scrollLeft - zt(e, o), r = o.top + t.scrollTop;
+  const o = e.getBoundingClientRect(), i = o.left + t.scrollLeft - Lt(e, o), r = o.top + t.scrollTop;
   return {
     x: i,
     y: r
   };
 }
-function zr(e) {
+function Lr(e) {
   let {
     elements: t,
     rect: o,
@@ -727,8 +727,8 @@ function zr(e) {
     scrollTop: 0
   }, d = _e(1);
   const c = _e(0), u = ve(i);
-  if ((u || !u && !s) && ((Je(i) !== "body" || ft(n)) && (a = Lt(i)), ve(i))) {
-    const h = Ve(i);
+  if ((u || !u && !s) && ((Je(i) !== "body" || ft(n)) && (a = zt(i)), ve(i))) {
+    const h = qe(i);
     d = Ye(i), c.x = h.x + i.clientLeft, c.y = h.y + i.clientTop;
   }
   const g = n && !u && !s ? ci(n, a) : _e(0);
@@ -743,8 +743,8 @@ function Pr(e) {
   return Array.from(e.getClientRects());
 }
 function Or(e) {
-  const t = ye(e), o = Lt(e), i = e.ownerDocument.body, r = ie(t.scrollWidth, t.clientWidth, i.scrollWidth, i.clientWidth), s = ie(t.scrollHeight, t.clientHeight, i.scrollHeight, i.clientHeight);
-  let n = -o.scrollLeft + zt(e);
+  const t = ye(e), o = zt(e), i = e.ownerDocument.body, r = ie(t.scrollWidth, t.clientWidth, i.scrollWidth, i.clientWidth), s = ie(t.scrollHeight, t.clientHeight, i.scrollHeight, i.clientHeight);
+  let n = -o.scrollLeft + Lt(e);
   const l = -o.scrollTop;
   return pe(i).direction === "rtl" && (n += ie(t.clientWidth, i.clientWidth) - r), {
     width: r,
@@ -762,7 +762,7 @@ function Hr(e, t) {
     const c = wo();
     (!c || c && t === "fixed") && (l = r.offsetLeft, a = r.offsetTop);
   }
-  const d = zt(i);
+  const d = Lt(i);
   if (d <= 0) {
     const c = i.ownerDocument, u = c.body, g = getComputedStyle(u), h = c.compatMode === "CSS1Compat" && parseFloat(g.marginLeft) + parseFloat(g.marginRight) || 0, f = Math.abs(i.clientWidth - u.clientWidth - h);
     f <= $o && (s -= f);
@@ -775,8 +775,8 @@ function Hr(e, t) {
   };
 }
 const Fr = /* @__PURE__ */ new Set(["absolute", "fixed"]);
-function qr(e, t) {
-  const o = Ve(e, !0, t === "fixed"), i = o.top + e.clientTop, r = o.left + e.clientLeft, s = ve(e) ? Ye(e) : _e(1), n = e.clientWidth * s.x, l = e.clientHeight * s.y, a = r * s.x, d = i * s.y;
+function Vr(e, t) {
+  const o = qe(e, !0, t === "fixed"), i = o.top + e.clientTop, r = o.left + e.clientLeft, s = ve(e) ? Ye(e) : _e(1), n = e.clientWidth * s.x, l = e.clientHeight * s.y, a = r * s.x, d = i * s.y;
   return {
     width: n,
     height: l,
@@ -791,7 +791,7 @@ function Ao(e, t, o) {
   else if (t === "document")
     i = Or(ye(e));
   else if (we(t))
-    i = qr(t, o);
+    i = Vr(t, o);
   else {
     const r = di(e);
     i = {
@@ -807,7 +807,7 @@ function gi(e, t) {
   const o = Pe(e);
   return o === t || !we(o) || Xe(o) ? !1 : pe(o).position === "fixed" || gi(o, t);
 }
-function Vr(e, t) {
+function qr(e, t) {
   const o = t.get(e);
   if (o)
     return o;
@@ -827,9 +827,9 @@ function Nr(e) {
     rootBoundary: i,
     strategy: r
   } = e;
-  const n = [...o === "clippingAncestors" ? At(t) ? [] : Vr(t, this._c) : [].concat(o), i], l = n[0], a = n.reduce((d, c) => {
+  const n = [...o === "clippingAncestors" ? At(t) ? [] : qr(t, this._c) : [].concat(o), i], l = n[0], a = n.reduce((d, c) => {
     const u = Ao(t, c, r);
-    return d.top = ie(u.top, d.top), d.right = Le(u.right, d.right), d.bottom = Le(u.bottom, d.bottom), d.left = ie(u.left, d.left), d;
+    return d.top = ie(u.top, d.top), d.right = ze(u.right, d.right), d.bottom = ze(u.bottom, d.bottom), d.left = ie(u.left, d.left), d;
   }, Ao(t, l, r));
   return {
     width: a.right - a.left,
@@ -849,18 +849,18 @@ function Br(e) {
   };
 }
 function Wr(e, t, o) {
-  const i = ve(t), r = ye(t), s = o === "fixed", n = Ve(e, !0, s, t);
+  const i = ve(t), r = ye(t), s = o === "fixed", n = qe(e, !0, s, t);
   let l = {
     scrollLeft: 0,
     scrollTop: 0
   };
   const a = _e(0);
   function d() {
-    a.x = zt(r);
+    a.x = Lt(r);
   }
   if (i || !i && !s)
-    if ((Je(t) !== "body" || ft(r)) && (l = Lt(t)), i) {
-      const h = Ve(t, !0, s, t);
+    if ((Je(t) !== "body" || ft(r)) && (l = zt(t)), i) {
+      const h = qe(t, !0, s, t);
       a.x = h.x + t.clientLeft, a.y = h.y + t.clientTop;
     } else r && d();
   s && !i && r && d();
@@ -872,10 +872,10 @@ function Wr(e, t, o) {
     height: n.height
   };
 }
-function Vt(e) {
+function qt(e) {
   return pe(e).position === "static";
 }
-function Lo(e, t) {
+function zo(e, t) {
   if (!ve(e) || pe(e).position === "fixed")
     return null;
   if (t)
@@ -890,16 +890,16 @@ function ui(e, t) {
   if (!ve(e)) {
     let r = Pe(e);
     for (; r && !Xe(r); ) {
-      if (we(r) && !Vt(r))
+      if (we(r) && !qt(r))
         return r;
       r = Pe(r);
     }
     return o;
   }
-  let i = Lo(e, t);
-  for (; i && Rr(i) && Vt(i); )
-    i = Lo(i, t);
-  return i && Xe(i) && Vt(i) && !fo(i) ? o : i || Mr(e) || o;
+  let i = zo(e, t);
+  for (; i && Rr(i) && qt(i); )
+    i = zo(i, t);
+  return i && Xe(i) && qt(i) && !fo(i) ? o : i || Mr(e) || o;
 }
 const Yr = async function(e) {
   const t = this.getOffsetParent || ui, o = this.getDimensions, i = await o(e.floating);
@@ -917,7 +917,7 @@ function Ur(e) {
   return pe(e).direction === "rtl";
 }
 const Kr = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: zr,
+  convertOffsetParentRelativeRectToViewportRelativeRect: Lr,
   getDocumentElement: ye,
   getClippingRect: Nr,
   getOffsetParent: ui,
@@ -950,7 +950,7 @@ function jr(e, t) {
       return;
     const f = mt(u), w = mt(r.clientWidth - (c + g)), p = mt(r.clientHeight - (u + h)), m = mt(c), v = {
       rootMargin: -f + "px " + -w + "px " + -p + "px " + -m + "px",
-      threshold: ie(0, Le(1, a)) || 1
+      threshold: ie(0, ze(1, a)) || 1
     };
     let x = !0;
     function C(_) {
@@ -1000,10 +1000,10 @@ function Xr(e, t, o, i) {
       (v = h) == null || v.observe(t);
     })), o();
   }), d && !a && h.observe(d), h.observe(t));
-  let f, w = a ? Ve(e) : null;
+  let f, w = a ? qe(e) : null;
   a && p();
   function p() {
-    const m = Ve(e);
+    const m = qe(e);
     w && !hi(w, m) && o(), w = m, f = requestAnimationFrame(p);
   }
   return o(), () => {
@@ -1238,8 +1238,8 @@ function wi(e, t) {
   for (const C of m) {
     const _ = ["wg-datepicker__day"];
     C.isOtherMonth && _.push("wg-datepicker__day--other-month"), an(C.date, n, l) && _.push("wg-datepicker__day--disabled"), Zr(C.date) && _.push("wg-datepicker__day--today"), gt(C.date, r) && _.push("wg-datepicker__day--selected"), gt(C.date, s) && _.push("wg-datepicker__day--focused");
-    const R = Rt(C.date);
-    x += `<div class="${_.join(" ")}" data-date="${R}">${C.day}</div>`;
+    const k = Rt(C.date);
+    x += `<div class="${_.join(" ")}" data-date="${k}">${C.day}</div>`;
   }
   return x;
 }
@@ -1279,7 +1279,7 @@ function hn(e, t) {
     r.classList.toggle("wg-datepicker__rolling-item--selected", s === t.viewMonth);
   });
 }
-function zo(e) {
+function Lo(e) {
   const t = e.querySelector("[data-year].wg-datepicker__rolling-item--selected"), o = e.querySelector("[data-month].wg-datepicker__rolling-item--selected");
   if (t) {
     const i = t.parentElement;
@@ -1846,7 +1846,7 @@ class Ot {
       const r = /* @__PURE__ */ new Date();
       this.state.viewYear = r.getFullYear(), this.state.viewMonth = r.getMonth();
     }
-    mn(this.state), this.element = document.createElement("div"), this.element.className = "wg-datepicker-container", this.element.innerHTML = on(this.state, this.options, this.localeStrings), document.body.appendChild(this.element), this.position(), this.attachListeners(), this.state.isOpen = !0, this.state.rollingSelectorOpen && zo(this.element);
+    mn(this.state), this.element = document.createElement("div"), this.element.className = "wg-datepicker-container", this.element.innerHTML = on(this.state, this.options, this.localeStrings), document.body.appendChild(this.element), this.position(), this.attachListeners(), this.state.isOpen = !0, this.state.rollingSelectorOpen && Lo(this.element);
   }
   /**
    * Close the date picker
@@ -1923,7 +1923,7 @@ class Ot {
       return;
     }
     if (i === "toggle-rolling") {
-      t.preventDefault(), this.state.rollingSelectorOpen = !this.state.rollingSelectorOpen, this.render(), this.state.rollingSelectorOpen && this.element && zo(this.element);
+      t.preventDefault(), this.state.rollingSelectorOpen = !this.state.rollingSelectorOpen, this.render(), this.state.rollingSelectorOpen && this.element && Lo(this.element);
       return;
     }
     if (i === "today") {
@@ -2144,7 +2144,7 @@ var An = function(e) {
     for (i in arguments[t])
       Object.prototype.hasOwnProperty.call(arguments[t], i) && (e[i] = arguments[t][i]);
   return e;
-}, Ln = {
+}, zn = {
   template: "[%t] %l:",
   levelFormatter: function(e) {
     return e.toUpperCase();
@@ -2156,14 +2156,14 @@ var An = function(e) {
     return e.toTimeString().replace(/.*(\d{2}:\d{2}:\d{2}).*/, "$1");
   },
   format: void 0
-}, bi, Fe = {}, zn = function(e) {
+}, bi, Fe = {}, Ln = function(e) {
   if (!e || !e.getLogger)
     throw new TypeError("Argument is not a root logger");
   bi = e;
 }, Pn = function(e, t) {
   if (!e || !e.setLevel)
     throw new TypeError("Argument is not a logger");
-  var o = e.methodFactory, i = e.name || "", r = Fe[i] || Fe[""] || Ln;
+  var o = e.methodFactory, i = e.name || "", r = Fe[i] || Fe[""] || zn;
   function s(n, l, a) {
     var d = o(n, l, a), c = Fe[a] || Fe[""], u = c.template.indexOf("%t") !== -1, g = c.template.indexOf("%l") !== -1, h = c.template.indexOf("%n") !== -1;
     return function() {
@@ -2180,7 +2180,7 @@ var An = function(e) {
     "It is necessary to call the function reg() of loglevel-plugin-prefix before calling apply. From the next release, it will throw an error. See more: https://github.com/kutuluk/loglevel-plugin-prefix/blob/master/README.md"
   ), e;
 }, _i = {
-  reg: zn,
+  reg: Ln,
   apply: Pn
 };
 const vi = {
@@ -2240,10 +2240,10 @@ const no = N.getLogger("GRID:INIT"), tt = N.getLogger("GRID:DATA"), Ho = N.getLo
 function Fn() {
   N.setLevel("debug");
 }
-function qn() {
+function Vn() {
   N.setLevel("silent");
 }
-function Vn(e) {
+function qn(e) {
   N.setLevel(e);
 }
 function Nn(e, t) {
@@ -2305,6 +2305,7 @@ class Bn {
     b(this, "_isStickyRowNumbers", !1);
     b(this, "_freezeColumns", 0);
     b(this, "_invalidCells", []);
+    b(this, "_isDirtyIndicatorVisible", !0);
     b(this, "_isRowToolbarVisible", !1);
     b(this, "_rowToolbar", ["add", "delete", "duplicate"]);
     b(this, "_toolbarVerticalAlign", "bottom");
@@ -2572,6 +2573,12 @@ class Bn {
   set isRowNumbersVisible(t) {
     this._isRowNumbersVisible = t, this.requestUpdate();
   }
+  get isDirtyIndicatorVisible() {
+    return this._isDirtyIndicatorVisible;
+  }
+  set isDirtyIndicatorVisible(t) {
+    this._isDirtyIndicatorVisible = t, this.requestUpdate();
+  }
   get isStickyRowNumbers() {
     return this._isStickyRowNumbers;
   }
@@ -3614,6 +3621,23 @@ toolbarColumn takes priority — cursor following is disabled.`,
   hasRowDraft(t) {
     return this._draftRows.has(t);
   }
+  /**
+   * Check if a specific cell has been modified (draft value differs from original)
+   */
+  isCellDirty(t, o) {
+    const i = this._draftRows.get(t);
+    if (!i) return !1;
+    const r = this.displayItems[t];
+    if (!r) return !1;
+    const s = i[o], n = r[o];
+    return s !== n;
+  }
+  /**
+   * Check if any cell in a row has been modified
+   */
+  isRowDirty(t) {
+    return this._draftRows.has(t);
+  }
   discardRowDraft(t) {
     this._draftRows.delete(t), this._invalidCells = this._invalidCells.filter((o) => o.rowIndex !== t), this.requestUpdate();
   }
@@ -3802,21 +3826,21 @@ toolbarColumn takes priority — cursor following is disabled.`,
         field: o,
         error: c || "Invalid value"
       })), r && this.emptyRowHasData(this._emptyRowDraft)) {
-        const S = { ...this._emptyRowDraft }, R = this._newRowPosition === "top" ? 0 : this._items.length;
-        this._invalidCells = this._invalidCells.map((E) => E.rowIndex === t ? { ...E, rowIndex: R } : this._newRowPosition === "top" ? { ...E, rowIndex: E.rowIndex + 1 } : E), this._newRowPosition === "top" ? this._items = [S, ...this._items] : this._items = [...this._items, S];
-        const I = this._invalidCells.some((E) => E.rowIndex === R);
+        const S = { ...this._emptyRowDraft }, k = this._newRowPosition === "top" ? 0 : this._items.length;
+        this._invalidCells = this._invalidCells.map((E) => E.rowIndex === t ? { ...E, rowIndex: k } : this._newRowPosition === "top" ? { ...E, rowIndex: E.rowIndex + 1 } : E), this._newRowPosition === "top" ? this._items = [S, ...this._items] : this._items = [...this._items, S];
+        const I = this._invalidCells.some((E) => E.rowIndex === k);
         (w = this._onrowchange) == null || w.call(this, {
           row: S,
           draftRow: S,
-          rowIndex: R,
+          rowIndex: k,
           field: o,
           oldValue: null,
           newValue: d,
           isValid: !I,
           validationError: I ? "Row has invalid cells" : null
         }), this._emptyRowDraft = null;
-        const k = this._editingCell;
-        this._editingCell = null, (p = this._onInteractionChange) == null || p.call(this, "editingCell", { prev: k, current: null }), this.requestUpdate();
+        const R = this._editingCell;
+        this._editingCell = null, (p = this._onInteractionChange) == null || p.call(this, "editingCell", { prev: R, current: null }), this.requestUpdate();
         return;
       }
       const C = this._editingCell;
@@ -4270,7 +4294,7 @@ toolbarColumn takes priority — cursor following is disabled.`,
     }), this.requestUpdate();
   }
 }
-const Wn = ':host{--wg-rem: 10px;font-family:var(--wg-font-family);display:block;position:relative;--wg-accent-color: var(--base-accent-color, #0078d4);--wg-accent-color-hover: var(--base-accent-color-hover, #106ebe);--wg-accent-color-active: var(--base-accent-color-active, #005a9e);--wg-accent-color-light: var(--base-accent-color-light, #e6f2ff);--wg-text-color-1: var(--base-text-color-1, #242424);--wg-text-color-2: var(--base-text-color-2, #424242);--wg-text-color-3: var(--base-text-color-3, #707070);--wg-text-on-accent: var(--base-text-color-on-accent, #ffffff);--wg-surface-1: var(--base-main-bg, #ffffff);--wg-surface-2: var(--base-elevated-bg, #f5f5f5);--wg-surface-3: var(--base-hover-bg, #ebebeb);--wg-surface-floating: var(--base-dropdown-bg, var(--base-main-bg, #ffffff));--wg-border-color: var(--base-border-color, #e0e0e0);--wg-border-color-hover: var(--base-border-color, #d1d1d1);--wg-input-bg: var(--base-input-bg, #ffffff);--wg-input-color: var(--base-input-color, var(--wg-text-color-1));--wg-input-border: var(--base-input-border, 1px solid #d1d1d1);--wg-input-border-hover: var(--base-input-border-hover, 1px solid #0078d4);--wg-input-border-focus: var(--base-input-border-focus, 1px solid #0078d4);--wg-input-placeholder-color: var(--base-input-placeholder-color, #707070);--wg-danger-color: var(--base-danger-color, #d13438);--wg-danger-bg-light: var(--base-danger-bg-light, #fde7e9);--wg-hover-bg: var(--base-hover-bg, #f0f0f0);--wg-active-bg: var(--base-hover-bg, #e0e0e0);--wg-font-size-base: calc(var(--base-font-size-sm, 1.4) * var(--wg-rem));--wg-font-size-sm: calc(var(--base-font-size-xs, 1.2) * var(--wg-rem));--wg-font-size-xs: calc(var(--base-font-size-2xs, 1.1) * var(--wg-rem));--wg-font-size-lg: calc(var(--base-font-size-base, 1.6) * var(--wg-rem));--wg-font-family: var(--base-font-family, inherit);--wg-line-height-base: var(--base-line-height-normal, 1.5);--wg-font-weight-normal: var(--base-font-weight-normal, 400);--wg-font-weight-semibold: var(--base-font-weight-semibold, 600);--wg-font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--wg-border-radius-sm: calc(var(--base-border-radius-sm, .4) * var(--wg-rem));--wg-border-radius-md: calc(var(--base-border-radius-md, .6) * var(--wg-rem));--wg-border-radius-lg: calc(var(--base-border-radius-lg, .8) * var(--wg-rem));--wg-spacing-xs: calc(.4 * var(--wg-rem));--wg-spacing-sm: calc(.8 * var(--wg-rem));--wg-spacing-md: calc(1.2 * var(--wg-rem));--wg-spacing-lg: calc(1.6 * var(--wg-rem));--wg-spacing-xl: calc(2.4 * var(--wg-rem));--wg-table-bg: var(--wg-surface-1);--wg-table-border: 1px solid var(--wg-border-color);--wg-row-number-width: calc(4 * var(--wg-rem));--wg-actions-column-width: calc(3.2 * var(--wg-rem));--wg-header-bg: var(--wg-surface-2);--wg-header-bg-hover: var(--wg-surface-3);--wg-header-bg-sorted: var(--wg-surface-3);--wg-header-color: var(--wg-text-color-1);--wg-header-border: 2px solid var(--wg-border-color);--wg-header-separator: 1px solid var(--wg-border-color);--wg-header-padding: var(--wg-spacing-sm);--wg-header-font-weight: var(--wg-font-weight-semibold);--wg-header-min-height: auto;--wg-cell-padding: var(--wg-spacing-sm);--wg-cell-padding-block: var(--wg-spacing-sm);--wg-cell-padding-inline: var(--wg-spacing-sm);--wg-row-min-height: auto;--wg-cell-color: var(--wg-text-color-1);--wg-cell-border: 1px solid var(--wg-border-color);--wg-cell-splitter-color: var(--wg-border-color);--wg-cell-splitter-width: 1px;--wg-cell-bg-hover: var(--wg-hover-bg);--wg-cell-bg-editing: var(--wg-surface-1);--wg-cell-readonly-bg: var(--base-disabled-bg, var(--wg-surface-2));--wg-row-border: 1px solid var(--wg-border-color);--wg-row-bg-even: var(--wg-surface-2);--wg-row-bg-hover: var(--wg-surface-3);--wg-filter-bg: var(--wg-surface-1);--wg-filter-border: 1px solid var(--wg-border-color);--wg-filter-padding: var(--wg-spacing-xs) var(--wg-spacing-sm);--wg-filter-input-padding: calc(.4 * var(--wg-rem)) calc(.8 * var(--wg-rem));--wg-filter-input-bg: var(--wg-input-bg);--wg-filter-input-border: var(--wg-input-border);--wg-filter-input-border-focus: var(--wg-input-border-focus);--wg-filter-input-border-radius: var(--wg-border-radius-sm);--wg-filter-input-font-size: var(--wg-font-size-sm);--wg-sort-indicator-size: calc(1.4 * var(--wg-rem));--wg-sort-indicator-opacity: .9;--wg-sort-placeholder-opacity: .3;--wg-sort-priority-size: calc(1.1 * var(--wg-rem));--wg-pagination-padding: var(--wg-spacing-md);--wg-pagination-gap: calc(1.6 * var(--wg-rem));--wg-pagination-bg: var(--wg-surface-1);--wg-pagination-border: 1px solid var(--wg-border-color);--wg-pagination-btn-padding: calc(.6 * var(--wg-rem)) calc(1.6 * var(--wg-rem));--wg-pagination-btn-bg: var(--wg-surface-1);--wg-pagination-btn-bg-hover: var(--wg-surface-2);--wg-pagination-btn-bg-active: var(--wg-surface-3);--wg-pagination-btn-border: 1px solid var(--wg-border-color);--wg-pagination-btn-border-hover: 1px solid var(--wg-border-color-hover);--wg-pagination-btn-border-radius: var(--wg-border-radius-sm);--wg-pagination-btn-disabled-opacity: .4;--wg-empty-padding: var(--wg-spacing-xl);--wg-empty-color: var(--wg-text-color-3);--wg-error-cell-bg: var(--wg-danger-bg-light);--wg-error-cell-border: 1px solid var(--wg-danger-color);--wg-error-message-color: var(--wg-danger-color);--wg-error-message-font-size: var(--wg-font-size-xs);--wg-error-indicator-color: var(--wg-danger-color);--wg-editor-bg: var(--wg-surface-1);--wg-editor-outline: 2px solid var(--wg-accent-color);--wg-editor-outline-offset: -2px;--wg-editor-validating-opacity: .7;--wg-dropdown-toggle-right: var(--wg-spacing-sm);--wg-dropdown-toggle-size: calc(1.2 * var(--wg-rem));--wg-dropdown-toggle-hitbox: calc(2.4 * var(--wg-rem));--wg-date-trigger-size: calc(2.8 * var(--wg-rem));--wg-editor-hitbox-height: calc(4.8 * var(--wg-rem));--wg-checkbox-scale: 1.2;--wg-toolbar-bg: var(--wg-surface-floating);--wg-toolbar-border: 1px solid var(--wg-border-color);--wg-toolbar-border-radius: var(--wg-border-radius-sm);--wg-toolbar-shadow: var(--base-dropdown-box-shadow, 0 2px 8px rgba(0, 0, 0, .15));--wg-toolbar-divider-color: var(--wg-border-color);--wg-toolbar-divider-height: calc(1.6 * var(--wg-rem));--wg-toolbar-row-height: calc(3.7 * var(--wg-rem));--wg-toolbar-icon-size: calc(1.6 * var(--wg-rem));--wg-toolbar-btn-min-width: calc(2.4 * var(--wg-rem));--wg-toolbar-btn-padding: 0 calc(.4 * var(--wg-rem));--wg-toolbar-btn-border-radius: var(--wg-border-radius-sm);--wg-toolbar-btn-bg-hover: var(--wg-hover-bg);--wg-toolbar-btn-bg-active: var(--wg-active-bg);--wg-toolbar-btn-color: var(--wg-text-color-1);--wg-toolbar-trigger-color: var(--wg-text-color-3);--wg-toolbar-trigger-color-hover: var(--wg-text-color-1);--wg-toolbar-trigger-bg-hover: var(--wg-hover-bg);--wg-overlay-bg: rgba(0, 0, 0, .4);--wg-dialog-shadow: 0 4px 20px rgba(0, 0, 0, .15);--wg-tooltip-bg: var(--base-tooltip-bg, #333);--wg-tooltip-color: var(--base-tooltip-color, #fff);--wg-tooltip-max-width: 300px;--wg-tooltip-arrow-size: 8px;--wg-context-menu-z-index: var(--wg-z-context-menu);--wg-context-menu-min-width: calc(16 * var(--wg-rem));--wg-focus-outline: 2px solid var(--wg-accent-color);--wg-focus-outline-offset: -2px;--wg-focus-border-width: 2px;--wg-focus-border-color: var(--wg-accent-color);--wg-focus-bg: var(--wg-hover-bg);--wg-transition-fast: .1s ease;--wg-transition-normal: .15s ease;--wg-z-cell-highlight: 1;--wg-z-selection-border: 1;--wg-z-frozen: 2;--wg-z-header: 3;--wg-z-frozen-header: 4;--wg-z-fill-handle: 5;--wg-z-fill-handle-area: 4;--wg-z-resize-handle: 6;--wg-z-shortcuts-help: 10;--wg-z-reorder-indicator: 100;--wg-z-toolbar: 1000;--wg-z-context-menu: 1001;--wg-z-dropdown: 9999;--wg-z-reorder-ghost: 10000;--wg-z-tooltip: 10000;--wg-row-locked-bg: var(--base-disabled-bg, var(--wg-surface-2));--wg-row-locked-opacity: .7;--wg-frozen-column-bg: var(--wg-surface-1);--wg-frozen-header-bg: color-mix(in srgb, var(--wg-accent-color) 8%, var(--wg-header-bg));--wg-frozen-column-shadow: 2px 0 4px rgba(0, 0, 0, .1);--wg-frozen-column-shadow-active: 6px 0 12px rgba(0, 0, 0, .25);--wg-frozen-column-border: 2px solid var(--wg-border-color);--wg-frozen-column-shadow-gradient: linear-gradient(to right, rgba(0, 0, 0, .15), transparent);--wg-frozen-column-shadow-width: 8px;--wg-resize-handle-width: 12px;--wg-resize-handle-offset: -6px;--wg-resize-handle-line-width: 2px;--wg-resize-handle-color: var(--wg-border-color);--wg-resize-handle-active-color: var(--wg-accent-color);--wg-fill-handle-size: 8px;--wg-fill-handle-bg: var(--wg-surface-1);--wg-fill-handle-border-color: var(--wg-accent-color);--wg-fill-handle-border-width: 2px;--wg-fill-range-bg: color-mix(in srgb, var(--wg-accent-color) 15%, transparent);--wg-fill-range-border-color: var(--wg-accent-color);--wg-selection-bg: color-mix(in srgb, var(--wg-accent-color) 15%, transparent);--wg-selection-row-number-bg: var(--wg-accent-color);--wg-selection-row-number-color: var(--base-text-inverted, #fff);--wg-selection-border-width: 2px;--wg-selection-border-color: var(--wg-accent-color);--wg-row-focus-bg: color-mix(in srgb, var(--wg-accent-color) 10%, transparent);--wg-row-focus-row-number-bg: color-mix(in srgb, var(--wg-accent-color) 30%, transparent);--wg-cell-selection-bg: color-mix(in srgb, var(--wg-accent-color) 10%, transparent);--wg-cell-selection-border: var(--wg-accent-color);--wg-cell-selection-border-width: 2px;--wg-dropdown-max-height: 200px;--wg-dropdown-option-gap: var(--wg-spacing-sm);--wg-dropdown-option-padding: calc(.6 * var(--wg-rem)) var(--wg-spacing-sm) calc(.6 * var(--wg-rem)) calc(var(--wg-spacing-sm) - 1px);--wg-dropdown-empty-padding: calc(.8 * var(--wg-rem)) var(--wg-spacing-sm) calc(.8 * var(--wg-rem)) calc(var(--wg-spacing-sm) - 1px);--wg-inline-actions-padding: var(--wg-spacing-xs) var(--wg-spacing-sm);--wg-inline-actions-gap: calc(.2 * var(--wg-rem));--wg-toolbar-row-gap: calc(.2 * var(--wg-rem));--wg-toolbar-row-padding: 0 calc(.4 * var(--wg-rem));--wg-toolbar-label-font-size: var(--wg-font-size-sm);--wg-toolbar-btn-gap: calc(.4 * var(--wg-rem));--wg-tooltip-padding: calc(.6 * var(--wg-rem)) calc(1 * var(--wg-rem));--wg-tooltip-shadow: 0 2px 8px rgba(0, 0, 0, .2)}web-grid:not(:defined){display:block;min-height:calc(10 * var(--wg-rem));color:transparent!important;background:transparent}.wg{position:relative;width:100%;max-height:inherit;overflow:auto;overscroll-behavior:contain;border:var(--wg-table-border)}.wg--scrollable{max-height:var(--wg-scroll-max-height, 100vh)}.wg--table-border-only{border:none;overflow:visible;display:flex;flex-direction:column}.wg--table-border-only .wg__table-container{border:var(--wg-table-border);overflow:auto;max-height:inherit;flex:1;min-height:0}.wg--table-border-only .wg__table-container .wg__header{position:sticky;top:0;z-index:var(--wg-z-header)}.wg__table{width:100%;min-width:max-content;border-collapse:collapse;table-layout:fixed;background:var(--wg-table-bg);font-size:var(--wg-font-size-base);line-height:var(--wg-line-height-base)}.wg__filler{width:auto;min-width:0;padding:0!important;border:none!important;box-shadow:none!important}th.wg__filler{position:sticky;top:0;z-index:var(--wg-z-header);background:var(--wg-header-bg);box-shadow:inset 0 -2px 0 var(--wg-border-color)!important}td.wg__filler{background:transparent}.wg__table tbody tr{border-bottom:var(--wg-row-border)}.wg__row-number-header,.wg__row-number{width:var(--wg-row-number-width);min-width:var(--wg-row-number-width);max-width:var(--wg-row-number-width);box-sizing:border-box;text-align:center;color:var(--wg-text-color-2);background:var(--wg-header-bg);-webkit-user-select:none;user-select:none;font-size:var(--wg-font-size-sm)}.wg__row-number-header{cursor:pointer}.wg__row-number-header:hover{background:var(--wg-hover-bg)}.wg__row-number{box-shadow:inset calc(-1 * var(--wg-cell-splitter-width)) 0 0 var(--wg-cell-splitter-color)}.wg__actions-column{width:var(--wg-actions-column-width);min-width:var(--wg-actions-column-width);max-width:var(--wg-actions-column-width);padding:0!important;text-align:center}thead .wg__actions-column{background:var(--wg-header-bg);box-shadow:inset 0 -2px 0 var(--wg-border-color)}.wg__filter-row .wg__actions-column{background:var(--wg-filter-bg);border-bottom:var(--wg-filter-border)}.wg__header{position:sticky;top:0;z-index:var(--wg-z-header);background:var(--wg-header-bg);color:var(--wg-header-color);font-weight:var(--wg-header-font-weight);padding:var(--wg-header-padding);height:var(--wg-header-min-height);box-shadow:inset calc(-1 * var(--wg-cell-splitter-width)) 0 0 var(--wg-cell-splitter-color),inset 0 -2px 0 var(--wg-border-color);box-sizing:border-box;-webkit-user-select:none;user-select:none;overflow:hidden}.wg__header:last-child{box-shadow:inset 0 -2px 0 var(--wg-border-color)}.wg__header--sortable{cursor:pointer}.wg__header--sortable:hover{background:var(--wg-header-bg-hover)}.wg__header--sorted{background:var(--wg-header-bg-sorted)}.wg__header--selected,.wg__header--selected:hover{background:var(--wg-selection-row-number-bg);color:var(--wg-selection-row-number-color)}.wg__header-container{display:flex;align-items:stretch;gap:var(--wg-spacing-xs);height:100%}.wg__header-content{flex:1;min-width:0;display:flex;align-items:center;justify-content:flex-start}.wg__header-content--align-left{justify-content:flex-start}.wg__header-content--align-center{justify-content:center}.wg__header-content--align-right{justify-content:flex-end}.wg__header-content--align-justify{justify-content:flex-start}.wg__header-content--valign-top{align-items:flex-start}.wg__header-content--valign-middle{align-items:center}.wg__header-content--valign-bottom{align-items:flex-end}.wg__header-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wg__header-controls{flex-shrink:0;display:flex;align-items:center}.wg__sort-indicator{font-size:var(--wg-sort-indicator-size);opacity:var(--wg-sort-indicator-opacity);min-width:16px;text-align:center}.wg__sort-placeholder{opacity:var(--wg-sort-placeholder-opacity)}.wg__sort-priority{font-size:var(--wg-sort-priority-size);font-weight:var(--wg-font-weight-semibold);margin-left:2px;vertical-align:super;line-height:1}.wg__header-info{display:inline-flex;align-items:center;color:var(--wg-accent-color);cursor:help;opacity:.7;margin-left:var(--wg-spacing-xs);vertical-align:middle}.wg__header-info:hover{opacity:1}.wg__filter-row th{padding:var(--wg-filter-padding);background:var(--wg-filter-bg);border-bottom:var(--wg-filter-border)}.wg__filter-input{width:100%;padding:var(--wg-filter-input-padding);border:var(--wg-filter-input-border);border-radius:var(--wg-filter-input-border-radius);background:var(--wg-surface-1);color:var(--wg-text-color-1);font-family:inherit;font-size:var(--wg-filter-input-font-size);box-sizing:border-box}.wg__filter-input:focus{outline:none;border:var(--wg-filter-input-border-focus);box-shadow:0 0 0 1px var(--wg-accent-color)}.wg__resize-handle{position:absolute;top:0;right:var(--wg-resize-handle-offset);bottom:0;width:var(--wg-resize-handle-width);cursor:col-resize;z-index:var(--wg-z-resize-handle);opacity:0;transition:opacity .1s ease}.wg__header:hover .wg__resize-handle{opacity:1}.wg__resize-handle:after{content:"";position:absolute;top:25%;bottom:25%;left:50%;width:var(--wg-resize-handle-line-width);background:var(--wg-resize-handle-color);transform:translate(-50%);border-radius:1px}.wg__resize-handle:hover:after{background:var(--wg-resize-handle-active-color);top:15%;bottom:15%}.wg__resize-handle--active:after{background:var(--wg-resize-handle-active-color);top:0;bottom:0}.wg__resize-handle--disabled{cursor:not-allowed}.wg__resize-handle--disabled:after{display:none}.wg--resizing .wg__resize-handle{opacity:1}.wg--resizing{-webkit-user-select:none;user-select:none;cursor:col-resize}.wg--resizing .wg__cell,.wg--resizing .wg__header{cursor:col-resize}.wg--resizing .wg__table{min-width:0!important}.wg__header--dragging{opacity:1;background:var(--wg-header-bg)!important;outline:2px dashed var(--wg-accent-color);outline-offset:-2px}.wg__reorder-ghost{position:fixed;z-index:var(--wg-z-reorder-ghost);background:var(--wg-header-bg);border:2px solid var(--wg-accent-color);border-radius:var(--wg-border-radius-sm);padding:.4em .8em;font-size:var(--wg-font-size-sm);font-weight:var(--wg-header-font-weight);color:var(--wg-header-color);box-shadow:var(--wg-dialog-shadow);opacity:.95;pointer-events:none;white-space:nowrap}.wg__drop-indicator{position:absolute;width:3px;background:var(--wg-accent-color);z-index:var(--wg-z-reorder-indicator);pointer-events:none;display:none}.wg__drop-indicator:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid var(--wg-accent-color)}.wg--reordering{cursor:grabbing;-webkit-user-select:none;user-select:none}.wg--reordering .wg__cell,.wg--reordering .wg__header{cursor:grabbing}.wg--reorderable .wg__header:not(.wg__header--frozen):hover{cursor:grab}.wg__header--frozen{cursor:default}.wg__fill-handle{position:absolute;width:var(--wg-fill-handle-size);height:var(--wg-fill-handle-size);background:var(--wg-fill-handle-bg);border:var(--wg-fill-handle-border-width) solid var(--wg-fill-handle-border-color);cursor:crosshair;z-index:var(--wg-z-fill-handle);pointer-events:auto;box-sizing:border-box}.wg__fill-handle:hover{transform:scale(1.2)}.wg__fill-range{position:absolute;background:var(--wg-fill-range-bg);border:1px dashed var(--wg-fill-range-border-color);pointer-events:none;z-index:var(--wg-z-fill-handle-area);box-sizing:border-box}.wg--filling{cursor:crosshair;-webkit-user-select:none;user-select:none}.wg--filling .wg__cell,.wg--filling .wg__header{cursor:crosshair}.wg__cell--editing .wg__fill-handle{display:none}.wg__row--selected>.wg__cell{background:var(--wg-selection-bg)}.wg__row--selected>.wg__cell.wg__row-number,.wg--editable.wg--navigate-mode .wg__row--selected>.wg__cell.wg__row-number{background:var(--wg-selection-row-number-bg);color:var(--wg-selection-row-number-color)}.wg__row-number[data-row-number]{cursor:pointer;-webkit-user-select:none;user-select:none}.wg__row-number[data-row-number]:hover{background:var(--wg-hover-bg)}.wg__row--selected>.wg__cell.wg__row-number:hover,.wg--editable.wg--navigate-mode .wg__row--selected>.wg__cell.wg__row-number:hover{background:var(--wg-selection-row-number-bg);color:var(--wg-selection-row-number-color)}.wg__cell--column-selected{background:var(--wg-selection-bg)}.wg--selecting{cursor:default;-webkit-user-select:none;user-select:none}.wg--selecting *{-webkit-user-select:none;user-select:none}.wg:focus{outline:none}.wg__cell--in-range{background:var(--wg-cell-selection-bg)!important;position:relative;z-index:var(--wg-z-cell-highlight)}.wg__cell--editing.wg__cell--in-range{background:var(--wg-input-bg)!important}.wg__cell--editable.wg__cell--in-range:hover{background:var(--wg-cell-selection-bg)!important}.wg__cell--editable.wg__cell--in-range:hover:after{display:none}.wg__cell-range-border{position:absolute;border:var(--wg-cell-selection-border-width) solid var(--wg-cell-selection-border);pointer-events:none;z-index:var(--wg-z-selection-border);box-sizing:border-box;border-radius:1px}.wg--selecting-cells,.wg--selecting-cells *{cursor:crosshair!important;-webkit-user-select:none;user-select:none}.wg--selecting-cells .wg__cell{cursor:crosshair!important}.wg:has(.wg__cell-range-border) .wg__fill-handle{display:none}.wg__row-selection-border,.wg__column-selection-border{position:absolute;border:var(--wg-selection-border-width) solid var(--wg-selection-border-color);pointer-events:none;z-index:var(--wg-z-selection-border);box-sizing:border-box;border-radius:1px}.wg--selecting-columns,.wg--selecting-columns *{cursor:col-resize!important;-webkit-user-select:none;user-select:none}.wg--selecting-columns .wg__header{cursor:col-resize!important}.wg__header--frozen{background:var(--wg-frozen-header-bg, var(--wg-header-bg));z-index:var(--wg-z-frozen-header)!important}.wg__header--frozen.wg__header--selected,.wg__header--frozen.wg__header--selected:hover{background:var(--wg-selection-row-number-bg);color:var(--wg-selection-row-number-color)}.wg__row-number-header.wg__header--frozen{z-index:var(--wg-z-frozen-header)!important}.wg__cell--frozen{background:var(--wg-frozen-column-bg, var(--wg-surface-1))}.wg__cell--frozen-last{box-shadow:inset calc(-1 * var(--wg-cell-splitter-width)) 0 0 var(--wg-cell-splitter-color)}.wg__row-number.wg__cell--frozen{background:var(--wg-header-bg);z-index:var(--wg-z-frozen)!important}.wg--striped tbody tr:nth-child(2n) .wg__cell--frozen{background:var(--wg-row-bg-even)}.wg--hoverable tbody tr:hover .wg__cell--frozen{background:var(--wg-row-bg-hover)}.wg__row--focused>.wg__cell--frozen{background:color-mix(in srgb,var(--wg-accent-color) 10%,var(--wg-frozen-column-bg, var(--wg-surface-1)))!important}.wg__row--selected>.wg__cell--frozen{background:color-mix(in srgb,var(--wg-accent-color) 15%,var(--wg-frozen-column-bg, var(--wg-surface-1)))!important}.wg__row--selected>.wg__row-number.wg__cell--frozen{background:var(--wg-selection-row-number-bg)!important;color:var(--wg-selection-row-number-color)}.wg__cell--frozen.wg__cell--column-selected{background:color-mix(in srgb,var(--wg-accent-color) 15%,var(--wg-frozen-column-bg, var(--wg-surface-1)))!important}.wg__cell--frozen.wg__cell--in-range{background:color-mix(in srgb,var(--wg-accent-color) 10%,var(--wg-frozen-column-bg, var(--wg-surface-1)))!important}.wg__header.wg__header--frozen-last,.wg__cell.wg__cell--frozen-last{overflow:visible}.wg--scrolled-horizontal .wg__header--frozen-last:after,.wg--scrolled-horizontal .wg__cell--frozen-last:after{content:"";position:absolute;top:0;right:calc(-1 * var(--wg-frozen-column-shadow-width));bottom:0;width:var(--wg-frozen-column-shadow-width);background:var(--wg-frozen-column-shadow-gradient);pointer-events:none}.wg__cell{padding:var(--wg-cell-padding);color:var(--wg-cell-color);height:var(--wg-row-min-height);box-sizing:border-box;position:relative;scroll-margin-top:calc(3 * var(--wg-rem));scroll-margin-bottom:calc(.5 * var(--wg-rem));-webkit-user-select:none;user-select:none;overflow:hidden;box-shadow:inset calc(-1 * var(--wg-cell-splitter-width)) 0 0 var(--wg-cell-splitter-color)}.wg__cell-text{-webkit-user-select:none;user-select:none;pointer-events:none}.wg__cell--ellipsis .wg__cell-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wg__cell--line-clamp .wg__cell-text{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.wg__cell--editable{cursor:pointer}.wg__cell--editable:hover{background:var(--wg-cell-bg-hover)}.wg__cell--editable:hover:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border:1px dashed var(--wg-border-color);border-radius:2px;pointer-events:none}.wg__cell--editing{position:relative;background:var(--wg-surface-1);outline:2px solid var(--wg-accent-color);outline-offset:-2px;z-index:var(--wg-z-cell-highlight)}.wg__cell--editing:after{display:none}.wg__cell--invalid{background:var(--wg-danger-bg-light);box-shadow:inset 0 0 0 2px var(--wg-danger-color),inset calc(-1 * var(--wg-cell-splitter-width)) 0 0 var(--wg-cell-splitter-color)}.wg--editable.wg--navigate-mode .wg__cell:not(.wg__cell--editable){background:var(--wg-cell-readonly-bg)}.wg__row--locked{background:var(--wg-row-locked-bg)!important}.wg__row--locked .wg__cell{opacity:var(--wg-row-locked-opacity)}.wg__row--locked .wg__cell--editable{cursor:not-allowed}.wg__row--locked .wg__cell--editable:hover{background:inherit}.wg__row--locked .wg__cell--editable:hover:after{display:none}.wg__row-number--locked{opacity:1!important;cursor:help}.wg__editor{position:absolute;top:0;left:0;right:0;width:100%;padding:var(--wg-cell-padding);border:none;background:transparent;color:var(--wg-text-color-1);font-size:var(--wg-font-size-base);font-family:inherit;line-height:inherit;box-sizing:border-box}.wg__editor:focus,.wg__editor:focus-visible{outline:none;box-shadow:none}.wg__editor--text{text-align:inherit}.wg__editor--number{text-align:right}.wg__editor--valign-top{top:0;bottom:auto}.wg__editor--valign-middle{top:0;bottom:0}.wg__editor--valign-bottom{top:auto;bottom:0}.wg__editor--date{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;background:transparent;padding:var(--wg-cell-padding)}.wg__date-input{flex:1;min-width:0;height:100%;border:none;background:transparent;font:inherit;padding:0;outline:none;color:inherit}.wg__date-trigger{width:var(--wg-date-trigger-size);height:100%;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--wg-text-color-3);cursor:pointer;padding:0;flex-shrink:0}.wg__date-trigger:hover{color:var(--wg-accent-color);background:var(--wg-hover-bg)}.wg__editor--checkbox{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(var(--wg-checkbox-scale));width:auto;height:auto;margin:0;padding:0;cursor:pointer}.wg__checkbox-display{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(var(--wg-checkbox-scale));width:auto;height:auto;margin:0;padding:0;cursor:pointer;pointer-events:none}.wg__checkbox-display--readonly{cursor:default;opacity:.5}.wg__editor--custom{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;background:var(--wg-editor-bg);padding:var(--wg-cell-padding-block) var(--wg-cell-padding-inline);cursor:pointer}.wg__editor--custom:focus{outline:none}.wg__custom-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;cursor:pointer}.wg__editor--combobox,.wg__editor--autocomplete{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;padding:var(--wg-cell-padding);padding-right:0;background:transparent;box-sizing:border-box}.wg__combobox-input,.wg__autocomplete-input{flex:1;width:100%;height:100%;padding:0;padding-right:var(--wg-dropdown-toggle-hitbox);border:none;background:transparent;color:var(--wg-text-color-1);font-size:var(--wg-font-size-base);font-family:inherit;line-height:var(--wg-line-height-base);outline:none;box-sizing:border-box;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.wg__combobox-input:focus,.wg__autocomplete-input:focus{outline:none}.wg__combobox-toggle{position:absolute;right:var(--wg-dropdown-toggle-right);top:50%;transform:translateY(-50%);font-size:var(--wg-dropdown-toggle-size);color:var(--wg-text-color-2);pointer-events:auto;cursor:pointer}.wg__combobox-toggle:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--wg-dropdown-toggle-hitbox);height:var(--wg-editor-hitbox-height)}.wg__loading-indicator{position:absolute;right:var(--wg-dropdown-toggle-right);top:50%;transform:translateY(-50%);font-size:var(--wg-font-size-sm);animation:wg-pulse 1s infinite}@keyframes wg-pulse{0%,to{opacity:1}50%{opacity:.4}}.wg__select-trigger{display:flex;align-items:center;justify-content:space-between;cursor:pointer;background:transparent}.wg__select-trigger:focus,.wg__select-trigger:focus-visible{outline:none;box-shadow:none}.wg__select-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wg__select-toggle{position:relative;font-size:var(--wg-dropdown-toggle-size);opacity:.6;margin-left:var(--wg-spacing-xs);flex-shrink:0;pointer-events:auto;cursor:pointer}.wg__select-toggle:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--wg-dropdown-toggle-hitbox);height:var(--wg-editor-hitbox-height)}.wg__cell-dropdown-display{display:flex;align-items:center;justify-content:space-between;width:100%;pointer-events:none}.wg__cell-dropdown-display--toggle-on-focus .wg__select-toggle{opacity:0}.wg__cell:hover .wg__cell-dropdown-display--toggle-on-focus .wg__select-toggle,.wg__cell--focused .wg__cell-dropdown-display--toggle-on-focus .wg__select-toggle{opacity:.6}.wg__cell-date-display{display:flex;align-items:center;justify-content:space-between;width:100%;pointer-events:none}.wg__cell-date-display .wg__date-trigger{position:relative;background:none;border:none;padding:0;margin:0;cursor:pointer;opacity:.6;display:flex;align-items:center;justify-content:center;color:inherit;pointer-events:auto}.wg__cell-date-display .wg__date-trigger:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--wg-dropdown-toggle-hitbox);height:var(--wg-editor-hitbox-height)}.wg__cell-date-display--toggle-on-focus .wg__date-trigger{opacity:0}.wg__cell:hover .wg__cell-date-display--toggle-on-focus .wg__date-trigger,.wg__cell--focused .wg__cell-date-display--toggle-on-focus .wg__date-trigger{opacity:.6}.wg__dropdown{background:var(--wg-surface-floating);border:1px solid var(--wg-border-color);border-radius:var(--wg-border-radius-sm);box-shadow:var(--wg-toolbar-shadow);max-height:var(--wg-dropdown-max-height);overflow-y:auto;font-size:var(--wg-font-size-base);font-family:inherit;line-height:var(--wg-line-height-base)}.wg__dropdown-option{display:flex;align-items:center;gap:var(--wg-dropdown-option-gap);padding:var(--wg-dropdown-option-padding);cursor:pointer;color:var(--wg-text-color-1)}.wg__dropdown-option:hover,.wg__dropdown-option--highlighted{background:var(--wg-hover-bg);box-shadow:inset 0 0 0 2px var(--wg-accent-color)}.wg__dropdown-option--selected{background:var(--wg-accent-color-light)}.wg__dropdown-option--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.wg__dropdown-option-icon{flex-shrink:0;width:1.5em;text-align:center}.wg__dropdown-option-content{flex:1;min-width:0;overflow:hidden}.wg__dropdown-option-label{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wg__dropdown-option-subtitle{display:block;font-size:var(--wg-font-size-sm);color:var(--wg-text-color-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wg__dropdown-empty{padding:var(--wg-dropdown-empty-padding);color:var(--wg-text-color-2);font-style:italic;text-align:center}.wg__dropdown-option--align-left{justify-content:flex-start}.wg__dropdown-option--align-left .wg__dropdown-option-content{text-align:left}.wg__dropdown-option--align-center{justify-content:center}.wg__dropdown-option--align-center .wg__dropdown-option-content{text-align:center}.wg__dropdown-option--align-right{justify-content:flex-end}.wg__dropdown-option--align-right .wg__dropdown-option-content{text-align:right}.wg__dropdown-option--align-justify{justify-content:flex-start}.wg__dropdown-option--align-justify .wg__dropdown-option-content{text-align:justify}.wg--navigate-mode .wg__cell{cursor:cell}.wg__cell:focus{outline:none;box-shadow:inset 0 0 0 var(--wg-focus-border-width) var(--wg-focus-border-color),inset calc(-1 * var(--wg-cell-splitter-width)) 0 0 var(--wg-cell-splitter-color)}.wg--editable .wg__cell.wg__cell--focused,.wg__cell.wg__cell--always-edit-focused{box-shadow:inset 0 0 0 var(--wg-focus-border-width) var(--wg-focus-border-color),inset calc(-1 * var(--wg-cell-splitter-width)) 0 0 var(--wg-cell-splitter-color)}.wg__cell--focused:after,.wg__cell--always-edit-focused:after{display:none}.wg__row--focused>.wg__cell{background:var(--wg-row-focus-bg)}.wg__row--focused>.wg__cell.wg__row-number{background:var(--wg-row-focus-row-number-bg)}.wg--editable.wg--navigate-mode .wg__row--focused>.wg__cell{background:var(--wg-row-focus-bg)}.wg--editable.wg--navigate-mode .wg__row--focused>.wg__cell.wg__row-number{background:var(--wg-row-focus-row-number-bg)}.wg__pagination{display:flex;align-items:center;justify-content:center;gap:var(--wg-pagination-gap);padding:var(--wg-pagination-padding);border-top:var(--wg-pagination-border);background:var(--wg-pagination-bg)}.wg__pagination-btn{padding:var(--wg-pagination-btn-padding);background:var(--wg-pagination-btn-bg);border:var(--wg-pagination-btn-border);border-radius:var(--wg-pagination-btn-border-radius);color:var(--wg-cell-color);font-family:inherit;font-size:var(--wg-font-size-base);cursor:pointer;transition:all var(--wg-transition-fast)}.wg__pagination-btn:hover:not(:disabled){background:var(--wg-pagination-btn-bg-hover);border:var(--wg-pagination-btn-border-hover)}.wg__pagination-btn:active:not(:disabled){background:var(--wg-pagination-btn-bg-active)}.wg__pagination-btn:disabled{opacity:var(--wg-pagination-btn-disabled-opacity);cursor:not-allowed}.wg__pagination-info{font-size:var(--wg-font-size-base);color:var(--wg-cell-color)}.wg__pagination-count{font-size:var(--wg-font-size-sm);color:var(--wg-text-color-3);margin-left:var(--wg-spacing-xs)}.wg__pagination-pagesize{display:flex;align-items:center;gap:calc(.6 * var(--wg-rem))}.wg__pagination-select{padding:var(--wg-spacing-xs) var(--wg-spacing-sm);background:var(--wg-pagination-btn-bg);border:var(--wg-pagination-btn-border);border-radius:var(--wg-pagination-btn-border-radius);color:var(--wg-cell-color);font-family:inherit;font-size:var(--wg-font-size-base);cursor:pointer}.wg__pagination-select:hover{background:var(--wg-pagination-btn-bg-hover);border:var(--wg-pagination-btn-border-hover)}.wg__pagination-select:focus{outline:2px solid var(--wg-accent-color);outline-offset:-2px}.wg__pagination-label{font-size:var(--wg-font-size-sm);color:var(--wg-text-color-3)}.wg__pagination--left{justify-content:flex-start}.wg__pagination--right{justify-content:flex-end}.wg__pagination--top{border-top:none;border-bottom:var(--wg-pagination-border)}.wg__summary{display:flex;align-items:center;padding:var(--wg-pagination-padding);border-top:var(--wg-pagination-border);background:var(--wg-pagination-bg);font-size:var(--wg-font-size-base);color:var(--wg-cell-color)}.wg__summary--left{justify-content:flex-start}.wg__summary--right{justify-content:flex-end}.wg__summary--top{border-top:none;border-bottom:var(--wg-pagination-border)}.wg__footer{display:flex;align-items:center;justify-content:space-between;border-top:var(--wg-pagination-border);background:var(--wg-pagination-bg)}.wg__footer--top{border-top:none;border-bottom:var(--wg-pagination-border)}.wg__footer .wg__summary,.wg__footer .wg__pagination{border:none}.wg__footer .wg__summary{flex:0 0 auto}.wg__footer .wg__pagination{flex:0 0 auto;margin-left:auto}.wg__toolbar-container{position:fixed;z-index:var(--wg-z-toolbar)}.wg__toolbar{display:flex;flex-direction:column-reverse;gap:0;padding:0;background:var(--wg-toolbar-bg);border:var(--wg-toolbar-border);border-radius:var(--wg-toolbar-border-radius);box-shadow:var(--wg-toolbar-shadow)}.wg__toolbar-row{display:flex;gap:var(--wg-toolbar-row-gap);align-items:center;height:var(--wg-toolbar-row-height);padding:var(--wg-toolbar-row-padding)}.wg__toolbar-row+.wg__toolbar-row{border-top:1px solid var(--wg-toolbar-divider-color)}.wg__toolbar-divider{width:1px;height:var(--wg-toolbar-divider-height);background:var(--wg-toolbar-divider-color);margin:0 var(--wg-spacing-xs);flex-shrink:0}.wg__toolbar-btn{min-width:var(--wg-toolbar-btn-min-width);height:100%;border:none;border-radius:var(--wg-toolbar-btn-border-radius);background:transparent;color:var(--wg-toolbar-btn-color);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--wg-toolbar-btn-gap);font-family:inherit;font-size:var(--wg-font-size-base);font-weight:var(--wg-font-weight-normal);padding:var(--wg-toolbar-btn-padding);transition:background .1s ease}.wg__toolbar-btn:hover{background:var(--wg-toolbar-btn-bg-hover)}.wg__toolbar-btn:active{background:var(--wg-toolbar-btn-bg-active)}.wg__toolbar-btn:disabled{opacity:.5;cursor:not-allowed}.wg__toolbar-btn:disabled:hover{background:transparent}.wg__toolbar-btn svg{width:var(--wg-toolbar-icon-size);height:var(--wg-toolbar-icon-size);flex-shrink:0}.wg__toolbar-btn--danger:hover{background:var(--wg-danger-bg-light);color:var(--wg-danger-color)}.wg__toolbar-label{font-size:var(--wg-toolbar-label-font-size);white-space:nowrap}.wg__actions-column{width:var(--wg-toolbar-btn-min-width);min-width:var(--wg-toolbar-btn-min-width);max-width:var(--wg-toolbar-btn-min-width);padding:0!important;text-align:center}.wg__header .wg__actions-column{background:var(--wg-header-bg)}.wg__filter-row .wg__actions-column{background:var(--wg-filter-bg)}.wg__toolbar-trigger{position:relative;padding:0;background:transparent;border:none;border-radius:var(--wg-border-radius-sm);cursor:pointer;font-size:var(--wg-font-size-base);line-height:1;color:var(--wg-toolbar-trigger-color)}.wg__toolbar-trigger:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--wg-dropdown-toggle-hitbox);height:var(--wg-editor-hitbox-height)}.wg__toolbar-trigger:hover,.wg__toolbar-trigger--active{color:var(--wg-toolbar-trigger-color-hover);background:var(--wg-toolbar-trigger-bg-hover)}.wg__inline-actions-header,.wg__inline-actions-cell{white-space:nowrap;text-align:start;padding:var(--wg-inline-actions-padding);overflow:visible}.wg__inline-actions-header{background:var(--wg-header-bg)}.wg__inline-actions-wrap{display:flex;flex-direction:column;gap:var(--wg-inline-actions-gap);align-items:flex-start}.wg__inline-actions-row{display:flex;gap:var(--wg-inline-actions-gap);align-items:center;justify-content:flex-start}.wg__inline-action-btn{width:var(--wg-toolbar-btn-min-width);max-width:var(--wg-toolbar-btn-min-width);height:calc(2.4 * var(--wg-rem));border:none;border-radius:var(--wg-toolbar-btn-border-radius);background:transparent;color:var(--wg-toolbar-btn-color);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box;font-family:inherit;font-size:var(--wg-font-size-base);transition:background var(--wg-transition-fast)}.wg__inline-action-btn:hover{background:var(--wg-toolbar-btn-bg-hover)}.wg__inline-action-btn:active{background:var(--wg-toolbar-btn-bg-active)}.wg__inline-action-btn:disabled,.wg__inline-action-btn--disabled{opacity:.5;cursor:not-allowed}.wg__inline-action-btn:disabled:hover,.wg__inline-action-btn--disabled:hover{background:transparent}.wg__inline-action-btn--danger:hover{background:var(--wg-danger-bg-light);color:var(--wg-danger-color)}.wg__inline-action-btn svg{width:var(--wg-toolbar-icon-size);height:var(--wg-toolbar-icon-size);flex-shrink:0}.wg__shortcuts-help{position:absolute;top:var(--wg-spacing-xs);right:var(--wg-spacing-sm);z-index:var(--wg-z-shortcuts-help)}.wg__shortcuts-help--left{right:auto;left:var(--wg-spacing-sm)}.wg__shortcuts-help-icon{display:flex;align-items:center;justify-content:center;width:var(--wg-spacing-xl);height:var(--wg-spacing-xl);padding:0;border:none;border-radius:50%;background:var(--wg-surface-1);color:var(--wg-text-color-2);cursor:pointer;opacity:.7}.wg__shortcuts-help-icon:hover{opacity:1;background:var(--wg-surface-2)}.wg__shortcuts-help-icon svg{width:var(--wg-toolbar-icon-size);height:var(--wg-toolbar-icon-size)}.wg__shortcuts-help-overlay{display:none;position:absolute;top:100%;right:0;margin-top:var(--wg-spacing-xs);padding:var(--wg-spacing-md);background:var(--wg-surface-1);border:1px solid var(--wg-border-color);border-radius:var(--wg-border-radius-md);box-shadow:var(--wg-dialog-shadow);min-width:200px;max-width:var(--wg-tooltip-max-width);z-index:100}.wg__shortcuts-help--left .wg__shortcuts-help-overlay{right:auto;left:0}.wg__shortcuts-help:hover .wg__shortcuts-help-overlay,.wg__shortcuts-help:focus-within .wg__shortcuts-help-overlay{display:block}.wg__shortcuts-help-title{font-weight:var(--wg-font-weight-semibold);font-size:var(--wg-font-size-base);color:var(--wg-text-color-1);margin-bottom:var(--wg-spacing-sm);padding-bottom:var(--wg-spacing-xs);border-bottom:1px solid var(--wg-border-color)}.wg__shortcuts-help-custom{margin-bottom:var(--wg-spacing-sm);padding-bottom:var(--wg-spacing-sm);border-bottom:1px solid var(--wg-border-color);font-size:var(--wg-font-size-sm);color:var(--wg-text-color-2)}.wg__shortcuts-help-list{display:flex;flex-direction:column;gap:var(--wg-spacing-xs)}.wg__shortcuts-help-item{display:flex;align-items:center;gap:var(--wg-spacing-md)}.wg__shortcuts-help-key{display:inline-flex;align-items:center;justify-content:center;min-width:28px;padding:2px calc(.6 * var(--wg-rem));font-family:var(--wg-font-family-mono);font-size:var(--wg-font-size-xs);font-weight:var(--wg-font-weight-semibold);color:var(--wg-text-color-1);background:var(--wg-surface-2);border:1px solid var(--wg-border-color);border-radius:var(--wg-border-radius-sm)}.wg__shortcuts-help-label{flex:1;font-size:var(--wg-font-size-sm);color:var(--wg-text-color-2)}.wg--striped tbody tr:nth-child(2n){background:var(--wg-row-bg-even)}.wg--hoverable tbody tr:hover{background:var(--wg-row-bg-hover)}.wg__empty{text-align:center;padding:var(--wg-empty-padding);color:var(--wg-empty-color);font-style:italic}.wg__loading-more{text-align:center;padding:var(--wg-cell-padding);color:var(--wg-text-color-2);font-size:var(--wg-font-size-sm)}.wg__tooltip{position:absolute;z-index:var(--wg-z-tooltip);max-width:var(--wg-tooltip-max-width);padding:var(--wg-tooltip-padding);background:var(--wg-tooltip-bg);color:var(--wg-tooltip-color);font-size:var(--wg-font-size-sm);line-height:1.4;border-radius:var(--wg-border-radius-sm);box-shadow:var(--wg-tooltip-shadow);pointer-events:none;opacity:0;transition:opacity var(--wg-transition-fast)}.wg__tooltip--visible{opacity:1}.wg__tooltip-arrow{position:absolute;width:var(--wg-tooltip-arrow-size);height:var(--wg-tooltip-arrow-size);background:var(--wg-tooltip-bg);transform:rotate(45deg)}.wg__tooltip[data-placement^=top] .wg__tooltip-arrow{bottom:calc(-.5 * var(--wg-tooltip-arrow-size))}.wg__tooltip[data-placement^=bottom] .wg__tooltip-arrow{top:calc(-.5 * var(--wg-tooltip-arrow-size))}.wg__tooltip[data-placement^=left] .wg__tooltip-arrow{right:calc(-.5 * var(--wg-tooltip-arrow-size))}.wg__tooltip[data-placement^=right] .wg__tooltip-arrow{left:calc(-.5 * var(--wg-tooltip-arrow-size))}.wg__tooltip-title{font-weight:600}.wg__tooltip-desc{opacity:.85;margin-top:2px}.wg__tooltip-shortcut{margin-top:4px;opacity:.7;font-size:.9em}.wg__goto-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--wg-overlay-bg);display:flex;align-items:center;justify-content:center;z-index:1000}.wg__goto-dialog{background:var(--wg-surface-1);border-radius:var(--wg-border-radius-md);padding:var(--wg-spacing-lg);box-shadow:var(--wg-dialog-shadow);min-width:250px}.wg__goto-label{display:block;margin-bottom:var(--wg-spacing-sm);font-size:var(--wg-font-size-base);color:var(--wg-text-color-1)}.wg__goto-input{width:100%;padding:var(--wg-spacing-sm) var(--wg-spacing-md);border:1px solid var(--wg-border-color);border-radius:var(--wg-border-radius-sm);font-family:inherit;font-size:var(--wg-font-size-base);margin-bottom:var(--wg-spacing-md);box-sizing:border-box}.wg__goto-input:focus{outline:none;border-color:var(--wg-accent-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--wg-accent-color) 20%,transparent)}.wg__goto-buttons{display:flex;gap:var(--wg-spacing-sm);justify-content:flex-end}.wg__goto-btn{padding:var(--wg-spacing-sm) var(--wg-spacing-md);border:1px solid var(--wg-border-color);border-radius:var(--wg-border-radius-sm);font-family:inherit;font-size:var(--wg-font-size-sm);cursor:pointer;background:var(--wg-surface-1);color:var(--wg-text-color-1)}.wg__goto-btn:hover{background:var(--wg-surface-2)}.wg__goto-btn--go{background:var(--wg-accent-color);border-color:var(--wg-accent-color);color:var(--wg-text-on-accent)}.wg__goto-btn--go:hover{background:var(--wg-accent-color-hover)}.wg__spacer-top td,.wg__spacer-bottom td{padding:0;border:none;background:transparent;height:inherit;line-height:0}@media (prefers-color-scheme: dark){:host{--wg-surface-1: #1f1f1f;--wg-surface-2: #2b2b2b;--wg-surface-3: #333333;--wg-surface-floating: #2b2b2b;--wg-text-color-1: #e0e0e0;--wg-text-color-2: #c0c0c0;--wg-text-color-3: #a0a0a0;--wg-border-color: #3d3d3d;--wg-border-color-hover: #5a5a5a;--wg-input-bg: #1f1f1f;--wg-input-border: 1px solid #5a5a5a;--wg-hover-bg: #3a3a3a;--wg-active-bg: #4a4a4a;--wg-danger-bg-light: #442726;--wg-danger-color: #f87c86}}:host([data-theme="dark"]),:host-context([data-theme="dark"]),:host([data-bs-theme="dark"]),:host-context([data-bs-theme="dark"]),:host-context(.dark){--wg-surface-1: #1f1f1f;--wg-surface-2: #2b2b2b;--wg-surface-3: #333333;--wg-surface-floating: #2b2b2b;--wg-text-color-1: #e0e0e0;--wg-text-color-2: #c0c0c0;--wg-text-color-3: #a0a0a0;--wg-border-color: #3d3d3d;--wg-border-color-hover: #5a5a5a;--wg-input-bg: #1f1f1f;--wg-input-border: 1px solid #5a5a5a;--wg-hover-bg: #3a3a3a;--wg-active-bg: #4a4a4a;--wg-danger-bg-light: #442726;--wg-danger-color: #f87c86}:host([data-theme="light"]),:host-context([data-theme="light"]),:host([data-bs-theme="light"]),:host-context([data-bs-theme="light"]),:host-context(.light){--wg-surface-1: var(--base-main-bg, #ffffff);--wg-surface-2: var(--base-elevated-bg, #f5f5f5);--wg-surface-3: var(--base-hover-bg, #ebebeb);--wg-surface-floating: var(--base-dropdown-bg, var(--base-main-bg, #ffffff));--wg-text-color-1: var(--base-text-color-1, #242424);--wg-text-color-2: var(--base-text-color-2, #424242);--wg-text-color-3: var(--base-text-color-3, #707070);--wg-border-color: var(--base-border-color, #e0e0e0);--wg-border-color-hover: var(--base-border-color, #d1d1d1);--wg-input-bg: var(--base-input-bg, #ffffff);--wg-input-border: var(--base-input-border, 1px solid #d1d1d1);--wg-hover-bg: var(--base-hover-bg, #f0f0f0);--wg-active-bg: var(--base-hover-bg, #e0e0e0);--wg-danger-bg-light: var(--base-danger-bg-light, #fde7e9);--wg-danger-color: var(--base-danger-color, #d13438)}';
+const Wn = ':host{--wg-rem: 10px;font-family:var(--wg-font-family);display:block;position:relative;--wg-accent-color: var(--base-accent-color, #0078d4);--wg-accent-color-hover: var(--base-accent-color-hover, #106ebe);--wg-accent-color-active: var(--base-accent-color-active, #005a9e);--wg-accent-color-light: var(--base-accent-color-light, #e6f2ff);--wg-text-color-1: var(--base-text-color-1, #242424);--wg-text-color-2: var(--base-text-color-2, #424242);--wg-text-color-3: var(--base-text-color-3, #707070);--wg-text-on-accent: var(--base-text-color-on-accent, #ffffff);--wg-surface-1: var(--base-main-bg, #ffffff);--wg-surface-2: var(--base-elevated-bg, #f5f5f5);--wg-surface-3: var(--base-hover-bg, #ebebeb);--wg-surface-floating: var(--base-dropdown-bg, var(--base-main-bg, #ffffff));--wg-border-color: var(--base-border-color, #e0e0e0);--wg-border-color-hover: var(--base-border-color, #d1d1d1);--wg-input-bg: var(--base-input-bg, #ffffff);--wg-input-color: var(--base-input-color, var(--wg-text-color-1));--wg-input-border: var(--base-input-border, 1px solid #d1d1d1);--wg-input-border-hover: var(--base-input-border-hover, 1px solid #0078d4);--wg-input-border-focus: var(--base-input-border-focus, 1px solid #0078d4);--wg-input-placeholder-color: var(--base-input-placeholder-color, #707070);--wg-danger-color: var(--base-danger-color, #d13438);--wg-danger-bg-light: var(--base-danger-bg-light, #fde7e9);--wg-hover-bg: var(--base-hover-bg, #f0f0f0);--wg-active-bg: var(--base-hover-bg, #e0e0e0);--wg-font-size-base: calc(var(--base-font-size-sm, 1.4) * var(--wg-rem));--wg-font-size-sm: calc(var(--base-font-size-xs, 1.2) * var(--wg-rem));--wg-font-size-xs: calc(var(--base-font-size-2xs, 1.1) * var(--wg-rem));--wg-font-size-lg: calc(var(--base-font-size-base, 1.6) * var(--wg-rem));--wg-font-family: var(--base-font-family, inherit);--wg-line-height-base: var(--base-line-height-normal, 1.5);--wg-font-weight-normal: var(--base-font-weight-normal, 400);--wg-font-weight-semibold: var(--base-font-weight-semibold, 600);--wg-font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--wg-border-radius-sm: calc(var(--base-border-radius-sm, .4) * var(--wg-rem));--wg-border-radius-md: calc(var(--base-border-radius-md, .6) * var(--wg-rem));--wg-border-radius-lg: calc(var(--base-border-radius-lg, .8) * var(--wg-rem));--wg-spacing-xs: calc(.4 * var(--wg-rem));--wg-spacing-sm: calc(.8 * var(--wg-rem));--wg-spacing-md: calc(1.2 * var(--wg-rem));--wg-spacing-lg: calc(1.6 * var(--wg-rem));--wg-spacing-xl: calc(2.4 * var(--wg-rem));--wg-table-bg: var(--wg-surface-1);--wg-table-border: 1px solid var(--wg-border-color);--wg-row-number-width: calc(4 * var(--wg-rem));--wg-actions-column-width: calc(3.2 * var(--wg-rem));--wg-header-bg: var(--wg-surface-2);--wg-header-bg-hover: var(--wg-surface-3);--wg-header-bg-sorted: var(--wg-surface-3);--wg-header-color: var(--wg-text-color-1);--wg-header-border: 2px solid var(--wg-border-color);--wg-header-separator: 1px solid var(--wg-border-color);--wg-header-padding: var(--wg-spacing-sm);--wg-header-font-weight: var(--wg-font-weight-semibold);--wg-header-min-height: auto;--wg-cell-padding: var(--wg-spacing-sm);--wg-cell-padding-block: var(--wg-spacing-sm);--wg-cell-padding-inline: var(--wg-spacing-sm);--wg-row-min-height: auto;--wg-cell-color: var(--wg-text-color-1);--wg-cell-border: 1px solid var(--wg-border-color);--wg-cell-splitter-color: var(--wg-border-color);--wg-cell-splitter-width: 1px;--wg-cell-bg-hover: var(--wg-hover-bg);--wg-cell-bg-editing: var(--wg-surface-1);--wg-cell-readonly-bg: var(--base-disabled-bg, var(--wg-surface-2));--wg-row-border: 1px solid var(--wg-border-color);--wg-row-bg-even: var(--wg-surface-2);--wg-row-bg-hover: var(--wg-surface-3);--wg-filter-bg: var(--wg-surface-1);--wg-filter-border: 1px solid var(--wg-border-color);--wg-filter-padding: var(--wg-spacing-xs) var(--wg-spacing-sm);--wg-filter-input-padding: calc(.4 * var(--wg-rem)) calc(.8 * var(--wg-rem));--wg-filter-input-bg: var(--wg-input-bg);--wg-filter-input-border: var(--wg-input-border);--wg-filter-input-border-focus: var(--wg-input-border-focus);--wg-filter-input-border-radius: var(--wg-border-radius-sm);--wg-filter-input-font-size: var(--wg-font-size-sm);--wg-sort-indicator-size: calc(1.4 * var(--wg-rem));--wg-sort-indicator-opacity: .9;--wg-sort-placeholder-opacity: .3;--wg-sort-priority-size: calc(1.1 * var(--wg-rem));--wg-pagination-padding: var(--wg-spacing-md);--wg-pagination-gap: calc(1.6 * var(--wg-rem));--wg-pagination-bg: var(--wg-surface-1);--wg-pagination-border: 1px solid var(--wg-border-color);--wg-pagination-btn-padding: calc(.6 * var(--wg-rem)) calc(1.6 * var(--wg-rem));--wg-pagination-btn-bg: var(--wg-surface-1);--wg-pagination-btn-bg-hover: var(--wg-surface-2);--wg-pagination-btn-bg-active: var(--wg-surface-3);--wg-pagination-btn-border: 1px solid var(--wg-border-color);--wg-pagination-btn-border-hover: 1px solid var(--wg-border-color-hover);--wg-pagination-btn-border-radius: var(--wg-border-radius-sm);--wg-pagination-btn-disabled-opacity: .4;--wg-empty-padding: var(--wg-spacing-xl);--wg-empty-color: var(--wg-text-color-3);--wg-error-cell-bg: var(--wg-danger-bg-light);--wg-error-cell-border: 1px solid var(--wg-danger-color);--wg-error-message-color: var(--wg-danger-color);--wg-error-message-font-size: var(--wg-font-size-xs);--wg-error-indicator-color: var(--wg-danger-color);--wg-dirty-indicator-color: #ed8b00;--wg-dirty-indicator-size: 6px;--wg-dirty-cell-bg: rgba(237, 139, 0, .08);--wg-dirty-row-number-border-color: #ed8b00;--wg-editor-bg: var(--wg-surface-1);--wg-editor-outline: 2px solid var(--wg-accent-color);--wg-editor-outline-offset: -2px;--wg-editor-validating-opacity: .7;--wg-dropdown-toggle-right: var(--wg-spacing-sm);--wg-dropdown-toggle-size: calc(1.2 * var(--wg-rem));--wg-dropdown-toggle-hitbox: calc(2.4 * var(--wg-rem));--wg-date-trigger-size: calc(2.8 * var(--wg-rem));--wg-editor-hitbox-height: calc(4.8 * var(--wg-rem));--wg-checkbox-scale: 1.2;--wg-toolbar-bg: var(--wg-surface-floating);--wg-toolbar-border: 1px solid var(--wg-border-color);--wg-toolbar-border-radius: var(--wg-border-radius-sm);--wg-toolbar-shadow: var(--base-dropdown-box-shadow, 0 2px 8px rgba(0, 0, 0, .15));--wg-toolbar-divider-color: var(--wg-border-color);--wg-toolbar-divider-height: calc(1.6 * var(--wg-rem));--wg-toolbar-row-height: calc(3.7 * var(--wg-rem));--wg-toolbar-icon-size: calc(1.6 * var(--wg-rem));--wg-toolbar-btn-min-width: calc(2.4 * var(--wg-rem));--wg-toolbar-btn-padding: 0 calc(.4 * var(--wg-rem));--wg-toolbar-btn-border-radius: var(--wg-border-radius-sm);--wg-toolbar-btn-bg-hover: var(--wg-hover-bg);--wg-toolbar-btn-bg-active: var(--wg-active-bg);--wg-toolbar-btn-color: var(--wg-text-color-1);--wg-toolbar-trigger-color: var(--wg-text-color-3);--wg-toolbar-trigger-color-hover: var(--wg-text-color-1);--wg-toolbar-trigger-bg-hover: var(--wg-hover-bg);--wg-overlay-bg: rgba(0, 0, 0, .4);--wg-dialog-shadow: 0 4px 20px rgba(0, 0, 0, .15);--wg-tooltip-bg: var(--base-tooltip-bg, #333);--wg-tooltip-color: var(--base-tooltip-color, #fff);--wg-tooltip-max-width: 300px;--wg-tooltip-arrow-size: 8px;--wg-context-menu-z-index: var(--wg-z-context-menu);--wg-context-menu-min-width: calc(16 * var(--wg-rem));--wg-focus-outline: 2px solid var(--wg-accent-color);--wg-focus-outline-offset: -2px;--wg-focus-border-width: 2px;--wg-focus-border-color: var(--wg-accent-color);--wg-focus-bg: var(--wg-hover-bg);--wg-transition-fast: .1s ease;--wg-transition-normal: .15s ease;--wg-z-cell-highlight: 1;--wg-z-selection-border: 1;--wg-z-frozen: 2;--wg-z-header: 3;--wg-z-frozen-header: 4;--wg-z-fill-handle: 5;--wg-z-fill-handle-area: 4;--wg-z-resize-handle: 6;--wg-z-shortcuts-help: 10;--wg-z-reorder-indicator: 100;--wg-z-toolbar: 1000;--wg-z-context-menu: 1001;--wg-z-dropdown: 9999;--wg-z-reorder-ghost: 10000;--wg-z-tooltip: 10000;--wg-row-locked-bg: var(--base-disabled-bg, var(--wg-surface-2));--wg-row-locked-opacity: .7;--wg-frozen-column-bg: var(--wg-surface-1);--wg-frozen-header-bg: color-mix(in srgb, var(--wg-accent-color) 8%, var(--wg-header-bg));--wg-frozen-column-shadow: 2px 0 4px rgba(0, 0, 0, .1);--wg-frozen-column-shadow-active: 6px 0 12px rgba(0, 0, 0, .25);--wg-frozen-column-border: 2px solid var(--wg-border-color);--wg-frozen-column-shadow-gradient: linear-gradient(to right, rgba(0, 0, 0, .15), transparent);--wg-frozen-column-shadow-width: 8px;--wg-resize-handle-width: 12px;--wg-resize-handle-offset: -6px;--wg-resize-handle-line-width: 2px;--wg-resize-handle-color: var(--wg-border-color);--wg-resize-handle-active-color: var(--wg-accent-color);--wg-fill-handle-size: 8px;--wg-fill-handle-bg: var(--wg-surface-1);--wg-fill-handle-border-color: var(--wg-accent-color);--wg-fill-handle-border-width: 2px;--wg-fill-range-bg: color-mix(in srgb, var(--wg-accent-color) 15%, transparent);--wg-fill-range-border-color: var(--wg-accent-color);--wg-selection-bg: color-mix(in srgb, var(--wg-accent-color) 15%, transparent);--wg-selection-row-number-bg: var(--wg-accent-color);--wg-selection-row-number-color: var(--base-text-inverted, #fff);--wg-selection-border-width: 2px;--wg-selection-border-color: var(--wg-accent-color);--wg-row-focus-bg: color-mix(in srgb, var(--wg-accent-color) 10%, transparent);--wg-row-focus-row-number-bg: color-mix(in srgb, var(--wg-accent-color) 30%, transparent);--wg-cell-selection-bg: color-mix(in srgb, var(--wg-accent-color) 10%, transparent);--wg-cell-selection-border: var(--wg-accent-color);--wg-cell-selection-border-width: 2px;--wg-dropdown-max-height: 200px;--wg-dropdown-option-gap: var(--wg-spacing-sm);--wg-dropdown-option-padding: calc(.6 * var(--wg-rem)) var(--wg-spacing-sm) calc(.6 * var(--wg-rem)) calc(var(--wg-spacing-sm) - 1px);--wg-dropdown-empty-padding: calc(.8 * var(--wg-rem)) var(--wg-spacing-sm) calc(.8 * var(--wg-rem)) calc(var(--wg-spacing-sm) - 1px);--wg-inline-actions-padding: var(--wg-spacing-xs) var(--wg-spacing-sm);--wg-inline-actions-gap: calc(.2 * var(--wg-rem));--wg-toolbar-row-gap: calc(.2 * var(--wg-rem));--wg-toolbar-row-padding: 0 calc(.4 * var(--wg-rem));--wg-toolbar-label-font-size: var(--wg-font-size-sm);--wg-toolbar-btn-gap: calc(.4 * var(--wg-rem));--wg-tooltip-padding: calc(.6 * var(--wg-rem)) calc(1 * var(--wg-rem));--wg-tooltip-shadow: 0 2px 8px rgba(0, 0, 0, .2)}web-grid:not(:defined){display:block;min-height:calc(10 * var(--wg-rem));color:transparent!important;background:transparent}.wg{position:relative;width:100%;max-height:inherit;overflow:auto;overscroll-behavior:contain;border:var(--wg-table-border)}.wg--scrollable{max-height:var(--wg-scroll-max-height, 100vh)}.wg--table-border-only{border:none;overflow:visible;display:flex;flex-direction:column}.wg--table-border-only .wg__table-container{border:var(--wg-table-border);overflow:auto;max-height:inherit;flex:1;min-height:0}.wg--table-border-only .wg__table-container .wg__header{position:sticky;top:0;z-index:var(--wg-z-header)}.wg__table{width:100%;min-width:max-content;border-collapse:collapse;table-layout:fixed;background:var(--wg-table-bg);font-size:var(--wg-font-size-base);line-height:var(--wg-line-height-base)}.wg__filler{width:auto;min-width:0;padding:0!important;border:none!important;box-shadow:none!important}th.wg__filler{position:sticky;top:0;z-index:var(--wg-z-header);background:var(--wg-header-bg);box-shadow:inset 0 -2px 0 var(--wg-border-color)!important}td.wg__filler{background:transparent}.wg__table tbody tr{border-bottom:var(--wg-row-border)}.wg__row-number-header,.wg__row-number{width:var(--wg-row-number-width);min-width:var(--wg-row-number-width);max-width:var(--wg-row-number-width);box-sizing:border-box;text-align:center;color:var(--wg-text-color-2);background:var(--wg-header-bg);-webkit-user-select:none;user-select:none;font-size:var(--wg-font-size-sm)}.wg__row-number-header{cursor:pointer}.wg__row-number-header:hover{background:var(--wg-hover-bg)}.wg__row-number{box-shadow:inset calc(-1 * var(--wg-cell-splitter-width)) 0 0 var(--wg-cell-splitter-color)}.wg__actions-column{width:var(--wg-actions-column-width);min-width:var(--wg-actions-column-width);max-width:var(--wg-actions-column-width);padding:0!important;text-align:center}thead .wg__actions-column{background:var(--wg-header-bg);box-shadow:inset 0 -2px 0 var(--wg-border-color)}.wg__filter-row .wg__actions-column{background:var(--wg-filter-bg);border-bottom:var(--wg-filter-border)}.wg__header{position:sticky;top:0;z-index:var(--wg-z-header);background:var(--wg-header-bg);color:var(--wg-header-color);font-weight:var(--wg-header-font-weight);padding:var(--wg-header-padding);height:var(--wg-header-min-height);box-shadow:inset calc(-1 * var(--wg-cell-splitter-width)) 0 0 var(--wg-cell-splitter-color),inset 0 -2px 0 var(--wg-border-color);box-sizing:border-box;-webkit-user-select:none;user-select:none;overflow:hidden}.wg__header:last-child{box-shadow:inset 0 -2px 0 var(--wg-border-color)}.wg__header--sortable{cursor:pointer}.wg__header--sortable:hover{background:var(--wg-header-bg-hover)}.wg__header--sorted{background:var(--wg-header-bg-sorted)}.wg__header--selected,.wg__header--selected:hover{background:var(--wg-selection-row-number-bg);color:var(--wg-selection-row-number-color)}.wg__header-container{display:flex;align-items:stretch;gap:var(--wg-spacing-xs);height:100%}.wg__header-content{flex:1;min-width:0;display:flex;align-items:center;justify-content:flex-start}.wg__header-content--align-left{justify-content:flex-start}.wg__header-content--align-center{justify-content:center}.wg__header-content--align-right{justify-content:flex-end}.wg__header-content--align-justify{justify-content:flex-start}.wg__header-content--valign-top{align-items:flex-start}.wg__header-content--valign-middle{align-items:center}.wg__header-content--valign-bottom{align-items:flex-end}.wg__header-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wg__header-controls{flex-shrink:0;display:flex;align-items:center}.wg__sort-indicator{font-size:var(--wg-sort-indicator-size);opacity:var(--wg-sort-indicator-opacity);min-width:16px;text-align:center}.wg__sort-placeholder{opacity:var(--wg-sort-placeholder-opacity)}.wg__sort-priority{font-size:var(--wg-sort-priority-size);font-weight:var(--wg-font-weight-semibold);margin-left:2px;vertical-align:super;line-height:1}.wg__header-info{display:inline-flex;align-items:center;color:var(--wg-accent-color);cursor:help;opacity:.7;margin-left:var(--wg-spacing-xs);vertical-align:middle}.wg__header-info:hover{opacity:1}.wg__filter-row th{padding:var(--wg-filter-padding);background:var(--wg-filter-bg);border-bottom:var(--wg-filter-border)}.wg__filter-input{width:100%;padding:var(--wg-filter-input-padding);border:var(--wg-filter-input-border);border-radius:var(--wg-filter-input-border-radius);background:var(--wg-surface-1);color:var(--wg-text-color-1);font-family:inherit;font-size:var(--wg-filter-input-font-size);box-sizing:border-box}.wg__filter-input:focus{outline:none;border:var(--wg-filter-input-border-focus);box-shadow:0 0 0 1px var(--wg-accent-color)}.wg__resize-handle{position:absolute;top:0;right:var(--wg-resize-handle-offset);bottom:0;width:var(--wg-resize-handle-width);cursor:col-resize;z-index:var(--wg-z-resize-handle);opacity:0;transition:opacity .1s ease}.wg__header:hover .wg__resize-handle{opacity:1}.wg__resize-handle:after{content:"";position:absolute;top:25%;bottom:25%;left:50%;width:var(--wg-resize-handle-line-width);background:var(--wg-resize-handle-color);transform:translate(-50%);border-radius:1px}.wg__resize-handle:hover:after{background:var(--wg-resize-handle-active-color);top:15%;bottom:15%}.wg__resize-handle--active:after{background:var(--wg-resize-handle-active-color);top:0;bottom:0}.wg__resize-handle--disabled{cursor:not-allowed}.wg__resize-handle--disabled:after{display:none}.wg--resizing .wg__resize-handle{opacity:1}.wg--resizing{-webkit-user-select:none;user-select:none;cursor:col-resize}.wg--resizing .wg__cell,.wg--resizing .wg__header{cursor:col-resize}.wg--resizing .wg__table{min-width:0!important}.wg__header--dragging{opacity:1;background:var(--wg-header-bg)!important;outline:2px dashed var(--wg-accent-color);outline-offset:-2px}.wg__reorder-ghost{position:fixed;z-index:var(--wg-z-reorder-ghost);background:var(--wg-header-bg);border:2px solid var(--wg-accent-color);border-radius:var(--wg-border-radius-sm);padding:.4em .8em;font-size:var(--wg-font-size-sm);font-weight:var(--wg-header-font-weight);color:var(--wg-header-color);box-shadow:var(--wg-dialog-shadow);opacity:.95;pointer-events:none;white-space:nowrap}.wg__drop-indicator{position:absolute;width:3px;background:var(--wg-accent-color);z-index:var(--wg-z-reorder-indicator);pointer-events:none;display:none}.wg__drop-indicator:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid var(--wg-accent-color)}.wg--reordering{cursor:grabbing;-webkit-user-select:none;user-select:none}.wg--reordering .wg__cell,.wg--reordering .wg__header{cursor:grabbing}.wg--reorderable .wg__header:not(.wg__header--frozen):hover{cursor:grab}.wg__header--frozen{cursor:default}.wg__fill-handle{position:absolute;width:var(--wg-fill-handle-size);height:var(--wg-fill-handle-size);background:var(--wg-fill-handle-bg);border:var(--wg-fill-handle-border-width) solid var(--wg-fill-handle-border-color);cursor:crosshair;z-index:var(--wg-z-fill-handle);pointer-events:auto;box-sizing:border-box}.wg__fill-handle:hover{transform:scale(1.2)}.wg__fill-range{position:absolute;background:var(--wg-fill-range-bg);border:1px dashed var(--wg-fill-range-border-color);pointer-events:none;z-index:var(--wg-z-fill-handle-area);box-sizing:border-box}.wg--filling{cursor:crosshair;-webkit-user-select:none;user-select:none}.wg--filling .wg__cell,.wg--filling .wg__header{cursor:crosshair}.wg__cell--editing .wg__fill-handle{display:none}.wg__row--selected>.wg__cell{background:var(--wg-selection-bg)}.wg__row--selected>.wg__cell.wg__row-number,.wg--editable.wg--navigate-mode .wg__row--selected>.wg__cell.wg__row-number{background:var(--wg-selection-row-number-bg);color:var(--wg-selection-row-number-color)}.wg__row-number[data-row-number]{cursor:pointer;-webkit-user-select:none;user-select:none}.wg__row-number[data-row-number]:hover{background:var(--wg-hover-bg)}.wg__row--selected>.wg__cell.wg__row-number:hover,.wg--editable.wg--navigate-mode .wg__row--selected>.wg__cell.wg__row-number:hover{background:var(--wg-selection-row-number-bg);color:var(--wg-selection-row-number-color)}.wg__cell--column-selected{background:var(--wg-selection-bg)}.wg--selecting{cursor:default;-webkit-user-select:none;user-select:none}.wg--selecting *{-webkit-user-select:none;user-select:none}.wg:focus{outline:none}.wg__cell--in-range{background:var(--wg-cell-selection-bg)!important;position:relative;z-index:var(--wg-z-cell-highlight)}.wg__cell--editing.wg__cell--in-range{background:var(--wg-input-bg)!important}.wg__cell--editable.wg__cell--in-range:hover{background:var(--wg-cell-selection-bg)!important}.wg__cell--editable.wg__cell--in-range:hover:after{display:none}.wg__cell-range-border{position:absolute;border:var(--wg-cell-selection-border-width) solid var(--wg-cell-selection-border);pointer-events:none;z-index:var(--wg-z-selection-border);box-sizing:border-box;border-radius:1px}.wg--selecting-cells,.wg--selecting-cells *{cursor:crosshair!important;-webkit-user-select:none;user-select:none}.wg--selecting-cells .wg__cell{cursor:crosshair!important}.wg:has(.wg__cell-range-border) .wg__fill-handle{display:none}.wg__row-selection-border,.wg__column-selection-border{position:absolute;border:var(--wg-selection-border-width) solid var(--wg-selection-border-color);pointer-events:none;z-index:var(--wg-z-selection-border);box-sizing:border-box;border-radius:1px}.wg--selecting-columns,.wg--selecting-columns *{cursor:col-resize!important;-webkit-user-select:none;user-select:none}.wg--selecting-columns .wg__header{cursor:col-resize!important}.wg__header--frozen{background:var(--wg-frozen-header-bg, var(--wg-header-bg));z-index:var(--wg-z-frozen-header)!important}.wg__header--frozen.wg__header--selected,.wg__header--frozen.wg__header--selected:hover{background:var(--wg-selection-row-number-bg);color:var(--wg-selection-row-number-color)}.wg__row-number-header.wg__header--frozen{z-index:var(--wg-z-frozen-header)!important}.wg__cell--frozen{background:var(--wg-frozen-column-bg, var(--wg-surface-1))}.wg__cell--frozen-last{box-shadow:inset calc(-1 * var(--wg-cell-splitter-width)) 0 0 var(--wg-cell-splitter-color)}.wg__row-number.wg__cell--frozen{background:var(--wg-header-bg);z-index:var(--wg-z-frozen)!important}.wg--striped tbody tr:nth-child(2n) .wg__cell--frozen{background:var(--wg-row-bg-even)}.wg--hoverable tbody tr:hover .wg__cell--frozen{background:var(--wg-row-bg-hover)}.wg__row--focused>.wg__cell--frozen{background:color-mix(in srgb,var(--wg-accent-color) 10%,var(--wg-frozen-column-bg, var(--wg-surface-1)))!important}.wg__row--selected>.wg__cell--frozen{background:color-mix(in srgb,var(--wg-accent-color) 15%,var(--wg-frozen-column-bg, var(--wg-surface-1)))!important}.wg__row--selected>.wg__row-number.wg__cell--frozen{background:var(--wg-selection-row-number-bg)!important;color:var(--wg-selection-row-number-color)}.wg__cell--frozen.wg__cell--column-selected{background:color-mix(in srgb,var(--wg-accent-color) 15%,var(--wg-frozen-column-bg, var(--wg-surface-1)))!important}.wg__cell--frozen.wg__cell--in-range{background:color-mix(in srgb,var(--wg-accent-color) 10%,var(--wg-frozen-column-bg, var(--wg-surface-1)))!important}.wg__header.wg__header--frozen-last,.wg__cell.wg__cell--frozen-last{overflow:visible}.wg--scrolled-horizontal .wg__header--frozen-last:after,.wg--scrolled-horizontal .wg__cell--frozen-last:after{content:"";position:absolute;top:0;right:calc(-1 * var(--wg-frozen-column-shadow-width));bottom:0;width:var(--wg-frozen-column-shadow-width);background:var(--wg-frozen-column-shadow-gradient);pointer-events:none}.wg__cell{padding:var(--wg-cell-padding);color:var(--wg-cell-color);height:var(--wg-row-min-height);box-sizing:border-box;position:relative;scroll-margin-top:calc(3 * var(--wg-rem));scroll-margin-bottom:calc(.5 * var(--wg-rem));-webkit-user-select:none;user-select:none;overflow:hidden;box-shadow:inset calc(-1 * var(--wg-cell-splitter-width)) 0 0 var(--wg-cell-splitter-color)}.wg__cell-text{-webkit-user-select:none;user-select:none;pointer-events:none}.wg__cell--ellipsis .wg__cell-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wg__cell--line-clamp .wg__cell-text{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.wg__cell--editable{cursor:pointer}.wg__cell--editable:hover{background:var(--wg-cell-bg-hover)}.wg__cell--editable:hover:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border:1px dashed var(--wg-border-color);border-radius:2px;pointer-events:none}.wg__cell--editing{position:relative;background:var(--wg-surface-1);outline:2px solid var(--wg-accent-color);outline-offset:-2px;z-index:var(--wg-z-cell-highlight)}.wg__cell--editing:after{display:none}.wg__cell--invalid{background:var(--wg-danger-bg-light);box-shadow:inset 0 0 0 2px var(--wg-danger-color),inset calc(-1 * var(--wg-cell-splitter-width)) 0 0 var(--wg-cell-splitter-color)}.wg--editable.wg--navigate-mode .wg__cell:not(.wg__cell--editable){background:var(--wg-cell-readonly-bg)}.wg__row--locked{background:var(--wg-row-locked-bg)!important}.wg__row--locked .wg__cell{opacity:var(--wg-row-locked-opacity)}.wg__row--locked .wg__cell--editable{cursor:not-allowed}.wg__row--locked .wg__cell--editable:hover{background:inherit}.wg__row--locked .wg__cell--editable:hover:after{display:none}.wg__row-number--locked{opacity:1!important;cursor:help}.wg__cell--dirty{background:var(--wg-dirty-cell-bg)!important}.wg__cell--dirty:before{content:"";position:absolute;top:0;left:0;width:0;height:0;border-style:solid;border-width:var(--wg-dirty-indicator-size) var(--wg-dirty-indicator-size) 0 0;border-color:var(--wg-dirty-indicator-color) transparent transparent transparent;pointer-events:none}.wg__cell--dirty.wg__cell--editing:before{display:none}.wg__row-number--dirty{box-shadow:inset 3px 0 0 var(--wg-dirty-row-number-border-color),inset calc(-1 * var(--wg-cell-splitter-width)) 0 0 var(--wg-cell-splitter-color)}.wg__editor{position:absolute;top:0;left:0;right:0;width:100%;padding:var(--wg-cell-padding);border:none;background:transparent;color:var(--wg-text-color-1);font-size:var(--wg-font-size-base);font-family:inherit;line-height:inherit;box-sizing:border-box}.wg__editor:focus,.wg__editor:focus-visible{outline:none;box-shadow:none}.wg__editor--text{text-align:inherit}.wg__editor--number{text-align:right}.wg__editor--valign-top{top:0;bottom:auto}.wg__editor--valign-middle{top:0;bottom:0}.wg__editor--valign-bottom{top:auto;bottom:0}.wg__editor--date{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;background:transparent;padding:var(--wg-cell-padding)}.wg__date-input{flex:1;min-width:0;height:100%;border:none;background:transparent;font:inherit;padding:0;outline:none;color:inherit}.wg__date-trigger{width:var(--wg-date-trigger-size);height:100%;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--wg-text-color-3);cursor:pointer;padding:0;flex-shrink:0}.wg__date-trigger:hover{color:var(--wg-accent-color);background:var(--wg-hover-bg)}.wg__editor--checkbox{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(var(--wg-checkbox-scale));width:auto;height:auto;margin:0;padding:0;cursor:pointer}.wg__checkbox-display{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(var(--wg-checkbox-scale));width:auto;height:auto;margin:0;padding:0;cursor:pointer;pointer-events:none}.wg__checkbox-display--readonly{cursor:default;opacity:.5}.wg__editor--custom{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;background:var(--wg-editor-bg);padding:var(--wg-cell-padding-block) var(--wg-cell-padding-inline);cursor:pointer}.wg__editor--custom:focus{outline:none}.wg__custom-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;cursor:pointer}.wg__editor--combobox,.wg__editor--autocomplete{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;padding:var(--wg-cell-padding);padding-right:0;background:transparent;box-sizing:border-box}.wg__combobox-input,.wg__autocomplete-input{flex:1;width:100%;height:100%;padding:0;padding-right:var(--wg-dropdown-toggle-hitbox);border:none;background:transparent;color:var(--wg-text-color-1);font-size:var(--wg-font-size-base);font-family:inherit;line-height:var(--wg-line-height-base);outline:none;box-sizing:border-box;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.wg__combobox-input:focus,.wg__autocomplete-input:focus{outline:none}.wg__combobox-toggle{position:absolute;right:var(--wg-dropdown-toggle-right);top:50%;transform:translateY(-50%);font-size:var(--wg-dropdown-toggle-size);color:var(--wg-text-color-2);pointer-events:auto;cursor:pointer}.wg__combobox-toggle:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--wg-dropdown-toggle-hitbox);height:var(--wg-editor-hitbox-height)}.wg__loading-indicator{position:absolute;right:var(--wg-dropdown-toggle-right);top:50%;transform:translateY(-50%);font-size:var(--wg-font-size-sm);animation:wg-pulse 1s infinite}@keyframes wg-pulse{0%,to{opacity:1}50%{opacity:.4}}.wg__select-trigger{display:flex;align-items:center;justify-content:space-between;cursor:pointer;background:transparent}.wg__select-trigger:focus,.wg__select-trigger:focus-visible{outline:none;box-shadow:none}.wg__select-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wg__select-toggle{position:relative;font-size:var(--wg-dropdown-toggle-size);opacity:.6;margin-left:var(--wg-spacing-xs);flex-shrink:0;pointer-events:auto;cursor:pointer}.wg__select-toggle:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--wg-dropdown-toggle-hitbox);height:var(--wg-editor-hitbox-height)}.wg__cell-dropdown-display{display:flex;align-items:center;justify-content:space-between;width:100%;pointer-events:none}.wg__cell-dropdown-display--toggle-on-focus .wg__select-toggle{opacity:0}.wg__cell:hover .wg__cell-dropdown-display--toggle-on-focus .wg__select-toggle,.wg__cell--focused .wg__cell-dropdown-display--toggle-on-focus .wg__select-toggle{opacity:.6}.wg__cell-date-display{display:flex;align-items:center;justify-content:space-between;width:100%;pointer-events:none}.wg__cell-date-display .wg__date-trigger{position:relative;background:none;border:none;padding:0;margin:0;cursor:pointer;opacity:.6;display:flex;align-items:center;justify-content:center;color:inherit;pointer-events:auto}.wg__cell-date-display .wg__date-trigger:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--wg-dropdown-toggle-hitbox);height:var(--wg-editor-hitbox-height)}.wg__cell-date-display--toggle-on-focus .wg__date-trigger{opacity:0}.wg__cell:hover .wg__cell-date-display--toggle-on-focus .wg__date-trigger,.wg__cell--focused .wg__cell-date-display--toggle-on-focus .wg__date-trigger{opacity:.6}.wg__dropdown{background:var(--wg-surface-floating);border:1px solid var(--wg-border-color);border-radius:var(--wg-border-radius-sm);box-shadow:var(--wg-toolbar-shadow);max-height:var(--wg-dropdown-max-height);overflow-y:auto;font-size:var(--wg-font-size-base);font-family:inherit;line-height:var(--wg-line-height-base)}.wg__dropdown-option{display:flex;align-items:center;gap:var(--wg-dropdown-option-gap);padding:var(--wg-dropdown-option-padding);cursor:pointer;color:var(--wg-text-color-1)}.wg__dropdown-option:hover,.wg__dropdown-option--highlighted{background:var(--wg-hover-bg);box-shadow:inset 0 0 0 2px var(--wg-accent-color)}.wg__dropdown-option--selected{background:var(--wg-accent-color-light)}.wg__dropdown-option--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.wg__dropdown-option-icon{flex-shrink:0;width:1.5em;text-align:center}.wg__dropdown-option-content{flex:1;min-width:0;overflow:hidden}.wg__dropdown-option-label{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wg__dropdown-option-subtitle{display:block;font-size:var(--wg-font-size-sm);color:var(--wg-text-color-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wg__dropdown-empty{padding:var(--wg-dropdown-empty-padding);color:var(--wg-text-color-2);font-style:italic;text-align:center}.wg__dropdown-option--align-left{justify-content:flex-start}.wg__dropdown-option--align-left .wg__dropdown-option-content{text-align:left}.wg__dropdown-option--align-center{justify-content:center}.wg__dropdown-option--align-center .wg__dropdown-option-content{text-align:center}.wg__dropdown-option--align-right{justify-content:flex-end}.wg__dropdown-option--align-right .wg__dropdown-option-content{text-align:right}.wg__dropdown-option--align-justify{justify-content:flex-start}.wg__dropdown-option--align-justify .wg__dropdown-option-content{text-align:justify}.wg--navigate-mode .wg__cell{cursor:cell}.wg__cell:focus{outline:none;box-shadow:inset 0 0 0 var(--wg-focus-border-width) var(--wg-focus-border-color),inset calc(-1 * var(--wg-cell-splitter-width)) 0 0 var(--wg-cell-splitter-color)}.wg--editable .wg__cell.wg__cell--focused,.wg__cell.wg__cell--always-edit-focused{box-shadow:inset 0 0 0 var(--wg-focus-border-width) var(--wg-focus-border-color),inset calc(-1 * var(--wg-cell-splitter-width)) 0 0 var(--wg-cell-splitter-color)}.wg__cell--focused:after,.wg__cell--always-edit-focused:after{display:none}.wg__row--focused>.wg__cell{background:var(--wg-row-focus-bg)}.wg__row--focused>.wg__cell.wg__row-number{background:var(--wg-row-focus-row-number-bg)}.wg--editable.wg--navigate-mode .wg__row--focused>.wg__cell{background:var(--wg-row-focus-bg)}.wg--editable.wg--navigate-mode .wg__row--focused>.wg__cell.wg__row-number{background:var(--wg-row-focus-row-number-bg)}.wg__pagination{display:flex;align-items:center;justify-content:center;gap:var(--wg-pagination-gap);padding:var(--wg-pagination-padding);border-top:var(--wg-pagination-border);background:var(--wg-pagination-bg)}.wg__pagination-btn{padding:var(--wg-pagination-btn-padding);background:var(--wg-pagination-btn-bg);border:var(--wg-pagination-btn-border);border-radius:var(--wg-pagination-btn-border-radius);color:var(--wg-cell-color);font-family:inherit;font-size:var(--wg-font-size-base);cursor:pointer;transition:all var(--wg-transition-fast)}.wg__pagination-btn:hover:not(:disabled){background:var(--wg-pagination-btn-bg-hover);border:var(--wg-pagination-btn-border-hover)}.wg__pagination-btn:active:not(:disabled){background:var(--wg-pagination-btn-bg-active)}.wg__pagination-btn:disabled{opacity:var(--wg-pagination-btn-disabled-opacity);cursor:not-allowed}.wg__pagination-info{font-size:var(--wg-font-size-base);color:var(--wg-cell-color)}.wg__pagination-count{font-size:var(--wg-font-size-sm);color:var(--wg-text-color-3);margin-left:var(--wg-spacing-xs)}.wg__pagination-pagesize{display:flex;align-items:center;gap:calc(.6 * var(--wg-rem))}.wg__pagination-select{padding:var(--wg-spacing-xs) var(--wg-spacing-sm);background:var(--wg-pagination-btn-bg);border:var(--wg-pagination-btn-border);border-radius:var(--wg-pagination-btn-border-radius);color:var(--wg-cell-color);font-family:inherit;font-size:var(--wg-font-size-base);cursor:pointer}.wg__pagination-select:hover{background:var(--wg-pagination-btn-bg-hover);border:var(--wg-pagination-btn-border-hover)}.wg__pagination-select:focus{outline:2px solid var(--wg-accent-color);outline-offset:-2px}.wg__pagination-label{font-size:var(--wg-font-size-sm);color:var(--wg-text-color-3)}.wg__pagination--left{justify-content:flex-start}.wg__pagination--right{justify-content:flex-end}.wg__pagination--top{border-top:none;border-bottom:var(--wg-pagination-border)}.wg__summary{display:flex;align-items:center;padding:var(--wg-pagination-padding);border-top:var(--wg-pagination-border);background:var(--wg-pagination-bg);font-size:var(--wg-font-size-base);color:var(--wg-cell-color)}.wg__summary--left{justify-content:flex-start}.wg__summary--right{justify-content:flex-end}.wg__summary--top{border-top:none;border-bottom:var(--wg-pagination-border)}.wg__footer{display:flex;align-items:center;justify-content:space-between;border-top:var(--wg-pagination-border);background:var(--wg-pagination-bg)}.wg__footer--top{border-top:none;border-bottom:var(--wg-pagination-border)}.wg__footer .wg__summary,.wg__footer .wg__pagination{border:none}.wg__footer .wg__summary{flex:0 0 auto}.wg__footer .wg__pagination{flex:0 0 auto;margin-left:auto}.wg__toolbar-container{position:fixed;z-index:var(--wg-z-toolbar)}.wg__toolbar{display:flex;flex-direction:column-reverse;gap:0;padding:0;background:var(--wg-toolbar-bg);border:var(--wg-toolbar-border);border-radius:var(--wg-toolbar-border-radius);box-shadow:var(--wg-toolbar-shadow)}.wg__toolbar-row{display:flex;gap:var(--wg-toolbar-row-gap);align-items:center;height:var(--wg-toolbar-row-height);padding:var(--wg-toolbar-row-padding)}.wg__toolbar-row+.wg__toolbar-row{border-top:1px solid var(--wg-toolbar-divider-color)}.wg__toolbar-divider{width:1px;height:var(--wg-toolbar-divider-height);background:var(--wg-toolbar-divider-color);margin:0 var(--wg-spacing-xs);flex-shrink:0}.wg__toolbar-btn{min-width:var(--wg-toolbar-btn-min-width);height:100%;border:none;border-radius:var(--wg-toolbar-btn-border-radius);background:transparent;color:var(--wg-toolbar-btn-color);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--wg-toolbar-btn-gap);font-family:inherit;font-size:var(--wg-font-size-base);font-weight:var(--wg-font-weight-normal);padding:var(--wg-toolbar-btn-padding);transition:background .1s ease}.wg__toolbar-btn:hover{background:var(--wg-toolbar-btn-bg-hover)}.wg__toolbar-btn:active{background:var(--wg-toolbar-btn-bg-active)}.wg__toolbar-btn:disabled{opacity:.5;cursor:not-allowed}.wg__toolbar-btn:disabled:hover{background:transparent}.wg__toolbar-btn svg{width:var(--wg-toolbar-icon-size);height:var(--wg-toolbar-icon-size);flex-shrink:0}.wg__toolbar-btn--danger:hover{background:var(--wg-danger-bg-light);color:var(--wg-danger-color)}.wg__toolbar-label{font-size:var(--wg-toolbar-label-font-size);white-space:nowrap}.wg__actions-column{width:var(--wg-toolbar-btn-min-width);min-width:var(--wg-toolbar-btn-min-width);max-width:var(--wg-toolbar-btn-min-width);padding:0!important;text-align:center}.wg__header .wg__actions-column{background:var(--wg-header-bg)}.wg__filter-row .wg__actions-column{background:var(--wg-filter-bg)}.wg__toolbar-trigger{position:relative;padding:0;background:transparent;border:none;border-radius:var(--wg-border-radius-sm);cursor:pointer;font-size:var(--wg-font-size-base);line-height:1;color:var(--wg-toolbar-trigger-color)}.wg__toolbar-trigger:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--wg-dropdown-toggle-hitbox);height:var(--wg-editor-hitbox-height)}.wg__toolbar-trigger:hover,.wg__toolbar-trigger--active{color:var(--wg-toolbar-trigger-color-hover);background:var(--wg-toolbar-trigger-bg-hover)}.wg__inline-actions-header,.wg__inline-actions-cell{white-space:nowrap;text-align:start;padding:var(--wg-inline-actions-padding);overflow:visible}.wg__inline-actions-header{background:var(--wg-header-bg)}.wg__inline-actions-wrap{display:flex;flex-direction:column;gap:var(--wg-inline-actions-gap);align-items:flex-start}.wg__inline-actions-row{display:flex;gap:var(--wg-inline-actions-gap);align-items:center;justify-content:flex-start}.wg__inline-action-btn{width:var(--wg-toolbar-btn-min-width);max-width:var(--wg-toolbar-btn-min-width);height:calc(2.4 * var(--wg-rem));border:none;border-radius:var(--wg-toolbar-btn-border-radius);background:transparent;color:var(--wg-toolbar-btn-color);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box;font-family:inherit;font-size:var(--wg-font-size-base);transition:background var(--wg-transition-fast)}.wg__inline-action-btn:hover{background:var(--wg-toolbar-btn-bg-hover)}.wg__inline-action-btn:active{background:var(--wg-toolbar-btn-bg-active)}.wg__inline-action-btn:disabled,.wg__inline-action-btn--disabled{opacity:.5;cursor:not-allowed}.wg__inline-action-btn:disabled:hover,.wg__inline-action-btn--disabled:hover{background:transparent}.wg__inline-action-btn--danger:hover{background:var(--wg-danger-bg-light);color:var(--wg-danger-color)}.wg__inline-action-btn svg{width:var(--wg-toolbar-icon-size);height:var(--wg-toolbar-icon-size);flex-shrink:0}.wg__shortcuts-help{position:absolute;top:var(--wg-spacing-xs);right:var(--wg-spacing-sm);z-index:var(--wg-z-shortcuts-help)}.wg__shortcuts-help--left{right:auto;left:var(--wg-spacing-sm)}.wg__shortcuts-help-icon{display:flex;align-items:center;justify-content:center;width:var(--wg-spacing-xl);height:var(--wg-spacing-xl);padding:0;border:none;border-radius:50%;background:var(--wg-surface-1);color:var(--wg-text-color-2);cursor:pointer;opacity:.7}.wg__shortcuts-help-icon:hover{opacity:1;background:var(--wg-surface-2)}.wg__shortcuts-help-icon svg{width:var(--wg-toolbar-icon-size);height:var(--wg-toolbar-icon-size)}.wg__shortcuts-help-overlay{display:none;position:absolute;top:100%;right:0;margin-top:var(--wg-spacing-xs);padding:var(--wg-spacing-md);background:var(--wg-surface-1);border:1px solid var(--wg-border-color);border-radius:var(--wg-border-radius-md);box-shadow:var(--wg-dialog-shadow);min-width:200px;max-width:var(--wg-tooltip-max-width);z-index:100}.wg__shortcuts-help--left .wg__shortcuts-help-overlay{right:auto;left:0}.wg__shortcuts-help:hover .wg__shortcuts-help-overlay,.wg__shortcuts-help:focus-within .wg__shortcuts-help-overlay{display:block}.wg__shortcuts-help-title{font-weight:var(--wg-font-weight-semibold);font-size:var(--wg-font-size-base);color:var(--wg-text-color-1);margin-bottom:var(--wg-spacing-sm);padding-bottom:var(--wg-spacing-xs);border-bottom:1px solid var(--wg-border-color)}.wg__shortcuts-help-custom{margin-bottom:var(--wg-spacing-sm);padding-bottom:var(--wg-spacing-sm);border-bottom:1px solid var(--wg-border-color);font-size:var(--wg-font-size-sm);color:var(--wg-text-color-2)}.wg__shortcuts-help-list{display:flex;flex-direction:column;gap:var(--wg-spacing-xs)}.wg__shortcuts-help-item{display:flex;align-items:center;gap:var(--wg-spacing-md)}.wg__shortcuts-help-key{display:inline-flex;align-items:center;justify-content:center;min-width:28px;padding:2px calc(.6 * var(--wg-rem));font-family:var(--wg-font-family-mono);font-size:var(--wg-font-size-xs);font-weight:var(--wg-font-weight-semibold);color:var(--wg-text-color-1);background:var(--wg-surface-2);border:1px solid var(--wg-border-color);border-radius:var(--wg-border-radius-sm)}.wg__shortcuts-help-label{flex:1;font-size:var(--wg-font-size-sm);color:var(--wg-text-color-2)}.wg--striped tbody tr:nth-child(2n){background:var(--wg-row-bg-even)}.wg--hoverable tbody tr:hover{background:var(--wg-row-bg-hover)}.wg__empty{text-align:center;padding:var(--wg-empty-padding);color:var(--wg-empty-color);font-style:italic}.wg__loading-more{text-align:center;padding:var(--wg-cell-padding);color:var(--wg-text-color-2);font-size:var(--wg-font-size-sm)}.wg__tooltip{position:absolute;z-index:var(--wg-z-tooltip);max-width:var(--wg-tooltip-max-width);padding:var(--wg-tooltip-padding);background:var(--wg-tooltip-bg);color:var(--wg-tooltip-color);font-size:var(--wg-font-size-sm);line-height:1.4;border-radius:var(--wg-border-radius-sm);box-shadow:var(--wg-tooltip-shadow);pointer-events:none;opacity:0;transition:opacity var(--wg-transition-fast)}.wg__tooltip--visible{opacity:1}.wg__tooltip-arrow{position:absolute;width:var(--wg-tooltip-arrow-size);height:var(--wg-tooltip-arrow-size);background:var(--wg-tooltip-bg);transform:rotate(45deg)}.wg__tooltip[data-placement^=top] .wg__tooltip-arrow{bottom:calc(-.5 * var(--wg-tooltip-arrow-size))}.wg__tooltip[data-placement^=bottom] .wg__tooltip-arrow{top:calc(-.5 * var(--wg-tooltip-arrow-size))}.wg__tooltip[data-placement^=left] .wg__tooltip-arrow{right:calc(-.5 * var(--wg-tooltip-arrow-size))}.wg__tooltip[data-placement^=right] .wg__tooltip-arrow{left:calc(-.5 * var(--wg-tooltip-arrow-size))}.wg__tooltip-title{font-weight:600}.wg__tooltip-desc{opacity:.85;margin-top:2px}.wg__tooltip-shortcut{margin-top:4px;opacity:.7;font-size:.9em}.wg__goto-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--wg-overlay-bg);display:flex;align-items:center;justify-content:center;z-index:1000}.wg__goto-dialog{background:var(--wg-surface-1);border-radius:var(--wg-border-radius-md);padding:var(--wg-spacing-lg);box-shadow:var(--wg-dialog-shadow);min-width:250px}.wg__goto-label{display:block;margin-bottom:var(--wg-spacing-sm);font-size:var(--wg-font-size-base);color:var(--wg-text-color-1)}.wg__goto-input{width:100%;padding:var(--wg-spacing-sm) var(--wg-spacing-md);border:1px solid var(--wg-border-color);border-radius:var(--wg-border-radius-sm);font-family:inherit;font-size:var(--wg-font-size-base);margin-bottom:var(--wg-spacing-md);box-sizing:border-box}.wg__goto-input:focus{outline:none;border-color:var(--wg-accent-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--wg-accent-color) 20%,transparent)}.wg__goto-buttons{display:flex;gap:var(--wg-spacing-sm);justify-content:flex-end}.wg__goto-btn{padding:var(--wg-spacing-sm) var(--wg-spacing-md);border:1px solid var(--wg-border-color);border-radius:var(--wg-border-radius-sm);font-family:inherit;font-size:var(--wg-font-size-sm);cursor:pointer;background:var(--wg-surface-1);color:var(--wg-text-color-1)}.wg__goto-btn:hover{background:var(--wg-surface-2)}.wg__goto-btn--go{background:var(--wg-accent-color);border-color:var(--wg-accent-color);color:var(--wg-text-on-accent)}.wg__goto-btn--go:hover{background:var(--wg-accent-color-hover)}.wg__spacer-top td,.wg__spacer-bottom td{padding:0;border:none;background:transparent;height:inherit;line-height:0}@media (prefers-color-scheme: dark){:host{--wg-surface-1: #1f1f1f;--wg-surface-2: #2b2b2b;--wg-surface-3: #333333;--wg-surface-floating: #2b2b2b;--wg-text-color-1: #e0e0e0;--wg-text-color-2: #c0c0c0;--wg-text-color-3: #a0a0a0;--wg-border-color: #3d3d3d;--wg-border-color-hover: #5a5a5a;--wg-input-bg: #1f1f1f;--wg-input-border: 1px solid #5a5a5a;--wg-hover-bg: #3a3a3a;--wg-active-bg: #4a4a4a;--wg-danger-bg-light: #442726;--wg-danger-color: #f87c86;--wg-dirty-indicator-color: #ffa940;--wg-dirty-cell-bg: rgba(255, 169, 64, .12);--wg-dirty-row-number-border-color: #ffa940}}:host([data-theme="dark"]),:host-context([data-theme="dark"]),:host([data-bs-theme="dark"]),:host-context([data-bs-theme="dark"]),:host-context(.dark){--wg-surface-1: #1f1f1f;--wg-surface-2: #2b2b2b;--wg-surface-3: #333333;--wg-surface-floating: #2b2b2b;--wg-text-color-1: #e0e0e0;--wg-text-color-2: #c0c0c0;--wg-text-color-3: #a0a0a0;--wg-border-color: #3d3d3d;--wg-border-color-hover: #5a5a5a;--wg-input-bg: #1f1f1f;--wg-input-border: 1px solid #5a5a5a;--wg-hover-bg: #3a3a3a;--wg-active-bg: #4a4a4a;--wg-danger-bg-light: #442726;--wg-danger-color: #f87c86;--wg-dirty-indicator-color: #ffa940;--wg-dirty-row-number-border-color: #ffa940}:host([data-theme="light"]),:host-context([data-theme="light"]),:host([data-bs-theme="light"]),:host-context([data-bs-theme="light"]),:host-context(.light){--wg-surface-1: var(--base-main-bg, #ffffff);--wg-surface-2: var(--base-elevated-bg, #f5f5f5);--wg-surface-3: var(--base-hover-bg, #ebebeb);--wg-surface-floating: var(--base-dropdown-bg, var(--base-main-bg, #ffffff));--wg-text-color-1: var(--base-text-color-1, #242424);--wg-text-color-2: var(--base-text-color-2, #424242);--wg-text-color-3: var(--base-text-color-3, #707070);--wg-border-color: var(--base-border-color, #e0e0e0);--wg-border-color-hover: var(--base-border-color, #d1d1d1);--wg-input-bg: var(--base-input-bg, #ffffff);--wg-input-border: var(--base-input-border, 1px solid #d1d1d1);--wg-hover-bg: var(--base-hover-bg, #f0f0f0);--wg-active-bg: var(--base-hover-bg, #e0e0e0);--wg-danger-bg-light: var(--base-danger-bg-light, #fde7e9);--wg-danger-color: var(--base-danger-color, #d13438)}';
 function wt(e, t, o) {
   const i = o.valueMember || "value", r = t.find((s) => s[i] === e);
   return r ? Ne(r, o) : e != null ? String(e) : "";
@@ -4444,7 +4468,7 @@ function yi(e, t, o, i = !1) {
     return c + u;
   }).join("")}</div>`).join("")}</div>`;
 }
-let V = null;
+let q = null;
 function Qn(e, t, o, i, r, s, n) {
   Et();
   const l = e.grid.toolbarVerticalAlign !== "top", a = yi(i, r, o, l), d = document.createElement("div");
@@ -4466,46 +4490,46 @@ function Qn(e, t, o, i, r, s, n) {
     const S = e.grid.toolbarColumn;
     if (w === "top") {
       if (S !== void 0) {
-        const R = f.querySelectorAll(".wg__cell:not(.wg__row-number):not(.wg__inline-actions-cell)");
+        const k = f.querySelectorAll(".wg__cell:not(.wg__row-number):not(.wg__inline-actions-cell)");
         let I = null;
         if (typeof S == "number")
-          I = R[S] || null;
+          I = k[S] || null;
         else
-          for (let k = 0; k < R.length; k++) {
-            const E = R[k];
+          for (let R = 0; R < k.length; R++) {
+            const E = k[R];
             if (E.dataset.field === S) {
               I = E;
               break;
             }
           }
         if (I) {
-          const k = I.getBoundingClientRect();
+          const R = I.getBoundingClientRect();
           _ = {
             getBoundingClientRect: () => ({
-              x: k.left + k.width / 2,
-              y: k.top,
-              top: k.top,
-              left: k.left + k.width / 2,
-              bottom: k.bottom,
-              right: k.left + k.width / 2,
+              x: R.left + R.width / 2,
+              y: R.top,
+              top: R.top,
+              left: R.left + R.width / 2,
+              bottom: R.bottom,
+              right: R.left + R.width / 2,
               width: 0,
-              height: k.height,
+              height: R.height,
               toJSON: () => ({})
             })
           };
         }
       } else if (m === "cursor" && n !== void 0) {
-        const R = f.getBoundingClientRect();
+        const k = f.getBoundingClientRect();
         _ = {
           getBoundingClientRect: () => ({
             x: n,
-            y: R.top,
-            top: R.top,
+            y: k.top,
+            top: k.top,
             left: n,
-            bottom: R.bottom,
+            bottom: k.bottom,
             right: n,
             width: 0,
-            height: R.height,
+            height: k.height,
             toJSON: () => ({})
           })
         };
@@ -4519,12 +4543,12 @@ function Qn(e, t, o, i, r, s, n) {
         Pt({ padding: 8 })
         // Keep within viewport
       ]
-    }).then(({ x: R, y: I, placement: k }) => {
-      let E = R;
-      if ((e.grid.toolbarFollowsCursor || e.grid.cellToolbar) && k.startsWith("top") && n !== void 0 && e.grid.toolbarColumn === void 0) {
+    }).then(({ x: k, y: I, placement: R }) => {
+      let E = k;
+      if ((e.grid.toolbarFollowsCursor || e.grid.cellToolbar) && R.startsWith("top") && n !== void 0 && e.grid.toolbarColumn === void 0) {
         const M = f.querySelectorAll(".wg__cell:not(.wg__row-number):not(.wg__inline-actions-cell)");
-        for (const z of M) {
-          const D = z.getBoundingClientRect();
+        for (const L of M) {
+          const D = L.getBoundingClientRect();
           if (n >= D.left && n <= D.right) {
             E = so(D, e.grid.cellToolbarOffset);
             break;
@@ -4535,7 +4559,7 @@ function Qn(e, t, o, i, r, s, n) {
         left: `${E}px`,
         top: `${I}px`,
         visibility: "visible"
-      }), g = k.split("-")[0], V && (V.position = g);
+      }), g = R.split("-")[0], q && (q.position = g);
     }).catch(() => {
       c.style.visibility = "visible";
     });
@@ -4547,7 +4571,7 @@ function Qn(e, t, o, i, r, s, n) {
       m && s(m, f, w);
     }
   };
-  d.addEventListener("click", h), V = {
+  d.addEventListener("click", h), q = {
     container: d,
     toolbar: c,
     rowIndex: o,
@@ -4561,38 +4585,38 @@ function Qn(e, t, o, i, r, s, n) {
   }, Z = { path: null, arrowPos: null, arrowDir: "right" };
 }
 function Et() {
-  V && (V.cleanup(), V = null), Z = { path: null, arrowPos: null, arrowDir: "right" };
+  q && (q.cleanup(), q = null), Z = { path: null, arrowPos: null, arrowDir: "right" };
 }
-function qe() {
-  return (V == null ? void 0 : V.rowIndex) ?? null;
+function Ve() {
+  return (q == null ? void 0 : q.rowIndex) ?? null;
 }
-function qo(e) {
-  return (V == null ? void 0 : V.container.getRootNode()) === e;
+function Vo(e) {
+  return (q == null ? void 0 : q.container.getRootNode()) === e;
 }
 function Nt(e) {
-  return (V == null ? void 0 : V.rowIndex) === e;
+  return (q == null ? void 0 : q.rowIndex) === e;
 }
 function Jn() {
   return Z;
 }
 function Zn() {
-  return V ? { toolbar: V.toolbar, container: V.container } : null;
+  return q ? { toolbar: q.toolbar, container: q.container } : null;
 }
 function Bt(e, t, o = "center") {
-  if (!V || V.position !== "top")
+  if (!q || q.position !== "top")
     return;
-  const i = V.toolbar, r = i.getBoundingClientRect();
+  const i = q.toolbar, r = i.getBoundingClientRect();
   let s;
   o === "start" ? s = e : s = e - r.width / 2;
   const n = 8, l = window.innerWidth - r.width - 8;
-  s = Math.max(n, Math.min(l, s)), i.style.left = `${s}px`, V.cursorX = e;
+  s = Math.max(n, Math.min(l, s)), i.style.left = `${s}px`, q.cursorX = e;
 }
-function Vo(e, t) {
-  if (!V) {
+function qo(e, t) {
+  if (!q) {
     Z = { path: null, arrowPos: null, arrowDir: "right" };
     return;
   }
-  const { toolbar: o, rowItem: i, position: r } = V, s = t.findIndex((C) => C === i);
+  const { toolbar: o, rowItem: i, position: r } = q, s = t.findIndex((C) => C === i);
   if (s === -1) {
     Z = { path: null, arrowPos: null, arrowDir: "right" };
     return;
@@ -4602,7 +4626,7 @@ function Vo(e, t) {
     Z = { path: null, arrowPos: null, arrowDir: "right" };
     return;
   }
-  if (s === V.rowIndex || (V.hasRowMoved = !0), !V.hasRowMoved) {
+  if (s === q.rowIndex || (q.hasRowMoved = !0), !q.hasRowMoved) {
     Z = { path: null, arrowPos: null, arrowDir: "right" };
     return;
   }
@@ -4619,8 +4643,8 @@ function Vo(e, t) {
       Z = { path: `M ${C} ${_} H ${S} V ${v}`, arrowPos: { x: S, y: v }, arrowDir: x };
       return;
     }
-    const R = f ? h.right - 8 : h.left + 8;
-    x = f ? "left" : "right", Z = { path: `M ${C} ${_} H ${S} V ${v} H ${R}`, arrowPos: { x: R, y: v }, arrowDir: x };
+    const k = f ? h.right - 8 : h.left + 8;
+    x = f ? "left" : "right", Z = { path: `M ${C} ${_} H ${S} V ${v} H ${k}`, arrowPos: { x: k, y: v }, arrowDir: x };
     return;
   } else if (r === "right") {
     const C = a.left, _ = a.top + a.height / 2, S = f ? h.left - 15 : h.right + 15;
@@ -4628,26 +4652,26 @@ function Vo(e, t) {
       Z = { path: `M ${C} ${_} H ${S} V ${v}`, arrowPos: { x: S, y: v }, arrowDir: x };
       return;
     }
-    const R = f ? h.left + 8 : h.right - 8;
-    x = f ? "right" : "left", Z = { path: `M ${C} ${_} H ${S} V ${v} H ${R}`, arrowPos: { x: R, y: v }, arrowDir: x };
+    const k = f ? h.left + 8 : h.right - 8;
+    x = f ? "right" : "left", Z = { path: `M ${C} ${_} H ${S} V ${v} H ${k}`, arrowPos: { x: k, y: v }, arrowDir: x };
     return;
   } else {
-    const _ = a.right, S = a.top + a.height / 2, R = _ + 48, I = s - V.rowIndex, k = 8;
+    const _ = a.right, S = a.top + a.height / 2, k = _ + 48, I = s - q.rowIndex, R = 8;
     if (I === 0) {
-      let E = d.top - k;
-      m && (E = h.bottom - k), Z = { path: `M ${_} ${S} H ${R} V ${E}`, arrowPos: { x: R, y: E }, arrowDir: "down" };
+      let E = d.top - R;
+      m && (E = h.bottom - R), Z = { path: `M ${_} ${S} H ${k} V ${E}`, arrowPos: { x: k, y: E }, arrowDir: "down" };
       return;
     } else if (I === -1) {
-      const M = a.top + a.height * 0.25, z = a.top + a.height * 0.75, D = a.right + 24, P = a.right + k;
-      Z = { path: `M ${a.right} ${M} H ${D} V ${z} H ${P}`, arrowPos: { x: P, y: z }, arrowDir: "left" };
+      const M = a.top + a.height * 0.25, L = a.top + a.height * 0.75, D = a.right + 24, P = a.right + R;
+      Z = { path: `M ${a.right} ${M} H ${D} V ${L} H ${P}`, arrowPos: { x: P, y: L }, arrowDir: "left" };
       return;
     } else if (I < 0) {
-      let E = d.bottom + k;
-      p && (E = h.top + k), Z = { path: `M ${_} ${S} H ${R} V ${E}`, arrowPos: { x: R, y: E }, arrowDir: "up" };
+      let E = d.bottom + R;
+      p && (E = h.top + R), Z = { path: `M ${_} ${S} H ${k} V ${E}`, arrowPos: { x: k, y: E }, arrowDir: "up" };
       return;
     } else {
-      let E = d.top - k;
-      m && (E = h.bottom - k), Z = { path: `M ${_} ${S} H ${R} V ${E}`, arrowPos: { x: R, y: E }, arrowDir: "down" };
+      let E = d.top - R;
+      m && (E = h.bottom - R), Z = { path: `M ${_} ${S} H ${k} V ${E}`, arrowPos: { x: k, y: E }, arrowDir: "down" };
       return;
     }
   }
@@ -4704,36 +4728,36 @@ function ts(e) {
   const l = e.grid.isRowToolbarVisible && e.grid.toolbarTrigger === "button" && e.grid.toolbarPosition !== "inline" ? '<th class="wg__header wg__actions-column"></th>' : "", a = t.map(({ column: d, originalIndex: c }, u) => {
     const g = String(d.field), h = d.isSortable !== !1 && e.grid.sortMode !== "none", f = e.grid.getColumnSortState(g), w = e.grid.getColumnSortPriority(g), p = f !== void 0, m = e.grid.isColumnFrozen(u), y = m && u === e.grid.totalFrozenColumns - 1, v = e.grid.isColumnSelected(u), x = ["wg__header"];
     h && x.push("wg__header--sortable"), p && x.push("wg__header--sorted"), m && x.push("wg__header--frozen"), y && x.push("wg__header--frozen-last"), v && x.push("wg__header--selected");
-    const _ = e.grid.getColumnWidth(g) || d.width || d.maxWidth, S = yo(_), R = d.minWidth, I = d.headerHorizontalAlign || d.horizontalAlign || "left", k = d.headerVerticalAlign || d.verticalAlign || "middle", M = `style="${[
+    const _ = e.grid.getColumnWidth(g) || d.width || d.maxWidth, S = yo(_), k = d.minWidth, I = d.headerHorizontalAlign || d.horizontalAlign || "left", R = d.headerVerticalAlign || d.verticalAlign || "middle", M = `style="${[
       m ? "position: sticky" : "",
       m ? `left: ${o}px` : "",
       m ? "z-index: 2" : "",
       _ ? `width: ${_}` : "",
       _ ? `max-width: ${_}` : "",
-      R ? `min-width: ${R}` : "",
+      k ? `min-width: ${k}` : "",
       `text-align: ${I}`,
-      `vertical-align: ${k}`
+      `vertical-align: ${R}`
     ].filter(Boolean).join("; ")}"`;
     m && (o += S);
-    let z = "";
+    let L = "";
     if (h)
       if (p) {
-        const T = f.direction === "asc" ? "▲" : "▼", A = e.grid.sort.length > 1 ? `<sup class="wg__sort-priority">${w}</sup>` : "";
-        z = `<span class="wg__sort-indicator">${T}${A}</span>`;
+        const T = f.direction === "asc" ? "▲" : "▼", $ = e.grid.sort.length > 1 ? `<sup class="wg__sort-priority">${w}</sup>` : "";
+        L = `<span class="wg__sort-indicator">${T}${$}</span>`;
       } else
-        z = '<span class="wg__sort-indicator wg__sort-placeholder">⬍</span>';
+        L = '<span class="wg__sort-indicator wg__sort-placeholder">⬍</span>';
     let D = "";
     d.headerInfo && (D = `<span class="wg__header-info" data-tooltip="${e.escapeHtml(d.headerInfo)}"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/></svg></span>`);
     const U = `<div class="wg__resize-handle${d.isResizable !== !1 ? "" : " wg__resize-handle--disabled"}" data-field="${g}"></div>`;
     return `
 			<th class="${x.join(" ")}" ${M} data-field="${g}">
 				<div class="wg__header-container">
-					<div class="wg__header-content wg__header-content--align-${I} wg__header-content--valign-${k}">
+					<div class="wg__header-content wg__header-content--align-${I} wg__header-content--valign-${R}">
 						<span class="wg__header-title">${e.escapeHtml(d.title)}</span>
 						${D}
 					</div>
 					<div class="wg__header-controls">
-						${z}
+						${L}
 					</div>
 				</div>
 				${U}
@@ -4752,7 +4776,7 @@ function os(e) {
 				</td>
 			</tr>
 		`;
-  const a = qe(), d = o.map(
+  const a = Ve(), d = o.map(
     ({ column: c }) => yo(c.width || c.maxWidth)
   );
   return t.map((c, u) => {
@@ -4761,9 +4785,9 @@ function os(e) {
     if (i) {
       const _ = r ? "position: sticky; left: 0; z-index: 2;" : "", S = r ? " wg__cell--frozen" : "";
       if (h) {
-        const R = g != null && g.lockedBy ? `Locked by ${g.lockedBy}` : "This row is locked";
-        p = `<td class="wg__cell wg__row-number wg__row-number--locked${S}" style="${_}" data-tooltip="${e.escapeHtml(R)}" data-row-number="${u}">🔒</td>`;
-      } else f ? p = `<td class="wg__cell wg__row-number wg__empty-row-indicator${S}" style="${_}" data-row-number="${u}">${e.grid.newRowIndicator}</td>` : p = `<td class="wg__cell wg__row-number${S}" style="${_}" data-row-number="${u}">${u + 1}</td>`;
+        const k = g != null && g.lockedBy ? `Locked by ${g.lockedBy}` : "This row is locked";
+        p = `<td class="wg__cell wg__row-number wg__row-number--locked${S}" style="${_}" data-tooltip="${e.escapeHtml(k)}" data-row-number="${u}">🔒</td>`;
+      } else f ? p = `<td class="wg__cell wg__row-number wg__empty-row-indicator${S}" style="${_}" data-row-number="${u}">${e.grid.newRowIndicator}</td>` : p = `<td class="wg__cell wg__row-number${e.grid.isDirtyIndicatorVisible && e.grid.isRowDirty(u) ? " wg__row-number--dirty" : ""}${S}" style="${_}" data-row-number="${u}">${u + 1}</td>`;
       w += vo;
     }
     const m = s ? Si(e, c, u) : "";
@@ -4773,11 +4797,11 @@ function os(e) {
 					${Ci(u, a === u, e.grid.labels.rowActions)}
 				</td>
 			`);
-    const v = o.map(({ column: _, originalIndex: S }, R) => {
-      const I = String(_.field), k = e.grid.getCellValue(c, _, u), E = _.horizontalAlign || "left", M = _.verticalAlign || "middle", z = e.grid.canEditCell(u, I), D = e.grid.isCellFocused(u, S), P = e.grid.isColumnFrozen(R), U = P && R === e.grid.totalFrozenColumns - 1, T = _.editTrigger ?? e.grid.editTrigger, A = ["wg__cell"], W = e.grid.shouldShowEditor(u, S), B = e.grid.isEditing(u, I);
-      if (z && A.push("wg__cell--editable"), D && !B && A.push("wg__cell--focused"), D && T === "always" && A.push("wg__cell--always-edit-focused"), _.textOverflow !== "wrap" && A.push("wg__cell--ellipsis"), _.maxLines && A.push("wg__cell--line-clamp"), B && A.push("wg__cell--editing"), e.grid.isCellInvalid(u, I) && A.push("wg__cell--invalid"), e.grid.isCellInSelectedRange(u, R) && A.push("wg__cell--in-range"), e.grid.isColumnSelected(R) && A.push("wg__cell--column-selected"), P && A.push("wg__cell--frozen"), U && A.push("wg__cell--frozen-last"), _.cellClass && A.push(_.cellClass), _.cellClassCallback) {
+    const v = o.map(({ column: _, originalIndex: S }, k) => {
+      const I = String(_.field), R = e.grid.getCellValue(c, _, u), E = _.horizontalAlign || "left", M = _.verticalAlign || "middle", L = e.grid.canEditCell(u, I), D = e.grid.isCellFocused(u, S), P = e.grid.isColumnFrozen(k), U = P && k === e.grid.totalFrozenColumns - 1, T = _.editTrigger ?? e.grid.editTrigger, $ = ["wg__cell"], W = e.grid.shouldShowEditor(u, S), B = e.grid.isEditing(u, I);
+      if (L && $.push("wg__cell--editable"), D && !B && $.push("wg__cell--focused"), D && T === "always" && $.push("wg__cell--always-edit-focused"), _.textOverflow !== "wrap" && $.push("wg__cell--ellipsis"), _.maxLines && $.push("wg__cell--line-clamp"), B && $.push("wg__cell--editing"), e.grid.isCellInvalid(u, I) && $.push("wg__cell--invalid"), e.grid.isDirtyIndicatorVisible && e.grid.isCellDirty(u, I) && $.push("wg__cell--dirty"), e.grid.isCellInSelectedRange(u, k) && $.push("wg__cell--in-range"), e.grid.isColumnSelected(k) && $.push("wg__cell--column-selected"), P && $.push("wg__cell--frozen"), U && $.push("wg__cell--frozen-last"), _.cellClass && $.push(_.cellClass), _.cellClassCallback) {
         const te = e.grid.getCellRawValue(c, u, I), de = _.cellClassCallback(te, c);
-        de && A.push(de);
+        de && $.push(de);
       }
       const Ce = e.grid.getColumnWidth(I) || _.width, J = _.minWidth, De = [
         P ? "position: sticky" : "",
@@ -4789,7 +4813,7 @@ function os(e) {
         J ? `min-width: ${J}` : "",
         _.maxWidth ? `max-width: ${_.maxWidth}` : ""
       ].filter(Boolean).join("; ");
-      P && (w += d[R]);
+      P && (w += d[k]);
       const Se = e.grid.isNavigateMode ? 'tabindex="0"' : "";
       let ee = "";
       if (_.tooltipCallback) {
@@ -4804,10 +4828,10 @@ function os(e) {
         if (te) {
           const de = _.validationTooltipCallback || e.grid.validationTooltipCallback;
           if (de) {
-            const Q = e.grid.getCellRawValue(c, u, I), pt = de({
+            const G = e.grid.getCellRawValue(c, u, I), pt = de({
               field: I,
               error: te,
-              value: Q,
+              value: G,
               row: c,
               rowIndex: u
             });
@@ -4818,7 +4842,7 @@ function os(e) {
       }
       return `
 				<td
-					class="${A.join(" ")}"
+					class="${$.join(" ")}"
 					style="${De}"
 					data-row="${u}"
 					data-col="${S}"
@@ -4826,7 +4850,7 @@ function os(e) {
 					${Se}
 					${ee}
 				>
-					${W ? Ft(e, u, S, _) : _o(e, u, S, _, k, D, z)}
+					${W ? Ft(e, u, S, _) : _o(e, u, S, _, R, D, L)}
 				</td>
 			`;
     }).join(""), x = ["wg__row"];
@@ -4863,36 +4887,36 @@ function No(e, t) {
 				</td>
 			</tr>
 		`;
-  const h = qe(), f = i.map(
+  const h = Ve(), f = i.map(
     ({ column: x }) => yo(x.width || x.maxWidth)
   ), w = r * n, p = (l - s) * n, m = w > 0 ? `<tr class="wg__spacer-top"><td colspan="${g}" style="height: ${w}px"></td></tr>` : "", y = [];
   for (let x = r; x < s && x < o.length; x++) {
-    const C = o[x], _ = x, S = e.grid.getRowLockInfo(C), R = (S == null ? void 0 : S.isLocked) === !0, I = e.grid.isEmptyRowIndex(_);
-    let k = 0, E = "";
+    const C = o[x], _ = x, S = e.grid.getRowLockInfo(C), k = (S == null ? void 0 : S.isLocked) === !0, I = e.grid.isEmptyRowIndex(_);
+    let R = 0, E = "";
     if (a) {
-      const T = d ? "position: sticky; left: 0; z-index: 2;" : "", A = d ? " wg__cell--frozen" : "";
-      if (R) {
+      const T = d ? "position: sticky; left: 0; z-index: 2;" : "", $ = d ? " wg__cell--frozen" : "";
+      if (k) {
         const W = S != null && S.lockedBy ? `Locked by ${S.lockedBy}` : "This row is locked";
-        E = `<td class="wg__cell wg__row-number wg__row-number--locked${A}" style="${T}" data-tooltip="${e.escapeHtml(W)}" data-row-number="${_}">🔒</td>`;
-      } else I ? E = `<td class="wg__cell wg__row-number wg__empty-row-indicator${A}" style="${T}" data-row-number="${_}">${e.grid.newRowIndicator}</td>` : E = `<td class="wg__cell wg__row-number${A}" style="${T}" data-row-number="${_}">${_ + 1}</td>`;
-      k += vo;
+        E = `<td class="wg__cell wg__row-number wg__row-number--locked${$}" style="${T}" data-tooltip="${e.escapeHtml(W)}" data-row-number="${_}">🔒</td>`;
+      } else I ? E = `<td class="wg__cell wg__row-number wg__empty-row-indicator${$}" style="${T}" data-row-number="${_}">${e.grid.newRowIndicator}</td>` : E = `<td class="wg__cell wg__row-number${e.grid.isDirtyIndicatorVisible && e.grid.isRowDirty(_) ? " wg__row-number--dirty" : ""}${$}" style="${T}" data-row-number="${_}">${_ + 1}</td>`;
+      R += vo;
     }
     const M = c ? Si(e, C, _) : "";
-    let z = "";
-    u && (z = `
+    let L = "";
+    u && (L = `
 				<td class="wg__cell wg__actions-column">
 					${Ci(_, h === _, e.grid.labels.rowActions)}
 				</td>
 			`);
-    const D = i.map(({ column: T, originalIndex: A }, W) => {
-      const B = String(T.field), K = e.grid.getCellValue(C, T, _), Ce = T.horizontalAlign || "left", J = T.verticalAlign || "middle", De = e.grid.canEditCell(_, B), Se = e.grid.isCellFocused(_, A), ee = e.grid.isColumnFrozen(W), te = ee && W === e.grid.totalFrozenColumns - 1, de = T.editTrigger ?? e.grid.editTrigger, Q = ["wg__cell"], pt = e.grid.shouldShowEditor(_, A), So = e.grid.isEditing(_, B);
-      if (De && Q.push("wg__cell--editable"), Se && !So && Q.push("wg__cell--focused"), Se && de === "always" && Q.push("wg__cell--always-edit-focused"), T.textOverflow !== "wrap" && Q.push("wg__cell--ellipsis"), T.maxLines && Q.push("wg__cell--line-clamp"), So && Q.push("wg__cell--editing"), e.grid.isCellInvalid(_, B) && Q.push("wg__cell--invalid"), e.grid.isCellInSelectedRange(_, W) && Q.push("wg__cell--in-range"), e.grid.isColumnSelected(W) && Q.push("wg__cell--column-selected"), ee && Q.push("wg__cell--frozen"), te && Q.push("wg__cell--frozen-last"), T.cellClass && Q.push(T.cellClass), T.cellClassCallback) {
+    const D = i.map(({ column: T, originalIndex: $ }, W) => {
+      const B = String(T.field), K = e.grid.getCellValue(C, T, _), Ce = T.horizontalAlign || "left", J = T.verticalAlign || "middle", De = e.grid.canEditCell(_, B), Se = e.grid.isCellFocused(_, $), ee = e.grid.isColumnFrozen(W), te = ee && W === e.grid.totalFrozenColumns - 1, de = T.editTrigger ?? e.grid.editTrigger, G = ["wg__cell"], pt = e.grid.shouldShowEditor(_, $), So = e.grid.isEditing(_, B);
+      if (De && G.push("wg__cell--editable"), Se && !So && G.push("wg__cell--focused"), Se && de === "always" && G.push("wg__cell--always-edit-focused"), T.textOverflow !== "wrap" && G.push("wg__cell--ellipsis"), T.maxLines && G.push("wg__cell--line-clamp"), So && G.push("wg__cell--editing"), e.grid.isCellInvalid(_, B) && G.push("wg__cell--invalid"), e.grid.isDirtyIndicatorVisible && e.grid.isCellDirty(_, B) && G.push("wg__cell--dirty"), e.grid.isCellInSelectedRange(_, W) && G.push("wg__cell--in-range"), e.grid.isColumnSelected(W) && G.push("wg__cell--column-selected"), ee && G.push("wg__cell--frozen"), te && G.push("wg__cell--frozen-last"), T.cellClass && G.push(T.cellClass), T.cellClassCallback) {
         const ce = e.grid.getCellRawValue(C, _, B), xe = T.cellClassCallback(ce, C);
-        xe && Q.push(xe);
+        xe && G.push(xe);
       }
       const xo = e.grid.getColumnWidth(B) || T.width, ko = T.minWidth, or = [
         ee ? "position: sticky" : "",
-        ee ? `left: ${k}px` : "",
+        ee ? `left: ${R}px` : "",
         ee ? "z-index: 1" : "",
         `text-align: ${Ce}`,
         `vertical-align: ${J}`,
@@ -4900,7 +4924,7 @@ function No(e, t) {
         ko ? `min-width: ${ko}` : "",
         T.maxWidth ? `max-width: ${T.maxWidth}` : ""
       ].filter(Boolean).join("; ");
-      ee && (k += f[W]);
+      ee && (R += f[W]);
       const ir = e.grid.isNavigateMode ? 'tabindex="0"' : "";
       let He = "";
       if (T.tooltipCallback) {
@@ -4929,24 +4953,24 @@ function No(e, t) {
       }
       return `
 				<td
-					class="${Q.join(" ")}"
+					class="${G.join(" ")}"
 					style="${or}"
 					data-row="${_}"
-					data-col="${A}"
+					data-col="${$}"
 					data-field="${B}"
 					${ir}
 					${He}
 				>
-					${pt ? Ft(e, _, A, T) : _o(e, _, A, T, K, Se, De)}
+					${pt ? Ft(e, _, $, T) : _o(e, _, $, T, K, Se, De)}
 				</td>
 			`;
     }).join(""), P = ["wg__row"];
-    if (R && P.push("wg__row--locked"), I && P.push("wg__row--empty-row"), e.grid.isRowSelected(_) && P.push("wg__row--selected"), e.grid.isRowFocused(_) && P.push("wg__row--focused"), e.grid.rowClassCallback) {
+    if (k && P.push("wg__row--locked"), I && P.push("wg__row--empty-row"), e.grid.isRowSelected(_) && P.push("wg__row--selected"), e.grid.isRowFocused(_) && P.push("wg__row--focused"), e.grid.rowClassCallback) {
       const T = e.grid.rowClassCallback(C, _);
       T && P.push(T);
     }
-    const U = R && !a ? `data-tooltip="${e.escapeHtml(S != null && S.lockedBy ? `Locked by ${S.lockedBy}` : "This row is locked")}"` : "";
-    y.push(`<tr class="${P.join(" ")}" data-row-index="${_}" ${U}>${E}${M}${z}${D}<td class="wg__cell wg__filler" data-row="${_}"></td></tr>`);
+    const U = k && !a ? `data-tooltip="${e.escapeHtml(S != null && S.lockedBy ? `Locked by ${S.lockedBy}` : "This row is locked")}"` : "";
+    y.push(`<tr class="${P.join(" ")}" data-row-index="${_}" ${U}>${E}${M}${L}${D}<td class="wg__cell wg__filler" data-row="${_}"></td></tr>`);
   }
   const v = p > 0 ? `<tr class="wg__spacer-bottom"><td colspan="${g}" style="height: ${p}px"></td></tr>` : "";
   return m + y.join("") + v;
@@ -5072,7 +5096,7 @@ function is(e, t) {
 }
 let Wo = 0;
 const rs = 100;
-function G(e, t, o) {
+function Q(e, t, o) {
   const i = t && o && t.rowIndex === o.rowIndex && t.colIndex === o.colIndex, r = Date.now();
   if (i && r - Wo < rs)
     return;
@@ -5116,11 +5140,11 @@ function ns(e, t, o) {
 function ss(e, t, o) {
   if (!e.grid.isNavigateMode) return;
   const i = e.grid.focusedCell, r = { rowIndex: t, colIndex: o };
-  (i == null ? void 0 : i.rowIndex) === t && (i == null ? void 0 : i.colIndex) === o || (e.grid.setFocusedCell(t, o), G(e, i, r));
+  (i == null ? void 0 : i.rowIndex) === t && (i == null ? void 0 : i.colIndex) === o || (e.grid.setFocusedCell(t, o), Q(e, i, r));
 }
 function F(e, t, o) {
   const i = e.grid.focusedCell, r = { rowIndex: t, colIndex: o };
-  e.grid.setFocusedCell(t, o), G(e, i, r), ht(e, t, o);
+  e.grid.setFocusedCell(t, o), Q(e, i, r), ht(e, t, o);
 }
 function oe(e, t, o, i) {
   const r = e.grid.columns[o];
@@ -5128,7 +5152,7 @@ function oe(e, t, o, i) {
   const s = String(r.field);
   if (!e.grid.canEditCell(t, s))
     return;
-  e.dropdownOpen && q(e);
+  e.dropdownOpen && V(e);
   const n = e.grid.editingCell;
   if (n) {
     const l = e.grid.columns.findIndex((a) => String(a.field) === n.field);
@@ -5170,13 +5194,13 @@ function lt(e, t) {
   return a;
 }
 function xi(e) {
-  if (e.dropdownOpen && q(e), e.grid.editingCell) {
+  if (e.dropdownOpen && V(e), e.grid.editingCell) {
     const t = e.grid.editingCell, o = e.grid.columns.findIndex((i) => String(i.field) === t.field);
     j(e), e.grid.cancelEdit(), o >= 0 && H(e, t.rowIndex, o);
   }
   if (e.grid.focusedCell) {
     const t = e.grid.focusedCell;
-    e.grid.clearFocusedCell(), G(e, t, null), Ie(e.shadow.host);
+    e.grid.clearFocusedCell(), Q(e, t, null), Ie(e.shadow.host);
   }
 }
 function ls(e, t) {
@@ -5193,7 +5217,7 @@ function ls(e, t) {
     if (document.activeElement === n || n.contains(document.activeElement))
       return;
     const a = e.grid.focusedCell;
-    e.grid.clearFocusedCell(), G(e, a, null), Ie(n);
+    e.grid.clearFocusedCell(), Q(e, a, null), Ie(n);
   });
 }
 function as(e, t) {
@@ -5448,7 +5472,7 @@ function H(e, t, o, i = {}) {
   const n = String(r.field), l = e.grid.displayItems[t];
   if (!l) return;
   const a = e.grid.shouldShowEditor(t, o), d = e.grid.isEditing(t, n), c = e.grid.isCellFocused(t, o), u = e.grid.canEditCell(t, n), g = e.grid.isCellInvalid(t, n), h = e.grid.visualColumns.findIndex((y) => y.originalIndex === o), f = h >= 0 && e.grid.isColumnFrozen(h), w = f && h === e.grid.totalFrozenColumns - 1, p = r.editTrigger ?? e.grid.editTrigger, m = ["wg__cell"];
-  if (u && m.push("wg__cell--editable"), c && !d && m.push("wg__cell--focused"), c && p === "always" && m.push("wg__cell--always-edit-focused"), r.textOverflow !== "wrap" && m.push("wg__cell--ellipsis"), r.maxLines && m.push("wg__cell--line-clamp"), d && m.push("wg__cell--editing"), g && m.push("wg__cell--invalid"), h >= 0 && e.grid.isCellInSelectedRange(t, h) && m.push("wg__cell--in-range"), h >= 0 && e.grid.isColumnSelected(h) && m.push("wg__cell--column-selected"), f && m.push("wg__cell--frozen"), w && m.push("wg__cell--frozen-last"), r.cellClass && m.push(r.cellClass), r.cellClassCallback) {
+  if (u && m.push("wg__cell--editable"), c && !d && m.push("wg__cell--focused"), c && p === "always" && m.push("wg__cell--always-edit-focused"), r.textOverflow !== "wrap" && m.push("wg__cell--ellipsis"), r.maxLines && m.push("wg__cell--line-clamp"), d && m.push("wg__cell--editing"), g && m.push("wg__cell--invalid"), e.grid.isDirtyIndicatorVisible && e.grid.isCellDirty(t, n) && m.push("wg__cell--dirty"), h >= 0 && e.grid.isCellInSelectedRange(t, h) && m.push("wg__cell--in-range"), h >= 0 && e.grid.isColumnSelected(h) && m.push("wg__cell--column-selected"), f && m.push("wg__cell--frozen"), w && m.push("wg__cell--frozen-last"), r.cellClass && m.push(r.cellClass), r.cellClassCallback) {
     const y = e.grid.getCellRawValue(l, t, n), v = r.cellClassCallback(y, l);
     v && m.push(v);
   }
@@ -5531,7 +5555,7 @@ function xs(e, t) {
       return !0;
   }
 }
-let L = {
+let z = {
   isPending: !1,
   isDragging: !1,
   startRowIndex: -1,
@@ -5566,17 +5590,17 @@ function vt(e) {
   const l = e.shadow.querySelector(".wg");
   if (!l) return;
   const a = l.getBoundingClientRect(), d = n.getBoundingClientRect(), c = l.scrollLeft, u = l.scrollTop, g = 8, h = i === e.grid.displayItems.length - 1, f = d.right - a.left + c - g / 2, w = h ? d.top - a.top + u - g / 2 : d.bottom - a.top + u - g / 2;
-  if (L.handleElement && L.handleElement.parentElement !== l && (L.handleElement.remove(), L.handleElement = null, at = null), !L.handleElement) {
+  if (z.handleElement && z.handleElement.parentElement !== l && (z.handleElement.remove(), z.handleElement = null, at = null), !z.handleElement) {
     const m = document.createElement("div");
-    m.className = "wg__fill-handle", l.appendChild(m), L.handleElement = m, at = o, m.addEventListener("mousedown", (y) => ks(e, y));
+    m.className = "wg__fill-handle", l.appendChild(m), z.handleElement = m, at = o, m.addEventListener("mousedown", (y) => ks(e, y));
   }
-  L.handleElement.style.left = `${f}px`, L.handleElement.style.top = `${w}px`;
+  z.handleElement.style.left = `${f}px`, z.handleElement.style.top = `${w}px`;
 }
 function Ie(e) {
-  if (L.handleElement) {
+  if (z.handleElement) {
     if (e && at && e !== at)
       return;
-    L.handleElement.remove(), L.handleElement = null, at = null;
+    z.handleElement.remove(), z.handleElement = null, at = null;
   }
 }
 function ks(e, t) {
@@ -5585,8 +5609,8 @@ function ks(e, t) {
   const o = e.grid.focusedCell;
   if (!o) return;
   const { rowIndex: i, colIndex: r } = o, n = (l = e.grid.visualColumns[r]) == null ? void 0 : l.column;
-  n && (L = {
-    ...L,
+  n && (z = {
+    ...z,
     isPending: !0,
     isDragging: !1,
     startRowIndex: i,
@@ -5600,17 +5624,17 @@ function ks(e, t) {
 }
 function Ri(e) {
   if (!be) return;
-  if (L.isPending) {
-    const o = e.clientX - L.startX, i = e.clientY - L.startY;
+  if (z.isPending) {
+    const o = e.clientX - z.startX, i = e.clientY - z.startY;
     Math.sqrt(o * o + i * i) >= Ss && Rs(be);
     return;
   }
-  if (!L.isDragging) return;
+  if (!z.isDragging) return;
   const t = Is(be, e.clientX, e.clientY);
-  t && (t.rowIndex !== L.currentRowIndex || t.colIndex !== L.currentColIndex) && (L.currentRowIndex = t.rowIndex, L.currentColIndex = t.colIndex, Ei(be));
+  t && (t.rowIndex !== z.currentRowIndex || t.colIndex !== z.currentColIndex) && (z.currentRowIndex = t.rowIndex, z.currentColIndex = t.colIndex, Ei(be));
 }
 function Rs(e) {
-  L.isPending = !1, L.isDragging = !0;
+  z.isPending = !1, z.isDragging = !0;
   const t = e.shadow.querySelector(".wg");
   t == null || t.classList.add("wg--filling"), Es(e);
 }
@@ -5618,29 +5642,29 @@ function Es(e) {
   const t = e.shadow.querySelector(".wg");
   if (!t) return;
   const o = document.createElement("div");
-  o.className = "wg__fill-range", t.appendChild(o), L.rangeElement = o, Ei(e);
+  o.className = "wg__fill-range", t.appendChild(o), z.rangeElement = o, Ei(e);
 }
 function Ei(e) {
-  if (!L.rangeElement) return;
+  if (!z.rangeElement) return;
   const t = e.shadow.querySelector(".wg");
   if (!t) return;
-  const { startRowIndex: o, startColIndex: i, currentRowIndex: r, currentColIndex: s } = L, n = Math.min(o, r), l = Math.max(o, r), a = Math.min(i, s), d = Math.max(i, s), c = e.shadow.querySelector(
+  const { startRowIndex: o, startColIndex: i, currentRowIndex: r, currentColIndex: s } = z, n = Math.min(o, r), l = Math.max(o, r), a = Math.min(i, s), d = Math.max(i, s), c = e.shadow.querySelector(
     `[data-row="${n}"][data-col="${a}"]`
   ), u = e.shadow.querySelector(
     `[data-row="${l}"][data-col="${d}"]`
   );
   if (!c || !u) return;
   const g = t.getBoundingClientRect(), h = c.getBoundingClientRect(), f = u.getBoundingClientRect(), w = t.scrollLeft, p = t.scrollTop, m = h.left - g.left + w, y = h.top - g.top + p, v = f.right - h.left, x = f.bottom - h.top;
-  L.rangeElement.style.left = `${m}px`, L.rangeElement.style.top = `${y}px`, L.rangeElement.style.width = `${v}px`, L.rangeElement.style.height = `${x}px`;
+  z.rangeElement.style.left = `${m}px`, z.rangeElement.style.top = `${y}px`, z.rangeElement.style.width = `${v}px`, z.rangeElement.style.height = `${x}px`;
 }
 function Ii(e) {
   if (!be) return;
   const t = be;
-  if (L.isPending) {
+  if (z.isPending) {
     ao(t);
     return;
   }
-  L.isDragging && (Ts(t), ao(t));
+  z.isDragging && (Ts(t), ao(t));
 }
 function Di(e) {
   e.key === "Escape" && be && (e.preventDefault(), ao(be));
@@ -5664,7 +5688,7 @@ function Ds(e, t, o, i) {
 }
 async function Ts(e) {
   var y, v;
-  const { startRowIndex: t, startColIndex: o, currentRowIndex: i, currentColIndex: r, startField: s } = L, n = e.grid.visualColumns, l = (y = n[o]) == null ? void 0 : y.column;
+  const { startRowIndex: t, startColIndex: o, currentRowIndex: i, currentColIndex: r, startField: s } = z, n = e.grid.visualColumns, l = (y = n[o]) == null ? void 0 : y.column;
   if (!l) return;
   const a = e.grid.getRowDraft(t) ?? e.grid.displayItems[t];
   if (!a) return;
@@ -5693,9 +5717,9 @@ async function Ts(e) {
       await e.grid.commitEdit(x.rowIndex, x.field, d), H(e, x.rowIndex, x.colIndex);
 }
 function ao(e) {
-  L.rangeElement && (L.rangeElement.remove(), L.rangeElement = null);
+  z.rangeElement && (z.rangeElement.remove(), z.rangeElement = null);
   const t = e.shadow.querySelector(".wg");
-  t == null || t.classList.remove("wg--filling"), document.removeEventListener("mousemove", Ri), document.removeEventListener("mouseup", Ii), document.removeEventListener("keydown", Di), L = {
+  t == null || t.classList.remove("wg--filling"), document.removeEventListener("mousemove", Ri), document.removeEventListener("mouseup", Ii), document.removeEventListener("keydown", Di), z = {
     isPending: !1,
     isDragging: !1,
     startRowIndex: -1,
@@ -5705,21 +5729,21 @@ function ao(e) {
     startY: 0,
     currentRowIndex: -1,
     currentColIndex: -1,
-    handleElement: L.handleElement,
+    handleElement: z.handleElement,
     rangeElement: null
   }, be = null;
 }
 function $e(e, t, o, i) {
   var s;
-  q(e);
+  V(e);
   const r = document.createElement("div");
   if (r.className = "wg__dropdown", r.style.cssText = `
-		position: fixed;
+		position: absolute;
 		top: 0;
 		left: 0;
 		max-height: 200px;
 		overflow-y: auto;
-		z-index: 1000;
+		z-index: var(--wg-z-dropdown);
 	`, o.length === 0) {
     const n = e.isSearching ? i.searchingText || e.grid.labels.dropdownSearching : i.noOptionsText || e.grid.labels.dropdownNoOptions;
     r.innerHTML = `<div class="wg__dropdown-empty">${e.escapeHtml(n)}</div>`;
@@ -5744,7 +5768,7 @@ function $e(e, t, o, i) {
     }).join("");
   }
   return e.shadow.appendChild(r), e.dropdownOpen = !0, Ie(), et(t, r, {
-    strategy: "fixed",
+    strategy: "absolute",
     placement: "bottom-start",
     middleware: [
       // Add 1px gap to prevent sub-pixel overlap with cell border
@@ -5765,7 +5789,7 @@ function $e(e, t, o, i) {
     });
   }), r;
 }
-function q(e) {
+function V(e) {
   const t = e.shadow.querySelector(".wg__dropdown");
   t == null || t.remove(), e.dropdownOpen = !1, e.highlightedIndex = -1, e.filterText = "", e.dropdownUserInteracted = !1;
 }
@@ -5778,7 +5802,7 @@ function Ti(e, t, o = !0, i = !1) {
   const { rowIndex: a, field: d, colIndex: c } = l, u = e.grid.columns[c], g = (u == null ? void 0 : u.editorOptions) || {};
   if (ae(r, g)) return;
   const h = Oe(r, g), f = e.grid.displayItems[a];
-  g.onselect && f && g.onselect(r, f), e.justSelected = !0, e.isCommittingFromKeyboard = !0, q(e), e.grid.commitEdit(a, d, h, i), o ? e.moveFocusAfterCommit(a, d, "down") : H(e, a, c), requestAnimationFrame(() => {
+  g.onselect && f && g.onselect(r, f), e.justSelected = !0, e.isCommittingFromKeyboard = !0, V(e), e.grid.commitEdit(a, d, h, i), o ? e.moveFocusAfterCommit(a, d, "down") : H(e, a, c), requestAnimationFrame(() => {
     e.justSelected = !1;
   });
 }
@@ -5866,7 +5890,7 @@ function ge(e) {
   }
 }
 function Ms(e) {
-  e.dropdownOpen ? q(e) : ge(e);
+  e.dropdownOpen ? V(e) : ge(e);
 }
 function Ae(e, t) {
   t.addEventListener("mousedown", (o) => {
@@ -5937,10 +5961,10 @@ function As(e, t) {
     return;
   }
   e.searchDebounceTimer = setTimeout(() => {
-    Ls(e, e.filterText, i);
+    zs(e, e.filterText, i);
   }, s);
 }
-async function Ls(e, t, o) {
+async function zs(e, t, o) {
   const i = o.editorOptions || {};
   if (!i.searchCallback) {
     const s = i.initialOptions || i.options || [], n = t.toLowerCase();
@@ -5993,7 +6017,7 @@ async function Ls(e, t, o) {
 function Xt(e, t, o, i, r) {
   const s = i ?? e.tooltipShowDelay;
   e.tooltipHideTimer && (clearTimeout(e.tooltipHideTimer), e.tooltipHideTimer = null), !(e.tooltipElement && e.tooltipAnchor === t) && (e.tooltipShowTimer && clearTimeout(e.tooltipShowTimer), e.tooltipShowTimer = setTimeout(() => {
-    zs(e, t, o, r);
+    Ls(e, t, o, r);
   }, s));
 }
 function bt(e, t) {
@@ -6005,7 +6029,7 @@ function bt(e, t) {
     }, 100));
   }, o));
 }
-function zs(e, t, o, i) {
+function Ls(e, t, o, i) {
   var l;
   (l = e.tooltipElement) == null || l.remove();
   const r = document.createElement("div");
@@ -6231,8 +6255,8 @@ function Hs(e, t, o, i, r, s, n, l, a) {
       if (_.dataset.disabled === "true" || !S) continue;
       if (S.toLowerCase() === x || S === v.key) {
         v.preventDefault();
-        const k = _.dataset.itemId || "";
-        l(k), p(), a();
+        const R = _.dataset.itemId || "";
+        l(R), p(), a();
         return;
       }
     }
@@ -6336,7 +6360,7 @@ function jo(e, t) {
     (r, s) => $i(r, t, s)
   ).join("")}</div>`;
 }
-function qs(e, t, o, i = !1) {
+function Vs(e, t, o, i = !1) {
   const { field: r, columnIndex: s } = o;
   switch (t) {
     case "sortAsc":
@@ -6460,7 +6484,7 @@ function nt(e, t) {
   const o = e.key.toLowerCase(), i = t.key.toLowerCase();
   return o === i;
 }
-function Vs(e) {
+function qs(e) {
   return e.split("+").map((t) => {
     const o = t.trim();
     return ["ctrl", "control", "shift", "alt", "meta", "cmd", "command"].includes(o.toLowerCase()) ? o.charAt(0).toUpperCase() + o.slice(1).toLowerCase() : o;
@@ -6532,7 +6556,7 @@ function js(e, t, o) {
     maxWidth: s.maxWidth ? Go(s.maxWidth, 1 / 0) : null
   }, ke = e, s.minWidth ? r.style.minWidth = s.minWidth : r.style.minWidth = `${Y.minWidth}px`;
   const l = e.shadow.querySelector(".wg");
-  l == null || l.classList.add("wg--resizing"), i.classList.add("wg__resize-handle--active"), document.addEventListener("mousemove", Ai), document.addEventListener("mouseup", Li), t.preventDefault();
+  l == null || l.classList.add("wg--resizing"), i.classList.add("wg__resize-handle--active"), document.addEventListener("mousemove", Ai), document.addEventListener("mouseup", zi), t.preventDefault();
 }
 function Ai(e) {
   if (!Y.isResizing || !ke) return;
@@ -6540,7 +6564,7 @@ function Ai(e) {
   let o = Y.startWidth + t;
   o = Math.max(o, Y.minWidth), Y.maxWidth !== null && (o = Math.min(o, Y.maxWidth)), Y.headerCell && (Y.headerCell.style.width = `${o}px`, Y.headerCell.style.maxWidth = `${o}px`), Xs(ke, Y.field, `${o}px`), (ke.grid.freezeColumns > 0 || ke.grid.isStickyRowNumbers) && Qs(ke);
 }
-function Li(e) {
+function zi(e) {
   if (!Y.isResizing || !ke) return;
   const t = ke, o = Y.field, i = `${Y.startWidth}px`, r = e.clientX - Y.startX;
   let s = Y.startWidth + r;
@@ -6557,7 +6581,7 @@ function Li(e) {
     oldWidth: i,
     newWidth: n,
     allWidths: t.grid.getColumnWidthsState()
-  }), t.grid.shouldPersistColumnWidths && t.grid.gridName && t.grid.savePersistedWidths(), document.removeEventListener("mousemove", Ai), document.removeEventListener("mouseup", Li), Y = {
+  }), t.grid.shouldPersistColumnWidths && t.grid.gridName && t.grid.savePersistedWidths(), document.removeEventListener("mousemove", Ai), document.removeEventListener("mouseup", zi), Y = {
     isResizing: !1,
     startX: 0,
     startWidth: 0,
@@ -6620,7 +6644,7 @@ function Zs(e, t, o) {
     dropIndicator: null,
     fromIndex: d,
     currentDropIndex: d
-  }, Re = e, document.addEventListener("mousemove", zi), document.addEventListener("mouseup", Pi), t.preventDefault();
+  }, Re = e, document.addEventListener("mousemove", Li), document.addEventListener("mouseup", Pi), t.preventDefault();
 }
 function el(e, t, o) {
   var r;
@@ -6637,7 +6661,7 @@ function ol(e, t) {
   const o = e.shadow.querySelector(".wg");
   o == null || o.classList.add("wg--reordering"), O.headerCell && O.headerCell.classList.add("wg__header--dragging"), O.headerCell && el(e, O.headerCell, t), tl(e);
 }
-function zi(e) {
+function Li(e) {
   if (!Re) return;
   if (O.isPending) {
     const i = e.clientX - O.startX, r = e.clientY - O.startY;
@@ -6722,7 +6746,7 @@ function Pi(e) {
 function Jo(e) {
   O.ghost && O.ghost.remove(), O.dropIndicator && O.dropIndicator.remove();
   const t = e.shadow.querySelector(".wg");
-  t == null || t.classList.remove("wg--reordering"), O.headerCell && O.headerCell.classList.remove("wg__header--dragging"), document.removeEventListener("mousemove", zi), document.removeEventListener("mouseup", Pi), O = {
+  t == null || t.classList.remove("wg--reordering"), O.headerCell && O.headerCell.classList.remove("wg__header--dragging"), document.removeEventListener("mousemove", Li), document.removeEventListener("mouseup", Pi), O = {
     isPending: !1,
     isReordering: !1,
     field: "",
@@ -6853,7 +6877,7 @@ function al() {
   };
 }
 const dl = 5;
-let $ = {
+let A = {
   isPending: !1,
   isDragging: !1,
   startRowIndex: -1,
@@ -6865,16 +6889,16 @@ let $ = {
   rangeBorder: null
 }, re = null, dt = null, Ue = null;
 function Zo() {
-  return $.isDragging;
+  return A.isDragging;
 }
 function Gt() {
-  return $.isPending;
+  return A.isPending;
 }
 function Oi(e, t, o, i) {
   var l;
   const r = i.shiftKey && e.grid.cellSelectionMode === "shift";
-  e.grid.selectedCellRange && !r && (e.grid.clearCellSelection(), X()), (l = e.grid.visualColumns[o]) != null && l.column && ($ = {
-    ...$,
+  e.grid.selectedCellRange && !r && (e.grid.clearCellSelection(), X()), (l = e.grid.visualColumns[o]) != null && l.column && (A = {
+    ...A,
     isPending: !0,
     isDragging: !1,
     startRowIndex: t,
@@ -6883,7 +6907,7 @@ function Oi(e, t, o, i) {
     startY: i.clientY,
     currentRowIndex: t,
     currentColIndex: o
-  }, re = e, document.addEventListener("mousemove", Hi), document.addEventListener("mouseup", qi), document.addEventListener("keydown", Vi));
+  }, re = e, document.addEventListener("mousemove", Hi), document.addEventListener("mouseup", Vi), document.addEventListener("keydown", qi));
 }
 function cl(e, t, o) {
   var i, r;
@@ -6898,7 +6922,7 @@ function cl(e, t, o) {
         startField: String(a.field),
         endField: String(d.field)
       };
-      e.grid.clearFocusedCell(), e.grid.selectCellRange(c), qt(e), requestAnimationFrame(() => {
+      e.grid.clearFocusedCell(), e.grid.selectCellRange(c), Vt(e), requestAnimationFrame(() => {
         requestAnimationFrame(() => {
           const u = e.shadow.querySelector(".wg");
           u == null || u.focus({ preventScroll: !0 });
@@ -6910,12 +6934,12 @@ function cl(e, t, o) {
 }
 function Hi(e) {
   if (re) {
-    if ($.isPending) {
-      const t = e.clientX - $.startX, o = e.clientY - $.startY;
+    if (A.isPending) {
+      const t = e.clientX - A.startX, o = e.clientY - A.startY;
       Math.sqrt(t * t + o * o) >= dl && ul(re);
       return;
     }
-    $.isDragging && (dt = e, Ue || (Ue = requestAnimationFrame(gl)));
+    A.isDragging && (dt = e, Ue || (Ue = requestAnimationFrame(gl)));
   }
 }
 function gl() {
@@ -6923,18 +6947,18 @@ function gl() {
   const e = dt;
   dt = null;
   const t = hl(re, e.clientX, e.clientY);
-  if (t && (t.rowIndex !== $.currentRowIndex || t.colIndex !== $.currentColIndex)) {
-    $.currentRowIndex = t.rowIndex, $.currentColIndex = t.colIndex;
+  if (t && (t.rowIndex !== A.currentRowIndex || t.colIndex !== A.currentColIndex)) {
+    A.currentRowIndex = t.rowIndex, A.currentColIndex = t.colIndex;
     const o = Ni(re);
     Fi(re), Bi(re, o);
   }
 }
 function ul(e) {
-  $.isPending = !1, $.isDragging = !0;
+  A.isPending = !1, A.isDragging = !0;
   const t = e.shadow.querySelector(".wg");
   t == null || t.classList.add("wg--selecting-cells");
   const o = e.grid.focusedCell;
-  e.grid.clearFocusedCell(), G(e, o, null);
+  e.grid.clearFocusedCell(), Q(e, o, null);
   const i = e.shadow.querySelector(".wg__cell:focus");
   i == null || i.blur();
   const r = e.grid.focusedRowIndex;
@@ -6945,7 +6969,7 @@ function ul(e) {
   Fi(e), Wi(e);
 }
 function Fi(e) {
-  const { startRowIndex: t, startColIndex: o, currentRowIndex: i, currentColIndex: r } = $, s = Math.min(t, i), n = Math.max(t, i), l = Math.min(o, r), a = Math.max(o, r);
+  const { startRowIndex: t, startColIndex: o, currentRowIndex: i, currentColIndex: r } = A, s = Math.min(t, i), n = Math.max(t, i), l = Math.min(o, r), a = Math.max(o, r);
   e.shadow.querySelectorAll(".wg__cell--in-range").forEach((c) => c.classList.remove("wg__cell--in-range"));
   for (let c = s; c <= n; c++)
     for (let u = l; u <= a; u++) {
@@ -6955,21 +6979,21 @@ function Fi(e) {
       g && g.classList.add("wg__cell--in-range");
     }
 }
-function qi(e) {
+function Vi(e) {
   if (!re) return;
   const t = re;
-  if ($.isPending) {
-    e.shiftKey && t.grid.cellSelectionMode === "shift" && t.grid.lastClickedCell ? cl(t, $.startRowIndex, $.startColIndex) : t.grid.lastClickedCell = {
-      rowIndex: $.startRowIndex,
-      colIndex: $.startColIndex
+  if (A.isPending) {
+    e.shiftKey && t.grid.cellSelectionMode === "shift" && t.grid.lastClickedCell ? cl(t, A.startRowIndex, A.startColIndex) : t.grid.lastClickedCell = {
+      rowIndex: A.startRowIndex,
+      colIndex: A.startColIndex
     }, yt(t);
     return;
   }
-  if (!$.isDragging) return;
-  if ($.startRowIndex === $.currentRowIndex && $.startColIndex === $.currentColIndex) {
+  if (!A.isDragging) return;
+  if (A.startRowIndex === A.currentRowIndex && A.startColIndex === A.currentColIndex) {
     t.shadow.querySelectorAll(".wg__cell--in-range").forEach((n) => n.classList.remove("wg__cell--in-range")), X();
-    const { startRowIndex: r, startColIndex: s } = $;
-    t.grid.setFocusedCell(r, s), G(t, null, { rowIndex: r, colIndex: s }), ht(t, r, s), yt(t);
+    const { startRowIndex: r, startColIndex: s } = A;
+    t.grid.setFocusedCell(r, s), Q(t, null, { rowIndex: r, colIndex: s }), ht(t, r, s), yt(t);
   } else
     fl(t), yt(t), requestAnimationFrame(() => {
       requestAnimationFrame(() => {
@@ -6978,14 +7002,14 @@ function qi(e) {
       });
     });
 }
-function Vi(e) {
+function qi(e) {
   if (e.key === "Escape" && re) {
     e.preventDefault();
     const t = re;
-    if ($.isDragging) {
+    if (A.isDragging) {
       t.shadow.querySelectorAll(".wg__cell--in-range").forEach((s) => s.classList.remove("wg__cell--in-range")), X();
-      const { startRowIndex: i, startColIndex: r } = $;
-      t.grid.setFocusedCell(i, r), G(t, null, { rowIndex: i, colIndex: r }), ht(t, i, r);
+      const { startRowIndex: i, startColIndex: r } = A;
+      t.grid.setFocusedCell(i, r), Q(t, null, { rowIndex: i, colIndex: r }), ht(t, i, r);
     }
     yt(t);
   }
@@ -7000,7 +7024,7 @@ function hl(e, t, o) {
 }
 function fl(e) {
   var d, c;
-  const { startRowIndex: t, startColIndex: o, currentRowIndex: i, currentColIndex: r } = $, s = e.grid.visualColumns, n = (d = s[o]) == null ? void 0 : d.column, l = (c = s[r]) == null ? void 0 : c.column;
+  const { startRowIndex: t, startColIndex: o, currentRowIndex: i, currentColIndex: r } = A, s = e.grid.visualColumns, n = (d = s[o]) == null ? void 0 : d.column, l = (c = s[r]) == null ? void 0 : c.column;
   if (!n || !l) return;
   const a = {
     startRowIndex: t,
@@ -7010,10 +7034,10 @@ function fl(e) {
     startField: String(n.field),
     endField: String(l.field)
   };
-  e.grid.clearFocusedCell(), e.grid.selectCellRange(a), qt(e);
+  e.grid.clearFocusedCell(), e.grid.selectCellRange(a), Vt(e);
 }
 function Ni(e) {
-  const { startRowIndex: t, startColIndex: o, currentRowIndex: i, currentColIndex: r } = $, s = e.shadow.querySelector(".wg");
+  const { startRowIndex: t, startColIndex: o, currentRowIndex: i, currentColIndex: r } = A, s = e.shadow.querySelector(".wg");
   if (!s) return null;
   const n = Math.min(t, i), l = Math.max(t, i), a = Math.min(o, r), d = Math.max(o, r), c = e.shadow.querySelector(
     `[data-row="${n}"][data-col="${a}"]`
@@ -7035,14 +7059,14 @@ function Bi(e, t) {
     X();
     return;
   }
-  let o = $.rangeBorder;
-  o || (o = document.createElement("div"), o.className = "wg__cell-range-border", t.container.appendChild(o), $.rangeBorder = o), o.style.left = `${t.left}px`, o.style.top = `${t.top}px`, o.style.width = `${t.width}px`, o.style.height = `${t.height}px`;
+  let o = A.rangeBorder;
+  o || (o = document.createElement("div"), o.className = "wg__cell-range-border", t.container.appendChild(o), A.rangeBorder = o), o.style.left = `${t.left}px`, o.style.top = `${t.top}px`, o.style.width = `${t.width}px`, o.style.height = `${t.height}px`;
 }
 function Wi(e) {
   const t = Ni(e);
   Bi(e, t);
 }
-function qt(e) {
+function Vt(e) {
   X();
   const t = e.grid.selectedCellRange;
   if (!t) return;
@@ -7055,17 +7079,17 @@ function qt(e) {
   );
   if (!u || !g) return;
   const h = o.getBoundingClientRect(), f = u.getBoundingClientRect(), w = g.getBoundingClientRect(), p = o.scrollLeft, m = o.scrollTop, y = f.left - h.left + p - o.clientLeft, v = f.top - h.top + m - o.clientTop, x = w.right - f.left, C = w.bottom - f.top, _ = document.createElement("div");
-  _.className = "wg__cell-range-border", _.style.left = `${y}px`, _.style.top = `${v}px`, _.style.width = `${x}px`, _.style.height = `${C}px`, o.appendChild(_), $.rangeBorder = _;
+  _.className = "wg__cell-range-border", _.style.left = `${y}px`, _.style.top = `${v}px`, _.style.width = `${x}px`, _.style.height = `${C}px`, o.appendChild(_), A.rangeBorder = _;
 }
 function ei(e) {
-  $.rangeBorder && (X(), $.isDragging ? Wi(e) : qt(e));
+  A.rangeBorder && (X(), A.isDragging ? Wi(e) : Vt(e));
 }
 function X() {
-  $.rangeBorder && ($.rangeBorder.remove(), $.rangeBorder = null);
+  A.rangeBorder && (A.rangeBorder.remove(), A.rangeBorder = null);
 }
 function yt(e) {
   const t = e.shadow.querySelector(".wg");
-  t == null || t.classList.remove("wg--selecting-cells"), Ue && (cancelAnimationFrame(Ue), Ue = null), dt = null, document.removeEventListener("mousemove", Hi), document.removeEventListener("mouseup", qi), document.removeEventListener("keydown", Vi), $ = {
+  t == null || t.classList.remove("wg--selecting-cells"), Ue && (cancelAnimationFrame(Ue), Ue = null), dt = null, document.removeEventListener("mousemove", Hi), document.removeEventListener("mouseup", Vi), document.removeEventListener("keydown", qi), A = {
     isPending: !1,
     isDragging: !1,
     startRowIndex: -1,
@@ -7074,7 +7098,7 @@ function yt(e) {
     startY: 0,
     currentRowIndex: -1,
     currentColIndex: -1,
-    rangeBorder: $.rangeBorder
+    rangeBorder: A.rangeBorder
   }, re = null;
 }
 const wl = 5;
@@ -7232,7 +7256,7 @@ function Gi(e) {
       `.wg__header[data-field="${h}"]`
     );
     if (!m) continue;
-    const y = f.getBoundingClientRect(), v = m.getBoundingClientRect(), x = p.getBoundingClientRect(), C = y.left - n.left + l - o.clientLeft, _ = y.top - n.top + a - o.clientTop, S = v.right - y.left, R = x.bottom - y.top, I = ji(o, C, _, S, R, "wg__column-selection-border");
+    const y = f.getBoundingClientRect(), v = m.getBoundingClientRect(), x = p.getBoundingClientRect(), C = y.left - n.left + l - o.clientLeft, _ = y.top - n.top + a - o.clientTop, S = v.right - y.left, k = x.bottom - y.top, I = ji(o, C, _, S, k, "wg__column-selection-border");
     Mt.push(I);
   }
 }
@@ -7433,10 +7457,10 @@ async function El(e, t, o, i) {
   };
   if (r.onbeforepaste && (r.onbeforepaste(h), h.cancel))
     return {
-      totalCells: a.reduce((S, R) => S + R.length, 0),
+      totalCells: a.reduce((S, k) => S + k.length, 0),
       successfulCells: 0,
       failedCells: 0,
-      skippedCells: a.reduce((S, R) => S + R.length, 0),
+      skippedCells: a.reduce((S, k) => S + k.length, 0),
       newRowsCreated: 0,
       cellResults: [],
       hadHeaders: l
@@ -7444,28 +7468,28 @@ async function El(e, t, o, i) {
   let f = 0, w = u;
   if (g > 0) {
     const S = [];
-    for (let R = 0; R < g; R++) {
-      const I = c ? R : u + R - o, k = a[I], E = {};
-      l && n ? k == null || k.forEach((z, D) => {
+    for (let k = 0; k < g; k++) {
+      const I = c ? k : u + k - o, R = a[I], E = {};
+      l && n ? R == null || R.forEach((L, D) => {
         const P = n[D];
-        P && (E[P.gridField] = z);
-      }) : k == null || k.forEach((z, D) => {
+        P && (E[P.gridField] = L);
+      }) : R == null || R.forEach((L, D) => {
         const P = i + D;
         if (P < d.length) {
           const U = String(d[P].column.field);
-          E[U] = z;
+          E[U] = L;
         }
       });
       let M;
-      r.createRowCallback ? M = r.createRowCallback(E, u + R) : M = E, S.push(M), f++;
+      r.createRowCallback ? M = r.createRowCallback(E, u + k) : M = E, S.push(M), f++;
     }
     c && r.newRowPosition === "top" ? (r.items = [...S, ...r.items], w = 0) : (r.items = [...r.items, ...S], w = u);
   }
   const p = [], m = r.pasteMode;
   for (let S = 0; S < a.length; S++) {
-    const R = a[S], I = c ? w + S : o + S, k = c ? r.newRowPosition === "top" ? 1 + S : r.items.length - a.length + S : o + S, E = I;
-    for (let M = 0; M < R.length; M++) {
-      const z = R[M];
+    const k = a[S], I = c ? w + S : o + S, R = c ? r.newRowPosition === "top" ? 1 + S : r.items.length - a.length + S : o + S, E = I;
+    for (let M = 0; M < k.length; M++) {
+      const L = k[M];
       let D, P;
       if (l && n) {
         const K = n[M];
@@ -7475,9 +7499,9 @@ async function El(e, t, o, i) {
       } else {
         if (P = i + M, P >= d.length) {
           p.push({
-            rowIndex: k,
+            rowIndex: R,
             field: "",
-            value: z,
+            value: L,
             isValid: !1,
             wasSkipped: !0,
             skipReason: "out-of-bounds"
@@ -7489,9 +7513,9 @@ async function El(e, t, o, i) {
       const U = `${S}-${M}`;
       if (h.skipCells.has(U)) {
         p.push({
-          rowIndex: k,
+          rowIndex: R,
           field: D,
-          value: z,
+          value: L,
           isValid: !0,
           wasSkipped: !0,
           skipReason: "user-canceled"
@@ -7504,9 +7528,9 @@ async function El(e, t, o, i) {
       if (!r.isCellEditable(T)) {
         if (m === "editable-only") {
           p.push({
-            rowIndex: k,
+            rowIndex: R,
             field: D,
-            value: z,
+            value: L,
             isValid: !1,
             wasSkipped: !0,
             skipReason: "non-editable"
@@ -7514,9 +7538,9 @@ async function El(e, t, o, i) {
           continue;
         } else if (m === "skip-non-editable") {
           p.push({
-            rowIndex: k,
+            rowIndex: R,
             field: D,
-            value: z,
+            value: L,
             isValid: !0,
             wasSkipped: !0,
             skipReason: "non-editable"
@@ -7527,17 +7551,17 @@ async function El(e, t, o, i) {
       const W = c ? r.items[E] : r.displayItems[E];
       if (W && r.isRowLocked(W)) {
         p.push({
-          rowIndex: k,
+          rowIndex: R,
           field: D,
-          value: z,
+          value: L,
           isValid: !0,
           wasSkipped: !0,
           skipReason: "locked"
         });
         continue;
       }
-      let B = z;
-      if (T.beforePasteCallback && W && (B = T.beforePasteCallback(z, W)), c) {
+      let B = L;
+      if (T.beforePasteCallback && W && (B = T.beforePasteCallback(L, W)), c) {
         const K = r.items[E];
         if (K && r.shouldValidateOnPaste && T.beforeCommitCallback) {
           const Ce = {
@@ -7547,13 +7571,13 @@ async function El(e, t, o, i) {
             rowIndex: E,
             field: D
           }, J = await Promise.resolve(T.beforeCommitCallback(Ce)), De = J === !0 || J === void 0 || typeof J == "object" && J !== null && J.valid !== !1, Se = typeof J == "object" && J !== null ? J.error || J.message : typeof J == "string" ? J : void 0;
-          De || (r.addInvalidCell(k, D, Se || "Invalid value"), (_ = r.onvalidationerror) == null || _.call(r, {
+          De || (r.addInvalidCell(R, D, Se || "Invalid value"), (_ = r.onvalidationerror) == null || _.call(r, {
             row: K,
-            rowIndex: k,
+            rowIndex: R,
             field: D,
             error: Se || "Invalid value"
           })), p.push({
-            rowIndex: k,
+            rowIndex: R,
             field: D,
             value: B,
             isValid: De,
@@ -7562,19 +7586,19 @@ async function El(e, t, o, i) {
           });
         } else
           p.push({
-            rowIndex: k,
+            rowIndex: R,
             field: D,
             value: B,
             isValid: !0,
             wasSkipped: !1
           });
       } else if (r.shouldValidateOnPaste) {
-        await r.commitEdit(k, D, B);
+        await r.commitEdit(R, D, B);
         const K = r.invalidCells.find(
-          (Ce) => Ce.rowIndex === k && Ce.field === D
+          (Ce) => Ce.rowIndex === R && Ce.field === D
         );
         p.push({
-          rowIndex: k,
+          rowIndex: R,
           field: D,
           value: B,
           isValid: !K,
@@ -7584,7 +7608,7 @@ async function El(e, t, o, i) {
       } else {
         const K = r.items[E];
         K && (K[D] = B), p.push({
-          rowIndex: k,
+          rowIndex: R,
           field: D,
           value: B,
           isValid: !0,
@@ -7655,7 +7679,7 @@ function Ml(e, t) {
   const { rowIndex: o, colIndex: i } = t.target, r = e.grid.columns[i];
   if (!r) return;
   const s = r.editTrigger ?? e.grid.editTrigger, n = s === "always", l = e.grid.focusedCell;
-  (!l || l.rowIndex !== o || l.colIndex !== i) && (e.filterText = "", e.searchDebounceTimer && (clearTimeout(e.searchDebounceTimer), e.searchDebounceTimer = null), e.searchAbortController && (e.searchAbortController.abort(), e.searchAbortController = null)), e.grid.setFocusedCell(o, i), G(e, l, { rowIndex: o, colIndex: i });
+  (!l || l.rowIndex !== o || l.colIndex !== i) && (e.filterText = "", e.searchDebounceTimer && (clearTimeout(e.searchDebounceTimer), e.searchDebounceTimer = null), e.searchAbortController && (e.searchAbortController.abort(), e.searchAbortController = null)), e.grid.setFocusedCell(o, i), Q(e, l, { rowIndex: o, colIndex: i });
   const d = e.shadow.querySelector(
     `td[data-row="${o}"][data-col="${i}"]`
   );
@@ -7679,19 +7703,19 @@ function Ml(e, t) {
 }
 function $l(e, t) {
   const o = e.grid.focusedCell;
-  e.grid.clearFocusedCell(), G(e, o, null);
+  e.grid.clearFocusedCell(), Q(e, o, null);
 }
 const Al = {
   handles: ["navigate"],
   execute(e, t) {
     if (t.type === "navigate")
-      return Ll(e, t);
+      return zl(e, t);
   }
 };
-function Ll(e, t) {
+function zl(e, t) {
   const o = t.from ?? e.grid.focusedCell;
   if (!o) return;
-  const i = zl(e, o, t), r = e.grid.columns[o.colIndex], s = r ? String(r.field) : "", n = e.grid.editingCell && e.grid.editingCell.rowIndex === o.rowIndex && e.grid.editingCell.field === s;
+  const i = Ll(e, o, t), r = e.grid.columns[o.colIndex], s = r ? String(r.field) : "", n = e.grid.editingCell && e.grid.editingCell.rowIndex === o.rowIndex && e.grid.editingCell.field === s;
   return i ? i.rowIndex === o.rowIndex && i.colIndex === o.colIndex ? void 0 : [{
     type: "transitionCell",
     from: o,
@@ -7703,7 +7727,7 @@ function Ll(e, t) {
     { type: "focusCell", target: o, selectText: !1 }
   ] : void 0;
 }
-function zl(e, t, o) {
+function Ll(e, t, o) {
   const { direction: i, ctrlKey: r } = o, { rowIndex: s, colIndex: n } = t, l = e.grid.columns, d = e.grid.displayItems.length - 1, c = l.length - 1, u = e.grid.getEditableColumns();
   switch (i !== "tab" && i !== "tab-back" && i !== "enter" && (e.grid.tabTraversalStartColIndex = null), i) {
     case "up":
@@ -7817,7 +7841,7 @@ function Fl(e, t) {
     initialSearchQuery: s
   });
 }
-const ql = {
+const Vl = {
   handles: ["openDropdown", "closeDropdown", "toggleDropdown", "dropdownNavigate", "dropdownSelect"],
   execute(e, t) {
     switch (t.type) {
@@ -7825,19 +7849,19 @@ const ql = {
         ge(e);
         break;
       case "closeDropdown":
-        q(e);
+        V(e);
         break;
       case "toggleDropdown":
-        e.dropdownOpen ? q(e) : ge(e);
+        e.dropdownOpen ? V(e) : ge(e);
         break;
       case "dropdownNavigate":
-        return Vl(e, t);
+        return ql(e, t);
       case "dropdownSelect":
         return Nl(e, t);
     }
   }
 }, ti = 10;
-function Vl(e, t) {
+function ql(e, t) {
   if (!e.dropdownOpen) return;
   const o = e.getCurrentEditorOptions();
   let i = e.highlightedIndex;
@@ -7879,7 +7903,7 @@ function Vl(e, t) {
 function Nl(e, t) {
   var h;
   if (!e.dropdownOpen || e.highlightedIndex < 0)
-    return q(e), t.thenNavigate ? [{
+    return V(e), t.thenNavigate ? [{
       type: "navigate",
       direction: t.thenNavigate
     }] : void 0;
@@ -7890,7 +7914,7 @@ function Nl(e, t) {
   const { rowIndex: n, field: l, colIndex: a } = s, d = e.grid.columns[a], c = (d == null ? void 0 : d.editorOptions) || {};
   if (ae(o, c)) return;
   const u = Oe(o, c), g = e.grid.displayItems[n];
-  if (c.onselect && g && c.onselect(o, g), e.justSelected = !0, e.isCommittingFromKeyboard = !0, q(e), e.grid.commitEdit(n, l, u, t.commitEmptyRow ?? !1), t.thenNavigate)
+  if (c.onselect && g && c.onselect(o, g), e.justSelected = !0, e.isCommittingFromKeyboard = !0, V(e), e.grid.commitEdit(n, l, u, t.commitEmptyRow ?? !1), t.thenNavigate)
     return H(e, n, a), e.justSelected = !1, [{
       type: "navigate",
       direction: t.thenNavigate,
@@ -8052,13 +8076,13 @@ async function Zl(e, t, o) {
     } else
       d = a.value;
   else a instanceof HTMLSelectElement ? d = a.value : d = a.dataset.value || "";
-  e.dropdownOpen && q(e), j(e), await e.grid.commitEdit(r, n, d, t), H(e, r, s);
+  e.dropdownOpen && V(e), j(e), await e.grid.commitEdit(r, n, d, t), H(e, r, s);
 }
 function ea(e) {
   const t = e.grid.editingCell;
   if (!t) return;
   const { rowIndex: o, field: i } = t, r = e.grid.columns.findIndex((n) => String(n.field) === i), s = e.grid.columns[r];
-  e.dropdownOpen && q(e), j(e), (s == null ? void 0 : s.editor) === "checkbox" && e.grid.discardCellDraft(o, i), e.grid.cancelEdit(), r >= 0 && H(e, o, r);
+  e.dropdownOpen && V(e), j(e), (s == null ? void 0 : s.editor) === "checkbox" && e.grid.discardCellDraft(o, i), e.grid.cancelEdit(), r >= 0 && H(e, o, r);
 }
 function ta(e, t) {
   const o = e.grid.editingCell, i = e.grid.focusedCell;
@@ -8067,7 +8091,7 @@ function ta(e, t) {
     if (!r) return;
     const s = o ? e.grid.columns.findIndex((a) => String(a.field) === o.field) : (i == null ? void 0 : i.colIndex) ?? -1, n = e.grid.columns[s], l = n == null ? void 0 : n.editor;
     if (l === "select" && e.filterText) {
-      e.filterText = "", q(e), e.dispatch({ type: "openDropdown" });
+      e.filterText = "", V(e), e.dispatch({ type: "openDropdown" });
       return;
     }
     if (l === "autocomplete" || l === "combobox") {
@@ -8075,16 +8099,16 @@ function ta(e, t) {
         `.wg__cell[data-row="${r.rowIndex}"][data-col="${s}"]`
       ), d = a == null ? void 0 : a.querySelector(".wg__combobox-input, .wg__autocomplete-input"), c = e.grid.displayItems[r.rowIndex], u = n == null ? void 0 : n.field, g = c && u ? c[u] : void 0, h = (n == null ? void 0 : n.editorOptions) || {}, f = h.initialOptions || h.options || [], w = wt(g, f, h), p = (d == null ? void 0 : d.value) ?? "";
       if (d && p !== w) {
-        e.filterText = "", d.value = w, d.focus(), d.select(), q(e), e.dispatch({ type: "openDropdown" });
+        e.filterText = "", d.value = w, d.focus(), d.select(), V(e), e.dispatch({ type: "openDropdown" });
         return;
       }
     }
-    q(e), o && (j(e), l === "checkbox" && e.grid.discardCellDraft(r.rowIndex, o.field), e.grid.cancelEdit(), H(e, r.rowIndex, s), ht(e, r.rowIndex, s));
+    V(e), o && (j(e), l === "checkbox" && e.grid.discardCellDraft(r.rowIndex, o.field), e.grid.cancelEdit(), H(e, r.rowIndex, s), ht(e, r.rowIndex, s));
     return;
   }
   if (o) {
     const { rowIndex: r, field: s } = o, n = e.grid.columns.findIndex((a) => String(a.field) === s), l = e.grid.columns[n];
-    e.dropdownOpen && q(e), e.datepicker && (e.datepicker.close(!0), e.datepicker = null), j(e), (l == null ? void 0 : l.editor) === "checkbox" && e.grid.discardCellDraft(r, s), e.grid.cancelEdit(), n >= 0 && (H(e, r, n), ht(e, r, n));
+    e.dropdownOpen && V(e), e.datepicker && (e.datepicker.close(!0), e.datepicker = null), j(e), (l == null ? void 0 : l.editor) === "checkbox" && e.grid.discardCellDraft(r, s), e.grid.cancelEdit(), n >= 0 && (H(e, r, n), ht(e, r, n));
   } else if (i) {
     const { rowIndex: r, colIndex: s } = i;
     e.grid.clearFocusedCell(), H(e, r, s);
@@ -8436,7 +8460,7 @@ class ba {
   constructor(t) {
     b(this, "pipeline");
     b(this, "ctx");
-    this.ctx = t, this.pipeline = Dl(t), this.pipeline.registerExecutor(Tl), this.pipeline.registerExecutor(Al), this.pipeline.registerExecutor(Pl), this.pipeline.registerExecutor(Hl), this.pipeline.registerExecutor(ql), this.pipeline.registerExecutor(Wl), this.pipeline.registerExecutor(Ul), this.pipeline.registerExecutor(Ql), this.pipeline.registerExecutor(ia), this.pipeline.registerExecutor(la), this.pipeline.registerExecutor(da), this.pipeline.registerExecutor(ua), this.pipeline.registerExecutor(ha), this.pipeline.registerExecutor(wa), this.pipeline.registerExecutor(ma), this.pipeline.registerExecutor(Bl);
+    this.ctx = t, this.pipeline = Dl(t), this.pipeline.registerExecutor(Tl), this.pipeline.registerExecutor(Al), this.pipeline.registerExecutor(Pl), this.pipeline.registerExecutor(Hl), this.pipeline.registerExecutor(Vl), this.pipeline.registerExecutor(Wl), this.pipeline.registerExecutor(Ul), this.pipeline.registerExecutor(Ql), this.pipeline.registerExecutor(ia), this.pipeline.registerExecutor(la), this.pipeline.registerExecutor(da), this.pipeline.registerExecutor(ua), this.pipeline.registerExecutor(ha), this.pipeline.registerExecutor(wa), this.pipeline.registerExecutor(ma), this.pipeline.registerExecutor(Bl);
   }
   /**
    * Get the effective editTrigger for a column
@@ -8691,8 +8715,8 @@ class ba {
       if (S.length === 0)
         return v && (this.ctx.isTransitioningCells = !1), !1;
       w || (t.preventDefault(), t.stopPropagation());
-      for (const R of S)
-        this.pipeline.dispatch(R);
+      for (const k of S)
+        this.pipeline.dispatch(k);
       return v && requestAnimationFrame(() => {
         this.ctx.isTransitioningCells = !1;
       }), !0;
@@ -8921,7 +8945,7 @@ class va extends HTMLElement {
         this.isClosingViaToggle = !1;
       }
     ), this.styleElement = document.createElement("style"), this.styleElement.textContent = Wn, this.shadow.appendChild(this.styleElement), this.grid.requestUpdate = () => this.requestUpdate(), this.grid._onInteractionChange = (o, i) => {
-      o === "editingCell" && i.current === null && q(this);
+      o === "editingCell" && i.current === null && V(this);
     };
   }
   get tooltipShowDelay() {
@@ -9056,6 +9080,18 @@ class va extends HTMLElement {
   set isRowNumbersVisible(o) {
     this.grid.isRowNumbersVisible = o;
   }
+  get isDirtyIndicatorVisible() {
+    return this.grid.isDirtyIndicatorVisible;
+  }
+  set isDirtyIndicatorVisible(o) {
+    this.grid.isDirtyIndicatorVisible = o;
+  }
+  isCellDirty(o, i) {
+    return this.grid.isCellDirty(o, i);
+  }
+  isRowDirty(o) {
+    return this.grid.isRowDirty(o);
+  }
   get isStickyRowNumbers() {
     return this.grid.isStickyRowNumbers;
   }
@@ -9837,7 +9873,7 @@ class va extends HTMLElement {
             const g = this.grid.focusedCell;
             this.grid.setFocusedCell(0, 0), this.scrollToRowProgrammatically(0);
             const h = this.shadow.querySelector('td[data-row="0"][data-col="0"]');
-            h && (h.focus({ preventScroll: !0 }), G(this, g, { rowIndex: 0, colIndex: 0 }));
+            h && (h.focus({ preventScroll: !0 }), Q(this, g, { rowIndex: 0, colIndex: 0 }));
           } else
             F(this, 0, 0);
         else
@@ -9850,7 +9886,7 @@ class va extends HTMLElement {
             const f = this.grid.focusedCell;
             this.grid.setFocusedCell(g, h), this.scrollToRowProgrammatically(g);
             const w = this.shadow.querySelector(`td[data-row="${g}"][data-col="${h}"]`);
-            w && (w.focus({ preventScroll: !0 }), G(this, f, { rowIndex: g, colIndex: h }));
+            w && (w.focus({ preventScroll: !0 }), Q(this, f, { rowIndex: g, colIndex: h }));
           } else
             F(this, g, h);
         } else
@@ -9862,7 +9898,7 @@ class va extends HTMLElement {
             const g = this.grid.focusedCell;
             this.grid.setFocusedCell(0, r), this.scrollToRowProgrammatically(0);
             const h = this.shadow.querySelector(`td[data-row="0"][data-col="${r}"]`);
-            h && (h.focus({ preventScroll: !0 }), G(this, g, { rowIndex: 0, colIndex: r }));
+            h && (h.focus({ preventScroll: !0 }), Q(this, g, { rowIndex: 0, colIndex: r }));
           } else
             F(this, 0, r);
         else {
@@ -9871,7 +9907,7 @@ class va extends HTMLElement {
             const h = this.grid.focusedCell;
             this.grid.setFocusedCell(g, r), this.scrollToRowProgrammatically(g);
             const f = this.shadow.querySelector(`td[data-row="${g}"][data-col="${r}"]`);
-            f && (f.focus({ preventScroll: !0 }), G(this, h, { rowIndex: g, colIndex: r }));
+            f && (f.focus({ preventScroll: !0 }), Q(this, h, { rowIndex: g, colIndex: r }));
           } else
             F(this, g, r);
         }
@@ -9883,7 +9919,7 @@ class va extends HTMLElement {
             const h = this.grid.focusedCell;
             this.grid.setFocusedCell(g, r), this.scrollToRowProgrammatically(g);
             const f = this.shadow.querySelector(`td[data-row="${g}"][data-col="${r}"]`);
-            f && (f.focus({ preventScroll: !0 }), G(this, h, { rowIndex: g, colIndex: r }));
+            f && (f.focus({ preventScroll: !0 }), Q(this, h, { rowIndex: g, colIndex: r }));
           } else
             F(this, g, r);
         } else {
@@ -9892,7 +9928,7 @@ class va extends HTMLElement {
             const h = this.grid.focusedCell;
             this.grid.setFocusedCell(g, r), this.scrollToRowProgrammatically(g);
             const f = this.shadow.querySelector(`td[data-row="${g}"][data-col="${r}"]`);
-            f && (f.focus({ preventScroll: !0 }), G(this, h, { rowIndex: g, colIndex: r }));
+            f && (f.focus({ preventScroll: !0 }), Q(this, h, { rowIndex: g, colIndex: r }));
           } else
             F(this, g, r);
         }
@@ -9949,7 +9985,7 @@ class va extends HTMLElement {
           this.grid.clearSelection();
         else {
           const g = this.grid.focusedCell;
-          this.grid.clearFocusedCell(), G(this, g, null), (u = o.target) == null || u.blur();
+          this.grid.clearFocusedCell(), Q(this, g, null), (u = o.target) == null || u.blur();
         }
         break;
       case "Delete": {
@@ -10046,7 +10082,7 @@ class va extends HTMLElement {
       case "Enter":
         if (this.datepicker)
           return;
-        o.preventDefault(), o.stopPropagation(), this.dropdownOpen && this.highlightedIndex >= 0 ? Ti(this, this.highlightedIndex, !0, !0) : a && !this.dropdownOpen ? ge(this) : (this.isCommittingFromKeyboard = !0, q(this), l === "date" && i instanceof HTMLInputElement ? await this.commitDateEditor(i, !0) : await It(this, i, !0), Ut(this, r, s, "down"));
+        o.preventDefault(), o.stopPropagation(), this.dropdownOpen && this.highlightedIndex >= 0 ? Ti(this, this.highlightedIndex, !0, !0) : a && !this.dropdownOpen ? ge(this) : (this.isCommittingFromKeyboard = !0, V(this), l === "date" && i instanceof HTMLInputElement ? await this.commitDateEditor(i, !0) : await It(this, i, !0), Ut(this, r, s, "down"));
         break;
       case "Tab":
         if (this.datepicker)
@@ -10059,9 +10095,9 @@ class va extends HTMLElement {
             const y = Oe(p, m);
             await this.grid.commitEdit(r, s, y, w);
           }
-          q(this);
+          V(this);
         } else
-          q(this), l === "date" && i instanceof HTMLInputElement ? await this.commitDateEditor(i, w) : a || await It(this, i, w);
+          V(this), l === "date" && i instanceof HTMLInputElement ? await this.commitDateEditor(i, w) : a || await It(this, i, w);
         if (w) {
           Ht(this, r, u);
           const p = c.length > 0 ? c[0].index : 0;
@@ -10074,7 +10110,7 @@ class va extends HTMLElement {
         break;
       case "Escape":
         if (o.preventDefault(), o.stopPropagation(), this.dropdownOpen) {
-          q(this), (l === "autocomplete" || l === "combobox") && (this.filterText = "", i instanceof HTMLInputElement && (i.value = "", i.focus()));
+          V(this), (l === "autocomplete" || l === "combobox") && (this.filterText = "", i instanceof HTMLInputElement && (i.value = "", i.focus()));
           return;
         }
         if (this.datepicker) {
@@ -10206,7 +10242,7 @@ class va extends HTMLElement {
           if (p.editTrigger || this.grid.editTrigger, m !== "disabled" && (m === "click" && !y || m === "shift" && y)) {
             if (this.grid.editingCell) {
               const x = this.grid.editingCell, C = this.grid.columns.findIndex((_) => String(_.field) === x.field);
-              q(this), j(this), this.grid.cancelEdit(), C >= 0 && H(this, x.rowIndex, C);
+              V(this), j(this), this.grid.cancelEdit(), C >= 0 && H(this, x.rowIndex, C);
             }
             this.grid.selectedRows.length > 0 && this.grid.clearSelection(), this.grid.selectedColumns.length > 0 && this.grid.clearColumnSelection(), Oi(this, f, w, a);
             return;
@@ -10225,7 +10261,7 @@ class va extends HTMLElement {
           if (y >= 0) {
             if (this.clearAllSelections(), this.isTransitioningCells = !0, this.grid.editingCell) {
               const v = this.grid.editingCell, x = this.grid.columns.findIndex((C) => String(C.field) === v.field);
-              q(this), j(this), this.grid.cancelEdit(), this.grid.setFocusedCell(p, y), x >= 0 && H(this, v.rowIndex, x);
+              V(this), j(this), this.grid.cancelEdit(), this.grid.setFocusedCell(p, y), x >= 0 && H(this, v.rowIndex, x);
             }
             oe(this, p, y), requestAnimationFrame(() => {
               var _;
@@ -10248,13 +10284,13 @@ class va extends HTMLElement {
             if (w !== m.rowIndex || p !== v) {
               n.preventDefault(), this.isTransitioningCells = !0;
               const x = m.rowIndex, C = v;
-              q(this), j(this), this.grid.cancelEdit(), this.grid.setFocusedCell(w, p), C >= 0 && H(this, x, C);
+              V(this), j(this), this.grid.cancelEdit(), this.grid.setFocusedCell(w, p), C >= 0 && H(this, x, C);
               const _ = this.grid.columns[p], S = (_ == null ? void 0 : _.editTrigger) || this.grid.editTrigger, I = n.clientX;
               requestAnimationFrame(() => {
                 if (this.isTransitioningCells = !1, S === "click" && _ && this.grid.isCellEditable(_)) {
-                  const k = this.shadow.querySelector(
+                  const R = this.shadow.querySelector(
                     `td[data-row="${w}"][data-col="${p}"]`
-                  ), E = k ? lt({ clientX: I }, k) : void 0;
+                  ), E = R ? lt({ clientX: I }, R) : void 0;
                   oe(this, w, p, { cursorPosition: E ?? void 0 });
                 } else
                   F(this, w, p);
@@ -10272,7 +10308,7 @@ class va extends HTMLElement {
           if (m >= 0) {
             this.isTransitioningCells = !0;
             const y = this.grid.editingCell, v = y ? this.grid.columns.findIndex((x) => String(x.field) === y.field) : -1;
-            y && (q(this), j(this), this.grid.cancelEdit(), this.grid.setFocusedCell(w, m), v >= 0 && H(this, y.rowIndex, v)), oe(this, w, m), requestAnimationFrame(() => {
+            y && (V(this), j(this), this.grid.cancelEdit(), this.grid.setFocusedCell(w, m), v >= 0 && H(this, y.rowIndex, v)), oe(this, w, m), requestAnimationFrame(() => {
               this.isTransitioningCells = !1, this.dropdownOpen || ge(this);
             });
           }
@@ -10322,7 +10358,7 @@ class va extends HTMLElement {
         const g = parseInt(d.dataset.rowNumber || "-1", 10);
         g >= 0 && pl(this, g, n);
       }
-      l.closest(".wg__row-number-header") && n.button === 0 && (n.preventDefault(), this.grid.selectAll(), this.grid.selectedCellRange && qt(this), this.render(), requestAnimationFrame(() => {
+      l.closest(".wg__row-number-header") && n.button === 0 && (n.preventDefault(), this.grid.selectAll(), this.grid.selectedCellRange && Vt(this), this.render(), requestAnimationFrame(() => {
         const g = this.shadow.querySelector(".wg");
         g == null || g.focus({ preventScroll: !0 });
       }));
@@ -10405,9 +10441,9 @@ class va extends HTMLElement {
         }
     }), this.scrollEvents.init(r), this.scrollEvents.subscribe("container", () => {
       const n = r.scrollLeft > 0;
-      i.classList.toggle("wg--scrolled-horizontal", n), this.dropdownOpen && !this.isTransitioningCells && !this.isOpeningDropdown && this.handleScrollCloseDropdown(), this.grid.shouldUseVirtualScroll() && this.handleVirtualScroll(r), this.grid.isInfiniteScrollEnabled && this.grid.hasMoreItems && !this.isLoadingMoreItems && this.handleInfiniteScroll(r), qe() !== null && (Vo(this, this.grid.displayItems), this.renderConnector()), vt(this), this.grid.selectedCellRange && ei(this), _l(this);
+      i.classList.toggle("wg--scrolled-horizontal", n), this.dropdownOpen && !this.isTransitioningCells && !this.isOpeningDropdown && this.handleScrollCloseDropdown(), this.grid.shouldUseVirtualScroll() && this.handleVirtualScroll(r), this.grid.isInfiniteScrollEnabled && this.grid.hasMoreItems && !this.isLoadingMoreItems && this.handleInfiniteScroll(r), Ve() !== null && (qo(this, this.grid.displayItems), this.renderConnector()), vt(this), this.grid.selectedCellRange && ei(this), _l(this);
     }), this.scrollEvents.subscribe("window", () => {
-      this.dropdownOpen && !this.isTransitioningCells && this.handleScrollCloseDropdown(), qe() !== null && this.closeToolbarAndReset();
+      this.dropdownOpen && !this.isTransitioningCells && this.handleScrollCloseDropdown(), Ve() !== null && this.closeToolbarAndReset();
     }), this.clickEventsSubscribed || (this.clickEvents.init(i, this), this.clickEvents.subscribe("outsideClick", () => {
       let n = !1;
       if (this.grid.focusedCell) {
@@ -10418,7 +10454,7 @@ class va extends HTMLElement {
       }
       if (this.grid.focusedRowIndex !== null && (this.grid.clearRowFocus(), n = !0), this.dropdownOpen || this.grid.editingCell) {
         const l = this.grid.editingCell, a = l ? this.grid.columns.findIndex((d) => String(d.field) === l.field) : -1;
-        q(this), j(this), this.grid.cancelEdit(), l && a >= 0 && H(this, l.rowIndex, a);
+        V(this), j(this), this.grid.cancelEdit(), l && a >= 0 && H(this, l.rowIndex, a);
       }
       this.grid.selectedCellRange && (this.grid.clearCellSelection(), X(), n = !0), this.grid.selectedRows.length > 0 && (this.grid.clearSelection(), n = !0), this.grid.selectedColumns.length > 0 && (this.grid.clearColumnSelection(), n = !0), n && this.render();
     }), this.clickEvents.subscribe("sortClick", (n) => {
@@ -10473,7 +10509,7 @@ class va extends HTMLElement {
       const l = n, a = l.target, d = a.closest(".wg__row");
       if (!d) return;
       const c = parseInt(d.dataset.rowIndex || "0", 10);
-      if (!(qe() !== c || this.grid.toolbarPosition !== "top")) {
+      if (!(Ve() !== c || this.grid.toolbarPosition !== "top")) {
         if (this.grid.toolbarFollowsCursor && !this.grid.cellToolbar && this.grid.toolbarColumn === void 0) {
           const g = a.closest(".wg__cell:not(.wg__row-number):not(.wg__inline-actions-cell)");
           if (g) {
@@ -10507,7 +10543,7 @@ class va extends HTMLElement {
         Nt(c) ? this.closeToolbarAndReset() : this.showToolbarForRow(d, c, l.clientX);
       }
     }), this.toolbarOutsideClickAdded || (this.toolbarOutsideClickAdded = !0, document.addEventListener("click", (n) => {
-      if (!qo(this.shadow))
+      if (!Vo(this.shadow))
         return;
       const l = n.composedPath(), a = l.some((u) => {
         var g;
@@ -10516,7 +10552,7 @@ class va extends HTMLElement {
         var g;
         return (g = u.classList) == null ? void 0 : g.contains("wg__toolbar-trigger");
       });
-      a || d || l.includes(this) && (this.grid.toolbarTrigger === "hover" || this.grid.toolbarTrigger === "click") || qe() !== null && this.closeToolbarAndReset();
+      a || d || l.includes(this) && (this.grid.toolbarTrigger === "hover" || this.grid.toolbarTrigger === "click") || Ve() !== null && this.closeToolbarAndReset();
     })), this.shadow.querySelectorAll(".wg__pagination").forEach((n) => {
       n.addEventListener("click", (a) => {
         Us(this, a) && this.render();
@@ -10585,7 +10621,7 @@ class va extends HTMLElement {
       const l = i.querySelector(
         `td[data-row="${n.rowIndex}"][data-col="${n.colIndex}"]`
       );
-      l && (l.focus({ preventScroll: !0 }), G(this, null, n));
+      l && (l.focus({ preventScroll: !0 }), Q(this, null, n));
     }
   }
   /**
@@ -10610,7 +10646,7 @@ class va extends HTMLElement {
     if (!this.grid.isShortcutsHelpVisible || !((n = this.grid.rowShortcuts) != null && n.length))
       return "";
     const i = this.grid.shortcutsHelpPosition === "top-left" ? "wg__shortcuts-help--left" : "", r = this.grid.rowShortcuts.map((d) => `<div class="wg__shortcuts-help-item">
-				<span class="wg__shortcuts-help-key">${Vs(d.key)}</span>
+				<span class="wg__shortcuts-help-key">${qs(d.key)}</span>
 				<span class="wg__shortcuts-help-label">${d.label}</span>
 			</div>`).join(""), s = ((a = (l = this.grid).shortcutsHelpContentCallback) == null ? void 0 : a.call(l)) || "";
     return `
@@ -10642,15 +10678,15 @@ class va extends HTMLElement {
     const a = this.grid.paginationPosition.split("|").map((C) => C.trim()), d = this.grid.summaryPosition ? this.grid.summaryPosition.split("|").map((C) => C.trim()) : [], c = (C, _) => {
       const S = a.filter(
         (M) => _ ? M.startsWith("top-") : M.startsWith("bottom-")
-      ), R = d.filter(
+      ), k = d.filter(
         (M) => _ ? M.startsWith("top-") : M.startsWith("bottom-")
-      ), I = S.length > 0, k = R.length > 0;
-      return !I && !k ? "" : k && I && this.grid.isSummaryInline ? `<div class="wg__footer${_ ? " wg__footer--top" : ""}">
-					${Yt(this, R[0])}
+      ), I = S.length > 0, R = k.length > 0;
+      return !I && !R ? "" : R && I && this.grid.isSummaryInline ? `<div class="wg__footer${_ ? " wg__footer--top" : ""}">
+					${Yt(this, k[0])}
 					${Wt(this, S[0])}
-				</div>` : [.../* @__PURE__ */ new Set([...S, ...R])].map((M) => {
-        const z = S.includes(M), D = R.includes(M);
-        return D && z ? `<div class="wg__footer${_ ? " wg__footer--top" : ""}">
+				</div>` : [.../* @__PURE__ */ new Set([...S, ...k])].map((M) => {
+        const L = S.includes(M), D = k.includes(M);
+        return D && L ? `<div class="wg__footer${_ ? " wg__footer--top" : ""}">
 						${Yt(this, M)}
 						${Wt(this, M)}
 					</div>` : D ? Yt(this, M) : Wt(this, M);
@@ -10658,7 +10694,7 @@ class va extends HTMLElement {
     }, u = c(a, !0), g = c(a, !1), h = this.grid.shouldUseVirtualScroll();
     let f;
     if (h) {
-      const C = this.grid.displayItems, _ = this.grid.virtualScrollRowHeight, S = this.grid.virtualScrollBuffer, R = (o == null ? void 0 : o.clientHeight) || 400, I = Math.max(0, Math.floor(r / _) - S), k = Math.ceil(R / _) + S * 2, E = Math.min(C.length, I + k);
+      const C = this.grid.displayItems, _ = this.grid.virtualScrollRowHeight, S = this.grid.virtualScrollBuffer, k = (o == null ? void 0 : o.clientHeight) || 400, I = Math.max(0, Math.floor(r / _) - S), R = Math.ceil(k / _) + S * 2, E = Math.min(C.length, I + R);
       this.virtualScrollStart = I, this.virtualScrollEnd = E;
       const M = {
         startIndex: I,
@@ -10703,15 +10739,15 @@ class va extends HTMLElement {
       if (S || (S = this.shadow.querySelector(
         `.wg__editor[data-row="${C}"][data-field="${_}"]`
       )), S && (S.focus(), S instanceof HTMLInputElement && S.type === "text")) {
-        const R = this.grid.editingCell.cursorPosition, I = this.getCurrentEditingColumn(), k = ((x = I == null ? void 0 : I.editorOptions) == null ? void 0 : x.editStartSelection) || this.grid.editStartSelection;
+        const k = this.grid.editingCell.cursorPosition, I = this.getCurrentEditingColumn(), R = ((x = I == null ? void 0 : I.editorOptions) == null ? void 0 : x.editStartSelection) || this.grid.editStartSelection;
         if (this.grid.editingCell.initialSearchQuery !== void 0) {
           const E = S.value.length;
           S.setSelectionRange(E, E);
         } else
-          switch (k) {
+          switch (R) {
             case "mousePosition":
-              if (R !== void 0) {
-                const E = Math.min(R, S.value.length);
+              if (k !== void 0) {
+                const E = Math.min(k, S.value.length);
                 S.setSelectionRange(E, E);
               } else
                 S.setSelectionRange(S.value.length, S.value.length);
@@ -10894,7 +10930,7 @@ class va extends HTMLElement {
         const h = this.shadow.querySelector(
           `td[data-row="${u}"][data-col="${o}"]`
         );
-        h && (h.scrollIntoView({ block: "nearest", behavior: "auto" }), h.focus(), G(this, g, { rowIndex: u, colIndex: o }));
+        h && (h.scrollIntoView({ block: "nearest", behavior: "auto" }), h.focus(), Q(this, g, { rowIndex: u, colIndex: o }));
       }
     };
     n.addEventListener("click", d), l.addEventListener("click", a), r.addEventListener("click", (c) => {
@@ -11011,7 +11047,7 @@ class va extends HTMLElement {
       h,
       g,
       (f, w, p) => {
-        if (["sortAsc", "sortDesc", "clearSort", "hideColumn", "freezeColumn", "unfreezeColumn"].includes(f) && qs(this, f, g, p), f === "show-all-columns") {
+        if (["sortAsc", "sortDesc", "clearSort", "hideColumn", "freezeColumn", "unfreezeColumn"].includes(f) && Vs(this, f, g, p), f === "show-all-columns") {
           this.grid.columns.forEach((v) => {
             v.isHidden = !1;
           }), this.grid.columns = [...this.grid.columns];
@@ -11087,8 +11123,8 @@ class va extends HTMLElement {
     o != null && o.length && (this.toolbarShortcutHandler = (i) => {
       if (i.target.matches('input, textarea, select, [contenteditable="true"]'))
         return;
-      const s = qe();
-      if (s === null || !qo(this.shadow)) return;
+      const s = Ve();
+      if (s === null || !Vo(this.shadow)) return;
       const n = this.grid.displayItems[s];
       if (!n) return;
       const l = this.grid.columns;
@@ -11235,7 +11271,7 @@ class va extends HTMLElement {
    */
   handleScrollCloseDropdown() {
     const o = this.grid.editingCell, i = o ? this.grid.columns.findIndex((r) => String(r.field) === o.field) : -1;
-    q(this), j(this), this.grid.cancelEdit(), o && i >= 0 && H(this, o.rowIndex, i);
+    V(this), j(this), this.grid.cancelEdit(), o && i >= 0 && H(this, o.rowIndex, i);
   }
   /**
    * Handle select trigger blur - cancel edit and restore display mode
@@ -11243,13 +11279,13 @@ class va extends HTMLElement {
   handleSelectBlur(o) {
     if (this.isOpeningDropdown || o != null && o.closest(".wg__dropdown")) return;
     const i = this.grid.editingCell, r = i ? this.grid.columns.findIndex((s) => String(s.field) === i.field) : -1;
-    q(this), j(this), this.grid.cancelEdit(), i && r >= 0 && H(this, i.rowIndex, r);
+    V(this), j(this), this.grid.cancelEdit(), i && r >= 0 && H(this, i.rowIndex, r);
   }
   /**
    * Handle combobox/autocomplete blur - commit matched option or raw text
    */
   handleComboboxBlur(o) {
-    if (q(this), this.grid.editingCell) {
+    if (V(this), this.grid.editingCell) {
       const i = this.grid.editingCell, r = this.grid.columns.findIndex((n) => String(n.field) === i.field), s = this.getCurrentEditingColumn();
       if (s) {
         const n = s.editorOptions || {}, a = (n.options || n.initialOptions || []).find(
@@ -11281,7 +11317,7 @@ class va extends HTMLElement {
       this.closeToolbarAndReset();
       return;
     }
-    a ? (this.render(), Vo(this, this.grid.displayItems), this.renderConnector()) : this.render();
+    a ? (this.render(), qo(this, this.grid.displayItems), this.renderConnector()) : this.render();
   }
   /**
    * Handle inline action button click (toolbarPosition="inline")
@@ -11302,10 +11338,10 @@ class va extends HTMLElement {
 }
 typeof customElements < "u" && !customElements.get("web-grid") && customElements.define("web-grid", va);
 typeof window < "u" && (window.components = window.components || {}, window.components["web-grid"] = {
-  version: () => "1.0.3",
+  version: () => "1.0.4",
   config: {
     name: "@keenmate/web-grid",
-    version: "1.0.3",
+    version: "1.0.4",
     author: "KeenMate",
     license: "MIT",
     repository: "git+https://github.com/KeenMate/web-grid.git",
@@ -11313,8 +11349,8 @@ typeof window < "u" && (window.components = window.components || {}, window.comp
   },
   logging: {
     enableLogging: Fn,
-    disableLogging: qn,
-    setLogLevel: Vn,
+    disableLogging: Vn,
+    setLogLevel: qn,
     setCategoryLevel: Nn,
     getCategories: () => [...Hn]
   }