@orangelogic/design-system 2.69.0 → 2.70.0

package/library/chunks/{table.5eWm9FfN.js → table.wVHv1Xze.js}

@@ -1,4 +1,4 @@
-import { C as _e } from "./button.SoX-7UYy.js";
+import { C as _e } from "./button.CAAJPQFu.js";
 import zs from "../components/checkbox.js";
 import ws from "../components/divider.js";
 import Fs from "../components/format-number.js";
@@ -9,10 +9,10 @@ import Hs from "../components/spinner.js";
 import { n as g, C as Ne } from "./lib-cortex-element.CVMmyPMC.js";
 import { c as qe } from "./component.styles.DMSLciL5.js";
 import { o as Ps, O as Gi } from "./overlayscrollbars.XhGWx9Zk.js";
-import { C as As, P as _s } from "./pagination.DXu-mFAk.js";
+import { C as As, P as _s } from "./pagination.DPQn2fKX.js";
 import { c as Ve } from "./custom-element.L4WJXn1j.js";
-import { L as at } from "./i18n.BMRLOAZR.js";
-import { w as W } from "./watch.q1sEjPWL.js";
+import { L as at } from "./i18n.C0iakJkV.js";
+import { w as V } from "./watch.BCJD77bD.js";
 import { i as H, x, E as Ns } from "./lit-element.jLBm65_O.js";
 import { r as re } from "./state.CSDxrqLd.js";
 import { e as Be } from "./query.BBf1UFkC.js";
@@ -28,17 +28,17 @@ import ct from "../components/dropdown.js";
 import dt from "../components/menu.js";
 import ut from "../components/menu-item.js";
 import Is from "../components/menu-section.js";
-import { g as Ws } from "./content-builder.Bxi6k2LA.js";
+import { g as Ws } from "./content-builder.B4Tqoc6M.js";
 import Gs from "../components/input.js";
 import { C as js, T as $s } from "./typography.oDzoLbZS.js";
-import { g as L, a as Us } from "./dom.CZrJ64Dm.js";
+import { g as L, a as Us } from "./dom.BQVKDNd8.js";
 import "./browser.BHOCIF_A.js";
-import "./form.CO12-VK0.js";
-import "./purify.es.BGaRrCfO.js";
+import "./form.DgwYWi0O.js";
+import "./purify.es.BIuh5IAZ.js";
 import { t as Xs } from "./toast.BXNbwZV8.js";
