@orangelogic/design-system 2.172.0 → 2.174.0

package/library/chunks/{color-swatch-group.CQlgq_I5.js → color-swatch-group.C01UAz1A.js}

@@ -3,15 +3,15 @@ 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.DpzAGKQx.js";
 import { c as $e } from "./component.styles.CRO4Odto.js";
-import { C as Ct } from "./button.zWaIO1sl.js";
-import { C as Sn, o as kn, O as No } from "./dialog.BaHYOyYO.js";
-import { C as oi } from "./icon-button.DJvfUmOl.js";
+import { C as Et } from "./button.zWaIO1sl.js";
+import { C as Sn, o as kn, O as No } from "./dialog.clJBka-1.js";
+import { C as oi } from "./icon-button.BWToMtdK.js";
 import Pt from "../components/tooltip.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 { 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 { c as Ie } from "./custom-element.L4WJXn1j.js";
-import { L as et } from "./i18n.DbXTTLXx.js";
+import { L as tt } 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 { i as q, x, E as ut, B as In } from "./lit-element.jLBm65_O.js";
 import { r as F } from "./state.CSDxrqLd.js";
 import { e as ue } from "./query.BBf1UFkC.js";
 import { a as Hn, b as Nn } from "./_baseXor.DixEm6JQ.js";
@@ -20,12 +20,12 @@ import { b as Gi, a as Vn, c as $r, t as Bn } from "./_baseIteratee.sC2wLi2m.js"
 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 gt } from "./icon.D5iM9wXS.js";
 import { C as Wr } from "./input.B-c9KEAH.js";
 import { d as jr } from "./debounce.DaHuiSGU.js";
-import { e as ot } from "./class-map.BiVq-cVR.js";
+import { e as Ze } from "./class-map.BiVq-cVR.js";
 import { c as Ke } from "./repeat.CFjcER6_.js";
-import { n as Y } from "./when.Dr1es41R.js";
+import { n as J } from "./when.Dr1es41R.js";
 import { d as Un, j as Kn, b as qn } from "./_baseClone.BHNjfIdS.js";
 import { b as Xn } from "./capitalize.CIBKBL10.js";
 import { S as Jn } from "./sortable.esm.oSzf6C5Q.js";
@@ -35,19 +35,19 @@ import ri from "../components/menu.js";
 import ni from "../components/menu-item.js";
 import Qn from "../components/popup.js";
 import { r as ea } from "./choose.BTbF6BAn.js";
-import { o as te } from "./if-defined.BRoBj_Rp.js";
-import { o as pt } from "./style-map.llVFPd__.js";
+import { o as Z } from "./if-defined.BRoBj_Rp.js";
+import { o as ft } 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.CwKlKOek.js";
+import { C as ia, P as sa } from "./pagination.Do36kaZK.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 Di } from "./transformation.8uLv6uwG.js";
+import { D as Ti } 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, Da = 4, Go = Wn(function(n, e) {
+var Sa = 1, ka = 2, Ta = 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 | Da, Ra));
+  }), Un(n, Kn(n), t), i && (t = qn(t, Sa | ka | Ta, Ra));
   for (var s = e.length; s--; )
     xa(t, e[s]);
   return t;
 });
-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}`;
+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}`;
 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 et(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 tt(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=${ot({
+    return x`<div class=${Ze({
       "board-list-item": !0,
       "board-list-item--checked": this.selected,
       "board-list-item--group": this.isGroup,
@@ -158,9 +158,9 @@ 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, Ta];
+Ee.styles = [$e, Da];
 Ee.dependencies = {
-  "cx-icon": Et,
+  "cx-icon": gt,
   "cx-icon-button": oi,
   "cx-line-clamp": Yn,
   "cx-tooltip": Pt
@@ -220,7 +220,7 @@ var Oa = Object.defineProperty, Aa = Object.getOwnPropertyDescriptor, X = (n, e,
 };
 let $ = class extends Pe {
   constructor() {
-    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);
+    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);
   }
   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 = Dn(
+    e = Tn(
       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 = Tn(
+    const s = Dn(
       this.selectedItemAsArray,
       n.dataset.id,
       e
@@ -545,12 +545,12 @@ let $ = class extends Pe {
     this.initSortable(), this.items = [...this.data], this.group ? this._allItems = this.concatGroupItems(this.items) : this._allItems = [...this.items], this._totalCount = this.data.length;
   }
   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=${ot({
+    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>` : ut;
+    return x`<div class=${Ze({
       board: !0,
       "board--checked": this.all && n,
       "board--dragging": this.isDragging
-    })}><div class="board__header">${this.all ? x`<span class="board__select-all" part="select-all" role="checkbox" tabindex="0" aria-checked=${this.isAllSelected ? "true" : this.isPartiallySelected ? "mixed" : "false"} aria-label=${this.localize.term("selectAll")} @click=${this.handleSelectAll} @keydown=${this.handleSelectAllKeydown}>${e}</span>` : ""}<cx-tooltip content=${this.boardTitle} hoist ?disabled=${!this.boardTitle || this.isDragging}><div class="board__header__text">${this.boardTitle}</div></cx-tooltip>${Y(
+    })}><div class="board__header">${this.all ? x`<span class="board__select-all" part="select-all" role="checkbox" tabindex="0" aria-checked=${this.isAllSelected ? "true" : this.isPartiallySelected ? "mixed" : "false"} aria-label=${this.localize.term("selectAll")} @click=${this.handleSelectAll} @keydown=${this.handleSelectAllKeydown}>${e}</span>` : ""}<cx-tooltip content=${this.boardTitle} hoist ?disabled=${!this.boardTitle || this.isDragging}><div class="board__header__text">${this.boardTitle}</div></cx-tooltip>${J(
       this.allowSearch,
       () => x`<div class="board__header__search"><cx-input part="search-input" aria-label=${this.localize.term("search")} title=${this.localize.term("search")} placeholder=${this.localize.term("search")} size="small" value=${this.searchValue} @cx-input=${this.handleSearchChange}><cx-icon name="search" slot="prefix"></cx-icon><cx-icon-button part="search-input-clear" label=${this.localize.term("clearSearch")} name="close" size="small" slot="suffix" @click=${this.handleSearchClear}></cx-icon-button></cx-input></div>`
     )}</div><div part="list" class="board__list" role="listbox" aria-label=${this.boardTitle || this.name} aria-multiselectable="true" tabindex="-1" @scroll=${this.handleListScroll}><div style="height: ${40 * this.start}px"></div>${Ke(
@@ -566,7 +566,7 @@ let $ = class extends Pe {
 $.styles = [$e, La];
 $.dependencies = {
   "cx-board-list-item": Ee,
-  "cx-icon": Et,
+  "cx-icon": gt,
   "cx-icon-button": oi,
   "cx-input": Wr,
   "cx-tooltip": Pt
@@ -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 Te = class extends Pe {
+let De = class extends Pe {
   constructor() {
-    super(...arguments), this.localize = new et(this), this.firstColumnData = {
+    super(...arguments), this.localize = new tt(this), this.firstColumnData = {
       id: "",
       items: [],
       sort: !0,
@@ -897,51 +897,51 @@ let Te = 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>`;
   }
 };
-Te.styles = [$e, Pa];
-Te.dependencies = {
+De.styles = [$e, Pa];
+De.dependencies = {
   "cx-board": $,
   "cx-icon-button": oi,
   "cx-tooltip": Pt
 };
 qe([
   ue(".multi-select")
-], Te.prototype, "multiSelect", 2);
+], De.prototype, "multiSelect", 2);
 qe([
   ue('[part~="board-1"]')
-], Te.prototype, "board1", 2);
+], De.prototype, "board1", 2);
 qe([
   ue('[part~="board-2"]')
-], Te.prototype, "board2", 2);
+], De.prototype, "board2", 2);
 qe([
   m({ attribute: "first-column-data", type: Object })
-], Te.prototype, "firstColumnData", 2);
+], De.prototype, "firstColumnData", 2);
 qe([
   m({ attribute: "second-column-data", type: Object })
-], Te.prototype, "secondColumnData", 2);
+], De.prototype, "secondColumnData", 2);
 qe([
   m({ attribute: "configurable", type: Boolean })
-], Te.prototype, "configurable", 2);
+], De.prototype, "configurable", 2);
 qe([
   m({ attribute: "ignored-types", type: Array })
-], Te.prototype, "ignoreTypes", 2);
+], De.prototype, "ignoreTypes", 2);
 qe([
   m({ attribute: "add-limit", type: Number })
-], Te.prototype, "addLimit", 2);
+], De.prototype, "addLimit", 2);
 qe([
   F()
-], Te.prototype, "itemMap", 2);
+], De.prototype, "itemMap", 2);
 qe([
   F()
-], Te.prototype, "selectedItems", 2);
+], De.prototype, "selectedItems", 2);
 qe([
   F()
-], Te.prototype, "initialSecondColumnItems", 2);
+], De.prototype, "initialSecondColumnItems", 2);
 qe([
   V("secondColumnData")
-], Te.prototype, "onSecondColumnDataChange", 1);
-Te = qe([
+], De.prototype, "onSecondColumnDataChange", 1);
+De = qe([
   Ie("cx-multi-select")
-], Te);
+], De);
 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 Ze = class extends Pe {
+let Qe = class extends Pe {
   constructor() {
-    super(...arguments), this.localize = new et(this), this.open = !1, this.entries = [], this.firstColumnData = {
+    super(...arguments), this.localize = new tt(this), this.open = !1, this.entries = [], this.firstColumnData = {
       id: $t.Available,
       items: [],
       sort: !1,
@@ -1007,43 +1007,43 @@ let Ze = class extends Pe {
     n.target === this.dialogEl && this.handleCancel();
   }
   render() {
-    return x`<cx-dialog label=${this.localize.term("editColumns")} ?open=${this.open} @cx-request-close=${this.handleDialogRequestClose}><cx-multi-select .firstColumnData=${this.firstColumnData} .secondColumnData=${this.secondColumnData} @cx-multi-select-change=${this.handleMultiSelectChange}></cx-multi-select>${Y(
+    return x`<cx-dialog label=${this.localize.term("editColumns")} ?open=${this.open} @cx-request-close=${this.handleDialogRequestClose}><cx-multi-select .firstColumnData=${this.firstColumnData} .secondColumnData=${this.secondColumnData} @cx-multi-select-change=${this.handleMultiSelectChange}></cx-multi-select>${J(
       !this.canApply,
       () => x`<p class="table-column-editor__note">${this.localize.term("editColumnsMinVisibleNote")}</p>`
     )}<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>`;
   }
 };
-Ze.styles = [$e, Na];
-Ze.dependencies = {
-  "cx-button": Ct,
+Qe.styles = [$e, Na];
+Qe.dependencies = {
+  "cx-button": Et,
   "cx-dialog": Sn,
-  "cx-multi-select": Te
+  "cx-multi-select": De
 };
 It([
   ue("cx-dialog")
-], Ze.prototype, "dialogEl", 2);
+], Qe.prototype, "dialogEl", 2);
 It([
   m({ reflect: !0, type: Boolean })
-], Ze.prototype, "open", 2);
+], Qe.prototype, "open", 2);
 It([
   m({ attribute: !1 })
-], Ze.prototype, "entries", 2);
+], Qe.prototype, "entries", 2);
 It([
   F()
-], Ze.prototype, "firstColumnData", 2);
+], Qe.prototype, "firstColumnData", 2);
 It([
   F()
-], Ze.prototype, "secondColumnData", 2);
+], Qe.prototype, "secondColumnData", 2);
 It([
   F()
-], Ze.prototype, "visibleFields", 2);
+], Qe.prototype, "visibleFields", 2);
 It([
   V("entries")
-], Ze.prototype, "handleEntriesChange", 1);
-Ze = It([
+], Qe.prototype, "handleEntriesChange", 1);
+Qe = It([
   Ie("cx-table-column-editor")
-], 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 || {});
+], 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 || {}), vt = /* @__PURE__ */ ((n) => (n.Bottom = "bottom", n.Center = "center", n.Nearest = "nearest", n.Top = "top", n))(vt || {}), 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 || {}), pt = /* @__PURE__ */ ((n) => (n.Local = "local", n.Remote = "remote", n))(pt || {}), 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 Qe = class extends Pe {
+let et = class extends Pe {
   constructor() {
-    super(), this.localize = new et(this), this.virtualAnchor = {
+    super(), this.localize = new tt(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,46 +1117,46 @@ let Qe = 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>`;
   }
 };
-Qe.styles = [$e, Ga];
-Qe.dependencies = {
-  "cx-icon": Et,
+et.styles = [$e, Ga];
+et.dependencies = {
+  "cx-icon": gt,
   "cx-menu": ri,
   "cx-menu-item": ni,
   "cx-popup": Qn
 };
 Ht([
   ue("cx-menu-item")
-], Qe.prototype, "firstMenuItem", 2);
+], et.prototype, "firstMenuItem", 2);
 Ht([
   m({ reflect: !0, type: Boolean })
-], Qe.prototype, "open", 2);
+], et.prototype, "open", 2);
 Ht([
   m({ attribute: "point-x", type: Number })
-], Qe.prototype, "pointX", 2);
+], et.prototype, "pointX", 2);
 Ht([
   m({ attribute: "point-y", type: Number })
-], Qe.prototype, "pointY", 2);
+], et.prototype, "pointY", 2);
 Ht([
   m({ type: String })
-], Qe.prototype, "field", 2);
+], et.prototype, "field", 2);
 Ht([
   m({ attribute: "hide-disabled", type: Boolean })
-], Qe.prototype, "hideDisabled", 2);
+], et.prototype, "hideDisabled", 2);
 Ht([
   V("open", { waitUntilFirstUpdate: !0 })
-], Qe.prototype, "handleOpenChange", 1);
-Qe = Ht([
+], et.prototype, "handleOpenChange", 1);
+et = Ht([
   Ie("cx-table-header-menu")
-], Qe);
+], et);
 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--)
     (r = n[o]) && (s = (i ? r(e, t, s) : r(s)) || s);
   return i && s && Xa(e, t, s), s;
 };
