@orangelogic/design-system 2.70.0 → 2.71.0

package/library/chunks/{table.wVHv1Xze.js → table.DNwNmw8a.js}

@@ -1,17 +1,17 @@
-import { C as _e } from "./button.CAAJPQFu.js";
+import { C as _e } from "./button.D6S0sAOO.js";
 import zs from "../components/checkbox.js";
 import ws from "../components/divider.js";
 import Fs from "../components/format-number.js";
-import vs from "../components/icon-button.js";
+import { C as vs } from "./icon-button.Dxz2J4cg.js";
 import Os from "../components/select.js";
 import bi from "../components/space.js";
 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.DPQn2fKX.js";
+import { C as As, P as _s } from "./pagination.I2BZVSB2.js";
 import { c as Ve } from "./custom-element.L4WJXn1j.js";
-import { L as at } from "./i18n.C0iakJkV.js";
+import { L as at } from "./i18n.BU7mYVLM.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";
@@ -31,13 +31,13 @@ import Is from "../components/menu-section.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.BQVKDNd8.js";
+import { g as k, a as Us } from "./dom.BQVKDNd8.js";
 import "./browser.BHOCIF_A.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.B_rEG27K.js";
-import { C as Ks } from "./option.ByVbmxUQ.js";
+import { C as Ks } from "./option.CgM5bwtt.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;
@@ -1107,7 +1107,7 @@ class B {
     return this.table.module(e);
   }
 }
