@orangelogic/design-system 2.138.0 → 2.140.0

package/library/chunks/{color-swatch-group.CtRKXJDT.js → color-swatch-group.DedQQk4J.js}

@@ -1,38 +1,38 @@
 import si from "../components/space.js";
-import { C as hr, T as Nr } from "./typography.DJC_UXgs.js";
+import { C as hr, T as Vr } from "./typography.DJC_UXgs.js";
 import { n as g, C as tt } from "./lib-cortex-element.CVMmyPMC.js";
-import { C as cr, a as _i } from "./color-swatch.BPKlNXIX.js";
+import { C as cr, a as _i } from "./color-swatch.DimFgBSf.js";
 import { c as ht } from "./component.styles.CRO4Odto.js";
 import { c as it } from "./custom-element.L4WJXn1j.js";
-import { i as Z, x as S, E as pt, B as Vr } from "./lit-element.jLBm65_O.js";
-import { C as Rt } from "./button.C8bgBiYj.js";
+import { i as Z, x as S, E as pt, B as Ir } from "./lit-element.jLBm65_O.js";
+import { C as Rt } from "./button.J4LDuhyW.js";
 import { C as oi } from "./icon.DnBh6-56.js";
 import ri from "../components/tooltip.js";
-import { r as Ir } from "./choose.BTbF6BAn.js";
+import { r as Br } from "./choose.BTbF6BAn.js";
 import { o as Q } from "./if-defined.BRoBj_Rp.js";
 import { c as je } from "./repeat.CFjcER6_.js";
 import { o as Ze } from "./style-map.llVFPd__.js";
 import Bt from "../components/dropdown.js";
 import ni from "../components/menu.js";
 import ai from "../components/menu-item.js";
-import Br from "../components/menu-section.js";
-import { g as Wr, t as $r, a as jr, b as Gr } from "./toast.Bz-j7zP2.js";
-import { L as zt } from "./i18n.BlLEIqQ0.js";
+import Wr from "../components/menu-section.js";
+import { g as $r, t as jr, a as Gr, b as Ur } from "./toast.Bz-j7zP2.js";
+import { L as zt } from "./i18n.DeUAP8n2.js";
 import { w as K } from "./watch.CThbualB.js";
 import { r as ce } from "./state.CSDxrqLd.js";
-import { n as J } from "./when.Dr1es41R.js";
-import { C as dr, a as Ur } from "./checkbox.Cjcht4xR.js";
-import { C as Is } from "./icon-button.D5sM02Cd.js";
-import { C as Kr } from "./input.B8CV80Da.js";
-import { C as qr, P as Xr } from "./pagination.DAI32_PA.js";
-import { H as Jr } from "./slot.j5oheLJC.js";
+import { n as X } from "./when.Dr1es41R.js";
+import { C as dr, a as Kr } from "./checkbox.Cjcht4xR.js";
+import { C as Is } from "./icon-button.LhIEmHNF.js";
+import { C as qr } from "./input.DID1aXiO.js";
+import { C as Xr, P as Jr } from "./pagination.BNU2UmTy.js";
+import { H as ur } from "./slot.j5oheLJC.js";
 import { e as ct } from "./query.BBf1UFkC.js";
 import { e as at } from "./class-map.BiVq-cVR.js";
 import { g as V, a as wo } from "./dom.acWb8KCK.js";
 import "./browser.BHOCIF_A.js";
 import "./form.K1XOtu3S.js";
 import "./purify.es.BIuh5IAZ.js";
-import { D as ur, a as Yr } from "./date-picker.DTUICGb9.js";
+import { D as pr, a as Yr } from "./date-picker.DTUICGb9.js";
 import { D as ci } from "./content-builder.BGzxZUgi.js";
 import "./unsafe-html.Dff7-rCx.js";
 import { s as A, b as Ti, c as Bs } from "./string.CjJ09HK3.js";
@@ -41,7 +41,7 @@ import { d as Zr } from "./debounce.C_J-9zJi.js";
 import en from "../components/divider.js";
 import tn from "../components/format-number.js";
 import sn from "../components/select.js";
-import pr from "../components/spinner.js";
+import fr from "../components/spinner.js";
 import on from "../components/badge.js";
 import rn from "../components/details.js";
 import nn from "../components/tag.js";