-let ft = class extends Pe {
+let mt = class extends Pe {
   constructor() {
-    super(...arguments), this.localize = new et(this), this.groupedDropdownItems = {}, this.sections = [];
+    super(...arguments), this.localize = new tt(this), this.groupedDropdownItems = {}, this.sections = [];
   }
   createRenderRoot() {
     return this;
@@ -1181,7 +1181,7 @@ let ft = class extends Pe {
     return Ke(
       n,
       (e) => e.name,
-      (e) => x`<cx-menu-item class="table-row-actions__menu-item" data-action=${e.name} style=${pt(e.style ?? {})} @click=${this.handleActionClick}>${Y(
+      (e) => x`<cx-menu-item class="table-row-actions__menu-item" data-action=${e.name} style=${ft(e.style ?? {})} @click=${this.handleActionClick}>${J(
         e.prefixIcon,
         () => x`<cx-icon name=${e.prefixIcon} slot="prefix"></cx-icon>`
       )}
@@ -1193,9 +1193,9 @@ let ft = class extends Pe {
   }
   render() {
     if (!this.action)
-      return bt;
+      return ut;
     const n = this.action?.icon ?? "more_horiz";
-    return x`<cx-dropdown hoist><cx-tooltip slot="trigger" hoist content=${this.action?.tooltip} ?disabled=${!this.action?.tooltip?.trim()}><cx-button class="table-row-actions__dropdown__trigger" aria-label=${this.action?.tooltip ?? this.action?.name ?? this.localize.term("more")}><cx-icon name=${n} style=${pt(this.action.options?.iconStyle ?? {})}></cx-icon></cx-button></cx-tooltip><cx-menu>${Ke(
+    return x`<cx-dropdown hoist><cx-tooltip slot="trigger" hoist content=${this.action?.tooltip} ?disabled=${!this.action?.tooltip?.trim()}><cx-button class="table-row-actions__dropdown__trigger" aria-label=${this.action?.tooltip ?? this.action?.name ?? this.localize.term("more")}><cx-icon name=${n} style=${ft(this.action.options?.iconStyle ?? {})}></cx-icon></cx-button></cx-tooltip><cx-menu>${Ke(
       this.sections,
       (e) => e,
       (e) => this.renderMenuSection(
@@ -1206,10 +1206,10 @@ let ft = class extends Pe {
     )}</cx-menu></cx-dropdown>`;
   }
 };
-ft.dependencies = {
-  "cx-button": Ct,
+mt.dependencies = {
+  "cx-button": Et,
   "cx-dropdown": ai,
-  "cx-icon": Et,
+  "cx-icon": gt,
   "cx-menu": ri,
   "cx-menu-item": ni,
   "cx-menu-section": ta,
@@ -1219,29 +1219,29 @@ Kt([
   m({
     type: Object
   })
-], ft.prototype, "action", 2);
+], mt.prototype, "action", 2);
 Kt([
   m({
     type: Object
   })
-], ft.prototype, "row", 2);
+], mt.prototype, "row", 2);
 Kt([
   m({
     type: Object
   })
-], ft.prototype, "cell", 2);
+], mt.prototype, "cell", 2);
 Kt([
   F()
-], ft.prototype, "groupedDropdownItems", 2);
+], mt.prototype, "groupedDropdownItems", 2);
 Kt([
   F()
-], ft.prototype, "sections", 2);
+], mt.prototype, "sections", 2);
 Kt([
   V("action")
-], ft.prototype, "handleActionChange", 1);
-ft = Kt([
+], mt.prototype, "handleActionChange", 1);
+mt = Kt([
   Ie("cx-table-row-actions-dropdown")
-], ft);
+], mt);
 var Ya = Object.defineProperty, Za = Object.getOwnPropertyDescriptor, qi = (n, e, t, i) => {
   for (var s = i > 1 ? void 0 : i ? Za(e, t) : e, o = n.length - 1, r; o >= 0; o--)
     (r = n[o]) && (s = (i ? r(e, t, s) : r(s)) || s);
@@ -1262,7 +1262,7 @@ let Ot = class extends Pe {
     });
   }
   renderButton(n) {
-    return x`<cx-tooltip hoist content=${n.tooltip} ?disabled=${!n.tooltip?.trim()}><cx-button data-action=${n.name} class="table-row-actions__button" label=${n.tooltip ?? n.name} @click=${this.handleActionClick} ?loading=${!!n.options?.buttonProps?.loading} ?outline=${!!n.options?.buttonProps?.outline} variant=${te(n.options?.buttonProps?.variant)}><cx-icon name=${n.icon} style=${pt(n.options?.iconStyle ?? {})}></cx-icon></cx-button></cx-tooltip>`;
+    return x`<cx-tooltip hoist content=${n.tooltip} ?disabled=${!n.tooltip?.trim()}><cx-button data-action=${n.name} class="table-row-actions__button" label=${n.tooltip ?? n.name} @click=${this.handleActionClick} ?loading=${!!n.options?.buttonProps?.loading} ?outline=${!!n.options?.buttonProps?.outline} variant=${Z(n.options?.buttonProps?.variant)}><cx-icon name=${n.icon} style=${ft(n.options?.iconStyle ?? {})}></cx-icon></cx-button></cx-tooltip>`;
   }
   renderDropdown(n) {
     return x`<cx-table-row-actions-dropdown .action=${n} .row=${this.row} .cell=${this.cell}></cx-table-row-actions-dropdown>`;
@@ -1286,10 +1286,10 @@ let Ot = class extends Pe {
 };
 Ot.styles = [$e, qa];
 Ot.dependencies = {
-  "cx-button": Ct,
-  "cx-icon": Et,
+  "cx-button": Et,
+  "cx-icon": gt,
   "cx-space": Ri,
-  "cx-table-row-actions-dropdown": ft,
+  "cx-table-row-actions-dropdown": mt,
   "cx-tooltip": Pt
 };
 qi([
@@ -1313,7 +1313,7 @@ var Qa = Object.defineProperty, el = Object.getOwnPropertyDescriptor, Si = (n, e
     (r = n[o]) && (s = (i ? r(e, t, s) : r(s)) || s);
   return i && s && Qa(e, t, s), s;
 };
-let yt = class extends Pe {
+let Ct = class extends Pe {
   constructor() {
     super(...arguments), this.data = {
       defaultOption: "",
@@ -1326,6 +1326,15 @@ let yt = class extends Pe {
   get activeOption() {
     return this.optionsMap[this.activeOptionId];
   }
+  get triggerText() {
+    return `${this.data.label}: ${this.activeOption?.label ?? ""}`;
+  }
+  get isIconOnly() {
+    return !!(this.data.hideLabel && this.data.icon);
+  }
+  get showCaret() {
+    return this.data.caret ?? !this.data.icon;
+  }
   createRenderRoot() {
     return this;
   }
@@ -1363,32 +1372,41 @@ let yt = class extends Pe {
       (n) => x`<cx-menu-item data-id=${n.id} type="checkbox" ?checked=${this.activeOptionId === n.id}>${n.label}</cx-menu-item>`
     );
   }
+  renderTriggerIcon() {
+    const { icon: n } = this.data;
+    return n ? x`<cx-icon class="table-dropdown-filter__icon" slot="prefix" name=${Z(n.name)} src=${Z(n.src)}></cx-icon>` : ut;
+  }
   render() {
-    return x`<div class="table-dropdown-filter"><cx-dropdown><cx-button class="table-dropdown-filter__trigger" slot="trigger" caret outline>${this.data.label}: ${this.activeOption?.label ?? ""}</cx-button><cx-menu @cx-select=${this.handleMenuSelect}>${this.renderMenuItems()}</cx-menu></cx-dropdown></div>`;
+    const n = this.isIconOnly ? this.triggerText : void 0;
+    return x`<div class="table-dropdown-filter"><cx-dropdown hoist><cx-button class=${Ze({
+      "table-dropdown-filter__trigger": !0,
+      "table-dropdown-filter__trigger--icon-only": this.isIconOnly
+    })} slot="trigger" label=${Z(n)} title=${Z(n)} ?caret=${this.showCaret} outline>${this.renderTriggerIcon()}${J(!this.isIconOnly, () => this.triggerText)}</cx-button><cx-menu @cx-select=${this.handleMenuSelect}>${this.renderMenuItems()}</cx-menu></cx-dropdown></div>`;
   }
 };
-yt.styles = [$e];
-yt.dependencies = {
-  "cx-button": Ct,
+Ct.styles = [$e];
+Ct.dependencies = {
+  "cx-button": Et,
   "cx-dropdown": ai,
+  "cx-icon": gt,
   "cx-menu": ri,
   "cx-menu-item": ni
 };
 Si([
   m({ type: Object })
-], yt.prototype, "data", 2);
+], Ct.prototype, "data", 2);
 Si([
   F()
-], yt.prototype, "activeOptionId", 2);
+], Ct.prototype, "activeOptionId", 2);
 Si([
   F()
-], yt.prototype, "optionsMap", 2);
+], Ct.prototype, "optionsMap", 2);
 Si([
   V("data")
-], yt.prototype, "handleDataChange", 1);
-yt = Si([
+], Ct.prototype, "handleDataChange", 1);
+Ct = Si([
   Ie("cx-table-dropdown-filter")
-], yt);
+], Ct);
 var tl = Object.defineProperty, il = Object.getOwnPropertyDescriptor, Xi = (n, e, t, i) => {
   for (var s = i > 1 ? void 0 : i ? il(e, t) : e, o = n.length - 1, r; o >= 0; o--)
     (r = n[o]) && (s = (i ? r(e, t, s) : r(s)) || s);
@@ -1396,7 +1414,7 @@ var tl = Object.defineProperty, il = Object.getOwnPropertyDescriptor, Xi = (n, e
 };
 let At = class extends Pe {
   constructor() {
-    super(...arguments), this.localize = new et(this), this.groupByOptionIdSet = /* @__PURE__ */ new Set(), this.groupByOptions = [], this.groupByValue = "";
+    super(...arguments), this.localize = new tt(this), this.groupByOptionIdSet = /* @__PURE__ */ new Set(), this.groupByOptions = [], this.groupByValue = "";
   }
   handleGroupByOptionsChange() {
     this.groupByOptionIdSet = new Set(this.groupByOptions.map((n) => n.id));
@@ -1422,25 +1440,25 @@ let At = class extends Pe {
   }
   renderOption(n, e, t) {
     const i = t === n;
-    return x`<cx-menu-item class=${ot({
+    return x`<cx-menu-item class=${Ze({
       "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=${ot({
+    return x`<cx-menu-item class=${Ze({
       "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>`;
   }
   render() {
     const n = this.groupByOptionIdSet.has(this.groupByValue) ? this.groupByValue : null;
-    return x`<cx-dropdown hoist class="header-actions__group-by"><cx-button slot="trigger" caret>${this.localize.term("groupBy")}</cx-button><cx-menu @cx-select=${this.handleMenuSelect}>${Y(
+    return x`<cx-dropdown hoist class="header-actions__group-by"><cx-button slot="trigger" caret>${this.localize.term("groupBy")}</cx-button><cx-menu @cx-select=${this.handleMenuSelect}>${J(
       !this.groupByOptions.length,
       () => x`<cx-menu-item disabled=disabled>${this.localize.term("noDataAvailable")}</cx-menu-item>`
     )}
-        ${Y(
+        ${J(
       this.groupByOptions.length,
       () => this.renderOffOption(n)
     )}
@@ -1453,7 +1471,7 @@ let At = class extends Pe {
 };
 At.styles = [$e];
 At.dependencies = {
-  "cx-button": Ct,
+  "cx-button": Et,
   "cx-dropdown": ai,
   "cx-menu": ri,
   "cx-menu-item": ni
@@ -1470,14 +1488,14 @@ Xi([
 At = Xi([
   Ie("cx-table-group-by-dropdown")
 ], At);
-var sl = Object.defineProperty, ol = Object.getOwnPropertyDescriptor, mt = (n, e, t, i) => {
+var sl = Object.defineProperty, ol = Object.getOwnPropertyDescriptor, bt = (n, e, t, i) => {
   for (var s = i > 1 ? void 0 : i ? ol(e, t) : e, o = n.length - 1, r; o >= 0; o--)
     (r = n[o]) && (s = (i ? r(e, t, s) : r(s)) || s);
   return i && s && sl(e, t, s), s;
 };
 let Be = class extends Pe {
   constructor() {
-    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;
+    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;
   }
   createRenderRoot() {
     return this;
@@ -1528,7 +1546,7 @@ let Be = class extends Pe {
     t && this.emit("cx-table-save-search-select", { detail: { id: t } });
   }
   render() {
-    return x`<cx-dropdown hoist class="header-actions__saved-search"><cx-button slot="trigger" caret>${this.localize.term("savedSearches")}</cx-button><cx-menu @cx-select=${this.handleSavedSearchItemSelect}>${Y(
+    return x`<cx-dropdown hoist class="header-actions__saved-search"><cx-button slot="trigger" caret>${this.localize.term("savedSearches")}</cx-button><cx-menu @cx-select=${this.handleSavedSearchItemSelect}>${J(
       this.savedSearchItems.length === 0 && !this.loading,
       () => x`<cx-menu-item disabled=disabled>${this.localize.term("noSavedSearch")}</cx-menu-item>`
     )}
@@ -1537,7 +1555,7 @@ let Be = class extends Pe {
       (n) => n.recordID,
       (n) => x`<cx-menu-item data-id=${n.recordID}><cx-icon name="search" slot="prefix"></cx-icon>${n.name}</cx-menu-item>`
     )}
-        ${Y(
+        ${J(
       this.hasMore,
       () => x`<cx-button class="header-actions__saved-search__load-more" variant="text" @click=${this.handleLoadMore} ?loading=${this.loading}>${this.localize.term("more")}</cx-button>`
     )}</cx-menu></cx-dropdown>`;
@@ -1545,51 +1563,51 @@ let Be = class extends Pe {
 };
 Be.styles = [$e];
 Be.dependencies = {
-  "cx-button": Ct,
+  "cx-button": Et,
   "cx-dropdown": ai,
-  "cx-icon": Et,
+  "cx-icon": gt,
   "cx-menu": ri,
   "cx-menu-item": ni
 };
-mt([
+bt([
   m({ attribute: "saved-search-url", type: String })
 ], Be.prototype, "savedSearchURL", 2);
-mt([
+bt([
   m({ attribute: "saved-search-items", type: Array })
 ], Be.prototype, "savedSearchItems", 2);
-mt([
+bt([
   m({ attribute: "saved-search-page-size-param", type: String })
 ], Be.prototype, "savedSearchPageSizeParam", 2);
-mt([
+bt([
   m({ attribute: "saved-search-page-size", type: Number })
 ], Be.prototype, "savedSearchPageSize", 2);
-mt([
+bt([
   m({ attribute: "saved-search-page-number-param", type: String })
 ], Be.prototype, "savedSearchPageNumberParam", 2);
-mt([
+bt([
   F()
 ], Be.prototype, "totalCount", 2);
-mt([
+bt([
   F()
 ], Be.prototype, "loading", 2);
-mt([
+bt([
   F()
 ], Be.prototype, "currentPage", 2);
-mt([
+bt([
   V("savedSearchURL")
 ], Be.prototype, "handleSavedSearchURLChange", 1);
-Be = mt([
+Be = bt([
   Ie("cx-table-saved-search-dropdown")
 ], Be);
-const rl = q`:host{container-type:inline-size}.header{align-items:center;gap:var(--cx-spacing-small);flex-wrap:wrap;display:none}.header--has-label,.header--has-pagination{display:flex}:host([pagination]) .header{min-height:var(--cx-input-height-medium);display:flex}:host([pagination][no-header-row-reserve][pagination-placement^=bottom]) .header:not(.header--has-label):not(.header--has-pagination){display:none}.header__label{flex:auto;align-items:center;min-width:0;display:flex}.header:not(.header--has-label) .header__label{display:none}.header:not(.header--has-label){justify-content:flex-end}.header__pagination{flex-shrink:0;align-items:center;display:flex}:host([pagination-placement=top-start]) .header__label,:host([pagination-placement=top-center]) .header__label{flex-basis:100%}:host([pagination-placement=top-start]) .header:not(.header--has-label){justify-content:flex-start}:host([pagination-placement=top-center]) .header:not(.header--has-label){justify-content:center}@container (width>=480px){:host([pagination-placement=top-center]) .header.header--has-label,:host([pagination-placement=top-center]) .header.header--has-pagination{grid-template-columns:1fr auto 1fr;display:grid}:host([pagination-placement=top-center]) .header__pagination{grid-column:2}}.header-actions{flex:1}.search{flex:1;max-width:500px}.header-actions__left{flex:1}.search__input{max-width:500px}.search__icon{--font-size:var(--cx-font-size-medium)}.search__icon--search{margin-inline-start:var(--cx-spacing-2x-small)}.search__icon--advanced-search{margin-inline-end:var(--cx-spacing-2x-small)}.header-actions__dropdown::part(trigger){line-height:1}.table-dropdown-filter__trigger,.header-actions__group-by{--cx-button-text-transform:none}.header-actions__group-by .group-by-option--selected{--label-color:var(--cx-color-primary-600)}.header-actions__group-by .group-by-option{--checked-icon-size:20px;--checked-icon-color:var(--cx-color-primary-600)}.toolbar__select-all-checkbox{flex-shrink:0}.header-actions__saved-search{--cx-button-text-transform:none;--checked-icon-display:none}.header-actions__saved-search__load-more{width:100%;padding:0 var(--cx-spacing-x-small)}`;
+const rl = q`:host{container-type:inline-size}.header{align-items:center;gap:var(--cx-spacing-small);flex-wrap:wrap;display:none}.header--has-label,.header--has-pagination{display:flex}:host([pagination]) .header{min-height:var(--cx-input-height-medium);display:flex}:host([pagination][no-header-row-reserve][pagination-placement^=bottom]) .header:not(.header--has-label):not(.header--has-pagination){display:none}.header__label{flex:auto;align-items:center;min-width:0;display:flex}.header:not(.header--has-label) .header__label{display:none}.header:not(.header--has-label){justify-content:flex-end}.header__pagination{flex-shrink:0;align-items:center;display:flex}:host([pagination-placement=top-start]) .header__label,:host([pagination-placement=top-center]) .header__label{flex-basis:100%}:host([pagination-placement=top-start]) .header:not(.header--has-label){justify-content:flex-start}:host([pagination-placement=top-center]) .header:not(.header--has-label){justify-content:center}@container (width>=480px){:host([pagination-placement=top-center]) .header.header--has-label,:host([pagination-placement=top-center]) .header.header--has-pagination{grid-template-columns:1fr auto 1fr;display:grid}:host([pagination-placement=top-center]) .header__pagination{grid-column:2}}.header-actions{flex:1}.search{flex:1;max-width:500px}.header-actions__left{flex:1}.search__input{max-width:500px}.search__icon{--font-size:var(--cx-font-size-medium)}.search__icon--search{margin-inline-start:var(--cx-spacing-2x-small)}.search__icon--advanced-search{margin-inline-end:var(--cx-spacing-2x-small)}.header-actions__dropdown::part(trigger){line-height:1}.table-dropdown-filter__trigger{--cx-button-text-transform:none}.table-dropdown-filter__trigger--icon-only{--padding:0 var(--cx-spacing-x-small)}.table-dropdown-filter__icon{--font-size:var(--dropdown-filter-icon-size,var(--cx-font-size-large));color:var(--dropdown-filter-icon-color,currentColor)}.header-actions__group-by{--cx-button-text-transform:none}.header-actions__group-by .group-by-option--selected{--label-color:var(--cx-color-primary-600)}.header-actions__group-by .group-by-option{--checked-icon-size:20px;--checked-icon-color:var(--cx-color-primary-600)}.toolbar__select-all-checkbox{flex-shrink:0}.header-actions__saved-search{--cx-button-text-transform:none;--checked-icon-display:none}.header-actions__saved-search__load-more{width:100%;padding:0 var(--cx-spacing-x-small)}`;
 var nl = Object.defineProperty, al = Object.getOwnPropertyDescriptor, ie = (n, e, t, i) => {
   for (var s = i > 1 ? void 0 : i ? al(e, t) : e, o = n.length - 1, r; o >= 0; o--)
     (r = n[o]) && (s = (i ? r(e, t, s) : r(s)) || s);
   return i && s && nl(e, t, s), s;
 };
-let Q = class extends Pe {
+let ee = class extends Pe {
   constructor() {
-    super(...arguments), this.localize = new et(this), this.hasSlotController = new Ur(
+    super(...arguments), this.localize = new tt(this), this.hasSlotController = new Ur(
       this,
       "label",
       "pagination",
@@ -1634,12 +1652,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=${ot({
+    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=${Ze({
       search__icon: !0,
       "search__icon--search": !0
-    })} name="search" slot="prefix" size="small"></cx-icon-button>${Y(
+    })} name="search" slot="prefix" size="small"></cx-icon-button>${J(
       !this.noAdvancedSearch,
-      () => x`<cx-tooltip slot="suffix" hoist content=${this.localize.term("advancedSearch")}><cx-icon-button class=${ot({
+      () => x`<cx-tooltip slot="suffix" hoist content=${this.localize.term("advancedSearch")}><cx-icon-button class=${Ze({
         search__icon: !0,
         "search__icon--advanced-search": !0
       })} name="tune" @click=${this.handleAdvancedSearchClick} size="small"></cx-icon-button></cx-tooltip>`
@@ -1655,23 +1673,23 @@ let Q = class extends Pe {
     return x`<cx-table-group-by-dropdown .groupByOptions=${this.groupByOptions} group-by-value=${this.groupByValue}></cx-table-group-by-dropdown>`;
   }
   renderExportDropdown() {
-    return x`<cx-dropdown hoist placement="bottom-end" distance="4" class="header-actions__dropdown"><cx-icon-button name="more_horiz" slot="trigger" outline></cx-icon-button><cx-menu>${Y(
+    return x`<cx-dropdown hoist placement="bottom-end" distance="4" class="header-actions__dropdown"><cx-icon-button name="more_horiz" slot="trigger" outline></cx-icon-button><cx-menu>${J(
       this.canExportCsv,
       () => x`<cx-menu-item @click=${this.handleExportCsv}>${this.localize.term("exportAsCsv")}</cx-menu-item>`
     )}
-        ${Y(
+        ${J(
       this.canExportXml,
       () => x`<cx-menu-item @click=${this.handleExportXml}>${this.localize.term("exportAsXml")}</cx-menu-item>`
     )}
-        ${Y(
+        ${J(
       this.canExportPdf,
       () => x`<cx-menu-item @click=${this.handleExportPdf}>${this.localize.term("exportAsPdf")}</cx-menu-item>`
     )}
-        ${Y(
+        ${J(
       this.canExportCustom,
       () => x`<cx-menu-item @click=${this.handleExportCustom}>${this.localize.term("customExport")}</cx-menu-item>`
     )}
-        ${Y(
+        ${J(
       this.canSaveReport,
       () => x`<cx-menu-item data-testid="save-report-menu-item" @click=${this.handleSaveReport}>${this.localize.term("saveReport")}</cx-menu-item>`
     )}</cx-menu></cx-dropdown>`;
@@ -1685,11 +1703,11 @@ let Q = class extends Pe {
   }
   renderHeaderRow() {
     const n = !!this.label || this.hasSlotController.test("label"), e = this.hasSlotController.test("pagination");
-    return x`<div class=${ot({
+    return x`<div class=${Ze({
       header: !0,
       "header--has-label": n,
       "header--has-pagination": e
-    })}><div class="header__label"><slot name="label">${Y(
+    })}><div class="header__label"><slot name="label">${J(
       this.label,
       () => x`<cx-typography variant="h3">${this.label}</cx-typography>`
     )}</slot></div><div class="header__pagination"><slot name="pagination"></slot></div></div>`;
@@ -1708,41 +1726,41 @@ let Q = class extends Pe {
   }
   renderHeaderActions() {
     const n = this.canExportCsv || this.canExportXml || this.canExportPdf || this.canExportCustom || this.canSaveReport;
-    return x`<cx-space class="header-actions" justify-content="space-between" align-items="center"><cx-space class="header-actions__left" align-items="center" spacing="x-small">${Y(this.selectAllState !== null, () => this.renderSelectAll())}
-        ${Y(
+    return x`<cx-space class="header-actions" justify-content="space-between" align-items="center"><cx-space class="header-actions__left" align-items="center" spacing="x-small">${J(this.selectAllState !== null, () => this.renderSelectAll())}
+        ${J(
       this.selectAllState !== null && this.selectAllState.count > 0,
       () => x`<slot name="select-all-actions"></slot>`,
       () => x`
-            ${Y(this.canSearch, () => this.renderSearch())}
-            ${Y(
+            ${J(this.canSearch, () => this.renderSearch())}
+            ${J(
         this.dropdownFilters.length,
         () => this.renderDropdownFilters()
       )}
-            ${Y(
+            ${J(
         this.showSavedSearch,
         () => this.renderSavedSearchDropdown()
       )}<slot name="dialog-dynamic-filter"></slot>`
-    )}</cx-space><cx-space class="header-actions__right" align-items="center" spacing="x-small"><slot name="add-action">${Y(this.canAdd, () => this.renderAddButton())}</slot>${Y(this.groupByOptions.length, () => this.renderGroupByDropdown())}
-        ${Y(n, () => this.renderExportDropdown())}</cx-space></cx-space>`;
+    )}</cx-space><cx-space class="header-actions__right" align-items="center" spacing="x-small"><slot name="add-action">${J(this.canAdd, () => this.renderAddButton())}</slot>${J(this.groupByOptions.length, () => this.renderGroupByDropdown())}
+        ${J(n, () => this.renderExportDropdown())}</cx-space></cx-space>`;
   }
   render() {
     return x`<cx-space class="container" direction="vertical">${this.renderHeaderRow()}
-      ${Y(this.hasHeaderActions, () => this.renderHeaderActions())}</cx-space>`;
+      ${J(this.hasHeaderActions, () => this.renderHeaderActions())}</cx-space>`;
   }
 };
-Q.styles = [$e, rl];
-Q.dependencies = {
-  "cx-button": Ct,
+ee.styles = [$e, rl];
+ee.dependencies = {
+  "cx-button": Et,
   "cx-checkbox": Gr,
   "cx-dropdown": ai,
-  "cx-icon": Et,
+  "cx-icon": gt,
   "cx-icon-button": oi,
   "cx-input": Wr,
   "cx-menu": ri,
   "cx-menu-item": ni,
   "cx-pagination": ia,
   "cx-space": Ri,
-  "cx-table-dropdown-filter": yt,
+  "cx-table-dropdown-filter": Ct,
   "cx-table-group-by-dropdown": At,
   "cx-table-saved-search-dropdown": Be,
   "cx-tooltip": Pt,
@@ -1750,121 +1768,121 @@ Q.dependencies = {
 };
 ie([
   ue("#search-form")
-], Q.prototype, "form", 2);
+], ee.prototype, "form", 2);
 ie([
   ue(".search__input")
-], Q.prototype, "searchInput", 2);
+], ee.prototype, "searchInput", 2);
 ie([
   m({
     attribute: "label",
     type: String
   })
-], Q.prototype, "label", 2);
+], ee.prototype, "label", 2);
 ie([
   m({
     attribute: "can-search",
     type: Boolean
   })
-], Q.prototype, "canSearch", 2);
+], ee.prototype, "canSearch", 2);
 ie([
   m({
     attribute: "no-advanced-search",
     type: Boolean
   })
-], Q.prototype, "noAdvancedSearch", 2);
+], ee.prototype, "noAdvancedSearch", 2);
 ie([
   m({
     attribute: "can-add",
     type: Boolean
   })
-], Q.prototype, "canAdd", 2);
+], ee.prototype, "canAdd", 2);
 ie([
   m({
     attribute: "add-label",
     type: String
   })
-], Q.prototype, "addLabel", 2);
+], ee.prototype, "addLabel", 2);
 ie([
   m({
     attribute: "can-export-csv",
     type: Boolean
   })
-], Q.prototype, "canExportCsv", 2);
+], ee.prototype, "canExportCsv", 2);
 ie([
   m({
     attribute: "can-export-xml",
     type: Boolean
   })
-], Q.prototype, "canExportXml", 2);
+], ee.prototype, "canExportXml", 2);
 ie([
   m({
     attribute: "can-export-pdf",
     type: Boolean
   })
-], Q.prototype, "canExportPdf", 2);
+], ee.prototype, "canExportPdf", 2);
 ie([
   m({
     attribute: "can-export-custom",
     type: Boolean
   })
-], Q.prototype, "canExportCustom", 2);
+], ee.prototype, "canExportCustom", 2);
 ie([
   m({ attribute: "dropdown-filters", type: Array })
-], Q.prototype, "dropdownFilters", 2);
+], ee.prototype, "dropdownFilters", 2);
 ie([
   m({
     attribute: "can-save-report",
     type: Boolean
   })
-], Q.prototype, "canSaveReport", 2);
+], ee.prototype, "canSaveReport", 2);
 ie([
   m({ attribute: "saved-search-url", type: String })
-], Q.prototype, "savedSearchURL", 2);
+], ee.prototype, "savedSearchURL", 2);
 ie([
   m({ attribute: "saved-search-items", type: Array })
-], Q.prototype, "savedSearchItems", 2);
+], ee.prototype, "savedSearchItems", 2);
 ie([
   m({ attribute: "saved-search-page-size-param", type: String })
-], Q.prototype, "savedSearchPageSizeParam", 2);
+], ee.prototype, "savedSearchPageSizeParam", 2);
 ie([
   m({ attribute: "saved-search-page-size", type: Number })
-], Q.prototype, "savedSearchPageSize", 2);
+], ee.prototype, "savedSearchPageSize", 2);
 ie([
   m({ attribute: "saved-search-page-number-param", type: String })
-], Q.prototype, "savedSearchPageNumberParam", 2);
+], ee.prototype, "savedSearchPageNumberParam", 2);
 ie([
   m({
     attribute: "show-saved-search",
     type: Boolean
   })
-], Q.prototype, "showSavedSearch", 2);
+], ee.prototype, "showSavedSearch", 2);
 ie([
   m({ attribute: !1, type: Array })
-], Q.prototype, "groupByOptions", 2);
+], ee.prototype, "groupByOptions", 2);
 ie([
   m({ attribute: "group-by-value", type: String })
-], Q.prototype, "groupByValue", 2);
+], ee.prototype, "groupByValue", 2);
 ie([
   m({ attribute: "search-value", type: String })
-], Q.prototype, "searchValue", 2);
+], ee.prototype, "searchValue", 2);
 ie([
   m({ attribute: !1 })
-], Q.prototype, "selectAllState", 2);
+], ee.prototype, "selectAllState", 2);
 ie([
   m({ attribute: "pagination-placement", type: String })
-], Q.prototype, "paginationPlacement", 2);
+], ee.prototype, "paginationPlacement", 2);
 ie([
   m({ attribute: "pagination", reflect: !0, type: Boolean })
-], Q.prototype, "pagination", 2);
+], ee.prototype, "pagination", 2);
 ie([
   m({ attribute: "no-header-row-reserve", reflect: !0, type: Boolean })
-], Q.prototype, "noHeaderRowReserve", 2);
+], ee.prototype, "noHeaderRowReserve", 2);
 ie([
   m({ attribute: "has-dynamic-filter", type: Boolean })
-], Q.prototype, "hasDynamicFilter", 2);
-Q = ie([
+], ee.prototype, "hasDynamicFilter", 2);
+ee = ie([
   Ie("cx-table-toolbar")
-], Q);
+], ee);
 class Me {
   constructor(e) {
     this.table = e;
@@ -1973,7 +1991,7 @@ class Me {
     return this.table.module(e);
   }
 }
-class Z {
+class Q {
   static elVisible(e) {
     return !(e.offsetWidth <= 0 && e.offsetHeight <= 0);
   }
@@ -2042,15 +2060,15 @@ let ll = class Yr extends Me {
     const t = !(e instanceof MouseEvent);
     let i = t ? e.touches[0].pageX : e.pageX, s = t ? e.touches[0].pageY : e.pageY;
     if (this.container !== document.body) {
-      const o = Z.elOffset(this.container);
+      const o = Q.elOffset(this.container);
       i -= o.left, s -= o.top;
     }
     return { x: i, y: s };
   }
   elementPositionCoords(e, t = "right") {
-    const i = Z.elOffset(e);
+    const i = Q.elOffset(e);
     let s, o, r;
-    switch (this.container !== document.body && (s = Z.elOffset(this.container), i.left -= s.left, i.top -= s.top), t) {
+    switch (this.container !== document.body && (s = Q.elOffset(this.container), i.left -= s.left, i.top -= s.top), t) {
       case "right":
         o = i.left + e.offsetWidth, r = i.top - 1;
         break;
@@ -2476,7 +2494,7 @@ const fl = {
   }
   // apply accessor to row
   transformRow(e, t) {
-    const i = "accessor" + (t.charAt(0).toUpperCase() + t.slice(1)), s = e.getComponent(), o = Z.deepClone(e.data || {});
+    const i = "accessor" + (t.charAt(0).toUpperCase() + t.slice(1)), s = e.getComponent(), o = Q.deepClone(e.data || {});
     return this.table.columnManager?.traverse((r) => {
       let a, l, h, c;
       const d = r.modules.accessor;
@@ -2593,14 +2611,14 @@ const Qr = function(n, e, t) {
     n = i + (i.includes("?") ? "&" : "?") + o + (s ? "#" + s : "");
   }
   return n;
-}, ci = process.env.NODE_ENV === "development", st = class st extends I {
+}, ci = process.env.NODE_ENV === "development", ot = class ot 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 = st.contentTypeFormatters;
+    }), this.registerTableOption("ajaxResponse", !1), this.contentTypeFormatters = ot.contentTypeFormatters;
   }
   // initialize setup options
   initialize() {
-    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));
+    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 = pt.Remote, this.table.options.sortMode = pt.Remote, this.table.options.paginationMode = pt.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 +2637,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({}, st.defaultConfig), typeof e == "string" ? this.config.method = e : Object.assign(this.config, e);
+    this.config = Object.assign({}, ot.defaultConfig), typeof e == "string" ? this.config.method = e : Object.assign(this.config, e);
   }
   // load config object
   generateConfig(e = {}) {
@@ -2650,7 +2668,7 @@ const Qr = function(n, e, t) {
     )), s)) : Promise.reject();
   }
 };
-st.moduleName = "ajax", st.defaultConfig = gl, st.defaultURLGenerator = Qr, st.contentTypeFormatters = bl, st.defaultLoaderPromise = function(e, t, i) {
+ot.moduleName = "ajax", ot.defaultConfig = gl, ot.defaultURLGenerator = Qr, ot.contentTypeFormatters = bl, ot.defaultLoaderPromise = function(e, t, i) {
   let s;
   return new Promise((o, r) => {
     if (!this.urlGenerator) {
@@ -2691,7 +2709,7 @@ st.moduleName = "ajax", st.defaultConfig = gl, st.defaultURLGenerator = Qr, st.c
       ci && console.warn("Ajax Load Error - No URL Set"), o([]);
   });
 };
-let ws = st;
+let ws = ot;
 function ho(n) {
   const e = [];
   let t = n;
@@ -2963,23 +2981,23 @@ class Ji extends Me {
     return new Promise((s, o) => {
       const a = this.rows().indexOf(e), l = e.getElement();
       if (a > -1 && l) {
-        if ((i ?? !(this.table.options.scrollToRowIfHidden ?? !1)) && Z.elVisible(l)) {
-          const p = this.elementVertical ? Z.elOffset(l).top - Z.elOffset(this.elementVertical).top : 0;
+        if ((i ?? !(this.table.options.scrollToRowIfHidden ?? !1)) && Q.elVisible(l)) {
+          const p = this.elementVertical ? Q.elOffset(l).top - Q.elOffset(this.elementVertical).top : 0;
           if (p > 0 && p < (this.elementVertical?.clientHeight ?? 0) - l.offsetHeight) {
             s();
             return;
           }
         }
-        const c = t ?? this.table.options.scrollToRowPosition ?? wt.Top;
+        const c = t ?? this.table.options.scrollToRowPosition ?? vt.Top;
         let d;
-        switch (c === wt.Nearest ? d = this.scrollToRowNearestTop(e) ? wt.Top : wt.Bottom : d = c, this.scrollToRow(e), d) {
-          case wt.Center:
+        switch (c === vt.Nearest ? d = this.scrollToRowNearestTop(e) ? vt.Top : vt.Bottom : d = c, this.scrollToRow(e), d) {
+          case vt.Center:
             this.elementVertical && (this.elementVertical.scrollHeight - this.elementVertical.scrollTop === this.elementVertical.clientHeight ? this.elementVertical.scrollTop = this.elementVertical.scrollTop + (l.offsetTop - this.elementVertical.scrollTop) - (this.elementVertical.scrollHeight - l.offsetTop) / 2 : this.elementVertical.scrollTop = this.elementVertical.scrollTop - this.elementVertical.clientHeight / 2);
             break;
-          case wt.Bottom:
+          case vt.Bottom:
             this.elementVertical && (this.elementVertical.scrollHeight - this.elementVertical.scrollTop === this.elementVertical.clientHeight ? this.elementVertical.scrollTop = this.elementVertical.scrollTop - (this.elementVertical.scrollHeight - l.offsetTop) + l.offsetHeight : this.elementVertical.scrollTop = this.elementVertical.scrollTop - this.elementVertical.clientHeight + l.offsetHeight);
             break;
-          case wt.Top:
+          case vt.Top:
             this.elementVertical && (this.elementVertical.scrollTop = l.offsetTop);
             break;
         }
@@ -3027,7 +3045,7 @@ const xl = {
   }
 }, kl = {
   copyToClipboard: ["ctrl + 67", "meta + 67"]
-}, Dl = {
+}, Tl = {
   keybindings: {
     actions: Sl,
     bindings: kl
@@ -3148,7 +3166,7 @@ const kt = class kt extends I {
     return i?.getData && (t = i.getData("text/plain")), t;
   }
 };
-kt.moduleName = "clipboard", kt.moduleExtensions = Dl, kt.pasteActions = xl, kt.pasteParsers = Rl;
+kt.moduleName = "clipboard", kt.moduleExtensions = Tl, kt.pasteActions = xl, kt.pasteParsers = Rl;
 let ys = kt;
 class co {
   constructor(e) {
@@ -3214,7 +3232,7 @@ class co {
     return this._cell;
   }
 }
-const Tl = x`<div class="tabulator-cell"></div>`, Ml = process.env.NODE_ENV === "development";
+const Dl = 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.deleted = !1, this.build();
@@ -3230,7 +3248,7 @@ class ki extends Me {
     this.generateElement(), this.setWidth(), this._configureCell();
   }
   generateElement() {
-    if (this.element = B(Tl), this.element.setAttribute(
+    if (this.element = B(Dl), this.element.setAttribute(
       "role",
       this.table.options.cellRole ?? "gridcell"
     ), this.column.modules.format?.cellClass) {
@@ -3981,7 +3999,7 @@ class uo {
   }
 }
 const Yo = process.env.NODE_ENV === "development";
-class De extends Me {
+class Te 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);
   }
@@ -4094,7 +4112,7 @@ class De extends Me {
   }
   // update the rows data
   updateData(e) {
-    const t = this.element && Z.elVisible(this.element);
+    const t = this.element && Q.elVisible(this.element);
     let i = {}, s;
     return new Promise((o) => {
       if (typeof e == "string")
@@ -4293,7 +4311,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", Dt = class Dt extends I {
+}, Zo = process.env.NODE_ENV === "development", Tt = class Tt 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");
   }
@@ -4355,7 +4373,7 @@ const Ll = {
     if (t.topCalc) {
       switch (typeof t.topCalc) {
         case "string":
-          Dt.calculations[t.topCalc] ? i.topCalc = Dt.calculations[t.topCalc] : Zo && console.warn(
+          Tt.calculations[t.topCalc] ? i.topCalc = Tt.calculations[t.topCalc] : Zo && console.warn(
             "Column Calc Error - No such calculation found, ignoring: ",
             t.topCalc
           );
@@ -4369,7 +4387,7 @@ const Ll = {
     if (t.bottomCalc) {
       switch (typeof t.bottomCalc) {
         case "string":
-          Dt.calculations[t.bottomCalc] ? i.botCalc = Dt.calculations[t.bottomCalc] : Zo && console.warn(
+          Tt.calculations[t.bottomCalc] ? i.botCalc = Tt.calculations[t.bottomCalc] : Zo && console.warn(
             "Column Calc Error - No such calculation found, ignoring: ",
             t.bottomCalc
           );
@@ -4460,7 +4478,7 @@ const Ll = {
   generateRow(e, t) {
     const i = this.generateRowData(e, t);
     this.table.modExists("mutator") && this.table.modules.mutator?.disable();
-    const s = new De(i, this, "calc");
+    const s = new Te(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) => {
@@ -4533,9 +4551,9 @@ const Ll = {
     this.botRow && (this.table.rtl ? this.botElement.style.paddingLeft = e + "px" : this.botElement.style.paddingRight = e + "px");
   }
 };
-Dt.moduleName = "columnCalcs", Dt.calculations = Ll;
-let Cs = Dt;
-class Es extends De {
+Tt.moduleName = "columnCalcs", Tt.calculations = Ll;
+let Cs = Tt;
+class Es extends Te {
   constructor(e = {}, t) {
     super(e, t), this.type = "placeholder", this.height = 0, this.outerHeight = 0, this.initialized = !1, this.modules = {}, this.cells = [];
   }
@@ -4732,7 +4750,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 De && (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 Te && (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;
@@ -4755,7 +4773,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 De(o || {}, this.table.rowManager);
+      const r = new Te(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
@@ -4898,13 +4916,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 De && i.push(o);
+      o instanceof Te && i.push(o);
     })), i;
   }
   rowDeleting(e) {
     const t = e.modules.dataTree;
     t && t.children && Array.isArray(t.children) && t.children.forEach((i) => {
-      i instanceof De && i.wipe();
+      i instanceof Te && i.wipe();
     });
   }
   rowDelete(e) {
@@ -4926,14 +4944,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 De)
+      if (e instanceof Te)
         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 De ? r.element === e : !1);
+          const o = s.children?.find((r) => r instanceof Te ? r.element === e : !1);
           o && (i = o.data);
         }
       } else e === null && (i = !1);
@@ -4954,7 +4972,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 De && (t ? o.push(r.getComponent()) : o.push(r), i && this.getTreeChildren(r, t, i).forEach(
+      r instanceof Te && (t ? o.push(r.getComponent()) : o.push(r), i && this.getTreeChildren(r, t, i).forEach(
         (a) => {
           o.push(a);
         }
@@ -5086,18 +5104,18 @@ const Qo = process.env.NODE_ENV === "development", Vl = function(n, e = {}, t) {
     return f.columns.forEach((y) => {
       let k;
       if (y) {
-        let T = y.value;
-        switch (typeof T) {
+        let D = y.value;
+        switch (typeof D) {
           case "object":
-            T = T !== null ? JSON.stringify(T) : "";
+            D = D !== null ? JSON.stringify(D) : "";
             break;
           case "undefined":
-            T = "";
+            D = "";
             break;
         }
         k = {
           colSpan: y.width,
-          content: T,
+          content: D,
           rowSpan: y.height
         }, w && (k.styles = w), E.push(k);
       }
@@ -5149,21 +5167,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, T) => k + (T?.width ? T.width : 1),
+          (k, D) => k + (D?.width ? D.width : 1),
           0
         ) : 0,
         r: n.length
       },
       s: { c: 0, r: 0 }
     };
-    return n.forEach((k, T) => {
+    return n.forEach((k, D) => {
       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: T + L.height - 1 },
-          s: { c: ge, r: T }
+          e: { c: ge + L.width - 1, r: D + L.height - 1 },
+          s: { c: ge, r: D }
         })) : 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;
@@ -5592,7 +5610,7 @@ function nh(n, e, t) {
   const o = this.table;
   let r;
   return e.valueMap && (typeof e.valueMap == "string" ? r = function(a) {
-    return a.map((l) => Z.retrieveNestedData(
+    return a.map((l) => Q.retrieveNestedData(
       o.options.nestedFieldSeparator,
       e.valueMap,
       l
@@ -5601,7 +5619,7 @@ function nh(n, e, t) {
 }
 function ah(n, e) {
   const t = e ?? {}, i = n.getValue(), s = i != null && i !== "", o = !!t.initials;
-  return !s && !o ? "" : B(x`<cx-avatar image=${te(s ? String(i) : void 0)} initials=${te(t.initials)} label=${te(t.label)} shape=${te(t.shape)} style="--size: ${t.size ?? "2rem"}"></cx-avatar>`);
+  return !s && !o ? "" : B(x`<cx-avatar image=${Z(s ? String(i) : void 0)} initials=${Z(t.initials)} label=${Z(t.label)} shape=${Z(t.shape)} style="--size: ${t.size ?? "2rem"}"></cx-avatar>`);
 }
 function lh(n, e, t) {
   return '<svg enable-background="new 0 0 24 24" height="14" width="14" viewBox="0 0 24 24" xml:space="preserve" ><path fill="#CE1515" d="M22.245,4.015c0.313,0.313,0.313,0.826,0,1.139l-6.276,6.27c-0.313,0.312-0.313,0.826,0,1.14l6.273,6.272  c0.313,0.313,0.313,0.826,0,1.14l-2.285,2.277c-0.314,0.312-0.828,0.312-1.142,0l-6.271-6.271c-0.313-0.313-0.828-0.313-1.141,0  l-6.276,6.267c-0.313,0.313-0.828,0.313-1.141,0l-2.282-2.28c-0.313-0.313-0.313-0.826,0-1.14l6.278-6.269  c0.313-0.312,0.313-0.826,0-1.14L1.709,5.147c-0.314-0.313-0.314-0.827,0-1.14l2.284-2.278C4.308,1.417,4.821,1.417,5.135,1.73  L11.405,8c0.314,0.314,0.828,0.314,1.141,0.001l6.276-6.267c0.312-0.312,0.826-0.312,1.141,0L22.245,4.015z"/></svg>';
@@ -5664,7 +5682,7 @@ function or({
   rowData: t,
   separator: i
 }) {
-  return e.value !== void 0 ? e.value : e.getValue ? e.getValue(n, t) : e.field ? Z.retrieveNestedData(i, e.field, t) : n.getValue();
+  return e.value !== void 0 ? e.value : e.getValue ? e.getValue(n, t) : e.field ? Q.retrieveNestedData(i, e.field, t) : n.getValue();
 }
 function mh(n, e, t) {
   if (!e?.elements || !Array.isArray(e.elements) || e.elements.length === 0)
@@ -5678,8 +5696,8 @@ function mh(n, e, t) {
     });
     if (ir({ elementConfig: L, elementValue: ge, rowData: i }))
       return !1;
-    let J = ge;
-    return L.valueMap && (J = L.valueMap[String(J)] ?? J), !sr(J);
+    let Y = ge;
+    return L.valueMap && (Y = L.valueMap[String(Y)] ?? Y), !sr(Y);
   });
   if (sr(r) && !a && e.placeholder !== void 0)
     return fh.call(this, n, e, t);
@@ -5691,7 +5709,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), T = [];
+  } = e, y = x`<cx-space class="tabulator-composite" style=${ft(p ?? {})} align-items=${c ?? "center"} ?block=${d} direction=${Z(u)} justify-content=${Z(w)} spacing=${f ?? "3x-small"} wrap=${E ?? "nowrap"}></cx-space>`, k = B(y), D = [];
   return e.elements.forEach((L) => {
     const ge = or({
       cell: n,
@@ -5701,8 +5719,8 @@ function mh(n, e, t) {
     });
     if (ir({ elementConfig: L, elementValue: ge, rowData: i }))
       return;
-    let J = ge;
-    L.valueMap && (J = L.valueMap[String(J)] ?? J);
+    let Y = ge;
+    L.valueMap && (Y = L.valueMap[String(Y)] ?? Y);
     const z = L.formatter || "plaintext", b = Yi(z), C = {
       getColumn: () => n.getColumn(),
       getData: () => i,
@@ -5710,9 +5728,9 @@ function mh(n, e, t) {
       getRow: () => h,
       getTable: () => s,
       getType: () => "cell",
-      getValue: () => J,
-      value: J
-    }, R = typeof L.formatterParams == "function" ? L.formatterParams(C) : L.formatterParams ?? {}, D = (re) => {
+      getValue: () => Y,
+      value: Y
+    }, R = typeof L.formatterParams == "function" ? L.formatterParams(C) : L.formatterParams ?? {}, T = (re) => {
       t && t(re);
     };
     let S;
@@ -5721,10 +5739,10 @@ function mh(n, e, t) {
         this,
         C,
         R,
-        D
+        T
       );
     } catch {
-      S = String(J ?? "");
+      S = String(Y ?? "");
     }
     if (S == null)
       return;
@@ -5732,16 +5750,16 @@ function mh(n, e, t) {
       spacing: L.spacing,
       style: L.style
     });
-    typeof S == "string" ? _.textContent = S : S instanceof Node && _.appendChild(S), T.push({
+    typeof S == "string" ? _.textContent = S : S instanceof Node && _.appendChild(S), D.push({
       separator: L.separator,
       wrapper: _
     });
-  }), T.length === 0 ? void 0 : (T.flatMap((L, ge) => {
-    const { separator: J, wrapper: z } = L, b = ge === T.length - 1;
-    if (!J || b)
+  }), D.length === 0 ? void 0 : (D.flatMap((L, ge) => {
+    const { separator: Y, wrapper: z } = L, b = ge === D.length - 1;
+    if (!Y || b)
       return [z];
     const C = document.createElement("span");
-    return typeof J == "string" ? C.textContent = J : C.appendChild(J.cloneNode(!0)), [z, C];
+    return typeof Y == "string" ? C.textContent = Y : C.appendChild(Y.cloneNode(!0)), [z, C];
   }).forEach((L) => k.appendChild(L)), k);
 }
 function gh(n) {
@@ -5752,7 +5770,7 @@ function gh(n) {
 }
 function bh(n, e) {
   const t = e ?? {}, i = gh(n.getValue());
-  return i === void 0 ? "" : B(x`<cx-format-date date=${i.toISOString()} weekday=${te(t.weekday)} era=${te(t.era)} year=${te(t.year)} month=${te(t.month)} day=${te(t.day)} hour=${te(t.hour)} minute=${te(t.minute)} second=${te(t.second)} time-zone-name=${te(t.timeZoneName)} time-zone=${te(t.timeZone)} hour-format=${te(t.hourFormat)} ?no-datetime-separator=${t.noDatetimeSeparator ?? !1}></cx-format-date>`);
+  return i === void 0 ? "" : B(x`<cx-format-date date=${i.toISOString()} weekday=${Z(t.weekday)} era=${Z(t.era)} year=${Z(t.year)} month=${Z(t.month)} day=${Z(t.day)} hour=${Z(t.hour)} minute=${Z(t.minute)} second=${Z(t.second)} time-zone-name=${Z(t.timeZoneName)} time-zone=${Z(t.timeZone)} hour-format=${Z(t.hourFormat)} ?no-datetime-separator=${t.noDatetimeSeparator ?? !1}></cx-format-date>`);
 }
 const wh = process.env.NODE_ENV === "development";
 function vh(n, e, t) {
@@ -5817,12 +5835,12 @@ function kh(n, e) {
     }
   return i.class && (o.className = i.class), i.style && Object.assign(o.style, i.style), o;
 }
-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) {
+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) {
   let t = n.getValue();
   if (!t)
     return null;
-  const i = B(Dh), s = i.querySelector("img"), o = e ?? {};
+  const i = B(Th), 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";
@@ -5887,7 +5905,7 @@ function zh(n, e, t) {
         break;
     }
   if (r != null) {
-    if (e.urlField && (l = n.getData(), i = Z.retrieveNestedData(
+    if (e.urlField && (l = n.getData(), i = Q.retrieveNestedData(
       this.table.options.nestedFieldSeparator,
       e.urlField,
       l
@@ -5946,7 +5964,7 @@ function Hh(n, e) {
   let t = Ui(P(lo(n.getValue())));
   const i = e ?? {};
   i.prefix && (t = i.prefix + t), i.suffix && (t = t + i.suffix);
-  const s = x`<cx-line-clamp lines="1"><span style=${pt(i.style ?? {})}>${t}</span></cx-line-clamp>`;
+  const s = x`<cx-line-clamp lines="1"><span style=${ft(i.style ?? {})}>${t}</span></cx-line-clamp>`;
   return B(s);
 }
 function Nh(n, e = {}, t) {
@@ -6147,7 +6165,7 @@ function ec(n) {
 }
 function tc(n, e) {
   const t = Qh(e ?? {}, n), i = Zh(n.getValue()), s = ec(t);
-  return B(x`<cx-format-time .duration=${i} display-style=${te(t.displayStyle)} input-unit=${te(t.inputUnit)} locale=${te(t.locale)} placeholder=${te(t.placeholder)} units-format=${te(t.unitsFormat)} style=${pt(s)}></cx-format-time>`);
+  return B(x`<cx-format-time .duration=${i} display-style=${Z(t.displayStyle)} input-unit=${Z(t.inputUnit)} locale=${Z(t.locale)} placeholder=${Z(t.placeholder)} units-format=${Z(t.unitsFormat)} style=${ft(s)}></cx-format-time>`);
 }
 function ic(n, e, t) {
   const i = e.size || 15, s = i + "px", o = Object.prototype.hasOwnProperty.call(
@@ -6191,7 +6209,7 @@ function rc(n, e) {
   const i = e ?? {};
   let s;
   i.getVariant && (s = i.getVariant(t)), !s && i.variantMap && (s = i.variantMap[t]), !s && i.variant && (s = i.variant), s ??= Rn.Body1;
-  const o = x`<cx-line-clamp lines="1"><cx-typography style=${pt(i.style ?? {})}></cx-typography></cx-line-clamp>`, r = B(o), a = r.querySelector(
+  const o = x`<cx-line-clamp lines="1"><cx-typography style=${ft(i.style ?? {})}></cx-typography></cx-line-clamp>`, r = B(o), a = r.querySelector(
     "cx-typography"
   );
   a.variant = s;
@@ -6213,7 +6231,7 @@ const rn = {
   handle: xh,
   html: Rh,
   icon: kh,
-  image: Th,
+  image: Dh,
   json: Fh,
   link: zh,
   lookup: Oh,
@@ -6233,7 +6251,7 @@ const rn = {
   typography: rc
 };
 sh(rn);
-const Tt = class Tt extends I {
+const Dt = class Dt 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");
   }
@@ -6253,14 +6271,14 @@ const Tt = class Tt extends I {
   }
   lookupTypeFormatter(e, t) {
     const i = "formatter" + t + "Params", s = {
-      formatter: Tt.formatters.plaintext,
+      formatter: Dt.formatters.plaintext,
       params: e.definition[i] || {},
       textFormatParams: e.definition.textFormatParams || {}
     }, o = e.definition["formatter" + t];
-    return s.formatter = Tt.lookupFormatter(o), s;
+    return s.formatter = Dt.lookupFormatter(o), s;
   }
   static lookupFormatter(e) {
-    return Yi(e, Tt.formatters);
+    return Yi(e, Dt.formatters);
   }
   cellRendered(e) {
     const t = e.modules.format;
@@ -6275,7 +6293,7 @@ const Tt = class Tt extends I {
    */
   formatHeader(e, t, i) {
     let s, o, r, a;
-    return e.definition.titleFormatter ? (s = Tt.lookupFormatter(e.definition.titleFormatter), r = (l) => {
+    return e.definition.titleFormatter ? (s = Dt.lookupFormatter(e.definition.titleFormatter), r = (l) => {
       e.titleFormatterRendered = l;
     }, a = {
       getColumn: function() {
@@ -6335,8 +6353,8 @@ const Tt = class Tt extends I {
       return this.formatValue(e);
   }
 };
-Tt.moduleName = "format", Tt.formatters = rn;
-let Hi = Tt;
+Dt.moduleName = "format", Dt.formatters = rn;
+let Hi = Dt;
 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) {
@@ -6412,7 +6430,7 @@ class lc {
       fallbackOption: i,
       freeWidth: s,
       placeholder: o
-    } = this.params, r = x`<cx-select style="width: 100%; margin: auto;" hoist ?clearable=${t} ?free-width=${s ?? !1} placeholder=${te(o)}></cx-select>`, a = B(r);
+    } = this.params, r = x`<cx-select style="width: 100%; margin: auto;" hoist ?clearable=${t} ?free-width=${s ?? !1} placeholder=${Z(o)}></cx-select>`, a = B(r);
     i?.value != null && (a.fallbackOptionValue = this.sanitizeValue(i.value));
     const l = this.createPrefixElement();
     return l && a.prepend(l), e || (a.style.cursor = "default", a.style.caretColor = "transparent"), this._bindInputEvents(a), a;
@@ -6667,9 +6685,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 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;
+          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;
             return L - ge;
           } else
             return o > r ? 1 : -1;
@@ -7020,12 +7038,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", (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();
+    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();
     }), y.appendChild(k), d.appendChild(y);
   }
   function w(E) {
@@ -7227,7 +7245,7 @@ const hc = function(n, e, t, i, s) {
   textarea: fc,
   tickCross: mc,
   time: bc
-}, 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 {
+}, 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 {
   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",
@@ -7312,7 +7330,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() : Ti && console.warn(
+    e._getSelf() === this.currentCell ? this.cancelEdit() : Di && console.warn(
       "Cancel Editor Error - This cell is not currently being edited "
     );
   }
@@ -7375,7 +7393,7 @@ const hc = function(n, e, t, i, s) {
         if (o.column.hidden)
           continue;
         const r = o.getElement();
-        if (o.column.modules.edit && r && Z.elVisible(r) && this.allowEdit(o)) {
+        if (o.column.modules.edit && r && Q.elVisible(r) && this.allowEdit(o)) {
           i = o;
           break;
         }
@@ -7390,7 +7408,7 @@ const hc = function(n, e, t, i, s) {
         if (o.column.hidden)
           continue;
         const r = o.getElement();
-        if (o.column.modules.edit && r && Z.elVisible(r) && this.allowEdit(o)) {
+        if (o.column.modules.edit && r && Q.elVisible(r) && this.allowEdit(o)) {
           i = o;
           break;
         }
@@ -7433,13 +7451,13 @@ const hc = function(n, e, t, i, s) {
     let i = !1;
     switch (typeof e) {
       case "string":
-        this.editors[e] ? i = this.editors[e] : Ti && console.warn("Editor Error - No such editor found: ", e);
+        this.editors[e] ? i = this.editors[e] : Di && console.warn("Editor Error - No such editor found: ", e);
         break;
       case "function":
         i = e;
         break;
       case "boolean":
-        e === !0 && (typeof t.definition.formatter == "function" ? Ti && console.warn(
+        e === !0 && (typeof t.definition.formatter == "function" ? Di && 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);
@@ -7603,7 +7621,7 @@ const hc = function(n, e, t, i, s) {
               k.stopPropagation();
             });
         } else
-          return Ti && console.warn(
+          return Di && console.warn(
             "Edit Error - Editor should return an instance of Node, the editor returned:",
             l
           ), this.blur(r), !1;
@@ -8202,15 +8220,15 @@ function Oe(n) {
   }
 }
 const an = Symbol("skip-composite-element");
-function Dc(n, e, t, i, s) {
+function Tc(n, e, t, i, s) {
   if (typeof n?.getValue == "function")
     return an;
   if (n?.value !== void 0)
     return n.value;
   const o = n?.field;
-  return typeof o == "string" && o.length > 0 ? o === e ? t : s ? Z.retrieveNestedData(s, o, i) : i[o] : t;
+  return typeof o == "string" && o.length > 0 ? o === e ? t : s ? Q.retrieveNestedData(s, o, i) : i[o] : t;
 }
-function Tc(n, e, t) {
+function Dc(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));
@@ -8221,7 +8239,7 @@ function Mc(n, e) {
     return [];
   const l = [];
   for (const h of a) {
-    const c = Dc(
+    const c = Tc(
       h,
       e,
       i,
@@ -8236,7 +8254,7 @@ function Mc(n, e) {
       const u = p[String(c)];
       u !== void 0 && (d = u);
     }
-    if (!Tc(h, d, s) && (d !== c && Ni(l, d, c), h?.formatter !== void 0)) {
+    if (!Dc(h, d, s) && (d !== c && Ni(l, d, c), h?.formatter !== void 0)) {
       const u = fo({
         columnField: e,
         formatter: h.formatter,
@@ -8268,7 +8286,7 @@ function Lc(n) {
   if (typeof r == "string") {
     const l = r, h = i ?? (typeof s?.options?.nestedFieldSeparator == "string" ? s.options.nestedFieldSeparator : void 0);
     a = t.map(
-      (c) => Z.retrieveNestedData(h, l, c)
+      (c) => Q.retrieveNestedData(h, l, c)
     );
   } else if (typeof r == "function") {
     const l = Oe(() => r(t));
@@ -8300,7 +8318,7 @@ function _c(n) {
   let r = t, a = !1;
   if (typeof e.labelField == "string") {
     const l = s ?? (typeof o?.options?.nestedFieldSeparator == "string" ? o.options.nestedFieldSeparator : void 0);
-    r = l ? Z.retrieveNestedData(l, e.labelField, i) : i?.[e.labelField], a = !0;
+    r = l ? Q.retrieveNestedData(l, e.labelField, i) : i?.[e.labelField], a = !0;
   }
   return typeof e.label == "string" && (r = e.label, a = !0), a ? r != null && r !== t ? [r] : [] : [];
 }
@@ -8558,7 +8576,7 @@ const Ae = process.env.NODE_ENV === "development", ct = class ct 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 === ut.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 === pt.Remote && this.subscribe("data-params", this.remoteFilterParams.bind(this)), this.registerDataHandler(
       this.filter.bind(this),
       10
     );
@@ -8825,8 +8843,8 @@ const Ae = process.env.NODE_ENV === "development", ct = class ct 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 T = y.scrollLeft, he = k.scrollLeft;
-            T !== he && (this.table.rowManager.scrollHorizontal(T), this.table.columnManager.scrollHorizontal(T));
+            const D = y.scrollLeft, he = k.scrollLeft;
+            D !== he && (this.table.rowManager.scrollHorizontal(D), this.table.columnManager.scrollHorizontal(D));
           }
         }), d = !1, p = function(y) {
           d && clearTimeout(d), d = setTimeout(() => {
@@ -8889,7 +8907,7 @@ const Ae = process.env.NODE_ENV === "development", ct = class ct extends I {
     ));
   }
   refreshFilter() {
-    this.tableInitialized && (this.table.options.filterMode === ut.Remote ? this.reloadData(null, !1, !1) : this.refreshData(!0));
+    this.tableInitialized && (this.table.options.filterMode === pt.Remote ? this.reloadData(null, !1, !1) : this.refreshData(!0));
   }
   // check if the filters has changed since last use
   trackChanges() {
@@ -9114,7 +9132,7 @@ const Ae = process.env.NODE_ENV === "development", ct = class ct 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 !== ut.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 !== pt.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());
@@ -9308,7 +9326,7 @@ const Uc = process.env.NODE_ENV === "development", yo = class yo extends I {
   }
 };
 yo.moduleName = "frozenColumns";
-let Ds = yo;
+let Ts = 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(
@@ -9395,7 +9413,7 @@ const cr = process.env.NODE_ENV === "development", Co = class Co extends I {
   }
 };
 Co.moduleName = "frozenRows";
-let Ts = Co;
+let Ds = 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>`;
@@ -9746,7 +9764,7 @@ class Yt {
     (!this.initialized || e) && (this.normalizeHeight(), this.initialized = !0);
   }
   reinitialize() {
-    this.initialized = !1, this.heightInitialized = !1, this.height = 0, this.element && Z.elVisible(this.element) && this.initialize(!0);
+    this.initialized = !1, this.heightInitialized = !1, this.height = 0, this.element && Q.elVisible(this.element) && this.initialize(!0);
   }
   setHeight(e) {
     this.height !== e && (this.height = e, this.element && (this.outerHeight = this.element.offsetHeight));
@@ -10377,7 +10395,7 @@ const Zc = {
   // rebind rows to new element after deletion
   _rebindRow(e, t) {
     this.history.forEach((i) => {
-      if (i.component instanceof De)
+      if (i.component instanceof Te)
         i.component === e && (i.component = t);
       else if (i.component instanceof ki && i.component.row === e) {
         const s = i.component.column.getField();
@@ -10497,20 +10515,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 D = parseInt(this._config.skipFirstNLines) || 0;
-          if (this.isFirstChunk && 0 < D) {
+          var T = parseInt(this._config.skipFirstNLines) || 0;
+          if (this.isFirstChunk && 0 < T) {
             let _ = this._config.newline;
-            _ || (S = this._config.quoteChar || '"', _ = this._handle.guessLineEndings(C, S)), C = [...C.split(_).slice(D)].join(_);
+            _ || (S = this._config.quoteChar || '"', _ = this._handle.guessLineEndings(C, S)), C = [...C.split(_).slice(T)].join(_);
           }
           this.isFirstChunk && z(this._config.beforeFirstChunk) && (S = this._config.beforeFirstChunk(C)) !== void 0 && (C = S), this.isFirstChunk = !1, this._halted = !1;
-          var D = this._partialLine + C, S = (this._partialLine = "", this._handle.parse(D, this._baseIndex, !this._finished));
+          var T = this._partialLine + C, S = (this._partialLine = "", this._handle.parse(T, this._baseIndex, !this._finished));
           if (!this._handle.paused() && !this._handle.aborted()) {
-            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 });
+            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 });
             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 || !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;
+            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;
           }
           this._halted = !0;
         }, this._sendError = function(C) {
@@ -10528,9 +10546,9 @@ function nd() {
         }, this._readChunk = function() {
           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, D = this._config.downloadRequestHeaders;
-              for (R in D) C.setRequestHeader(R, D[R]);
+            if (C = new XMLHttpRequest(), this._config.withCredentials && (C.withCredentials = this._config.withCredentials), o || (C.onload = Y(this._chunkLoaded, this), C.onerror = Y(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 S;
             this._config.chunkSize && (S = this._start + this._config.chunkSize - 1, C.setRequestHeader("Range", "bytes=" + this._start + "-" + S));
@@ -10549,14 +10567,14 @@ function nd() {
       }
       function u(b) {
         (b = b || {}).chunkSize || (b.chunkSize = h.LocalChunkSize), d.call(this, b);
-        var C, R, D = typeof FileReader < "u";
+        var C, R, T = typeof FileReader < "u";
         this.stream = function(S) {
-          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._input = S, R = S.slice || S.webkitSlice || S.mozSlice, T ? ((C = new FileReader()).onload = Y(this._chunkLoaded, this), C.onerror = Y(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));
-          D || this._chunkLoaded({ target: { result: _ } });
+          T || 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() {
@@ -10568,13 +10586,13 @@ function nd() {
         d.call(this, b = b || {}), this.stream = function(R) {
           return C = R, this._nextChunk();
         }, this._nextChunk = function() {
-          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);
+          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);
         };
       }
       function w(b) {
         d.call(this, b = b || {});
-        var C = [], R = !0, D = !1;
+        var C = [], R = !0, T = !1;
         this.pause = function() {
           d.prototype.pause.apply(this, arguments), this._input.pause();
         }, this.resume = function() {
@@ -10582,30 +10600,30 @@ 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() {
-          D && C.length === 1 && (this._finished = !0);
+          T && C.length === 1 && (this._finished = !0);
         }, this._nextChunk = function() {
           this._checkIsFinished(), C.length ? this.parseChunk(C.shift()) : R = !0;
-        }, this._streamData = J(function(S) {
+        }, this._streamData = Y(function(S) {
           try {
             C.push(typeof S == "string" ? S : S.toString(this._config.encoding)), R && (R = !1, this._checkIsFinished(), this.parseChunk(C.shift()));
           } catch (_) {
             this._streamError(_);
           }
-        }, this), this._streamError = J(function(S) {
+        }, this), this._streamError = Y(function(S) {
           this._streamCleanUp(), this._sendError(S);
-        }, this), this._streamEnd = J(function() {
-          this._streamCleanUp(), D = !0, this._streamData("");
-        }, this), this._streamCleanUp = J(function() {
+        }, this), this._streamEnd = Y(function() {
+          this._streamCleanUp(), T = !0, this._streamData("");
+        }, this), this._streamCleanUp = Y(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, 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: {} };
+        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: {} };
         function Ge(K) {
           return b.skipEmptyLines === "greedy" ? K.join("").trim() === "" : K.length === 1 && K[0].length === 0;
         }
         function ne() {
-          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) {
+          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) {
             return !Ge(A);
           })), be()) {
             let A = function(ae, we) {
@@ -10618,13 +10636,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 = ((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) => {
+              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) => {
                 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 ? 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;
+            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;
           }
           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);
@@ -10632,21 +10650,21 @@ function nd() {
         function be() {
           return b.header && j.length === 0;
         }
-        function tt(K, G, fe, A) {
+        function it(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)), 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;
+          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;
             U = U || [",", "	", "|", ";", h.RECORD_SEP, h.UNIT_SEP];
             for (var qt = 0; qt < U.length; qt++) {
-              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);
+              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)), wt = 0; wt < He.data.length; wt++) se && Ge(He.data[wt]) ? Ce++ : (nt = He.data[wt].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, st = li, xt = at);
             }
-            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 { 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 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;
@@ -10674,22 +10692,22 @@ function nd() {
         return b.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
       }
       function k(b) {
-        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 !== `
+        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 !== `
 ` && 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, tt = D.length, K = z(S), G = [], fe = [], A = [], ae = O = 0;
+          var Ge = H.length, ne = C.length, be = R.length, it = T.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 (!D || A.substring(0, tt) !== D) {
+              if (!T || A.substring(0, it) !== T) {
                 if (K) {
                   if (G = [], xt(A.split(C)), at(), Fe) return Le();
                 } else xt(A.split(C));
@@ -10698,26 +10716,26 @@ function nd() {
             }
             return Le();
           }
-          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++; ; ) {
+          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 }), nt();
-            if (N === Ge - 1) return nt(H.substring(O, N).replace(it, W));
+            if (N === Ge - 1) return nt(H.substring(O, N).replace(st, 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(it, 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(st, 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(it, W)), li(N + 1 + ce + be), oe = H.indexOf(C, O), N = H.indexOf(W, O), K && (at(), Fe)) return Le();
+                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 && (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 (D && A.length === 0 && H.substring(O, O + tt) === D) {
+          else if (T && A.length === 0 && H.substring(O, O + it) === T) {
             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);
@@ -10742,15 +10760,15 @@ function nd() {
           }
           function Le(Ce) {
             if (b.header && !j && G.length && !Xe) {
-              var He = G[0], gt = /* @__PURE__ */ Object.create(null), Qi = new Set(He);
+              var He = G[0], wt = /* @__PURE__ */ Object.create(null), Qi = new Set(He);
               let Io = !1;
               for (let Xt = 0; Xt < He.length; Xt++) {
                 let lt = c(He[Xt]);
-                if (gt[lt = z(b.transformHeader) ? b.transformHeader(lt, Xt) : lt]) {
-                  let hi, Ho = gt[lt];
+                if (wt[lt = z(b.transformHeader) ? b.transformHeader(lt, Xt) : lt]) {
+                  let hi, Ho = wt[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(hi), He[Xt] = hi, wt[lt]++, Io = !0, (je = je === null ? {} : je)[hi] = lt;
+                } else wt[lt] = 1, He[Xt] = lt;
                 Qi.add(lt);
               }
               Io && console.warn("Duplicate headers found and renamed."), Xe = !0;
@@ -10766,19 +10784,19 @@ function nd() {
           return O;
         };
       }
-      function T(b) {
-        var C = b.data, R = a[C.workerId], D = !1;
+      function D(b) {
+        var C = b.data, R = a[C.workerId], T = !1;
         if (C.error) R.userError(C.error, C.file);
         else if (C.results && C.results.data) {
           var S = { abort: function() {
-            D = !0, he(C.workerId, { data: [], errors: [], meta: { aborted: !0 } });
+            T = !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), !D); _++) ;
+            for (var _ = 0; _ < C.results.data.length && (R.userStep({ data: C.results.data[_], errors: C.results.errors, meta: C.results.meta }, S), !T); _++) ;
             delete C.results;
           } else z(R.userChunk) && (R.userChunk(C.results, S, C.file), delete C.results);
         }
-        C.finished && !D && he(C.workerId, C.results);
+        C.finished && !T && he(C.workerId, C.results);
       }
       function he(b, C) {
         var R = a[b];
@@ -10793,7 +10811,7 @@ function nd() {
         for (C in b) R[C] = ge(b[C]);
         return R;
       }
-      function J(b, C) {
+      function Y(b, C) {
         return function() {
           b.apply(C, arguments);
         };
@@ -10805,19 +10823,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 D;
-          return !!h.WORKERS_SUPPORTED && (D = (() => {
+          var T;
+          return !!h.WORKERS_SUPPORTED && (T = (() => {
             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" })));
-          })(), (D = new i.Worker(D)).onmessage = T, D.id = l++, a[D.id] = D);
+          })(), (T = new i.Worker(T)).onmessage = D, T.id = l++, a[T.id] = T);
         })()).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, D = !0, S = ",", _ = `\r
+        var R = !1, T = !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" && (D = 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" && (T = C.header), Array.isArray(C.columns)) {
               if (C.columns.length === 0) throw new Error("Option columns is empty");
               W = C.columns;
             }
@@ -10830,8 +10848,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), tt = !Array.isArray(M[0]);
-          if (be && D) {
+          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) {
             for (var K = 0; K < j.length; K++) 0 < K && (ne += S), ne += H(j[K], K);
             0 < M.length && (ne += _);
           }
@@ -10839,7 +10857,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 = tt ? j[se] : se;
+                var oe = it ? j[se] : se;
                 we.push(M[G][oe]);
               }
               A = we.join("").trim() === "";
@@ -10847,8 +10865,8 @@ function nd() {
             if (!A) {
               for (var U = 0; U < fe; U++) {
                 0 < U && !ae && (ne += S);
-                var it = be && tt ? j[U] : U;
-                ne += H(M[G][it], U);
+                var st = be && it ? j[U] : U;
+                ne += H(M[G][st], U);
               }
               G < M.length - 1 && (!Ge || 0 < fe && !ae) && (ne += _);
             }
@@ -10857,8 +10875,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] || ((tt, K) => {
-            for (var G = 0; G < K.length; G++) if (-1 < tt.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] || ((it, K) => {
+            for (var G = 0; G < K.length; G++) if (-1 < it.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);
         }
@@ -10868,8 +10886,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) });
-        }), D(), this;
-        function D() {
+        }), T(), this;
+        function T() {
           if (R.length === 0) z(b.complete) && b.complete();
           else {
             var _, re, je, Xe, W = R[0];
@@ -10888,7 +10906,7 @@ function nd() {
           }
         }
         function S() {
-          R.splice(0, 1), D();
+          R.splice(0, 1), T();
         }
       }), 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 });
@@ -11541,7 +11559,7 @@ const ko = class ko extends I {
     !e.modules.frozen && !e.isGroup && !e.isRowHeader && (s = e.getElement(), i.mousemove = function(o) {
       if (t.moving && e.parent === t.moving.parent && s && s.parentNode) {
         const r = t.touchMove && "touches" in o ? o.touches[0].pageX : "pageX" in o ? o.pageX : 0, a = t.table.columnManager?.contentsElement;
-        r - Z.elOffset(s).left + (a?.scrollLeft || 0) > e.getWidth() / 2 ? (t.toCol !== e || !t.toColAfter) && (s.parentNode.insertBefore(
+        r - Q.elOffset(s).left + (a?.scrollLeft || 0) > e.getWidth() / 2 ? (t.toCol !== e || !t.toColAfter) && (s.parentNode.insertBefore(
           t.placeholderElement,
           s.nextSibling
         ), t.moveColumn(e, !0)) : (t.toCol !== e || t.toColAfter) && (s.parentNode.insertBefore(t.placeholderElement, s), t.moveColumn(e, !1));
@@ -11606,7 +11624,7 @@ const ko = class ko extends I {
       return;
     this.moving = t;
     const r = this.touchMove && "touches" in e ? e.touches[0].pageX : "pageX" in e ? e.pageX : 0;
-    this.startX = r - Z.elOffset(i).left, this.table.element.classList.add("tabulator-block-select"), this.placeholderElement.style.width = t.getWidth() + "px", this.placeholderElement.style.height = t.getHeight() + "px", i.parentNode && (i.parentNode.insertBefore(this.placeholderElement, i), i.parentNode.removeChild(i)), this.hoverElement = i.cloneNode(!0), this.hoverElement.classList.add("tabulator-moving"), s.appendChild(this.hoverElement), this.hoverElement.style.left = "0", this.hoverElement.style.bottom = s.clientHeight - o.offsetHeight + "px", this.touchMove || (this._bindMouseMove(), document.body.addEventListener("mousemove", this.moveHover), document.body.addEventListener("mouseup", this.endMove)), this.moveHover(e), this.dispatch("column-moving", e, this.moving);
+    this.startX = r - Q.elOffset(i).left, this.table.element.classList.add("tabulator-block-select"), this.placeholderElement.style.width = t.getWidth() + "px", this.placeholderElement.style.height = t.getHeight() + "px", i.parentNode && (i.parentNode.insertBefore(this.placeholderElement, i), i.parentNode.removeChild(i)), this.hoverElement = i.cloneNode(!0), this.hoverElement.classList.add("tabulator-moving"), s.appendChild(this.hoverElement), this.hoverElement.style.left = "0", this.hoverElement.style.bottom = s.clientHeight - o.offsetHeight + "px", this.touchMove || (this._bindMouseMove(), document.body.addEventListener("mousemove", this.moveHover), document.body.addEventListener("mouseup", this.endMove)), this.moveHover(e), this.dispatch("column-moving", e, this.moving);
   }
   _bindMouseMove() {
     this.table.columnManager?.columnsByIndex.forEach((e) => {
@@ -11661,7 +11679,7 @@ const ko = class ko extends I {
     const t = this.table.columnManager?.getContentsElement();
     if (!t || !this.hoverElement)
       return;
-    const i = t.scrollLeft, o = (this.touchMove && "touches" in e ? e.touches[0].pageX : "pageX" in e ? e.pageX : 0) - Z.elOffset(t).left + i;
+    const i = t.scrollLeft, o = (this.touchMove && "touches" in e ? e.touches[0].pageX : "pageX" in e ? e.pageX : 0) - Q.elOffset(t).left + i;
     let r;
     this.hoverElement.style.left = o - this.startX + "px", o - i < this.autoScrollMargin && (this.autoScrollTimeout || (this.autoScrollTimeout = setTimeout(() => {
       r = Math.max(0, i - this.autoScrollStep);
@@ -11714,7 +11732,7 @@ const gd = {
     }, i.mousemove = function(s) {
       if (t.table.rowManager) {
         const o = e.getElement();
-        o?.parentNode && (s.pageY - Z.elOffset(o).top + t.table.rowManager.element.scrollTop > e.getHeight() / 2 ? (t.toRow !== e || !t.toRowAfter) && (o.parentNode.insertBefore(
+        o?.parentNode && (s.pageY - Q.elOffset(o).top + t.table.rowManager.element.scrollTop > e.getHeight() / 2 ? (t.toRow !== e || !t.toRowAfter) && (o.parentNode.insertBefore(
           t.placeholderElement,
           o.nextSibling
         ), t.moveRow(e, !0)) : (t.toRow !== e || t.toRowAfter) && o.previousSibling && (o.parentNode.insertBefore(t.placeholderElement, o), t.moveRow(e, !1)));
@@ -11728,7 +11746,7 @@ const gd = {
     }, i.mousemove = function(s) {
       if (t.table.rowManager) {
         const o = e.getElement();
-        o?.parentNode && (s.pageY - Z.elOffset(o).top + t.table.rowManager.element.scrollTop > e.getHeight() / 2 ? (t.toRow !== e || !t.toRowAfter) && (o.parentNode.insertBefore(
+        o?.parentNode && (s.pageY - Q.elOffset(o).top + t.table.rowManager.element.scrollTop > e.getHeight() / 2 ? (t.toRow !== e || !t.toRowAfter) && (o.parentNode.insertBefore(
           t.placeholderElement,
           o.nextSibling
         ), t.moveRow(e, !0)) : (t.toRow !== e || t.toRowAfter) && (o.parentNode.insertBefore(t.placeholderElement, o), t.moveRow(e, !1)));
@@ -12131,7 +12149,7 @@ const wd = {}, vd = process.env.NODE_ENV === "development", ii = class ii extend
 };
 ii.moduleName = "mutator", ii.mutators = wd;
 let Hs = ii;
-const Do = class Do extends I {
+const To = class To 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") {
@@ -12410,8 +12428,8 @@ const Do = class Do extends I {
     return e.data;
   }
 };
-Do.moduleName = "page";
-let Ns = Do;
+To.moduleName = "page";
+let Ns = To;
 const fr = process.env.NODE_ENV === "development", yd = {
   cookie: function(n, e) {
     let t = document.cookie;
@@ -12657,7 +12675,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 To = class To extends I {
+const Do = class Do 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",
@@ -12777,8 +12795,8 @@ const To = class To extends I {
     }), this.dispatchExternal("popupOpened", t.getComponent());
   }
 };
-To.moduleName = "popup";
-let Bs = To;
+Do.moduleName = "popup";
+let Bs = Do;
 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");
@@ -13814,7 +13832,7 @@ const kd = {
 };
 $i.moduleName = "selectRow", $i.moduleExtensions = kd;
 let qs = $i;
-const Dd = {
+const Td = {
   range: function(n) {
     if (!n || n.length === 0)
       return [];
@@ -13834,7 +13852,7 @@ const Dd = {
       }
     return e;
   }
-}, Td = {
+}, Dd = {
   range: function(n) {
     const e = [], t = [], i = this.table.modules.selectRange.activeRange;
     let s = !1, o, r, a, l, h;
@@ -13917,8 +13935,8 @@ const Dd = {
   rangeJumpUp: ["ctrl + 38", "meta + 38"]
 }, Od = {
   clipboard: {
-    pasteActions: Dd,
-    pasteParsers: Td
+    pasteActions: Td,
+    pasteParsers: Dd
   },
   export: {
     columnLookups: Md,
@@ -14402,8 +14420,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(), 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();
+      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();
     }
     return !0;
   }
@@ -14722,8 +14740,8 @@ function Hd(n, e, t, i, s, o, r) {
       let y = u[E];
       const k = f[E++];
       if (y !== k) {
-        const T = Number(y), he = Number(k);
-        if (isFinite(T) && isFinite(he)) {
+        const D = Number(y), he = Number(k);
+        if (isFinite(D) && isFinite(he)) {
           y.charAt(0) === "0" && (y = "." + y);
           const L = k.charAt(0) === "0" ? "." + k : k;
           return Number(y) - Number(L);
@@ -14744,7 +14762,7 @@ function Nd(n, e, t, i, s, o, r) {
     if (typeof r.valueMap == "string") {
       const u = c.options.nestedFieldSeparator, f = r.valueMap;
       d = function(w) {
-        return Z.retrieveNestedData(u, f, w);
+        return Q.retrieveNestedData(u, f, w);
       };
     } else
       d = r.valueMap;
@@ -16160,8 +16178,8 @@ const ns = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   ExportModule: ks,
   FilterModule: Vi,
   FormatModule: Hi,
-  FrozenColumnsModule: Ds,
-  FrozenRowsModule: Ts,
+  FrozenColumnsModule: Ts,
+  FrozenRowsModule: Ds,
   GroupRowsModule: Ms,
   HistoryModule: Fs,
   HoverMenuModule: fs,
@@ -16908,7 +16926,7 @@ class hu extends Me {
   }
   // redraw columns
   redraw(e) {
-    this.element && Z.elVisible(this.element) && this.verticalAlignHeaders(), e && (this.table.rowManager?.resetScroll(), this.table.rowManager?.reinitialize()), this.confirm("table-redrawing", e) || this.layoutRefresh(e || !1), this.dispatch("table-redraw", e), this.table.footerManager?.redraw();
+    this.element && Q.elVisible(this.element) && this.verticalAlignHeaders(), e && (this.table.rowManager?.resetScroll(), this.table.rowManager?.reinitialize()), this.confirm("table-redrawing", e) || this.layoutRefresh(e || !1), this.dispatch("table-redraw", e), this.table.footerManager?.redraw();
   }
 }
 const cu = {
@@ -16952,7 +16970,7 @@ const cu = {
   renderHorizontal: "basic",
   renderVerticalBuffer: 0,
   // set virtual DOM buffer size
-  scrollToRowPosition: wt.Top,
+  scrollToRowPosition: vt.Top,
   scrollToRowIfHidden: !1,
   scrollToColumnPosition: "left",
   scrollToColumnIfHidden: !1,
@@ -17067,12 +17085,12 @@ class uu extends Ji {
     const t = e.getElement(), i = this.elementVertical;
     if (!t || !i)
       return !0;
-    const s = Z.elOffset(t).top, o = Z.elOffset(i).top, r = o + i.clientHeight;
+    const s = Q.elOffset(t).top, o = Q.elOffset(i).top, r = o + i.clientHeight;
     return Math.abs(s - o) <= Math.abs(s - r);
   }
   scrollToRow(e) {
     const t = e.getElement(), i = this.elementVertical;
-    !t || !i || (i.scrollTop = Z.elOffset(t).top - Z.elOffset(i).top + i.scrollTop);
+    !t || !i || (i.scrollTop = Q.elOffset(t).top - Q.elOffset(i).top + i.scrollTop);
   }
   visibleRows() {
     return this.rows();
@@ -17182,8 +17200,8 @@ 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, 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 f = 0, w, E, y = [], k = 0, D = 0;
+    const he = this.table.rowManager?.fixedHeight ?? !1, L = this.table.element ? globalThis.getComputedStyle(this.table.element).getPropertyValue("--table-max-height").trim() : "", Y = 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)
       this.clear();
@@ -17201,25 +17219,25 @@ class pu extends Ji {
       ), e -= r;
     }
     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 && (T = z / b + this.vDomWindowBuffer / b), T = Math.max(
+    if (u && this.elementVertical && (Q.elVisible(this.elementVertical) || R)) {
+      for (this.vDomTop = e, this.vDomBottom = e - 1, Y ? (b && (D = z / b + this.vDomWindowBuffer / b), D = Math.max(
         this.vDomWindowMinTotalRows,
-        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; ) {
+        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; ) {
           f = this.vDomBottom + 1, w = p[f], this.styleRow(w, f), w.initialize(!1, !0), !w.heightInitialized && !this.table.options.rowHeight && w.clearCellHeight();
-          const D = w.getElement();
-          D && E.appendChild(D), y.push(w), this.vDomBottom++, d++;
+          const T = w.getElement();
+          T && E.appendChild(T), y.push(w), this.vDomBottom++, d++;
         }
         if (!y.length)
           break;
-        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(
+        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 && Y && (b = a / k, D = Math.max(
           this.vDomWindowMinTotalRows,
           Math.ceil(
             z / b + this.vDomWindowBuffer / b
@@ -17389,7 +17407,7 @@ class mu extends Me {
    */
   findRow(e) {
     if (typeof e == "object") {
-      if (e instanceof De)
+      if (e instanceof Te)
         return e;
       if (e instanceof uo)
         return e._getSelf() || !1;
@@ -17491,7 +17509,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 De(i, this);
+        const s = new Te(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:",
@@ -17544,7 +17562,7 @@ Data:     `,
     return (e ?? this.table.options.addRowPos) === "top";
   }
   addRowActual(e, t, i, s) {
-    const o = e instanceof De ? e : new De(e || {}, this);
+    const o = e instanceof Te ? e : new Te(e || {}, this);
     let r = t, a = -1, l, h;
     return i || (h = this.chain("row-adding-position", [o, r], null, {
       index: i,
@@ -17590,12 +17608,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 De) || s.type != "row") ? this.nextDisplayRow(s, t) : s;
+    return i !== !1 && i < this.displayRowsCount - 1 && (s = this.getDisplayRows()[i + 1]), s && (!(s instanceof Te) || 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 De) || s.type != "row") ? this.prevDisplayRow(s, t) : s;
+    return i && (s = this.getDisplayRows()[i - 1]), t && s && (!(s instanceof Te) || s.type != "row") ? this.prevDisplayRow(s, t) : s;
   }
   findRowIndex(e, t) {
     let i;
@@ -17667,7 +17685,7 @@ Data:     `,
         });
         return;
       } else
-        Z.elVisible(this.element) ? i ? this.reRenderInPosition(
+        Q.elVisible(this.element) ? i ? this.reRenderInPosition(
           this.refreshPipelines.bind(
             this,
             e,
@@ -18368,7 +18386,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 De ? h = o.row.findCell(c) : xu && t.row && console.warn(
+              s.components.includes("cell") && (o.row instanceof Te ? 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;
@@ -18487,19 +18505,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 T = [];
-    let he = 0, L = 0, ge = 0, J = r, z = 0, b = 0;
+    const D = [];
+    let he = 0, L = 0, ge = 0, Y = r, z = 0, b = 0;
     const C = [];
     function R(S) {
       return y * (S.column.definition.widthGrow || 1);
     }
-    function D(S) {
+    function T(S) {
       return u(S.width) - y * (S.column.definition.widthShrink || 0);
     }
     return w.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) => {
+      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, Y -= k ? S.column.definition.widthShrink || 1 : S.column.definition.widthGrow || 1, Y && (y = Math.floor(E / Y))) : (C.push(S), b += k ? S.column.definition.widthShrink || 1 : S.column.definition.widthGrow || 1);
+    }), D.length ? (D.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,
@@ -18507,7 +18525,7 @@ function ku(n) {
       ge,
       k
     )) : (z = b ? E - Math.floor(E / b) * b : E, C.forEach((S) => {
-      S.width = k ? D(S) : R(S);
+      S.width = k ? T(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) {
@@ -18536,15 +18554,15 @@ function ku(n) {
     w.column.setWidth(w.width);
   });
 }
-async function Du(n, e) {
+async function Tu(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 Dr(n) {
+async function Tr(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 Tu(n) {
+async function Du(n) {
   let e = 0, t = this.table.element?.clientWidth || 0;
   const i = this.table.columnManager?.contentsElement;
   if (i) {
@@ -18559,10 +18577,10 @@ async function Tu(n) {
 }
 const Mu = {
   fitColumns: ku,
-  fitData: Du,
-  fitDataFill: Dr,
-  fitDataStretch: Tu,
-  fitDataTable: Dr
+  fitData: Tu,
+  fitDataFill: Tr,
+  fitDataStretch: Du,
+  fitDataTable: Tr
 }, 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");
@@ -18632,12 +18650,12 @@ const Lu = {
       prev_title: "Prev Page"
     }
   }
-}, Tr = process.env.NODE_ENV === "development", vi = class vi extends I {
+}, Dr = 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", {});
   }
   initialize() {
-    this.langList = Z.deepClone(vi.langs);
+    this.langList = Q.deepClone(vi.langs);
     const e = this.table.options.columnDefaults?.headerFilterPlaceholder;
     e && typeof e == "string" && this.setHeaderFilterPlaceholder(e);
     for (const t in this.table.options.langs)
@@ -18666,16 +18684,16 @@ const Lu = {
     };
     if (t && !this.langList[t]) {
       const s = t.split("-")[0];
-      this.langList[s] ? (Tr && console.warn(
+      this.langList[s] ? (Dr && console.warn(
         "Localization Error - Exact matching locale not found, using closest match: ",
         t,
         s
-      ), t = s) : (Tr && console.warn(
+      ), t = s) : (Dr && console.warn(
         "Localization Error - Matching locale not found, using default: ",
         t
       ), t = "default");
     }
-    this.locale = t, this.lang = Z.deepClone(this.langList.default || {}), t !== "default" && this.langList[t] && i(this.langList[t], this.lang), this.dispatchExternal("localized", this.locale, this.lang), this._executeBindings();
+    this.locale = t, this.lang = Q.deepClone(this.langList.default || {}), t !== "default" && this.langList[t] && i(this.langList[t], this.lang), this.dispatchExternal("localized", this.locale, this.lang), this._executeBindings();
   }
   // get current locale
   getLocale() {
@@ -18782,16 +18800,16 @@ Ye.registry = {
   tables: []
 };
 let so = Ye;
-const zi = process.env.NODE_ENV === "development", ee = class ee extends so {
+const zi = process.env.NODE_ENV === "development", te = class te extends so {
   constructor() {
     super(), this.modulesCore = [], this.modulesRegular = [];
   }
   static initializeModuleBinder(e) {
-    ee.modulesRegistered || (ee.modulesRegistered = !0, ee._registerModules(zu, !0), e && ee._registerModules(e));
+    te.modulesRegistered || (te.modulesRegistered = !0, te._registerModules(zu, !0), e && te._registerModules(e));
   }
   static _extendModule(e, t, i) {
-    if (ee.moduleBindings[e]) {
-      const s = ee.moduleBindings[e][t];
+    if (te.moduleBindings[e]) {
+      const s = te.moduleBindings[e][t];
       if (s)
         if (typeof i == "object")
           for (const o in i)
@@ -18806,15 +18824,15 @@ const zi = process.env.NODE_ENV === "development", ee = class ee extends so {
     const i = Object.values(e);
     t && i.forEach((s) => {
       s.prototype.moduleCore = !0;
-    }), ee._registerModule(i);
+    }), te._registerModule(i);
   }
   static _registerModule(e) {
     (Array.isArray(e) ? e : [e]).forEach((i) => {
-      ee._registerModuleBinding(i), ee._registerModuleExtensions(i);
+      te._registerModuleBinding(i), te._registerModuleExtensions(i);
     });
   }
   static _registerModuleBinding(e) {
-    e.moduleName ? ee.moduleBindings[e.moduleName] = e : zi && console.error(
+    e.moduleName ? te.moduleBindings[e.moduleName] = e : zi && console.error(
       "Unable to bind module, no moduleName defined",
       e.moduleName
     );
@@ -18824,25 +18842,25 @@ const zi = process.env.NODE_ENV === "development", ee = class ee extends so {
     if (e.moduleExtensions)
       for (const i in t) {
         const s = t[i];
-        if (ee.moduleBindings[i])
+        if (te.moduleBindings[i])
           for (const o in s)
-            ee._extendModule(i, o, s[o]);
+            te._extendModule(i, o, s[o]);
         else {
-          ee.moduleExtensions[i] || (ee.moduleExtensions[i] = {});
+          te.moduleExtensions[i] || (te.moduleExtensions[i] = {});
           for (const o in s)
-            ee.moduleExtensions[i][o] || (ee.moduleExtensions[i][o] = {}), Object.assign(
-              ee.moduleExtensions[i][o],
+            te.moduleExtensions[i][o] || (te.moduleExtensions[i][o] = {}), Object.assign(
+              te.moduleExtensions[i][o],
               s[o]
             );
         }
       }
-    ee._extendModuleFromQueue(e);
+    te._extendModuleFromQueue(e);
   }
   static _extendModuleFromQueue(e) {
-    const t = ee.moduleExtensions[e.moduleName];
+    const t = te.moduleExtensions[e.moduleName];
     if (t)
       for (const i in t)
-        ee._extendModule(
+        te._extendModule(
           e.moduleName,
           i,
           t[i]
@@ -18852,8 +18870,8 @@ const zi = process.env.NODE_ENV === "development", ee = class ee extends so {
   _bindModules() {
     const e = [], t = [], i = [];
     this.modules = {};
-    for (const s in ee.moduleBindings) {
-      const o = ee.moduleBindings[s], r = new o(this);
+    for (const s in te.moduleBindings) {
+      const o = te.moduleBindings[s], r = new o(this);
       this.modules[s] = r, o.prototype.moduleCore ? this.modulesCore.push(r) : o.moduleInitOrder === void 0 || o.moduleInitOrder === null ? i.push(r) : o.moduleInitOrder < 0 ? e.push(r) : t.push(r);
     }
     e.sort((s, o) => {
@@ -18867,17 +18885,17 @@ const zi = process.env.NODE_ENV === "development", ee = class ee extends so {
     );
   }
 };
-ee.moduleBindings = {}, ee.moduleExtensions = {}, ee.modulesRegistered = !1, ee.defaultModules = !1;
-let oo = ee;
-const le = process.env.NODE_ENV === "development", vt = class vt extends oo {
+te.moduleBindings = {}, te.moduleExtensions = {}, te.modulesRegistered = !1, te.defaultModules = !1;
+let oo = te;
+const le = process.env.NODE_ENV === "development", yt = class yt extends oo {
   static extendModule(...e) {
-    vt.initializeModuleBinder(), vt._extendModule(...e);
+    yt.initializeModuleBinder(), yt._extendModule(...e);
   }
   static registerModule(...e) {
-    vt.initializeModuleBinder(), vt._registerModule(...e);
+    yt.initializeModuleBinder(), yt._registerModule(...e);
   }
   constructor(e, t, i) {
-    super(), vt.initializeModuleBinder(i), this.options = {}, this.columnManager = null, this.rowManager = null, this.footerManager = null, this.alertManager = null, this.vdomHoz = null, this.externalEvents = null, this.eventBus = null, this.interactionMonitor = !1, this.browser = "", this.browserSlow = !1, this.browserMobile = !1, this.rtl = !1, this.originalElement = null, this.componentFunctionBinder = new bu(this), this.dataLoader = null, this.modules = {}, this.modulesCore = [], this.modulesRegular = [], this.deprecationAdvisor = new Cu(this), this.optionsList = new mn(this, "table constructor"), this.dependencyRegistry = new vu(this), this.initialized = !1, this.destroyed = !1, this.initializeElement(e) && (this.initializeCoreSystems(t), setTimeout(() => {
+    super(), yt.initializeModuleBinder(i), this.options = {}, this.columnManager = null, this.rowManager = null, this.footerManager = null, this.alertManager = null, this.vdomHoz = null, this.externalEvents = null, this.eventBus = null, this.interactionMonitor = !1, this.browser = "", this.browserSlow = !1, this.browserMobile = !1, this.rtl = !1, this.originalElement = null, this.componentFunctionBinder = new bu(this), this.dataLoader = null, this.modules = {}, this.modulesCore = [], this.modulesRegular = [], this.deprecationAdvisor = new Cu(this), this.optionsList = new mn(this, "table constructor"), this.dependencyRegistry = new vu(this), this.initialized = !1, this.destroyed = !1, this.initializeElement(e) && (this.initializeCoreSystems(t), setTimeout(() => {
       this._create();
     })), this.constructor.registry.register(this);
   }
@@ -18897,7 +18915,7 @@ const le = process.env.NODE_ENV === "development", vt = class vt extends oo {
       ), !1;
   }
   initializeCoreSystems(e) {
-    this.columnManager = new hu(this), this.rowManager = new mu(this), this.footerManager = new du(this), this.dataLoader = new Qs(this), this.alertManager = new gu(this), this.toolbar = e?.toolbarElement, this._bindModules(), this.options = this.optionsList.generate(vt.defaultOptions, e), this._clearObjectPointers(), this._mapDeprecatedFunctionality(), this.externalEvents = new Eu(
+    this.columnManager = new hu(this), this.rowManager = new mu(this), this.footerManager = new du(this), this.dataLoader = new Qs(this), this.alertManager = new gu(this), this.toolbar = e?.toolbarElement, this._bindModules(), this.options = this.optionsList.generate(yt.defaultOptions, e), this._clearObjectPointers(), this._mapDeprecatedFunctionality(), this.externalEvents = new Eu(
       this,
       this.options,
       this.options.debugEventsExternal
@@ -19267,8 +19285,8 @@ const le = process.env.NODE_ENV === "development", vt = class vt extends oo {
     return !t && le && console.error("Tabulator module not installed: " + e), t;
   }
 };
-vt.defaultOptions = cu;
-let Lt = vt;
+yt.defaultOptions = cu;
+let Lt = yt;
 class Ou extends Lt {
   static extendModule(...e) {
     Lt.initializeModuleBinder(ns), Lt._extendModule(...e);
@@ -19353,17 +19371,17 @@ function Au(n, e) {
 }
 function Pu(n, e) {
   const t = n.facetDetails;
-  return x`<cx-facet-date-picker field=${t.facetFieldName} display-name=${t.displayName} display-format=${te(t.displayFormat)} value=${e.dateRange?.fromDate ?? ""} from-time=${e.dateRange?.fromTime ?? Kr} min=${t.min ?? ""} max=${t.max ?? ""} ?show-time=${t.showTime ?? !1}></cx-facet-date-picker>`;
+  return x`<cx-facet-date-picker field=${t.facetFieldName} display-name=${t.displayName} display-format=${Z(t.displayFormat)} value=${e.dateRange?.fromDate ?? ""} from-time=${e.dateRange?.fromTime ?? Kr} min=${t.min ?? ""} max=${t.max ?? ""} ?show-time=${t.showTime ?? !1}></cx-facet-date-picker>`;
 }
 function Iu(n, e) {
   const t = n.facetDetails;
-  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>`;
+  return x`<cx-facet-date-range field=${t.facetFieldName} display-name=${t.displayName} display-format=${Z(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 = {
   [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)}`;
+}, 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{--font-size:var(--trigger-icon-size,var(--cx-font-size-large))}.faceted-filter__trigger::part(base){background-color:var(--cx-color-neutral-100)}.faceted-filter__trigger-badge{margin-block-start:calc(-1 * var(--cx-spacing-x-small));margin-inline-end:calc(-1 * var(--cx-spacing-x-small))}.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--)
     (r = n[o]) && (s = (i ? r(e, t, s) : r(s)) || s);
@@ -19371,7 +19389,7 @@ var Vu = Object.defineProperty, Bu = Object.getOwnPropertyDescriptor, ye = (n, e
 };
 let de = class extends Pe {
   constructor() {
-    super(...arguments), this.localize = new et(this), this.shadowRootAutoloader = new gn(
+    super(...arguments), this.localize = new tt(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();
   }
@@ -19498,13 +19516,13 @@ let de = class extends Pe {
     });
   }
   renderAppliedFilters() {
-    return x`<cx-details aria-busy=${this.loading ? "true" : "false"} class=${ot({
+    return x`<cx-details aria-busy=${this.loading ? "true" : "false"} class=${Ze({
       "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(
+    })}><span slot="summary" class="applied-filters__summary"><span class="applied-filters__title">${this.localize.term("appliedFilters")}${this.appliedFiltersCount > 0 ? ` (${this.appliedFiltersCount})` : ut}</span>${J(
       this.loading,
       () => x`<span class="applied-filters__loading" role="status" aria-label=${this.localize.term("loading")}><cx-spinner></cx-spinner></span>`,
-      () => bt
+      () => ut
     )}</span><cx-space direction="horizontal" spacing="small" class="applied-filters__tags">${this.renderExternalFilterTags()}
           ${this.renderSelectionCheckboxTags()}
           ${this.renderDateTags()}</cx-space></cx-details>`;
@@ -19553,18 +19571,18 @@ let de = class extends Pe {
     );
   }
   renderFooter() {
-    return Y(
+    return J(
       this.appliedFiltersCount > 0,
       () => x`<div class="panel__footer"><cx-button variant="text" @click=${this.handleClearAllClick} size="small" class="panel__clear-all-button">${this.localize.term("clear")}</cx-button></div>`,
-      () => bt
+      () => ut
     );
   }
   render() {
-    return x`<cx-dropdown stay-open-on-select placement="bottom-start" distance="4" hoist @cx-selection-change=${this.handleSelectionChange} @cx-facet-change=${this.handleFacetChange} @cx-remove=${this.handleRemove}><div slot="trigger" class="faceted-filter__trigger-wrapper"><cx-icon-button name="filter_alt" label=${this.localize.term("filter")} class="faceted-filter__trigger"></cx-icon-button>${Y(
+    return x`<cx-dropdown stay-open-on-select placement="bottom-start" distance="4" hoist @cx-selection-change=${this.handleSelectionChange} @cx-facet-change=${this.handleFacetChange} @cx-remove=${this.handleRemove}><cx-icon-button slot="trigger" name="filter_alt" label=${this.localize.term("filter")} class="faceted-filter__trigger">${J(
       this.appliedFiltersCount > 0,
-      () => x`<cx-badge class="faceted-filter__trigger-badge" pill size="small">${this.appliedFiltersCount}</cx-badge>`,
-      () => bt
-    )}</div><div class="panel"><div class="panel__content"><div class="panel__header">${this.renderAppliedFilters()}</div><div class="panel__body">${Y(
+      () => x`<cx-badge slot="badge" class="faceted-filter__trigger-badge" pill size="small">${this.appliedFiltersCount}</cx-badge>`,
+      () => ut
+    )}</cx-icon-button><div class="panel"><div class="panel__content"><div class="panel__header">${this.renderAppliedFilters()}</div><div class="panel__body">${J(
       this.availableFacets.length > 0,
       () => x`<div>${Ke(
         this.availableFacets,
@@ -19574,7 +19592,7 @@ let de = class extends Pe {
             (s) => s.facetDetails.facetFieldName === n.facetFieldName
           );
           if (!e)
-            return bt;
+            return ut;
           const t = n.type ?? rt.Checkbox, i = Hu[t];
           return i ? i(
             {
@@ -19582,20 +19600,20 @@ let de = class extends Pe {
               values: e.values
             },
             this.buildRenderContext(n.facetFieldName)
-          ) : bt;
+          ) : ut;
         }
       )}</div>`,
-      () => bt
+      () => ut
     )}</div>${this.renderFooter()}</div></div></cx-dropdown>`;
   }
 };
 de.styles = [$e, Nu];
 de.dependencies = {
   "cx-badge": da,
-  "cx-button": Ct,
+  "cx-button": Et,
   "cx-details": ua,
   "cx-dropdown": ai,
-  "cx-icon": Et,
+  "cx-icon": gt,
   "cx-icon-button": oi,
   "cx-space": Ri,
   "cx-spinner": Xr,
@@ -20260,10 +20278,10 @@ function Lr(n, e, t, i = 500) {
         }
         const w = p.data;
         if (!r) {
-          const E = w.map((k, T) => k.trim() || `column_${T}`), y = /* @__PURE__ */ new Map();
+          const E = w.map((k, D) => k.trim() || `column_${D}`), y = /* @__PURE__ */ new Map();
           a = E.map((k) => {
-            const T = y.get(k) ?? 0;
-            return y.set(k, T + 1), T === 0 ? k : `${k}_${T}`;
+            const D = y.get(k) ?? 0;
+            return y.set(k, D + 1), D === 0 ? k : `${k}_${D}`;
           }), e(a.map((k) => ({ field: k, title: k }))), r = !0;
           return;
         }
@@ -20333,7 +20351,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 Dp(n) {
+function Tp(n) {
   if (n.length === 0)
     return { columns: [], data: [] };
   const t = n[0].map((a, l) => {
@@ -20350,11 +20368,11 @@ function Dp(n) {
   );
   return { columns: o, data: r };
 }
-function Tp(n) {
+function Dp(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 Dp(e.data);
+  return Tp(e.data);
 }
 function Mp(n) {
   const e = JSON.parse(n), { columns: t, rows: i } = wn(e);
@@ -20452,9 +20470,9 @@ 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 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(
+    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(
       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 = 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.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 = pt.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 = pt.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 });
@@ -20510,7 +20528,7 @@ let g = class extends Pe {
    * the `ajaxURL` term is what catches the ajax case.
    */
   get isRemotePagination() {
-    return this.pagination && (!!this.ajaxURL || !!this.internalAjaxRequestFunc || this.paginationMode === ut.Remote);
+    return this.pagination && (!!this.ajaxURL || !!this.internalAjaxRequestFunc || this.paginationMode === pt.Remote);
   }
   /**
    * Whether pagination alone should render the toolbar. A top-placed paginator
@@ -21030,14 +21048,14 @@ let g = class extends Pe {
       if (i !== this.dataUrlRequestId)
         return;
       const y = l.length;
-      E.forEach((T) => {
-        T.__cxRowIndex = l.length, l.push(T);
+      E.forEach((D) => {
+        D.__cxRowIndex = l.length, l.push(D);
       }), !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((T) => requestAnimationFrame(() => T()));
+      ) && i === this.dataUrlRequestId && a(l.length, h), await new Promise((D) => requestAnimationFrame(() => D()));
     }, 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 };
   }
@@ -21422,13 +21440,13 @@ let g = class extends Pe {
     return this.ajaxFacetsController.handleAjaxResponse(s), this.isRemotePagination ? Array.isArray(s) ? { data: s, last_page: 1 } : s : Array.isArray(s) ? s : s?.data ?? s;
   }
   renderToolbar() {
-    return x`<cx-table-toolbar label=${this.label} ?pagination=${this.pagination} pagination-placement=${te(
+    return x`<cx-table-toolbar label=${this.label} ?pagination=${this.pagination} pagination-placement=${Z(
       this.pagination ? this.paginationPlacement : void 0
-    )} ?no-header-row-reserve=${this.noHeaderRowReserve} ?has-dynamic-filter=${this.hasFacets} ?can-search=${this.canSearch} search-value=${this.searchValue} ?can-add=${this.canAdd} add-label=${this.addLabel} ?can-export-csv=${this.canExportCsv} ?can-export-xml=${this.canExportXml} ?can-export-pdf=${this.canExportPdf} ?can-export-custom=${this.canExportCustom} ?can-save-report=${this.canSaveReport} ?show-saved-search=${this.showSavedSearch} ?no-advanced-search=${this.noAdvancedSearch} .dropdownFilters=${this.dropdownFilters} .groupByOptions=${this.groupByOptions} group-by-value=${typeof this.groupBy == "string" ? this.groupBy : ""} saved-search-url=${this.savedSearchURL} .savedSearchItems=${this.savedSearchItems} saved-search-page-size-param=${this.savedSearchPageSizeParam} saved-search-page-size=${this.savedSearchPageSize} saved-search-page-number-param=${this.savedSearchPageNumberParam} .selectAllState=${this.canSelectAll ? this.selectAllController.state : null} @cx-search=${this.handleSearch} @cx-table-export=${this.handleTableExport} @cx-table-dropdown-filter-change=${this.handleDropdownFilterChange} @cx-table-group-by-change=${this.handleTableGroupByChange} @cx-table-select-all-change=${this.handleSelectAllChange}><slot name="select-all-actions" slot="select-all-actions"></slot>${Y(
+    )} ?no-header-row-reserve=${this.noHeaderRowReserve} ?has-dynamic-filter=${this.hasFacets} ?can-search=${this.canSearch} search-value=${this.searchValue} ?can-add=${this.canAdd} add-label=${this.addLabel} ?can-export-csv=${this.canExportCsv} ?can-export-xml=${this.canExportXml} ?can-export-pdf=${this.canExportPdf} ?can-export-custom=${this.canExportCustom} ?can-save-report=${this.canSaveReport} ?show-saved-search=${this.showSavedSearch} ?no-advanced-search=${this.noAdvancedSearch} .dropdownFilters=${this.dropdownFilters} .groupByOptions=${this.groupByOptions} group-by-value=${typeof this.groupBy == "string" ? this.groupBy : ""} saved-search-url=${this.savedSearchURL} .savedSearchItems=${this.savedSearchItems} saved-search-page-size-param=${this.savedSearchPageSizeParam} saved-search-page-size=${this.savedSearchPageSize} saved-search-page-number-param=${this.savedSearchPageNumberParam} .selectAllState=${this.canSelectAll ? this.selectAllController.state : null} @cx-search=${this.handleSearch} @cx-table-export=${this.handleTableExport} @cx-table-dropdown-filter-change=${this.handleDropdownFilterChange} @cx-table-group-by-change=${this.handleTableGroupByChange} @cx-table-select-all-change=${this.handleSelectAllChange}><slot name="select-all-actions" slot="select-all-actions"></slot>${J(
       this.hasFacets,
       () => x`<cx-faceted-filter slot="dialog-dynamic-filter" .facets=${this.ajaxFacetsController.facets} .availableFacets=${this.ajaxFacetsController.availableFacets} .externalFilters=${this.appliedFilterTags} @cx-faceted-filter-remove=${this.handleAppliedFilterRemove}></cx-faceted-filter>`
     )}
-      ${Y(
+      ${J(
       this.hasSlotController.test("add-action"),
       () => x`<slot name="add-action" slot="add-action"></slot>`
     )}</cx-table-toolbar>`;
@@ -21513,10 +21531,10 @@ let g = class extends Pe {
     });
   }
   render() {
-    return x`<cx-space part="base" direction="vertical" spacing="large" wrap="nowrap" class=${ot({
+    return x`<cx-space part="base" direction="vertical" spacing="large" wrap="nowrap" class=${Ze({
       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>`;
+    })}>${J(this.showTableToolbar, () => this.renderToolbar())}<div part="table" class="table" @mouseover=${this.handleValidationMouseOver} @mouseout=${this.handleValidationMouseOut} @contextmenu=${this.handleHeaderContextMenu}></div>${J(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>`;
   }
 };
 no = /* @__PURE__ */ new WeakSet();
@@ -21529,21 +21547,21 @@ g.styles = [
   kn
 ];
 g.dependencies = {
-  "cx-button": Ct,
+  "cx-button": Et,
   "cx-checkbox": Gr,
   "cx-divider": la,
   "cx-faceted-filter": de,
   "cx-format-number": ha,
-  "cx-icon": Et,
+  "cx-icon": gt,
   "cx-icon-button": oi,
   "cx-select": ca,
   "cx-space": Ri,
   "cx-spinner": Xr,
-  "cx-table-column-editor": Ze,
+  "cx-table-column-editor": Qe,
   "cx-table-footer": Ci,
-  "cx-table-header-menu": Qe,
+  "cx-table-header-menu": et,
   "cx-table-row-actions": Ot,
-  "cx-table-toolbar": Q,
+  "cx-table-toolbar": ee,
   "cx-tooltip": Pt
 };
 g.IN_MEMORY_PARSE_CHUNK_SIZE = 2e4;
@@ -22677,12 +22695,12 @@ function _i(n, e, t) {
   const i = e.getValue() ?? "";
   if (!i)
     return null;
-  const s = x`<cx-copy-button copy-label=${n.term("clickToCopy")} focus-copy-label=${n.term("pressEnterOrCtrlCToCopy")} hoist label=${`${t}, ${e.getField()} ${n.term("code")} ${i}. ${n.term("clickOrPressCtrlCToCopy")}`} no-icon tooltip-distance="0" value=${i} style=${pt({
+  const s = x`<cx-copy-button copy-label=${n.term("clickToCopy")} focus-copy-label=${n.term("pressEnterOrCtrlCToCopy")} hoist label=${`${t}, ${e.getField()} ${n.term("code")} ${i}. ${n.term("clickOrPressCtrlCToCopy")}`} no-icon tooltip-distance="0" value=${i} style=${ft({
     "--button-background-color": "transparent",
     "--button-font-size": "var(--cx-font-size-large)",
     "--button-padding": "0",
     "max-width": "100%"
-  })}><span style=${pt({
+  })}><span style=${ft({
     display: "inline-block",
     maxWidth: "100%",
     overflow: "hidden",
@@ -22739,7 +22757,7 @@ var Gp = Object.defineProperty, Up = Object.getOwnPropertyDescriptor, xe = (n, e
 const Pr = "unnamed";
 let me = class extends Pe {
   constructor() {
-    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);
+    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);
   }
   runFirstUpdated() {
     this.setAttribute("role", "region"), this.setAttribute("aria-label", this.localize.term("colorSwatches")), this.setAttribute(
@@ -22823,7 +22841,7 @@ let me = class extends Pe {
    * Get current direction of the color swatch group
    */
   get currentDirection() {
-    return this.variant === Je.Circles && this.deviceType !== Di.Desktop ? "vertical" : "horizontal";
+    return this.variant === Je.Circles && this.deviceType !== Ti.Desktop ? "vertical" : "horizontal";
   }
   /**
    * Get the variant of the color swatch
@@ -22831,7 +22849,7 @@ let me = class extends Pe {
   get swatchVariant() {
     switch (this.variant) {
       case Je.Circles:
-        return this.deviceType === Di.Tablet ? es.Oval : es.Circle;
+        return this.deviceType === Ti.Tablet ? es.Oval : es.Circle;
       case Je.Grid:
         return es.GridItem;
       default:
@@ -22841,7 +22859,7 @@ let me = class extends Pe {
   render() {
     const n = this.currentDirection, e = this.localize.lang();
     return x`
-      ${Y(
+      ${J(
       this.variant === Je.Table,
       () => x`<cx-space class="color-swatch-group__swatches" direction="vertical" spacing="2x-small">${Wo(
         [this.data, this.canCopy],
@@ -22851,7 +22869,7 @@ let me = class extends Pe {
               ...s,
               name: s[`name-${e.toLowerCase()}`] ?? s.name
             })) : t.colors;
-            return x`<div tabindex=${te(
+            return x`<div tabindex=${Z(
               this.canFocusContainer ? "0" : void 0
             )} data-table-container class="color-swatch-group__table-container" @focusin=${this.handleFocusIn} @focusout=${this.handleFocusOut} @keydown=${this.handleKeyDown}><cx-typography variant="h3">${t.palette === Pr ? this.localize.term("noPalette") : this.localize.term("shadesPalette", t.palette)}</cx-typography><cx-table part="table" tabindex=${this.isFocused ? void 0 : "-1"} no-selectable layout="fitColumns" .columns=${Wo(
               [this.showCodes, this.canCopy, this.localize],
@@ -22860,11 +22878,11 @@ 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=${ot({
+      () => 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=${Ze({
         "color-swatch-group__swatches": !0,
         "color-swatch-group__swatches--grid": this.variant === Je.Grid,
         [`color-swatch-group__swatches--circles--${n}`]: this.variant === Je.Circles
-      })} style=${pt({
+      })} style=${ft({
         gridTemplateColumns: this.currentCol >= this.maxCol ? `repeat(${this.maxCol}, 1fr)` : `repeat(auto-fit, minmax(${Ar}px, 1fr))`
       })}>${Ke(
         this.data,
@@ -22873,9 +22891,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=${ot({
+        )} 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=${Ze({
           [`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 === Di.Mobile
+          "color-swatch-group__swatches--circles--vertical__item--mobile": this.variant === Je.Circles && this.deviceType === Ti.Mobile
         })} @keydown=${this.handleKeyDown} @focusout=${this.handleFocusOut}></cx-color-swatch>`
       )}</cx-space>`
     )}
@@ -22959,6 +22977,6 @@ export {
   Je as c,
   jo as d,
   de as e,
-  Te as f,
+  De as f,
   Go as o
 };