-class k {
+class D {
   static elVisible(e) {
     return !(e.offsetWidth <= 0 && e.offsetHeight <= 0);
   }
@@ -1176,15 +1176,15 @@ let ho = class ys extends B {
     const t = !(e instanceof MouseEvent);
     let i = t ? e.touches[0].pageX : e.pageX, s = t ? e.touches[0].pageY : e.pageY;
     if (this.container !== document.body) {
-      const o = k.elOffset(this.container);
+      const o = D.elOffset(this.container);
       i -= o.left, s -= o.top;
     }
     return { x: i, y: s };
   }
   elementPositionCoords(e, t = "right") {
-    const i = k.elOffset(e);
+    const i = D.elOffset(e);
     let s, o, r;
-    switch (this.container !== document.body && (s = k.elOffset(this.container), i.left -= s.left, i.top -= s.top), t) {
+    switch (this.container !== document.body && (s = D.elOffset(this.container), i.left -= s.left, i.top -= s.top), t) {
       case "right":
         o = i.left + e.offsetWidth, r = i.top - 1;
         break;
@@ -1395,7 +1395,7 @@ const uo = x`
     i && i.classList.remove("tabulator-hover-menu--active");
   }
   createHoverMenuElement() {
-    const e = L(uo);
+    const e = k(uo);
     return e.classList.add("tabulator-hover-menu"), e;
   }
   layoutRow(e) {
@@ -2358,6 +2358,19 @@ const po = H`
   .tabulator .tabulator-footer .tabulator-paginator-pagination {
     margin-left: auto;
   }
+
+  .tabulator-paginator-pagination {
+    --font-size: var(--cx-font-size-x-small);
+    --pagination-input-font-size: var(--cx-font-size-x-small);
+  }
+
+  .tabulator-paginator-pagination::part(back-icon) {
+    --font-size: var(--cx-font-size-medium);
+  }
+
+  .tabulator-paginator-pagination::part(next-icon) {
+    --font-size: var(--cx-font-size-medium);
+  }
 `, So = H`
   :host {
     --placeholder-color: var(--cx-color-neutral-800);
@@ -3244,7 +3257,7 @@ const Vo = {
   }
   // apply accessor to row
   transformRow(e, t) {
-    const i = "accessor" + (t.charAt(0).toUpperCase() + t.slice(1)), s = e.getComponent(), o = k.deepClone(e.data || {});
+    const i = "accessor" + (t.charAt(0).toUpperCase() + t.slice(1)), s = e.getComponent(), o = D.deepClone(e.data || {});
     return this.table.columnManager?.traverse((r) => {
       let n, a, h, c;
       const d = r.modules.accessor;
@@ -3694,8 +3707,8 @@ class gt extends B {
     return new Promise((s, o) => {
       const n = this.rows().indexOf(e), a = e.getElement();
       if (n > -1 && a) {
-        if ((i ?? !(this.table.options.scrollToRowIfHidden ?? !1)) && k.elVisible(a)) {
-          const p = this.elementVertical ? k.elOffset(a).top - k.elOffset(this.elementVertical).top : 0;
+        if ((i ?? !(this.table.options.scrollToRowIfHidden ?? !1)) && D.elVisible(a)) {
+          const p = this.elementVertical ? D.elOffset(a).top - D.elOffset(this.elementVertical).top : 0;
           if (p > 0 && p < (this.elementVertical?.clientHeight ?? 0) - a.offsetHeight) {
             s();
             return;
@@ -3958,7 +3971,7 @@ class Qe extends B {
     this.generateElement(), this.setWidth(), this._configureCell(), this.setValueActual(this.column.getFieldValue(this.row.data)), this.initialValue = this.value;
   }
   generateElement() {
-    if (this.element = L(Yo), this.element.setAttribute(
+    if (this.element = k(Yo), this.element.setAttribute(
       "role",
       this.table.options.cellRole ?? "gridcell"
     ), this.column.modules.format?.cellClass) {
@@ -4789,7 +4802,7 @@ class N extends B {
   }
   // update the rows data
   updateData(e) {
-    const t = this.element && k.elVisible(this.element);
+    const t = this.element && D.elVisible(this.element);
     let i = {}, s;
     return new Promise((o) => {
       if (typeof e == "string")
@@ -5327,7 +5340,7 @@ const tr = x`<span
       const t = this.table.options;
       switch (this.field = t.dataTreeChildField || "_children", this.indent = t.dataTreeChildIndent || 9, this.loadingField = t.dataTreeLoadingField || "loading", this.hasMoreField = t.dataTreeHasMoreField || "hasMore", this.options("movableRows") && ar && console.warn(
         "The movableRows option is not available with dataTree enabled, moving of child rows could result in unpredictable behavior"
-      ), t.dataTreeBranchElement ? t.dataTreeBranchElement === !0 ? this.branchEl = L(or) : typeof t.dataTreeBranchElement == "string" ? (e = document.createElement("div"), e.innerHTML = S(t.dataTreeBranchElement), this.branchEl = e.firstChild) : this.branchEl = t.dataTreeBranchElement : this.branchEl = L(rr), t.dataTreeCollapseElement ? typeof t.dataTreeCollapseElement == "string" ? (e = document.createElement("div"), e.innerHTML = S(t.dataTreeCollapseElement), this.collapseEl = e.firstChild) : this.collapseEl = t.dataTreeCollapseElement : this.collapseEl = L(tr), t.dataTreeExpandElement ? typeof t.dataTreeExpandElement == "string" ? (e = document.createElement("div"), e.innerHTML = S(t.dataTreeExpandElement), this.expandEl = e.firstChild) : this.expandEl = t.dataTreeExpandElement : this.expandEl = L(ir), typeof t.dataTreeStartExpanded) {
+      ), t.dataTreeBranchElement ? t.dataTreeBranchElement === !0 ? this.branchEl = k(or) : typeof t.dataTreeBranchElement == "string" ? (e = document.createElement("div"), e.innerHTML = S(t.dataTreeBranchElement), this.branchEl = e.firstChild) : this.branchEl = t.dataTreeBranchElement : this.branchEl = k(rr), t.dataTreeCollapseElement ? typeof t.dataTreeCollapseElement == "string" ? (e = document.createElement("div"), e.innerHTML = S(t.dataTreeCollapseElement), this.collapseEl = e.firstChild) : this.collapseEl = t.dataTreeCollapseElement : this.collapseEl = k(tr), t.dataTreeExpandElement ? typeof t.dataTreeExpandElement == "string" ? (e = document.createElement("div"), e.innerHTML = S(t.dataTreeExpandElement), this.expandEl = e.firstChild) : this.expandEl = t.dataTreeExpandElement : this.expandEl = k(ir), typeof t.dataTreeStartExpanded) {
         case "boolean":
           this.startOpen = function() {
             return t.dataTreeStartExpanded;
@@ -5434,7 +5447,7 @@ const tr = x`<span
         n.stopPropagation();
       });
     } else
-      o = L(sr);
+      o = k(sr);
     const r = this.indent;
     this.table.rtl ? (o.style.marginLeft = r + "px", o.style.marginRight = "0px") : (o.style.marginRight = r + "px", o.style.marginLeft = "0px"), e.modules.dataTree.controlEl = o, s && s.parentNode === t ? s.parentNode.replaceChild(o, s) : t.insertBefore(o, t.firstChild);
   }
@@ -5496,7 +5509,7 @@ const tr = x`<span
       this.table.rowManager
     );
     i.create(), i.modules.dataTree.index = e, i.modules.dataTree.parent = t, i.modules.dataTree.children = !1, i.modules.dataTree.open = !0;
-    const s = L(nr);
+    const s = k(nr);
     i.getElement()?.classList.add("tabulator-tree-level-" + e), i.element.appendChild(s);
     const o = (e + 1) * (bt + this.indent);
     return this.table.rtl ? s.style.marginRight = o + "px" : s.style.marginLeft = o + "px", s.addEventListener("click", () => {
@@ -5518,7 +5531,7 @@ const tr = x`<span
       this.table.rowManager
     );
     i.create(), i.modules.dataTree.index = e, i.modules.dataTree.parent = t, i.modules.dataTree.children = !1, i.modules.dataTree.open = !0;
-    const s = L(lr);
+    const s = k(lr);
     i.element.appendChild(s), i.getElement()?.classList.add("tabulator-tree-level-" + e);
     const o = (e + 1) * (bt + this.indent);
     return this.table.rtl ? s.style.marginRight = o + "px" : s.style.marginLeft = o + "px", i;
@@ -5779,10 +5792,10 @@ const qi = process.env.NODE_ENV === "development", hr = function(l, e = {}, t) {
   h.orientation || (h.orientation = e.orientation || "landscape"), h.unit || (h.unit = "pt");
   function d(f, b) {
     const y = [];
-    return f.columns.forEach((w) => {
+    return f.columns.forEach((v) => {
       let C;
-      if (w) {
-        let E = w.value;
+      if (v) {
+        let E = v.value;
         switch (typeof E) {
           case "object":
             E = E !== null ? JSON.stringify(E) : "";
@@ -5792,9 +5805,9 @@ const qi = process.env.NODE_ENV === "development", hr = function(l, e = {}, t) {
             break;
         }
         C = {
-          colSpan: w.width,
+          colSpan: v.width,
           content: E,
-          rowSpan: w.height
+          rowSpan: v.height
         }, b && (C.styles = b), y.push(C);
       }
     }), y;
@@ -5842,7 +5855,7 @@ const qi = process.env.NODE_ENV === "development", hr = function(l, e = {}, t) {
   };
   h.type = "binary", r.SheetNames = [], r.Sheets = {};
   function c() {
-    const f = [], b = [], y = {}, w = {
+    const f = [], b = [], y = {}, v = {
       e: {
         c: l[0] ? l[0].columns.reduce(
           (C, E) => C + (E?.width ? E.width : 1),
@@ -5862,7 +5875,7 @@ const qi = process.env.NODE_ENV === "development", hr = function(l, e = {}, t) {
           s: { c: J, r: E }
         })) : z.push("");
       }), f.push(z);
-    }), o.utils.sheet_add_aoa(y, f), y["!ref"] = o.utils.encode_range(w), b.length && (y["!merges"] = b), y;
+    }), o.utils.sheet_add_aoa(y, f), y["!ref"] = o.utils.encode_range(v), b.length && (y["!merges"] = b), y;
   }
   if (e.sheetOnly) {
     t(c(), "");
@@ -5884,8 +5897,8 @@ const qi = process.env.NODE_ENV === "development", hr = function(l, e = {}, t) {
   e.documentProcessing && (r = e.documentProcessing(r));
   function p(f) {
     const b = new ArrayBuffer(f.length), y = new Uint8Array(b);
-    for (let w = 0; w !== f.length; ++w)
-      y[w] = f.charCodeAt(w) & 255;
+    for (let v = 0; v !== f.length; ++v)
+      y[v] = f.charCodeAt(v) & 255;
     return b;
   }
   const u = o.write(r, h);
@@ -6284,7 +6297,7 @@ function Dr(l, e, t) {
   const o = this.table;
   let r;
   return e.valueMap && (typeof e.valueMap == "string" ? r = function(n) {
-    return n.map((a) => k.retrieveNestedData(
+    return n.map((a) => D.retrieveNestedData(
       o.options.nestedFieldSeparator,
       e.valueMap,
       a
@@ -6311,7 +6324,7 @@ function Pr({
   spacing: l,
   style: e
 }) {
-  const t = L(Hr);
+  const t = k(Hr);
   return l && (t.style.margin = l), e && Object.assign(t.style, e), t;
 }
 function Ar(l, e, t) {
@@ -6354,7 +6367,7 @@ function es({
   rowData: t,
   separator: i
 }) {
-  return e.value !== void 0 ? e.value : e.getValue ? e.getValue(l, t) : e.field ? k.retrieveNestedData(i, e.field, t) : l.getValue();
+  return e.value !== void 0 ? e.value : e.getValue ? e.getValue(l, t) : e.field ? D.retrieveNestedData(i, e.field, t) : l.getValue();
 }
 function Nr(l, e, t) {
   if (!e?.elements || !Array.isArray(e.elements) || e.elements.length === 0)
@@ -6375,7 +6388,7 @@ function Nr(l, e, t) {
     align-items=${c ?? "center"}
     direction=${be(p)}
     spacing=${u ?? "3x-small"}
-  ></cx-space>`, b = L(f), y = [];
+  ></cx-space>`, b = k(f), y = [];
   return e.elements.forEach((C) => {
     let E = es({
       cell: l,
@@ -6470,7 +6483,7 @@ function Ur(l, e) {
   let s;
   if (i.getIcon ? s = i.getIcon(t) : typeof i.icon == "function" ? s = i.icon(t) : i.iconMap ? s = i.iconMap[t] : i.icon ? s = i.icon : s = t ? String(t) : void 0, !s)
     return;
-  const o = L($r);
+  const o = k($r);
   if (o.name = s, i.size !== void 0)
     switch (typeof i.size) {
       case "number":
@@ -6491,7 +6504,7 @@ function Kr(l, e) {
   let t = l.getValue();
   if (!t)
     return null;
-  const i = L(Xr), s = i.querySelector("img"), o = e ?? {};
+  const i = k(Xr), s = i.querySelector("img"), o = e ?? {};
   switch (o.urlPrefix && (t = o.urlPrefix + l.getValue()), o.urlSuffix && (t = t + o.urlSuffix), s.setAttribute("src", String(t)), typeof o.height) {
     case "number":
       i.style.height = o.height + "px";
@@ -6556,7 +6569,7 @@ function Qr(l, e, t) {
         break;
     }
   if (r != null) {
-    if (e.urlField && (a = l.getData(), i = k.retrieveNestedData(
+    if (e.urlField && (a = l.getData(), i = D.retrieveNestedData(
       this.table.options.nestedFieldSeparator,
       e.urlField,
       a
@@ -6599,7 +6612,7 @@ function on(l, e) {
   const i = Number(t);
   if (Number.isNaN(i))
     return;
-  const s = e ?? {}, o = L(sn);
+  const s = e ?? {}, o = k(sn);
   o.value = i;
   for (const r of Object.keys(s)) {
     const n = s[r];
@@ -6614,7 +6627,7 @@ function rn(l, e) {
   const s = x`<cx-line-clamp lines="1">
     <span style=${ke(i.style ?? {})}>${t}</span>
   </cx-line-clamp>`;
-  return L(s);
+  return k(s);
 }
 function nn(l, e = {}, t) {
   const i = S(l.getValue()) || 0, s = l.getElement(), o = e.max ? e.max : 100, r = e.min ? e.min : 0, n = e.legendAlign ? e.legendAlign : "center";
@@ -6637,8 +6650,8 @@ function nn(l, e = {}, t) {
     case "object":
       if (Array.isArray(e.color)) {
         const y = 100 / e.color.length;
-        let w = Math.floor(a / y);
-        w = Math.min(w, e.color.length - 1), w = Math.max(w, 0), h = e.color[w];
+        let v = Math.floor(a / y);
+        v = Math.min(v, e.color.length - 1), v = Math.max(v, 0), h = e.color[v];
       } else
         h = "#2DC214";
       break;
@@ -6668,8 +6681,8 @@ function nn(l, e = {}, t) {
     case "object":
       if (Array.isArray(e.legendColor)) {
         const y = 100 / e.legendColor.length;
-        let w = Math.floor(a / y);
-        w = Math.min(w, e.legendColor.length - 1), w = Math.max(w, 0), d = e.legendColor[w];
+        let v = Math.floor(a / y);
+        v = Math.min(v, e.legendColor.length - 1), v = Math.max(v, 0), d = e.legendColor[v];
       } else
         d = "#000";
       break;
@@ -6689,8 +6702,8 @@ function nn(l, e = {}, t) {
     if (l instanceof vi)
       y = l.getContentElement();
     else {
-      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;
+      const v = document.createElement("div");
+      v.style.position = "absolute", v.style.top = "4px", v.style.bottom = "4px", v.style.left = "4px", v.style.right = "4px", s.appendChild(v), y = v;
     }
     y && (y.appendChild(f), f.appendChild(u), c && b && f.appendChild(b));
   }), "";
@@ -6723,7 +6736,7 @@ function cn(l, e) {
     removable: !1,
     size: "medium",
     variant: "neutral"
-  }, s = L(hn);
+  }, s = k(hn);
   return Object.assign(s, i), s.textContent = e?.getTagContent?.(t) ?? e?.tagContentMap?.[t] ?? String(t), s;
 }
 function dn(l) {
@@ -6763,7 +6776,7 @@ function gn(l) {
 }
 function mn(l, e) {
   const t = fn(e ?? {}, l), i = pn(l.getValue()), s = gn(t);
-  return L(x`
+  return k(x`
     <cx-format-time
       .duration=${i}
       display-style=${be(t.displayStyle)}
@@ -6801,7 +6814,7 @@ function vn(l, e, t, i) {
   const s = l.getValue();
   if (s == null || s === "")
     return;
-  const o = L(wn), r = e?.getColor?.(s) ?? e?.colorMap?.[s];
+  const o = k(wn), r = e?.getColor?.(s) ?? e?.colorMap?.[s];
   if (r) {
     const a = o.querySelector(
       ".tabulator-traffic-light"
@@ -6822,7 +6835,7 @@ function yn(l, e) {
   i.getVariant && (s = i.getVariant(t)), !s && i.variantMap && (s = i.variantMap[t]), !s && i.variant && (s = i.variant), s ??= $s.Body1;
   const o = x` <cx-line-clamp lines="1">
     <cx-typography style=${ke(i.style ?? {})}></cx-typography>
-  </cx-line-clamp>`, r = L(o), n = r.querySelector(
+  </cx-line-clamp>`, r = k(o), n = r.querySelector(
     "cx-typography"
   );
   n.variant = s;
@@ -7038,7 +7051,7 @@ class xn {
         ?free-width=${i ?? !1}
         placeholder=${be(s)}
       ></cx-select>
-    `, r = L(o), n = this.createPrefixElement();
+    `, r = k(o), n = this.createPrefixElement();
     return n && r.prepend(n), e || (r.style.cursor = "default", r.style.caretColor = "transparent"), this._bindInputEvents(r), r;
   }
   _initializeParams(e) {
@@ -7240,10 +7253,10 @@ class xn {
         return 0;
       if (!(c.test(i) && c.test(s)))
         return i > s ? 1 : -1;
-      const w = i.match(h), C = s.match(h);
-      if (!w || !C)
+      const v = i.match(h), C = s.match(h);
+      if (!v || !C)
         return i > s ? 1 : -1;
-      for (i = w.join(""), s = C.join(""), a = Math.min(i.length, s.length); n < a; )
+      for (i = v.join(""), s = C.join(""), a = Math.min(i.length, s.length); n < a; )
         if (o = i[n], r = s[n++], o !== r) {
           const E = Number(o), z = Number(r);
           if (Number.isFinite(E) && Number.isFinite(z) && !Number.isNaN(E) && !Number.isNaN(z)) {
@@ -7285,7 +7298,7 @@ class xn {
       }
   }
   _appendDivider() {
-    const e = L(En);
+    const e = k(En);
     this.input.appendChild(e);
   }
   _appendSectionLabel(e) {
@@ -7295,7 +7308,7 @@ class xn {
   _appendLeafOption(e) {
     let t = e.element;
     if (!t) {
-      t = L(Cn), t.getTextLabel = () => e.label, t.value = this.sanitizeValue(e.value);
+      t = k(Cn), t.getTextLabel = () => e.label, t.value = this.sanitizeValue(e.value);
       const i = this.formatItemLabel(e, t);
       i && typeof i == "object" && "nodeType" in i && i instanceof HTMLElement ? t.appendChild(i) : t.innerHTML = S(String(i || "")), t.classList.add(
         "tabulator-edit-list-item",
@@ -7426,38 +7439,38 @@ const Rn = function(l, e, t, i, s) {
   const d = document.createElement("div"), p = document.createElement("div");
   let u = !1, f = !1;
   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)
+    const v = window.getComputedStyle(o, null), C = h * Math.round(
+      p.offsetWidth / ((o.clientWidth - parseInt(v.getPropertyValue("padding-left")) - parseInt(v.getPropertyValue("padding-right"))) / 100)
     ) + n;
     t(C), o.setAttribute("aria-valuenow", String(C)), o.setAttribute("aria-label", String(C));
   }
   if (d.style.position = "absolute", d.style.right = "0", d.style.top = "0", d.style.bottom = "0", d.style.width = "5px", d.classList.add("tabulator-progress-handle"), p.style.display = "inline-block", p.style.position = "relative", p.style.height = "100%", p.style.backgroundColor = "#488CE9", p.style.maxWidth = "100%", p.style.minWidth = "0%", s.elementAttributes && typeof s.elementAttributes == "object")
-    for (const w in s.elementAttributes)
-      if (w.charAt(0) === "+") {
-        const C = w.slice(1);
+    for (const v in s.elementAttributes)
+      if (v.charAt(0) === "+") {
+        const C = v.slice(1);
         p.setAttribute(
           C,
           (p.getAttribute(C) || "") + s.elementAttributes["+" + C]
         );
       } else
-        p.setAttribute(w, s.elementAttributes[w]);
+        p.setAttribute(v, s.elementAttributes[v]);
   o.style.padding = "4px 4px", c = Math.min(parseFloat(String(c)), r), c = Math.max(parseFloat(String(c)), n), c = a !== 0 ? Math.round((c - n) / h) : 0, p.style.width = c + "%", o.setAttribute("aria-valuemin", String(n)), o.setAttribute("aria-valuemax", String(r)), o.setAttribute("role", "slider");
   const y = a !== 0 ? c * h + n : n;
-  return o.setAttribute("aria-valuenow", String(y)), o.setAttribute("aria-label", String(y)), p.appendChild(d), d.addEventListener("mousedown", (w) => {
-    u = w.screenX, f = p.offsetWidth;
+  return o.setAttribute("aria-valuenow", String(y)), o.setAttribute("aria-label", String(y)), p.appendChild(d), d.addEventListener("mousedown", (v) => {
+    u = v.screenX, f = p.offsetWidth;
   }), d.addEventListener("mouseover", () => {
     d.style.cursor = "ew-resize";
-  }), 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, b());
-  }), o.addEventListener("keydown", (w) => {
-    switch (w.keyCode) {
+  }), o.addEventListener("mousemove", (v) => {
+    u !== !1 && f !== !1 && (p.style.width = f + v.screenX - u + "px");
+  }), o.addEventListener("mouseup", (v) => {
+    u !== !1 && (v.stopPropagation(), v.stopImmediatePropagation(), u = !1, f = !1, b());
+  }), o.addEventListener("keydown", (v) => {
+    switch (v.keyCode) {
       case 39:
-        w.preventDefault(), p.style.width = p.clientWidth + o.clientWidth / 100 + "px";
+        v.preventDefault(), p.style.width = p.clientWidth + o.clientWidth / 100 + "px";
         break;
       case 37:
-        w.preventDefault(), p.style.width = p.clientWidth - o.clientWidth / 100 + "px";
+        v.preventDefault(), p.style.width = p.clientWidth - o.clientWidth / 100 + "px";
         break;
       case 9:
       // tab
@@ -7513,37 +7526,37 @@ const Rn = function(l, e, t, i, s) {
     "svg"
   );
   function u(y) {
-    c.forEach((w, C) => {
-      C < y ? (o.table.browser === "ie" ? w.setAttribute("class", "tabulator-star-active") : w.classList.replace(
+    c.forEach((v, C) => {
+      C < y ? (o.table.browser === "ie" ? v.setAttribute("class", "tabulator-star-active") : v.classList.replace(
         "tabulator-star-inactive",
         "tabulator-star-active"
-      ), w.innerHTML = '<polygon fill="#488CE9" stroke="#014AAE" stroke-width="37.6152" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="259.216,29.942 330.27,173.919 489.16,197.007 374.185,309.08 401.33,467.31 259.216,392.612 117.104,467.31 144.25,309.08 29.274,197.007 188.165,173.919 "/>') : (o.table.browser === "ie" ? w.setAttribute("class", "tabulator-star-inactive") : w.classList.replace(
+      ), v.innerHTML = '<polygon fill="#488CE9" stroke="#014AAE" stroke-width="37.6152" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="259.216,29.942 330.27,173.919 489.16,197.007 374.185,309.08 401.33,467.31 259.216,392.612 117.104,467.31 144.25,309.08 29.274,197.007 188.165,173.919 "/>') : (o.table.browser === "ie" ? v.setAttribute("class", "tabulator-star-inactive") : v.classList.replace(
         "tabulator-star-active",
         "tabulator-star-inactive"
-      ), w.innerHTML = '<polygon fill="#010155" stroke="#686868" stroke-width="37.6152" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="259.216,29.942 330.27,173.919 489.16,197.007 374.185,309.08 401.33,467.31 259.216,392.612 117.104,467.31 144.25,309.08 29.274,197.007 188.165,173.919 "/>');
+      ), v.innerHTML = '<polygon fill="#010155" stroke="#686868" stroke-width="37.6152" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="259.216,29.942 330.27,173.919 489.16,197.007 374.185,309.08 401.33,467.31 259.216,392.612 117.104,467.31 144.25,309.08 29.274,197.007 188.165,173.919 "/>');
     });
   }
   function f(y) {
-    const w = document.createElement("span"), C = p.cloneNode(!0);
-    c.push(C), w.addEventListener("mouseenter", (E) => {
+    const v = document.createElement("span"), C = p.cloneNode(!0);
+    c.push(C), v.addEventListener("mouseenter", (E) => {
       E.stopPropagation(), E.stopImmediatePropagation(), u(y);
-    }), w.addEventListener("mousemove", (E) => {
+    }), v.addEventListener("mousemove", (E) => {
       E.stopPropagation(), E.stopImmediatePropagation();
-    }), w.addEventListener("click", (E) => {
+    }), v.addEventListener("click", (E) => {
       E.stopPropagation(), E.stopImmediatePropagation(), t(y), r.blur();
-    }), w.appendChild(C), d.appendChild(w);
+    }), v.appendChild(C), d.appendChild(v);
   }
   function b(y) {
-    const w = Math.max(0, Math.min(y, a));
-    n = w, u(w);
+    const v = Math.max(0, Math.min(y, a));
+    n = v, u(v);
   }
   if (r.style.whiteSpace = "nowrap", r.style.overflow = "hidden", r.style.textOverflow = "ellipsis", d.style.verticalAlign = "middle", d.style.display = "inline-block", d.style.padding = "4px", p.setAttribute("width", h || "14"), p.setAttribute("height", h || "14"), p.setAttribute("viewBox", "0 0 512 512"), p.setAttribute("xml:space", "preserve"), p.style.padding = "0 1px", s.elementAttributes && typeof s.elementAttributes == "object")
     for (const y in s.elementAttributes)
       if (y.charAt(0) === "+") {
-        const w = y.slice(1);
+        const v = y.slice(1);
         d.setAttribute(
-          w,
-          (d.getAttribute(w) || "") + s.elementAttributes["+" + w]
+          v,
+          (d.getAttribute(v) || "") + s.elementAttributes["+" + v]
         );
       } else
         d.setAttribute(
@@ -7675,8 +7688,8 @@ const Rn = function(l, e, t, i, s) {
   function u() {
     const f = c.value;
     let b = f, y;
-    const w = String(h ?? "");
-    if (f === w)
+    const v = String(h ?? "");
+    if (f === v)
       i();
     else {
       if (b && o && n)
@@ -7871,7 +7884,7 @@ const Rn = function(l, e, t, i, s) {
     if (t < e.cells.length - 1)
       for (let s = t + 1; s < e.cells.length; s++) {
         const o = e.cells[s], r = o.getElement();
-        if (o.column.modules.edit && r && k.elVisible(r) && this.allowEdit(o)) {
+        if (o.column.modules.edit && r && D.elVisible(r) && this.allowEdit(o)) {
           i = o;
           break;
         }
@@ -7883,7 +7896,7 @@ const Rn = function(l, e, t, i, s) {
     if (t > 0)
       for (let s = t - 1; s >= 0; s--) {
         const o = e.cells[s], r = o.getElement();
-        if (o.column.modules.edit && r && k.elVisible(r) && this.allowEdit(o)) {
+        if (o.column.modules.edit && r && D.elVisible(r) && this.allowEdit(o)) {
           i = o;
           break;
         }
@@ -8076,8 +8089,8 @@ const Rn = function(l, e, t, i, s) {
             r.removeChild(r.firstChild);
           r.appendChild(a), o();
           const y = r.children;
-          for (const w of y)
-            w.addEventListener("click", (C) => {
+          for (const v of y)
+            v.addEventListener("click", (C) => {
               C.stopPropagation();
             });
         } else
@@ -8890,20 +8903,20 @@ const is = process.env.NODE_ENV === "development", _n = {
     e.modules.filter.value = t;
     function b() {
     }
-    function y(w) {
-      f = w;
+    function y(v) {
+      f = v;
     }
     if (e.modules.filter.headerElement?.parentNode) {
-      const w = e.modules.filter.headerElement;
-      w?.parentNode && e.contentElement && e.contentElement.removeChild(w.parentNode);
+      const v = e.modules.filter.headerElement;
+      v?.parentNode && e.contentElement && e.contentElement.removeChild(v.parentNode);
     }
     if (r) {
-      switch (e.modules.filter.emptyFunc = e.definition.headerFilterEmptyCheck || function(w) {
-        return !w && w !== 0;
+      switch (e.modules.filter.emptyFunc = e.definition.headerFilterEmptyCheck || function(v) {
+        return !v && v !== 0;
       }, n = document.createElement("div"), n.classList.add("tabulator-header-filter"), typeof e.definition.headerFilter) {
         case "string":
-          s.table.modules.edit.editors[e.definition.headerFilter] ? (a = s.table.modules.edit.editors[e.definition.headerFilter], (e.definition.headerFilter === "tick" || e.definition.headerFilter === "tickCross") && !e.definition.headerFilterEmptyCheck && (e.modules.filter.emptyFunc = function(w) {
-            return w !== !0 && w !== !1;
+          s.table.modules.edit.editors[e.definition.headerFilter] ? (a = s.table.modules.edit.editors[e.definition.headerFilter], (e.definition.headerFilter === "tick" || e.definition.headerFilter === "tickCross") && !e.definition.headerFilterEmptyCheck && (e.modules.filter.emptyFunc = function(v) {
+            return v !== !0 && v !== !1;
           })) : G && console.warn(
             "Filter Error - Cannot build header filter, No such editor found: ",
             e.definition.editor
@@ -8913,8 +8926,8 @@ const is = process.env.NODE_ENV === "development", _n = {
           a = e.definition.headerFilter;
           break;
         case "boolean":
-          e.modules.edit?.editor ? a = e.modules.edit.editor : e.definition.formatter && s.table.modules.edit.editors[e.definition.formatter] ? (a = s.table.modules.edit.editors[e.definition.formatter], (e.definition.formatter === "tick" || e.definition.formatter === "tickCross") && !e.definition.headerFilterEmptyCheck && (e.modules.filter.emptyFunc = function(w) {
-            return w !== !0 && w !== !1;
+          e.modules.edit?.editor ? a = e.modules.edit.editor : e.definition.formatter && s.table.modules.edit.editors[e.definition.formatter] ? (a = s.table.modules.edit.editors[e.definition.formatter], (e.definition.formatter === "tick" || e.definition.formatter === "tickCross") && !e.definition.headerFilterEmptyCheck && (e.modules.filter.emptyFunc = function(v) {
+            return v !== !0 && v !== !1;
           })) : a = s.table.modules.edit.editors.input;
           break;
       }
@@ -8962,28 +8975,28 @@ const is = process.env.NODE_ENV === "development", _n = {
         }
         s.langBind(
           "headerFilters|columns|" + e.definition.field,
-          (w) => {
+          (v) => {
             if (h) {
-              const C = w != null && w ? w : e.definition.headerFilterPlaceholder || s.langText("headerFilters|default");
+              const C = v != null && v ? v : e.definition.headerFilterPlaceholder || s.langText("headerFilters|default");
               h.setAttribute("placeholder", C || "");
             }
           }
-        ), h.addEventListener("click", (w) => {
-          w.stopPropagation(), h && h.focus();
+        ), h.addEventListener("click", (v) => {
+          v.stopPropagation(), h && h.focus();
         }), h.addEventListener("focus", () => {
-          const w = this.table.columnManager?.contentsElement, C = this.table.rowManager?.element;
-          if (w && C && this.table.rowManager && this.table.columnManager) {
-            const E = w.scrollLeft, z = C.scrollLeft;
+          const v = this.table.columnManager?.contentsElement, C = this.table.rowManager?.element;
+          if (v && C && this.table.rowManager && this.table.columnManager) {
+            const E = v.scrollLeft, z = C.scrollLeft;
             E !== z && (this.table.rowManager.scrollHorizontal(E), this.table.columnManager.scrollHorizontal(E));
           }
-        }), d = !1, p = function(w) {
+        }), d = !1, p = function(v) {
           d && clearTimeout(d), d = setTimeout(() => {
             o(h.value);
           }, s.table.options.headerFilterLiveFilterDelay);
-        }, e.modules.filter.headerElement = h, e.modules.filter.attrType = h.hasAttribute("type") ? h.getAttribute("type").toLowerCase() : "", e.modules.filter.tagType = h.tagName.toLowerCase(), e.definition.headerFilterLiveFilter !== !1 && (e.definition.headerFilter === "autocomplete" || e.definition.headerFilter === "tickCross" || (e.definition.editor === "autocomplete" || e.definition.editor === "tickCross") && e.definition.headerFilter === !0 || (h.addEventListener("keyup", p), h.addEventListener("search", p), e.modules.filter.attrType === "number" && h.addEventListener("change", (w) => {
+        }, e.modules.filter.headerElement = h, e.modules.filter.attrType = h.hasAttribute("type") ? h.getAttribute("type").toLowerCase() : "", e.modules.filter.tagType = h.tagName.toLowerCase(), e.definition.headerFilterLiveFilter !== !1 && (e.definition.headerFilter === "autocomplete" || e.definition.headerFilter === "tickCross" || (e.definition.editor === "autocomplete" || e.definition.editor === "tickCross") && e.definition.headerFilter === !0 || (h.addEventListener("keyup", p), h.addEventListener("search", p), e.modules.filter.attrType === "number" && h.addEventListener("change", (v) => {
           o(h.value);
-        }), e.modules.filter.attrType === "text" && this.table.browser !== "ie" && h.setAttribute("type", "search")), (e.modules.filter.tagType === "input" || e.modules.filter.tagType === "select" || e.modules.filter.tagType === "textarea") && h.addEventListener("mousedown", (w) => {
-          w.stopPropagation();
+        }), e.modules.filter.attrType === "text" && this.table.browser !== "ie" && h.setAttribute("type", "search")), (e.modules.filter.tagType === "input" || e.modules.filter.tagType === "select" || e.modules.filter.tagType === "textarea") && h.addEventListener("mousedown", (v) => {
+          v.stopPropagation();
         })), n && h && n.appendChild(h), e.contentElement && n && e.contentElement.appendChild(n), i || s.headerFilterColumns.push(e), f && f();
       }
     } else G && console.warn(
@@ -9498,7 +9511,7 @@ class ze {
     this.element = document.createElement("div"), this.element.classList.add("tabulator-row"), this.element.classList.add("tabulator-group"), this.element.classList.add("tabulator-group-level-" + this.level), this.element.setAttribute(
       "role",
       this.groupManager.table.options.rowGroupRole ?? "rowgroup"
-    ), this.arrowElement = L(Bn), this.groupManager.table.options.movableRows !== !1 && this.groupManager.table.modExists("moveRow") && this.groupManager.table.modules.moveRow.initializeGroupHeader(
+    ), this.arrowElement = k(Bn), this.groupManager.table.options.movableRows !== !1 && this.groupManager.table.modExists("moveRow") && this.groupManager.table.modules.moveRow.initializeGroupHeader(
       this
     );
   }
@@ -9562,7 +9575,7 @@ class ze {
       let s = i.querySelector(
         ".tabulator-group-level-indent"
       );
-      s || (s = L(In), i.insertBefore(s, i.firstChild)), s.style.marginLeft = `${(this.level + 1) * (this.groupManager.table.options.groupIndent ?? 36)}px`, s.dataset.groupLevel = this.level.toString();
+      s || (s = k(In), i.insertBefore(s, i.firstChild)), s.style.marginLeft = `${(this.level + 1) * (this.groupManager.table.options.groupIndent ?? 36)}px`, s.dataset.groupLevel = this.level.toString();
     }
   }
   insertRow(e, t, i) {
@@ -9775,7 +9788,7 @@ class ze {
     (!this.initialized || e) && (this.normalizeHeight(), this.initialized = !0);
   }
   reinitialize() {
-    this.initialized = !1, this.heightInitialized = !1, this.height = 0, this.element && k.elVisible(this.element) && this.initialize(!0);
+    this.initialized = !1, this.heightInitialized = !1, this.height = 0, this.element && D.elVisible(this.element) && this.initialize(!0);
   }
   setHeight(e) {
     this.height !== e && (this.height = e, this.element && (this.outerHeight = this.element.offsetHeight));
@@ -11115,7 +11128,7 @@ const zi = class zi extends R {
     !e.modules.frozen && !e.isGroup && !e.isRowHeader && (s = e.getElement(), i.mousemove = function(o) {
       if (t.moving && e.parent === t.moving.parent && s && s.parentNode) {
         const r = t.touchMove && "touches" in o ? o.touches[0].pageX : "pageX" in o ? o.pageX : 0, n = t.table.columnManager?.contentsElement;
-        r - k.elOffset(s).left + (n?.scrollLeft || 0) > e.getWidth() / 2 ? (t.toCol !== e || !t.toColAfter) && (s.parentNode.insertBefore(
+        r - D.elOffset(s).left + (n?.scrollLeft || 0) > e.getWidth() / 2 ? (t.toCol !== e || !t.toColAfter) && (s.parentNode.insertBefore(
           t.placeholderElement,
           s.nextSibling
         ), t.moveColumn(e, !0)) : (t.toCol !== e || t.toColAfter) && (s.parentNode.insertBefore(t.placeholderElement, s), t.moveColumn(e, !1));
@@ -11180,7 +11193,7 @@ const zi = class zi extends R {
       return;
     this.moving = t;
     const r = this.touchMove && "touches" in e ? e.touches[0].pageX : "pageX" in e ? e.pageX : 0;
-    this.startX = r - k.elOffset(i).left, this.table.element.classList.add("tabulator-block-select"), this.placeholderElement.style.width = t.getWidth() + "px", this.placeholderElement.style.height = t.getHeight() + "px", i.parentNode && (i.parentNode.insertBefore(this.placeholderElement, i), i.parentNode.removeChild(i)), this.hoverElement = i.cloneNode(!0), this.hoverElement.classList.add("tabulator-moving"), s.appendChild(this.hoverElement), this.hoverElement.style.left = "0", this.hoverElement.style.bottom = s.clientHeight - o.offsetHeight + "px", this.touchMove || (this._bindMouseMove(), document.body.addEventListener("mousemove", this.moveHover), document.body.addEventListener("mouseup", this.endMove)), this.moveHover(e), this.dispatch("column-moving", e, this.moving);
+    this.startX = r - D.elOffset(i).left, this.table.element.classList.add("tabulator-block-select"), this.placeholderElement.style.width = t.getWidth() + "px", this.placeholderElement.style.height = t.getHeight() + "px", i.parentNode && (i.parentNode.insertBefore(this.placeholderElement, i), i.parentNode.removeChild(i)), this.hoverElement = i.cloneNode(!0), this.hoverElement.classList.add("tabulator-moving"), s.appendChild(this.hoverElement), this.hoverElement.style.left = "0", this.hoverElement.style.bottom = s.clientHeight - o.offsetHeight + "px", this.touchMove || (this._bindMouseMove(), document.body.addEventListener("mousemove", this.moveHover), document.body.addEventListener("mouseup", this.endMove)), this.moveHover(e), this.dispatch("column-moving", e, this.moving);
   }
   _bindMouseMove() {
     this.table.columnManager?.columnsByIndex.forEach((e) => {
@@ -11235,7 +11248,7 @@ const zi = class zi extends R {
     const t = this.table.columnManager?.getContentsElement();
     if (!t || !this.hoverElement)
       return;
-    const i = t.scrollLeft, o = (this.touchMove && "touches" in e ? e.touches[0].pageX : "pageX" in e ? e.pageX : 0) - k.elOffset(t).left + i;
+    const i = t.scrollLeft, o = (this.touchMove && "touches" in e ? e.touches[0].pageX : "pageX" in e ? e.pageX : 0) - D.elOffset(t).left + i;
     let r;
     this.hoverElement.style.left = o - this.startX + "px", o - i < this.autoScrollMargin && (this.autoScrollTimeout || (this.autoScrollTimeout = setTimeout(() => {
       r = Math.max(0, i - this.autoScrollStep);
@@ -11288,7 +11301,7 @@ const sl = {
     }, i.mousemove = function(s) {
       if (t.table.rowManager) {
         const o = e.getElement();
-        o?.parentNode && (s.pageY - k.elOffset(o).top + t.table.rowManager.element.scrollTop > e.getHeight() / 2 ? (t.toRow !== e || !t.toRowAfter) && (o.parentNode.insertBefore(
+        o?.parentNode && (s.pageY - D.elOffset(o).top + t.table.rowManager.element.scrollTop > e.getHeight() / 2 ? (t.toRow !== e || !t.toRowAfter) && (o.parentNode.insertBefore(
           t.placeholderElement,
           o.nextSibling
         ), t.moveRow(e, !0)) : (t.toRow !== e || t.toRowAfter) && o.previousSibling && (o.parentNode.insertBefore(t.placeholderElement, o), t.moveRow(e, !1)));
@@ -11302,7 +11315,7 @@ const sl = {
     }, i.mousemove = function(s) {
       if (t.table.rowManager) {
         const o = e.getElement();
-        o?.parentNode && (s.pageY - k.elOffset(o).top + t.table.rowManager.element.scrollTop > e.getHeight() / 2 ? (t.toRow !== e || !t.toRowAfter) && (o.parentNode.insertBefore(
+        o?.parentNode && (s.pageY - D.elOffset(o).top + t.table.rowManager.element.scrollTop > e.getHeight() / 2 ? (t.toRow !== e || !t.toRowAfter) && (o.parentNode.insertBefore(
           t.placeholderElement,
           o.nextSibling
         ), t.moveRow(e, !0)) : (t.toRow !== e || t.toRowAfter) && (o.parentNode.insertBefore(t.placeholderElement, o), t.moveRow(e, !1)));
@@ -11726,7 +11739,7 @@ const Fi = class Fi extends R {
         t = s;
       }
       return t > 0 && t <= this.max || this.mode !== "local" ? (this.page = t, this.paginationElement.pageIndex = t, this.trackChanges(), this.trigger()) : Promise.reject();
-    }, this.mode = "local", this.element = null, this.pageSizes = [], this.registerTableOption("pagination", !1), this.registerTableOption("paginationMode", "local"), this.registerTableOption("paginationSize", !1), this.registerTableOption("paginationInitialPage", 1), this.registerTableOption("paginationCounter", !1), this.registerTableOption("paginationButtonCount", 5), this.registerTableOption("paginationSizeSelector", !1), this.registerTableOption("paginationAddRow", "page"), this.registerTableOption("paginationOutOfRange", !1), this.registerTableOption("progressiveLoad", !1), this.registerTableOption("progressiveLoadDelay", 0), this.registerTableOption("progressiveLoadScrollMargin", 0), this.registerTableFunction(
+    }, this.mode = "local", this.element = null, this.pageSizes = [], this.registerTableOption("pagination", !1), this.registerTableOption("paginationMode", "local"), this.registerTableOption("paginationSize", !1), this.registerTableOption("paginationInitialPage", 1), this.registerTableOption("paginationCounter", !1), this.registerTableOption("paginationButtonCount", 5), this.registerTableOption("pageSizeOptions", []), this.registerTableOption("showPaginationInput", !0), this.registerTableOption("paginationAddRow", "page"), this.registerTableOption("paginationOutOfRange", !1), this.registerTableOption("progressiveLoad", !1), this.registerTableOption("progressiveLoadDelay", 0), this.registerTableOption("progressiveLoadScrollMargin", 0), this.registerTableFunction(
       "setMaxPage",
       this.setMaxPage.bind(this)
     ), this.registerTableFunction(
@@ -11777,7 +11790,7 @@ const Fi = class Fi extends R {
     let e, t;
     this.table.options.paginationSize ? this.size = this.table.options.paginationSize : (e = document.createElement("div"), e.classList.add("tabulator-row"), e.style.visibility = "hidden", t = document.createElement("div"), t.classList.add("tabulator-cell"), t.innerHTML = S("Page Row Test"), e.appendChild(t), this.table.rowManager?.getTableElement().appendChild(e), this.size = Math.floor(
       (this.table.rowManager?.getElement()?.clientHeight ?? 0) / e.offsetHeight
-    ), this.table.rowManager?.getTableElement().removeChild(e)), this.dispatchExternal("pageSizeChanged", this.size), this.generatePageSizeSelectList();
+    ), e.remove()), this.dispatchExternal("pageSizeChanged", this.size), this.generatePageSizeSelectList();
   }
   initialLoadComplete() {
     this.initialLoad = !1;
@@ -11812,25 +11825,19 @@ const Fi = class Fi extends R {
     this.refreshData(!0, "all");
   }
   createElements() {
-    this.element = document.createElement("div"), this.element.slot = "pagination", this.element.classList.add("tabulator-paginator"), this.paginationElement = document.createElement(
-      "cx-pagination"
-    ), this.paginationElement.setAttribute("count", "100"), this.paginationElement.setAttribute("rows-per-page-options", "1 2 3 5"), this.paginationElement.setAttribute("rows-per-page", "2"), this.table.options.paginationShowFirst && this.paginationElement.setAttribute("show-first", ""), this.table.options.paginationShowLast && this.paginationElement.setAttribute("show-last", ""), this.table.options.showPaginationButtons && (this.paginationElement.setAttribute("show-pagination-buttons", ""), this.paginationElement.setAttribute(
+    const e = x`<cx-pagination
+      back-icon-name="arrow_backward"
+      next-icon-name="arrow_forward"
+      icon-button-size="small"
+    ></cx-pagination>`, t = x`<div slot="pagination" class="tabulator-paginator"></div>`;
+    this.element = k(t), this.paginationElement = k(e), this.table.options.paginationShowFirst && this.paginationElement.setAttribute("show-first", ""), this.table.options.paginationShowLast && this.paginationElement.setAttribute("show-last", ""), this.table.options.showPaginationButtons && (this.paginationElement.setAttribute("show-pagination-buttons", ""), this.paginationElement.setAttribute(
       "pagination-button-count",
       this.count.toString()
-    )), this.paginationElement.setAttribute("label", ""), this.paginationElement.classList.add("tabulator-paginator-pagination");
+    )), this.table.options.showPaginationInput && this.paginationElement.setAttribute("show-pagination-input", ""), this.paginationElement.setAttribute("label", ""), this.paginationElement.classList.add("tabulator-paginator-pagination");
   }
   generatePageSizeSelectList() {
     let e = [], t = 1;
-    if (typeof this.size == "number" && Number.isFinite(this.size) && this.size > 0 && (t = this.size), Array.isArray(this.table.options.paginationSizeSelector))
-      e = this.table.options.paginationSizeSelector, this.pageSizes = e, this.pageSizes.indexOf(t) == -1 && e.unshift(t);
-    else if (this.pageSizes.indexOf(t) == -1) {
-      e = [];
-      for (let i = 1; i < 5; i++)
-        e.push(t * i);
-      this.pageSizes = e;
-    } else
-      e = this.pageSizes;
-    this.paginationElement.pageSizeOptions = e, this.paginationElement.pageSize = t;
+    typeof this.size == "number" && Number.isFinite(this.size) && this.size > 0 && (t = this.size), Array.isArray(this.table.options.pageSizeOptions) ? (e = this.table.options.pageSizeOptions, this.pageSizes = e, this.pageSizes.includes(t) || e.unshift(t)) : this.pageSizes.includes(t) ? e = this.pageSizes : (e = [], this.pageSizes = e), this.paginationElement.pageSizeOptions = e, this.paginationElement.pageSize = t;
   }
   initializePageCounter() {
     const e = this.table.options.paginationCounter;
@@ -11839,7 +11846,7 @@ const Fi = class Fi extends R {
   /**
    * Pagination is mounted on `table.toolbar` (outside Tabulator's root element).
    * Tabulator.destroy() only clears the table element, so we must detach on destroy
-   * or a full re-init (e.g. paginationSizeSelector change) leaves duplicate cx-pagination nodes.
+   * or a full re-init (e.g. pageSizeOptions change) leaves duplicate cx-pagination nodes.
    */
   cleanup() {
     this.element?.remove();
@@ -13072,7 +13079,7 @@ rt.moduleName = "responsiveLayout", rt.moduleExtensions = cl;
 let si = rt;
 const dl = x`<cx-checkbox></cx-checkbox>`;
 function ul(l, e) {
-  const t = L(dl);
+  const t = k(dl);
   let i = t, s = !1;
   t.setAttribute("aria-label", "Select Row"), t.size = "small";
   const o = this.table;
@@ -13681,7 +13688,7 @@ const Ce = process.env.NODE_ENV === "development", Rl = x`<div class="tabulator-
     ));
   }
   initializeTable() {
-    this.overlay = document.createElement("div"), this.overlay.classList.add("tabulator-range-overlay"), this.rangeContainer = document.createElement("div"), this.rangeContainer.classList.add("tabulator-range-container"), this.activeRangeCellElement = document.createElement("div"), this.activeRangeCellElement.classList.add("tabulator-range-cell-active"), this.hoverRangeCellElement = L(Rl), this.overlay.appendChild(this.rangeContainer), this.overlay.appendChild(this.hoverRangeCellElement), this.overlay.appendChild(this.activeRangeCellElement), this.table.rowManager?.element && this.table.rowManager.element.addEventListener(
+    this.overlay = document.createElement("div"), this.overlay.classList.add("tabulator-range-overlay"), this.rangeContainer = document.createElement("div"), this.rangeContainer.classList.add("tabulator-range-container"), this.activeRangeCellElement = document.createElement("div"), this.activeRangeCellElement.classList.add("tabulator-range-cell-active"), this.hoverRangeCellElement = k(Rl), this.overlay.appendChild(this.rangeContainer), this.overlay.appendChild(this.hoverRangeCellElement), this.overlay.appendChild(this.activeRangeCellElement), this.table.rowManager?.element && this.table.rowManager.element.addEventListener(
       "keydown",
       this.keyDownEvent
     ), this.resetRanges(), this.table.rowManager?.element && this.overlay && this.table.rowManager.element.appendChild(this.overlay), this.table.columnManager?.element && this.table.columnManager.element.setAttribute("tabindex", "0"), this.table.element.classList.add("tabulator-ranges");
@@ -13860,23 +13867,23 @@ const Ce = process.env.NODE_ENV === "development", Rl = x`<div class="tabulator-
     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 = b.col ?? 0;
-          r = this.findJumpCellLeft(y, w);
+          const y = u.start.row ?? 0, v = b.col ?? 0;
+          r = this.findJumpCellLeft(y, v);
           break;
         }
         case "right": {
-          const y = u.start.row ?? 0, w = b.col ?? 0;
-          r = this.findJumpCellRight(y, w);
+          const y = u.start.row ?? 0, v = b.col ?? 0;
+          r = this.findJumpCellRight(y, v);
           break;
         }
         case "up": {
-          const y = b.row ?? 0, w = u.start.col ?? 0;
-          o = this.findJumpCellUp(y, w);
+          const y = b.row ?? 0, v = u.start.col ?? 0;
+          o = this.findJumpCellUp(y, v);
           break;
         }
         case "down": {
-          const y = b.row ?? 0, w = u.start.col ?? 0;
-          o = this.findJumpCellDown(y, w);
+          const y = b.row ?? 0, v = u.start.col ?? 0;
+          o = this.findJumpCellDown(y, v);
           break;
         }
       }
@@ -13899,8 +13906,8 @@ const Ce = process.env.NODE_ENV === "development", Rl = x`<div class="tabulator-
       }
     }
     if (this.rowHeader && r === 0 && (r = 1), t || u.setStart(o, r), u.setEnd(o, r), t || (this.selecting = q.Cell), s = f.top !== u.top || f.bottom !== u.bottom || f.left !== u.left || f.right !== u.right, s) {
-      const y = u.end.row ?? 0, w = u.end.col ?? 0;
-      n = this.getRowByRangePos(y), a = this.getColumnByRangePos(w);
+      const y = u.end.row ?? 0, v = u.end.col ?? 0;
+      n = this.getRowByRangePos(y), a = this.getColumnByRangePos(v);
       const C = n.getElement(), E = a.getElement(), z = this.table.rowManager?.getElement(), T = this.table.columnManager?.getElement();
       C && E && z && T && (h = C.getBoundingClientRect(), d = E.getBoundingClientRect(), c = z.getBoundingClientRect(), p = T.getBoundingClientRect(), h.top >= c.top && h.bottom <= c.bottom || (C.parentNode && E.parentNode ? this.autoScroll(u, C, E) : n.getComponent().scrollTo(void 0, !1)), d.left >= p.left + this.getRowHeaderWidth() && d.right <= p.right || (C.parentNode && E.parentNode ? this.autoScroll(u, C, E) : a.getComponent().scrollTo(void 0, !1))), this.layoutElement();
     }
@@ -14206,16 +14213,16 @@ function Sl(l, e, t, i, s, o, r) {
     const b = u.length > f.length ? f.length : u.length;
     let y = 0;
     for (; y < b; ) {
-      let w = u[y];
+      let v = u[y];
       const C = f[y++];
-      if (w !== C) {
-        const E = Number(w), z = Number(C);
+      if (v !== C) {
+        const E = Number(v), z = Number(C);
         if (isFinite(E) && isFinite(z)) {
-          w.charAt(0) === "0" && (w = "." + w);
+          v.charAt(0) === "0" && (v = "." + v);
           const T = C.charAt(0) === "0" ? "." + C : C;
-          return Number(w) - Number(T);
+          return Number(v) - Number(T);
         } else
-          return w > C ? 1 : -1;
+          return v > C ? 1 : -1;
       }
     }
     return u.length === f.length ? 0 : u.length > f.length ? 1 : -1;
@@ -14231,7 +14238,7 @@ function Tl(l, e, t, i, s, o, r) {
     if (typeof r.valueMap == "string") {
       const u = c.options.nestedFieldSeparator, f = r.valueMap;
       d = function(b) {
-        return k.retrieveNestedData(u, f, b);
+        return D.retrieveNestedData(u, f, b);
       };
     } else
       d = r.valueMap;
@@ -14251,7 +14258,7 @@ function Tl(l, e, t, i, s, o, r) {
         !Array.isArray(u) || u.length === 0 ? f = 0 : f = Math.min.apply(null, u);
         break;
       case "avg":
-        !Array.isArray(u) || u.length === 0 ? f = 0 : f = u.reduce((y, w) => y + w) / u.length;
+        !Array.isArray(u) || u.length === 0 ? f = 0 : f = u.reduce((y, v) => y + v) / u.length;
         break;
       case "string":
         f = u.join("");
@@ -16017,7 +16024,7 @@ class Wl extends B {
   }
   // redraw columns
   redraw(e) {
-    this.element && k.elVisible(this.element) && this.verticalAlignHeaders(), e && (this.table.rowManager?.resetScroll(), this.table.rowManager?.reinitialize()), this.confirm("table-redrawing", e) || this.layoutRefresh(e || !1), this.dispatch("table-redraw", e), this.table.footerManager?.redraw();
+    this.element && D.elVisible(this.element) && this.verticalAlignHeaders(), e && (this.table.rowManager?.resetScroll(), this.table.rowManager?.reinitialize()), this.confirm("table-redrawing", e) || this.layoutRefresh(e || !1), this.dispatch("table-redraw", e), this.table.footerManager?.redraw();
   }
 }
 const Gl = {
@@ -16176,12 +16183,12 @@ class $l extends gt {
     const t = e.getElement(), i = this.elementVertical;
     if (!t || !i)
       return !0;
-    const s = k.elOffset(t).top, o = k.elOffset(i).top, r = o + i.clientHeight;
+    const s = D.elOffset(t).top, o = D.elOffset(i).top, r = o + i.clientHeight;
     return Math.abs(s - o) <= Math.abs(s - r);
   }
   scrollToRow(e) {
     const t = e.getElement(), i = this.elementVertical;
-    !t || !i || (i.scrollTop = k.elOffset(t).top - k.elOffset(i).top + i.scrollTop);
+    !t || !i || (i.scrollTop = D.elOffset(t).top - D.elOffset(i).top + i.scrollTop);
   }
   visibleRows() {
     return this.rows();
@@ -16291,7 +16298,7 @@ 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, b, y, w = [], C = 0, E = 0;
+    let f = 0, b, y, v = [], 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 I = this.elementVertical?.clientHeight ?? 0, P = this.table.options.rowHeight, te = !0;
     if (e = e || 0, i = i || 0, !e)
@@ -16310,23 +16317,23 @@ class Ul extends gt {
       ), e -= r;
     }
     const Le = !this.table.initialized || !!t;
-    if (u && this.elementVertical && (k.elVisible(this.elementVertical) || Le)) {
+    if (u && this.elementVertical && (D.elVisible(this.elementVertical) || Le)) {
       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 <= I + this.vDomWindowBuffer || C < this.vDomWindowMinTotalRows) && this.vDomBottom < u - 1; ) {
-        for (w = [], y = document.createDocumentFragment(), d = 0; d < E && this.vDomBottom < u - 1; ) {
+        for (v = [], y = document.createDocumentFragment(), d = 0; d < E && this.vDomBottom < u - 1; ) {
           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++;
+          j && y.appendChild(j), v.push(b), this.vDomBottom++, d++;
         }
-        if (!w.length)
+        if (!v.length)
           break;
-        s?.appendChild(y), w.forEach((j) => {
+        s?.appendChild(y), v.forEach((j) => {
           j.rendered(), j.heightInitialized || j.calcHeight(!0);
-        }), w.forEach((j) => {
+        }), v.forEach((j) => {
           j.heightInitialized || j.setCellHeight();
-        }), w.forEach((j) => {
+        }), v.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, I = this.elementVertical.clientHeight, te && Y && (P = n / C, E = Math.max(
           this.vDomWindowMinTotalRows,
@@ -16448,7 +16455,7 @@ class Kl extends B {
   }
   // ////////////// Setup Functions /////////////////
   createWrapperElement() {
-    return L(Xl);
+    return k(Xl);
   }
   createHolderElement() {
     const e = document.createElement("div");
@@ -16773,7 +16780,7 @@ Data:     `,
         });
         return;
       } else
-        k.elVisible(this.element) ? i ? this.reRenderInPosition(
+        D.elVisible(this.element) ? i ? this.reRenderInPosition(
           this.refreshPipelines.bind(
             this,
             e,
@@ -17169,7 +17176,7 @@ const it = process.env.NODE_ENV === "development", lt = class lt extends B {
   alertLoader() {
     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);
+    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 = k(t);
     e && this.table.alertManager?.alert(
       this.table.options.dataLoaderLoading || i
     );
@@ -17581,8 +17588,8 @@ function ra(l) {
   let e = this.table.element?.clientWidth || 0;
   const t = this.table.columnManager?.contentsElement;
   if (t) {
-    const b = getComputedStyle(t), y = Number.parseFloat(b.borderLeftWidth) || 0, w = Number.parseFloat(b.borderRightWidth) || 0;
-    e -= y + w;
+    const b = getComputedStyle(t), y = Number.parseFloat(b.borderLeftWidth) || 0, v = Number.parseFloat(b.borderRightWidth) || 0;
+    e -= y + v;
   }
   let i = e, s = 0, o = 0, r = 0, n = 0;
   const a = [], h = [];
@@ -17591,19 +17598,19 @@ function ra(l) {
     let y;
     return typeof b == "string" ? b.indexOf("%") > -1 ? y = i / 100 * parseInt(b, 10) : y = parseInt(b, 10) : y = b || 0, y;
   }
-  function f(b, y, w, C) {
+  function f(b, y, v, C) {
     const E = [];
     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);
+      return v * (M.column.definition.widthGrow || 1);
     }
     function j(M) {
-      return u(M.width) - w * (M.column.definition.widthShrink || 0);
+      return u(M.width) - v * (M.column.definition.widthShrink || 0);
     }
     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);
+      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 && (v = 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, I = f(
@@ -17620,10 +17627,10 @@ function ra(l) {
     i -= b.offsetWidth - b.clientWidth;
   }
   l.forEach((b) => {
-    let y, w, C;
-    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({
+    let y, v, C;
+    b.hidden || (y = b.definition.width, v = parseInt(String(b.minWidth ?? 0), 10), y ? (C = u(y), s += C > v ? C : v, b.definition.widthShrink && (h.push({
       column: b,
-      width: C > w ? C : w
+      width: C > v ? C : v
     }), c += b.definition.widthShrink || 0)) : (a.push({
       column: b,
       width: 0
@@ -17742,7 +17749,7 @@ const ca = {
     super(e), this.locale = "default", this.lang = !1, this.bindings = {}, this.langList = {}, this.registerTableOption("locale", !1), this.registerTableOption("langs", {});
   }
   initialize() {
-    this.langList = k.deepClone(Je.langs);
+    this.langList = D.deepClone(Je.langs);
     const e = this.table.options.columnDefaults?.headerFilterPlaceholder;
     e && typeof e == "string" && this.setHeaderFilterPlaceholder(e);
     for (const t in this.table.options.langs)
@@ -17780,7 +17787,7 @@ const ca = {
         t
       ), t = "default");
     }
-    this.locale = t, this.lang = k.deepClone(this.langList.default || {}), t !== "default" && this.langList[t] && i(this.langList[t], this.lang), this.dispatchExternal("localized", this.locale, this.lang), this._executeBindings();
+    this.locale = t, this.lang = D.deepClone(this.langList.default || {}), t !== "default" && this.langList[t] && i(this.langList[t], this.lang), this.dispatchExternal("localized", this.locale, this.lang), this._executeBindings();
   }
   // get current locale
   getLocale() {
@@ -17887,16 +17894,16 @@ Q.registry = {
   tables: []
 };
 let fi = Q;
-const st = process.env.NODE_ENV === "development", D = class D extends fi {
+const st = process.env.NODE_ENV === "development", L = class L extends fi {
   constructor() {
     super(), this.modulesCore = [], this.modulesRegular = [];
   }
   static initializeModuleBinder(e) {
-    D.modulesRegistered || (D.modulesRegistered = !0, D._registerModules(da, !0), e && D._registerModules(e));
+    L.modulesRegistered || (L.modulesRegistered = !0, L._registerModules(da, !0), e && L._registerModules(e));
   }
   static _extendModule(e, t, i) {
-    if (D.moduleBindings[e]) {
-      const s = D.moduleBindings[e][t];
+    if (L.moduleBindings[e]) {
+      const s = L.moduleBindings[e][t];
       if (s)
         if (typeof i == "object")
           for (const o in i)
@@ -17911,15 +17918,15 @@ const st = process.env.NODE_ENV === "development", D = class D extends fi {
     const i = Object.values(e);
     t && i.forEach((s) => {
       s.prototype.moduleCore = !0;
-    }), D._registerModule(i);
+    }), L._registerModule(i);
   }
   static _registerModule(e) {
     (Array.isArray(e) ? e : [e]).forEach((i) => {
-      D._registerModuleBinding(i), D._registerModuleExtensions(i);
+      L._registerModuleBinding(i), L._registerModuleExtensions(i);
     });
   }
   static _registerModuleBinding(e) {
-    e.moduleName ? D.moduleBindings[e.moduleName] = e : st && console.error(
+    e.moduleName ? L.moduleBindings[e.moduleName] = e : st && console.error(
       "Unable to bind module, no moduleName defined",
       e.moduleName
     );
@@ -17929,25 +17936,25 @@ const st = process.env.NODE_ENV === "development", D = class D extends fi {
     if (e.moduleExtensions)
       for (const i in t) {
         const s = t[i];
-        if (D.moduleBindings[i])
+        if (L.moduleBindings[i])
           for (const o in s)
-            D._extendModule(i, o, s[o]);
+            L._extendModule(i, o, s[o]);
         else {
-          D.moduleExtensions[i] || (D.moduleExtensions[i] = {});
+          L.moduleExtensions[i] || (L.moduleExtensions[i] = {});
           for (const o in s)
-            D.moduleExtensions[i][o] || (D.moduleExtensions[i][o] = {}), Object.assign(
-              D.moduleExtensions[i][o],
+            L.moduleExtensions[i][o] || (L.moduleExtensions[i][o] = {}), Object.assign(
+              L.moduleExtensions[i][o],
               s[o]
             );
         }
       }
-    D._extendModuleFromQueue(e);
+    L._extendModuleFromQueue(e);
   }
   static _extendModuleFromQueue(e) {
-    const t = D.moduleExtensions[e.moduleName];
+    const t = L.moduleExtensions[e.moduleName];
     if (t)
       for (const i in t)
-        D._extendModule(
+        L._extendModule(
           e.moduleName,
           i,
           t[i]
@@ -17957,8 +17964,8 @@ const st = process.env.NODE_ENV === "development", D = class D extends fi {
   _bindModules() {
     const e = [], t = [], i = [];
     this.modules = {};
-    for (const s in D.moduleBindings) {
-      const o = D.moduleBindings[s], r = new o(this);
+    for (const s in L.moduleBindings) {
+      const o = L.moduleBindings[s], r = new o(this);
       this.modules[s] = r, o.prototype.moduleCore ? this.modulesCore.push(r) : o.moduleInitOrder === void 0 || o.moduleInitOrder === null ? i.push(r) : o.moduleInitOrder < 0 ? e.push(r) : t.push(r);
     }
     e.sort((s, o) => {
@@ -17972,8 +17979,8 @@ const st = process.env.NODE_ENV === "development", D = class D extends fi {
     );
   }
 };
-D.moduleBindings = {}, D.moduleExtensions = {}, D.modulesRegistered = !1, D.defaultModules = !1;
-let gi = D;
+L.moduleBindings = {}, L.moduleExtensions = {}, L.modulesRegistered = !1, L.defaultModules = !1;
+let gi = L;
 const F = process.env.NODE_ENV === "development", ae = class ae extends gi {
   static extendModule(...e) {
     ae.initializeModuleBinder(), ae._extendModule(...e);
@@ -18428,14 +18435,14 @@ class oh {
 }
 var pa = Object.defineProperty, fa = Object.getOwnPropertyDescriptor, Ds = (l) => {
   throw TypeError(l);
-}, v = (l, e, t, i) => {
+}, w = (l, e, t, i) => {
   for (var s = i > 1 ? void 0 : i ? fa(e, t) : e, o = l.length - 1, r; o >= 0; o--)
     (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 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.loading = !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.hidePaginationInput = !1, this.pageSizeOptions = 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)
@@ -18545,6 +18552,7 @@ let m = class extends Ne {
       movableColumns: this.movableColumns,
       movableRows: this.movableRows,
       noColumnPlaceholderText: this.noColumnPlaceholderText,
+      pageSizeOptions: this.pageSizeOptions,
       pagination: this.pagination,
       paginationAddRow: this.paginationAddRow,
       paginationButtonCount: this.paginationButtonCount,
@@ -18554,7 +18562,6 @@ let m = class extends Ne {
       paginationShowFirst: this.paginationShowFirst,
       paginationShowLast: this.paginationShowLast,
       paginationSize: this.paginationSize,
-      paginationSizeSelector: this.paginationSizeSelector,
       placeholder: this.placeholder,
       placeholderHeaderFilter: this.placeholderHeaderFilter,
       renderVertical: this.renderVertical,
@@ -18577,6 +18584,7 @@ let m = class extends Ne {
       selectableRangeColumns: this.selectableRangeColumns,
       selectableRangeRows: this.selectableRangeRows,
       showPaginationButtons: this.showPaginationButtons,
+      showPaginationInput: !this.hidePaginationInput,
       spreadsheet: this.spreadsheet,
       spreadsheetColumnDefinition: this.spreadsheetColumnDefinition,
       spreadsheetColumns: this.spreadsheetColumns,
@@ -18797,144 +18805,144 @@ m.dependencies = {
   "cx-table-row-actions": ve,
   "cx-table-toolbar": O
 };
-v([
+w([
   Be(".tabulator-tableholder")
 ], m.prototype, "tabulatorHolder", 2);
-v([
+w([
   Be(".tabulator")
 ], m.prototype, "tabulatorElement", 2);
-v([
+w([
   Be(".table")
 ], m.prototype, "table", 2);
-v([
+w([
   Be("cx-table-toolbar")
 ], m.prototype, "tableToolbar", 2);
-v([
+w([
   g({
     attribute: "movable-rows",
     reflect: !0,
     type: Boolean
   })
 ], m.prototype, "movableRows", 2);
-v([
+w([
   g({
     attribute: "movable-columns",
     reflect: !0,
     type: Boolean
   })
 ], m.prototype, "movableColumns", 2);
-v([
+w([
   g({
     attribute: "data",
     type: Array
   })
 ], m.prototype, "data", 2);
-v([
+w([
   g({
     attribute: "row-height",
     reflect: !0,
     type: Number
   })
 ], m.prototype, "rowHeight", 2);
-v([
+w([
   g({
     attribute: "layout",
     type: String
   })
 ], m.prototype, "layout", 2);
-v([
+w([
   g({
     attribute: "columns",
     reflect: !0,
     type: Array
   })
 ], m.prototype, "columns", 2);
-v([
+w([
   g({
     attribute: "footer-element",
     type: String
   })
 ], m.prototype, "footerElement", 2);
-v([
+w([
   g({
     attribute: "responsive-layout",
     type: String
   })
 ], m.prototype, "responsiveLayout", 2);
-v([
+w([
   g({
     attribute: "responsive-layout-collapse-formatter",
     type: Function
   })
 ], m.prototype, "responsiveLayoutCollapseFormatter", 2);
-v([
+w([
   g({
     attribute: "responsive-layout-collapse-use-formatters",
     type: Boolean
   })
 ], m.prototype, "responsiveLayoutCollapseUseFormatters", 2);
-v([
+w([
   g({
     attribute: "row-header",
     type: Object
   })
 ], m.prototype, "rowHeader", 2);
-v([
+w([
   g({
     attribute: "no-header",
     type: Boolean
   })
 ], m.prototype, "noHeader", 2);
-v([
+w([
   g({
     attribute: "text-direction",
     type: String
   })
 ], m.prototype, "textDirection", 2);
-v([
+w([
   g({
     attribute: "responsive-layout-collapse-start-open",
     type: Boolean
   })
 ], m.prototype, "responsiveLayoutCollapseStartOpen", 2);
-v([
+w([
   g({
     attribute: "render-vertical-buffer",
     type: Number
   })
 ], m.prototype, "renderVerticalBuffer", 2);
-v([
+w([
   g({
     attribute: "render-vertical",
     type: String
   })
 ], m.prototype, "renderVertical", 2);
-v([
+w([
   g({
     attribute: "column-defaults",
     type: Object
   })
 ], m.prototype, "columnDefaults", 2);
-v([
+w([
   g({
     attribute: "can-search",
     reflect: !0,
     type: Boolean
   })
 ], m.prototype, "canSearch", 2);
-v([
+w([
   g({
     attribute: "no-advanced-search",
     type: Boolean
   })
 ], m.prototype, "noAdvancedSearch", 2);
-v([
+w([
   g({
     attribute: "show-saved-search",
     type: Boolean
   })
 ], m.prototype, "showSavedSearch", 2);
-v([
+w([
   g({
     attribute: "search-fields",
     converter: {
@@ -18953,195 +18961,195 @@ v([
     type: Array
   })
 ], m.prototype, "searchFields", 2);
-v([
+w([
   g({
     attribute: "can-add",
     reflect: !0,
     type: Boolean
   })
 ], m.prototype, "canAdd", 2);
-v([
+w([
   g({
     attribute: "add-label",
     type: String
   })
 ], m.prototype, "addLabel", 2);
-v([
+w([
   g({
     attribute: "can-export-csv",
     type: Boolean
   })
 ], m.prototype, "canExportCsv", 2);
-v([
+w([
   g({
     attribute: "can-export-xml",
     type: Boolean
   })
 ], m.prototype, "canExportXml", 2);
-v([
+w([
   g({
     attribute: "can-export-custom",
     type: Boolean
   })
 ], m.prototype, "canExportCustom", 2);
-v([
+w([
   g({
     attribute: "can-save-report",
     type: Boolean
   })
 ], m.prototype, "canSaveReport", 2);
-v([
+w([
   g({ attribute: "saved-search-url", type: String })
 ], m.prototype, "savedSearchURL", 2);
-v([
+w([
   g({ attribute: "saved-search-items", type: Array })
 ], m.prototype, "savedSearchItems", 2);
-v([
+w([
   g({ attribute: "saved-search-page-size-param", type: String })
 ], m.prototype, "savedSearchPageSizeParam", 2);
-v([
+w([
   g({ attribute: "saved-search-page-size", type: Number })
 ], m.prototype, "savedSearchPageSize", 2);
-v([
+w([
   g({ attribute: "saved-search-page-number-param", type: String })
 ], m.prototype, "savedSearchPageNumberParam", 2);
-v([
+w([
   g({ attribute: "dropdown-filters", type: Array })
 ], m.prototype, "dropdownFilters", 2);
-v([
+w([
   g({
     attribute: "ajax-url",
     type: String
   })
 ], m.prototype, "ajaxURL", 2);
-v([
+w([
   g({
     attribute: "ajax-url-generator",
     type: Function
   })
 ], m.prototype, "ajaxURLGenerator", 2);
-v([
+w([
   g({
     attribute: "ajax-params",
     type: Object
   })
 ], m.prototype, "ajaxParams", 2);
-v([
+w([
   g({
     attribute: "ajax-response",
     type: Function
   })
 ], m.prototype, "ajaxResponse", 2);
-v([
+w([
   g({
     attribute: "data-send-params",
     type: Object
   })
 ], m.prototype, "dataSendParams", 2);
-v([
+w([
   g({
     attribute: "data-receive-params",
     type: Object
   })
 ], m.prototype, "dataReceiveParams", 2);
-v([
+w([
   g({
     attribute: "no-auto-resize",
     type: Boolean
   })
 ], m.prototype, "noAutoResize", 2);
-v([
+w([
   g({
     attribute: "resizable-rows",
     type: Boolean
   })
 ], m.prototype, "resizableRows", 2);
-v([
+w([
   g({
     attribute: "resizable-column-fit",
     type: Boolean
   })
 ], m.prototype, "resizableColumnFit", 2);
-v([
+w([
   g({
     attribute: "resizable-column-guide",
     type: Boolean
   })
 ], m.prototype, "resizableColumnGuide", 2);
-v([
+w([
   g({
     attribute: "resizable-row-guide",
     type: Boolean
   })
 ], m.prototype, "resizableRowGuide", 2);
-v([
+w([
   g({
     attribute: "frozen-rows",
     converter: Ao
   })
 ], m.prototype, "frozenRows", 2);
-v([
+w([
   g({
     attribute: "frozen-rows-field",
     type: String
   })
 ], m.prototype, "frozenRowsField", 2);
-v([
+w([
   g({
     attribute: "placeholder",
     type: String
   })
 ], m.prototype, "placeholder", 2);
-v([
+w([
   g({
     attribute: "group-by",
     converter: No
   })
 ], m.prototype, "groupBy", 2);
-v([
+w([
   g({
     attribute: "group-header"
   })
 ], m.prototype, "groupHeader", 2);
-v([
+w([
   g({
     attribute: "group-header-count",
     type: Boolean
   })
 ], m.prototype, "groupHeaderCount", 2);
-v([
+w([
   g({
     attribute: "group-indent",
     type: Number
   })
 ], m.prototype, "groupIndent", 2);
-v([
+w([
   g({
     attribute: "group-header-print"
   })
 ], m.prototype, "groupHeaderPrint", 2);
-v([
+w([
   g({
     attribute: "group-header-clipboard"
   })
 ], m.prototype, "groupHeaderClipboard", 2);
-v([
+w([
   g({
     attribute: "group-header-download"
   })
 ], m.prototype, "groupHeaderDownload", 2);
-v([
+w([
   g({
     attribute: "group-header-html-output"
   })
 ], m.prototype, "groupHeaderHtmlOutput", 2);
-v([
+w([
   g({
     attribute: "group-start-open",
     type: Boolean
   })
 ], m.prototype, "groupStartOpen", 2);
-v([
+w([
   g({
     attribute: "group-start-open-values",
     converter: {
@@ -19166,415 +19174,421 @@ v([
     reflect: !0
   })
 ], m.prototype, "groupStartOpenValues", 2);
-v([
+w([
   g({
     attribute: "group-toggle-element",
     type: String
   })
 ], m.prototype, "groupToggleElement", 2);
-v([
+w([
   g({
     attribute: "group-values",
     type: Array
   })
 ], m.prototype, "groupValues", 2);
-v([
+w([
   g({
     attribute: "group-update-on-cell-edit",
     type: Boolean
   })
 ], m.prototype, "groupUpdateOnCellEdit", 2);
-v([
+w([
   g({
     attribute: "data-tree",
     type: Boolean
   })
 ], m.prototype, "dataTree", 2);
-v([
+w([
   g({
     attribute: "data-tree-child-field",
     reflect: !0,
     type: String
   })
 ], m.prototype, "dataTreeChildField", 2);
-v([
+w([
   g({
     attribute: "data-tree-loading-field",
     reflect: !0,
     type: String
   })
 ], m.prototype, "dataTreeLoadingField", 2);
-v([
+w([
   g({
     attribute: "data-tree-has-more-field",
     reflect: !0,
     type: String
   })
 ], m.prototype, "dataTreeHasMoreField", 2);
-v([
+w([
   g({
     attribute: "data-tree-filter",
     type: Boolean
   })
 ], m.prototype, "dataTreeFilter", 2);
-v([
+w([
   g({
     attribute: "data-tree-sort",
     type: Boolean
   })
 ], m.prototype, "dataTreeSort", 2);
-v([
+w([
   g({
     attribute: "data-tree-element-column",
     type: String
   })
 ], m.prototype, "dataTreeElementColumn", 2);
-v([
+w([
   g({
     attribute: "data-tree-branch-element",
     type: String
   })
 ], m.prototype, "dataTreeBranchElement", 2);
-v([
+w([
   g({
     attribute: "data-tree-child-indent",
     type: Number
   })
 ], m.prototype, "dataTreeChildIndent", 2);
-v([
+w([
   g({
     attribute: "data-tree-start-expanded",
     converter: _o
   })
 ], m.prototype, "dataTreeStartExpanded", 2);
-v([
+w([
   g({
     attribute: "data-tree-select-propagate",
     type: Boolean
   })
 ], m.prototype, "dataTreeSelectPropagate", 2);
-v([
+w([
   g({
     attribute: "data-tree-expand-element",
     type: String
   })
 ], m.prototype, "dataTreeExpandElement", 2);
-v([
+w([
   g({
     attribute: "data-tree-collapse-element",
     type: String
   })
 ], m.prototype, "dataTreeCollapseElement", 2);
-v([
+w([
   g({
     attribute: "spreadsheet",
     type: Boolean
   })
 ], m.prototype, "spreadsheet", 2);
-v([
+w([
   g({
     attribute: "spreadsheet-columns",
     type: Number
   })
 ], m.prototype, "spreadsheetColumns", 2);
-v([
+w([
   g({
     attribute: "spreadsheet-rows",
     type: Number
   })
 ], m.prototype, "spreadsheetRows", 2);
-v([
+w([
   g({
     attribute: "spreadsheet-column-definition",
     type: Object
   })
 ], m.prototype, "spreadsheetColumnDefinition", 2);
-v([
+w([
   g({
     attribute: "spreadsheet-output-full",
     type: Boolean
   })
 ], m.prototype, "spreadsheetOutputFull", 2);
-v([
+w([
   g({
     attribute: "editor-empty-value"
   })
 ], m.prototype, "editorEmptyValue", 2);
-v([
+w([
   g({
     attribute: "spreadsheet-sheets",
     type: Array
   })
 ], m.prototype, "spreadsheetSheets", 2);
-v([
+w([
   g({
     attribute: "spreadsheet-sheet-tabs",
     type: Boolean
   })
 ], m.prototype, "spreadsheetSheetTabs", 2);
-v([
+w([
   g({
     attribute: "spreadsheet-data",
     type: Array
   })
 ], m.prototype, "spreadsheetData", 2);
-v([
+w([
   g({
     attribute: "selectable-range",
     type: Number
   })
 ], m.prototype, "selectableRange", 2);
-v([
+w([
   g({
     attribute: "no-selectable",
     reflect: !0,
     type: Boolean
   })
 ], m.prototype, "noSelectable", 2);
-v([
+w([
   g({
     attribute: "selectable-range-columns",
     type: Boolean
   })
 ], m.prototype, "selectableRangeColumns", 2);
-v([
+w([
   g({
     attribute: "selectable-range-rows",
     type: Boolean
   })
 ], m.prototype, "selectableRangeRows", 2);
-v([
+w([
   g({
     attribute: "selectable-range-clear-cells",
     type: Boolean
   })
 ], m.prototype, "selectableRangeClearCells", 2);
-v([
+w([
   g({
     attribute: "edit-trigger-event",
     type: String
   })
 ], m.prototype, "editTriggerEvent", 2);
-v([
+w([
   g({
     attribute: "selectable-range-auto-focus",
     type: Boolean
   })
 ], m.prototype, "selectableRangeAutoFocus", 2);
-v([
+w([
   g({
     attribute: "no-clipboard",
     type: Boolean
   })
 ], m.prototype, "noClipboard", 2);
-v([
+w([
   g({
     attribute: "clipboard-action",
     type: String
   })
 ], m.prototype, "clipboardAction", 2);
-v([
+w([
   g({
     attribute: "clipboard-copy-row-range",
     type: String
   })
 ], m.prototype, "clipboardCopyRowRange", 2);
-v([
+w([
   g({
     attribute: "clipboard-paste-parser"
   })
 ], m.prototype, "clipboardPasteParser", 2);
-v([
+w([
   g({
     attribute: "clipboard-paste-action",
     type: String
   })
 ], m.prototype, "clipboardPasteAction", 2);
-v([
+w([
   g({
     attribute: "clipboard-copy-config",
     type: Object
   })
 ], m.prototype, "clipboardCopyConfig", 2);
-v([
+w([
   g({
     attribute: "clipboard-no-copy-styled",
     type: Boolean
   })
 ], m.prototype, "clipboardNoCopyStyled", 2);
-v([
+w([
   g({
     attribute: "pagination",
     type: Boolean
   })
 ], m.prototype, "pagination", 2);
-v([
+w([
   g({
     attribute: "pagination-mode",
     type: String
   })
 ], m.prototype, "paginationMode", 2);
-v([
+w([
   g({
     attribute: "pagination-size",
     type: Number
   })
 ], m.prototype, "paginationSize", 2);
-v([
+w([
   g({
     attribute: "pagination-initial-page",
     type: Number
   })
 ], m.prototype, "paginationInitialPage", 2);
-v([
+w([
   g({
     attribute: "pagination-button-count",
     type: Number
   })
 ], m.prototype, "paginationButtonCount", 2);
-v([
+w([
   g({
     attribute: "show-pagination-buttons",
     type: Boolean
   })
 ], m.prototype, "showPaginationButtons", 2);
-v([
+w([
+  g({
+    attribute: "hide-pagination-input",
+    type: Boolean
+  })
+], m.prototype, "hidePaginationInput", 2);
+w([
   g({
-    attribute: "pagination-size-selector",
+    attribute: "page-size-options",
     type: Array
   })
-], m.prototype, "paginationSizeSelector", 2);
-v([
+], m.prototype, "pageSizeOptions", 2);
+w([
   g({
     attribute: "pagination-add-row",
     type: String
   })
 ], m.prototype, "paginationAddRow", 2);
-v([
+w([
   g({
     attribute: "pagination-counter",
     type: String
   })
 ], m.prototype, "paginationCounter", 2);
-v([
+w([
   g({
     attribute: "pagination-show-first",
     type: Boolean
   })
 ], m.prototype, "paginationShowFirst", 2);
-v([
+w([
   g({
     attribute: "pagination-show-last",
     type: Boolean
   })
 ], m.prototype, "paginationShowLast", 2);
-v([
+w([
   g({
     attribute: "hover-menu",
     type: Object
   })
 ], m.prototype, "hoverMenu", 2);
-v([
+w([
   g({
     attribute: "label",
     type: String
   })
 ], m.prototype, "label", 2);
-v([
+w([
   g({
     attribute: "tabulator-role",
     type: String
   })
 ], m.prototype, "tabulatorRole", 2);
-v([
+w([
   g({
     attribute: "column-group-role",
     type: String
   })
 ], m.prototype, "columnGroupRole", 2);
-v([
+w([
   g({
     attribute: "column-header-role",
     type: String
   })
 ], m.prototype, "columnHeaderRole", 2);
-v([
+w([
   g({
     attribute: "row-role",
     type: String
   })
 ], m.prototype, "rowRole", 2);
-v([
+w([
   g({
     attribute: "row-group-role",
     type: String
   })
 ], m.prototype, "rowGroupRole", 2);
-v([
+w([
   g({
     attribute: "cell-role",
     type: String
   })
 ], m.prototype, "cellRole", 2);
-v([
+w([
   g({
     attribute: "filter-mode",
     type: String
   })
 ], m.prototype, "filterMode", 2);
-v([
+w([
   g({
     attribute: "initial-filter",
     type: Array
   })
 ], m.prototype, "initialFilter", 2);
-v([
+w([
   g({
     attribute: "initial-header-filter",
     type: Array
   })
 ], m.prototype, "initialHeaderFilter", 2);
-v([
+w([
   g({
     attribute: "header-filter-live-filter-delay",
     type: Number
   })
 ], m.prototype, "headerFilterLiveFilterDelay", 2);
-v([
+w([
   g({
     attribute: "placeholder-header-filter",
     type: String
   })
 ], m.prototype, "placeholderHeaderFilter", 2);
-v([
+w([
   g({
     attribute: "no-column-placeholder-text",
     type: String
   })
 ], m.prototype, "noColumnPlaceholderText", 2);
-v([
+w([
   g({
     attribute: "use-overlay-scrollbar",
     reflect: !0,
     type: Boolean
   })
 ], m.prototype, "useOverlayScrollbar", 2);
-v([
+w([
   g({ attribute: "loading", type: Boolean })
 ], m.prototype, "loading", 2);
-v([
+w([
   re()
 ], m.prototype, "tabulatorInstance", 2);
-v([
+w([
   re()
 ], m.prototype, "watchedEvents", 2);
-v([
+w([
   re()
 ], m.prototype, "activeSearchValue", 2);
-v([
+w([
   V("useOverlayScrollbar")
 ], m.prototype, "handleUseOverlayScrollbarChange", 1);
-v([
+w([
   V([
     "movableRows",
     "movableColumns",
@@ -19634,6 +19648,7 @@ v([
     "spreadsheetRows",
     "spreadsheetColumnDefinition",
     "spreadsheetOutputFull",
+    "hidePaginationInput",
     "editorEmptyValue",
     "spreadsheetSheets",
     "spreadsheetSheetTabs",
@@ -19655,7 +19670,7 @@ v([
     "pagination",
     "paginationMode",
     "paginationButtonCount",
-    "paginationSizeSelector",
+    "pageSizeOptions",
     "paginationAddRow",
     "paginationCounter",
     "hoverMenu",
@@ -19672,43 +19687,43 @@ v([
     "placeholderHeaderFilter"
   ])
 ], m.prototype, "handleLayoutChange", 1);
-v([
+w([
   V("data", { deepCompare: !0, waitUntilFirstUpdate: !0 })
 ], m.prototype, "handleDataChange", 1);
-v([
+w([
   V("spreadsheetData", { waitUntilFirstUpdate: !0 })
 ], m.prototype, "handleSpreadsheetDataChange", 1);
-v([
+w([
   V("columns", { deepCompare: !0, waitUntilFirstUpdate: !0 })
 ], m.prototype, "handleColumnsChange", 1);
-v([
+w([
   V("noColumnPlaceholderText", { waitUntilFirstUpdate: !0 })
 ], m.prototype, "handleNoColumnPlaceholderTextChange", 1);
-v([
+w([
   V("groupBy", { waitUntilFirstUpdate: !0 })
 ], m.prototype, "handleGroupByChange", 1);
-v([
+w([
   V("groupHeader", { waitUntilFirstUpdate: !0 })
 ], m.prototype, "handleGroupHeaderChange", 1);
-v([
+w([
   V("groupValues", { waitUntilFirstUpdate: !0 })
 ], m.prototype, "handleGroupValuesChange", 1);
-v([
+w([
   V("paginationSize", { waitUntilFirstUpdate: !0 })
 ], m.prototype, "handlePaginationSizeChange", 1);
-v([
+w([
   V("paginationInitialPage")
 ], m.prototype, "handlePaginationInitialPageChange", 1);
-v([
+w([
   V("loading", { waitUntilFirstUpdate: !0 })
 ], m.prototype, "handleLoadingChange", 1);
-v([
+w([
   V("searchFields", { waitUntilFirstUpdate: !0 })
 ], m.prototype, "handleSearchFieldsChange", 1);
-v([
+w([
   V("dropdownFilters", { deepCompare: !0, waitUntilFirstUpdate: !0 })
 ], m.prototype, "handleDropdownFiltersPropChange", 1);
-m = v([
+m = w([
   Ve("cx-table")
 ], m);
 export {