@@ -54,7 +54,7 @@ var ki = /* @__PURE__ */ ((n) => (n.BottomCenter = "bottom-center", n.BottomEnd
 const $i = 36;
 var qt = /* @__PURE__ */ ((n) => (n.IsoDate = "iso-date", n.IsoDateTime = "iso-datetime", n.Timestamp = "timestamp", n))(qt || {});
 const dn = Z`: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}`;
-var un = Object.defineProperty, pn = Object.getOwnPropertyDescriptor, fr = (n, e, t, i) => {
+var un = Object.defineProperty, pn = Object.getOwnPropertyDescriptor, gr = (n, e, t, i) => {
   for (var s = i > 1 ? void 0 : i ? pn(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 && un(e, t, s), s;
@@ -68,10 +68,10 @@ let ti = class extends tt {
   }
 };
 ti.styles = [ht, dn];
-fr([
+gr([
   g({ attribute: "pagination-placement", reflect: !0, type: String })
 ], ti.prototype, "paginationPlacement", 2);
-ti = fr([
+ti = gr([
   it("cx-table-footer")
 ], ti);
 const fn = Z`.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}`;
@@ -88,7 +88,7 @@ let et = class extends tt {
     return this;
   }
   handleActionChange() {
-    this.groupedDropdownItems = Wr(
+    this.groupedDropdownItems = $r(
       this.action?.options?.dropdownItems ?? [],
       "section"
     ), this.sections = Object.keys(this.groupedDropdownItems);
@@ -107,7 +107,7 @@ let et = class extends tt {
     return je(
       n,
       (e) => e.name,
-      (e) => S`<cx-menu-item class="table-row-actions__menu-item" data-action=${e.name} style=${Ze(e.style ?? {})} @click=${this.handleActionClick}>${J(
+      (e) => S`<cx-menu-item class="table-row-actions__menu-item" data-action=${e.name} style=${Ze(e.style ?? {})} @click=${this.handleActionClick}>${X(
         e.prefixIcon,
         () => S`<cx-icon name=${e.prefixIcon} slot="prefix"></cx-icon>`
       )}
@@ -138,7 +138,7 @@ et.dependencies = {
   "cx-icon": oi,
   "cx-menu": ni,
   "cx-menu-item": ai,
-  "cx-menu-section": Br,
+  "cx-menu-section": Wr,
   "cx-tooltip": ri
 };
 Ot([
@@ -197,7 +197,7 @@ let Et = class extends tt {
     return S`<cx-space spacing="2x-small">${je(
       this.actions,
       (n) => n.name,
-      (n) => Ir(n.type ?? "button", [
+      (n) => Br(n.type ?? "button", [
         [
           "button",
           () => this.renderButton(n)
@@ -362,11 +362,11 @@ let xt = class extends tt {
   }
   render() {
     const n = this.groupByOptionIdSet.has(this.groupByValue) ? this.groupByValue : null;
-    return S`<cx-dropdown hoist class="header-actions__group-by"><cx-button slot="trigger" caret ?outline=${!(n !== null)}>${this.localize.term("groupBy")}</cx-button><cx-menu @cx-select=${this.handleMenuSelect}>${J(
+    return S`<cx-dropdown hoist class="header-actions__group-by"><cx-button slot="trigger" caret ?outline=${!(n !== null)}>${this.localize.term("groupBy")}</cx-button><cx-menu @cx-select=${this.handleMenuSelect}>${X(
       !this.groupByOptions.length,
       () => S`<cx-menu-item disabled=disabled>${this.localize.term("noDataAvailable")}</cx-menu-item>`
     )}
-        ${J(
+        ${X(
       this.groupByOptions.length,
       () => this.renderOffOption(n)
     )}
@@ -454,7 +454,7 @@ let Oe = class extends tt {
     t && this.emit("cx-table-save-search-select", { detail: { id: t } });
   }
   render() {
-    return S`<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(
+    return S`<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}>${X(
       this.savedSearchItems.length === 0 && !this.loading,
       () => S`<cx-menu-item disabled=disabled>${this.localize.term("noSavedSearch")}</cx-menu-item>`
     )}
@@ -463,7 +463,7 @@ let Oe = class extends tt {
       (n) => n.recordID,
       (n) => S`<cx-menu-item data-id=${n.recordID}><cx-icon name="search" slot="prefix"></cx-icon>${n.name}</cx-menu-item>`
     )}
-        ${J(
+        ${X(
       this.hasMore,
       () => S`<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>`;
@@ -515,7 +515,7 @@ var Tn = Object.defineProperty, kn = Object.getOwnPropertyDescriptor, te = (n, e
 };
 let q = class extends tt {
   constructor() {
-    super(...arguments), this.localize = new zt(this), this.hasSlotController = new Jr(
+    super(...arguments), this.localize = new zt(this), this.hasSlotController = new ur(
       this,
       "label",
       "pagination"
@@ -562,7 +562,7 @@ let q = class extends tt {
     return S`<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=${at({
       search__icon: !0,
       "search__icon--search": !0
-    })} name="search" slot="prefix" size="small"></cx-icon-button>${J(
+    })} name="search" slot="prefix" size="small"></cx-icon-button>${X(
       !this.noAdvancedSearch,
       () => S`<cx-tooltip slot="suffix" hoist content=${this.localize.term("advancedSearch")}><cx-icon-button class=${at({
         search__icon: !0,
@@ -580,23 +580,23 @@ let q = class extends tt {
     return S`<cx-table-group-by-dropdown .groupByOptions=${this.groupByOptions} group-by-value=${this.groupByValue}></cx-table-group-by-dropdown>`;
   }
   renderExportDropdown() {
-    return S`<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(
+    return S`<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>${X(
       this.canExportCsv,
       () => S`<cx-menu-item @click=${this.handleExportCsv}>${this.localize.term("exportAsCsv")}</cx-menu-item>`
     )}
-        ${J(
+        ${X(
       this.canExportXml,
       () => S`<cx-menu-item @click=${this.handleExportXml}>${this.localize.term("exportAsXml")}</cx-menu-item>`
     )}
-        ${J(
+        ${X(
       this.canExportPdf,
       () => S`<cx-menu-item @click=${this.handleExportPdf}>${this.localize.term("exportAsPdf")}</cx-menu-item>`
     )}
-        ${J(
+        ${X(
       this.canExportCustom,
       () => S`<cx-menu-item @click=${this.handleExportCustom}>${this.localize.term("customExport")}</cx-menu-item>`
     )}
-        ${J(
+        ${X(
       this.canSaveReport,
       () => S`<cx-menu-item data-testid="save-report-menu-item" @click=${this.handleSaveReport}>${this.localize.term("saveReport")}</cx-menu-item>`
     )}</cx-menu></cx-dropdown>`;
@@ -614,33 +614,32 @@ let q = class extends tt {
       header: !0,
       "header--has-label": n,
       "header--has-pagination": e
-    })}><div class="header__label"><slot name="label">${J(
+    })}><div class="header__label"><slot name="label">${X(
       this.label,
       () => S`<cx-typography variant="h3">${this.label}</cx-typography>`
     )}</slot></div><div class="header__pagination"><slot name="pagination"></slot></div></div>`;
   }
   render() {
     const n = this.canExportCsv || this.canExportXml || this.canExportPdf || this.canExportCustom || this.canSaveReport;
-    return S`<cx-space class="container" direction="vertical">${this.renderPagination()}<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(
+    return S`<cx-space class="container" direction="vertical">${this.renderPagination()}<cx-space class="header-actions" justify-content="space-between" align-items="center"><cx-space class="header-actions__left" align-items="center" spacing="x-small">${X(this.selectAllState !== null, () => this.renderSelectAll())}
+          ${X(
       this.selectAllState !== null && this.selectAllState.count > 0,
       () => S`<slot name="select-all-actions"></slot>`,
       () => S`
-              ${J(this.canSearch, () => this.renderSearch())}
-              ${J(
+              ${X(this.canSearch, () => this.renderSearch())}
+              ${X(
         this.dropdownFilters.length,
         () => this.renderDropdownFilters()
       )}
-              ${J(
+              ${X(
         this.showSavedSearch,
         () => this.renderSavedSearchDropdown()
       )}<slot name="dialog-dynamic-filter"></slot>`
-    )}</cx-space><cx-space class="header-actions__right" align-items="center" spacing="x-small">${J(this.canAdd, () => this.renderAddButton())}
-          ${J(
+    )}</cx-space><cx-space class="header-actions__right" align-items="center" spacing="x-small"><slot name="add-action">${X(this.canAdd, () => this.renderAddButton())}</slot>${X(
       this.groupByOptions.length,
       () => this.renderGroupByDropdown()
     )}
-          ${J(n, () => this.renderExportDropdown())}</cx-space></cx-space></cx-space>`;
+          ${X(n, () => this.renderExportDropdown())}</cx-space></cx-space></cx-space>`;
   }
 };
 q.styles = [ht, Sn];
@@ -650,10 +649,10 @@ q.dependencies = {
   "cx-dropdown": Bt,
   "cx-icon": oi,
   "cx-icon-button": Is,
-  "cx-input": Kr,
+  "cx-input": qr,
   "cx-menu": ni,
   "cx-menu-item": ai,
-  "cx-pagination": qr,
+  "cx-pagination": Xr,
   "cx-space": si,
   "cx-table-dropdown-filter": lt,
   "cx-table-group-by-dropdown": xt,
@@ -917,7 +916,7 @@ class U {
   }
 }
 const Co = process.env.NODE_ENV === "development";
-let Mn = class gr extends Ce {
+let Mn = class mr extends Ce {
   constructor(e, t, i = null) {
     super(e), this.reversedX = !1, this.childPopup = null, this.blurable = !1, this.blurCallback = null, this.blurEventsBound = !1, this.renderedCallback = null, this.visible = !1, this.hideable = !0, this.destroyed = !1, this.element = t, this.container = this._lookupContainer(), this.parent = i, this.element.classList.add("tabulator-popup-container"), this.blurEvent = this.hide.bind(this, !1), this.escEvent = this._escapeCheck.bind(this), this.destroyBinding = this.tableDestroyed.bind(this);
   }
@@ -1040,7 +1039,7 @@ let Mn = class gr extends Ce {
     ), this.unsubscribe("cell-editing", this.blurEvent), this.blurEventsBound = !1), this.childPopup && this.childPopup.hide(), this.parent && (this.parent.childPopup = null), this.element.parentNode && this.element.parentNode.removeChild(this.element), this.visible = !1, this.blurCallback && !e && this.blurCallback(), this.unsubscribe("table-destroy", this.destroyBinding)), this;
   }
   child(e) {
-    return this.childPopup && this.childPopup.hide(), this.childPopup = new gr(this.table, e, this), this.childPopup;
+    return this.childPopup && this.childPopup.hide(), this.childPopup = new mr(this.table, e, this), this.childPopup;
   }
 };
 const Dn = process.env.NODE_ENV === "development";
@@ -1412,7 +1411,7 @@ let Ki = Nt;
 const Pn = {
   method: "GET"
 };
-function mr(n) {
+function br(n) {
   return n instanceof File || n instanceof Blob;
 }
 function qi(n, e = "") {
@@ -1426,7 +1425,7 @@ function qi(n, e = "") {
         )
       );
     });
-  else if (mr(n))
+  else if (br(n))
     t.push({ key: e, value: n });
   else if (typeof n == "object" && n !== null)
     for (const i in n)
@@ -1447,7 +1446,7 @@ const Hn = {
       return i.forEach((o) => {
         s.append(
           o.key,
-          mr(o.value) ? o.value : String(o.value)
+          br(o.value) ? o.value : String(o.value)
         );
       }), s;
     },
@@ -1493,7 +1492,7 @@ function Nn(n) {
     );
   }), t.join("&");
 }
-const br = function(n, e, t) {
+const wr = function(n, e, t) {
   if (n && t && Object.keys(t).length && (!e.method || e.method.toLowerCase() === "get")) {
     e.method = "get";
     const [i, s] = n.split("#", 2), o = Nn(t);
@@ -1557,7 +1556,7 @@ const br = function(n, e, t) {
     )), s)) : Promise.reject();
   }
 };
-$e.moduleName = "ajax", $e.defaultConfig = Pn, $e.defaultURLGenerator = br, $e.contentTypeFormatters = Hn, $e.defaultLoaderPromise = function(e, t, i) {
+$e.moduleName = "ajax", $e.defaultConfig = Pn, $e.defaultURLGenerator = wr, $e.contentTypeFormatters = Hn, $e.defaultLoaderPromise = function(e, t, i) {
   let s;
   return new Promise((o, r) => {
     if (!this.urlGenerator) {
@@ -1609,7 +1608,7 @@ function Ws(n) {
     }), t = t.parent;
   return e;
 }
-function wr(n) {
+function vr(n) {
   return JSON.stringify(n);
 }
 function Vn(n, e) {
@@ -1619,11 +1618,11 @@ function In(n) {
   const e = Ws(n);
   return {
     path: e,
-    pathKey: wr(e),
+    pathKey: vr(e),
     rowCount: n.getRowCount()
   };
 }
-class vr {
+class yr {
   constructor(e) {
     return this._group = e, this.type = "GroupComponent", new Proxy(this, {
       get: function(t, i) {
@@ -1956,7 +1955,7 @@ const gt = class gt extends P {
         "clipboard"
       ), i = this.table.modules.export?.generateHTMLTable(s), t = i ? this.generatePlainContent(s) : "", this.table.options.clipboardCopyFormatter && typeof this.table.options.clipboardCopyFormatter == "function" && (t = this.table.options.clipboardCopyFormatter("plain", t), i = this.table.options.clipboardCopyFormatter("html", i ?? "")));
       const o = Ro(e);
-      o?.setData && (o.setData("text/plain", t), i && o.setData("text/html", i), $r("Copied to clipboard", {
+      o?.setData && (o.setData("text/plain", t), i && o.setData("text/html", i), jr("Copied to clipboard", {
         notificationType: "success"
       })), this.dispatchExternal("clipboardCopied", t, i), this.reset();
     }
@@ -1987,7 +1986,7 @@ const gt = class gt extends P {
       const s = [];
       i.columns.forEach((o) => {
         let r = "";
-        o && (i.type === "group" && (o.value = o.component instanceof vr ? o.component.getKey() : ""), typeof o.value == "object" ? r = JSON.stringify(o.value) : o.value != null && (r = String(o.value))), s.push(r);
+        o && (i.type === "group" && (o.value = o.component instanceof yr ? o.component.getKey() : ""), typeof o.value == "object" ? r = JSON.stringify(o.value) : o.value != null && (r = String(o.value))), s.push(r);
       }), t.push(s.join("	"));
     }), t.join(`
 `);
@@ -2280,7 +2279,7 @@ class hi extends Ce {
     return this.component ??= new $s(this), this.component;
   }
 }
-const yr = {
+const Cr = {
   columns: void 0,
   cssClass: void 0,
   editableTitle: void 0,
@@ -2778,7 +2777,7 @@ const yr = {
     return this.parent instanceof ve ? this.parent.getComponent() : !1;
   }
 };
-ve.defaultOptionList = yr;
+ve.defaultOptionList = Cr;
 let ze = ve;
 class js {
   constructor(e) {
@@ -4405,9 +4404,9 @@ const Ca = function(n, e, t, i, s) {
     }
   }), s.mask && Gs(r, s), r;
 }, Ea = process.env.NODE_ENV === "development";
-let Cr = null;
+let Er = null;
 function xa(n) {
-  Cr = n;
+  Er = n;
 }
 const Ra = {
   /**
@@ -4415,7 +4414,7 @@ const Ra = {
    *   by {@link setDefaultFormattersRegistry}
    */
   lookupFormatter(n, e) {
-    const t = e ?? Cr;
+    const t = e ?? Er;
     if (!t)
       throw new Error(
         "defaultFormatterRegistry is not initialized; ensure ./defaults/formatters has finished loading."
@@ -5057,7 +5056,7 @@ function Sl(n, e) {
     return;
   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 ??= Nr.Body1;
+  i.getVariant && (s = i.getVariant(t)), !s && i.variantMap && (s = i.variantMap[t]), !s && i.variant && (s = i.variant), s ??= Vr.Body1;
   const o = S`<cx-line-clamp lines="1"><cx-typography style=${Ze(i.style ?? {})}></cx-typography></cx-line-clamp>`, r = V(o), a = r.querySelector(
     "cx-typography"
   );
@@ -5065,7 +5064,7 @@ function Sl(n, e) {
   let l = String(t);
   return i.prefix && (l = i.prefix + l), i.suffix && (l = l + i.suffix), a.textContent = l, r;
 }
-const Er = {
+const xr = {
   adaptable: Sa,
   array: Ta,
   avatar: ka,
@@ -5099,7 +5098,7 @@ const Er = {
   traffic: Rl,
   typography: Sl
 };
-xa(Er);
+xa(xr);
 const bt = class bt extends P {
   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");
@@ -5202,7 +5201,7 @@ const bt = class bt extends P {
       return this.formatValue(e);
   }
 };
-bt.moduleName = "format", bt.formatters = Er;
+bt.moduleName = "format", bt.formatters = xr;
 let Ci = bt;
 const Xe = process.env.NODE_ENV === "development", Tl = S`<cx-option></cx-option>`, kl = S`<cx-divider></cx-divider>`;
 class Ml {
@@ -5366,7 +5365,7 @@ class Ml {
   }
   async _ajaxRequest(e, t) {
     const { ajaxResponse: i, filterRemote: s } = this.params, o = s ? { term: t } : {};
-    e = br(e, {}, o);
+    e = wr(e, {}, o);
     let r = [];
     try {
       if (!this.fetchApi)
@@ -6094,7 +6093,7 @@ const Dl = function(n, e, t, i, s) {
   textarea: _l,
   tickCross: Al,
   time: Hl
-}, di = process.env.NODE_ENV === "development", xr = "tabulator-edit-list-trigger", Vl = "tabulator-edit-list-trigger-caret", Il = S`<button aria-label="Open list editor" class=${xr} tabindex="-1" type="button"><cx-icon aria-hidden="true" class=${Vl} name="arrow_drop_down"></cx-icon></button>`, Jt = class Jt extends P {
+}, di = process.env.NODE_ENV === "development", Rr = "tabulator-edit-list-trigger", Vl = "tabulator-edit-list-trigger-caret", Il = S`<button aria-label="Open list editor" class=${Rr} tabindex="-1" type="button"><cx-icon aria-hidden="true" class=${Vl} name="arrow_drop_down"></cx-icon></button>`, Jt = class Jt extends P {
   constructor(e) {
     super(e), this.currentCell = !1, this.mouseClick = !1, this.recursionBlock = !1, this.invalidEdit = !1, this.editedCells = [], this.convertEmptyValues = !1, this.editors = Jt.editors, this.registerTableOption("editTriggerEvent", "focus"), this.registerTableOption("editorEmptyValue"), this.registerTableOption(
       "editorEmptyValueFunc",
@@ -6351,7 +6350,7 @@ const Dl = function(n, e, t, i, s) {
     if (e.column.definition.editor !== "list")
       return;
     const t = e.getElement(!0);
-    if (!t || t.classList.contains("tabulator-editing") || t.querySelector(`.${xr}`))
+    if (!t || t.classList.contains("tabulator-editing") || t.querySelector(`.${Rr}`))
       return;
     const i = V(
       Il
@@ -7060,10 +7059,10 @@ function ke(n) {
     return;
   }
 }
-const Rr = Symbol("skip-composite-element");
+const Sr = Symbol("skip-composite-element");
 function Kl(n, e, t, i, s) {
   if (typeof n?.getValue == "function")
-    return Rr;
+    return Sr;
   if (n?.value !== void 0)
     return n.value;
   const o = n?.field;
@@ -7087,7 +7086,7 @@ function Xl(n, e) {
       s,
       o
     );
-    if (c === Rr)
+    if (c === Sr)
       continue;
     let d = c;
     const p = h?.valueMap;
@@ -7220,36 +7219,36 @@ function ih(n) {
   const o = ke(() => s.format(i));
   return o ? [o] : [];
 }
-function Sr(n) {
+function Tr(n) {
   return n?.dependencyRegistry?.lookup?.(
     ["luxon", "DateTime"],
     "DateTime"
   );
 }
-function Tr(n, e, t) {
+function kr(n, e, t) {
   return n.isDateTime(e) ? e : t === "iso" ? n.fromISO(String(e)) : n.fromFormat(String(e), t);
 }
 function bi(n, e) {
   return typeof n == "string" && n.length > 0 && n !== e ? [n] : [];
 }
 function sh(n) {
-  const { formatterParams: e, rawValue: t, table: i } = n, s = Sr(i), o = e ?? {}, r = o.invalidPlaceholder ?? "";
+  const { formatterParams: e, rawValue: t, table: i } = n, s = Tr(i), o = e ?? {}, r = o.invalidPlaceholder ?? "";
   if (!s)
     return [];
-  const a = o.inputFormat ?? "yyyy-MM-dd HH:mm:ss", l = o.outputFormat ?? "dd/MM/yyyy HH:mm:ss", h = ke(() => Tr(s, t, a));
+  const a = o.inputFormat ?? "yyyy-MM-dd HH:mm:ss", l = o.outputFormat ?? "dd/MM/yyyy HH:mm:ss", h = ke(() => kr(s, t, a));
   if (!h?.isValid)
     return bi(r, t);
   const c = o.timezone ? ke(() => h.setZone(o.timezone)) ?? h : h, d = ke(() => c.toFormat(l));
   return d ? [d] : [];
 }
 function oh(n) {
-  const { formatterParams: e, rawValue: t, table: i } = n, s = Sr(i), o = e ?? {}, r = o.invalidPlaceholder ?? "";
+  const { formatterParams: e, rawValue: t, table: i } = n, s = Tr(i), o = e ?? {}, r = o.invalidPlaceholder ?? "";
   if (!s)
     return bi(r, t);
   const a = o.inputFormat ?? "yyyy-MM-dd HH:mm:ss", l = o.suffix === void 0 || o.suffix === null ? !1 : o.suffix, h = o.unit === void 0 || o.unit === null ? "days" : o.unit, c = o.humanize === void 0 || o.humanize === null ? !1 : o.humanize, d = o.date === void 0 || o.date === null ? ke(() => s.now()) : o.date;
   if (!d)
     return bi(r, t);
-  const p = ke(() => Tr(s, t, a));
+  const p = ke(() => kr(s, t, a));
   if (!p?.isValid)
     return bi(r, t);
   const u = ke(() => c ? p.diff(d, h).toHuman() + (l ? " " + l : "") : Number.parseInt(String(p.diff(d, h)[h]), 10) + (l ? " " + l : ""));
@@ -7262,21 +7261,21 @@ function rh(n, e) {
   const i = e?.prefix, s = e?.suffix;
   return typeof i == "string" && i.length > 0 && (t = i + t), typeof s == "string" && s.length > 0 && (t = t + s), t;
 }
-function kr(n) {
+function Mr(n) {
   const { formatterParams: e, rawValue: t } = n, i = rh(t, e);
   return i === void 0 || i === String(t) ? [] : [i];
 }
 function nh(n) {
-  return kr(n);
+  return Mr(n);
 }
-function Mr(n) {
+function Dr(n) {
   if (typeof n.rawValue != "string" || !n.rawValue.includes("<"))
     return [];
   const e = Ul(n.rawValue);
   return !e || e === n.rawValue ? [] : [e];
 }
 function ah(n) {
-  return Mr(n);
+  return Dr(n);
 }
 function lh(n) {
   const { formatterParams: e, rawValue: t } = n, i = e ?? {}, s = i.indent ?? "	", o = i.replacer ?? null, r = ke(() => JSON.stringify(t, o, s));
@@ -7323,13 +7322,13 @@ const ch = {
   array: Yl,
   datetime: sh,
   datetimediff: oh,
-  html: Mr,
+  html: Dr,
   json: lh,
   link: Zl,
   lookup: Jl,
   money: eh,
   number: ih,
-  plaintext: kr,
+  plaintext: Mr,
   tag: Ql,
   textarea: ah,
   typography: nh
@@ -8345,7 +8344,7 @@ class Pt {
     this.groups[t] && (delete this.groups[t], i = this.groupList.indexOf(e), i > -1 && this.groupList.splice(i, 1), this.groupList.length || (this.parent ? this.parent.removeGroup(this) : this.groupManager.removeGroup(this)));
   }
   getPathKey() {
-    return wr(Ws(this));
+    return vr(Ws(this));
   }
   getLoadMoreState() {
     return Vn(
@@ -8597,7 +8596,7 @@ class Pt {
   }
   // ////////////// Object Generation /////////////////
   getComponent() {
-    return this.component ??= new vr(this), this.component;
+    return this.component ??= new yr(this), this.component;
   }
 }
 const Hi = process.env.NODE_ENV === "development", eo = class eo extends P {
@@ -12355,7 +12354,7 @@ const jh = S`<cx-checkbox></cx-checkbox>`;
 function Gh(n, e, t) {
   const i = V(jh);
   let s = i, o = !1;
-  i.setAttribute("aria-label", "Select Row"), i.size = Ur.Small;
+  i.setAttribute("aria-label", "Select Row"), i.size = Kr.Small;
   const r = this.table;
   if (r.modExists("selectRow", !0)) {
     i.addEventListener("click", (l) => {
@@ -13942,7 +13941,7 @@ class gc {
     this.columnCount = e;
   }
 }
-class Dr {
+class Lr {
   constructor(e) {
     return this._sheet = e, new Proxy(this, {
       get: function(t, i) {
@@ -14048,7 +14047,7 @@ class Ko extends Ce {
   }
   // #region Helper Functions
   getComponent() {
-    return new Dr(this);
+    return new Lr(this);
   }
   getDefinition() {
     return {
@@ -14194,7 +14193,7 @@ Data:     `,
     this.sheets.length > 1 ? t > -1 && (this.sheets.splice(t, 1), e.destroy(), this.activeSheet === e && (i = this.sheets[t - 1] || this.sheets[0], i ? this.loadSheet(i) : this.activeSheet = null)) : ut && console.warn("Unable to remove sheet, at least one sheet must be active");
   }
   lookupSheet(e) {
-    return e ? e instanceof Ko ? e : e instanceof Dr ? e._sheet : this.sheets.find((t) => t.key === e) ?? null : this.activeSheet;
+    return e ? e instanceof Ko ? e : e instanceof Lr ? e._sheet : this.sheets.find((t) => t.key === e) ?? null : this.activeSheet;
   }
   /**
    * Public Functions
@@ -14323,7 +14322,7 @@ function Ni(n, e) {
 function Vi(n) {
   return n instanceof Date ? n.getTime() : typeof n == "number" ? Number.isFinite(n) ? n : NaN : typeof n == "string" ? Date.parse(n) : NaN;
 }
-const Lr = {
+const Fr = {
   // must be alphanumeric
   alphanumeric(n) {
     return we(n) ? !0 : /^[a-z0-9]+$/i.test(String(n));
@@ -14438,7 +14437,7 @@ const Lr = {
 };
 function Re(n) {
   return function(e, t, i) {
-    return Lr[n](t, i);
+    return Fr[n](t, i);
   };
 }
 const mc = {
@@ -14465,7 +14464,7 @@ const mc = {
     return this.table.rowManager?.rows.forEach((r) => {
       const a = r.getData();
       a !== i && o.push(s.getFieldValue(a));
-    }), Lr.unique(e, t, { columnValues: o });
+    }), Fr.unique(e, t, { columnValues: o });
   }
 };
 function bc(n) {
@@ -14512,7 +14511,7 @@ function Ec(n, e) {
 }
 const Jo = process.env.NODE_ENV === "development", Yo = 2e3, Qo = 1e3, Xt = "data-validation-message", Zt = class Zt extends P {
   constructor(e) {
-    super(e), this.invalidState = /* @__PURE__ */ new Map(), this.validationGeneration = 0, this.suppressValidationChanged = !1, this.registerTableOption("validationMode", "blocking"), this.registerTableOption("validateOnLoad", !1), this.registerTableOption("validationWorkerThreshold", Yo), this.registerColumnOption("validator"), this.registerTableFunction(
+    super(e), this.invalidState = /* @__PURE__ */ new Map(), this.mutateOnValidateColumns = /* @__PURE__ */ new Set(), this.validationGeneration = 0, this.suppressValidationChanged = !1, this.registerTableOption("validationMode", "blocking"), this.registerTableOption("validateOnLoad", !1), this.registerTableOption("validationWorkerThreshold", Yo), this.registerColumnOption("validator"), this.registerColumnOption("mutateOnValidate"), this.registerTableFunction(
       "getInvalidCells",
       this.getInvalidCells.bind(this)
     ), this.registerTableFunction(
@@ -14533,6 +14532,10 @@ const Jo = process.env.NODE_ENV === "development", Yo = 2e3, Qo = 1e3, Xt = "dat
       "cell",
       "validate",
       this.cellValidate.bind(this)
+    ), this.registerComponentFunction(
+      "cell",
+      "getValidationErrors",
+      this.getCellValidationErrors.bind(this)
     ), this.registerComponentFunction(
       "column",
       "validate",
@@ -14592,7 +14595,7 @@ const Jo = process.env.NODE_ENV === "development", Yo = 2e3, Qo = 1e3, Xt = "dat
   }
   columnDeleted(e) {
     let t = !1;
-    this.invalidState.forEach((i, s) => {
+    this.mutateOnValidateColumns.delete(e), this.invalidState.forEach((i, s) => {
       i.delete(e) && (t = !0, i.size === 0 && this.invalidState.delete(s));
     }), t && this.dispatchValidationChanged();
   }
@@ -14620,6 +14623,10 @@ const Jo = process.env.NODE_ENV === "development", Yo = 2e3, Qo = 1e3, Xt = "dat
   cellValidate(e) {
     return this.validate(e.column.modules.validate, e, e.getValue());
   }
+  /** Current validation failures for this cell — empty when the cell is valid or unvalidated. */
+  getCellValidationErrors(e) {
+    return Array.isArray(e.modules.validate?.invalid) ? e.modules.validate.invalid : [];
+  }
   // /////////////////////////////////
   // /////// Column Functions ////////
   // /////////////////////////////////
@@ -14656,7 +14663,7 @@ const Jo = process.env.NODE_ENV === "development", Yo = 2e3, Qo = 1e3, Xt = "dat
     return this.runSuppressed(() => {
       this.table.rowManager && this.table.rowManager.rows.forEach((i) => {
         const o = i.getComponent().validate();
-        o !== !0 && t.push(...Array.isArray(o) ? o : [o]);
+        this.refreshMutateOnValidateColumns(i), o !== !0 && t.push(...Array.isArray(o) ? o : [o]);
       });
     }), this.dispatchValidationChanged(), t.length ? t : !0;
   }
@@ -14701,7 +14708,7 @@ const Jo = process.env.NODE_ENV === "development", Yo = 2e3, Qo = 1e3, Xt = "dat
   // /////// Internal Logic //////////
   // /////////////////////////////////
   initializeColumnCheck(e) {
-    e.definition.validator !== void 0 && e.definition.validator !== null && this.initializeColumn(e);
+    e.definition.validator !== void 0 && e.definition.validator !== null && this.initializeColumn(e), e.definition.mutateOnValidate && this.mutateOnValidateColumns.add(e);
   }
   // validate
   initializeColumn(e) {
@@ -14744,14 +14751,25 @@ const Jo = process.env.NODE_ENV === "development", Yo = 2e3, Qo = 1e3, Xt = "dat
         parameters: r.params,
         type: r.type
       });
-    }), t.modules.validate || (t.modules.validate = {}), s.length ? (t.modules.validate.invalid = s, this.table.options.validationMode !== "manual" && this.applyCellInvalidState(t), this.registerInvalidCell(t, s)) : (t.modules.validate.invalid = !1, this.clearCellInvalidState(t), this.unregisterInvalidCell(t)), o !== s.length > 0 && this.dispatchValidationChanged(), s.length ? s : !0;
+    }), t.modules.validate || (t.modules.validate = {}), s.length ? (t.modules.validate.invalid = s, this.table.options.validationMode !== "manual" && this.applyCellInvalidState(t), this.registerInvalidCell(t, s)) : (t.modules.validate.invalid = !1, this.clearCellInvalidState(t), this.unregisterInvalidCell(t)), this.suppressValidationChanged || this.refreshMutateOnValidateColumns(t.row), o !== s.length > 0 && this.dispatchValidationChanged(), s.length ? s : !0;
   }
   getInvalidCells() {
     return this.invalidCells.map((e) => e.getComponent());
   }
   clearValidation(e) {
     const t = this.unregisterInvalidCell(e), i = !!e.modules.validate?.invalid;
-    !t && !i || (this.clearCellInvalidState(e), e.modules.validate && (e.modules.validate.invalid = !1), this.dispatchValidationChanged());
+    !t && !i || (this.clearCellInvalidState(e), e.modules.validate && (e.modules.validate.invalid = !1), this.refreshMutateOnValidateColumns(e.row), this.dispatchValidationChanged());
+  }
+  /**
+   * Forces every `mutateOnValidate` column to re-run its mutator (and re-render) for this row —
+   * called after this row's validation state changes, so a column aggregating row-level errors
+   * (e.g. via `getValidationErrors()` on sibling cells) stays in sync. No-op when no column opts in.
+   */
+  refreshMutateOnValidateColumns(e) {
+    this.mutateOnValidateColumns.size && this.mutateOnValidateColumns.forEach((t) => {
+      const i = e.getCell(t);
+      i && i.setValue(i.getValue(), !0, !0);
+    });
   }
   // /////////////////////////////////
   // //// Invalid state registry /////
@@ -14803,14 +14821,14 @@ const Jo = process.env.NODE_ENV === "development", Yo = 2e3, Qo = 1e3, Xt = "dat
     });
   }
   applyWorkerResults(e, t, i) {
-    const s = new Set(this.table.rowManager?.rows ?? []);
-    e.forEach((o) => {
-      const r = t[o.rowIndex], a = i[o.fieldIndex];
-      if (!r || !a || !s.has(r))
+    const s = new Set(this.table.rowManager?.rows ?? []), o = /* @__PURE__ */ new Set();
+    e.forEach((r) => {
+      const a = t[r.rowIndex], l = i[r.fieldIndex];
+      if (!a || !l || !s.has(a))
         return;
-      const l = r.getCell(a);
-      l && this.applyBatchFailures(l, o.failures);
-    });
+      const h = a.getCell(l);
+      h && (this.applyBatchFailures(h, r.failures), o.add(a));
+    }), o.forEach((r) => this.refreshMutateOnValidateColumns(r));
   }
   applyBatchFailures(e, t) {
     e.modules.validate || (e.modules.validate = {}), e.modules.validate.invalid = t, this.table.options.validationMode !== "manual" && this.applyCellInvalidState(e), this.registerInvalidCell(e, t);
@@ -14831,7 +14849,7 @@ const Jo = process.env.NODE_ENV === "development", Yo = 2e3, Qo = 1e3, Xt = "dat
           e.forEach((l) => {
             const h = a.getCell(l);
             h && this.validate(l.modules.validate, h, h.getValue());
-          });
+          }), this.refreshMutateOnValidateColumns(a);
         }
       }), o < t.length && await new Promise((r) => setTimeout(r));
     }
@@ -15231,7 +15249,7 @@ class Rc extends Li {
   }
 }
 const Sc = process.env.NODE_ENV === "development";
-class Fr {
+class zr {
   constructor(e, t, i = {}) {
     this.registeredDefaults = {}, this.table = e, this.msgType = t, this.registeredDefaults = { ...i };
   }
@@ -15251,10 +15269,10 @@ class Fr {
 const Zo = process.env.NODE_ENV === "development";
 class Tc extends Ce {
   constructor(e) {
-    super(e), this.blockHozScrollEvent = !1, this.headersElement = null, this.contentsElement = null, this.rowHeader = null, this.columns = [], this.columnsByIndex = [], this.columnsByField = {}, this.scrollLeft = 0, this.optionsList = new Fr(
+    super(e), this.blockHozScrollEvent = !1, this.headersElement = null, this.contentsElement = null, this.rowHeader = null, this.columns = [], this.columnsByIndex = [], this.columnsByField = {}, this.scrollLeft = 0, this.optionsList = new zr(
       this.table,
       "column definition",
-      yr
+      Cr
     ), this.redrawBlock = !1, this.redrawBlockUpdate = null, this.renderer = null;
   }
   // //////////// Setup Functions /////////////////
@@ -17496,16 +17514,16 @@ Ie.registry = {
   tables: []
 };
 let Hs = Ie;
-const gi = process.env.NODE_ENV === "development", X = class X extends Hs {
+const gi = process.env.NODE_ENV === "development", J = class J extends Hs {
   constructor() {
     super(), this.modulesCore = [], this.modulesRegular = [];
   }
   static initializeModuleBinder(e) {
-    X.modulesRegistered || (X.modulesRegistered = !0, X._registerModules(Xc, !0), e && X._registerModules(e));
+    J.modulesRegistered || (J.modulesRegistered = !0, J._registerModules(Xc, !0), e && J._registerModules(e));
   }
   static _extendModule(e, t, i) {
-    if (X.moduleBindings[e]) {
-      const s = X.moduleBindings[e][t];
+    if (J.moduleBindings[e]) {
+      const s = J.moduleBindings[e][t];
       if (s)
         if (typeof i == "object")
           for (const o in i)
@@ -17520,15 +17538,15 @@ const gi = process.env.NODE_ENV === "development", X = class X extends Hs {
     const i = Object.values(e);
     t && i.forEach((s) => {
       s.prototype.moduleCore = !0;
-    }), X._registerModule(i);
+    }), J._registerModule(i);
   }
   static _registerModule(e) {
     (Array.isArray(e) ? e : [e]).forEach((i) => {
-      X._registerModuleBinding(i), X._registerModuleExtensions(i);
+      J._registerModuleBinding(i), J._registerModuleExtensions(i);
     });
   }
   static _registerModuleBinding(e) {
-    e.moduleName ? X.moduleBindings[e.moduleName] = e : gi && console.error(
+    e.moduleName ? J.moduleBindings[e.moduleName] = e : gi && console.error(
       "Unable to bind module, no moduleName defined",
       e.moduleName
     );
@@ -17538,25 +17556,25 @@ const gi = process.env.NODE_ENV === "development", X = class X extends Hs {
     if (e.moduleExtensions)
       for (const i in t) {
         const s = t[i];
-        if (X.moduleBindings[i])
+        if (J.moduleBindings[i])
           for (const o in s)
-            X._extendModule(i, o, s[o]);
+            J._extendModule(i, o, s[o]);
         else {
-          X.moduleExtensions[i] || (X.moduleExtensions[i] = {});
+          J.moduleExtensions[i] || (J.moduleExtensions[i] = {});
           for (const o in s)
-            X.moduleExtensions[i][o] || (X.moduleExtensions[i][o] = {}), Object.assign(
-              X.moduleExtensions[i][o],
+            J.moduleExtensions[i][o] || (J.moduleExtensions[i][o] = {}), Object.assign(
+              J.moduleExtensions[i][o],
               s[o]
             );
         }
       }
-    X._extendModuleFromQueue(e);
+    J._extendModuleFromQueue(e);
   }
   static _extendModuleFromQueue(e) {
-    const t = X.moduleExtensions[e.moduleName];
+    const t = J.moduleExtensions[e.moduleName];
     if (t)
       for (const i in t)
-        X._extendModule(
+        J._extendModule(
           e.moduleName,
           i,
           t[i]
@@ -17566,8 +17584,8 @@ const gi = process.env.NODE_ENV === "development", X = class X extends Hs {
   _bindModules() {
     const e = [], t = [], i = [];
     this.modules = {};
-    for (const s in X.moduleBindings) {
-      const o = X.moduleBindings[s], r = new o(this);
+    for (const s in J.moduleBindings) {
+      const o = J.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) => {
@@ -17581,8 +17599,8 @@ const gi = process.env.NODE_ENV === "development", X = class X extends Hs {
     );
   }
 };
-X.moduleBindings = {}, X.moduleExtensions = {}, X.modulesRegistered = !1, X.defaultModules = !1;
-let Ns = X;
+J.moduleBindings = {}, J.moduleExtensions = {}, J.modulesRegistered = !1, J.defaultModules = !1;
+let Ns = J;
 const re = process.env.NODE_ENV === "development", nt = class nt extends Ns {
   static extendModule(...e) {
     nt.initializeModuleBinder(), nt._extendModule(...e);
@@ -17591,7 +17609,7 @@ const re = process.env.NODE_ENV === "development", nt = class nt extends Ns {
     nt.initializeModuleBinder(), nt._registerModule(...e);
   }
   constructor(e, t, i) {
-    super(), nt.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 _c(this), this.dataLoader = null, this.modules = {}, this.modulesCore = [], this.modulesRegular = [], this.deprecationAdvisor = new Nc(this), this.optionsList = new Fr(this, "table constructor"), this.dependencyRegistry = new Pc(this), this.initialized = !1, this.destroyed = !1, this.initializeElement(e) && (this.initializeCoreSystems(t), setTimeout(() => {
+    super(), nt.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 _c(this), this.dataLoader = null, this.modules = {}, this.modulesCore = [], this.modulesRegular = [], this.deprecationAdvisor = new Nc(this), this.optionsList = new zr(this, "table constructor"), this.dependencyRegistry = new Pc(this), this.initialized = !1, this.destroyed = !1, this.initializeElement(e) && (this.initializeCoreSystems(t), setTimeout(() => {
       this._create();
     })), this.constructor.registry.register(this);
   }
@@ -17996,7 +18014,7 @@ class Yc extends yt {
   // #endregion
 }
 var Ct = /* @__PURE__ */ ((n) => (n.Multiple = "multiple", n.Single = "single", n))(Ct || {}), Ge = /* @__PURE__ */ ((n) => (n.Checkbox = "checkbox", n.DatePicker = "date-picker", n.DateRange = "date-range", n))(Ge || {}), vi = /* @__PURE__ */ ((n) => (n.Checkbox = "checkbox", n.DatePicker = "datePicker", n.DateRangePicker = "dateRangePicker", n))(vi || {}), yi = /* @__PURE__ */ ((n) => (n.ShowPreset = "showPreset", n.ShowTime = "showTime", n))(yi || {});
-class zr {
+class Or {
   #e;
   #i;
   #s = /* @__PURE__ */ new Set();
@@ -18067,11 +18085,11 @@ function Qc(n, e) {
 }
 function Zc(n, e) {
   const t = n.facetDetails;
-  return S`<cx-facet-date-picker field=${t.facetFieldName} display-name=${t.displayName} value=${e.dateRange?.fromDate ?? ""} from-time=${e.dateRange?.fromTime ?? ur} min=${t.min ?? ""} max=${t.max ?? ""} ?show-time=${t.showTime ?? !1}></cx-facet-date-picker>`;
+  return S`<cx-facet-date-picker field=${t.facetFieldName} display-name=${t.displayName} value=${e.dateRange?.fromDate ?? ""} from-time=${e.dateRange?.fromTime ?? pr} min=${t.min ?? ""} max=${t.max ?? ""} ?show-time=${t.showTime ?? !1}></cx-facet-date-picker>`;
 }
 function ed(n, e) {
   const t = n.facetDetails;
-  return S`<cx-facet-date-range field=${t.facetFieldName} display-name=${t.displayName} from-date=${e.dateRange?.fromDate ?? ""} to-date=${e.dateRange?.toDate ?? ""} from-time=${e.dateRange?.fromTime ?? ur} to-time=${e.dateRange?.toTime ?? Yr} 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 S`<cx-facet-date-range field=${t.facetFieldName} display-name=${t.displayName} from-date=${e.dateRange?.fromDate ?? ""} to-date=${e.dateRange?.toDate ?? ""} from-time=${e.dateRange?.fromTime ?? pr} to-time=${e.dateRange?.toTime ?? Yr} 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 td = {
   [Ge.Checkbox]: Qc,
@@ -18085,7 +18103,7 @@ var sd = Object.defineProperty, od = Object.getOwnPropertyDescriptor, De = (n, e
 };
 let ge = class extends tt {
   constructor() {
-    super(...arguments), this.localize = new zt(this), this.shadowRootAutoloader = new zr(
+    super(...arguments), this.localize = new zt(this), this.shadowRootAutoloader = new Or(
       this
     ), this.facets = [], this.availableFacets = [], this.selectedFacets = {}, this.selectedDateRanges = {}, this.selection = Ct.Single, this.loading = !1, this.appliedFiltersCount = 0, this.internalSelection = {}, this.internalDateRanges = {}, this.mappedDisplayNames = {};
   }
@@ -18195,7 +18213,7 @@ let ge = class extends tt {
     return S`<cx-details open aria-busy=${this.loading ? "true" : "false"} class=${at({
       "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})` : pt}</span>${J(
+    })}><span slot="summary" class="applied-filters__summary"><span class="applied-filters__title">${this.localize.term("appliedFilters")}${this.appliedFiltersCount > 0 ? ` (${this.appliedFiltersCount})` : pt}</span>${X(
       this.loading,
       () => S`<span class="applied-filters__loading" role="status" aria-label=${this.localize.term("loading")}><cx-spinner></cx-spinner></span>`,
       () => pt
@@ -18228,18 +18246,18 @@ let ge = class extends tt {
     );
   }
   renderFooter() {
-    return J(
+    return X(
       this.appliedFiltersCount > 0,
       () => S`<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>`,
       () => pt
     );
   }
   render() {
-    return S`<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>${J(
+    return S`<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>${X(
       this.appliedFiltersCount > 0,
       () => S`<cx-badge class="faceted-filter__trigger-badge" pill size="small">${this.appliedFiltersCount}</cx-badge>`,
       () => pt
-    )}</div><div class="panel"><div class="panel__content"><div class="panel__header">${this.renderAppliedFilters()}</div><div class="panel__body">${J(
+    )}</div><div class="panel"><div class="panel__content"><div class="panel__header">${this.renderAppliedFilters()}</div><div class="panel__body">${X(
       this.availableFacets.length > 0,
       () => S`<div>${je(
         this.availableFacets,
@@ -18273,7 +18291,7 @@ ge.dependencies = {
   "cx-icon": oi,
   "cx-icon-button": Is,
   "cx-space": si,
-  "cx-spinner": pr,
+  "cx-spinner": fr,
   "cx-tag": nn,
   "cx-tooltip": ri
 };
@@ -18899,7 +18917,7 @@ function Vd(n, e, t, i = 500) {
 async function Id(n, e, t, i = 500) {
   if (!Number.isInteger(i) || i < 1)
     throw new RangeError("chunkSize must be a positive integer");
-  const { columns: s, rows: o } = _r(n);
+  const { columns: s, rows: o } = Ar(n);
   e(s);
   for (let r = 0; r < o.length; r += i)
     await t(o.slice(r, r + i));
@@ -18908,7 +18926,7 @@ async function Id(n, e, t, i = 500) {
 async function Bd(n, e, t, i = 500) {
   if (!Number.isInteger(i) || i < 1)
     throw new RangeError("chunkSize must be a positive integer");
-  const s = JSON.parse(n), { columns: o, rows: r } = Or(s);
+  const s = JSON.parse(n), { columns: o, rows: r } = _r(s);
   e(o);
   for (let a = 0; a < r.length; a += i)
     await t(r.slice(a, a + i));
@@ -18917,7 +18935,7 @@ async function Bd(n, e, t, i = 500) {
 function or(n) {
   return typeof n == "object" && n !== null && !Array.isArray(n);
 }
-function Or(n) {
+function _r(n) {
   if (Array.isArray(n)) {
     if (n.length === 0)
       return { columns: [], rows: [] };
@@ -18958,14 +18976,14 @@ function $d(n) {
   return Wd(e.data);
 }
 function jd(n) {
-  const e = JSON.parse(n), { columns: t, rows: i } = Or(e);
+  const e = JSON.parse(n), { columns: t, rows: i } = _r(e);
   return { columns: t, data: i };
 }
 function Gd(n) {
-  const { columns: e, rows: t } = _r(n);
+  const { columns: e, rows: t } = Ar(n);
   return { columns: e, data: t };
 }
-function _r(n) {
+function Ar(n) {
   const e = new DOMParser().parseFromString(n, "text/xml"), t = e.querySelector("parsererror");
   if (t)
     throw new Error(`XML parse error: ${t.textContent?.trim() ?? "unknown error"}`);
@@ -19033,18 +19051,18 @@ function Kd(n, e) {
 function qd(n, e, t) {
   return n !== Te.Auto ? n : Kd(e, t);
 }
-var Xd = Object.defineProperty, Jd = Object.getOwnPropertyDescriptor, Ar = (n) => {
+var Xd = Object.defineProperty, Jd = Object.getOwnPropertyDescriptor, Pr = (n) => {
   throw TypeError(n);
 }, v = (n, e, t, i) => {
   for (var s = i > 1 ? void 0 : i ? Jd(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 && Xd(e, t, s), s;
-}, Yd = (n, e, t) => e.has(n) || Ar("Cannot " + t), Qd = (n, e, t) => (Yd(n, e, "read from private field"), t ? t.call(n) : e.get(n)), Zd = (n, e, t) => e.has(n) ? Ar("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(n) : e.set(n, t), Vs, Pr;
+}, Yd = (n, e, t) => e.has(n) || Pr("Cannot " + t), Qd = (n, e, t) => (Yd(n, e, "read from private field"), t ? t.call(n) : e.get(n)), Zd = (n, e, t) => e.has(n) ? Pr("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(n) : e.set(n, t), Vs, Hr;
 let b = class extends tt {
   constructor() {
-    super(), Zd(this, Vs), this.localize = new zt(this), this.verticalOsInstance = null, this.horizontalOsInstance = null, this.resizeObserver = null, this.overflowObserver = null, this.ajaxFacetsController = new rd(this), this.filterController = new cd(this), this.ajaxFacetFilterController = new hd(this, this.filterController), this.selectAllController = new dd(this), this.shadowRootAutoloader = new zr(
+    super(), Zd(this, Vs), this.localize = new zt(this), this.hasSlotController = new ur(this, "add-action"), this.verticalOsInstance = null, this.horizontalOsInstance = null, this.resizeObserver = null, this.overflowObserver = null, this.ajaxFacetsController = new rd(this), this.filterController = new cd(this), this.ajaxFacetFilterController = new hd(this, this.filterController), this.selectAllController = new dd(this), this.shadowRootAutoloader = new Or(
       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.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.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 = Kt.Both, this.clipboardCopyRowRange = "range", this.clipboardPasteParser = void 0, this.clipboardPasteAction = "insert", this.clipboardCopyConfig = { columnHeaders: !1 }, this.clipboardNoCopyStyled = !1, this.pagination = !1, this.paginationMode = Qe.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 = Xr.Both, this.paginationShowFirst = !1, this.paginationShowLast = !1, this.paginationPlacement = ki.TopEnd, 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 = Qe.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 = qt.IsoDateTime, this.dataFormat = Te.Auto, this.tabulatorInstance = null, this.watchedEvents = /* @__PURE__ */ new Set(), this.activeSearchValue = "", this.dataUrlRequestId = 0, this.hasFacets = !1, 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.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.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 = Kt.Both, this.clipboardCopyRowRange = "range", this.clipboardPasteParser = void 0, this.clipboardPasteAction = "insert", this.clipboardCopyConfig = { columnHeaders: !1 }, this.clipboardNoCopyStyled = !1, this.pagination = !1, this.paginationMode = Qe.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 = Jr.Both, this.paginationShowFirst = !1, this.paginationShowLast = !1, this.paginationPlacement = ki.TopEnd, 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 = Qe.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 = qt.IsoDateTime, this.dataFormat = Te.Auto, this.preserveColumnsOnLoad = !1, this.tabulatorInstance = null, this.watchedEvents = /* @__PURE__ */ new Set(), this.activeSearchValue = "", this.dataUrlRequestId = 0, this.hasFacets = !1, this.handleTableBuilt = () => {
       this.useOverlayScrollbar ? this.initVerticalScrollbar() : this.verticalOsInstance?.destroy(), this.initHorizontalScrollbar(), this.initOverflowObserver(), this.filterController.syncDropdownFilterSources(this.dropdownFilters), this.handleSearch(), this.filterController.applyFilters(), this.placePaginator(), this.dataUrl && this.loadFromDataUrl();
     }, this.handleValidationChanged = (t) => {
       this.validationTooltipAnchor && !this.validationTooltipAnchor.isConnected && this.hideValidationTooltip(), this.emit("cx-table-validation-change", { detail: t });
@@ -19081,8 +19099,12 @@ let b = class extends tt {
   get showPaginationFooter() {
     return this.pagination && this.isBottomPlacement;
   }
+  /** True when either the default add button or a custom `add-action` slot should render. */
+  get hasAddAction() {
+    return this.canAdd || this.hasSlotController.test("add-action");
+  }
   get showTableToolbar() {
-    return this.pagination || this.label || this.canSearch || this.showSavedSearch || this.canSaveReport || this.canSelectAll || this.groupByOptions.length > 0 || this.hasFacets;
+    return this.pagination || this.label || this.hasAddAction || this.canSearch || this.showSavedSearch || this.canSaveReport || this.canSelectAll || this.groupByOptions.length > 0 || this.hasFacets;
   }
   /** True when all active enabled rows are selected (local) or select-all mode with no exclusions (remote). */
   get selectAllActive() {
@@ -19185,7 +19207,7 @@ let b = class extends tt {
       groupHeaderUseFormatter: this.groupHeaderUseFormatter,
       groupIndent: this.groupIndent,
       groupLoadMoreMeta: this.groupLoadMoreMeta,
-      groupStartOpen: Qd(this, Vs, Pr),
+      groupStartOpen: Qd(this, Vs, Hr),
       groupToggleElement: this.groupToggleElement,
       groupUpdateOnCellEdit: this.groupUpdateOnCellEdit,
       groupValues: this.groupValues,
@@ -19489,12 +19511,20 @@ let b = class extends tt {
   handleSelectAllChange(e) {
     this.selectAllController.handleSelectAllChange(e.detail.checked);
   }
+  /**
+   * Controlled by `preserveColumnsOnLoad`: when enabled and the consumer already defined
+   * `columns` (e.g. a custom column with its own `mutator`), a `dataUrl` load keeps them as-is.
+   * Otherwise columns are auto-detected from the loaded data's headers, same as before.
+   */
+  resolveColumnsAfterLoad(e) {
+    return this.preserveColumnsOnLoad && this.columns && this.columns.length > 0 ? this.columns : e;
+  }
   async streamCsvData(e, t) {
     let i = !0;
     const o = await Vd(
       e,
       (r) => {
-        t === this.dataUrlRequestId && (this.columns = r);
+        t === this.dataUrlRequestId && (this.columns = this.resolveColumnsAfterLoad(r));
       },
       async (r) => {
         t === this.dataUrlRequestId && (i ? (await this.tabulatorInstance?.setData(r), i = !1) : await this.tabulatorInstance?.addData(r), await new Promise((a) => requestAnimationFrame(() => a())));
@@ -19515,7 +19545,7 @@ let b = class extends tt {
       r = await Bd(
         e,
         (a) => {
-          t === this.dataUrlRequestId && (this.columns = a);
+          t === this.dataUrlRequestId && (this.columns = this.resolveColumnsAfterLoad(a));
         },
         o
       );
@@ -19539,7 +19569,7 @@ let b = class extends tt {
       r = await Id(
         e,
         (a) => {
-          t === this.dataUrlRequestId && (this.columns = a);
+          t === this.dataUrlRequestId && (this.columns = this.resolveColumnsAfterLoad(a));
         },
         o
       );
@@ -19612,22 +19642,26 @@ let b = class extends tt {
     return S`<cx-space part="base" direction="vertical" spacing="large" wrap="nowrap" class=${at({
       container: !0,
       "container--overlay-scrollbar": this.useOverlayScrollbar
-    })}>${J(
+    })}>${X(
       this.showTableToolbar,
       () => S`<cx-table-toolbar label=${this.label} ?pagination=${this.pagination} pagination-placement=${Q(
         this.pagination ? this.paginationPlacement : void 0
-      )} ?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(
+      )} ?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>${X(
         this.hasFacets,
         () => S`<cx-faceted-filter slot="dialog-dynamic-filter" .facets=${this.ajaxFacetsController.facets} .availableFacets=${this.ajaxFacetsController.availableFacets}></cx-faceted-filter>`
+      )}
+            ${X(
+        this.hasSlotController.test("add-action"),
+        () => S`<slot name="add-action" slot="add-action"></slot>`
       )}</cx-table-toolbar>`
-    )}<div part="table" class="table" @mouseover=${this.handleValidationMouseOver} @mouseout=${this.handleValidationMouseOut}></div>${J(
+    )}<div part="table" class="table" @mouseover=${this.handleValidationMouseOver} @mouseout=${this.handleValidationMouseOut}></div>${X(
       this.showPaginationFooter,
       () => S`<cx-table-footer part="pagination-footer" pagination-placement=${this.paginationPlacement}></cx-table-footer>`
     )}</cx-space><cx-tooltip class="validation-tooltip" trigger="manual" disabled-hover-bridge></cx-tooltip>`;
   }
 };
 Vs = /* @__PURE__ */ new WeakSet();
-Pr = function() {
+Hr = function() {
   return this.groupStartOpenValues !== void 0 && this.groupStartOpenValues !== null ? (n) => this.groupStartOpenValues?.includes(n) ?? !1 : this.groupStartOpen;
 };
 b.styles = [
@@ -19644,7 +19678,7 @@ b.dependencies = {
   "cx-icon-button": Is,
   "cx-select": sn,
   "cx-space": si,
-  "cx-spinner": pr,
+  "cx-spinner": fr,
   "cx-table-footer": ti,
   "cx-table-row-actions": Et,
   "cx-table-toolbar": q,
@@ -20495,6 +20529,9 @@ v([
 v([
   g({ attribute: "data-format", type: String })
 ], b.prototype, "dataFormat", 2);
+v([
+  g({ attribute: "preserve-columns-on-load", type: Boolean })
+], b.prototype, "preserveColumnsOnLoad", 2);
 v([
   ce()
 ], b.prototype, "tabulatorInstance", 2);
@@ -20675,7 +20712,7 @@ const eu = b;
 var Ve = /* @__PURE__ */ ((n) => (n.Circles = "circles", n.Grid = "grid", n.Table = "table", n))(Ve || {});
 const ar = 165, tu = ["HEX", "RGB", "CMYK", "PMS"], iu = {
   resizable: !1
-}, Hr = [
+}, Nr = [
   {
     field: "hex",
     formatter: (n) => {
@@ -20748,10 +20785,10 @@ function mi(n, e, t) {
     verticalAlign: "middle",
     whiteSpace: "nowrap"
   })}>${i}</span></cx-copy-button>`, o = document.createDocumentFragment();
-  return Vr(s, o), o.firstElementChild;
+  return Ir(s, o), o.firstElementChild;
 }
 const su = (n, e) => [
-  ...Hr.slice(0, 2),
+  ...Nr.slice(0, 2),
   {
     field: "hex",
     formatter: (t) => mi(n, t, e),
@@ -20803,7 +20840,7 @@ let de = class extends tt {
     this.setAttribute("role", "region"), this.setAttribute("aria-label", this.localize.term("colorSwatches")), this.setAttribute(
       "aria-roledescription",
       this.localize.term("colorSwatches")
-    ), this.breakpoints = jr(this, this.breakpoints), this.handleResize();
+    ), this.breakpoints = Gr(this, this.breakpoints), this.handleResize();
   }
   runConnectedCallback() {
     window.addEventListener("resize", this.handleWindowResize);
@@ -20827,7 +20864,7 @@ let de = class extends tt {
         break;
       }
       case Ve.Circles: {
-        this.deviceType = Gr(this.breakpoints);
+        this.deviceType = Ur(this.breakpoints);
         break;
       }
     }
@@ -20849,7 +20886,7 @@ let de = class extends tt {
    * Filter out the columns that are not in the showCodes
    */
   getTableColumns(n) {
-    const e = this.canCopy ? su(this.localize, n) : Hr;
+    const e = this.canCopy ? su(this.localize, n) : Nr;
     return [
       ...e.slice(0, 2),
       ...e.slice(2).filter(
@@ -20899,7 +20936,7 @@ let de = class extends tt {
   render() {
     const n = this.currentDirection, e = this.localize.lang();
     return S`
-      ${J(
+      ${X(
       this.variant === Ve.Table,
       () => S`<cx-space class="color-swatch-group__swatches" direction="vertical" spacing="2x-small">${yo(
         [this.data, this.canCopy],