@orangelogic/design-system 2.167.0 → 2.169.0

package/library/chunks/{color-swatch-group.Bf3Y6g59.js → color-swatch-group.C_PwK2oY.js}

@@ -1,15 +1,15 @@
 import Ri from "../components/space.js";
 import { C as Ir, T as Rn } from "./typography.IqHbnd3C.js";
 import { n as m, C as Pe } from "./lib-cortex-element.CVMmyPMC.js";
-import { C as Hr, a as es } from "./color-swatch.QsHoy_K1.js";
+import { C as Hr, a as es } from "./color-swatch.DpzAGKQx.js";
 import { c as $e } from "./component.styles.CRO4Odto.js";
-import { C as Ct } from "./button.0_maNYUS.js";
-import { C as Sn, o as kn, O as No } from "./dialog.05FgdLBZ.js";
-import { C as oi } from "./icon-button.BwmMJ0bI.js";
+import { C as Ct } from "./button.DDem_XZq.js";
+import { C as Sn, o as kn, O as No } from "./dialog.B_v8598F.js";
+import { C as oi } from "./icon-button.DJvfUmOl.js";
 import Pt from "../components/tooltip.js";
-import { i as Nr, r as Tn, f as Jt, m as Dn, a as Mn, t as Vr, g as Fn, b as Ln, c as zn } from "./toast.CXEAfCvN.js";
+import { i as Nr, r as Dn, f as Jt, m as Tn, a as Mn, t as Vr, g as Fn, b as Ln, c as zn } from "./toast.CXEAfCvN.js";
 import { c as Ie } from "./custom-element.L4WJXn1j.js";
-import { L as tt } from "./i18n.Bchq8v1d.js";
+import { L as et } from "./i18n.DbXTTLXx.js";
 import { b as _n, S as On, c as Vo, p as An, w as V, E as Pn } from "./watch.DJF5K-8U.js";
 import { i as q, x, E as bt, B as In } from "./lit-element.jLBm65_O.js";
 import { r as F } from "./state.CSDxrqLd.js";
@@ -21,9 +21,9 @@ import { l as si, i as $n, f as Wn } from "./_flatRest.D3ZVApI5.js";
 import { a as ao } from "./toString.B1zKIiZc.js";
 import { a as jn, b as Gn } from "./_baseUniq.lwMgmtt2.js";
 import { C as Et } from "./icon.D5iM9wXS.js";
-import { C as Wr } from "./input.DOorVTYZ.js";
+import { C as Wr } from "./input.B-c9KEAH.js";
 import { d as jr } from "./debounce.DaHuiSGU.js";
-import { e as rt } from "./class-map.BiVq-cVR.js";
+import { e as ot } from "./class-map.BiVq-cVR.js";
 import { c as Ke } from "./repeat.CFjcER6_.js";
 import { n as Y } from "./when.Dr1es41R.js";
 import { d as Un, j as Kn, b as qn } from "./_baseClone.BHNjfIdS.js";
@@ -40,14 +40,14 @@ import { o as pt } from "./style-map.llVFPd__.js";
 import ai from "../components/dropdown.js";
 import ta from "../components/menu-section.js";
 import Gr from "../components/checkbox.js";
-import { C as ia, P as sa } from "./pagination.CuoIeOp9.js";
+import { C as ia, P as sa } from "./pagination.TxcRv9BL.js";
 import { H as Ur } from "./slot.j5oheLJC.js";
 import { g as B, a as Bo } from "./dom.C5aVLhKS.js";
 import "./browser.BHOCIF_A.js";
 import "./form.CP9KLGjF.js";
 import "./purify.es.BIuh5IAZ.js";
 import { D as Kr, a as oa, t as ra, b as qr } from "./date-picker.BGHn6qg8.js";
-import { D as Ti } from "./transformation.8uLv6uwG.js";
+import { D as Di } from "./transformation.8uLv6uwG.js";
 import { s as P, h as $o, b as Ui, c as lo } from "./string.BhJ0Zogu.js";
 import { a as na } from "./_commonjsHelpers.DQNKXVTB.js";
 import { d as aa } from "./debounce.Bv1rtE8D.js";
@@ -108,19 +108,19 @@ function xa(n, e) {
 function Ra(n) {
   return $n(n) ? void 0 : n;
 }
-var Sa = 1, ka = 2, Ta = 4, Go = Wn(function(n, e) {
+var Sa = 1, ka = 2, Da = 4, Go = Wn(function(n, e) {
   var t = {};
   if (n == null)
     return t;
   var i = !1;
   e = ao(e, function(o) {
     return o = $r(o, n), i || (i = o.length > 1), o;
-  }), Un(n, Kn(n), t), i && (t = qn(t, Sa | ka | Ta, Ra));
+  }), Un(n, Kn(n), t), i && (t = qn(t, Sa | ka | Da, Ra));
   for (var s = e.length; s--; )
     xa(t, e[s]);
   return t;
 });
-const Da = q`:host{min-height:40px;display:block}.board-list-item{--toggle-size:var(--cx-toggle-size-medium);border:1px solid #0000;border-bottom-color:var(--cx-color-neutral-300);font-family:var(--cx-font-sans);min-height:40px;padding-left:var(--cx-spacing-3x-small);background-color:var(--cx-color-neutral-100);align-items:center;gap:16px;display:flex;overflow:hidden}.board-list-item--placeholder{border-bottom-color:#0000}.board-list-item--placeholder .board-list-item__control{display:none}.board-list-item:not(.board-list-item--group):not(.board-list-item--placeholder):hover{transition:var(--cx-transition-slow);background-color:var(--cx-color-primary-50);cursor:grab;border:1px solid var(--cx-color-primary-300)}.board-list-item__control{width:var(--toggle-size);height:var(--toggle-size);border:solid var(--cx-input-border-width) var(--cx-input-border-color);background-color:var(--cx-input-background-color);color:var(--cx-color-neutral-0);transition:var(--cx-transition-fast) border-color, var(--cx-transition-fast) background-color, var(--cx-transition-fast) color, var(--cx-transition-fast) box-shadow;cursor:pointer;border-radius:2px;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.board-list-item__text{flex:1;align-items:center;width:0;height:100%;display:flex;position:relative}.board-list-item__text__content{font-weight:var(--cx-font-weight-regular);line-height:var(--cx-item-line-height,1.4);text-overflow:ellipsis;z-index:1;display:block;position:relative;overflow:hidden}.board-list-item__text__anchor{z-index:0;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.board-list-item__checked-icon{display:inline-flex}.board-list-item--group{background-color:var(--cx-color-neutral-300)}.board-list-item:not(.board-list-item--checked):not(.board-list-item--readonly) .board-list-item__control:hover{border-color:var(--cx-input-border-color-hover);background-color:var(--cx-input-background-color-hover)}.board-list-item--checked .board-list-item__control{border-color:var(--cx-color-primary);background-color:var(--cx-color-primary)}.board-list-item--readonly .board-list-item__control{cursor:default;background-color:#0000;border-color:#0000}:host(:focus-visible){outline:var(--cx-focus-ring);outline-offset:calc(-1 * var(--cx-focus-ring-width));border-radius:2px}`;
+const Ta = q`:host{min-height:40px;display:block}.board-list-item{--toggle-size:var(--cx-toggle-size-medium);border:1px solid #0000;border-bottom-color:var(--cx-color-neutral-300);font-family:var(--cx-font-sans);min-height:40px;padding-left:var(--cx-spacing-3x-small);background-color:var(--cx-color-neutral-100);align-items:center;gap:16px;display:flex;overflow:hidden}.board-list-item--placeholder{border-bottom-color:#0000}.board-list-item--placeholder .board-list-item__control{display:none}.board-list-item:not(.board-list-item--group):not(.board-list-item--placeholder):hover{transition:var(--cx-transition-slow);background-color:var(--cx-color-primary-50);cursor:grab;border:1px solid var(--cx-color-primary-300)}.board-list-item__control{width:var(--toggle-size);height:var(--toggle-size);border:solid var(--cx-input-border-width) var(--cx-input-border-color);background-color:var(--cx-input-background-color);color:var(--cx-color-neutral-0);transition:var(--cx-transition-fast) border-color, var(--cx-transition-fast) background-color, var(--cx-transition-fast) color, var(--cx-transition-fast) box-shadow;cursor:pointer;border-radius:2px;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.board-list-item__text{flex:1;align-items:center;width:0;height:100%;display:flex;position:relative}.board-list-item__text__content{font-weight:var(--cx-font-weight-regular);line-height:var(--cx-item-line-height,1.4);text-overflow:ellipsis;z-index:1;display:block;position:relative;overflow:hidden}.board-list-item__text__anchor{z-index:0;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.board-list-item__checked-icon{display:inline-flex}.board-list-item--group{background-color:var(--cx-color-neutral-300)}.board-list-item:not(.board-list-item--checked):not(.board-list-item--readonly) .board-list-item__control:hover{border-color:var(--cx-input-border-color-hover);background-color:var(--cx-input-background-color-hover)}.board-list-item--checked .board-list-item__control{border-color:var(--cx-color-primary);background-color:var(--cx-color-primary)}.board-list-item--readonly .board-list-item__control{cursor:default;background-color:#0000;border-color:#0000}:host(:focus-visible){outline:var(--cx-focus-ring);outline-offset:calc(-1 * var(--cx-focus-ring-width));border-radius:2px}`;
 var Ma = Object.defineProperty, Fa = Object.getOwnPropertyDescriptor, We = (n, e, t, i) => {
   for (var s = i > 1 ? void 0 : i ? Fa(e, t) : e, o = n.length - 1, r; o >= 0; o--)
     (r = n[o]) && (s = (i ? r(e, t, s) : r(s)) || s);
@@ -128,7 +128,7 @@ var Ma = Object.defineProperty, Fa = Object.getOwnPropertyDescriptor, We = (n, e
 };
 let Ee = class extends Pe {
   constructor() {
-    super(...arguments), this.localize = new tt(this), this.text = "", this.tooltip = "", this.readonly = !1, this.placeholder = !1, this.selected = !1, this.configurable = !1, this.disabledTooltip = !1, this.isGroup = !1;
+    super(...arguments), this.localize = new et(this), this.text = "", this.tooltip = "", this.readonly = !1, this.placeholder = !1, this.selected = !1, this.configurable = !1, this.disabledTooltip = !1, this.isGroup = !1;
   }
   onConfigButtonClick(n) {
     n.stopPropagation(), this.emit("cx-multi-select-configure", {
@@ -149,7 +149,7 @@ let Ee = class extends Pe {
     this.tooltipElement && (this.tooltipElement.open = !1);
   }
   render() {
-    return x`<div class=${rt({
+    return x`<div class=${ot({
       "board-list-item": !0,
       "board-list-item--checked": this.selected,
       "board-list-item--group": this.isGroup,
@@ -158,7 +158,7 @@ let Ee = class extends Pe {
     })}><span class="board-list-item__control">${this.selected ? x`<cx-icon class="board-list-item__checked-icon" name="check"></cx-icon>` : ""}</span><div part="text" class="board-list-item__text" @mouseenter=${this.onTextMouseEnter} @mouseleave=${this.onTextMouseLeave}><cx-line-clamp part="text-content" class="board-list-item__text__content" lines="2" ?disabled-tooltip=${!!this.tooltip} disabled-hover-bridge>${this.text}</cx-line-clamp><cx-tooltip part="tooltip" hoist trigger="manual" ?disabled=${this.disabledTooltip || !this.tooltip} disabled-hover-bridge><div class="board-list-item__text__anchor"></div><div slot="content">${Zn(this.tooltip)}</div></cx-tooltip></div>${this.configurable && !this.readonly ? x`<cx-icon-button part="config-button" name="settings" label=${this.localize.term("configure")} @click=${this.onConfigButtonClick}></cx-icon-button>` : ""}</div>`;
   }
 };
-Ee.styles = [$e, Da];
+Ee.styles = [$e, Ta];
 Ee.dependencies = {
   "cx-icon": Et,
   "cx-icon-button": oi,
@@ -220,7 +220,7 @@ var Oa = Object.defineProperty, Aa = Object.getOwnPropertyDescriptor, X = (n, e,
 };
 let $ = class extends Pe {
   constructor() {
-    super(), this.localize = new tt(this), this.boardTitle = "", this.name = "", this.ignoreTypes = [], this.data = [], this.sort = !1, this.group = !1, this.configurable = !1, this.all = !1, this.allowSearch = !1, this.abortDrag = !1, this.items = [], this._allItems = [], this._filteredItems = [], this._selectedItems = {}, this._selectedItemOrder = {}, this.searchValue = "", this.sortable = null, this._totalCount = 0, this._totalDisplayedCount = 0, this._indexMap = {}, this.isDragging = !1, this.start = 0, this.end = 20, this.previous = [], this.lastSelectedItem = null, this.handleAdd = this.handleAdd.bind(this), this.handleEnd = this.handleEnd.bind(this), this.handleMove = this.handleMove.bind(this), this.handleRemove = this.handleRemove.bind(this), this.handleStart = this.handleStart.bind(this), this.handleUpdate = this.handleUpdate.bind(this), this.handleSelectAll = this.handleSelectAll.bind(this);
+    super(), this.localize = new et(this), this.boardTitle = "", this.name = "", this.ignoreTypes = [], this.data = [], this.sort = !1, this.group = !1, this.configurable = !1, this.all = !1, this.allowSearch = !1, this.abortDrag = !1, this.items = [], this._allItems = [], this._filteredItems = [], this._selectedItems = {}, this._selectedItemOrder = {}, this.searchValue = "", this.sortable = null, this._totalCount = 0, this._totalDisplayedCount = 0, this._indexMap = {}, this.isDragging = !1, this.start = 0, this.end = 20, this.previous = [], this.lastSelectedItem = null, this.handleAdd = this.handleAdd.bind(this), this.handleEnd = this.handleEnd.bind(this), this.handleMove = this.handleMove.bind(this), this.handleRemove = this.handleRemove.bind(this), this.handleStart = this.handleStart.bind(this), this.handleUpdate = this.handleUpdate.bind(this), this.handleSelectAll = this.handleSelectAll.bind(this);
   }
   get allItems() {
     return this._allItems;
@@ -342,7 +342,7 @@ let $ = class extends Pe {
     let s = this.selectedItemAsArray;
     s.includes(i) || (s = [i]);
     const o = s.length > 1;
-    e = Tn(
+    e = Dn(
       e,
       s.map((r) => Jt(this.items, "id", r))
     ), this.handleUpdateEvent(e, n.type, o, n.newIndex);
@@ -369,7 +369,7 @@ let $ = class extends Pe {
       this.handleDefaultSelect(n);
       return;
     }
-    const s = Dn(
+    const s = Tn(
       this.selectedItemAsArray,
       n.dataset.id,
       e
@@ -546,7 +546,7 @@ let $ = class extends Pe {
   }
   render() {
     const n = this.selectedCount, e = this.isAllSelected ? x`<cx-icon class="board__checked-icon" name="check"></cx-icon>` : this.isPartiallySelected ? x`<cx-icon class="board__checked-icon" name="remove"></cx-icon>` : bt;
-    return x`<div class=${rt({
+    return x`<div class=${ot({
       board: !0,
       "board--checked": this.all && n,
       "board--dragging": this.isDragging
@@ -679,9 +679,9 @@ var Ia = Object.defineProperty, Ha = Object.getOwnPropertyDescriptor, qe = (n, e
     (r = n[o]) && (s = (i ? r(e, t, s) : r(s)) || s);
   return i && s && Ia(e, t, s), s;
 };
-let De = class extends Pe {
+let Te = class extends Pe {
   constructor() {
-    super(...arguments), this.localize = new tt(this), this.firstColumnData = {
+    super(...arguments), this.localize = new et(this), this.firstColumnData = {
       id: "",
       items: [],
       sort: !0,
@@ -897,51 +897,51 @@ let De = class extends Pe {
     return x`<div class="multi-select" @cx-board-change=${this.handleBoardChange} @cx-board-selected-change=${this.handleSelectedChange}><cx-board part="board-1" title=${this.firstColumnData.title} name=${this.firstColumnData.id} all .data=${this.board1Data} ?sort=${this.firstColumnData.sort ?? !1} .ignore-types=${this.ignoreTypes} allow-search></cx-board><div class="multi-select__control"><cx-tooltip part="tooltip" content=${this.localize.term("moveSelectedItemRight")} hoist ?disabled=${!n.length}><cx-icon-button class="multi-select__control__move-button" name="arrow_forward_ios" label=${this.localize.term("moveSelectedItemRight")} @click=${this.handleMoveItemsRight} ?disabled=${!n.length}></cx-icon-button></cx-tooltip><cx-tooltip part="tooltip" content=${this.localize.term("moveSelectedItemLeft")} hoist ?disabled=${!e.length}><cx-icon-button class="multi-select__control__move-button" name="arrow_back_ios" label=${this.localize.term("moveSelectedItemLeft")} @click=${this.handleMoveItemsLeft} ?disabled=${!e.length}></cx-icon-button></cx-tooltip></div><cx-board part="board-2" title=${this.secondColumnData.title} name=${this.secondColumnData.id} all .data=${this.board2Data} ?configurable=${this.configurable} ?sort=${this.secondColumnData.sort ?? !0}></cx-board></div>`;
   }
 };
-De.styles = [$e, Pa];
-De.dependencies = {
+Te.styles = [$e, Pa];
+Te.dependencies = {
   "cx-board": $,
   "cx-icon-button": oi,
   "cx-tooltip": Pt
 };
 qe([
   ue(".multi-select")
-], De.prototype, "multiSelect", 2);
+], Te.prototype, "multiSelect", 2);
 qe([
   ue('[part~="board-1"]')
-], De.prototype, "board1", 2);
+], Te.prototype, "board1", 2);
 qe([
   ue('[part~="board-2"]')
-], De.prototype, "board2", 2);
+], Te.prototype, "board2", 2);
 qe([
   m({ attribute: "first-column-data", type: Object })
-], De.prototype, "firstColumnData", 2);
+], Te.prototype, "firstColumnData", 2);
 qe([
   m({ attribute: "second-column-data", type: Object })
-], De.prototype, "secondColumnData", 2);
+], Te.prototype, "secondColumnData", 2);
 qe([
   m({ attribute: "configurable", type: Boolean })
-], De.prototype, "configurable", 2);
+], Te.prototype, "configurable", 2);
 qe([
   m({ attribute: "ignored-types", type: Array })
-], De.prototype, "ignoreTypes", 2);
+], Te.prototype, "ignoreTypes", 2);
 qe([
   m({ attribute: "add-limit", type: Number })
-], De.prototype, "addLimit", 2);
+], Te.prototype, "addLimit", 2);
 qe([
   F()
-], De.prototype, "itemMap", 2);
+], Te.prototype, "itemMap", 2);
 qe([
   F()
-], De.prototype, "selectedItems", 2);
+], Te.prototype, "selectedItems", 2);
 qe([
   F()
-], De.prototype, "initialSecondColumnItems", 2);
+], Te.prototype, "initialSecondColumnItems", 2);
 qe([
   V("secondColumnData")
-], De.prototype, "onSecondColumnDataChange", 1);
-De = qe([
+], Te.prototype, "onSecondColumnDataChange", 1);
+Te = qe([
   Ie("cx-multi-select")
-], De);
+], Te);
 var $t = /* @__PURE__ */ ((n) => (n.Available = "available", n.Visible = "visible", n))($t || {});
 const Na = q`:host{display:contents}cx-dialog{--width:800px}cx-multi-select{height:28rem;display:block}.table-column-editor__note{color:var(--cx-color-neutral-600);font-size:var(--cx-font-size-small);margin:0}.table-column-editor__footer{gap:var(--cx-spacing-small);justify-content:flex-end;display:flex}`;
 var Va = Object.defineProperty, Ba = Object.getOwnPropertyDescriptor, It = (n, e, t, i) => {
@@ -949,9 +949,9 @@ var Va = Object.defineProperty, Ba = Object.getOwnPropertyDescriptor, It = (n, e
     (r = n[o]) && (s = (i ? r(e, t, s) : r(s)) || s);
   return i && s && Va(e, t, s), s;
 };
-let Qe = class extends Pe {
+let Ze = class extends Pe {
   constructor() {
-    super(...arguments), this.localize = new tt(this), this.open = !1, this.entries = [], this.firstColumnData = {
+    super(...arguments), this.localize = new et(this), this.open = !1, this.entries = [], this.firstColumnData = {
       id: $t.Available,
       items: [],
       sort: !1,
@@ -1013,37 +1013,37 @@ let Qe = class extends Pe {
     )}<div slot="footer" class="table-column-editor__footer"><cx-button @click=${this.handleCancel}>${this.localize.term("cancel")}</cx-button><cx-button variant="primary" ?disabled=${!this.canApply} @click=${this.handleApply}>${this.localize.term("apply")}</cx-button></div></cx-dialog>`;
   }
 };
-Qe.styles = [$e, Na];
-Qe.dependencies = {
+Ze.styles = [$e, Na];
+Ze.dependencies = {
   "cx-button": Ct,
   "cx-dialog": Sn,
-  "cx-multi-select": De
+  "cx-multi-select": Te
 };
 It([
   ue("cx-dialog")
-], Qe.prototype, "dialogEl", 2);
+], Ze.prototype, "dialogEl", 2);
 It([
   m({ reflect: !0, type: Boolean })
-], Qe.prototype, "open", 2);
+], Ze.prototype, "open", 2);
 It([
   m({ attribute: !1 })
-], Qe.prototype, "entries", 2);
+], Ze.prototype, "entries", 2);
 It([
   F()
-], Qe.prototype, "firstColumnData", 2);
+], Ze.prototype, "firstColumnData", 2);
 It([
   F()
-], Qe.prototype, "secondColumnData", 2);
+], Ze.prototype, "secondColumnData", 2);
 It([
   F()
-], Qe.prototype, "visibleFields", 2);
+], Ze.prototype, "visibleFields", 2);
 It([
   V("entries")
-], Qe.prototype, "handleEntriesChange", 1);
-Qe = It([
+], Ze.prototype, "handleEntriesChange", 1);
+Ze = It([
   Ie("cx-table-column-editor")
-], Qe);
-var cs = /* @__PURE__ */ ((n) => (n.Search = "search-keyword", n))(cs || {}), Ki = /* @__PURE__ */ ((n) => (n.BottomCenter = "bottom-center", n.BottomEnd = "bottom-end", n.BottomStart = "bottom-start", n.TopCenter = "top-center", n.TopEnd = "top-end", n.TopStart = "top-start", n))(Ki || {}), wt = /* @__PURE__ */ ((n) => (n.Bottom = "bottom", n.Center = "center", n.Nearest = "nearest", n.Top = "top", n))(wt || {}), Ue = /* @__PURE__ */ ((n) => (n.All = "all", n.Cell = "cell", n.Column = "column", n.Row = "row", n))(Ue || {}), pi = /* @__PURE__ */ ((n) => (n.Both = "both", n.Copy = "copy", n.Paste = "paste", n))(pi || {}), ve = /* @__PURE__ */ ((n) => (n.Auto = "auto", n.Csv = "csv", n.Json = "json", n.Xml = "xml", n))(ve || {}), yi = /* @__PURE__ */ ((n) => (n.EditColumns = "edit-columns", n.HideColumn = "hide-column", n))(yi || {}), Wt = /* @__PURE__ */ ((n) => (n.Left = "left", n.Right = "right", n))(Wt || {}), Ze = /* @__PURE__ */ ((n) => (n.Local = "local", n.Remote = "remote", n))(Ze || {}), Se = /* @__PURE__ */ ((n) => (n.Asc = "asc", n.Desc = "desc", n.None = "none", n))(Se || {}), _e = /* @__PURE__ */ ((n) => (n.Ends = "ends", n.Equal = "=", n.GreaterOrEqual = ">=", n.GreaterThan = ">", n.In = "in", n.Keywords = "keywords", n.LessOrEqual = "<=", n.LessThan = "<", n.Like = "like", n.NotEqual = "!=", n.Regex = "regex", n.Starts = "starts", n))(_e || {});
+], Ze);
+var cs = /* @__PURE__ */ ((n) => (n.Search = "search-keyword", n))(cs || {}), Ki = /* @__PURE__ */ ((n) => (n.BottomCenter = "bottom-center", n.BottomEnd = "bottom-end", n.BottomStart = "bottom-start", n.TopCenter = "top-center", n.TopEnd = "top-end", n.TopStart = "top-start", n))(Ki || {}), wt = /* @__PURE__ */ ((n) => (n.Bottom = "bottom", n.Center = "center", n.Nearest = "nearest", n.Top = "top", n))(wt || {}), Ue = /* @__PURE__ */ ((n) => (n.All = "all", n.Cell = "cell", n.Column = "column", n.Row = "row", n))(Ue || {}), pi = /* @__PURE__ */ ((n) => (n.Both = "both", n.Copy = "copy", n.Paste = "paste", n))(pi || {}), ve = /* @__PURE__ */ ((n) => (n.Auto = "auto", n.Csv = "csv", n.Json = "json", n.Xml = "xml", n))(ve || {}), yi = /* @__PURE__ */ ((n) => (n.EditColumns = "edit-columns", n.HideColumn = "hide-column", n))(yi || {}), Wt = /* @__PURE__ */ ((n) => (n.Left = "left", n.Right = "right", n))(Wt || {}), ut = /* @__PURE__ */ ((n) => (n.Local = "local", n.Remote = "remote", n))(ut || {}), Se = /* @__PURE__ */ ((n) => (n.Asc = "asc", n.Desc = "desc", n.None = "none", n))(Se || {}), _e = /* @__PURE__ */ ((n) => (n.Ends = "ends", n.Equal = "=", n.GreaterOrEqual = ">=", n.GreaterThan = ">", n.In = "in", n.Keywords = "keywords", n.LessOrEqual = "<=", n.LessThan = "<", n.Like = "like", n.NotEqual = "!=", n.Regex = "regex", n.Starts = "starts", n))(_e || {});
 const ds = 36;
 var fi = /* @__PURE__ */ ((n) => (n.IsoDate = "iso-date", n.IsoDateTime = "iso-datetime", n.Timestamp = "timestamp", n))(fi || {});
 const $a = q`:host{align-items:center;width:100%;display:flex}:host([pagination-placement=bottom-start]){justify-content:flex-start}:host([pagination-placement=bottom-center]){justify-content:center}:host([pagination-placement=bottom-end]){justify-content:flex-end}`;