-import { s as S, a as pt } from "./string.Cp_XNbnV.js";
-import { C as Ks } from "./option.Ce_wlnZj.js";
-var le = /* @__PURE__ */ ((l) => (l.Bottom = "bottom", l.Center = "center", l.Nearest = "nearest", l.Top = "top", l))(le || {}), q = /* @__PURE__ */ ((l) => (l.All = "all", l.Cell = "cell", l.Column = "column", l.Row = "row", l))(q || {}), je = /* @__PURE__ */ ((l) => (l.Both = "both", l.Copy = "copy", l.Paste = "paste", l))(je || {}), xe = /* @__PURE__ */ ((l) => (l.Left = "left", l.Right = "right", l))(xe || {}), he = /* @__PURE__ */ ((l) => (l.Local = "local", l.Remote = "remote", l))(he || {}), I = /* @__PURE__ */ ((l) => (l.Asc = "asc", l.Desc = "desc", l.None = "none", l))(I || {}), Me = /* @__PURE__ */ ((l) => (l.Ends = "ends", l.Equal = "=", l.GreaterOrEqual = ">=", l.GreaterThan = ">", l.In = "in", l.Keywords = "keywords", l.LessOrEqual = "<=", l.LessThan = "<", l.Like = "like", l.NotEqual = "!=", l.Regex = "regex", l.Starts = "starts", l))(Me || {});
+import { s as S, a as pt } from "./string.B_rEG27K.js";
+import { C as Ks } from "./option.ByVbmxUQ.js";
+var le = /* @__PURE__ */ ((l) => (l.Bottom = "bottom", l.Center = "center", l.Nearest = "nearest", l.Top = "top", l))(le || {}), q = /* @__PURE__ */ ((l) => (l.All = "all", l.Cell = "cell", l.Column = "column", l.Row = "row", l))(q || {}), je = /* @__PURE__ */ ((l) => (l.Both = "both", l.Copy = "copy", l.Paste = "paste", l))(je || {}), xe = /* @__PURE__ */ ((l) => (l.Left = "left", l.Right = "right", l))(xe || {}), he = /* @__PURE__ */ ((l) => (l.Local = "local", l.Remote = "remote", l))(he || {}), W = /* @__PURE__ */ ((l) => (l.Asc = "asc", l.Desc = "desc", l.None = "none", l))(W || {}), Me = /* @__PURE__ */ ((l) => (l.Ends = "ends", l.Equal = "=", l.GreaterOrEqual = ">=", l.GreaterThan = ">", l.In = "in", l.Keywords = "keywords", l.LessOrEqual = "<=", l.LessThan = "<", l.Like = "like", l.NotEqual = "!=", l.Regex = "regex", l.Starts = "starts", l))(Me || {});
 class Js {
   #e;
   #i;
@@ -232,7 +232,7 @@ De([
   re()
 ], oe.prototype, "sections", 2);
 De([
-  W("action")
+  V("action")
 ], oe.prototype, "handleActionChange", 1);
 oe = De([
   Ve("cx-table-row-actions-dropdown")
@@ -424,7 +424,7 @@ Ye([
   re()
 ], ce.prototype, "optionsMap", 2);
 Ye([
-  W("data")
+  V("data")
 ], ce.prototype, "handleDataChange", 1);
 ce = Ye([
   Ve("cx-table-dropdown-filter")
@@ -547,7 +547,7 @@ ne([
   re()
 ], K.prototype, "currentPage", 2);
 ne([
-  W("savedSearchURL")
+  V("savedSearchURL")
 ], K.prototype, "handleSavedSearchURLChange", 1);
 K = ne([
   Ve("cx-table-saved-search-dropdown")
@@ -999,7 +999,7 @@ class ao {
     e.setFilter(s);
   }
 }
-class V {
+class B {
   constructor(e) {
     this.table = e;
   }
@@ -1144,7 +1144,7 @@ class k {
   }
 }
 const ji = process.env.NODE_ENV === "development";
-let ho = class ys extends V {
+let ho = class ys extends B {
   constructor(e, t, i = null) {
     super(e), this.reversedX = !1, this.childPopup = null, this.blurable = !1, this.blurCallback = null, this.blurEventsBound = !1, this.renderedCallback = null, this.visible = !1, this.hideable = !0, this.destroyed = !1, this.element = t, this.container = this._lookupContainer(), this.parent = i, this.element.classList.add("tabulator-popup-container"), this.blurEvent = this.hide.bind(this, !1), this.escEvent = this._escapeCheck.bind(this), this.destroyBinding = this.tableDestroyed.bind(this);
   }
@@ -1271,7 +1271,7 @@ let ho = class ys extends V {
   }
 };
 const co = process.env.NODE_ENV === "development";
-class R extends V {
+class R extends B {
   constructor(e) {
     super(e);
   }
@@ -3615,7 +3615,7 @@ class Dt {
   }
 }
 const $o = process.env.NODE_ENV === "development";
-class gt extends V {
+class gt extends B {
   // used by row manager to determine how to size the render area ("fit" - fits container to the contents, "fill" - fills the container without resizing it)
   constructor(e) {
     super(e), this.elementVertical = e.rowManager?.element, this.elementHorizontal = e.columnManager?.element, this.tableElement = e.rowManager?.tableElement, this.verticalFillMode = "fit";
@@ -3946,7 +3946,7 @@ class vi {
   }
 }
 const Yo = x`<div class="tabulator-cell"></div>`, Qo = process.env.NODE_ENV === "development";
-class Qe extends V {
+class Qe extends B {
   constructor(e, t) {
     super(e.table), this.table = e.table, this.column = e, this.row = t, this.element = null, this.contentElement = null, this.value = null, this.oldValue = null, this.modules = {}, this.height = null, this.width = null, this.minWidth = null, this.component = null, this.loaded = !1, this.hoverMenuElement = null, this.build();
   }
@@ -4121,7 +4121,7 @@ const Rs = {
   variableHeight: void 0,
   vertAlign: void 0,
   width: void 0
-}, ye = process.env.NODE_ENV === "development", _ = class _ extends V {
+}, ye = process.env.NODE_ENV === "development", _ = class _ extends B {
   constructor(e, t, i) {
     super(t.table), this.definition = e, this.parent = t, this.type = "column", this.columns = [], this.cells = [], this.isGroup = !1, this.isRowHeader = i ?? !1, this.element = this.createElement(), this.contentElement = !1, this.titleHolderElement = !1, this.titleElement = !1, this.groupElement = this.createGroupElement(), this.hozAlign = "", this.vertAlign = "", this.field = !1, this.fieldStructure = [], this.getFieldValue = this._getFlatData, this.setFieldValue = this._setFlatData, this.titleDownload = null, this.titleFormatterRendered = !1, this.mapDefinitions(), this.setField(this.definition.field), this.modules = {}, this.width = null, this.widthStyled = "", this.maxWidth = null, this.maxWidthStyled = "", this.maxInitialWidth = null, this.minWidth = null, this.minWidthStyled = "", this.widthFixed = !1, this.hidden = !1, this.component = null, this.definition.columns ? (this.isGroup = !0, this.definition.columns.forEach((s) => {
       const o = new _(s, this);
@@ -4679,7 +4679,7 @@ class yi {
   }
 }
 const Xi = process.env.NODE_ENV === "development";
-class N extends V {
+class N extends B {
   constructor(e, t, i = "row") {
     super(t.table), this.parent = t, this.data = {}, this.type = i, this.element = !1, this.modules = {}, this.cells = [], this.height = 0, this.heightStyled = "", this.manualHeight = !1, this.outerHeight = 0, this.initialized = !1, this.heightInitialized = !1, this.position = 0, this.positionWatchers = [], this.component = null, this.created = !1, this.setData(e);
   }
@@ -5777,7 +5777,7 @@ const qi = process.env.NODE_ENV === "development", hr = function(l, e = {}, t) {
     fontStyle: "bold"
   }, h = e.jsPDF || {}, c = e.title ? e.title : "";
   h.orientation || (h.orientation = e.orientation || "landscape"), h.unit || (h.unit = "pt");
-  function d(f, m) {
+  function d(f, b) {
     const y = [];
     return f.columns.forEach((w) => {
       let C;
@@ -5795,7 +5795,7 @@ const qi = process.env.NODE_ENV === "development", hr = function(l, e = {}, t) {
           colSpan: w.width,
           content: E,
           rowSpan: w.height
-        }, m && (C.styles = m), y.push(C);
+        }, b && (C.styles = b), y.push(C);
       }
     }), y;
   }
@@ -5835,14 +5835,14 @@ const qi = process.env.NODE_ENV === "development", hr = function(l, e = {}, t) {
     return;
   }
   let r = o.utils.book_new();
-  const n = new V(i), a = "compress" in e ? e.compress : !0, h = e.writeOptions || {
+  const n = new B(i), a = "compress" in e ? e.compress : !0, h = e.writeOptions || {
     bookSST: !0,
     bookType: "xlsx",
     compression: a
   };
   h.type = "binary", r.SheetNames = [], r.Sheets = {};
   function c() {
-    const f = [], m = [], y = {}, w = {
+    const f = [], b = [], y = {}, w = {
       e: {
         c: l[0] ? l[0].columns.reduce(
           (C, E) => C + (E?.width ? E.width : 1),
@@ -5857,12 +5857,12 @@ const qi = process.env.NODE_ENV === "development", hr = function(l, e = {}, t) {
       C.columns.forEach((T, J) => {
         T ? (z.push(
           !(T.value instanceof Date) && typeof T.value == "object" ? JSON.stringify(T.value) : T.value
-        ), (T.width > 1 || T.height > -1) && (T.height > 1 || T.width > 1) && m.push({
+        ), (T.width > 1 || T.height > -1) && (T.height > 1 || T.width > 1) && b.push({
           e: { c: J + T.width - 1, r: E + T.height - 1 },
           s: { c: J, r: E }
         })) : z.push("");
       }), f.push(z);
-    }), o.utils.sheet_add_aoa(y, f), y["!ref"] = o.utils.encode_range(w), m.length && (y["!merges"] = m), y;
+    }), o.utils.sheet_add_aoa(y, f), y["!ref"] = o.utils.encode_range(w), b.length && (y["!merges"] = b), y;
   }
   if (e.sheetOnly) {
     t(c(), "");
@@ -5873,8 +5873,8 @@ const qi = process.env.NODE_ENV === "development", hr = function(l, e = {}, t) {
     for (const f in d)
       Object.hasOwn(d, f) && (d[f] === !0 ? (r.SheetNames.push(f), r.Sheets[f] = c()) : (r.SheetNames.push(f), n.commsSend(d[f], "download", "intercept", {
         active: i.active,
-        intercept: function(m) {
-          r.Sheets[f] = m;
+        intercept: function(b) {
+          r.Sheets[f] = b;
         },
         options: { sheetOnly: !0 },
         type: "xlsx"
@@ -5883,10 +5883,10 @@ const qi = process.env.NODE_ENV === "development", hr = function(l, e = {}, t) {
     r.SheetNames.push(s), r.Sheets[s] = c();
   e.documentProcessing && (r = e.documentProcessing(r));
   function p(f) {
-    const m = new ArrayBuffer(f.length), y = new Uint8Array(m);
+    const b = new ArrayBuffer(f.length), y = new Uint8Array(b);
     for (let w = 0; w !== f.length; ++w)
       y[w] = f.charCodeAt(w) & 255;
-    return m;
+    return b;
   }
   const u = o.write(r, h);
   t(p(u), "application/octet-stream");
@@ -6016,16 +6016,16 @@ const vr = function(l, e, t, i, s = {}) {
   const c = document.createElement("input");
   let d = !1;
   function p(f) {
-    let m;
+    let b;
     if (a?.isDateTime?.(f))
-      m = f;
+      b = f;
     else if (o === "iso" && a)
-      m = a.fromISO(String(f));
+      b = a.fromISO(String(f));
     else if (typeof o == "string" && a)
-      m = a.fromFormat(String(f), o);
+      b = a.fromFormat(String(f), o);
     else
       return String(f);
-    return m.toFormat("yyyy-MM-dd");
+    return b.toFormat("yyyy-MM-dd");
   }
   if (c.type = "date", c.style.width = "100%", c.style.boxSizing = "border-box", s.max && c.setAttribute(
     "max",
@@ -6036,10 +6036,10 @@ const vr = function(l, e, t, i, s = {}) {
   ), s.elementAttributes && typeof s.elementAttributes == "object")
     for (const f in s.elementAttributes)
       if (f.startsWith("+")) {
-        const m = f.slice(1);
+        const b = f.slice(1);
         c.setAttribute(
-          m,
-          (c.getAttribute(m) || "") + s.elementAttributes["+" + m]
+          b,
+          (c.getAttribute(b) || "") + s.elementAttributes["+" + b]
         );
       } else
         c.setAttribute(f, s.elementAttributes[f]);
@@ -6051,18 +6051,18 @@ const vr = function(l, e, t, i, s = {}) {
   function u() {
     if (d)
       return;
-    let f = c.value, m;
+    let f = c.value, b;
     if (h == null && f !== "" || f !== String(h)) {
       if (f && o && a)
-        switch (m = a.fromFormat(String(f), "yyyy-MM-dd"), o) {
+        switch (b = a.fromFormat(String(f), "yyyy-MM-dd"), o) {
           case !0:
-            f = m;
+            f = b;
             break;
           case "iso":
-            f = m.toISO();
+            f = b.toISO();
             break;
           default:
-            f = m.toFormat(o);
+            f = b.toFormat(o);
         }
       t(f) && (d = !0, h = c.value);
     } else
@@ -6375,7 +6375,7 @@ function Nr(l, e, t) {
     align-items=${c ?? "center"}
     direction=${be(p)}
     spacing=${u ?? "3x-small"}
-  ></cx-space>`, m = L(f), y = [];
+  ></cx-space>`, b = L(f), y = [];
   return e.elements.forEach((C) => {
     let E = es({
       cell: l,
@@ -6394,7 +6394,7 @@ function Nr(l, e, t) {
       getType: () => "cell",
       getValue: () => E,
       value: E
-    }, Y = typeof C.formatterParams == "function" ? C.formatterParams(J) : C.formatterParams ?? {}, B = (Le) => {
+    }, Y = typeof C.formatterParams == "function" ? C.formatterParams(J) : C.formatterParams ?? {}, I = (Le) => {
       t && t(Le);
     };
     let P;
@@ -6403,7 +6403,7 @@ function Nr(l, e, t) {
         this,
         J,
         Y,
-        B
+        I
       );
     } catch {
       P = String(E ?? "");
@@ -6424,7 +6424,7 @@ function Nr(l, e, t) {
       return [T];
     const Y = document.createElement("span");
     return typeof z == "string" ? Y.textContent = z : Y.appendChild(z.cloneNode(!0)), [T, Y];
-  }).forEach((C) => m.appendChild(C)), m);
+  }).forEach((C) => b.appendChild(C)), b);
 }
 const Vr = process.env.NODE_ENV === "development";
 function Br(l, e, t) {
@@ -6585,11 +6585,11 @@ function tn(l, e, t) {
   if (isNaN(i))
     return pt(S(l.getValue()));
   i < 0 && (i = Math.abs(i), s = d), o = f !== !1 ? i.toFixed(f) : String(i), o = String(o).split("."), r = o[0];
-  const m = o.length > 1 ? h + o[1] : "";
+  const b = o.length > 1 ? h + o[1] : "";
   if (e.thousand !== !1)
     for (n = /(\d+)(\d{3})/; n.test(r); )
       r = r.replace(n, "$1" + c + "$2");
-  return a = r + m, e.negativeSign === !0 ? (a = "(" + a + ")", u ? a + p : p + a) : u ? s + a + p : s + p + a;
+  return a = r + b, e.negativeSign === !0 ? (a = "(" + a + ")", u ? a + p : p + a) : u ? s + a + p : s + p + a;
 }
 const sn = x`<cx-format-number></cx-format-number>`;
 function on(l, e) {
@@ -6681,8 +6681,8 @@ function nn(l, e = {}, t) {
   u.style.display = "inline-block", u.style.width = a + "%", u.style.backgroundColor = h, u.style.height = "100%", u.setAttribute("role", "progressbar"), u.setAttribute("aria-valuemin", String(r)), u.setAttribute("aria-valuemax", String(o)), u.setAttribute("aria-valuenow", String(a));
   const f = document.createElement("div");
   f.style.position = "relative", f.style.width = "100%", f.style.height = "100%";
-  let m;
-  return c && (m = document.createElement("div"), m.style.position = "absolute", m.style.top = "0", m.style.left = "0", m.style.textAlign = n, m.style.width = "100%", m.style.color = d, m.innerHTML = S(String(c))), t(() => {
+  let b;
+  return c && (b = document.createElement("div"), b.style.position = "absolute", b.style.top = "0", b.style.left = "0", b.style.textAlign = n, b.style.width = "100%", b.style.color = d, b.innerHTML = S(String(c))), t(() => {
     if (!s)
       return;
     let y;
@@ -6692,7 +6692,7 @@ function nn(l, e = {}, t) {
       const w = document.createElement("div");
       w.style.position = "absolute", w.style.top = "4px", w.style.bottom = "4px", w.style.left = "4px", w.style.right = "4px", s.appendChild(w), y = w;
     }
-    y && (y.appendChild(f), f.appendChild(u), c && m && f.appendChild(m));
+    y && (y.appendChild(f), f.appendChild(u), c && b && f.appendChild(b));
   }), "";
 }
 function ln(l, e = {}, t) {
@@ -7233,9 +7233,9 @@ class xn {
     else if (f)
       d = 1;
     else {
-      const m = Number(e), y = Number(t);
-      if (Number.isFinite(m) && Number.isFinite(y) && !Number.isNaN(m) && !Number.isNaN(y))
-        return m - y;
+      const b = Number(e), y = Number(t);
+      if (Number.isFinite(b) && Number.isFinite(y) && !Number.isNaN(b) && !Number.isNaN(y))
+        return b - y;
       if (i = String(e).toLowerCase(), s = String(t).toLowerCase(), i === s)
         return 0;
       if (!(c.test(i) && c.test(s)))
@@ -7425,7 +7425,7 @@ const Rn = function(l, e, t, i, s) {
   let c = Number(l.getValue()) || 0;
   const d = document.createElement("div"), p = document.createElement("div");
   let u = !1, f = !1;
-  function m() {
+  function b() {
     const w = window.getComputedStyle(o, null), C = h * Math.round(
       p.offsetWidth / ((o.clientWidth - parseInt(w.getPropertyValue("padding-left")) - parseInt(w.getPropertyValue("padding-right"))) / 100)
     ) + n;
@@ -7450,7 +7450,7 @@ const Rn = function(l, e, t, i, s) {
   }), o.addEventListener("mousemove", (w) => {
     u !== !1 && f !== !1 && (p.style.width = f + w.screenX - u + "px");
   }), o.addEventListener("mouseup", (w) => {
-    u !== !1 && (w.stopPropagation(), w.stopImmediatePropagation(), u = !1, f = !1, m());
+    u !== !1 && (w.stopPropagation(), w.stopImmediatePropagation(), u = !1, f = !1, b());
   }), o.addEventListener("keydown", (w) => {
     switch (w.keyCode) {
       case 39:
@@ -7462,7 +7462,7 @@ const Rn = function(l, e, t, i, s) {
       case 9:
       // tab
       case 13:
-        m();
+        b();
         break;
       case 27:
         i();
@@ -7533,7 +7533,7 @@ const Rn = function(l, e, t, i, s) {
       E.stopPropagation(), E.stopImmediatePropagation(), t(y), r.blur();
     }), w.appendChild(C), d.appendChild(w);
   }
-  function m(y) {
+  function b(y) {
     const w = Math.max(0, Math.min(y, a));
     n = w, u(w);
   }
@@ -7561,10 +7561,10 @@ const Rn = function(l, e, t, i, s) {
   }), r.addEventListener("keydown", (y) => {
     switch (y.keyCode) {
       case 39:
-        m(n + 1);
+        b(n + 1);
         break;
       case 37:
-        m(n - 1);
+        b(n - 1);
         break;
       case 13:
         t(n);
@@ -7627,10 +7627,10 @@ const Rn = function(l, e, t, i, s) {
   if (r.setAttribute("type", "checkbox"), r.style.marginTop = "5px", r.style.boxSizing = "border-box", s.elementAttributes && typeof s.elementAttributes == "object")
     for (const f in s.elementAttributes)
       if (f.charAt(0) === "+") {
-        const m = f.slice(1);
+        const b = f.slice(1);
         r.setAttribute(
-          m,
-          (r.getAttribute(m) || "") + s.elementAttributes["+" + m]
+          b,
+          (r.getAttribute(b) || "") + s.elementAttributes["+" + b]
         );
       } else
         r.setAttribute(f, s.elementAttributes[f]);
@@ -7640,8 +7640,8 @@ const Rn = function(l, e, t, i, s) {
     l.getType() === "cell" && r.focus({ preventScroll: !0 });
   }), r.checked = c ? o === s.trueValue : o === !0 || o === "true" || o === "True" || o === 1;
   function u(f) {
-    let m = r.checked;
-    return c && m ? m = s.trueValue : d && !m && (m = s.falseValue), n ? f ? h ? a : m : r.checked && !h ? (r.checked = !1, r.indeterminate = !0, h = !0, a) : (h = !1, m) : m;
+    let b = r.checked;
+    return c && b ? b = s.trueValue : d && !b && (b = s.falseValue), n ? f ? h ? a : b : r.checked && !h ? (r.checked = !1, r.indeterminate = !0, h = !0, a) : (h = !1, b) : b;
   }
   return r.addEventListener("change", (f) => {
     t(u(!1));
@@ -7657,10 +7657,10 @@ const Rn = function(l, e, t, i, s) {
   if (c.type = "time", c.style.padding = "4px", c.style.width = "100%", c.style.boxSizing = "border-box", s.elementAttributes && typeof s.elementAttributes == "object")
     for (const f in s.elementAttributes)
       if (f.charAt(0) === "+") {
-        const m = f.slice(1);
+        const b = f.slice(1);
         c.setAttribute(
-          m,
-          (c.getAttribute(m) || "") + s.elementAttributes["+" + m]
+          b,
+          (c.getAttribute(b) || "") + s.elementAttributes["+" + b]
         );
       } else
         c.setAttribute(f, s.elementAttributes[f]);
@@ -7674,23 +7674,23 @@ const Rn = function(l, e, t, i, s) {
   });
   function u() {
     const f = c.value;
-    let m = f, y;
+    let b = f, y;
     const w = String(h ?? "");
     if (f === w)
       i();
     else {
-      if (m && o && n)
+      if (b && o && n)
         switch (y = n.fromFormat(f, "HH:mm"), o) {
           case !0:
-            m = y;
+            b = y;
             break;
           case "iso":
-            m = y.toISO();
+            b = y.toISO();
             break;
           default:
-            m = y.toFormat(o);
+            b = y.toFormat(o);
         }
-      t(m) && (h = f);
+      t(b) && (h = f);
     }
   }
   return c.addEventListener("blur", (f) => {
@@ -8039,18 +8039,18 @@ const Rn = function(l, e, t, i, s) {
     let n = !1, a = !1, h, c;
     if (this.currentCell)
       return !this.invalidEdit && this.currentCell !== e && this.cancelEdit(), !1;
-    const d = (m) => {
+    const d = (b) => {
       if (this.currentCell === e && !n) {
-        const y = this.chain("edit-success", [e, m], !0, !0);
-        return y === !0 || this.table.options.validationMode === "highlight" ? (n = !0, this.clearEditor(!1), e.modules.edit || (e.modules.edit = {}), e.modules.edit.edited = !0, this.editedCells.includes(e) || this.editedCells.push(e), m = this.transformEmptyValues(m, e), e.setValue(m, !0), y === !0) : (n = !0, this.invalidEdit = !0, this.focusCellNoEvent(e, !0), o(), setTimeout(() => {
+        const y = this.chain("edit-success", [e, b], !0, !0);
+        return y === !0 || this.table.options.validationMode === "highlight" ? (n = !0, this.clearEditor(!1), e.modules.edit || (e.modules.edit = {}), e.modules.edit.edited = !0, this.editedCells.includes(e) || this.editedCells.push(e), b = this.transformEmptyValues(b, e), e.setValue(b, !0), y === !0) : (n = !0, this.invalidEdit = !0, this.focusCellNoEvent(e, !0), o(), setTimeout(() => {
           n = !1;
         }, 10), !1);
       } else
         return !1;
     }, p = () => {
       this.currentCell === e && !n && this.cancelEdit();
-    }, u = (m) => {
-      o = m;
+    }, u = (b) => {
+      o = b;
     }, f = e.column.modules.edit;
     if (f?.blocked)
       return this.mouseClick = !1, this.blur(r), !1;
@@ -8071,8 +8071,8 @@ const Rn = function(l, e, t, i, s) {
       )), this.currentCell && a !== !1)
         if (a instanceof Node) {
           r.classList.add("tabulator-editing");
-          const m = e.row.getElement();
-          for (m && m.classList.add("tabulator-editing"), e.table.element.classList.add("tabulator-editing"); r.firstChild; )
+          const b = e.row.getElement();
+          for (b && b.classList.add("tabulator-editing"), e.table.element.classList.add("tabulator-editing"); r.firstChild; )
             r.removeChild(r.firstChild);
           r.appendChild(a), o();
           const y = r.children;
@@ -8519,7 +8519,7 @@ const An = process.env.NODE_ENV === "development", ge = class ge extends R {
               break;
           }
         d instanceof Node ? n.appendChild(d) : n.innerHTML = S(String(d));
-        const m = [
+        const b = [
           "padding-top",
           "padding-left",
           "padding-right",
@@ -8534,7 +8534,7 @@ const An = process.env.NODE_ENV === "development", ge = class ge extends R {
           "font-size",
           "text-align"
         ];
-        if (a?.isRowHeader ? (p = i.styleRowHeader, m.push("background-color")) : p = i.styleCells?.[c] ? i.styleCells[c] : i.firstCell, p && (this.mapElementStyles(p, n, m), a?.definition.align && (n.style.textAlign = a.definition.align)), this.table.options.dataTree && this.config?.dataTree !== !1 && (t.treeElementField && t.treeElementField === a?.field || !t.treeElementField && r === 0)) {
+        if (a?.isRowHeader ? (p = i.styleRowHeader, b.push("background-color")) : p = i.styleCells?.[c] ? i.styleCells[c] : i.firstCell, p && (this.mapElementStyles(p, n, b), a?.definition.align && (n.style.textAlign = a.definition.align)), this.table.options.dataTree && this.config?.dataTree !== !1 && (t.treeElementField && t.treeElementField === a?.field || !t.treeElementField && r === 0)) {
           const y = e.component?._row?.modules?.dataTree;
           y?.controlEl && n.insertBefore(
             y.controlEl.cloneNode(!0),
@@ -8888,7 +8888,7 @@ const is = process.env.NODE_ENV === "development", _n = {
     const s = this, o = e.modules.filter.success, r = e.getField();
     let n, a, h, c, d, p, u, f;
     e.modules.filter.value = t;
-    function m() {
+    function b() {
     }
     function y(w) {
       f = w;
@@ -8945,7 +8945,7 @@ const is = process.env.NODE_ENV === "development", _n = {
           c,
           y,
           o,
-          m,
+          b,
           u
         ), !h) {
           G && console.warn(
@@ -13358,8 +13358,8 @@ const fl = {
       );
       return e.forEach((p) => {
         const u = {}, f = p.length;
-        d.forEach((m, y) => {
-          u[m.field] = p[y % f];
+        d.forEach((b, y) => {
+          u[b.field] = p[y % f];
         }), t.push(u);
       }), t;
     }
@@ -13503,7 +13503,7 @@ class El {
   }
 }
 const hs = process.env.NODE_ENV === "development";
-class xl extends V {
+class xl extends B {
   constructor(e, t, i, s) {
     super(e), this.rangeManager = t, this.element = null, this.initialized = !1, this.initializing = {
       end: !1,
@@ -13856,26 +13856,26 @@ const Ce = process.env.NODE_ENV === "development", Rl = x`<div class="tabulator-
       left: u.left,
       right: u.right,
       top: u.top
-    }, m = t ? u.end : u.start;
-    if (o = m.row ?? u.start.row, r = m.col ?? u.start.col, e)
+    }, b = t ? u.end : u.start;
+    if (o = b.row ?? u.start.row, r = b.col ?? u.start.col, e)
       switch (i) {
         case "left": {
-          const y = u.start.row ?? 0, w = m.col ?? 0;
+          const y = u.start.row ?? 0, w = b.col ?? 0;
           r = this.findJumpCellLeft(y, w);
           break;
         }
         case "right": {
-          const y = u.start.row ?? 0, w = m.col ?? 0;
+          const y = u.start.row ?? 0, w = b.col ?? 0;
           r = this.findJumpCellRight(y, w);
           break;
         }
         case "up": {
-          const y = m.row ?? 0, w = u.start.col ?? 0;
+          const y = b.row ?? 0, w = u.start.col ?? 0;
           o = this.findJumpCellUp(y, w);
           break;
         }
         case "down": {
-          const y = m.row ?? 0, w = u.start.col ?? 0;
+          const y = b.row ?? 0, w = u.start.col ?? 0;
           o = this.findJumpCellDown(y, w);
           break;
         }
@@ -14203,9 +14203,9 @@ function Sl(l, e, t, i, s, o, r) {
     const p = /(\d+)|(\D+)/g, u = h.match(p), f = c.match(p);
     if (!u || !f)
       return h > c ? 1 : -1;
-    const m = u.length > f.length ? f.length : u.length;
+    const b = u.length > f.length ? f.length : u.length;
     let y = 0;
-    for (; y < m; ) {
+    for (; y < b; ) {
       let w = u[y];
       const C = f[y++];
       if (w !== C) {
@@ -14230,8 +14230,8 @@ function Tl(l, e, t, i, s, o, r) {
   if (r.valueMap)
     if (typeof r.valueMap == "string") {
       const u = c.options.nestedFieldSeparator, f = r.valueMap;
-      d = function(m) {
-        return k.retrieveNestedData(u, f, m);
+      d = function(b) {
+        return k.retrieveNestedData(u, f, b);
       };
     } else
       d = r.valueMap;
@@ -14242,7 +14242,7 @@ function Tl(l, e, t, i, s, o, r) {
         f = u.length;
         break;
       case "sum":
-        !Array.isArray(u) || u.length === 0 ? f = 0 : f = u.reduce((m, y) => m + y);
+        !Array.isArray(u) || u.length === 0 ? f = 0 : f = u.reduce((b, y) => b + y);
         break;
       case "max":
         !Array.isArray(u) || u.length === 0 ? f = 0 : f = Math.max.apply(null, u);
@@ -14305,13 +14305,13 @@ function zl(l, e, t, i, s, o, r) {
   const n = r ?? {}, a = n.alignEmptyValues, h = n.decimalSeparator, c = n.thousandSeparator;
   let d = 0, p = String(l), u = String(e);
   c && (p = p.split(c).join(""), u = u.split(c).join("")), h && (p = p.split(h).join("."), u = u.split(h).join("."));
-  const f = parseFloat(p), m = parseFloat(u);
+  const f = parseFloat(p), b = parseFloat(u);
   if (isNaN(f))
-    d = isNaN(m) ? 0 : -1;
-  else if (isNaN(m))
+    d = isNaN(b) ? 0 : -1;
+  else if (isNaN(b))
     d = 1;
   else
-    return f - m;
+    return f - b;
   return (a === "top" && o === "desc" || a === "bottom" && o === "asc") && (d *= -1), d;
 }
 function Fl(l, e, t, i, s, o, r = {}) {
@@ -14398,7 +14398,7 @@ const Hl = {
         break;
     }
     if (e.modules.sort = {
-      dir: I.None,
+      dir: W.None,
       params: e.definition.sorterParams || {},
       sorter: t,
       startingDir: e.definition.headerSortStartingDir || "asc",
@@ -14429,20 +14429,20 @@ const Hl = {
             this.table.options.headerSortElement || ""
           );
       }
-      e.titleHolderElement && e.titleHolderElement.appendChild(s), e.modules.sort.element = s, this.setColumnHeaderSortIcon(e, I.None), this.table.options.headerSortClickElement === "icon" && s.addEventListener("mousedown", (o) => {
+      e.titleHolderElement && e.titleHolderElement.appendChild(s), e.modules.sort.element = s, this.setColumnHeaderSortIcon(e, W.None), this.table.options.headerSortClickElement === "icon" && s.addEventListener("mousedown", (o) => {
         o.stopPropagation();
       }), (this.table.options.headerSortClickElement === "icon" ? s : i).addEventListener("click", (o) => {
-        let r = I.None, n = !1;
+        let r = W.None, n = !1;
         if (e.modules.sort) {
           if (e.modules.sort.tristate)
-            e.modules.sort.dir == I.None ? r = e.modules.sort.startingDir : e.modules.sort.dir == e.modules.sort.startingDir ? r = e.modules.sort.dir == I.Asc ? I.Desc : I.Asc : r = I.None;
+            e.modules.sort.dir == W.None ? r = e.modules.sort.startingDir : e.modules.sort.dir == e.modules.sort.startingDir ? r = e.modules.sort.dir == W.Asc ? W.Desc : W.Asc : r = W.None;
           else
             switch (e.modules.sort.dir) {
               case "asc":
-                r = I.Desc;
+                r = W.Desc;
                 break;
               case "desc":
-                r = I.Asc;
+                r = W.Asc;
                 break;
               default:
                 r = e.modules.sort.startingDir;
@@ -14486,7 +14486,7 @@ const Hl = {
     Array.isArray(e) || (e = [{ column: e, dir: t }]), e.forEach((s) => {
       const o = this.table.columnManager?.findColumn(s.column);
       if (o) {
-        const r = o.modules.sort, n = s.dir ?? r?.startingDir ?? r?.dir ?? I.Asc;
+        const r = o.modules.sort, n = s.dir ?? r?.startingDir ?? r?.dir ?? W.Asc;
         i.push({
           ...s,
           column: o,
@@ -14540,7 +14540,7 @@ const Hl = {
   // clear sort arrows on columns
   clearColumnHeaders() {
     this.table.columnManager?.getRealColumns().forEach((e) => {
-      e.modules.sort && (e.modules.sort.dir = I.None, e.getElement().setAttribute("aria-sort", "none"), this.setColumnHeaderSortIcon(e, I.None));
+      e.modules.sort && (e.modules.sort.dir = W.None, e.getElement().setAttribute("aria-sort", "none"), this.setColumnHeaderSortIcon(e, W.None));
     });
   }
   // set the column header sort direction
@@ -14581,7 +14581,7 @@ const Hl = {
   }
   // process individual rows for a sort function on active data
   _sortRow(e, t, i, s, o) {
-    const r = s === I.Asc ? e : t, n = s === I.Asc ? t : e;
+    const r = s === W.Asc ? e : t, n = s === W.Asc ? t : e;
     let a = i.getFieldValue(r.getData()), h = i.getFieldValue(n.getData());
     a = a ?? "", h = h ?? "";
     const c = r.getComponent(), d = n.getComponent(), p = i.modules.sort.sorter;
@@ -14690,7 +14690,7 @@ class Ms {
     return this._sheet.setColumns(e);
   }
 }
-class ds extends V {
+class ds extends B {
   constructor(e, t) {
     super(e.table), this.spreadsheetManager = e, this.definition = t, this.title = this.definition.title || "", this.key = this.definition.key || this.definition.title || "", this.rowCount = this.definition.rows, this.columnCount = this.definition.columns, this.data = this.definition.data || [], this.element = null, this.isActive = !1, this.grid = new Al(this.columnCount, this.rowCount), this.defaultColumnDefinition = {
       headerHozAlign: "center",
@@ -15641,7 +15641,7 @@ class ks {
   }
 }
 const us = process.env.NODE_ENV === "development";
-class Wl extends V {
+class Wl extends B {
   constructor(e) {
     super(e), this.blockHozScrollEvent = !1, this.headersElement = null, this.contentsElement = null, this.rowHeader = null, this.columns = [], this.columnsByIndex = [], this.columnsByField = {}, this.scrollLeft = 0, this.optionsList = new ks(
       this.table,
@@ -16080,7 +16080,7 @@ const Gl = {
   dataReceiveParams: {}
   // dependencies: {},
 };
-class jl extends V {
+class jl extends B {
   constructor(e) {
     super(e), this.active = !1, this.element = this.createElement(), this.containerElement = this.createContainerElement(), this.external = !1;
   }
@@ -16291,16 +16291,16 @@ class Ul extends gt {
     const s = this.tableElement, o = this.elementVertical;
     let r = 0, n = 0, a = 0, h = 0, c = 0, d = 0;
     const p = this.rows(), u = p.length;
-    let f = 0, m, y, w = [], C = 0, E = 0;
+    let f = 0, b, y, w = [], C = 0, E = 0;
     const z = this.table.rowManager?.fixedHeight ?? !1, T = this.table.element ? globalThis.getComputedStyle(this.table.element).getPropertyValue("--table-max-height").trim() : "", Y = z || T !== "" && T !== "auto";
-    let B = this.elementVertical?.clientHeight ?? 0, P = this.table.options.rowHeight, te = !0;
+    let I = this.elementVertical?.clientHeight ?? 0, P = this.table.options.rowHeight, te = !0;
     if (e = e || 0, i = i || 0, !e)
       this.clear();
     else {
       for (; s?.firstChild; )
         s.removeChild(s.firstChild);
-      h = (u - e + 1) * this.vDomRowHeight, h < B && (e -= Math.ceil(
-        (B - h) / this.vDomRowHeight
+      h = (u - e + 1) * this.vDomRowHeight, h < I && (e -= Math.ceil(
+        (I - h) / this.vDomRowHeight
       ), e < 0 && (e = 0)), r = Math.min(
         Math.max(
           Math.floor(this.vDomWindowBuffer / this.vDomRowHeight),
@@ -16311,14 +16311,14 @@ class Ul extends gt {
     }
     const Le = !this.table.initialized || !!t;
     if (u && this.elementVertical && (k.elVisible(this.elementVertical) || Le)) {
-      for (this.vDomTop = e, this.vDomBottom = e - 1, Y ? (P && (E = B / P + this.vDomWindowBuffer / P), E = Math.max(
+      for (this.vDomTop = e, this.vDomBottom = e - 1, Y ? (P && (E = I / P + this.vDomWindowBuffer / P), E = Math.max(
         this.vDomWindowMinTotalRows,
         Math.ceil(E)
-      )) : E = u; (E == u || n <= B + this.vDomWindowBuffer || C < this.vDomWindowMinTotalRows) && this.vDomBottom < u - 1; ) {
+      )) : E = u; (E == u || n <= I + this.vDomWindowBuffer || C < this.vDomWindowMinTotalRows) && this.vDomBottom < u - 1; ) {
         for (w = [], y = document.createDocumentFragment(), d = 0; d < E && this.vDomBottom < u - 1; ) {
-          f = this.vDomBottom + 1, m = p[f], this.styleRow(m, f), m.initialize(!1, !0), !m.heightInitialized && !this.table.options.rowHeight && m.clearCellHeight();
-          const j = m.getElement();
-          j && y.appendChild(j), w.push(m), this.vDomBottom++, d++;
+          f = this.vDomBottom + 1, b = p[f], this.styleRow(b, f), b.initialize(!1, !0), !b.heightInitialized && !this.table.options.rowHeight && b.clearCellHeight();
+          const j = b.getElement();
+          j && y.appendChild(j), w.push(b), this.vDomBottom++, d++;
         }
         if (!w.length)
           break;
@@ -16328,10 +16328,10 @@ class Ul extends gt {
           j.heightInitialized || j.setCellHeight();
         }), w.forEach((j) => {
           a = j.getHeight(), C < r ? c += a : n += a, a > this.vDomWindowBuffer && (this.vDomWindowBuffer = a * 2), C++;
-        }), te = this.table.rowManager?.adjustTableSize() || !1, B = this.elementVertical.clientHeight, te && Y && (P = n / C, E = Math.max(
+        }), te = this.table.rowManager?.adjustTableSize() || !1, I = this.elementVertical.clientHeight, te && Y && (P = n / C, E = Math.max(
           this.vDomWindowMinTotalRows,
           Math.ceil(
-            B / P + this.vDomWindowBuffer / P
+            I / P + this.vDomWindowBuffer / P
           )
         ));
       }
@@ -16340,10 +16340,10 @@ class Ul extends gt {
         0
       )) : (this.vDomTopPad = 0, this.vDomRowHeight = Math.floor(
         (n + c) / C
-      ), this.vDomBottomPad = this.vDomRowHeight * (u - this.vDomBottom - 1), this.vDomScrollHeight = c + n + this.vDomBottomPad - B), s && (s.style.paddingTop = this.vDomTopPad + "px", s.style.paddingBottom = this.vDomBottomPad + "px"), t && (this.scrollTop = this.vDomTopPad + c + i - (this.elementVertical.scrollWidth > this.elementVertical.clientWidth ? this.elementVertical.offsetHeight - B : 0)), this.scrollTop = Math.min(
+      ), this.vDomBottomPad = this.vDomRowHeight * (u - this.vDomBottom - 1), this.vDomScrollHeight = c + n + this.vDomBottomPad - I), s && (s.style.paddingTop = this.vDomTopPad + "px", s.style.paddingBottom = this.vDomBottomPad + "px"), t && (this.scrollTop = this.vDomTopPad + c + i - (this.elementVertical.scrollWidth > this.elementVertical.clientWidth ? this.elementVertical.offsetHeight - I : 0)), this.scrollTop = Math.min(
         this.scrollTop,
-        this.elementVertical.scrollHeight - B
-      ), this.elementVertical.scrollWidth > this.elementVertical.clientWidth && t && (this.scrollTop += this.elementVertical.offsetHeight - B), this.vDomScrollPosTop = this.scrollTop, this.vDomScrollPosBottom = this.scrollTop, o && (o.scrollTop = this.scrollTop), this.dispatch("render-virtual-fill");
+        this.elementVertical.scrollHeight - I
+      ), this.elementVertical.scrollWidth > this.elementVertical.clientWidth && t && (this.scrollTop += this.elementVertical.offsetHeight - I), this.vDomScrollPosTop = this.scrollTop, this.vDomScrollPosBottom = this.scrollTop, o && (o.scrollTop = this.scrollTop), this.dispatch("render-virtual-fill");
     }
   }
   _addTopRow(e, t) {
@@ -16434,7 +16434,7 @@ class Ul extends gt {
   }
 }
 const Ee = process.env.NODE_ENV === "development", Xl = x`<div class="tabulator-tableholder-wrapper"></div>`;
-class Kl extends V {
+class Kl extends B {
   /**
    * True when table has an explicit height (--table-height is set to a non-auto value (e.g. 100%, 500px));
    * false when height is variable (--table-height is "auto" or unset).
@@ -17010,7 +17010,7 @@ Data:     `,
       this.element.dispatchEvent(new Event("scroll"));
   }
 }
-class Jl extends V {
+class Jl extends B {
   constructor(e) {
     super(e), this.type = null, this.element = this._createAlertElement(), this.msgElement = this._createMsgElement(), this.element.appendChild(this.msgElement);
   }
@@ -17061,9 +17061,9 @@ class ql {
     }
   }
 }
-const it = process.env.NODE_ENV === "development", lt = class lt extends V {
+const it = process.env.NODE_ENV === "development", lt = class lt extends B {
   constructor(e) {
-    super(e), this.debounceTimer = null, this.pendingPromise = null, this.pendingResolve = null, this.pendingReject = null, this.requestOrder = 0, this.loading = !1;
+    super(e), this.debounceTimer = null, this.pendingPromise = null, this.pendingResolve = null, this.pendingReject = null, this.requestOrder = 0, this.loading = !1, this.externalLoading = !1;
   }
   initialize() {
   }
@@ -17136,7 +17136,7 @@ const it = process.env.NODE_ENV === "development", lt = class lt extends V {
       }
     }).catch((h) => {
       it && console.error("Data Load Error: ", h), this.dispatchExternal("dataLoadError", h), o || this.alertError(), setTimeout(() => {
-        this.clearAlert();
+        this.externalLoading ? (this.table.alertManager?.clear(), this.alertLoader()) : this.clearAlert();
       }, this.table.options.dataLoaderErrorTimeout);
     }).finally(() => {
       this.loading = !1;
@@ -17163,8 +17163,11 @@ const it = process.env.NODE_ENV === "development", lt = class lt extends V {
   blockActiveLoad() {
     this.requestOrder++;
   }
+  setExternalLoading(e) {
+    this.externalLoading = e, e ? this.alertLoader() : !this.loading && !this.pendingPromise && this.table.alertManager?.clear();
+  }
   alertLoader() {
-    if ((this.pendingPromise || this.loading) && this.table.alertManager?.element.parentNode)
+    if ((this.pendingPromise || this.loading || this.externalLoading) && this.table.alertManager?.element.parentNode)
       return;
     const e = typeof this.table.options.dataLoader == "function" ? this.table.options.dataLoader() : this.table.options.dataLoader, t = x`<cx-spinner aria-hidden="true"></cx-spinner>`, i = L(t);
     e && this.table.alertManager?.alert(
@@ -17178,13 +17181,13 @@ const it = process.env.NODE_ENV === "development", lt = class lt extends V {
     );
   }
   clearAlert() {
-    this.table.alertManager?.clear();
+    this.externalLoading || this.table.alertManager?.clear();
   }
 };
 lt.DEBOUNCE_DELAY = 500;
 let ci = lt;
 const Yl = process.env.NODE_ENV === "development";
-class Ql extends V {
+class Ql extends B {
   constructor(e) {
     super(e), this.deps = {}, this.props = {};
   }
@@ -17227,7 +17230,7 @@ class Ql extends V {
   }
 }
 const Zl = process.env.NODE_ENV === "development";
-class ea extends V {
+class ea extends B {
   constructor(e) {
     super(e);
   }
@@ -17319,7 +17322,7 @@ class ta {
   }
 }
 const ia = process.env.NODE_ENV === "development";
-class sa extends V {
+class sa extends B {
   constructor(e) {
     super(e), this.el = null, this.abortClasses = ["tabulator-headers", "tabulator-table"], this.previousTargets = {}, this.listeners = [
       "click",
@@ -17578,19 +17581,19 @@ function ra(l) {
   let e = this.table.element?.clientWidth || 0;
   const t = this.table.columnManager?.contentsElement;
   if (t) {
-    const m = getComputedStyle(t), y = Number.parseFloat(m.borderLeftWidth) || 0, w = Number.parseFloat(m.borderRightWidth) || 0;
+    const b = getComputedStyle(t), y = Number.parseFloat(b.borderLeftWidth) || 0, w = Number.parseFloat(b.borderRightWidth) || 0;
     e -= y + w;
   }
   let i = e, s = 0, o = 0, r = 0, n = 0;
   const a = [], h = [];
   let c = 0, d = 0, p = 0;
-  function u(m) {
+  function u(b) {
     let y;
-    return typeof m == "string" ? m.indexOf("%") > -1 ? y = i / 100 * parseInt(m, 10) : y = parseInt(m, 10) : y = m || 0, y;
+    return typeof b == "string" ? b.indexOf("%") > -1 ? y = i / 100 * parseInt(b, 10) : y = parseInt(b, 10) : y = b || 0, y;
   }
-  function f(m, y, w, C) {
+  function f(b, y, w, C) {
     const E = [];
-    let z = 0, T = 0, J = 0, Y = r, B = 0, P = 0;
+    let z = 0, T = 0, J = 0, Y = r, I = 0, P = 0;
     const te = [];
     function Le(M) {
       return w * (M.column.definition.widthGrow || 1);
@@ -17598,44 +17601,44 @@ function ra(l) {
     function j(M) {
       return u(M.width) - w * (M.column.definition.widthShrink || 0);
     }
-    return m.forEach((M) => {
+    return b.forEach((M) => {
       const Wi = C ? j(M) : Le(M);
       M.column.minWidth && M.column.minWidth >= Wi ? E.push(M) : M.column.maxWidth && M.column.maxWidth < Wi ? (M.width = M.column.maxWidth, y -= M.column.maxWidth, Y -= C ? M.column.definition.widthShrink || 1 : M.column.definition.widthGrow || 1, Y && (w = Math.floor(y / Y))) : (te.push(M), P += C ? M.column.definition.widthShrink || 1 : M.column.definition.widthGrow || 1);
     }), E.length ? (E.forEach((M) => {
       z += C ? M.width - (M.column.minWidth ?? 0) : M.column.minWidth ?? 0, M.width = M.column.minWidth ?? 0;
-    }), T = y - z, J = P ? Math.floor(T / P) : T, B = f(
+    }), T = y - z, J = P ? Math.floor(T / P) : T, I = f(
       te,
       T,
       J,
       C
-    )) : (B = P ? y - Math.floor(y / P) * P : y, te.forEach((M) => {
+    )) : (I = P ? y - Math.floor(y / P) * P : y, te.forEach((M) => {
       M.width = C ? j(M) : Le(M);
-    })), B;
+    })), I;
   }
   if (this.table.options.responsiveLayout && this.table.modExists("responsiveLayout", !0) && this.table.modules.responsiveLayout?.update(), this.table.rowManager?.element && this.table.rowManager.element.scrollHeight > this.table.rowManager.element.clientHeight) {
-    const m = this.table.rowManager.element;
-    i -= m.offsetWidth - m.clientWidth;
+    const b = this.table.rowManager.element;
+    i -= b.offsetWidth - b.clientWidth;
   }
-  l.forEach((m) => {
+  l.forEach((b) => {
     let y, w, C;
-    m.hidden || (y = m.definition.width, w = parseInt(String(m.minWidth ?? 0), 10), y ? (C = u(y), s += C > w ? C : w, m.definition.widthShrink && (h.push({
-      column: m,
+    b.hidden || (y = b.definition.width, w = parseInt(String(b.minWidth ?? 0), 10), y ? (C = u(y), s += C > w ? C : w, b.definition.widthShrink && (h.push({
+      column: b,
       width: C > w ? C : w
-    }), c += m.definition.widthShrink || 0)) : (a.push({
-      column: m,
+    }), c += b.definition.widthShrink || 0)) : (a.push({
+      column: b,
       width: 0
-    }), r += m.definition.widthGrow || 1));
-  }), o = i - s, n = Math.floor(o / r), p = f(a, o, n, !1), a.length && p > 0 && (a[a.length - 1].width += p), a.forEach((m) => {
-    o -= m.width;
+    }), r += b.definition.widthGrow || 1));
+  }), o = i - s, n = Math.floor(o / r), p = f(a, o, n, !1), a.length && p > 0 && (a[a.length - 1].width += p), a.forEach((b) => {
+    o -= b.width;
   }), d = Math.abs(p) + o, d > 0 && c && (p = f(
     h,
     d,
     Math.floor(d / c),
     !0
-  )), p && h.length && (h[h.length - 1].width -= p), a.forEach((m) => {
-    m.column.setWidth(m.width);
-  }), h.forEach((m) => {
-    m.column.setWidth(m.width);
+  )), p && h.length && (h[h.length - 1].width -= p), a.forEach((b) => {
+    b.column.setWidth(b.width);
+  }), h.forEach((b) => {
+    b.column.setWidth(b.width);
   });
 }
 async function na(l, e) {
@@ -18354,6 +18357,9 @@ const F = process.env.NODE_ENV === "development", ae = class ae extends gi {
   clearAlert() {
     this.initGuard(), this.alertManager?.clear();
   }
+  isLoading() {
+    return this.initGuard(), this.dataLoader ? this.dataLoader.loading || this.dataLoader.externalLoading || !!this.dataLoader.pendingPromise : !1;
+  }
   // //////////// Extension Management //////////////
   /**
    * Extension Management
@@ -18427,9 +18433,9 @@ var pa = Object.defineProperty, fa = Object.getOwnPropertyDescriptor, Ds = (l) =
     (r = l[o]) && (s = (i ? r(e, t, s) : r(s)) || s);
   return i && s && pa(e, t, s), s;
 }, ga = (l, e, t) => e.has(l) || Ds("Cannot " + t), ma = (l, e, t) => (ga(l, e, "read from private field"), t ? t.call(l) : e.get(l)), ba = (l, e, t) => e.has(l) ? Ds("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(l) : e.set(l, t), mi, Ls;
-let b = class extends Ne {
+let m = class extends Ne {
   constructor() {
-    super(), ba(this, mi), this.localize = new at(this), this.verticalOsInstance = null, this.horizontalOsInstance = null, this.resizeObserver = null, this.overflowObserver = null, this.filterController = new ao(this), this.shadowRootAutoloader = new Js(this), this.movableRows = !1, this.movableColumns = !1, this.data = void 0, this.rowHeight = 48, this.layout = "fitColumns", this.columns = [], this.footerElement = void 0, this.responsiveLayout = !1, this.responsiveLayoutCollapseFormatter = void 0, this.responsiveLayoutCollapseUseFormatters = void 0, this.rowHeader = void 0, this.noHeader = !1, this.textDirection = void 0, this.responsiveLayoutCollapseStartOpen = void 0, this.renderVerticalBuffer = void 0, this.renderVertical = "virtual", this.columnDefaults = {}, this.canSearch = !1, this.noAdvancedSearch = !1, this.showSavedSearch = !1, this.searchFields = [], this.canAdd = !1, this.addLabel = this.localize.term("add"), this.canExportCsv = !1, this.canExportXml = !1, this.canExportCustom = !1, this.canSaveReport = !1, this.savedSearchURL = "", this.savedSearchItems = [], this.savedSearchPageSizeParam = "PageSize", this.savedSearchPageSize = 10, this.savedSearchPageNumberParam = "PageNumber", this.dropdownFilters = [], this.ajaxURL = void 0, this.ajaxURLGenerator = void 0, this.ajaxParams = void 0, this.ajaxResponse = void 0, this.dataSendParams = void 0, this.dataReceiveParams = void 0, this.noAutoResize = !1, this.resizableRows = !1, this.resizableColumnFit = !1, this.resizableColumnGuide = !1, this.resizableRowGuide = !1, this.frozenRows = void 0, this.frozenRowsField = "id", this.placeholder = this.localize.term("noData"), this.groupBy = void 0, this.groupHeader = void 0, this.groupHeaderCount = !1, this.groupIndent = 36, this.groupHeaderPrint = void 0, this.groupHeaderClipboard = void 0, this.groupHeaderDownload = void 0, this.groupHeaderHtmlOutput = void 0, this.groupStartOpen = !1, this.groupStartOpenValues = void 0, this.groupToggleElement = "arrow", this.groupValues = [], this.groupUpdateOnCellEdit = !1, this.dataTree = !1, this.dataTreeChildField = "_children", this.dataTreeLoadingField = "loading", this.dataTreeHasMoreField = "hasMore", this.dataTreeFilter = !1, this.dataTreeSort = !1, this.dataTreeElementColumn = void 0, this.dataTreeBranchElement = void 0, this.dataTreeChildIndent = 9, this.dataTreeStartExpanded = !1, this.dataTreeSelectPropagate = !1, this.dataTreeExpandElement = void 0, this.dataTreeCollapseElement = void 0, this.spreadsheet = !1, this.spreadsheetColumns = 50, this.spreadsheetRows = 50, this.spreadsheetColumnDefinition = void 0, this.spreadsheetOutputFull = !1, this.editorEmptyValue = "", this.spreadsheetSheets = void 0, this.spreadsheetSheetTabs = !1, this.spreadsheetData = void 0, this.selectableRange = 1, this.noSelectable = !1, this.selectableRangeColumns = !1, this.selectableRangeRows = !1, this.selectableRangeClearCells = !1, this.editTriggerEvent = "dblclick", this.selectableRangeAutoFocus = !1, this.noClipboard = !1, this.clipboardAction = je.Both, this.clipboardCopyRowRange = "range", this.clipboardPasteParser = void 0, this.clipboardPasteAction = "insert", this.clipboardCopyConfig = { columnHeaders: !1 }, this.clipboardNoCopyStyled = !1, this.pagination = !1, this.paginationMode = he.Local, this.paginationSize = void 0, this.paginationInitialPage = 1, this.paginationButtonCount = 5, this.showPaginationButtons = !1, this.paginationSizeSelector = void 0, this.paginationAddRow = "page", this.paginationCounter = _s.Both, this.paginationShowFirst = !1, this.paginationShowLast = !1, this.hoverMenu = void 0, this.label = "", this.tabulatorRole = "grid", this.columnGroupRole = "columngroup", this.columnHeaderRole = "columnheader", this.rowRole = "row", this.rowGroupRole = "rowgroup", this.cellRole = "gridcell", this.filterMode = he.Local, this.placeholderHeaderFilter = "No matching data", this.noColumnPlaceholderText = this.localize.term("noColumnsVisible"), this.useOverlayScrollbar = !1, this.tabulatorInstance = null, this.watchedEvents = /* @__PURE__ */ new Set(), this.activeSearchValue = "", this.handleTableBuilt = () => {
+    super(), ba(this, mi), this.localize = new at(this), this.verticalOsInstance = null, this.horizontalOsInstance = null, this.resizeObserver = null, this.overflowObserver = null, this.filterController = new ao(this), this.shadowRootAutoloader = new Js(this), this.movableRows = !1, this.movableColumns = !1, this.data = void 0, this.rowHeight = 48, this.layout = "fitColumns", this.columns = [], this.footerElement = void 0, this.responsiveLayout = !1, this.responsiveLayoutCollapseFormatter = void 0, this.responsiveLayoutCollapseUseFormatters = void 0, this.rowHeader = void 0, this.noHeader = !1, this.textDirection = void 0, this.responsiveLayoutCollapseStartOpen = void 0, this.renderVerticalBuffer = void 0, this.renderVertical = "virtual", this.columnDefaults = {}, this.canSearch = !1, this.noAdvancedSearch = !1, this.showSavedSearch = !1, this.searchFields = [], this.canAdd = !1, this.addLabel = this.localize.term("add"), this.canExportCsv = !1, this.canExportXml = !1, this.canExportCustom = !1, this.canSaveReport = !1, this.savedSearchURL = "", this.savedSearchItems = [], this.savedSearchPageSizeParam = "PageSize", this.savedSearchPageSize = 10, this.savedSearchPageNumberParam = "PageNumber", this.dropdownFilters = [], this.ajaxURL = void 0, this.ajaxURLGenerator = void 0, this.ajaxParams = void 0, this.ajaxResponse = void 0, this.dataSendParams = void 0, this.dataReceiveParams = void 0, this.noAutoResize = !1, this.resizableRows = !1, this.resizableColumnFit = !1, this.resizableColumnGuide = !1, this.resizableRowGuide = !1, this.frozenRows = void 0, this.frozenRowsField = "id", this.placeholder = this.localize.term("noData"), this.groupBy = void 0, this.groupHeader = void 0, this.groupHeaderCount = !1, this.groupIndent = 36, this.groupHeaderPrint = void 0, this.groupHeaderClipboard = void 0, this.groupHeaderDownload = void 0, this.groupHeaderHtmlOutput = void 0, this.groupStartOpen = !1, this.groupStartOpenValues = void 0, this.groupToggleElement = "arrow", this.groupValues = [], this.groupUpdateOnCellEdit = !1, this.dataTree = !1, this.dataTreeChildField = "_children", this.dataTreeLoadingField = "loading", this.dataTreeHasMoreField = "hasMore", this.dataTreeFilter = !1, this.dataTreeSort = !1, this.dataTreeElementColumn = void 0, this.dataTreeBranchElement = void 0, this.dataTreeChildIndent = 9, this.dataTreeStartExpanded = !1, this.dataTreeSelectPropagate = !1, this.dataTreeExpandElement = void 0, this.dataTreeCollapseElement = void 0, this.spreadsheet = !1, this.spreadsheetColumns = 50, this.spreadsheetRows = 50, this.spreadsheetColumnDefinition = void 0, this.spreadsheetOutputFull = !1, this.editorEmptyValue = "", this.spreadsheetSheets = void 0, this.spreadsheetSheetTabs = !1, this.spreadsheetData = void 0, this.selectableRange = 1, this.noSelectable = !1, this.selectableRangeColumns = !1, this.selectableRangeRows = !1, this.selectableRangeClearCells = !1, this.editTriggerEvent = "dblclick", this.selectableRangeAutoFocus = !1, this.noClipboard = !1, this.clipboardAction = je.Both, this.clipboardCopyRowRange = "range", this.clipboardPasteParser = void 0, this.clipboardPasteAction = "insert", this.clipboardCopyConfig = { columnHeaders: !1 }, this.clipboardNoCopyStyled = !1, this.pagination = !1, this.paginationMode = he.Local, this.paginationSize = void 0, this.paginationInitialPage = 1, this.paginationButtonCount = 5, this.showPaginationButtons = !1, this.paginationSizeSelector = void 0, this.paginationAddRow = "page", this.paginationCounter = _s.Both, this.paginationShowFirst = !1, this.paginationShowLast = !1, this.hoverMenu = void 0, this.label = "", this.tabulatorRole = "grid", this.columnGroupRole = "columngroup", this.columnHeaderRole = "columnheader", this.rowRole = "row", this.rowGroupRole = "rowgroup", this.cellRole = "gridcell", this.filterMode = he.Local, this.placeholderHeaderFilter = "No matching data", this.noColumnPlaceholderText = this.localize.term("noColumnsVisible"), this.useOverlayScrollbar = !1, this.loading = !1, this.tabulatorInstance = null, this.watchedEvents = /* @__PURE__ */ new Set(), this.activeSearchValue = "", this.handleTableBuilt = () => {
       this.useOverlayScrollbar ? this.initVerticalScrollbar() : this.verticalOsInstance?.destroy(), this.initHorizontalScrollbar(), this.initOverflowObserver(), this.filterController.syncDropdownFilterSources(this.dropdownFilters), this.handleSearch(), this.filterController.applyFilters();
     }, this.checkHorizontalOverflow = () => {
       if (!this.tabulatorElement || !this.tabulatorHolder)
@@ -18582,7 +18588,7 @@ let b = class extends Ne {
       tabulatorRole: this.tabulatorRole,
       textDirection: this.textDirection,
       toolbarElement: this.tableToolbar
-    }), this.registerEventListeners(), this.tabulatorInstance.on("tableBuilt", this.handleTableBuilt);
+    }), this.loading && this.tabulatorInstance.dataLoader?.setExternalLoading(!0), this.registerEventListeners(), this.tabulatorInstance.on("tableBuilt", this.handleTableBuilt);
   }
   handleUseOverlayScrollbarChange() {
     this.useOverlayScrollbar ? this.initialized ? this.initVerticalScrollbar() : this.tabulatorInstance?.on("tableBuilt", this.initVerticalScrollbar) : this.verticalOsInstance?.destroy(), this.tabulatorInstance?.redraw();
@@ -18669,6 +18675,15 @@ let b = class extends Ne {
   handlePaginationInitialPageChange() {
     !this.tabulatorInstance || !this.paginationInitialPage || this.tabulatorInstance.setPage(this.paginationInitialPage);
   }
+  handleLoadingChange() {
+    this.tabulatorInstance?.dataLoader?.setExternalLoading(this.loading);
+  }
+  setLoading(l) {
+    this.loading = l;
+  }
+  isLoading() {
+    return this.tabulatorInstance?.isLoading() ?? this.loading;
+  }
   search(l) {
     this.activeSearchValue = l, this.handleSearch();
   }
@@ -18765,12 +18780,12 @@ mi = /* @__PURE__ */ new WeakSet();
 Ls = function() {
   return this.groupStartOpenValues !== void 0 && this.groupStartOpenValues !== null ? (l) => this.groupStartOpenValues?.includes(l) ?? !1 : this.groupStartOpen;
 };
-b.styles = [
+m.styles = [
   qe,
   Ho,
   Ps
 ];
-b.dependencies = {
+m.dependencies = {
   "cx-button": _e,
   "cx-checkbox": zs,
   "cx-divider": ws,
@@ -18784,141 +18799,141 @@ b.dependencies = {
 };
 v([
   Be(".tabulator-tableholder")
-], b.prototype, "tabulatorHolder", 2);
+], m.prototype, "tabulatorHolder", 2);
 v([
   Be(".tabulator")
-], b.prototype, "tabulatorElement", 2);
+], m.prototype, "tabulatorElement", 2);
 v([
   Be(".table")
-], b.prototype, "table", 2);
+], m.prototype, "table", 2);
 v([
   Be("cx-table-toolbar")
-], b.prototype, "tableToolbar", 2);
+], m.prototype, "tableToolbar", 2);
 v([
   g({
     attribute: "movable-rows",
     reflect: !0,
     type: Boolean
   })
-], b.prototype, "movableRows", 2);
+], m.prototype, "movableRows", 2);
 v([
   g({
     attribute: "movable-columns",
     reflect: !0,
     type: Boolean
   })
-], b.prototype, "movableColumns", 2);
+], m.prototype, "movableColumns", 2);
 v([
   g({
     attribute: "data",
     type: Array
   })
-], b.prototype, "data", 2);
+], m.prototype, "data", 2);
 v([
   g({
     attribute: "row-height",
     reflect: !0,
     type: Number
   })
-], b.prototype, "rowHeight", 2);
+], m.prototype, "rowHeight", 2);
 v([
   g({
     attribute: "layout",
     type: String
   })
-], b.prototype, "layout", 2);
+], m.prototype, "layout", 2);
 v([
   g({
     attribute: "columns",
     reflect: !0,
     type: Array
   })
-], b.prototype, "columns", 2);
+], m.prototype, "columns", 2);
 v([
   g({
     attribute: "footer-element",
     type: String
   })
-], b.prototype, "footerElement", 2);
+], m.prototype, "footerElement", 2);
 v([
   g({
     attribute: "responsive-layout",
     type: String
   })
-], b.prototype, "responsiveLayout", 2);
+], m.prototype, "responsiveLayout", 2);
 v([
   g({
     attribute: "responsive-layout-collapse-formatter",
     type: Function
   })
-], b.prototype, "responsiveLayoutCollapseFormatter", 2);
+], m.prototype, "responsiveLayoutCollapseFormatter", 2);
 v([
   g({
     attribute: "responsive-layout-collapse-use-formatters",
     type: Boolean
   })
-], b.prototype, "responsiveLayoutCollapseUseFormatters", 2);
+], m.prototype, "responsiveLayoutCollapseUseFormatters", 2);
 v([
   g({
     attribute: "row-header",
     type: Object
   })
-], b.prototype, "rowHeader", 2);
+], m.prototype, "rowHeader", 2);
 v([
   g({
     attribute: "no-header",
     type: Boolean
   })
-], b.prototype, "noHeader", 2);
+], m.prototype, "noHeader", 2);
 v([
   g({
     attribute: "text-direction",
     type: String
   })
-], b.prototype, "textDirection", 2);
+], m.prototype, "textDirection", 2);
 v([
   g({
     attribute: "responsive-layout-collapse-start-open",
     type: Boolean
   })
-], b.prototype, "responsiveLayoutCollapseStartOpen", 2);
+], m.prototype, "responsiveLayoutCollapseStartOpen", 2);
 v([
   g({
     attribute: "render-vertical-buffer",
     type: Number
   })
-], b.prototype, "renderVerticalBuffer", 2);
+], m.prototype, "renderVerticalBuffer", 2);
 v([
   g({
     attribute: "render-vertical",
     type: String
   })
-], b.prototype, "renderVertical", 2);
+], m.prototype, "renderVertical", 2);
 v([
   g({
     attribute: "column-defaults",
     type: Object
   })
-], b.prototype, "columnDefaults", 2);
+], m.prototype, "columnDefaults", 2);
 v([
   g({
     attribute: "can-search",
     reflect: !0,
     type: Boolean
   })
-], b.prototype, "canSearch", 2);
+], m.prototype, "canSearch", 2);
 v([
   g({
     attribute: "no-advanced-search",
     type: Boolean
   })
-], b.prototype, "noAdvancedSearch", 2);
+], m.prototype, "noAdvancedSearch", 2);
 v([
   g({
     attribute: "show-saved-search",
     type: Boolean
   })
-], b.prototype, "showSavedSearch", 2);
+], m.prototype, "showSavedSearch", 2);
 v([
   g({
     attribute: "search-fields",
@@ -18937,195 +18952,195 @@ v([
     reflect: !0,
     type: Array
   })
-], b.prototype, "searchFields", 2);
+], m.prototype, "searchFields", 2);
 v([
   g({
     attribute: "can-add",
     reflect: !0,
     type: Boolean
   })
-], b.prototype, "canAdd", 2);
+], m.prototype, "canAdd", 2);
 v([
   g({
     attribute: "add-label",
     type: String
   })
-], b.prototype, "addLabel", 2);
+], m.prototype, "addLabel", 2);
 v([
   g({
     attribute: "can-export-csv",
     type: Boolean
   })
-], b.prototype, "canExportCsv", 2);
+], m.prototype, "canExportCsv", 2);
 v([
   g({
     attribute: "can-export-xml",
     type: Boolean
   })
-], b.prototype, "canExportXml", 2);
+], m.prototype, "canExportXml", 2);
 v([
   g({
     attribute: "can-export-custom",
     type: Boolean
   })
-], b.prototype, "canExportCustom", 2);
+], m.prototype, "canExportCustom", 2);
 v([
   g({
     attribute: "can-save-report",
     type: Boolean
   })
-], b.prototype, "canSaveReport", 2);
+], m.prototype, "canSaveReport", 2);
 v([
   g({ attribute: "saved-search-url", type: String })
-], b.prototype, "savedSearchURL", 2);
+], m.prototype, "savedSearchURL", 2);
 v([
   g({ attribute: "saved-search-items", type: Array })
-], b.prototype, "savedSearchItems", 2);
+], m.prototype, "savedSearchItems", 2);
 v([
   g({ attribute: "saved-search-page-size-param", type: String })
-], b.prototype, "savedSearchPageSizeParam", 2);
+], m.prototype, "savedSearchPageSizeParam", 2);
 v([
   g({ attribute: "saved-search-page-size", type: Number })
-], b.prototype, "savedSearchPageSize", 2);
+], m.prototype, "savedSearchPageSize", 2);
 v([
   g({ attribute: "saved-search-page-number-param", type: String })
-], b.prototype, "savedSearchPageNumberParam", 2);
+], m.prototype, "savedSearchPageNumberParam", 2);
 v([
   g({ attribute: "dropdown-filters", type: Array })
-], b.prototype, "dropdownFilters", 2);
+], m.prototype, "dropdownFilters", 2);
 v([
   g({
     attribute: "ajax-url",
     type: String
   })
-], b.prototype, "ajaxURL", 2);
+], m.prototype, "ajaxURL", 2);
 v([
   g({
     attribute: "ajax-url-generator",
     type: Function
   })
-], b.prototype, "ajaxURLGenerator", 2);
+], m.prototype, "ajaxURLGenerator", 2);
 v([
   g({
     attribute: "ajax-params",
     type: Object
   })
-], b.prototype, "ajaxParams", 2);
+], m.prototype, "ajaxParams", 2);
 v([
   g({
     attribute: "ajax-response",
     type: Function
   })
-], b.prototype, "ajaxResponse", 2);
+], m.prototype, "ajaxResponse", 2);
 v([
   g({
     attribute: "data-send-params",
     type: Object
   })
-], b.prototype, "dataSendParams", 2);
+], m.prototype, "dataSendParams", 2);
 v([
   g({
     attribute: "data-receive-params",
     type: Object
   })
-], b.prototype, "dataReceiveParams", 2);
+], m.prototype, "dataReceiveParams", 2);
 v([
   g({
     attribute: "no-auto-resize",
     type: Boolean
   })
-], b.prototype, "noAutoResize", 2);
+], m.prototype, "noAutoResize", 2);
 v([
   g({
     attribute: "resizable-rows",
     type: Boolean
   })
-], b.prototype, "resizableRows", 2);
+], m.prototype, "resizableRows", 2);
 v([
   g({
     attribute: "resizable-column-fit",
     type: Boolean
   })
-], b.prototype, "resizableColumnFit", 2);
+], m.prototype, "resizableColumnFit", 2);
 v([
   g({
     attribute: "resizable-column-guide",
     type: Boolean
   })
-], b.prototype, "resizableColumnGuide", 2);
+], m.prototype, "resizableColumnGuide", 2);
 v([
   g({
     attribute: "resizable-row-guide",
     type: Boolean
   })
-], b.prototype, "resizableRowGuide", 2);
+], m.prototype, "resizableRowGuide", 2);
 v([
   g({
     attribute: "frozen-rows",
     converter: Ao
   })
-], b.prototype, "frozenRows", 2);
+], m.prototype, "frozenRows", 2);
 v([
   g({
     attribute: "frozen-rows-field",
     type: String
   })
-], b.prototype, "frozenRowsField", 2);
+], m.prototype, "frozenRowsField", 2);
 v([
   g({
     attribute: "placeholder",
     type: String
   })
-], b.prototype, "placeholder", 2);
+], m.prototype, "placeholder", 2);
 v([
   g({
     attribute: "group-by",
     converter: No
   })
-], b.prototype, "groupBy", 2);
+], m.prototype, "groupBy", 2);
 v([
   g({
     attribute: "group-header"
   })
-], b.prototype, "groupHeader", 2);
+], m.prototype, "groupHeader", 2);
 v([
   g({
     attribute: "group-header-count",
     type: Boolean
   })
-], b.prototype, "groupHeaderCount", 2);
+], m.prototype, "groupHeaderCount", 2);
 v([
   g({
     attribute: "group-indent",
     type: Number
   })
-], b.prototype, "groupIndent", 2);
+], m.prototype, "groupIndent", 2);
 v([
   g({
     attribute: "group-header-print"
   })
-], b.prototype, "groupHeaderPrint", 2);
+], m.prototype, "groupHeaderPrint", 2);
 v([
   g({
     attribute: "group-header-clipboard"
   })
-], b.prototype, "groupHeaderClipboard", 2);
+], m.prototype, "groupHeaderClipboard", 2);
 v([
   g({
     attribute: "group-header-download"
   })
-], b.prototype, "groupHeaderDownload", 2);
+], m.prototype, "groupHeaderDownload", 2);
 v([
   g({
     attribute: "group-header-html-output"
   })
-], b.prototype, "groupHeaderHtmlOutput", 2);
+], m.prototype, "groupHeaderHtmlOutput", 2);
 v([
   g({
     attribute: "group-start-open",
     type: Boolean
   })
-], b.prototype, "groupStartOpen", 2);
+], m.prototype, "groupStartOpen", 2);
 v([
   g({
     attribute: "group-start-open-values",
@@ -19150,414 +19165,417 @@ v([
     },
     reflect: !0
   })
-], b.prototype, "groupStartOpenValues", 2);
+], m.prototype, "groupStartOpenValues", 2);
 v([
   g({
     attribute: "group-toggle-element",
     type: String
   })
-], b.prototype, "groupToggleElement", 2);
+], m.prototype, "groupToggleElement", 2);
 v([
   g({
     attribute: "group-values",
     type: Array
   })
-], b.prototype, "groupValues", 2);
+], m.prototype, "groupValues", 2);
 v([
   g({
     attribute: "group-update-on-cell-edit",
     type: Boolean
   })
-], b.prototype, "groupUpdateOnCellEdit", 2);
+], m.prototype, "groupUpdateOnCellEdit", 2);
 v([
   g({
     attribute: "data-tree",
     type: Boolean
   })
-], b.prototype, "dataTree", 2);
+], m.prototype, "dataTree", 2);
 v([
   g({
     attribute: "data-tree-child-field",
     reflect: !0,
     type: String
   })
-], b.prototype, "dataTreeChildField", 2);
+], m.prototype, "dataTreeChildField", 2);
 v([
   g({
     attribute: "data-tree-loading-field",
     reflect: !0,
     type: String
   })
-], b.prototype, "dataTreeLoadingField", 2);
+], m.prototype, "dataTreeLoadingField", 2);
 v([
   g({
     attribute: "data-tree-has-more-field",
     reflect: !0,
     type: String
   })
-], b.prototype, "dataTreeHasMoreField", 2);
+], m.prototype, "dataTreeHasMoreField", 2);
 v([
   g({
     attribute: "data-tree-filter",
     type: Boolean
   })
-], b.prototype, "dataTreeFilter", 2);
+], m.prototype, "dataTreeFilter", 2);
 v([
   g({
     attribute: "data-tree-sort",
     type: Boolean
   })
-], b.prototype, "dataTreeSort", 2);
+], m.prototype, "dataTreeSort", 2);
 v([
   g({
     attribute: "data-tree-element-column",
     type: String
   })
-], b.prototype, "dataTreeElementColumn", 2);
+], m.prototype, "dataTreeElementColumn", 2);
 v([
   g({
     attribute: "data-tree-branch-element",
     type: String
   })
-], b.prototype, "dataTreeBranchElement", 2);
+], m.prototype, "dataTreeBranchElement", 2);
 v([
   g({
     attribute: "data-tree-child-indent",
     type: Number
   })
-], b.prototype, "dataTreeChildIndent", 2);
+], m.prototype, "dataTreeChildIndent", 2);
 v([
   g({
     attribute: "data-tree-start-expanded",
     converter: _o
   })
-], b.prototype, "dataTreeStartExpanded", 2);
+], m.prototype, "dataTreeStartExpanded", 2);
 v([
   g({
     attribute: "data-tree-select-propagate",
     type: Boolean
   })
-], b.prototype, "dataTreeSelectPropagate", 2);
+], m.prototype, "dataTreeSelectPropagate", 2);
 v([
   g({
     attribute: "data-tree-expand-element",
     type: String
   })
-], b.prototype, "dataTreeExpandElement", 2);
+], m.prototype, "dataTreeExpandElement", 2);
 v([
   g({
     attribute: "data-tree-collapse-element",
     type: String
   })
-], b.prototype, "dataTreeCollapseElement", 2);
+], m.prototype, "dataTreeCollapseElement", 2);
 v([
   g({
     attribute: "spreadsheet",
     type: Boolean
   })
-], b.prototype, "spreadsheet", 2);
+], m.prototype, "spreadsheet", 2);
 v([
   g({
     attribute: "spreadsheet-columns",
     type: Number
   })
-], b.prototype, "spreadsheetColumns", 2);
+], m.prototype, "spreadsheetColumns", 2);
 v([
   g({
     attribute: "spreadsheet-rows",
     type: Number
   })
-], b.prototype, "spreadsheetRows", 2);
+], m.prototype, "spreadsheetRows", 2);
 v([
   g({
     attribute: "spreadsheet-column-definition",
     type: Object
   })
-], b.prototype, "spreadsheetColumnDefinition", 2);
+], m.prototype, "spreadsheetColumnDefinition", 2);
 v([
   g({
     attribute: "spreadsheet-output-full",
     type: Boolean
   })
-], b.prototype, "spreadsheetOutputFull", 2);
+], m.prototype, "spreadsheetOutputFull", 2);
 v([
   g({
     attribute: "editor-empty-value"
   })
-], b.prototype, "editorEmptyValue", 2);
+], m.prototype, "editorEmptyValue", 2);
 v([
   g({
     attribute: "spreadsheet-sheets",
     type: Array
   })
-], b.prototype, "spreadsheetSheets", 2);
+], m.prototype, "spreadsheetSheets", 2);
 v([
   g({
     attribute: "spreadsheet-sheet-tabs",
     type: Boolean
   })
-], b.prototype, "spreadsheetSheetTabs", 2);
+], m.prototype, "spreadsheetSheetTabs", 2);
 v([
   g({
     attribute: "spreadsheet-data",
     type: Array
   })
-], b.prototype, "spreadsheetData", 2);
+], m.prototype, "spreadsheetData", 2);
 v([
   g({
     attribute: "selectable-range",
     type: Number
   })
-], b.prototype, "selectableRange", 2);
+], m.prototype, "selectableRange", 2);
 v([
   g({
     attribute: "no-selectable",
     reflect: !0,
     type: Boolean
   })
-], b.prototype, "noSelectable", 2);
+], m.prototype, "noSelectable", 2);
 v([
   g({
     attribute: "selectable-range-columns",
     type: Boolean
   })
-], b.prototype, "selectableRangeColumns", 2);
+], m.prototype, "selectableRangeColumns", 2);
 v([
   g({
     attribute: "selectable-range-rows",
     type: Boolean
   })
-], b.prototype, "selectableRangeRows", 2);
+], m.prototype, "selectableRangeRows", 2);
 v([
   g({
     attribute: "selectable-range-clear-cells",
     type: Boolean
   })
-], b.prototype, "selectableRangeClearCells", 2);
+], m.prototype, "selectableRangeClearCells", 2);
 v([
   g({
     attribute: "edit-trigger-event",
     type: String
   })
-], b.prototype, "editTriggerEvent", 2);
+], m.prototype, "editTriggerEvent", 2);
 v([
   g({
     attribute: "selectable-range-auto-focus",
     type: Boolean
   })
-], b.prototype, "selectableRangeAutoFocus", 2);
+], m.prototype, "selectableRangeAutoFocus", 2);
 v([
   g({
     attribute: "no-clipboard",
     type: Boolean
   })
-], b.prototype, "noClipboard", 2);
+], m.prototype, "noClipboard", 2);
 v([
   g({
     attribute: "clipboard-action",
     type: String
   })
-], b.prototype, "clipboardAction", 2);
+], m.prototype, "clipboardAction", 2);
 v([
   g({
     attribute: "clipboard-copy-row-range",
     type: String
   })
-], b.prototype, "clipboardCopyRowRange", 2);
+], m.prototype, "clipboardCopyRowRange", 2);
 v([
   g({
     attribute: "clipboard-paste-parser"
   })
-], b.prototype, "clipboardPasteParser", 2);
+], m.prototype, "clipboardPasteParser", 2);
 v([
   g({
     attribute: "clipboard-paste-action",
     type: String
   })
-], b.prototype, "clipboardPasteAction", 2);
+], m.prototype, "clipboardPasteAction", 2);
 v([
   g({
     attribute: "clipboard-copy-config",
     type: Object
   })
-], b.prototype, "clipboardCopyConfig", 2);
+], m.prototype, "clipboardCopyConfig", 2);
 v([
   g({
     attribute: "clipboard-no-copy-styled",
     type: Boolean
   })
-], b.prototype, "clipboardNoCopyStyled", 2);
+], m.prototype, "clipboardNoCopyStyled", 2);
 v([
   g({
     attribute: "pagination",
     type: Boolean
   })
-], b.prototype, "pagination", 2);
+], m.prototype, "pagination", 2);
 v([
   g({
     attribute: "pagination-mode",
     type: String
   })
-], b.prototype, "paginationMode", 2);
+], m.prototype, "paginationMode", 2);
 v([
   g({
     attribute: "pagination-size",
     type: Number
   })
-], b.prototype, "paginationSize", 2);
+], m.prototype, "paginationSize", 2);
 v([
   g({
     attribute: "pagination-initial-page",
     type: Number
   })
-], b.prototype, "paginationInitialPage", 2);
+], m.prototype, "paginationInitialPage", 2);
 v([
   g({
     attribute: "pagination-button-count",
     type: Number
   })
-], b.prototype, "paginationButtonCount", 2);
+], m.prototype, "paginationButtonCount", 2);
 v([
   g({
     attribute: "show-pagination-buttons",
     type: Boolean
   })
-], b.prototype, "showPaginationButtons", 2);
+], m.prototype, "showPaginationButtons", 2);
 v([
   g({
     attribute: "pagination-size-selector",
     type: Array
   })
-], b.prototype, "paginationSizeSelector", 2);
+], m.prototype, "paginationSizeSelector", 2);
 v([
   g({
     attribute: "pagination-add-row",
     type: String
   })
-], b.prototype, "paginationAddRow", 2);
+], m.prototype, "paginationAddRow", 2);
 v([
   g({
     attribute: "pagination-counter",
     type: String
   })
-], b.prototype, "paginationCounter", 2);
+], m.prototype, "paginationCounter", 2);
 v([
   g({
     attribute: "pagination-show-first",
     type: Boolean
   })
-], b.prototype, "paginationShowFirst", 2);
+], m.prototype, "paginationShowFirst", 2);
 v([
   g({
     attribute: "pagination-show-last",
     type: Boolean
   })
-], b.prototype, "paginationShowLast", 2);
+], m.prototype, "paginationShowLast", 2);
 v([
   g({
     attribute: "hover-menu",
     type: Object
   })
-], b.prototype, "hoverMenu", 2);
+], m.prototype, "hoverMenu", 2);
 v([
   g({
     attribute: "label",
     type: String
   })
-], b.prototype, "label", 2);
+], m.prototype, "label", 2);
 v([
   g({
     attribute: "tabulator-role",
     type: String
   })
-], b.prototype, "tabulatorRole", 2);
+], m.prototype, "tabulatorRole", 2);
 v([
   g({
     attribute: "column-group-role",
     type: String
   })
-], b.prototype, "columnGroupRole", 2);
+], m.prototype, "columnGroupRole", 2);
 v([
   g({
     attribute: "column-header-role",
     type: String
   })
-], b.prototype, "columnHeaderRole", 2);
+], m.prototype, "columnHeaderRole", 2);
 v([
   g({
     attribute: "row-role",
     type: String
   })
-], b.prototype, "rowRole", 2);
+], m.prototype, "rowRole", 2);
 v([
   g({
     attribute: "row-group-role",
     type: String
   })
-], b.prototype, "rowGroupRole", 2);
+], m.prototype, "rowGroupRole", 2);
 v([
   g({
     attribute: "cell-role",
     type: String
   })
-], b.prototype, "cellRole", 2);
+], m.prototype, "cellRole", 2);
 v([
   g({
     attribute: "filter-mode",
     type: String
   })
-], b.prototype, "filterMode", 2);
+], m.prototype, "filterMode", 2);
 v([
   g({
     attribute: "initial-filter",
     type: Array
   })
-], b.prototype, "initialFilter", 2);
+], m.prototype, "initialFilter", 2);
 v([
   g({
     attribute: "initial-header-filter",
     type: Array
   })
-], b.prototype, "initialHeaderFilter", 2);
+], m.prototype, "initialHeaderFilter", 2);
 v([
   g({
     attribute: "header-filter-live-filter-delay",
     type: Number
   })
-], b.prototype, "headerFilterLiveFilterDelay", 2);
+], m.prototype, "headerFilterLiveFilterDelay", 2);
 v([
   g({
     attribute: "placeholder-header-filter",
     type: String
   })
-], b.prototype, "placeholderHeaderFilter", 2);
+], m.prototype, "placeholderHeaderFilter", 2);
 v([
   g({
     attribute: "no-column-placeholder-text",
     type: String
   })
-], b.prototype, "noColumnPlaceholderText", 2);
+], m.prototype, "noColumnPlaceholderText", 2);
 v([
   g({
     attribute: "use-overlay-scrollbar",
     reflect: !0,
     type: Boolean
   })
-], b.prototype, "useOverlayScrollbar", 2);
+], m.prototype, "useOverlayScrollbar", 2);
+v([
+  g({ attribute: "loading", type: Boolean })
+], m.prototype, "loading", 2);
 v([
   re()
-], b.prototype, "tabulatorInstance", 2);
+], m.prototype, "tabulatorInstance", 2);
 v([
   re()
-], b.prototype, "watchedEvents", 2);
+], m.prototype, "watchedEvents", 2);
 v([
   re()
-], b.prototype, "activeSearchValue", 2);
+], m.prototype, "activeSearchValue", 2);
 v([
-  W("useOverlayScrollbar")
-], b.prototype, "handleUseOverlayScrollbarChange", 1);
+  V("useOverlayScrollbar")
+], m.prototype, "handleUseOverlayScrollbarChange", 1);
 v([
-  W([
+  V([
     "movableRows",
     "movableColumns",
     "rowHeight",
@@ -19653,48 +19671,51 @@ v([
     "headerFilterLiveFilterDelay",
     "placeholderHeaderFilter"
   ])
-], b.prototype, "handleLayoutChange", 1);
+], m.prototype, "handleLayoutChange", 1);
+v([
+  V("data", { deepCompare: !0, waitUntilFirstUpdate: !0 })
+], m.prototype, "handleDataChange", 1);
 v([
-  W("data", { deepCompare: !0, waitUntilFirstUpdate: !0 })
-], b.prototype, "handleDataChange", 1);
+  V("spreadsheetData", { waitUntilFirstUpdate: !0 })
+], m.prototype, "handleSpreadsheetDataChange", 1);
 v([
-  W("spreadsheetData", { waitUntilFirstUpdate: !0 })
-], b.prototype, "handleSpreadsheetDataChange", 1);
+  V("columns", { deepCompare: !0, waitUntilFirstUpdate: !0 })
+], m.prototype, "handleColumnsChange", 1);
 v([
-  W("columns", { deepCompare: !0, waitUntilFirstUpdate: !0 })
-], b.prototype, "handleColumnsChange", 1);
+  V("noColumnPlaceholderText", { waitUntilFirstUpdate: !0 })
+], m.prototype, "handleNoColumnPlaceholderTextChange", 1);
 v([
-  W("noColumnPlaceholderText", { waitUntilFirstUpdate: !0 })
-], b.prototype, "handleNoColumnPlaceholderTextChange", 1);
+  V("groupBy", { waitUntilFirstUpdate: !0 })
+], m.prototype, "handleGroupByChange", 1);
 v([
-  W("groupBy", { waitUntilFirstUpdate: !0 })
-], b.prototype, "handleGroupByChange", 1);
+  V("groupHeader", { waitUntilFirstUpdate: !0 })
+], m.prototype, "handleGroupHeaderChange", 1);
 v([
-  W("groupHeader", { waitUntilFirstUpdate: !0 })
-], b.prototype, "handleGroupHeaderChange", 1);
+  V("groupValues", { waitUntilFirstUpdate: !0 })
+], m.prototype, "handleGroupValuesChange", 1);
 v([
-  W("groupValues", { waitUntilFirstUpdate: !0 })
-], b.prototype, "handleGroupValuesChange", 1);
+  V("paginationSize", { waitUntilFirstUpdate: !0 })
+], m.prototype, "handlePaginationSizeChange", 1);
 v([
-  W("paginationSize", { waitUntilFirstUpdate: !0 })
-], b.prototype, "handlePaginationSizeChange", 1);
+  V("paginationInitialPage")
+], m.prototype, "handlePaginationInitialPageChange", 1);
 v([
-  W("paginationInitialPage")
-], b.prototype, "handlePaginationInitialPageChange", 1);
+  V("loading", { waitUntilFirstUpdate: !0 })
+], m.prototype, "handleLoadingChange", 1);
 v([
-  W("searchFields", { waitUntilFirstUpdate: !0 })
-], b.prototype, "handleSearchFieldsChange", 1);
+  V("searchFields", { waitUntilFirstUpdate: !0 })
+], m.prototype, "handleSearchFieldsChange", 1);
 v([
-  W("dropdownFilters", { deepCompare: !0, waitUntilFirstUpdate: !0 })
-], b.prototype, "handleDropdownFiltersPropChange", 1);
-b = v([
+  V("dropdownFilters", { deepCompare: !0, waitUntilFirstUpdate: !0 })
+], m.prototype, "handleDropdownFiltersPropChange", 1);
+m = v([
   Ve("cx-table")
-], b);
+], m);
 export {
   hi as $,
   Rt as A,
   qt as B,
-  b as C,
+  m as C,
   Ft as D,
   Ht as E,
   At as F,