@@ -1073,9 +1073,9 @@ var Ua = Object.defineProperty, Ka = Object.getOwnPropertyDescriptor, Ht = (n, e
     (r = n[o]) && (s = (i ? r(e, t, s) : r(s)) || s);
   return i && s && Ua(e, t, s), s;
 };
-let et = class extends Pe {
+let Qe = class extends Pe {
   constructor() {
-    super(), this.localize = new tt(this), this.virtualAnchor = {
+    super(), this.localize = new et(this), this.virtualAnchor = {
       getBoundingClientRect: () => new DOMRect(this.pointX, this.pointY, 0, 0)
     }, this.open = !1, this.pointX = 0, this.pointY = 0, this.field = "", this.hideDisabled = !1, this.handleDocumentMouseDown = this.handleDocumentMouseDown.bind(this), this.handleDocumentKeyDown = this.handleDocumentKeyDown.bind(this);
   }
@@ -1117,8 +1117,8 @@ let et = class extends Pe {
     return x`<cx-popup ?active=${this.open} .anchor=${this.virtualAnchor} strategy="overlay" placement="bottom-start" flip shift @cx-opened=${this.handlePopupOpened}><cx-menu @cx-select=${this.handleMenuSelect}><cx-menu-item data-action=${yi.EditColumns}><cx-icon slot="prefix" name="edit"></cx-icon>${this.localize.term("editColumns")}</cx-menu-item><cx-menu-item data-action=${yi.HideColumn} ?disabled=${this.hideDisabled}><cx-icon slot="prefix" name="visibility_off"></cx-icon>${this.localize.term("hideColumn")}</cx-menu-item></cx-menu></cx-popup>`;
   }
 };
-et.styles = [$e, Ga];
-et.dependencies = {
+Qe.styles = [$e, Ga];
+Qe.dependencies = {
   "cx-icon": Et,
   "cx-menu": ri,
   "cx-menu-item": ni,
@@ -1126,28 +1126,28 @@ et.dependencies = {
 };
 Ht([
   ue("cx-menu-item")
-], et.prototype, "firstMenuItem", 2);
+], Qe.prototype, "firstMenuItem", 2);
 Ht([
   m({ reflect: !0, type: Boolean })
-], et.prototype, "open", 2);
+], Qe.prototype, "open", 2);
 Ht([
   m({ attribute: "point-x", type: Number })
-], et.prototype, "pointX", 2);
+], Qe.prototype, "pointX", 2);
 Ht([
   m({ attribute: "point-y", type: Number })
-], et.prototype, "pointY", 2);
+], Qe.prototype, "pointY", 2);
 Ht([
   m({ type: String })
-], et.prototype, "field", 2);
+], Qe.prototype, "field", 2);
 Ht([
   m({ attribute: "hide-disabled", type: Boolean })
-], et.prototype, "hideDisabled", 2);
+], Qe.prototype, "hideDisabled", 2);
 Ht([
   V("open", { waitUntilFirstUpdate: !0 })
-], et.prototype, "handleOpenChange", 1);
-et = Ht([
+], Qe.prototype, "handleOpenChange", 1);
+Qe = Ht([
   Ie("cx-table-header-menu")
-], et);
+], Qe);
 const qa = q`.table-row-actions__button::part(label),.table-row-actions__dropdown__trigger::part(label){padding:0 var(--cx-spacing-x-small)}.table-row-actions__menu-item::part(checked-icon){display:none}`;
 var Xa = Object.defineProperty, Ja = Object.getOwnPropertyDescriptor, Kt = (n, e, t, i) => {
   for (var s = i > 1 ? void 0 : i ? Ja(e, t) : e, o = n.length - 1, r; o >= 0; o--)
@@ -1156,7 +1156,7 @@ var Xa = Object.defineProperty, Ja = Object.getOwnPropertyDescriptor, Kt = (n, e
 };
 let ft = class extends Pe {
   constructor() {
-    super(...arguments), this.localize = new tt(this), this.groupedDropdownItems = {}, this.sections = [];
+    super(...arguments), this.localize = new et(this), this.groupedDropdownItems = {}, this.sections = [];
   }
   createRenderRoot() {
     return this;
@@ -1396,7 +1396,7 @@ var tl = Object.defineProperty, il = Object.getOwnPropertyDescriptor, Xi = (n, e
 };
 let At = class extends Pe {
   constructor() {
-    super(...arguments), this.localize = new tt(this), this.groupByOptionIdSet = /* @__PURE__ */ new Set(), this.groupByOptions = [], this.groupByValue = "";
+    super(...arguments), this.localize = new et(this), this.groupByOptionIdSet = /* @__PURE__ */ new Set(), this.groupByOptions = [], this.groupByValue = "";
   }
   handleGroupByOptionsChange() {
     this.groupByOptionIdSet = new Set(this.groupByOptions.map((n) => n.id));
@@ -1422,14 +1422,14 @@ let At = class extends Pe {
   }
   renderOption(n, e, t) {
     const i = t === n;
-    return x`<cx-menu-item class=${rt({
+    return x`<cx-menu-item class=${ot({
       "group-by-option": !0,
       "group-by-option--selected": i
     })} data-option-id=${n} type="checkbox" ?checked=${i}>${e}</cx-menu-item>`;
   }
   renderOffOption(n) {
     const e = n === null;
-    return x`<cx-menu-item class=${rt({
+    return x`<cx-menu-item class=${ot({
       "group-by-option": !0,
       "group-by-option--selected": e
     })} data-group-by-action="off" type="checkbox" ?checked=${e}>${this.localize.term("off")}</cx-menu-item>`;
@@ -1477,7 +1477,7 @@ var sl = Object.defineProperty, ol = Object.getOwnPropertyDescriptor, mt = (n, e
 };
 let Be = class extends Pe {
   constructor() {
-    super(...arguments), this.localize = new tt(this), this.fetchController = null, this.requestId = 0, this.savedSearchURL = "", this.savedSearchItems = [], this.savedSearchPageSizeParam = "PageSize", this.savedSearchPageSize = 10, this.savedSearchPageNumberParam = "PageNumber", this.totalCount = 0, this.loading = !1, this.currentPage = 1;
+    super(...arguments), this.localize = new et(this), this.fetchController = null, this.requestId = 0, this.savedSearchURL = "", this.savedSearchItems = [], this.savedSearchPageSizeParam = "PageSize", this.savedSearchPageSize = 10, this.savedSearchPageNumberParam = "PageNumber", this.totalCount = 0, this.loading = !1, this.currentPage = 1;
   }
   createRenderRoot() {
     return this;
@@ -1589,7 +1589,7 @@ var nl = Object.defineProperty, al = Object.getOwnPropertyDescriptor, ie = (n, e
 };
 let Q = class extends Pe {
   constructor() {
-    super(...arguments), this.localize = new tt(this), this.hasSlotController = new Ur(
+    super(...arguments), this.localize = new et(this), this.hasSlotController = new Ur(
       this,
       "label",
       "pagination",
@@ -1634,12 +1634,12 @@ let Q = class extends Pe {
     this.emit("cx-table-export", { detail: { type: "report" } });
   }
   renderSearch() {
-    return x`<form class="search" id="search-form" @submit=${this.handleSearchSubmit}><cx-input class="search__input" placeholder=${this.localize.term("typeYourSearchHere")} value=${this.searchValue} clearable @cx-clear=${this.handleClearSearch}><cx-icon-button class=${rt({
+    return x`<form class="search" id="search-form" @submit=${this.handleSearchSubmit}><cx-input class="search__input" placeholder=${this.localize.term("typeYourSearchHere")} value=${this.searchValue} clearable @cx-clear=${this.handleClearSearch}><cx-icon-button class=${ot({
       search__icon: !0,
       "search__icon--search": !0
     })} name="search" slot="prefix" size="small"></cx-icon-button>${Y(
       !this.noAdvancedSearch,
-      () => x`<cx-tooltip slot="suffix" hoist content=${this.localize.term("advancedSearch")}><cx-icon-button class=${rt({
+      () => x`<cx-tooltip slot="suffix" hoist content=${this.localize.term("advancedSearch")}><cx-icon-button class=${ot({
         search__icon: !0,
         "search__icon--advanced-search": !0
       })} name="tune" @click=${this.handleAdvancedSearchClick} size="small"></cx-icon-button></cx-tooltip>`
@@ -1685,7 +1685,7 @@ let Q = class extends Pe {
   }
   renderHeaderRow() {
     const n = !!this.label || this.hasSlotController.test("label"), e = this.hasSlotController.test("pagination");
-    return x`<div class=${rt({
+    return x`<div class=${ot({
       header: !0,
       "header--has-label": n,
       "header--has-pagination": e
@@ -2593,14 +2593,14 @@ const Qr = function(n, e, t) {
     n = i + (i.includes("?") ? "&" : "?") + o + (s ? "#" + s : "");
   }
   return n;
-}, ci = process.env.NODE_ENV === "development", ot = class ot extends I {
+}, ci = process.env.NODE_ENV === "development", st = class st extends I {
   constructor(e) {
     super(e), this.fetchApi = typeof globalThis.fetch == "function" ? globalThis.fetch.bind(globalThis) : void 0, this.config = {}, this.url = "", this.urlGenerator = !1, this.params = !1, this.loaderPromise = !1, this.registerTableOption("ajaxURL", !1), this.registerTableOption("ajaxURLGenerator", !1), this.registerTableOption("ajaxParams", {}), this.registerTableOption("ajaxConfig", "get"), this.registerTableOption("ajaxContentType", "form"), this.registerTableOption("ajaxRequestFunc", !1), this.registerTableOption("ajaxRequesting", () => {
-    }), this.registerTableOption("ajaxResponse", !1), this.contentTypeFormatters = ot.contentTypeFormatters;
+    }), this.registerTableOption("ajaxResponse", !1), this.contentTypeFormatters = st.contentTypeFormatters;
   }
   // initialize setup options
   initialize() {
-    this.urlGenerator = this.table.options.ajaxURLGenerator || ot.defaultURLGenerator, this.loaderPromise = this.table.options.ajaxRequestFunc || ot.defaultLoaderPromise.bind(this), (this.table.options.ajaxURL || this.table.options.ajaxRequestFunc) && (this.table.options.filterMode = Ze.Remote, this.table.options.sortMode = Ze.Remote, this.table.options.paginationMode = Ze.Remote, this.table.options.ajaxURL && this.setUrl(this.table.options.ajaxURL)), this.setDefaultConfig(this.table.options.ajaxConfig), this.registerTableFunction("getAjaxUrl", this.getUrl.bind(this)), this.subscribe("data-loading", this.requestDataCheck.bind(this)), this.subscribe("data-params", this.requestParams.bind(this)), this.subscribe("data-load", this.requestData.bind(this));
+    this.urlGenerator = this.table.options.ajaxURLGenerator || st.defaultURLGenerator, this.loaderPromise = this.table.options.ajaxRequestFunc || st.defaultLoaderPromise.bind(this), (this.table.options.ajaxURL || this.table.options.ajaxRequestFunc) && (this.table.options.filterMode = ut.Remote, this.table.options.sortMode = ut.Remote, this.table.options.paginationMode = ut.Remote, this.table.options.ajaxURL && this.setUrl(this.table.options.ajaxURL)), this.setDefaultConfig(this.table.options.ajaxConfig), this.registerTableFunction("getAjaxUrl", this.getUrl.bind(this)), this.subscribe("data-loading", this.requestDataCheck.bind(this)), this.subscribe("data-params", this.requestParams.bind(this)), this.subscribe("data-load", this.requestData.bind(this));
   }
   requestParams(e, t, i, s) {
     const o = this.table.options.ajaxParams;
@@ -2619,7 +2619,7 @@ const Qr = function(n, e, t) {
     ) ? (e && this.setUrl(e), r = this.generateConfig(i), this.sendRequest(this.url, t, r)) : o;
   }
   setDefaultConfig(e = {}) {
-    this.config = Object.assign({}, ot.defaultConfig), typeof e == "string" ? this.config.method = e : Object.assign(this.config, e);
+    this.config = Object.assign({}, st.defaultConfig), typeof e == "string" ? this.config.method = e : Object.assign(this.config, e);
   }
   // load config object
   generateConfig(e = {}) {
@@ -2650,7 +2650,7 @@ const Qr = function(n, e, t) {
     )), s)) : Promise.reject();
   }
 };
-ot.moduleName = "ajax", ot.defaultConfig = gl, ot.defaultURLGenerator = Qr, ot.contentTypeFormatters = bl, ot.defaultLoaderPromise = function(e, t, i) {
+st.moduleName = "ajax", st.defaultConfig = gl, st.defaultURLGenerator = Qr, st.contentTypeFormatters = bl, st.defaultLoaderPromise = function(e, t, i) {
   let s;
   return new Promise((o, r) => {
     if (!this.urlGenerator) {
@@ -2691,7 +2691,7 @@ ot.moduleName = "ajax", ot.defaultConfig = gl, ot.defaultURLGenerator = Qr, ot.c
       ci && console.warn("Ajax Load Error - No URL Set"), o([]);
   });
 };
-let ws = ot;
+let ws = st;
 function ho(n) {
   const e = [];
   let t = n;
@@ -3027,7 +3027,7 @@ const xl = {
   }
 }, kl = {
   copyToClipboard: ["ctrl + 67", "meta + 67"]
-}, Tl = {
+}, Dl = {
   keybindings: {
     actions: Sl,
     bindings: kl
@@ -3148,7 +3148,7 @@ const kt = class kt extends I {
     return i?.getData && (t = i.getData("text/plain")), t;
   }
 };
-kt.moduleName = "clipboard", kt.moduleExtensions = Tl, kt.pasteActions = xl, kt.pasteParsers = Rl;
+kt.moduleName = "clipboard", kt.moduleExtensions = Dl, kt.pasteActions = xl, kt.pasteParsers = Rl;
 let ys = kt;
 class co {
   constructor(e) {
@@ -3214,20 +3214,23 @@ class co {
     return this._cell;
   }
 }
-const Dl = x`<div class="tabulator-cell"></div>`, Ml = process.env.NODE_ENV === "development";
+const Tl = x`<div class="tabulator-cell"></div>`, Ml = process.env.NODE_ENV === "development";
 class ki extends Me {
   constructor(e, t) {
-    super(e.table), this.table = e.table, this.column = e, this.row = t, this.element = null, this.contentElement = null, this.value = null, this.oldValue = null, this.modules = {}, this.height = null, this.width = null, this.minWidth = null, this.component = null, this.loaded = !1, this.hoverMenuElement = null, this.build();
+    super(e.table), this.table = e.table, this.column = e, this.row = t, this.element = null, this.contentElement = null, this.value = null, this.oldValue = null, this.modules = {}, this.height = null, this.width = null, this.minWidth = null, this.component = null, this.loaded = !1, this.hoverMenuElement = null, this.deleted = !1, this.build();
   }
   /**
    * Setup Functions
    */
   // generate element
   build() {
-    this.generateElement(), this.setWidth(), this._configureCell(), this.setValueActual(this.column.getFieldValue(this.row.data)), this.initialValue = this.value;
+    this.column.hidden || this.buildElement(), this.setValueActual(this.column.getFieldValue(this.row.data)), this.initialValue = this.value;
+  }
+  buildElement() {
+    this.generateElement(), this.setWidth(), this._configureCell();
   }
   generateElement() {
-    if (this.element = B(Dl), this.element.setAttribute(
+    if (this.element = B(Tl), this.element.setAttribute(
       "role",
       this.table.options.cellRole ?? "gridcell"
     ), this.column.modules.format?.cellClass) {
@@ -3252,11 +3255,25 @@ class ki extends Me {
       r && e.classList.add(r);
     }), this.dispatch("cell-init", this), this.column.hidden && this.hide(), this.updateCellClass();
   }
-  updateCellClass() {
+  updateCellClass(e, t) {
     if (!this.element)
       return;
-    const e = this.table.columnManager?.getVisibleColumnsByIndex() || [], t = e.at(-1), i = e[0];
-    this.column === i ? this.element.classList.add("tabulator-cell-first") : this.element.classList.remove("tabulator-cell-first"), this.column === t ? this.element.classList.add("tabulator-cell-last") : this.element.classList.remove("tabulator-cell-last");
+    if (this.column.hidden) {
+      this.element.classList.remove(
+        "tabulator-cell-first",
+        "tabulator-cell-last"
+      );
+      return;
+    }
+    let i = e, s = t;
+    if (!i || !s) {
+      const o = this.table.columnManager?.getVisibleColumnsByIndex() || [];
+      i = o[0], s = o.at(-1);
+    }
+    this.element.classList.toggle(
+      "tabulator-cell-first",
+      this.column === i
+    ), this.element.classList.toggle("tabulator-cell-last", this.column === s);
   }
   getTextFormat() {
     return this.column.definition.textFormatParams ? this.column.definition.textFormatParams.getColor ? {
@@ -3303,7 +3320,7 @@ class ki extends Me {
    * Getters
    */
   getElement(e) {
-    return this.loaded || (this.loaded = !0, e || this.layoutElement()), this.element;
+    return !this.element && !this.deleted && this.buildElement(), !this.loaded && !e && (this.loaded = !0, this.layoutElement()), this.element;
   }
   getValue() {
     return this.value;
@@ -3355,13 +3372,29 @@ class ki extends Me {
     return this.element ? this.height || this.element.offsetHeight : 0;
   }
   show() {
-    this.element && (this.element.style.display = this.column.vertAlign ? "inline-flex" : "");
+    const e = this.getElement();
+    e && (this.attachToRow(e), e.style.display = this.column.vertAlign ? "inline-flex" : "");
+  }
+  attachToRow(e) {
+    const t = this.row.element;
+    if (!t || e.parentNode === t)
+      return;
+    const i = this.row.getCellIndex(this);
+    let s = t.firstChild;
+    for (let o = i - 1; o >= 0; o--) {
+      const r = this.row.cells[o]?.element;
+      if (r?.parentNode === t) {
+        s = r.nextSibling;
+        break;
+      }
+    }
+    t.insertBefore(e, s), this.cellRendered(), this.row.heightInitialized && this.setHeight();
   }
   hide() {
     this.element && (this.element.style.display = "none");
   }
   delete() {
-    this.dispatch("cell-delete", this), !this.table.rowManager?.redrawBlock && this.element && this.element.parentNode && this.element.parentNode.removeChild(this.element), this.element = null, this.contentElement = null, this.column.deleteCell(this), this.row.deleteCell(this), this.calcs = {};
+    this.deleted = !0, this.dispatch("cell-delete", this), !this.table.rowManager?.redrawBlock && this.element && this.element.parentNode && this.element.parentNode.removeChild(this.element), this.element = null, this.contentElement = null, this.column.deleteCell(this), this.row.deleteCell(this), this.calcs = {};
   }
   getIndex() {
     return this.row.getCellIndex(this);
@@ -3948,7 +3981,7 @@ class uo {
   }
 }
 const Yo = process.env.NODE_ENV === "development";
-class Te extends Me {
+class De extends Me {
   constructor(e, t, i = "row") {
     super(t.table), this.parent = t, this.data = {}, this.type = i, this.element = !1, this.modules = {}, this.cells = [], this.height = 0, this.heightStyled = "", this.manualHeight = !1, this.outerHeight = 0, this.initialized = !1, this.heightInitialized = !1, this.position = 0, this.positionWatchers = [], this.component = null, this.created = !1, this.setData(e);
   }
@@ -3985,7 +4018,7 @@ class Te extends Me {
   }
   rendered() {
     this.cells.forEach((e) => {
-      e.cellRendered();
+      e.column.hidden || e.cellRendered();
     });
   }
   reinitializeHeight() {
@@ -4260,7 +4293,7 @@ const Ll = {
   unique: function(n, e, t) {
     return n.filter((s, o) => !(s == null || typeof s == "string" && s.trim() === "") && n.indexOf(s) === o).length;
   }
-}, Zo = process.env.NODE_ENV === "development", Tt = class Tt extends I {
+}, Zo = process.env.NODE_ENV === "development", Dt = class Dt extends I {
   constructor(e) {
     super(e), this.topCalcs = [], this.botCalcs = [], this.genColumn = !1, this.topElement = this.createElement(), this.botElement = this.createElement(), this.topRow = !1, this.botRow = !1, this.topInitialized = !1, this.botInitialized = !1, this.blocked = !1, this.recalcAfterBlock = !1, this.registerTableOption("columnCalcs", !0), this.registerColumnOption("topCalc"), this.registerColumnOption("topCalcParams"), this.registerColumnOption("topCalcFormatter"), this.registerColumnOption("topCalcFormatterParams"), this.registerColumnOption("bottomCalc"), this.registerColumnOption("bottomCalcParams"), this.registerColumnOption("bottomCalcFormatter"), this.registerColumnOption("bottomCalcFormatterParams");
   }
@@ -4322,7 +4355,7 @@ const Ll = {
     if (t.topCalc) {
       switch (typeof t.topCalc) {
         case "string":
-          Tt.calculations[t.topCalc] ? i.topCalc = Tt.calculations[t.topCalc] : Zo && console.warn(
+          Dt.calculations[t.topCalc] ? i.topCalc = Dt.calculations[t.topCalc] : Zo && console.warn(
             "Column Calc Error - No such calculation found, ignoring: ",
             t.topCalc
           );
@@ -4336,7 +4369,7 @@ const Ll = {
     if (t.bottomCalc) {
       switch (typeof t.bottomCalc) {
         case "string":
-          Tt.calculations[t.bottomCalc] ? i.botCalc = Tt.calculations[t.bottomCalc] : Zo && console.warn(
+          Dt.calculations[t.bottomCalc] ? i.botCalc = Dt.calculations[t.bottomCalc] : Zo && console.warn(
             "Column Calc Error - No such calculation found, ignoring: ",
             t.bottomCalc
           );
@@ -4427,7 +4460,7 @@ const Ll = {
   generateRow(e, t) {
     const i = this.generateRowData(e, t);
     this.table.modExists("mutator") && this.table.modules.mutator?.disable();
-    const s = new Te(i, this, "calc");
+    const s = new De(i, this, "calc");
     return this.table.modExists("mutator") && this.table.modules.mutator?.enable(), s.getElement().classList.add("tabulator-calcs", "tabulator-calcs-" + e), s.component = null, s.getComponent = () => (s.component || (s.component = new Fl(s)), s.component), s.generateCells = () => {
       const o = [];
       this.table.columnManager?.columnsByIndex.forEach((r) => {
@@ -4500,9 +4533,9 @@ const Ll = {
     this.botRow && (this.table.rtl ? this.botElement.style.paddingLeft = e + "px" : this.botElement.style.paddingRight = e + "px");
   }
 };
-Tt.moduleName = "columnCalcs", Tt.calculations = Ll;
-let Cs = Tt;
-class Es extends Te {
+Dt.moduleName = "columnCalcs", Dt.calculations = Ll;
+let Cs = Dt;
+class Es extends De {
   constructor(e = {}, t) {
     super(e, t), this.type = "placeholder", this.height = 0, this.outerHeight = 0, this.initialized = !1, this.modules = {}, this.cells = [];
   }
@@ -4699,7 +4732,7 @@ const zl = x`<span class="tabulator-data-tree-control" tabindex="0"><cx-icon-but
     const t = [];
     return e.forEach((i) => {
       let s, o;
-      t.push(i), i instanceof Te && (i.create(), s = i.modules.dataTree, !s.index && s.children !== !1 && (o = this.getChildren(i, !1, !0), o.forEach((r) => {
+      t.push(i), i instanceof De && (i.create(), s = i.modules.dataTree, !s.index && s.children !== !1 && (o = this.getChildren(i, !1, !0), o.forEach((r) => {
         r.create(), t.push(r);
       })));
     }), t;
@@ -4722,7 +4755,7 @@ const zl = x`<span class="tabulator-data-tree-control" tabindex="0"><cx-icon-but
     Array.isArray(i) || (i = i ? [i] : []);
     const s = e.modules.dataTree.index + 1;
     if (i.forEach((o) => {
-      const r = new Te(o || {}, this.table.rowManager);
+      const r = new De(o || {}, this.table.rowManager);
       r.create(), r.modules.dataTree.index = s, r.modules.dataTree.parent = e, r.modules.dataTree.children && (r.modules.dataTree.open = this.startOpen(
         r.getComponent(),
         r.modules.dataTree.index
@@ -4865,13 +4898,13 @@ const zl = x`<span class="tabulator-data-tree-control" tabindex="0"><cx-icon-but
     return t.children && (Array.isArray(t.children) || (e.modules.dataTree.children = this.generateChildren(e)), this.table.modExists("filter") && this.table.options.dataTreeFilter ? s = this.table.modules.filter?.filter(
       e.modules.dataTree.children
     ) || [] : s = e.modules.dataTree.children, s.forEach((o) => {
-      o instanceof Te && i.push(o);
+      o instanceof De && i.push(o);
     })), i;
   }
   rowDeleting(e) {
     const t = e.modules.dataTree;
     t && t.children && Array.isArray(t.children) && t.children.forEach((i) => {
-      i instanceof Te && i.wipe();
+      i instanceof De && i.wipe();
     });
   }
   rowDelete(e) {
@@ -4893,14 +4926,14 @@ const zl = x`<span class="tabulator-data-tree-control" tabindex="0"><cx-icon-but
   findChildIndex(e, t) {
     let i = !1;
     if (typeof e == "object")
-      if (e instanceof Te)
+      if (e instanceof De)
         i = e.data;
       else if (e._getSelf)
         i = e._getSelf().data;
       else if (typeof HTMLElement < "u" && e instanceof HTMLElement) {
         const s = t.modules.dataTree;
         if (s) {
-          const o = s.children?.find((r) => r instanceof Te ? r.element === e : !1);
+          const o = s.children?.find((r) => r instanceof De ? r.element === e : !1);
           o && (i = o.data);
         }
       } else e === null && (i = !1);
@@ -4921,7 +4954,7 @@ const zl = x`<span class="tabulator-data-tree-control" tabindex="0"><cx-icon-but
   getTreeChildren(e, t, i) {
     const s = e.modules.dataTree, o = [];
     return s?.children && (Array.isArray(s.children) || (e.modules.dataTree.children = this.generateChildren(e)), s.children.forEach((r) => {
-      r instanceof Te && (t ? o.push(r.getComponent()) : o.push(r), i && this.getTreeChildren(r, t, i).forEach(
+      r instanceof De && (t ? o.push(r.getComponent()) : o.push(r), i && this.getTreeChildren(r, t, i).forEach(
         (a) => {
           o.push(a);
         }
@@ -5053,18 +5086,18 @@ const Qo = process.env.NODE_ENV === "development", Vl = function(n, e = {}, t) {
     return f.columns.forEach((y) => {
       let k;
       if (y) {
-        let D = y.value;
-        switch (typeof D) {
+        let T = y.value;
+        switch (typeof T) {
           case "object":
-            D = D !== null ? JSON.stringify(D) : "";
+            T = T !== null ? JSON.stringify(T) : "";
             break;
           case "undefined":
-            D = "";
+            T = "";
             break;
         }
         k = {
           colSpan: y.width,
-          content: D,
+          content: T,
           rowSpan: y.height
         }, w && (k.styles = w), E.push(k);
       }
@@ -5116,21 +5149,21 @@ const Qo = process.env.NODE_ENV === "development", Vl = function(n, e = {}, t) {
     const f = [], w = [], E = {}, y = {
       e: {
         c: n[0] ? n[0].columns.reduce(
-          (k, D) => k + (D?.width ? D.width : 1),
+          (k, T) => k + (T?.width ? T.width : 1),
           0
         ) : 0,
         r: n.length
       },
       s: { c: 0, r: 0 }
     };
-    return n.forEach((k, D) => {
+    return n.forEach((k, T) => {
       const he = [];
       k.columns.forEach((L, ge) => {
         L ? (he.push(
           !(L.value instanceof Date) && typeof L.value == "object" ? JSON.stringify(L.value) : L.value
         ), (L.width > 1 || L.height > -1) && (L.height > 1 || L.width > 1) && w.push({
-          e: { c: ge + L.width - 1, r: D + L.height - 1 },
-          s: { c: ge, r: D }
+          e: { c: ge + L.width - 1, r: T + L.height - 1 },
+          s: { c: ge, r: T }
         })) : he.push("");
       }), f.push(he);
     }), o.utils.sheet_add_aoa(E, f), E["!ref"] = o.utils.encode_range(y), w.length && (E["!merges"] = w), E;
@@ -5658,7 +5691,7 @@ function mh(n, e, t) {
     gap: f,
     justifyContent: w,
     wrap: E
-  } = e, y = x`<cx-space class="tabulator-composite" style=${pt(p ?? {})} align-items=${c ?? "center"} ?block=${d} direction=${te(u)} justify-content=${te(w)} spacing=${f ?? "3x-small"} wrap=${E ?? "nowrap"}></cx-space>`, k = B(y), D = [];
+  } = e, y = x`<cx-space class="tabulator-composite" style=${pt(p ?? {})} align-items=${c ?? "center"} ?block=${d} direction=${te(u)} justify-content=${te(w)} spacing=${f ?? "3x-small"} wrap=${E ?? "nowrap"}></cx-space>`, k = B(y), T = [];
   return e.elements.forEach((L) => {
     const ge = or({
       cell: n,
@@ -5679,7 +5712,7 @@ function mh(n, e, t) {
       getType: () => "cell",
       getValue: () => J,
       value: J
-    }, R = typeof L.formatterParams == "function" ? L.formatterParams(C) : L.formatterParams ?? {}, T = (re) => {
+    }, R = typeof L.formatterParams == "function" ? L.formatterParams(C) : L.formatterParams ?? {}, D = (re) => {
       t && t(re);
     };
     let S;
@@ -5688,7 +5721,7 @@ function mh(n, e, t) {
         this,
         C,
         R,
-        T
+        D
       );
     } catch {
       S = String(J ?? "");
@@ -5699,12 +5732,12 @@ function mh(n, e, t) {
       spacing: L.spacing,
       style: L.style
     });
-    typeof S == "string" ? _.textContent = S : S instanceof Node && _.appendChild(S), D.push({
+    typeof S == "string" ? _.textContent = S : S instanceof Node && _.appendChild(S), T.push({
       separator: L.separator,
       wrapper: _
     });
-  }), D.length === 0 ? void 0 : (D.flatMap((L, ge) => {
-    const { separator: J, wrapper: z } = L, b = ge === D.length - 1;
+  }), T.length === 0 ? void 0 : (T.flatMap((L, ge) => {
+    const { separator: J, wrapper: z } = L, b = ge === T.length - 1;
     if (!J || b)
       return [z];
     const C = document.createElement("span");
@@ -5784,12 +5817,12 @@ function kh(n, e) {
     }
   return i.class && (o.className = i.class), i.style && Object.assign(o.style, i.style), o;
 }
-const Th = x`<div style="display: flex; align-items: center; justify-content: center;"><img style="max-width: 100%; max-height: 100%; object-fit: cover;"></div>`;
-function Dh(n, e) {
+const Dh = x`<div style="display: flex; align-items: center; justify-content: center;"><img style="max-width: 100%; max-height: 100%; object-fit: cover;"></div>`;
+function Th(n, e) {
   let t = n.getValue();
   if (!t)
     return null;
-  const i = B(Th), s = i.querySelector("img"), o = e ?? {};
+  const i = B(Dh), s = i.querySelector("img"), o = e ?? {};
   switch (o.urlPrefix && (t = o.urlPrefix + n.getValue()), o.urlSuffix && (t = t + o.urlSuffix), s.setAttribute("src", String(t)), typeof o.height) {
     case "number":
       i.style.height = o.height + "px";
@@ -6180,7 +6213,7 @@ const rn = {
   handle: xh,
   html: Rh,
   icon: kh,
-  image: Dh,
+  image: Th,
   json: Fh,
   link: zh,
   lookup: Oh,
@@ -6200,7 +6233,7 @@ const rn = {
   typography: rc
 };
 sh(rn);
-const Dt = class Dt extends I {
+const Tt = class Tt extends I {
   constructor(e) {
     super(e), this.registerColumnOption("formatter"), this.registerColumnOption("formatterParams"), this.registerColumnOption("formatterPrint"), this.registerColumnOption("formatterPrintParams"), this.registerColumnOption("formatterClipboard"), this.registerColumnOption("formatterClipboardParams"), this.registerColumnOption("formatterHtmlOutput"), this.registerColumnOption("formatterHtmlOutputParams"), this.registerColumnOption("titleFormatter"), this.registerColumnOption("titleFormatterParams"), this.registerColumnOption("textFormatParams"), this.registerColumnOption("cellClass"), this.registerColumnOption("cellStyle");
   }
@@ -6220,14 +6253,14 @@ const Dt = class Dt extends I {
   }
   lookupTypeFormatter(e, t) {
     const i = "formatter" + t + "Params", s = {
-      formatter: Dt.formatters.plaintext,
+      formatter: Tt.formatters.plaintext,
       params: e.definition[i] || {},
       textFormatParams: e.definition.textFormatParams || {}
     }, o = e.definition["formatter" + t];
-    return s.formatter = Dt.lookupFormatter(o), s;
+    return s.formatter = Tt.lookupFormatter(o), s;
   }
   static lookupFormatter(e) {
-    return Yi(e, Dt.formatters);
+    return Yi(e, Tt.formatters);
   }
   cellRendered(e) {
     const t = e.modules.format;
@@ -6242,7 +6275,7 @@ const Dt = class Dt extends I {
    */
   formatHeader(e, t, i) {
     let s, o, r, a;
-    return e.definition.titleFormatter ? (s = Dt.lookupFormatter(e.definition.titleFormatter), r = (l) => {
+    return e.definition.titleFormatter ? (s = Tt.lookupFormatter(e.definition.titleFormatter), r = (l) => {
       e.titleFormatterRendered = l;
     }, a = {
       getColumn: function() {
@@ -6302,9 +6335,9 @@ const Dt = class Dt extends I {
       return this.formatValue(e);
   }
 };
-Dt.moduleName = "format", Dt.formatters = rn;
-let Hi = Dt;
-const ct = process.env.NODE_ENV === "development", nc = x`<cx-option></cx-option>`, ac = x`<cx-divider></cx-divider>`;
+Tt.moduleName = "format", Tt.formatters = rn;
+let Hi = Tt;
+const ht = process.env.NODE_ENV === "development", nc = x`<cx-option></cx-option>`, ac = x`<cx-divider></cx-divider>`;
 class lc {
   constructor(e, t, i, s, o, r) {
     this._itemsMap = /* @__PURE__ */ new Map(), this.table = e.table, this.cell = t, this.params = this._initializeParams(r), this.fetchApi = typeof globalThis.fetch == "function" ? globalThis.fetch.bind(globalThis) : void 0, this.data = [], this.displayItems = [], this.focusedItem = null, this.input = this._createSelectElement(), this.initialValue = void 0, this.initialValues = [], this.isHeaderFilter = t.row?.type === "header", this.typing = !1, this.listIteration = 0, this.lastAction = "", this.actions = {
@@ -6390,15 +6423,15 @@ class lc {
     const i = Object.keys(e).filter(
       (s) => t.has(s)
     ).length;
-    return i ? i > 1 && ct && console.warn(
+    return i ? i > 1 && ht && console.warn(
       "list editor config error - only one of the values, valuesURL, or valuesLookup options can be set on the same editor"
-    ) : ct && console.warn(
+    ) : ht && console.warn(
       "list editor config error - either the values, valuesURL, or valuesLookup option must be set"
-    ), e.autocomplete || (e.freetext && (e.freetext = !1, ct && console.warn(
+    ), e.autocomplete || (e.freetext && (e.freetext = !1, ht && console.warn(
       "list editor config error - freetext option is only available when autocomplete is enabled"
-    )), e.filterRemote && (e.filterRemote = !1, ct && console.warn(
+    )), e.filterRemote && (e.filterRemote = !1, ht && console.warn(
       "list editor config error - filterRemote option is only available when autocomplete is enabled"
-    )), e.listOnEmpty && (e.listOnEmpty = !1, ct && console.warn(
+    )), e.listOnEmpty && (e.listOnEmpty = !1, ht && console.warn(
       "list editor config error - listOnEmpty option is only available when autocomplete is enabled"
     ))), e;
   }
@@ -6438,7 +6471,7 @@ class lc {
       const e = await this._generateOptions(), t = this._sortOptions(e);
       this._buildList(t), await this.input.updateComplete;
     } catch (e) {
-      ct && console.error("List generation error", e);
+      ht && console.error("List generation error", e);
     }
   }
   async _generateOptions() {
@@ -6473,7 +6506,7 @@ class lc {
         throw new Error("fetch is not available");
       const a = await this.fetchApi(e);
       if (!a.ok)
-        return ct && console.error(
+        return ht && console.error(
           "List Ajax Load Error - Connection Error: " + a.status,
           a.statusText
         ), [];
@@ -6481,10 +6514,10 @@ class lc {
         try {
           return r = await a.json(), i && (r = i(e, o, r)), r;
         } catch (l) {
-          ct && console.warn("List Ajax Load Error - Invalid JSON returned", l);
+          ht && console.warn("List Ajax Load Error - Invalid JSON returned", l);
         }
     } catch (a) {
-      ct && console.error("List Ajax Load Error - Connection Error: ", a);
+      ht && console.error("List Ajax Load Error - Connection Error: ", a);
     }
     return r;
   }
@@ -6497,7 +6530,7 @@ class lc {
         this._emptyValueCheck(l) || (t[l] = !0);
       });
     else
-      return ct && console.warn(
+      return ht && console.warn(
         "unable to find matching column to create select lookup list:",
         e
       ), [];
@@ -6634,9 +6667,9 @@ class lc {
         return i > s ? 1 : -1;
       for (i = y.join(""), s = k.join(""), l = Math.min(i.length, s.length); a < l; )
         if (o = i[a], r = s[a++], o !== r) {
-          const D = Number(o), he = Number(r);
-          if (Number.isFinite(D) && Number.isFinite(he) && !Number.isNaN(D) && !Number.isNaN(he)) {
-            const L = o.startsWith("0") ? Number.parseFloat("." + o) : D, ge = r.startsWith("0") ? Number.parseFloat("." + r) : he;
+          const T = Number(o), he = Number(r);
+          if (Number.isFinite(T) && Number.isFinite(he) && !Number.isNaN(T) && !Number.isNaN(he)) {
+            const L = o.startsWith("0") ? Number.parseFloat("." + o) : T, ge = r.startsWith("0") ? Number.parseFloat("." + r) : he;
             return L - ge;
           } else
             return o > r ? 1 : -1;
@@ -6987,12 +7020,12 @@ const hc = function(n, e, t, i, s) {
   }
   function f(E) {
     const y = document.createElement("span"), k = p.cloneNode(!0);
-    c.push(k), y.addEventListener("mouseenter", (D) => {
-      D.stopPropagation(), D.stopImmediatePropagation(), u(E);
-    }), y.addEventListener("mousemove", (D) => {
-      D.stopPropagation(), D.stopImmediatePropagation();
-    }), y.addEventListener("click", (D) => {
-      D.stopPropagation(), D.stopImmediatePropagation(), t(E), r.blur();
+    c.push(k), y.addEventListener("mouseenter", (T) => {
+      T.stopPropagation(), T.stopImmediatePropagation(), u(E);
+    }), y.addEventListener("mousemove", (T) => {
+      T.stopPropagation(), T.stopImmediatePropagation();
+    }), y.addEventListener("click", (T) => {
+      T.stopPropagation(), T.stopImmediatePropagation(), t(E), r.blur();
     }), y.appendChild(k), d.appendChild(y);
   }
   function w(E) {
@@ -7194,7 +7227,7 @@ const hc = function(n, e, t, i, s) {
   textarea: fc,
   tickCross: mc,
   time: bc
-}, Di = process.env.NODE_ENV === "development", nn = "tabulator-edit-list-trigger", vc = "tabulator-edit-list-trigger-caret", yc = x`<button aria-label="Open list editor" class=${nn} tabindex="-1" type="button"><cx-icon aria-hidden="true" class=${vc} name="arrow_drop_down"></cx-icon></button>`, mi = class mi extends I {
+}, Ti = process.env.NODE_ENV === "development", nn = "tabulator-edit-list-trigger", vc = "tabulator-edit-list-trigger-caret", yc = x`<button aria-label="Open list editor" class=${nn} tabindex="-1" type="button"><cx-icon aria-hidden="true" class=${vc} name="arrow_drop_down"></cx-icon></button>`, mi = class mi extends I {
   constructor(e) {
     super(e), this.currentCell = !1, this.mouseClick = !1, this.recursionBlock = !1, this.invalidEdit = !1, this.editedCells = [], this.convertEmptyValues = !1, this.editors = mi.editors, this.registerTableOption("editTriggerEvent", "focus"), this.registerTableOption("editorEmptyValue"), this.registerTableOption(
       "editorEmptyValueFunc",
@@ -7279,7 +7312,7 @@ const hc = function(n, e, t, i, s) {
     return !!e._getSelf().modules.edit && e._getSelf().modules.edit.edited;
   }
   cellCancelEdit(e) {
-    e._getSelf() === this.currentCell ? this.cancelEdit() : Di && console.warn(
+    e._getSelf() === this.currentCell ? this.cancelEdit() : Ti && console.warn(
       "Cancel Editor Error - This cell is not currently being edited "
     );
   }
@@ -7288,7 +7321,9 @@ const hc = function(n, e, t, i, s) {
   // /////// Table Functions /////////
   // /////////////////////////////////
   updateCellClass(e) {
-    const t = e.getElement();
+    if (e.column.hidden && !e.element)
+      return;
+    const t = e.getElement(!0);
     t && (this.allowEdit(e) ? t.classList.add("tabulator-editable") : t.classList.remove("tabulator-editable"));
   }
   clearCellEdited(e) {
@@ -7336,7 +7371,10 @@ const hc = function(n, e, t, i, s) {
     let i = !1;
     if (t < e.cells.length - 1)
       for (let s = t + 1; s < e.cells.length; s++) {
-        const o = e.cells[s], r = o.getElement();
+        const o = e.cells[s];
+        if (o.column.hidden)
+          continue;
+        const r = o.getElement();
         if (o.column.modules.edit && r && Z.elVisible(r) && this.allowEdit(o)) {
           i = o;
           break;
@@ -7348,7 +7386,10 @@ const hc = function(n, e, t, i, s) {
     let i = !1;
     if (t > 0)
       for (let s = t - 1; s >= 0; s--) {
-        const o = e.cells[s], r = o.getElement();
+        const o = e.cells[s];
+        if (o.column.hidden)
+          continue;
+        const r = o.getElement();
         if (o.column.modules.edit && r && Z.elVisible(r) && this.allowEdit(o)) {
           i = o;
           break;
@@ -7370,7 +7411,7 @@ const hc = function(n, e, t, i, s) {
   }
   rowEditableCheck(e) {
     e.getCells().forEach((t) => {
-      t.column.modules.edit && typeof t.column.modules.edit.check == "function" && this.updateCellClass(t);
+      !t.column.hidden && t.column.modules.edit && typeof t.column.modules.edit.check == "function" && this.updateCellClass(t);
     });
   }
   // initialize column editor
@@ -7392,13 +7433,13 @@ const hc = function(n, e, t, i, s) {
     let i = !1;
     switch (typeof e) {
       case "string":
-        this.editors[e] ? i = this.editors[e] : Di && console.warn("Editor Error - No such editor found: ", e);
+        this.editors[e] ? i = this.editors[e] : Ti && console.warn("Editor Error - No such editor found: ", e);
         break;
       case "function":
         i = e;
         break;
       case "boolean":
-        e === !0 && (typeof t.definition.formatter == "function" ? Di && console.warn(
+        e === !0 && (typeof t.definition.formatter == "function" ? Ti && console.warn(
           "Editor Error - Cannot auto lookup editor for a custom formatter: ",
           t.definition.formatter
         ) : t.definition.formatter && this.editors[t.definition.formatter] ? i = this.editors[t.definition.formatter] : i = this.editors.input);
@@ -7562,7 +7603,7 @@ const hc = function(n, e, t, i, s) {
               k.stopPropagation();
             });
         } else
-          return Di && console.warn(
+          return Ti && console.warn(
             "Edit Error - Editor should return an instance of Node, the editor returned:",
             l
           ), this.blur(r), !1;
@@ -8161,7 +8202,7 @@ function Oe(n) {
   }
 }
 const an = Symbol("skip-composite-element");
-function Tc(n, e, t, i, s) {
+function Dc(n, e, t, i, s) {
   if (typeof n?.getValue == "function")
     return an;
   if (n?.value !== void 0)
@@ -8169,7 +8210,7 @@ function Tc(n, e, t, i, s) {
   const o = n?.field;
   return typeof o == "string" && o.length > 0 ? o === e ? t : s ? Z.retrieveNestedData(s, o, i) : i[o] : t;
 }
-function Dc(n, e, t) {
+function Tc(n, e, t) {
   return !!(typeof n?.shouldHide == "function" && Oe(() => n.shouldHide(e, t)) || n?.hideValues !== void 0 && (Array.isArray(n.hideValues) ? n.hideValues : [n.hideValues]).includes(e) || typeof n?.shouldShow == "function" && !Oe(
     () => n.shouldShow(e, t)
   ) || n?.showValues !== void 0 && !(Array.isArray(n.showValues) ? n.showValues : [n.showValues]).includes(e));
@@ -8180,7 +8221,7 @@ function Mc(n, e) {
     return [];
   const l = [];
   for (const h of a) {
-    const c = Tc(
+    const c = Dc(
       h,
       e,
       i,
@@ -8195,7 +8236,7 @@ function Mc(n, e) {
       const u = p[String(c)];
       u !== void 0 && (d = u);
     }
-    if (!Dc(h, d, s) && (d !== c && Ni(l, d, c), h?.formatter !== void 0)) {
+    if (!Tc(h, d, s) && (d !== c && Ni(l, d, c), h?.formatter !== void 0)) {
       const u = fo({
         columnField: e,
         formatter: h.formatter,
@@ -8469,7 +8510,7 @@ function Gc(n, e, t, i, s) {
     table: n
   });
 }
-const Ae = process.env.NODE_ENV === "development", dt = class dt extends I {
+const Ae = process.env.NODE_ENV === "development", ct = class ct extends I {
   constructor(e) {
     super(e), this.filterList = [], this.headerFilters = {}, this.headerFilterColumns = [], this.prevHeaderFilterChangeCheck = "", this.prevHeaderFilterChangeCheck = "{}", this.changed = !1, this.tableInitialized = !1, this.registerTableOption("filterMode", "local"), this.registerTableOption("initialFilter", !1), this.registerTableOption("initialHeaderFilter", !1), this.registerTableOption("headerFilterLiveFilterDelay", 300), this.registerTableOption("placeholderHeaderFilter", !1), this.registerColumnOption("headerFilter"), this.registerColumnOption("headerFilterPlaceholder"), this.registerColumnOption("headerFilterParams"), this.registerColumnOption("headerFilterEmptyCheck"), this.registerColumnOption("headerFilterFunc"), this.registerColumnOption("headerFilterFuncParams"), this.registerColumnOption("headerFilterLiveFilter"), this.registerTableFunction("searchRows", this.searchRows.bind(this)), this.registerTableFunction("searchData", this.searchData.bind(this)), this.registerTableFunction("setFilter", this.userSetFilter.bind(this)), this.registerTableFunction("createFilterFieldFunction", this.createFilterFieldFunction.bind(this)), this.registerTableFunction(
       "refreshFilter",
@@ -8517,7 +8558,7 @@ const Ae = process.env.NODE_ENV === "development", dt = class dt extends I {
     ), this.subscribe(
       "column-width-fit-after",
       this.showHeaderFilterElements.bind(this)
-    ), this.subscribe("table-built", this.tableBuilt.bind(this)), this.subscribe("placeholder", this.generatePlaceholder.bind(this)), this.table.options.filterMode === Ze.Remote && this.subscribe("data-params", this.remoteFilterParams.bind(this)), this.registerDataHandler(
+    ), this.subscribe("table-built", this.tableBuilt.bind(this)), this.subscribe("placeholder", this.generatePlaceholder.bind(this)), this.table.options.filterMode === ut.Remote && this.subscribe("data-params", this.remoteFilterParams.bind(this)), this.registerDataHandler(
       this.filter.bind(this),
       10
     );
@@ -8642,10 +8683,10 @@ const Ae = process.env.NODE_ENV === "development", dt = class dt extends I {
         if (d && !d(r)) {
           switch (e.modules.filter.value = r, typeof e.definition.headerFilterFunc) {
             case "string":
-              dt.filters[e.definition.headerFilterFunc] ? (l = e.definition.headerFilterFunc, c = function(p) {
+              ct.filters[e.definition.headerFilterFunc] ? (l = e.definition.headerFilterFunc, c = function(p) {
                 let u = e.definition.headerFilterFuncParams || {};
                 const f = e.getFieldValue(p);
-                return u = typeof u == "function" ? u(r, f, p) : u, dt.filters[e.definition.headerFilterFunc](r, f, p, u);
+                return u = typeof u == "function" ? u(r, f, p) : u, ct.filters[e.definition.headerFilterFunc](r, f, p, u);
               }) : Ae && console.warn(
                 "Header Filter Error - Matching filter function not found: ",
                 e.definition.headerFilterFunc
@@ -8784,8 +8825,8 @@ const Ae = process.env.NODE_ENV === "development", dt = class dt extends I {
         }), h.addEventListener("focus", () => {
           const y = this.table.columnManager?.contentsElement, k = this.table.rowManager?.element;
           if (y && k && this.table.rowManager && this.table.columnManager) {
-            const D = y.scrollLeft, he = k.scrollLeft;
-            D !== he && (this.table.rowManager.scrollHorizontal(D), this.table.columnManager.scrollHorizontal(D));
+            const T = y.scrollLeft, he = k.scrollLeft;
+            T !== he && (this.table.rowManager.scrollHorizontal(T), this.table.columnManager.scrollHorizontal(T));
           }
         }), d = !1, p = function(y) {
           d && clearTimeout(d), d = setTimeout(() => {
@@ -8848,7 +8889,7 @@ const Ae = process.env.NODE_ENV === "development", dt = class dt extends I {
     ));
   }
   refreshFilter() {
-    this.tableInitialized && (this.table.options.filterMode === Ze.Remote ? this.reloadData(null, !1, !1) : this.refreshData(!0));
+    this.tableInitialized && (this.table.options.filterMode === ut.Remote ? this.reloadData(null, !1, !1) : this.refreshData(!0));
   }
   // check if the filters has changed since last use
   trackChanges() {
@@ -8875,7 +8916,7 @@ const Ae = process.env.NODE_ENV === "development", dt = class dt extends I {
   createFilterFieldFunction(e) {
     const t = this.table, i = /* @__PURE__ */ new Map(), o = !(e && e.length) ? Object.keys(t.columnManager?.columnsByField ?? {}) : e;
     return function(a, l) {
-      const h = typeof l.type == "function" ? l.type : dt.filters[l.type];
+      const h = typeof l.type == "function" ? l.type : ct.filters[l.type];
       if (!h)
         return !1;
       const c = l.params || {}, d = o.length > 0, p = d ? o : Object.keys(a);
@@ -8946,12 +8987,12 @@ const Ae = process.env.NODE_ENV === "development", dt = class dt extends I {
           e || {}
         );
       };
-    else if (dt.filters[e.type])
+    else if (ct.filters[e.type])
       if (t = this.table.columnManager?.getColumnByField(e.field) || void 0, t) {
         const o = t;
         i = function(r) {
           const a = e;
-          return dt.filters[e.type](
+          return ct.filters[e.type](
             e.value,
             o.getFieldValue(r),
             r,
@@ -8961,7 +9002,7 @@ const Ae = process.env.NODE_ENV === "development", dt = class dt extends I {
       } else
         i = function(o) {
           const r = e;
-          return dt.filters[e.type](
+          return ct.filters[e.type](
             e.value,
             o[e.field],
             o,
@@ -9073,7 +9114,7 @@ const Ae = process.env.NODE_ENV === "development", dt = class dt extends I {
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   filter(e, t) {
     const i = [], s = [];
-    return this.subscribedExternal("dataFiltering") && this.dispatchExternal("dataFiltering", this.getFilters(!0)), this.table.options.filterMode !== Ze.Remote && (this.filterList.length || Object.keys(this.headerFilters).length) ? e.forEach((o) => {
+    return this.subscribedExternal("dataFiltering") && this.dispatchExternal("dataFiltering", this.getFilters(!0)), this.table.options.filterMode !== ut.Remote && (this.filterList.length || Object.keys(this.headerFilters).length) ? e.forEach((o) => {
       this.filterRow(o) && i.push(o);
     }) : e.forEach((o) => i.push(o)), this.subscribedExternal("dataFiltered") && (i.forEach((o) => {
       s.push(o.getComponent());
@@ -9102,8 +9143,8 @@ const Ae = process.env.NODE_ENV === "development", dt = class dt extends I {
     }) : i = e.func(t), i;
   }
 };
-dt.moduleName = "filter", dt.filters = Rc;
-let Vi = dt;
+ct.moduleName = "filter", ct.filters = Rc;
+let Vi = ct;
 const Uc = process.env.NODE_ENV === "development", yo = class yo extends I {
   constructor(e) {
     super(e), this.leftColumns = [], this.rightColumns = [], this.active = !1, this.blocked = !0, this.registerColumnOption("frozen");
@@ -9119,7 +9160,7 @@ const Uc = process.env.NODE_ENV === "development", yo = class yo extends I {
     this.blocked = !0;
   }
   unblockLayout() {
-    this.blocked = !1;
+    this.blocked = !1, this.layout();
   }
   layoutCell(e) {
     this.layoutElement(e.element, e.column);
@@ -9193,12 +9234,12 @@ const Uc = process.env.NODE_ENV === "development", yo = class yo extends I {
         );
       } else
         this.layoutElement(o.getElement(), o);
-      e && o.cells.forEach((l) => {
+      e && !o.hidden && o.cells.forEach((l) => {
         this.layoutElement(l.getElement(!0), o);
       });
     }), this.rightColumns.forEach((o, r) => {
       const a = o.modules.frozen;
-      a.marginValue = s, a.margin = a.marginValue + "px", o.hidden || (s += o.getWidth()), r === this.rightColumns.length - 1 ? a.edge = !0 : a.edge = !1, o.parent instanceof Ve && o.parent.isGroup ? this.layoutElement(this.getColGroupParentElement(o), o) : this.layoutElement(o.getElement(), o), e && o.cells.forEach((l) => {
+      a.marginValue = s, a.margin = a.marginValue + "px", o.hidden || (s += o.getWidth()), r === this.rightColumns.length - 1 ? a.edge = !0 : a.edge = !1, o.parent instanceof Ve && o.parent.isGroup ? this.layoutElement(this.getColGroupParentElement(o), o) : this.layoutElement(o.getElement(), o), e && !o.hidden && o.cells.forEach((l) => {
         this.layoutElement(l.getElement(!0), o);
       });
     }), this.rightMargin = s + "px", this.table.element?.style.setProperty(
@@ -9226,10 +9267,10 @@ const Uc = process.env.NODE_ENV === "development", yo = class yo extends I {
   }
   layoutRow(e) {
     this.table.options.layout === "fitDataFill" && this.rightColumns.length && this.table.rowManager?.getTableElement() && (this.table.rowManager.getTableElement().style.minWidth = "calc(100% - " + this.rightMargin + ")"), this.leftColumns.forEach((t) => {
-      const i = e.getCell(t);
+      const i = t.hidden ? void 0 : e.getCell(t);
       i && this.layoutElement(i.getElement(!0), t);
     }), this.rightColumns.forEach((t) => {
-      const i = e.getCell(t);
+      const i = t.hidden ? void 0 : e.getCell(t);
       i && this.layoutElement(i.getElement(!0), t);
     });
   }
@@ -9267,7 +9308,7 @@ const Uc = process.env.NODE_ENV === "development", yo = class yo extends I {
   }
 };
 yo.moduleName = "frozenColumns";
-let Ts = yo;
+let Ds = yo;
 const cr = process.env.NODE_ENV === "development", Co = class Co extends I {
   constructor(e) {
     super(e), this.topElement = document.createElement("div"), this.rows = [], this.registerComponentFunction("row", "freeze", this.freezeRow.bind(this)), this.registerComponentFunction(
@@ -9354,7 +9395,7 @@ const cr = process.env.NODE_ENV === "development", Co = class Co extends I {
   }
 };
 Co.moduleName = "frozenRows";
-let Ds = Co;
+let Ts = Co;
 const Kc = process.env.NODE_ENV === "development", qc = x`<cx-icon-button class="tabulator-group-toggle" name="keyboard_arrow_down"></cx-icon-button>`, Xc = x`<div class="tabulator-group-level-indent"></div>`, Jc = x`<cx-button size="small"><cx-icon slot="prefix" name="add" variant="outlined"></cx-icon>
     Load More
   </cx-button>`, Yc = x`<div class="tabulator-data-tree-loading">Loading...</div>`;
@@ -10230,7 +10271,7 @@ const Zc = {
     actions: ed,
     bindings: td
   }
-}, dr = process.env.NODE_ENV === "development", ut = class ut extends I {
+}, dr = process.env.NODE_ENV === "development", dt = class dt extends I {
   constructor(e) {
     super(e), this.history = [], this.index = -1, this.registerTableOption("history", !1);
   }
@@ -10305,8 +10346,8 @@ const Zc = {
   undo() {
     if (this.index > -1) {
       const e = this.history[this.index];
-      if (ut.undoers[e.type])
-        return ut.undoers[e.type].call(this, e), this.index--, this.dispatchExternal(
+      if (dt.undoers[e.type])
+        return dt.undoers[e.type].call(this, e), this.index--, this.dispatchExternal(
           "historyUndo",
           e.type,
           e.component.getComponent(),
@@ -10321,8 +10362,8 @@ const Zc = {
     if (this.history.length - 1 > this.index) {
       this.index++;
       const e = this.history[this.index];
-      if (ut.redoers[e.type])
-        return ut.redoers[e.type].call(this, e), this.dispatchExternal(
+      if (dt.redoers[e.type])
+        return dt.redoers[e.type].call(this, e), this.dispatchExternal(
           "historyRedo",
           e.type,
           e.component.getComponent(),
@@ -10336,7 +10377,7 @@ const Zc = {
   // rebind rows to new element after deletion
   _rebindRow(e, t) {
     this.history.forEach((i) => {
-      if (i.component instanceof Te)
+      if (i.component instanceof De)
         i.component === e && (i.component = t);
       else if (i.component instanceof ki && i.component.row === e) {
         const s = i.component.column.getField();
@@ -10348,8 +10389,8 @@ const Zc = {
     });
   }
 };
-ut.moduleName = "history", ut.moduleExtensions = id, ut.undoers = Qc, ut.redoers = Zc;
-let Fs = ut;
+dt.moduleName = "history", dt.moduleExtensions = id, dt.undoers = Qc, dt.redoers = Zc;
+let Fs = dt;
 const sd = process.env.NODE_ENV === "development", xo = class xo extends I {
   constructor(e) {
     super(e), this.fieldIndex = [], this.hasIndex = !1;
@@ -10456,20 +10497,20 @@ function nd() {
           var R = ge(C);
           R.chunkSize = parseInt(R.chunkSize), C.step || C.chunk || (R.chunkSize = null), this._handle = new E(R), (this._handle.streamer = this)._config = R;
         }).call(this, b), this.parseChunk = function(C, R) {
-          var T = parseInt(this._config.skipFirstNLines) || 0;
-          if (this.isFirstChunk && 0 < T) {
+          var D = parseInt(this._config.skipFirstNLines) || 0;
+          if (this.isFirstChunk && 0 < D) {
             let _ = this._config.newline;
-            _ || (S = this._config.quoteChar || '"', _ = this._handle.guessLineEndings(C, S)), C = [...C.split(_).slice(T)].join(_);
+            _ || (S = this._config.quoteChar || '"', _ = this._handle.guessLineEndings(C, S)), C = [...C.split(_).slice(D)].join(_);
           }
           this.isFirstChunk && z(this._config.beforeFirstChunk) && (S = this._config.beforeFirstChunk(C)) !== void 0 && (C = S), this.isFirstChunk = !1, this._halted = !1;
-          var T = this._partialLine + C, S = (this._partialLine = "", this._handle.parse(T, this._baseIndex, !this._finished));
+          var D = this._partialLine + C, S = (this._partialLine = "", this._handle.parse(D, this._baseIndex, !this._finished));
           if (!this._handle.paused() && !this._handle.aborted()) {
-            if (C = S.meta.cursor, T = (this._finished || (this._partialLine = T.substring(C - this._baseIndex), this._baseIndex = C), S && S.data && (this._rowCount += S.data.length), this._finished || this._config.preview && this._rowCount >= this._config.preview), r) i.postMessage({ results: S, workerId: h.WORKER_ID, finished: T });
+            if (C = S.meta.cursor, D = (this._finished || (this._partialLine = D.substring(C - this._baseIndex), this._baseIndex = C), S && S.data && (this._rowCount += S.data.length), this._finished || this._config.preview && this._rowCount >= this._config.preview), r) i.postMessage({ results: S, workerId: h.WORKER_ID, finished: D });
             else if (z(this._config.chunk) && !R) {
               if (this._config.chunk(S, this._handle), this._handle.paused() || this._handle.aborted()) return void (this._halted = !0);
               this._completeResults = S = void 0;
             }
-            return this._config.step || this._config.chunk || (this._completeResults.data = this._completeResults.data.concat(S.data), this._completeResults.errors = this._completeResults.errors.concat(S.errors), this._completeResults.meta = S.meta), this._completed || !T || !z(this._config.complete) || S && S.meta.aborted || (this._config.complete(this._completeResults, this._input), this._completed = !0), T || S && S.meta.paused || this._nextChunk(), S;
+            return this._config.step || this._config.chunk || (this._completeResults.data = this._completeResults.data.concat(S.data), this._completeResults.errors = this._completeResults.errors.concat(S.errors), this._completeResults.meta = S.meta), this._completed || !D || !z(this._config.complete) || S && S.meta.aborted || (this._config.complete(this._completeResults, this._input), this._completed = !0), D || S && S.meta.paused || this._nextChunk(), S;
           }
           this._halted = !0;
         }, this._sendError = function(C) {
@@ -10488,8 +10529,8 @@ function nd() {
           if (this._finished) this._chunkLoaded();
           else {
             if (C = new XMLHttpRequest(), this._config.withCredentials && (C.withCredentials = this._config.withCredentials), o || (C.onload = J(this._chunkLoaded, this), C.onerror = J(this._chunkError, this)), C.open(this._config.downloadRequestBody ? "POST" : "GET", this._input, !o), this._config.downloadRequestHeaders) {
-              var R, T = this._config.downloadRequestHeaders;
-              for (R in T) C.setRequestHeader(R, T[R]);
+              var R, D = this._config.downloadRequestHeaders;
+              for (R in D) C.setRequestHeader(R, D[R]);
             }
             var S;
             this._config.chunkSize && (S = this._start + this._config.chunkSize - 1, C.setRequestHeader("Range", "bytes=" + this._start + "-" + S));
@@ -10508,14 +10549,14 @@ function nd() {
       }
       function u(b) {
         (b = b || {}).chunkSize || (b.chunkSize = h.LocalChunkSize), d.call(this, b);
-        var C, R, T = typeof FileReader < "u";
+        var C, R, D = typeof FileReader < "u";
         this.stream = function(S) {
-          this._input = S, R = S.slice || S.webkitSlice || S.mozSlice, T ? ((C = new FileReader()).onload = J(this._chunkLoaded, this), C.onerror = J(this._chunkError, this)) : C = new FileReaderSync(), this._nextChunk();
+          this._input = S, R = S.slice || S.webkitSlice || S.mozSlice, D ? ((C = new FileReader()).onload = J(this._chunkLoaded, this), C.onerror = J(this._chunkError, this)) : C = new FileReaderSync(), this._nextChunk();
         }, this._nextChunk = function() {
           this._finished || this._config.preview && !(this._rowCount < this._config.preview) || this._readChunk();
         }, this._readChunk = function() {
           var S = this._input, _ = (this._config.chunkSize && (_ = Math.min(this._start + this._config.chunkSize, this._input.size), S = R.call(S, this._start, _)), C.readAsText(S, this._config.encoding));
-          T || this._chunkLoaded({ target: { result: _ } });
+          D || this._chunkLoaded({ target: { result: _ } });
         }, this._chunkLoaded = function(S) {
           this._start += this._config.chunkSize, this._finished = !this._config.chunkSize || this._start >= this._input.size, this.parseChunk(S.target.result);
         }, this._chunkError = function() {
@@ -10527,13 +10568,13 @@ function nd() {
         d.call(this, b = b || {}), this.stream = function(R) {
           return C = R, this._nextChunk();
         }, this._nextChunk = function() {
-          var R, T;
-          if (!this._finished) return R = this._config.chunkSize, C = R ? (T = C.substring(0, R), C.substring(R)) : (T = C, ""), this._finished = !C, this.parseChunk(T);
+          var R, D;
+          if (!this._finished) return R = this._config.chunkSize, C = R ? (D = C.substring(0, R), C.substring(R)) : (D = C, ""), this._finished = !C, this.parseChunk(D);
         };
       }
       function w(b) {
         d.call(this, b = b || {});
-        var C = [], R = !0, T = !1;
+        var C = [], R = !0, D = !1;
         this.pause = function() {
           d.prototype.pause.apply(this, arguments), this._input.pause();
         }, this.resume = function() {
@@ -10541,7 +10582,7 @@ function nd() {
         }, this.stream = function(S) {
           this._input = S, this._input.on("data", this._streamData), this._input.on("end", this._streamEnd), this._input.on("error", this._streamError);
         }, this._checkIsFinished = function() {
-          T && C.length === 1 && (this._finished = !0);
+          D && C.length === 1 && (this._finished = !0);
         }, this._nextChunk = function() {
           this._checkIsFinished(), C.length ? this.parseChunk(C.shift()) : R = !0;
         }, this._streamData = J(function(S) {
@@ -10553,18 +10594,18 @@ function nd() {
         }, this), this._streamError = J(function(S) {
           this._streamCleanUp(), this._sendError(S);
         }, this), this._streamEnd = J(function() {
-          this._streamCleanUp(), T = !0, this._streamData("");
+          this._streamCleanUp(), D = !0, this._streamData("");
         }, this), this._streamCleanUp = J(function() {
           this._input.removeListener("data", this._streamData), this._input.removeListener("end", this._streamEnd), this._input.removeListener("error", this._streamError);
         }, this);
       }
       function E(b) {
-        var C, R, T, S, _ = Math.pow(2, 53), re = -_, je = /^\s*-?(\d+\.?|\.\d+|\d+\.\d+)([eE][-+]?\d+)?\s*$/, Xe = /^((\d{4}-[01]\d-[0-3]\dT[0-2]\d:[0-5]\d:[0-5]\d\.\d+([+-][0-2]\d:[0-5]\d|Z))|(\d{4}-[01]\d-[0-3]\dT[0-2]\d:[0-5]\d:[0-5]\d([+-][0-2]\d:[0-5]\d|Z))|(\d{4}-[01]\d-[0-3]\dT[0-2]\d:[0-5]\d([+-][0-2]\d:[0-5]\d|Z)))$/, W = this, pe = 0, O = 0, Fe = !1, H = !1, j = [], M = { data: [], errors: [], meta: {} };
+        var C, R, D, S, _ = Math.pow(2, 53), re = -_, je = /^\s*-?(\d+\.?|\.\d+|\d+\.\d+)([eE][-+]?\d+)?\s*$/, Xe = /^((\d{4}-[01]\d-[0-3]\dT[0-2]\d:[0-5]\d:[0-5]\d\.\d+([+-][0-2]\d:[0-5]\d|Z))|(\d{4}-[01]\d-[0-3]\dT[0-2]\d:[0-5]\d:[0-5]\d([+-][0-2]\d:[0-5]\d|Z))|(\d{4}-[01]\d-[0-3]\dT[0-2]\d:[0-5]\d([+-][0-2]\d:[0-5]\d|Z)))$/, W = this, pe = 0, O = 0, Fe = !1, H = !1, j = [], M = { data: [], errors: [], meta: {} };
         function Ge(K) {
           return b.skipEmptyLines === "greedy" ? K.join("").trim() === "" : K.length === 1 && K[0].length === 0;
         }
         function ne() {
-          if (M && T && (it("Delimiter", "UndetectableDelimiter", "Unable to auto-detect delimiting character; defaulted to '" + h.DefaultDelimiter + "'"), T = !1), b.skipEmptyLines && (M.data = M.data.filter(function(A) {
+          if (M && D && (tt("Delimiter", "UndetectableDelimiter", "Unable to auto-detect delimiting character; defaulted to '" + h.DefaultDelimiter + "'"), D = !1), b.skipEmptyLines && (M.data = M.data.filter(function(A) {
             return !Ge(A);
           })), be()) {
             let A = function(ae, we) {
@@ -10577,13 +10618,13 @@ function nd() {
           }
           function G(A, ae) {
             for (var we = b.header ? {} : [], se = 0; se < A.length; se++) {
-              var oe = se, U = A[se], U = ((st, N) => ((ce) => (b.dynamicTypingFunction && b.dynamicTyping[ce] === void 0 && (b.dynamicTyping[ce] = b.dynamicTypingFunction(ce)), (b.dynamicTyping[ce] || b.dynamicTyping) === !0))(st) ? N === "true" || N === "TRUE" || N !== "false" && N !== "FALSE" && (((ce) => {
+              var oe = se, U = A[se], U = ((it, N) => ((ce) => (b.dynamicTypingFunction && b.dynamicTyping[ce] === void 0 && (b.dynamicTyping[ce] = b.dynamicTypingFunction(ce)), (b.dynamicTyping[ce] || b.dynamicTyping) === !0))(it) ? N === "true" || N === "TRUE" || N !== "false" && N !== "FALSE" && (((ce) => {
                 if (je.test(ce) && (ce = parseFloat(ce), re < ce && ce < _))
                   return 1;
               })(N) ? parseFloat(N) : Xe.test(N) ? new Date(N) : N === "" ? null : N) : N)(oe = b.header ? se >= j.length ? "__parsed_extra" : j[se] : oe, U = b.transform ? b.transform(U, oe) : U);
               oe === "__parsed_extra" ? (we[oe] = we[oe] || [], we[oe].push(U)) : we[oe] = U;
             }
-            return b.header && (se > j.length ? it("FieldMismatch", "TooManyFields", "Too many fields: expected " + j.length + " fields but parsed " + se, O + ae) : se < j.length && it("FieldMismatch", "TooFewFields", "Too few fields: expected " + j.length + " fields but parsed " + se, O + ae)), we;
+            return b.header && (se > j.length ? tt("FieldMismatch", "TooManyFields", "Too many fields: expected " + j.length + " fields but parsed " + se, O + ae) : se < j.length && tt("FieldMismatch", "TooFewFields", "Too few fields: expected " + j.length + " fields but parsed " + se, O + ae)), we;
           }
           var fe;
           M && (b.header || b.dynamicTyping || b.transform) && (fe = 1, !M.data.length || Array.isArray(M.data[0]) ? (M.data = M.data.map(G), fe = M.data.length) : M.data = G(M.data, 0), b.header && M.meta && (M.meta.fields = j), O += fe);
@@ -10591,21 +10632,21 @@ function nd() {
         function be() {
           return b.header && j.length === 0;
         }
-        function it(K, G, fe, A) {
+        function tt(K, G, fe, A) {
           K = { type: K, code: G, message: fe }, A !== void 0 && (K.row = A), M.errors.push(K);
         }
         z(b.step) && (S = b.step, b.step = function(K) {
           M = K, be() ? ne() : (ne(), M.data.length !== 0 && (pe += K.data.length, b.preview && pe > b.preview ? R.abort() : (M.data = M.data[0], S(M, W))));
         }), this.parse = function(K, G, fe) {
-          var A = b.quoteChar || '"', A = (b.newline || (b.newline = this.guessLineEndings(K, A)), T = !1, b.delimiter ? z(b.delimiter) && (b.delimiter = b.delimiter(K), M.meta.delimiter = b.delimiter) : ((A = ((ae, we, se, oe, U) => {
-            var st, N, ce, xt;
+          var A = b.quoteChar || '"', A = (b.newline || (b.newline = this.guessLineEndings(K, A)), D = !1, b.delimiter ? z(b.delimiter) && (b.delimiter = b.delimiter(K), M.meta.delimiter = b.delimiter) : ((A = ((ae, we, se, oe, U) => {
+            var it, N, ce, xt;
             U = U || [",", "	", "|", ";", h.RECORD_SEP, h.UNIT_SEP];
             for (var qt = 0; qt < U.length; qt++) {
-              for (var at, li = U[qt], Le = 0, lt = 0, Ce = 0, He = (ce = void 0, new k({ comments: oe, delimiter: li, newline: we, preview: 10 }).parse(ae)), gt = 0; gt < He.data.length; gt++) se && Ge(He.data[gt]) ? Ce++ : (at = He.data[gt].length, lt += at, ce === void 0 ? ce = at : 0 < at && (Le += Math.abs(at - ce), ce = at));
-              0 < He.data.length && (lt /= He.data.length - Ce), (N === void 0 || Le <= N) && (xt === void 0 || xt < lt) && 1.99 < lt && (N = Le, st = li, xt = lt);
+              for (var nt, li = U[qt], Le = 0, at = 0, Ce = 0, He = (ce = void 0, new k({ comments: oe, delimiter: li, newline: we, preview: 10 }).parse(ae)), gt = 0; gt < He.data.length; gt++) se && Ge(He.data[gt]) ? Ce++ : (nt = He.data[gt].length, at += nt, ce === void 0 ? ce = nt : 0 < nt && (Le += Math.abs(nt - ce), ce = nt));
+              0 < He.data.length && (at /= He.data.length - Ce), (N === void 0 || Le <= N) && (xt === void 0 || xt < at) && 1.99 < at && (N = Le, it = li, xt = at);
             }
-            return { successful: !!(b.delimiter = st), bestDelimiter: st };
-          })(K, b.newline, b.skipEmptyLines, b.comments, b.delimitersToGuess)).successful ? b.delimiter = A.bestDelimiter : (T = !0, b.delimiter = h.DefaultDelimiter), M.meta.delimiter = b.delimiter), ge(b));
+            return { successful: !!(b.delimiter = it), bestDelimiter: it };
+          })(K, b.newline, b.skipEmptyLines, b.comments, b.delimitersToGuess)).successful ? b.delimiter = A.bestDelimiter : (D = !0, b.delimiter = h.DefaultDelimiter), M.meta.delimiter = b.delimiter), ge(b));
           return b.preview && b.header && A.preview++, C = K, R = new k(A), M = R.parse(C, G, fe), ne(), Fe ? { meta: { paused: !0 } } : M || { meta: { paused: !1 } };
         }, this.paused = function() {
           return Fe;
@@ -10633,59 +10674,59 @@ function nd() {
         return b.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
       }
       function k(b) {
-        var C = (b = b || {}).delimiter, R = b.newline, T = b.comments, S = b.step, _ = b.preview, re = b.fastMode, je = null, Xe = !1, W = b.quoteChar == null ? '"' : b.quoteChar, pe = W;
-        if (b.escapeChar !== void 0 && (pe = b.escapeChar), (typeof C != "string" || -1 < h.BAD_DELIMITERS.indexOf(C)) && (C = ","), T === C) throw new Error("Comment character same as delimiter");
-        T === !0 ? T = "#" : (typeof T != "string" || -1 < h.BAD_DELIMITERS.indexOf(T)) && (T = !1), R !== `
+        var C = (b = b || {}).delimiter, R = b.newline, D = b.comments, S = b.step, _ = b.preview, re = b.fastMode, je = null, Xe = !1, W = b.quoteChar == null ? '"' : b.quoteChar, pe = W;
+        if (b.escapeChar !== void 0 && (pe = b.escapeChar), (typeof C != "string" || -1 < h.BAD_DELIMITERS.indexOf(C)) && (C = ","), D === C) throw new Error("Comment character same as delimiter");
+        D === !0 ? D = "#" : (typeof D != "string" || -1 < h.BAD_DELIMITERS.indexOf(D)) && (D = !1), R !== `
 ` && R !== "\r" && R !== `\r
 ` && (R = `
 `);
         var O = 0, Fe = !1;
         this.parse = function(H, j, M) {
           if (typeof H != "string") throw new Error("Input must be a string");
-          var Ge = H.length, ne = C.length, be = R.length, it = T.length, K = z(S), G = [], fe = [], A = [], ae = O = 0;
+          var Ge = H.length, ne = C.length, be = R.length, tt = D.length, K = z(S), G = [], fe = [], A = [], ae = O = 0;
           if (!H) return Le();
           if (re || re !== !1 && H.indexOf(W) === -1) {
             for (var we = H.split(R), se = 0; se < we.length; se++) {
               if (A = we[se], O += A.length, se !== we.length - 1) O += R.length;
               else if (M) return Le();
-              if (!T || A.substring(0, it) !== T) {
+              if (!D || A.substring(0, tt) !== D) {
                 if (K) {
-                  if (G = [], xt(A.split(C)), lt(), Fe) return Le();
+                  if (G = [], xt(A.split(C)), at(), Fe) return Le();
                 } else xt(A.split(C));
                 if (_ && _ <= se) return G = G.slice(0, _), Le(!0);
               }
             }
             return Le();
           }
-          for (var oe = H.indexOf(C, O), U = H.indexOf(R, O), st = new RegExp(y(pe) + y(W), "g"), N = H.indexOf(W, O); ; ) if (H[O] === W) for (N = O, O++; ; ) {
-            if ((N = H.indexOf(W, N + 1)) === -1) return M || fe.push({ type: "Quotes", code: "MissingQuotes", message: "Quoted field unterminated", row: G.length, index: O }), at();
-            if (N === Ge - 1) return at(H.substring(O, N).replace(st, W));
+          for (var oe = H.indexOf(C, O), U = H.indexOf(R, O), it = new RegExp(y(pe) + y(W), "g"), N = H.indexOf(W, O); ; ) if (H[O] === W) for (N = O, O++; ; ) {
+            if ((N = H.indexOf(W, N + 1)) === -1) return M || fe.push({ type: "Quotes", code: "MissingQuotes", message: "Quoted field unterminated", row: G.length, index: O }), nt();
+            if (N === Ge - 1) return nt(H.substring(O, N).replace(it, W));
             if (W === pe && H[N + 1] === pe) N++;
             else if (W === pe || N === 0 || H[N - 1] !== pe) {
               oe !== -1 && oe < N + 1 && (oe = H.indexOf(C, N + 1));
               var ce = qt((U = U !== -1 && U < N + 1 ? H.indexOf(R, N + 1) : U) === -1 ? oe : Math.min(oe, U));
               if (H.substr(N + 1 + ce, ne) === C) {
-                A.push(H.substring(O, N).replace(st, W)), H[O = N + 1 + ce + ne] !== W && (N = H.indexOf(W, O)), oe = H.indexOf(C, O), U = H.indexOf(R, O);
+                A.push(H.substring(O, N).replace(it, W)), H[O = N + 1 + ce + ne] !== W && (N = H.indexOf(W, O)), oe = H.indexOf(C, O), U = H.indexOf(R, O);
                 break;
               }
               if (ce = qt(U), H.substring(N + 1 + ce, N + 1 + ce + be) === R) {
-                if (A.push(H.substring(O, N).replace(st, W)), li(N + 1 + ce + be), oe = H.indexOf(C, O), N = H.indexOf(W, O), K && (lt(), Fe)) return Le();
+                if (A.push(H.substring(O, N).replace(it, W)), li(N + 1 + ce + be), oe = H.indexOf(C, O), N = H.indexOf(W, O), K && (at(), Fe)) return Le();
                 if (_ && G.length >= _) return Le(!0);
                 break;
               }
               fe.push({ type: "Quotes", code: "InvalidQuotes", message: "Trailing quote on quoted field is malformed", row: G.length, index: O }), N++;
             }
           }
-          else if (T && A.length === 0 && H.substring(O, O + it) === T) {
+          else if (D && A.length === 0 && H.substring(O, O + tt) === D) {
             if (U === -1) return Le();
             O = U + be, U = H.indexOf(R, O), oe = H.indexOf(C, O);
           } else if (oe !== -1 && (oe < U || U === -1)) A.push(H.substring(O, oe)), O = oe + ne, oe = H.indexOf(C, O);
           else {
             if (U === -1) break;
-            if (A.push(H.substring(O, U)), li(U + be), K && (lt(), Fe)) return Le();
+            if (A.push(H.substring(O, U)), li(U + be), K && (at(), Fe)) return Le();
             if (_ && G.length >= _) return Le(!0);
           }
-          return at();
+          return nt();
           function xt(Ce) {
             G.push(Ce), ae = O;
           }
@@ -10693,8 +10734,8 @@ function nd() {
             var He = 0;
             return He = Ce !== -1 && (Ce = H.substring(N + 1, Ce)) && Ce.trim() === "" ? Ce.length : He;
           }
-          function at(Ce) {
-            return M || (Ce === void 0 && (Ce = H.substring(O)), A.push(Ce), O = Ge, xt(A), K && lt()), Le();
+          function nt(Ce) {
+            return M || (Ce === void 0 && (Ce = H.substring(O)), A.push(Ce), O = Ge, xt(A), K && at()), Le();
           }
           function li(Ce) {
             O = Ce, xt(A), A = [], U = H.indexOf(R, O);
@@ -10704,19 +10745,19 @@ function nd() {
               var He = G[0], gt = /* @__PURE__ */ Object.create(null), Qi = new Set(He);
               let Io = !1;
               for (let Xt = 0; Xt < He.length; Xt++) {
-                let ht = c(He[Xt]);
-                if (gt[ht = z(b.transformHeader) ? b.transformHeader(ht, Xt) : ht]) {
-                  let hi, Ho = gt[ht];
-                  for (; hi = ht + "_" + Ho, Ho++, Qi.has(hi); ) ;
-                  Qi.add(hi), He[Xt] = hi, gt[ht]++, Io = !0, (je = je === null ? {} : je)[hi] = ht;
-                } else gt[ht] = 1, He[Xt] = ht;
-                Qi.add(ht);
+                let lt = c(He[Xt]);
+                if (gt[lt = z(b.transformHeader) ? b.transformHeader(lt, Xt) : lt]) {
+                  let hi, Ho = gt[lt];
+                  for (; hi = lt + "_" + Ho, Ho++, Qi.has(hi); ) ;
+                  Qi.add(hi), He[Xt] = hi, gt[lt]++, Io = !0, (je = je === null ? {} : je)[hi] = lt;
+                } else gt[lt] = 1, He[Xt] = lt;
+                Qi.add(lt);
               }
               Io && console.warn("Duplicate headers found and renamed."), Xe = !0;
             }
             return { data: G, errors: fe, meta: { delimiter: C, linebreak: R, aborted: Fe, truncated: !!Ce, cursor: ae + (j || 0), renamedHeaders: je } };
           }
-          function lt() {
+          function at() {
             S(Le()), G = [], fe = [];
           }
         }, this.abort = function() {
@@ -10725,19 +10766,19 @@ function nd() {
           return O;
         };
       }
-      function D(b) {
-        var C = b.data, R = a[C.workerId], T = !1;
+      function T(b) {
+        var C = b.data, R = a[C.workerId], D = !1;
         if (C.error) R.userError(C.error, C.file);
         else if (C.results && C.results.data) {
           var S = { abort: function() {
-            T = !0, he(C.workerId, { data: [], errors: [], meta: { aborted: !0 } });
+            D = !0, he(C.workerId, { data: [], errors: [], meta: { aborted: !0 } });
           }, pause: L, resume: L };
           if (z(R.userStep)) {
-            for (var _ = 0; _ < C.results.data.length && (R.userStep({ data: C.results.data[_], errors: C.results.errors, meta: C.results.meta }, S), !T); _++) ;
+            for (var _ = 0; _ < C.results.data.length && (R.userStep({ data: C.results.data[_], errors: C.results.errors, meta: C.results.meta }, S), !D); _++) ;
             delete C.results;
           } else z(R.userChunk) && (R.userChunk(C.results, S, C.file), delete C.results);
         }
-        C.finished && !T && he(C.workerId, C.results);
+        C.finished && !D && he(C.workerId, C.results);
       }
       function he(b, C) {
         var R = a[b];
@@ -10764,19 +10805,19 @@ function nd() {
         var R = (C = C || {}).dynamicTyping || !1;
         if (z(R) && (C.dynamicTypingFunction = R, R = {}), C.dynamicTyping = R, C.transform = !!z(C.transform) && C.transform, !C.worker || !h.WORKERS_SUPPORTED) return R = null, h.NODE_STREAM_INPUT, typeof b == "string" ? (b = c(b), R = new (C.download ? p : f)(C)) : b.readable === !0 && z(b.read) && z(b.on) ? R = new w(C) : (i.File && b instanceof File || b instanceof Object) && (R = new u(C)), R.stream(b);
         (R = (() => {
-          var T;
-          return !!h.WORKERS_SUPPORTED && (T = (() => {
+          var D;
+          return !!h.WORKERS_SUPPORTED && (D = (() => {
             var S = i.URL || i.webkitURL || null, _ = t.toString();
             return h.BLOB_URL || (h.BLOB_URL = S.createObjectURL(new Blob(["var global = (function() { if (typeof self !== 'undefined') { return self; } if (typeof window !== 'undefined') { return window; } if (typeof global !== 'undefined') { return global; } return {}; })(); global.IS_PAPA_WORKER=true; ", "(", _, ")();"], { type: "text/javascript" })));
-          })(), (T = new i.Worker(T)).onmessage = D, T.id = l++, a[T.id] = T);
+          })(), (D = new i.Worker(D)).onmessage = T, D.id = l++, a[D.id] = D);
         })()).userStep = C.step, R.userChunk = C.chunk, R.userComplete = C.complete, R.userError = C.error, C.step = z(C.step), C.chunk = z(C.chunk), C.complete = z(C.complete), C.error = z(C.error), delete C.worker, R.postMessage({ input: b, config: C, workerId: R.id });
       }, h.unparse = function(b, C) {
-        var R = !1, T = !0, S = ",", _ = `\r
+        var R = !1, D = !0, S = ",", _ = `\r
 `, re = '"', je = re + re, Xe = !1, W = null, pe = !1, O = ((() => {
           if (typeof C == "object") {
             if (typeof C.delimiter != "string" || h.BAD_DELIMITERS.filter(function(j) {
               return C.delimiter.indexOf(j) !== -1;
-            }).length || (S = C.delimiter), typeof C.quotes != "boolean" && typeof C.quotes != "function" && !Array.isArray(C.quotes) || (R = C.quotes), typeof C.skipEmptyLines != "boolean" && typeof C.skipEmptyLines != "string" || (Xe = C.skipEmptyLines), typeof C.newline == "string" && (_ = C.newline), typeof C.quoteChar == "string" && (re = C.quoteChar, je = re + re), typeof C.header == "boolean" && (T = C.header), Array.isArray(C.columns)) {
+            }).length || (S = C.delimiter), typeof C.quotes != "boolean" && typeof C.quotes != "function" && !Array.isArray(C.quotes) || (R = C.quotes), typeof C.skipEmptyLines != "boolean" && typeof C.skipEmptyLines != "string" || (Xe = C.skipEmptyLines), typeof C.newline == "string" && (_ = C.newline), typeof C.quoteChar == "string" && (re = C.quoteChar, je = re + re), typeof C.header == "boolean" && (D = C.header), Array.isArray(C.columns)) {
               if (C.columns.length === 0) throw new Error("Option columns is empty");
               W = C.columns;
             }
@@ -10789,8 +10830,8 @@ function nd() {
         } else if (typeof b == "object") return typeof b.data == "string" && (b.data = JSON.parse(b.data)), Array.isArray(b.data) && (b.fields || (b.fields = b.meta && b.meta.fields || W), b.fields || (b.fields = Array.isArray(b.data[0]) ? b.fields : typeof b.data[0] == "object" ? Object.keys(b.data[0]) : []), Array.isArray(b.data[0]) || typeof b.data[0] == "object" || (b.data = [b.data])), Fe(b.fields || [], b.data || [], Xe);
         throw new Error("Unable to serialize unrecognized input");
         function Fe(j, M, Ge) {
-          var ne = "", be = (typeof j == "string" && (j = JSON.parse(j)), typeof M == "string" && (M = JSON.parse(M)), Array.isArray(j) && 0 < j.length), it = !Array.isArray(M[0]);
-          if (be && T) {
+          var ne = "", be = (typeof j == "string" && (j = JSON.parse(j)), typeof M == "string" && (M = JSON.parse(M)), Array.isArray(j) && 0 < j.length), tt = !Array.isArray(M[0]);
+          if (be && D) {
             for (var K = 0; K < j.length; K++) 0 < K && (ne += S), ne += H(j[K], K);
             0 < M.length && (ne += _);
           }
@@ -10798,7 +10839,7 @@ function nd() {
             var fe = (be ? j : M[G]).length, A = !1, ae = be ? Object.keys(M[G]).length === 0 : M[G].length === 0;
             if (Ge && !be && (A = Ge === "greedy" ? M[G].join("").trim() === "" : M[G].length === 1 && M[G][0].length === 0), Ge === "greedy" && be) {
               for (var we = [], se = 0; se < fe; se++) {
-                var oe = it ? j[se] : se;
+                var oe = tt ? j[se] : se;
                 we.push(M[G][oe]);
               }
               A = we.join("").trim() === "";
@@ -10806,8 +10847,8 @@ function nd() {
             if (!A) {
               for (var U = 0; U < fe; U++) {
                 0 < U && !ae && (ne += S);
-                var st = be && it ? j[U] : U;
-                ne += H(M[G][st], U);
+                var it = be && tt ? j[U] : U;
+                ne += H(M[G][it], U);
               }
               G < M.length - 1 && (!Ge || 0 < fe && !ae) && (ne += _);
             }
@@ -10816,8 +10857,8 @@ function nd() {
         }
         function H(j, M) {
           var Ge, ne, be;
-          return j == null ? "" : j.constructor === Date ? JSON.stringify(j).slice(1, 25) : (be = !1, pe && typeof j == "string" && pe.test(j) && (j = "'" + j, be = !0), ne = (Ge = j.toString()).replace(O, je), (be = be || R === !0 || typeof R == "function" && R(j, M) || Array.isArray(R) && R[M] || ((it, K) => {
-            for (var G = 0; G < K.length; G++) if (-1 < it.indexOf(K[G])) return !0;
+          return j == null ? "" : j.constructor === Date ? JSON.stringify(j).slice(1, 25) : (be = !1, pe && typeof j == "string" && pe.test(j) && (j = "'" + j, be = !0), ne = (Ge = j.toString()).replace(O, je), (be = be || R === !0 || typeof R == "function" && R(j, M) || Array.isArray(R) && R[M] || ((tt, K) => {
+            for (var G = 0; G < K.length; G++) if (-1 < tt.indexOf(K[G])) return !0;
             return !1;
           })(ne, h.BAD_DELIMITERS) || -1 < ne.indexOf(S) || -1 < Ge.indexOf(re) || ne.charAt(0) === " " || ne.charAt(ne.length - 1) === " ") ? re + ne + re : ne);
         }
@@ -10827,8 +10868,8 @@ function nd() {
         return this.each(function(_) {
           if (!(s(this).prop("tagName").toUpperCase() === "INPUT" && s(this).attr("type").toLowerCase() === "file" && i.FileReader) || !this.files || this.files.length === 0) return !0;
           for (var re = 0; re < this.files.length; re++) R.push({ file: this.files[re], inputElem: this, instanceConfig: s.extend({}, C) });
-        }), T(), this;
-        function T() {
+        }), D(), this;
+        function D() {
           if (R.length === 0) z(b.complete) && b.complete();
           else {
             var _, re, je, Xe, W = R[0];
@@ -10847,7 +10888,7 @@ function nd() {
           }
         }
         function S() {
-          R.splice(0, 1), T();
+          R.splice(0, 1), D();
         }
       }), r && (i.onmessage = function(b) {
         b = b.data, h.WORKER_ID === void 0 && b && (h.WORKER_ID = b.workerId), typeof b.input == "string" ? i.postMessage({ workerId: h.WORKER_ID, results: h.parse(b.input, b.config), finished: !0 }) : (i.File && b.input instanceof File || b.input instanceof Object) && (b = h.parse(b.input, b.config)) && i.postMessage({ workerId: h.WORKER_ID, results: b, finished: !0 });
@@ -12090,7 +12131,7 @@ const wd = {}, vd = process.env.NODE_ENV === "development", ii = class ii extend
 };
 ii.moduleName = "mutator", ii.mutators = wd;
 let Hs = ii;
-const To = class To extends I {
+const Do = class Do extends I {
   constructor(e) {
     super(e), this.element = null, this.size = 0, this.page = 1, this.count = 5, this.max = 1, this.remoteRowCountEstimate = null, this.initialLoad = !0, this.progressiveLoad = !1, this.dataChanging = !1, this.pageSizes = [], this.mode = "local", this.rowsUpdatedScheduled = !1, this.setPage = (t) => {
       if (typeof t == "string") {
@@ -12369,8 +12410,8 @@ const To = class To extends I {
     return e.data;
   }
 };
-To.moduleName = "page";
-let Ns = To;
+Do.moduleName = "page";
+let Ns = Do;
 const fr = process.env.NODE_ENV === "development", yd = {
   cookie: function(n, e) {
     let t = document.cookie;
@@ -12616,7 +12657,7 @@ const fr = process.env.NODE_ENV === "development", yd = {
 };
 Ne.moduleName = "persistence", Ne.moduleInitOrder = -10, Ne.readers = yd, Ne.writers = Cd;
 let Vs = Ne;
-const Do = class Do extends I {
+const To = class To extends I {
   constructor(e) {
     super(e), this.columnSubscribers = {}, this.registerTableOption("rowContextPopup", !1), this.registerTableOption("rowClickPopup", !1), this.registerTableOption("rowDblClickPopup", !1), this.registerTableOption("groupContextPopup", !1), this.registerTableOption("groupClickPopup", !1), this.registerTableOption("groupDblClickPopup", !1), this.registerColumnOption("headerContextPopup"), this.registerColumnOption("headerClickPopup"), this.registerColumnOption("headerDblClickPopup"), this.registerColumnOption("headerPopup"), this.registerColumnOption("headerPopupIcon"), this.registerColumnOption("contextPopup"), this.registerColumnOption("clickPopup"), this.registerColumnOption("dblClickPopup"), this.registerComponentFunction(
       "cell",
@@ -12736,8 +12777,8 @@ const Do = class Do extends I {
     }), this.dispatchExternal("popupOpened", t.getComponent());
   }
 };
-Do.moduleName = "popup";
-let Bs = Do;
+To.moduleName = "popup";
+let Bs = To;
 const mr = process.env.NODE_ENV === "development", Mo = class Mo extends I {
   constructor(e) {
     super(e), this.element = !1, this.manualBlock = !1, this.beforeprintEventHandler = null, this.afterprintEventHandler = null, this.registerTableOption("printAsHtml", !1), this.registerTableOption("printFormatter", !1), this.registerTableOption("printHeader", !1), this.registerTableOption("printFooter", !1), this.registerTableOption("printStyled", !0), this.registerTableOption("printRowRange", "visible"), this.registerTableOption("printConfig", {}), this.registerColumnOption("print"), this.registerColumnOption("titlePrint");
@@ -13773,7 +13814,7 @@ const kd = {
 };
 $i.moduleName = "selectRow", $i.moduleExtensions = kd;
 let qs = $i;
-const Td = {
+const Dd = {
   range: function(n) {
     if (!n || n.length === 0)
       return [];
@@ -13793,7 +13834,7 @@ const Td = {
       }
     return e;
   }
-}, Dd = {
+}, Td = {
   range: function(n) {
     const e = [], t = [], i = this.table.modules.selectRange.activeRange;
     let s = !1, o, r, a, l, h;
@@ -13876,8 +13917,8 @@ const Td = {
   rangeJumpUp: ["ctrl + 38", "meta + 38"]
 }, Od = {
   clipboard: {
-    pasteActions: Td,
-    pasteParsers: Dd
+    pasteActions: Dd,
+    pasteParsers: Td
   },
   export: {
     columnLookups: Md,
@@ -14251,6 +14292,14 @@ const Vt = process.env.NODE_ENV === "development", Id = x`<div class="tabulator-
   // ////// Cell Functionality ///////
   // /////////////////////////////////
   renderCell(e) {
+    if (e.column.hidden) {
+      e.element && (e.element.classList.remove(
+        "tabulator-range-selected",
+        "tabulator-range-only-cell-selected",
+        "tabulator-range-selection-start"
+      ), e.element.dataset.range = "-1");
+      return;
+    }
     const t = e.getElement(), i = this.ranges.findIndex(
       (o) => o.occupies(e)
     ), s = i > -1 ? this.ranges[i] : null;
@@ -14353,8 +14402,8 @@ const Vt = process.env.NODE_ENV === "development", Id = x`<div class="tabulator-
     if (this.rowHeader && r === 0 && (r = 1), t || u.setStart(o, r), u.setEnd(o, r), t || (this.selecting = Ue.Cell), s = f.top !== u.top || f.bottom !== u.bottom || f.left !== u.left || f.right !== u.right, s) {
       const E = u.end.row ?? 0, y = u.end.col ?? 0;
       a = this.getRowByRangePos(E), l = this.getColumnByRangePos(y);
-      const k = a.getElement(), D = l.getElement(), he = this.table.rowManager?.getElement(), L = this.table.columnManager?.getElement();
-      k && D && he && L && (h = k.getBoundingClientRect(), d = D.getBoundingClientRect(), c = he.getBoundingClientRect(), p = L.getBoundingClientRect(), h.top >= c.top && h.bottom <= c.bottom || (k.parentNode && D.parentNode ? this.autoScroll(u, k, D) : a.getComponent().scrollTo(void 0, !1)), d.left >= p.left + this.getRowHeaderWidth() && d.right <= p.right || (k.parentNode && D.parentNode ? this.autoScroll(u, k, D) : l.getComponent().scrollTo(void 0, !1))), this.layoutElement();
+      const k = a.getElement(), T = l.getElement(), he = this.table.rowManager?.getElement(), L = this.table.columnManager?.getElement();
+      k && T && he && L && (h = k.getBoundingClientRect(), d = T.getBoundingClientRect(), c = he.getBoundingClientRect(), p = L.getBoundingClientRect(), h.top >= c.top && h.bottom <= c.bottom || (k.parentNode && T.parentNode ? this.autoScroll(u, k, T) : a.getComponent().scrollTo(void 0, !1)), d.left >= p.left + this.getRowHeaderWidth() && d.right <= p.right || (k.parentNode && T.parentNode ? this.autoScroll(u, k, T) : l.getComponent().scrollTo(void 0, !1))), this.layoutElement();
     }
     return !0;
   }
@@ -14673,8 +14722,8 @@ function Hd(n, e, t, i, s, o, r) {
       let y = u[E];
       const k = f[E++];
       if (y !== k) {
-        const D = Number(y), he = Number(k);
-        if (isFinite(D) && isFinite(he)) {
+        const T = Number(y), he = Number(k);
+        if (isFinite(T) && isFinite(he)) {
           y.charAt(0) === "0" && (y = "." + y);
           const L = k.charAt(0) === "0" ? "." + k : k;
           return Number(y) - Number(L);
@@ -16111,8 +16160,8 @@ const ns = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   ExportModule: ks,
   FilterModule: Vi,
   FormatModule: Hi,
-  FrozenColumnsModule: Ts,
-  FrozenRowsModule: Ds,
+  FrozenColumnsModule: Ds,
+  FrozenRowsModule: Ts,
   GroupRowsModule: Ms,
   HistoryModule: Fs,
   HoverMenuModule: fs,
@@ -16147,12 +16196,14 @@ class nu extends Ji {
   renderRowCells(e, t) {
     const i = document.createDocumentFragment();
     e.cells.forEach((o) => {
+      if (o.column.hidden)
+        return;
       const r = o.getElement();
       r && i.appendChild(r);
     });
     const s = e.getElement();
     s && s.appendChild(i), t || e.cells.forEach((o) => {
-      o.cellRendered();
+      o.column.hidden || o.cellRendered();
     });
   }
   async reinitializeColumnWidths(e) {
@@ -16224,12 +16275,14 @@ class au extends Ji {
     else {
       const t = document.createDocumentFragment();
       e.cells.forEach((s) => {
+        if (s.column.hidden)
+          return;
         const o = s.getElement();
         o && t.appendChild(o);
       });
       const i = e.getElement();
       i && i.appendChild(t), e.cells.forEach((s) => {
-        s.cellRendered();
+        s.column.hidden || s.cellRendered();
       });
     }
   }
@@ -16494,9 +16547,10 @@ class hu extends Me {
     ), this.element.insertBefore(this.contentsElement, this.element.firstChild), this.initializeScrollWheelWatcher(), this.subscribe("scroll-horizontal", this.scrollHorizontal.bind(this)), this.subscribe("scrollbar-vertical", this.padVerticalScrollbar.bind(this)), this.subscribe("column-show", this.updateLastCellClass.bind(this)), this.subscribe("column-hide", this.updateLastCellClass.bind(this));
   }
   updateLastCellClass() {
-    this.columnsByIndex.forEach((e) => {
-      e.cells.forEach((t) => {
-        t.updateCellClass();
+    const e = this.getVisibleColumnsByIndex(), t = e[0], i = e.at(-1);
+    this.columnsByIndex.forEach((s) => {
+      s.cells.forEach((o) => {
+        o.updateCellClass(t, i);
       });
     });
   }
@@ -17128,7 +17182,7 @@ class pu extends Ji {
     const s = this.tableElement, o = this.elementVertical;
     let r = 0, a = 0, l = 0, h = 0, c = 0, d = 0;
     const p = this.rows(), u = p.length;
-    let f = 0, w, E, y = [], k = 0, D = 0;
+    let f = 0, w, E, y = [], k = 0, T = 0;
     const he = this.table.rowManager?.fixedHeight ?? !1, L = this.table.element ? globalThis.getComputedStyle(this.table.element).getPropertyValue("--table-max-height").trim() : "", J = he || L !== "" && L !== "auto";
     let z = this.elementVertical?.clientHeight ?? 0, b = this.table.options.rowHeight, C = !0;
     if (e = e || 0, i = i || 0, !e)
@@ -17148,24 +17202,24 @@ class pu extends Ji {
     }
     const R = !this.table.initialized || !!t;
     if (u && this.elementVertical && (Z.elVisible(this.elementVertical) || R)) {
-      for (this.vDomTop = e, this.vDomBottom = e - 1, J ? (b && (D = z / b + this.vDomWindowBuffer / b), D = Math.max(
+      for (this.vDomTop = e, this.vDomBottom = e - 1, J ? (b && (T = z / b + this.vDomWindowBuffer / b), T = Math.max(
         this.vDomWindowMinTotalRows,
-        Math.ceil(D)
-      )) : D = u; (D == u || a <= z + this.vDomWindowBuffer || k < this.vDomWindowMinTotalRows) && this.vDomBottom < u - 1; ) {
-        for (y = [], E = document.createDocumentFragment(), d = 0; d < D && this.vDomBottom < u - 1; ) {
+        Math.ceil(T)
+      )) : T = u; (T == u || a <= z + this.vDomWindowBuffer || k < this.vDomWindowMinTotalRows) && this.vDomBottom < u - 1; ) {
+        for (y = [], E = document.createDocumentFragment(), d = 0; d < T && this.vDomBottom < u - 1; ) {
           f = this.vDomBottom + 1, w = p[f], this.styleRow(w, f), w.initialize(!1, !0), !w.heightInitialized && !this.table.options.rowHeight && w.clearCellHeight();
-          const T = w.getElement();
-          T && E.appendChild(T), y.push(w), this.vDomBottom++, d++;
+          const D = w.getElement();
+          D && E.appendChild(D), y.push(w), this.vDomBottom++, d++;
         }
         if (!y.length)
           break;
-        s?.appendChild(E), y.forEach((T) => {
-          T.rendered(), T.heightInitialized || T.calcHeight(!0);
-        }), y.forEach((T) => {
-          T.heightInitialized || T.setCellHeight();
-        }), y.forEach((T) => {
-          l = T.getHeight(), k < r ? c += l : a += l, l > this.vDomWindowBuffer && (this.vDomWindowBuffer = l * 2), k++;
-        }), C = this.table.rowManager?.adjustTableSize() || !1, z = this.elementVertical.clientHeight, C && J && (b = a / k, D = Math.max(
+        s?.appendChild(E), y.forEach((D) => {
+          D.rendered(), D.heightInitialized || D.calcHeight(!0);
+        }), y.forEach((D) => {
+          D.heightInitialized || D.setCellHeight();
+        }), y.forEach((D) => {
+          l = D.getHeight(), k < r ? c += l : a += l, l > this.vDomWindowBuffer && (this.vDomWindowBuffer = l * 2), k++;
+        }), C = this.table.rowManager?.adjustTableSize() || !1, z = this.elementVertical.clientHeight, C && J && (b = a / k, T = Math.max(
           this.vDomWindowMinTotalRows,
           Math.ceil(
             z / b + this.vDomWindowBuffer / b
@@ -17335,7 +17389,7 @@ class mu extends Me {
    */
   findRow(e) {
     if (typeof e == "object") {
-      if (e instanceof Te)
+      if (e instanceof De)
         return e;
       if (e instanceof uo)
         return e._getSelf() || !1;
@@ -17437,7 +17491,7 @@ class mu extends Me {
   _setDataActual(e, t) {
     this.dispatchExternal("dataProcessing", e), this._wipeElements(), Array.isArray(e) ? (this.dispatch("data-processing", e), e.forEach((i) => {
       if (i && typeof i == "object") {
-        const s = new Te(i, this);
+        const s = new De(i, this);
         this.rows.push(s), this.registerRowInMap(s);
       } else Bt && console.warn(
         "Data Loading Warning - Invalid row data detected and ignored, expecting object but received:",
@@ -17490,7 +17544,7 @@ Data:     `,
     return (e ?? this.table.options.addRowPos) === "top";
   }
   addRowActual(e, t, i, s) {
-    const o = e instanceof Te ? e : new Te(e || {}, this);
+    const o = e instanceof De ? e : new De(e || {}, this);
     let r = t, a = -1, l, h;
     return i || (h = this.chain("row-adding-position", [o, r], null, {
       index: i,
@@ -17536,12 +17590,12 @@ Data:     `,
   nextDisplayRow(e, t) {
     const i = this.getDisplayRowIndex(e);
     let s = !1;
-    return i !== !1 && i < this.displayRowsCount - 1 && (s = this.getDisplayRows()[i + 1]), s && (!(s instanceof Te) || s.type != "row") ? this.nextDisplayRow(s, t) : s;
+    return i !== !1 && i < this.displayRowsCount - 1 && (s = this.getDisplayRows()[i + 1]), s && (!(s instanceof De) || s.type != "row") ? this.nextDisplayRow(s, t) : s;
   }
   prevDisplayRow(e, t) {
     const i = this.getDisplayRowIndex(e);
     let s = !1;
-    return i && (s = this.getDisplayRows()[i - 1]), t && s && (!(s instanceof Te) || s.type != "row") ? this.prevDisplayRow(s, t) : s;
+    return i && (s = this.getDisplayRows()[i - 1]), t && s && (!(s instanceof De) || s.type != "row") ? this.prevDisplayRow(s, t) : s;
   }
   findRowIndex(e, t) {
     let i;
@@ -18314,7 +18368,7 @@ class Ru extends Me {
               s.components.includes("column") && (h = this.table.columnManager?.findColumn(c));
               break;
             case "cell":
-              s.components.includes("cell") && (o.row instanceof Te ? h = o.row.findCell(c) : xu && t.row && console.warn(
+              s.components.includes("cell") && (o.row instanceof De ? h = o.row.findCell(c) : xu && t.row && console.warn(
                 "Event Target Lookup Error - The row this cell is attached to cannot be found, has the table been reinitialized without being destroyed first?"
               ));
               break;
@@ -18433,19 +18487,19 @@ function ku(n) {
     return typeof w == "string" ? w.indexOf("%") > -1 ? E = i / 100 * parseInt(w, 10) : E = parseInt(w, 10) : E = w || 0, E;
   }
   function f(w, E, y, k) {
-    const D = [];
+    const T = [];
     let he = 0, L = 0, ge = 0, J = r, z = 0, b = 0;
     const C = [];
     function R(S) {
       return y * (S.column.definition.widthGrow || 1);
     }
-    function T(S) {
+    function D(S) {
       return u(S.width) - y * (S.column.definition.widthShrink || 0);
     }
     return w.forEach((S) => {
-      const _ = k ? T(S) : R(S);
-      S.column.minWidth && S.column.minWidth >= _ ? D.push(S) : S.column.maxWidth && S.column.maxWidth < _ ? (S.width = S.column.maxWidth, E -= S.column.maxWidth, J -= k ? S.column.definition.widthShrink || 1 : S.column.definition.widthGrow || 1, J && (y = Math.floor(E / J))) : (C.push(S), b += k ? S.column.definition.widthShrink || 1 : S.column.definition.widthGrow || 1);
-    }), D.length ? (D.forEach((S) => {
+      const _ = k ? D(S) : R(S);
+      S.column.minWidth && S.column.minWidth >= _ ? T.push(S) : S.column.maxWidth && S.column.maxWidth < _ ? (S.width = S.column.maxWidth, E -= S.column.maxWidth, J -= k ? S.column.definition.widthShrink || 1 : S.column.definition.widthGrow || 1, J && (y = Math.floor(E / J))) : (C.push(S), b += k ? S.column.definition.widthShrink || 1 : S.column.definition.widthGrow || 1);
+    }), T.length ? (T.forEach((S) => {
       he += k ? S.width - (S.column.minWidth ?? 0) : S.column.minWidth ?? 0, S.width = S.column.minWidth ?? 0;
     }), L = E - he, ge = b ? Math.floor(L / b) : L, z = f(
       C,
@@ -18453,7 +18507,7 @@ function ku(n) {
       ge,
       k
     )) : (z = b ? E - Math.floor(E / b) * b : E, C.forEach((S) => {
-      S.width = k ? T(S) : R(S);
+      S.width = k ? D(S) : R(S);
     })), z;
   }
   if (this.table.options.responsiveLayout && this.table.modExists("responsiveLayout", !0) && this.table.modules.responsiveLayout?.update(), this.table.rowManager?.element && this.table.rowManager.element.scrollHeight > this.table.rowManager.element.clientHeight) {
@@ -18482,15 +18536,15 @@ function ku(n) {
     w.column.setWidth(w.width);
   });
 }
-async function Tu(n, e) {
+async function Du(n, e) {
   e && this.table.columnManager?.renderer && await this.table.columnManager.renderer.reinitializeColumnWidths(n), this.table.options.responsiveLayout && this.table.modExists("responsiveLayout", !0) && this.table.modules.responsiveLayout.update();
 }
-async function Tr(n) {
+async function Dr(n) {
   for (const e of n)
     await e.reinitializeWidth();
   this.table.options.responsiveLayout && this.table.modExists("responsiveLayout", !0) && this.table.modules.responsiveLayout.update();
 }
-async function Du(n) {
+async function Tu(n) {
   let e = 0, t = this.table.element?.clientWidth || 0;
   const i = this.table.columnManager?.contentsElement;
   if (i) {
@@ -18505,10 +18559,10 @@ async function Du(n) {
 }
 const Mu = {
   fitColumns: ku,
-  fitData: Tu,
-  fitDataFill: Tr,
-  fitDataStretch: Du,
-  fitDataTable: Tr
+  fitData: Du,
+  fitDataFill: Dr,
+  fitDataStretch: Tu,
+  fitDataTable: Dr
 }, Fu = process.env.NODE_ENV === "development", Ut = class Ut extends I {
   constructor(e) {
     super(e), this.mode = null, this.registerTableOption("layout", "fitData"), this.registerTableOption("layoutColumnsOnNewData", !1), this.registerColumnOption("widthGrow"), this.registerColumnOption("widthShrink");
@@ -18578,7 +18632,7 @@ const Lu = {
       prev_title: "Prev Page"
     }
   }
-}, Dr = process.env.NODE_ENV === "development", vi = class vi extends I {
+}, Tr = process.env.NODE_ENV === "development", vi = class vi extends I {
   constructor(e) {
     super(e), this.locale = "default", this.lang = !1, this.bindings = {}, this.langList = {}, this.registerTableOption("locale", !1), this.registerTableOption("langs", {});
   }
@@ -18612,11 +18666,11 @@ const Lu = {
     };
     if (t && !this.langList[t]) {
       const s = t.split("-")[0];
-      this.langList[s] ? (Dr && console.warn(
+      this.langList[s] ? (Tr && console.warn(
         "Localization Error - Exact matching locale not found, using closest match: ",
         t,
         s
-      ), t = s) : (Dr && console.warn(
+      ), t = s) : (Tr && console.warn(
         "Localization Error - Matching locale not found, using default: ",
         t
       ), t = "default");
@@ -19227,7 +19281,7 @@ class Ou extends Lt {
   }
   // #endregion
 }
-var _t = /* @__PURE__ */ ((n) => (n.Multiple = "multiple", n.Single = "single", n))(_t || {}), nt = /* @__PURE__ */ ((n) => (n.Checkbox = "checkbox", n.DatePicker = "date-picker", n.DateRange = "date-range", n))(nt || {}), Pi = /* @__PURE__ */ ((n) => (n.Checkbox = "checkbox", n.DatePicker = "datePicker", n.DateRangePicker = "dateRangePicker", n))(Pi || {}), Ii = /* @__PURE__ */ ((n) => (n.ShowPreset = "showPreset", n.ShowTime = "showTime", n))(Ii || {});
+var _t = /* @__PURE__ */ ((n) => (n.Multiple = "multiple", n.Single = "single", n))(_t || {}), rt = /* @__PURE__ */ ((n) => (n.Checkbox = "checkbox", n.DatePicker = "date-picker", n.DateRange = "date-range", n))(rt || {}), Pi = /* @__PURE__ */ ((n) => (n.Checkbox = "checkbox", n.DatePicker = "datePicker", n.DateRangePicker = "dateRangePicker", n))(Pi || {}), Ii = /* @__PURE__ */ ((n) => (n.ShowPreset = "showPreset", n.ShowTime = "showTime", n))(Ii || {});
 class gn {
   #e;
   #i;
@@ -19306,9 +19360,9 @@ function Iu(n, e) {
   return x`<cx-facet-date-range field=${t.facetFieldName} display-name=${t.displayName} display-format=${te(t.displayFormat)} from-date=${e.dateRange?.fromDate ?? ""} to-date=${e.dateRange?.toDate ?? ""} from-time=${e.dateRange?.fromTime ?? Kr} to-time=${e.dateRange?.toTime ?? oa} preset=${e.dateRange?.preset ?? ""} min=${t.min ?? ""} max=${t.max ?? ""} ?show-time=${t.showTime ?? !1} ?show-preset=${t.showPreset ?? !1}></cx-facet-date-range>`;
 }
 const Hu = {
-  [nt.Checkbox]: Au,
-  [nt.DatePicker]: Pu,
-  [nt.DateRange]: Iu
+  [rt.Checkbox]: Au,
+  [rt.DatePicker]: Pu,
+  [rt.DateRange]: Iu
 }, Nu = q`:host{display:contents}cx-dropdown{--panel-overflow:hidden}cx-details{--expand-icon-size:24px}.panel{--header-background-color:transparent;--header-font-size:var(--cx-font-size-medium);--panel-width:min(280px, 90dvw);width:var(--panel-width);max-height:var(--panel-max-height,600px);position:relative}.panel:has(cx-facet-date-range[show-time],cx-facet-date-picker[show-time]){--panel-width:min(385px, 90dvw)}.panel__content{max-height:var(--panel-max-height,600px);flex-direction:column;display:flex}.panel__header{flex-shrink:0}.panel__body{flex:1;min-height:0;overflow-y:auto}.panel__footer{padding:var(--cx-spacing-x-small) var(--cx-spacing-medium);border-top:1px solid var(--cx-color-neutral-200);flex-shrink:0;display:flex}.applied-filters__summary{align-items:center;gap:var(--cx-spacing-2x-small);display:inline-flex}.applied-filters__title{font-weight:var(--cx-font-weight-medium);color:var(--cx-color-neutral-900)}.applied-filters__loading{align-items:center;display:inline-flex}.applied-filters{--content-padding:0 var(--cx-spacing-medium);min-width:100%;width:var(--panel-width)}.applied-filters::part(summary){flex:none}.applied-filters::part(base),cx-faceted-filter-facet::part(base){border-top-width:0;border-left-width:0;border-right-width:0}.applied-filters--empty::part(content){display:none}.faceted-filter__trigger-wrapper{display:inline-block;position:relative}.faceted-filter__trigger::part(base){background-color:var(--cx-color-neutral-100)}.faceted-filter__trigger-badge{position:absolute;top:-15px;right:-15px}.applied-filters__tags{max-width:var(--panel-width);padding-bottom:var(--cx-spacing-x-small)}.panel__clear-all-button{--cx-button-text-transform:none;padding-top:var(--cx-spacing-2x-small);padding-bottom:var(--cx-spacing-2x-small)}.panel__clear-all-button::part(label){text-decoration:underline}.panel__clear-all-button:not([disabled])::part(base):hover{color:var(--cx-color-neutral-800);background-color:#0000;border-color:#0000}cx-tag::part(remove-button){font-size:var(--cx-font-size-x-small)}cx-tag::part(remove-button__base){min-height:unset;min-width:unset;padding:var(--cx-spacing-3x-small)}`;
 var Vu = Object.defineProperty, Bu = Object.getOwnPropertyDescriptor, ye = (n, e, t, i) => {
   for (var s = i > 1 ? void 0 : i ? Bu(e, t) : e, o = n.length - 1, r; o >= 0; o--)
@@ -19317,7 +19371,7 @@ var Vu = Object.defineProperty, Bu = Object.getOwnPropertyDescriptor, ye = (n, e
 };
 let de = class extends Pe {
   constructor() {
-    super(...arguments), this.localize = new tt(this), this.shadowRootAutoloader = new gn(
+    super(...arguments), this.localize = new et(this), this.shadowRootAutoloader = new gn(
       this
     ), this.facets = [], this.availableFacets = [], this.selectedFacets = {}, this.selectedDateRanges = {}, this.selection = _t.Single, this.loading = !1, this.externalFilters = [], this.appliedFiltersCount = 0, this.internalSelection = {}, this.internalDateRanges = {}, this.mappedDisplayNames = {}, this.facetDetailsByField = /* @__PURE__ */ new Map();
   }
@@ -19444,7 +19498,7 @@ let de = class extends Pe {
     });
   }
   renderAppliedFilters() {
-    return x`<cx-details aria-busy=${this.loading ? "true" : "false"} class=${rt({
+    return x`<cx-details aria-busy=${this.loading ? "true" : "false"} class=${ot({
       "applied-filters": !0,
       "applied-filters--empty": this.appliedFiltersCount === 0
     })}><span slot="summary" class="applied-filters__summary"><span class="applied-filters__title">${this.localize.term("appliedFilters")}${this.appliedFiltersCount > 0 ? ` (${this.appliedFiltersCount})` : bt}</span>${Y(
@@ -19469,7 +19523,7 @@ let de = class extends Pe {
       const o = fa(i, e);
       return n.showTime ? `${o} ${s}` : o;
     };
-    return n.type === nt.DatePicker ? t(n.fromDate, n.fromTime) : `${t(n.fromDate, n.fromTime)} – ${t(n.toDate, n.toTime)}`;
+    return n.type === rt.DatePicker ? t(n.fromDate, n.fromTime) : `${t(n.fromDate, n.fromTime)} – ${t(n.toDate, n.toTime)}`;
   }
   renderDateTags() {
     const n = this.facetDetailsByField;
@@ -19521,7 +19575,7 @@ let de = class extends Pe {
           );
           if (!e)
             return bt;
-          const t = n.type ?? nt.Checkbox, i = Hu[t];
+          const t = n.type ?? rt.Checkbox, i = Hu[t];
           return i ? i(
             {
               facetDetails: n,
@@ -19643,20 +19697,20 @@ function ju(n) {
       displayName: a,
       facetFieldName: r,
       selection: Gu(h),
-      type: nt.Checkbox
+      type: rt.Checkbox
     }) : l === Pi.DatePicker ? e.set(r, {
       displayFormat: Fr(h),
       displayName: a,
       facetFieldName: r,
       showTime: h.includes(Ii.ShowTime),
-      type: nt.DatePicker
+      type: rt.DatePicker
     }) : l === Pi.DateRangePicker && e.set(r, {
       displayFormat: Fr(h),
       displayName: a,
       facetFieldName: r,
       showPreset: h.includes(Ii.ShowPreset),
       showTime: h.includes(Ii.ShowTime),
-      type: nt.DateRange
+      type: rt.DateRange
     });
   }
   return e;
@@ -19670,7 +19724,7 @@ function Fr(n) {
 function Uu(n, e) {
   const t = new Set(Object.keys(n));
   for (const [i, s] of e)
-    s.type !== nt.Checkbox && t.add(i);
+    s.type !== rt.Checkbox && t.add(i);
   return [...t].map((i) => {
     const s = e.get(i) ?? {
       displayName: i,
@@ -19820,7 +19874,7 @@ class qu {
       }
     for (const o of s) {
       const r = e[o], a = `${i}${o}`, l = [], h = (c, d) => t === fi.Timestamp ? (/* @__PURE__ */ new Date(`${c}T${d}`)).getTime() : t === fi.IsoDateTime ? `${c}T${d}` : c;
-      r.type === nt.DatePicker ? r.fromDate && l.push({
+      r.type === rt.DatePicker ? r.fromDate && l.push({
         field: o,
         type: _e.Equal,
         value: h(r.fromDate, r.fromTime)
@@ -20206,10 +20260,10 @@ function Lr(n, e, t, i = 500) {
         }
         const w = p.data;
         if (!r) {
-          const E = w.map((k, D) => k.trim() || `column_${D}`), y = /* @__PURE__ */ new Map();
+          const E = w.map((k, T) => k.trim() || `column_${T}`), y = /* @__PURE__ */ new Map();
           a = E.map((k) => {
-            const D = y.get(k) ?? 0;
-            return y.set(k, D + 1), D === 0 ? k : `${k}_${D}`;
+            const T = y.get(k) ?? 0;
+            return y.set(k, T + 1), T === 0 ? k : `${k}_${T}`;
           }), e(a.map((k) => ({ field: k, title: k }))), r = !0;
           return;
         }
@@ -20279,7 +20333,7 @@ function wn(n, e = "") {
     return { columns: t.columns, rows: t.data };
   throw new Error("JSON data must be an array of row objects or a { columns, data } envelope");
 }
-function Tp(n) {
+function Dp(n) {
   if (n.length === 0)
     return { columns: [], data: [] };
   const t = n[0].map((a, l) => {
@@ -20296,11 +20350,11 @@ function Tp(n) {
   );
   return { columns: o, data: r };
 }
-function Dp(n) {
+function Tp(n) {
   const e = mo.parse(n, { header: !1, skipEmptyLines: !0 }), t = e.errors.filter((i) => i.code !== "UndetectableDelimiter");
   if (t.length > 0)
     throw new Error(`CSV parse error: ${t[0].message}`);
-  return Tp(e.data);
+  return Dp(e.data);
 }
 function Mp(n) {
   const e = JSON.parse(n), { columns: t, rows: i } = wn(e);
@@ -20398,10 +20452,10 @@ var Ap = Object.defineProperty, Pp = Object.getOwnPropertyDescriptor, Cn = (n) =
 }, Ip = (n, e, t) => e.has(n) || Cn("Cannot " + t), Hp = (n, e, t) => (Ip(n, e, "read from private field"), t ? t.call(n) : e.get(n)), Np = (n, e, t) => e.has(n) ? Cn("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(n) : e.set(n, t), no, En;
 let g = class extends Pe {
   constructor() {
-    super(), Np(this, no), this.localize = new tt(this), this.hasSlotController = new Ur(this, "add-action"), this.verticalOsInstance = null, this.horizontalOsInstance = null, this.frozenScrollOff = null, this.resizeObserver = null, this.overflowObserver = null, this.ajaxFacetsController = new Wu(this), this.filterController = new qu(this), this.ajaxFacetFilterController = new Ku(this, this.filterController), this.selectAllController = new Xu(this), this.shadowRootAutoloader = new gn(
+    super(), Np(this, no), this.localize = new et(this), this.hasSlotController = new Ur(this, "add-action"), this.verticalOsInstance = null, this.horizontalOsInstance = null, this.frozenScrollOff = null, this.resizeObserver = null, this.overflowObserver = null, this.ajaxFacetsController = new Wu(this), this.filterController = new qu(this), this.ajaxFacetFilterController = new Ku(this, this.filterController), this.selectAllController = new Xu(this), this.shadowRootAutoloader = new gn(
       this
-    ), this.validationTooltipAnchor = null, this.validationTooltipHidePromise = null, 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.validateOnLoad = !1, this.validationWorkerThreshold = void 0, this.columnDefaults = {}, this.headerContextMenu = !1, this.canSearch = !1, this.noAdvancedSearch = !1, this.showSavedSearch = !1, this.searchFields = [], this.searchMatchAnyKeyword = !1, this.canAdd = !1, this.addLabel = this.localize.term("add"), this.canExportCsv = !1, this.canExportXml = !1, this.canExportPdf = !1, this.canExportCustom = !1, this.canSaveReport = !1, this.savedSearchURL = "", this.savedSearchItems = [], this.savedSearchPageSizeParam = "PageSize", this.savedSearchPageSize = 10, this.savedSearchPageNumberParam = "PageNumber", this.dropdownFilters = [], this.groupByOptions = [], this.ajaxURL = void 0, this.ajaxMethod = "GET", this.ajaxURLGenerator = void 0, this.ajaxParams = void 0, this.ajaxResponse = void 0, this.facetConfig = void 0, this.additionalAppliedFilters = [], 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.groupHeaderUseFormatter = !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.groupLoadMoreMeta = {}, this.dataTree = !1, this.dataTreeChildField = "_children", this.dataTreeLoadingField = "loading", this.dataTreeHasMoreField = "hasMore", this.dataTreeFilter = !1, this.dataTreeSort = !1, this.dataTreeElementColumn = 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 = pi.Both, this.clipboardCopyRowRange = "range", this.clipboardPasteParser = void 0, this.clipboardPasteAction = "insert", this.clipboardCopyConfig = { columnHeaders: !1 }, this.clipboardNoCopyStyled = !1, this.pagination = !1, this.paginationMode = Ze.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 = sa.Both, this.paginationShowFirst = !1, this.paginationShowLast = !1, this.paginationPlacement = Ki.TopEnd, this.noHeaderRowReserve = !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 = Ze.Local, this.placeholderHeaderFilter = "No matching data", this.noColumnPlaceholderText = this.localize.term("noColumnsVisible"), this.useOverlayScrollbar = !1, this.loading = !1, this.canSelectAll = !1, this.rowIdField = "id", this.dataUrl = "", this.dateFilterCompareFormat = fi.IsoDateTime, this.dataFormat = ve.Auto, this.dataUrlPath = "", this.preserveColumnsOnLoad = !1, this.tabulatorInstance = null, this.watchedEvents = /* @__PURE__ */ new Set(), this.activeSearchValue = "", this.dataUrlRequestId = 0, this.inMemoryDataUrlRows = null, this.inMemoryValidationResult = null, this.internalAjaxRequestFunc = void 0, this.hasFacets = !1, this.headerMenuOpen = !1, this.headerMenuField = "", this.headerMenuPointX = 0, this.headerMenuPointY = 0, this.headerMenuHideDisabled = !1, this.columnEditorOpen = !1, this.columnEditorEntries = [], this.handleTableBuilt = () => {
-      this.initHorizontalScrollbar(), this.useOverlayScrollbar ? this.initVerticalScrollbar() : this.verticalOsInstance?.destroy(), this.initOverflowObserver(), this.tabulatorInstance?.setColumns(this.columns ?? []), this.validateOnLoad && this.tabulatorInstance?.validateAsync(), this.filterController.syncDropdownFilterSources(this.dropdownFilters), this.handleSearch(), this.filterController.applyFilters(), this.placePaginator(), this.dataUrl && this.loadFromDataUrl();
+    ), this.validationTooltipAnchor = null, this.validationTooltipHidePromise = null, 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.validateOnLoad = !1, this.validationWorkerThreshold = void 0, this.columnDefaults = {}, this.headerContextMenu = !1, this.canSearch = !1, this.noAdvancedSearch = !1, this.showSavedSearch = !1, this.searchFields = [], this.searchMatchAnyKeyword = !1, this.canAdd = !1, this.addLabel = this.localize.term("add"), this.canExportCsv = !1, this.canExportXml = !1, this.canExportPdf = !1, this.canExportCustom = !1, this.canSaveReport = !1, this.savedSearchURL = "", this.savedSearchItems = [], this.savedSearchPageSizeParam = "PageSize", this.savedSearchPageSize = 10, this.savedSearchPageNumberParam = "PageNumber", this.dropdownFilters = [], this.groupByOptions = [], this.ajaxURL = void 0, this.ajaxMethod = "GET", this.ajaxURLGenerator = void 0, this.ajaxParams = void 0, this.ajaxResponse = void 0, this.facetConfig = void 0, this.additionalAppliedFilters = [], 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.groupHeaderUseFormatter = !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.groupLoadMoreMeta = {}, this.dataTree = !1, this.dataTreeChildField = "_children", this.dataTreeLoadingField = "loading", this.dataTreeHasMoreField = "hasMore", this.dataTreeFilter = !1, this.dataTreeSort = !1, this.dataTreeElementColumn = 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 = pi.Both, this.clipboardCopyRowRange = "range", this.clipboardPasteParser = void 0, this.clipboardPasteAction = "insert", this.clipboardCopyConfig = { columnHeaders: !1 }, this.clipboardNoCopyStyled = !1, this.pagination = !1, this.paginationMode = ut.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 = sa.Both, this.paginationShowFirst = !1, this.paginationShowLast = !1, this.paginationPlacement = Ki.TopEnd, this.noHeaderRowReserve = !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 = ut.Local, this.placeholderHeaderFilter = "No matching data", this.noColumnPlaceholderText = this.localize.term("noColumnsVisible"), this.useOverlayScrollbar = !1, this.loading = !1, this.canSelectAll = !1, this.rowIdField = "id", this.dataUrl = "", this.dateFilterCompareFormat = fi.IsoDateTime, this.dataFormat = ve.Auto, this.dataUrlPath = "", this.preserveColumnsOnLoad = !1, this.tabulatorInstance = null, this.watchedEvents = /* @__PURE__ */ new Set(), this.activeSearchValue = "", this.dataUrlRequestId = 0, this.inMemoryDataUrlRows = null, this.inMemoryValidationResult = null, this.internalAjaxRequestFunc = void 0, this.lastAttemptedDataUrl = null, this.hasFacets = !1, this.headerMenuOpen = !1, this.headerMenuField = "", this.headerMenuPointX = 0, this.headerMenuPointY = 0, this.headerMenuHideDisabled = !1, this.columnEditorOpen = !1, this.columnEditorEntries = [], this.handleTableBuilt = () => {
+      this.initHorizontalScrollbar(), this.useOverlayScrollbar ? this.initVerticalScrollbar() : this.verticalOsInstance?.destroy(), this.initOverflowObserver(), this.tabulatorInstance?.setColumns(this.columns ?? []), this.validateOnLoad && this.tabulatorInstance?.validateAsync(), this.filterController.syncDropdownFilterSources(this.dropdownFilters), this.handleSearch(), this.filterController.applyFilters(), this.placePaginator(), this.dataUrl && (!this.pagination || this.lastAttemptedDataUrl !== this.dataUrl.trim()) && this.loadFromDataUrl();
     }, this.handleValidationChanged = (t) => {
       this.validationTooltipAnchor && !this.validationTooltipAnchor.isConnected && this.hideValidationTooltip(), this.emit("cx-table-validation-change", { detail: t });
     }, this.checkHorizontalOverflow = () => {
@@ -20456,7 +20510,7 @@ let g = class extends Pe {
    * the `ajaxURL` term is what catches the ajax case.
    */
   get isRemotePagination() {
-    return this.pagination && (!!this.ajaxURL || this.paginationMode === Ze.Remote);
+    return this.pagination && (!!this.ajaxURL || !!this.internalAjaxRequestFunc || this.paginationMode === ut.Remote);
   }
   /**
    * Whether pagination alone should render the toolbar. A top-placed paginator
@@ -20519,7 +20573,7 @@ let g = class extends Pe {
     }
   }
   async initTable() {
-    this.tabulatorInstance && (this.selectAllController.resetSelection(), this.overflowObserver?.disconnect(), this.verticalOsInstance?.destroy(), this.horizontalOsInstance?.destroy(), this.tabulatorInstance.off("tableBuilt"), this.tabulatorInstance.destroy());
+    this.tabulatorInstance && (this.selectAllController.resetSelection(), this.overflowObserver?.disconnect(), this.verticalOsInstance?.destroy(), this.horizontalOsInstance?.destroy(), this.tabulatorInstance.off("tableBuilt"), this.tabulatorInstance.destroy()), !this.pagination || !this.dataUrl?.trim() ? (this.internalAjaxRequestFunc = void 0, this.inMemoryDataUrlRows = null, this.inMemoryValidationResult = null, this.lastAttemptedDataUrl = null) : this.internalAjaxRequestFunc || (this.internalAjaxRequestFunc = this.createInMemoryAjaxRequestFunc());
     let e = this.rowHeader;
     e == null && (this.movableRows ? e = Cp : this.responsiveLayout === "collapse" && (e = {
       formatter: "responsiveCollapse"
@@ -20976,14 +21030,14 @@ let g = class extends Pe {
       if (i !== this.dataUrlRequestId)
         return;
       const y = l.length;
-      E.forEach((D) => {
-        D.__cxRowIndex = l.length, l.push(D);
+      E.forEach((T) => {
+        T.__cxRowIndex = l.length, l.push(T);
       }), !p && l.length >= s && (p = !0, r(c, l)), p && this.updatePaginationCountLive(l.length), await this.validateInMemoryRowsChunk(
         E,
         d,
         y,
         h
-      ) && i === this.dataUrlRequestId && a(l.length, h), await new Promise((D) => requestAnimationFrame(() => D()));
+      ) && i === this.dataUrlRequestId && a(l.length, h), await new Promise((T) => requestAnimationFrame(() => T()));
     }, w = g.IN_MEMORY_PARSE_CHUNK_SIZE;
     return t === ve.Csv ? await Lr(e, u, f, w) : t === ve.Json ? await _r(e, u, f, w, this.dataUrlPath) : t === ve.Xml && await zr(e, u, f, w, this.dataUrlPath), p || r(c, l), { columns: c, rows: l, validationResult: h };
   }
@@ -21274,7 +21328,7 @@ let g = class extends Pe {
   async loadFromDataUrl() {
     const e = this.dataUrl?.trim(), t = ++this.dataUrlRequestId;
     if (e) {
-      this.setLoading(!0);
+      this.setLoading(!0), this.pagination && (this.lastAttemptedDataUrl = e, this.tabulatorInstance?.options.ajaxRequestFunc || this.initTableWhenSized());
       try {
         const i = await fetch(e);
         if (!i.ok)
@@ -21299,7 +21353,7 @@ let g = class extends Pe {
               detail: { invalidCellCount: E, invalidCells: [] }
             }), l && (this.refreshInMemoryMutateOnValidateColumns(h), this.tabulatorInstance?.redraw(!0));
           }, d = (f, w) => {
-            l || t !== this.dataUrlRequestId || (l = !0, this.inMemoryDataUrlRows = w, this.internalAjaxRequestFunc = this.createInMemoryAjaxRequestFunc(), this.columns = h, this.paginationMode !== Ze.Remote ? this.paginationMode = Ze.Remote : this.tabulatorInstance?.setData(void 0), this.setLoading(!1));
+            l || t !== this.dataUrlRequestId || (l = !0, this.inMemoryDataUrlRows = w, this.columns = h, this.tabulatorInstance?.setData(void 0), this.setLoading(!1));
           }, { rows: p, validationResult: u } = await this.parseDataUrlIntoMemory(
             r,
             o,
@@ -21352,7 +21406,7 @@ let g = class extends Pe {
           }));
         }
       } catch (i) {
-        t === this.dataUrlRequestId && this.emit("cx-table-data-load-error", { detail: { error: i, url: this.dataUrl } });
+        t === this.dataUrlRequestId && (this.lastAttemptedDataUrl = null, this.emit("cx-table-data-load-error", { detail: { error: i, url: this.dataUrl } }));
       } finally {
         t === this.dataUrlRequestId && this.setLoading(!1);
       }
@@ -21459,7 +21513,7 @@ let g = class extends Pe {
     });
   }
   render() {
-    return x`<cx-space part="base" direction="vertical" spacing="large" wrap="nowrap" class=${rt({
+    return x`<cx-space part="base" direction="vertical" spacing="large" wrap="nowrap" class=${ot({
       container: !0,
       "container--overlay-scrollbar": this.useOverlayScrollbar
     })}>${Y(this.showTableToolbar, () => this.renderToolbar())}<div part="table" class="table" @mouseover=${this.handleValidationMouseOver} @mouseout=${this.handleValidationMouseOut} @contextmenu=${this.handleHeaderContextMenu}></div>${Y(this.showPaginationFooter, () => this.renderPaginationFooter())}</cx-space><cx-tooltip class="validation-tooltip" trigger="manual" disabled-hover-bridge></cx-tooltip><cx-table-header-menu ?open=${this.headerMenuOpen} point-x=${this.headerMenuPointX} point-y=${this.headerMenuPointY} field=${this.headerMenuField} ?hide-disabled=${this.headerMenuHideDisabled} @cx-table-header-menu-select=${this.handleHeaderMenuSelect} @cx-table-header-menu-close=${this.handleHeaderMenuClose}></cx-table-header-menu><cx-table-column-editor ?open=${this.columnEditorOpen} .entries=${this.columnEditorEntries} @cx-table-column-editor-apply=${this.handleColumnEditorApply} @cx-table-column-editor-cancel=${this.handleColumnEditorCancel}></cx-table-column-editor>`;
@@ -21485,9 +21539,9 @@ g.dependencies = {
   "cx-select": ca,
   "cx-space": Ri,
   "cx-spinner": Xr,
-  "cx-table-column-editor": Qe,
+  "cx-table-column-editor": Ze,
   "cx-table-footer": Ci,
-  "cx-table-header-menu": et,
+  "cx-table-header-menu": Qe,
   "cx-table-row-actions": Ot,
   "cx-table-toolbar": Q,
   "cx-tooltip": Pt
@@ -22685,7 +22739,7 @@ var Gp = Object.defineProperty, Up = Object.getOwnPropertyDescriptor, xe = (n, e
 const Pr = "unnamed";
 let me = class extends Pe {
   constructor() {
-    super(), this.localize = new tt(this), this.variant = Je.Table, this.data = [], this.maxCol = 4, this.canCopy = !1, this.showCodes = ["HEX", "RGB", "CMYK", "PMS"], this.multiLanguage = !1, this.breakpoints = [350, 696, 1024], this.deviceType = Ti.Desktop, this.currentCol = 0, this.isFocused = !1, this.canFocusContainer = !0, this.isContainerFocused = !1, this.handleWindowResize = this.handleWindowResize.bind(this);
+    super(), this.localize = new et(this), this.variant = Je.Table, this.data = [], this.maxCol = 4, this.canCopy = !1, this.showCodes = ["HEX", "RGB", "CMYK", "PMS"], this.multiLanguage = !1, this.breakpoints = [350, 696, 1024], this.deviceType = Di.Desktop, this.currentCol = 0, this.isFocused = !1, this.canFocusContainer = !0, this.isContainerFocused = !1, this.handleWindowResize = this.handleWindowResize.bind(this);
   }
   runFirstUpdated() {
     this.setAttribute("role", "region"), this.setAttribute("aria-label", this.localize.term("colorSwatches")), this.setAttribute(
@@ -22769,7 +22823,7 @@ let me = class extends Pe {
    * Get current direction of the color swatch group
    */
   get currentDirection() {
-    return this.variant === Je.Circles && this.deviceType !== Ti.Desktop ? "vertical" : "horizontal";
+    return this.variant === Je.Circles && this.deviceType !== Di.Desktop ? "vertical" : "horizontal";
   }
   /**
    * Get the variant of the color swatch
@@ -22777,7 +22831,7 @@ let me = class extends Pe {
   get swatchVariant() {
     switch (this.variant) {
       case Je.Circles:
-        return this.deviceType === Ti.Tablet ? es.Oval : es.Circle;
+        return this.deviceType === Di.Tablet ? es.Oval : es.Circle;
       case Je.Grid:
         return es.GridItem;
       default:
@@ -22806,7 +22860,7 @@ let me = class extends Pe {
           }
         )
       )}</cx-space>`,
-      () => x`<cx-space part="color-swatch" role="list" aria-label=${this.localize.term("listOfColors")} aria-roledescription=${this.localize.term("listOfColors")} direction=${n} justify-content="flex-start" wrap=${this.variant === "circles" ? "nowrap" : "wrap"} class=${rt({
+      () => x`<cx-space part="color-swatch" role="list" aria-label=${this.localize.term("listOfColors")} aria-roledescription=${this.localize.term("listOfColors")} direction=${n} justify-content="flex-start" wrap=${this.variant === "circles" ? "nowrap" : "wrap"} class=${ot({
         "color-swatch-group__swatches": !0,
         "color-swatch-group__swatches--grid": this.variant === Je.Grid,
         [`color-swatch-group__swatches--circles--${n}`]: this.variant === Je.Circles
@@ -22819,9 +22873,9 @@ let me = class extends Pe {
           "colorOfTotal",
           i + 1,
           this.data.length
-        )} hex=${t.hex} rgb=${t.rgb} cmyk=${t.cmyk} pms=${t.pms} name=${this.multiLanguage && e ? t[`name-${e.toLowerCase()}`] ?? t.name : t.name} variant=${this.swatchVariant} ?can-copy=${this.canCopy} ?can-focus-code-only=${this.isFocused} .showCodes=${this.showCodes} no-auto-convert class=${rt({
+        )} hex=${t.hex} rgb=${t.rgb} cmyk=${t.cmyk} pms=${t.pms} name=${this.multiLanguage && e ? t[`name-${e.toLowerCase()}`] ?? t.name : t.name} variant=${this.swatchVariant} ?can-copy=${this.canCopy} ?can-focus-code-only=${this.isFocused} .showCodes=${this.showCodes} no-auto-convert class=${ot({
           [`color-swatch-group__swatches--circles--${n}__item`]: this.variant === Je.Circles,
-          "color-swatch-group__swatches--circles--vertical__item--mobile": this.variant === Je.Circles && this.deviceType === Ti.Mobile
+          "color-swatch-group__swatches--circles--vertical__item--mobile": this.variant === Je.Circles && this.deviceType === Di.Mobile
         })} @keydown=${this.handleKeyDown} @focusout=${this.handleFocusOut}></cx-color-swatch>`
       )}</cx-space>`
     )}
@@ -22898,13 +22952,13 @@ me = xe([
 ], me);
 export {
   me as C,
-  nt as F,
+  rt as F,
   Wt as H,
   _t as a,
   Vp as b,
   Je as c,
   jo as d,
   de as e,
-  De as f,
+  Te as f,
   Go as o
 };