@orangelogic/design-system 2.78.0 → 2.79.0

package/library/chunks/{table.CcqrVieF.js → table.B8LpbiGE.js}

@@ -1,15 +1,15 @@
-import { C as _e } from "./button.DS64Tr8Z.js";
+import { C as _e } from "./button.B-ktz-w4.js";
 import Ps from "../components/checkbox.js";
 import vs from "../components/divider.js";
 import As from "../components/format-number.js";
-import { C as ys } from "./icon-button.C3eqeQl9.js";
+import { C as ys } from "./icon-button.BuhCp--_.js";
 import _s from "../components/select.js";
 import wi from "../components/space.js";
 import Ns from "../components/spinner.js";
 import { n as g, C as Ne } from "./lib-cortex-element.CVMmyPMC.js";
-import { c as qe } from "./component.styles.DMSLciL5.js";
-import { o as Vs, O as $i } from "./overlayscrollbars.XhGWx9Zk.js";
-import { C as Is, P as Bs } from "./pagination.g4zErKN2.js";
+import { c as qe } from "./component.styles.CRO4Odto.js";
+import { o as Vs, O as $i } from "./overlayscrollbars.BMav4RQ4.js";
+import { C as Is, P as Bs } from "./pagination.BiRyMwhM.js";
 import { c as Ve } from "./custom-element.L4WJXn1j.js";
 import { L as lt } from "./i18n.BUW7B9hr.js";
 import { w as _ } from "./watch.BCJD77bD.js";
@@ -30,14 +30,14 @@ import ut from "../components/menu-item.js";
 import $s from "../components/menu-section.js";
 import { g as Us } from "./content-builder.B4Tqoc6M.js";
 import Ks from "../components/input.js";
-import { C as Xs, T as Js } from "./typography.oDzoLbZS.js";
+import { C as Xs, T as Js } from "./typography.DJC_UXgs.js";
 import { g as T, a as qs } from "./dom.BQVKDNd8.js";
 import "./browser.BHOCIF_A.js";
 import "./form.DgwYWi0O.js";
 import "./purify.es.BIuh5IAZ.js";
 import { t as Ys } from "./toast.BXNbwZV8.js";
 import { s as S, a as pt } from "./string.B_rEG27K.js";
-import { C as Qs } from "./option.Csqefux_.js";
+import { C as Qs } from "./option.DljDoFx4.js";
 var ae = /* @__PURE__ */ ((a) => (a.Bottom = "bottom", a.Center = "center", a.Nearest = "nearest", a.Top = "top", a))(ae || {}), q = /* @__PURE__ */ ((a) => (a.All = "all", a.Cell = "cell", a.Column = "column", a.Row = "row", a))(q || {}), je = /* @__PURE__ */ ((a) => (a.Both = "both", a.Copy = "copy", a.Paste = "paste", a))(je || {}), xe = /* @__PURE__ */ ((a) => (a.Left = "left", a.Right = "right", a))(xe || {}), he = /* @__PURE__ */ ((a) => (a.Local = "local", a.Remote = "remote", a))(he || {}), W = /* @__PURE__ */ ((a) => (a.Asc = "asc", a.Desc = "desc", a.None = "none", a))(W || {}), Me = /* @__PURE__ */ ((a) => (a.Ends = "ends", a.Equal = "=", a.GreaterOrEqual = ">=", a.GreaterThan = ">", a.In = "in", a.Keywords = "keywords", a.LessOrEqual = "<=", a.LessThan = "<", a.Like = "like", a.NotEqual = "!=", a.Regex = "regex", a.Starts = "starts", a))(Me || {});
 const Cs = 36;
 class Zs {
@@ -106,16 +106,7 @@ class Zs {
     return t.includes("-") && !customElements.get(t);
   }
 }
-const eo = H`
-  .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;
-  }
-`;
+const eo = H`.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 to = Object.defineProperty, io = Object.getOwnPropertyDescriptor, Le = (a, e, t, i) => {
   for (var s = i > 1 ? void 0 : i ? io(e, t) : e, o = a.length - 1, r; o >= 0; o--)
     (r = a[o]) && (s = (i ? r(e, t, s) : r(s)) || s);
@@ -148,50 +139,21 @@ let oe = class extends Ne {
     return Ae(
       a,
       (e) => e.name,
-      (e) => x`<cx-menu-item
-          class="table-row-actions__menu-item"
-          data-action=${e.name}
-          style=${ke(e.style ?? {})}
-          @click=${this.handleActionClick}
-        >
-          ${U(
+      (e) => x`<cx-menu-item class="table-row-actions__menu-item" data-action=${e.name} style=${ke(e.style ?? {})} @click=${this.handleActionClick}>${U(
         e.prefixIcon,
-        () => x`
-              <cx-icon name=${e.prefixIcon} slot="prefix"></cx-icon>
-            `
+        () => x`<cx-icon name=${e.prefixIcon} slot="prefix"></cx-icon>`
       )}
-          ${e.label}
-        </cx-menu-item>`
+          ${e.label}</cx-menu-item>`
     );
   }
   renderMenuSection(a, e, t = a) {
-    return a === "null" || a === "undefined" ? this.renderMenuItems(e) : x`<cx-menu-section label=${t}>
-      ${this.renderMenuItems(e)}
-    </cx-menu-section>`;
+    return a === "null" || a === "undefined" ? this.renderMenuItems(e) : x`<cx-menu-section label=${t}>${this.renderMenuItems(e)}</cx-menu-section>`;
   }
   render() {
     if (!this.action)
       return Ws;
     const a = 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=${a}
-            style=${ke(this.action.options?.iconStyle ?? {})}
-          ></cx-icon>
-        </cx-button>
-      </cx-tooltip>
-      <cx-menu>
-        ${Ae(
+    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=${a} style=${ke(this.action.options?.iconStyle ?? {})}></cx-icon></cx-button></cx-tooltip><cx-menu>${Ae(
       this.sections,
       (e) => e,
       (e) => this.renderMenuSection(
@@ -199,9 +161,7 @@ let oe = class extends Ne {
         this.groupedDropdownItems[e],
         this.action?.options?.dropdownSections?.[e]
       )
-    )}
-      </cx-menu>
-    </cx-dropdown>`;
+    )}</cx-menu></cx-dropdown>`;
   }
 };
 oe.dependencies = {
@@ -258,37 +218,13 @@ let ve = class extends Ne {
     });
   }
   renderButton(a) {
-    return x`<cx-tooltip
-      hoist
-      content=${a.tooltip}
-      ?disabled=${!a.tooltip?.trim()}
-    >
-      <cx-button
-        data-action=${a.name}
-        class="table-row-actions__button"
-        label=${a.tooltip ?? a.name}
-        @click=${this.handleActionClick}
-        ?loading=${!!a.options?.buttonProps?.loading}
-        ?outline=${!!a.options?.buttonProps?.outline}
-        variant=${be(a.options?.buttonProps?.variant)}
-      >
-        <cx-icon
-          name=${a.icon}
-          style=${ke(a.options?.iconStyle ?? {})}
-        ></cx-icon>
-      </cx-button>
-    </cx-tooltip>`;
+    return x`<cx-tooltip hoist content=${a.tooltip} ?disabled=${!a.tooltip?.trim()}><cx-button data-action=${a.name} class="table-row-actions__button" label=${a.tooltip ?? a.name} @click=${this.handleActionClick} ?loading=${!!a.options?.buttonProps?.loading} ?outline=${!!a.options?.buttonProps?.outline} variant=${be(a.options?.buttonProps?.variant)}><cx-icon name=${a.icon} style=${ke(a.options?.iconStyle ?? {})}></cx-icon></cx-button></cx-tooltip>`;
   }
   renderDropdown(a) {
-    return x`<cx-table-row-actions-dropdown
-      .action=${a}
-      .row=${this.row}
-      .cell=${this.cell}
-    ></cx-table-row-actions-dropdown>`;
+    return x`<cx-table-row-actions-dropdown .action=${a} .row=${this.row} .cell=${this.cell}></cx-table-row-actions-dropdown>`;
   }
   render() {
-    return x`<cx-space spacing="2x-small">
-      ${Ae(
+    return x`<cx-space spacing="2x-small">${Ae(
       this.actions,
       (a) => a.name,
       (a) => js(a.type ?? "button", [
@@ -301,8 +237,7 @@ let ve = class extends Ne {
           () => this.renderDropdown(a)
         ]
       ])
-    )}
-    </cx-space>`;
+    )}</cx-space>`;
   }
 };
 ve.styles = [qe, eo];
@@ -381,31 +316,11 @@ let ce = class extends Ne {
     return Ae(
       this.data.options,
       (a) => a.id,
-      (a) => x`<cx-menu-item
-          data-id=${a.id}
-          type="checkbox"
-          ?checked=${this.activeOptionId === a.id}
-        >
-          ${a.label}
-        </cx-menu-item>`
+      (a) => x`<cx-menu-item data-id=${a.id} type="checkbox" ?checked=${this.activeOptionId === a.id}>${a.label}</cx-menu-item>`
     );
   }
   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>`;
+    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>`;
   }
 };
 ce.styles = [qe];
@@ -487,32 +402,15 @@ let X = class extends Ne {
     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}>
-        ${Ae(
+    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}>${Ae(
       this.savedSearchItems,
       (a) => a.recordID,
-      (a) => x`<cx-menu-item data-id=${a.recordID}>
-              <cx-icon name="search" slot="prefix"></cx-icon>
-              ${a.name}
-            </cx-menu-item>`
+      (a) => x`<cx-menu-item data-id=${a.recordID}><cx-icon name="search" slot="prefix"></cx-icon>${a.name}</cx-menu-item>`
     )}
         ${U(
       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>`;
+      () => 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>`;
   }
 };
 X.styles = [qe];
@@ -553,45 +451,7 @@ ne([
 X = ne([
   Ve("cx-table-saved-search-dropdown")
 ], X);
-const ho = H`
-    .header-actions {
-        padding-top: var(--cx-spacing-medium);
-    }
-
-    .search {
-        flex: 1;
-        max-width: 500px;
-    }
-
-    .header-actions__left {
-        flex: 1;
-    }
-    
-    .search__input {
-        max-width: 500px;
-    }
-
-    .header-actions__dropdown::part(trigger) {
-        line-height: 1;
-    }
-    
-    .table-dropdown-filter__trigger {
-        --cx-button-text-transform: none;
-    }
-
-    .header-actions__saved-search {
-        --cx-button-text-transform: none;
-    }
-
-    .header-actions__saved-search {
-        --checked-icon-display: none;
-    }
-
-    .header-actions__saved-search__load-more {
-        width: 100%;
-        padding: 0 var(--cx-spacing-x-small);
-    }
-`;
+const ho = H`.header-actions{padding-top:var(--cx-spacing-medium)}.search{flex:1;max-width:500px}.header-actions__left{flex:1}.search__input{max-width:500px}.header-actions__dropdown::part(trigger){line-height:1}.table-dropdown-filter__trigger,.header-actions__saved-search{--cx-button-text-transform:none}.header-actions__saved-search{--checked-icon-display:none}.header-actions__saved-search__load-more{width:100%;padding:0 var(--cx-spacing-x-small)}`;
 var co = Object.defineProperty, uo = Object.getOwnPropertyDescriptor, A = (a, e, t, i) => {
   for (var s = i > 1 ? void 0 : i ? uo(e, t) : e, o = a.length - 1, r; o >= 0; o--)
     (r = a[o]) && (s = (i ? r(e, t, s) : r(s)) || s);
@@ -626,141 +486,51 @@ let O = class extends Ne {
     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="icon-button"
-            name="search"
-            slot="prefix"
-          ></cx-icon-button>
-          ${U(
+    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="icon-button" name="search" slot="prefix"></cx-icon-button>${U(
       !this.noAdvancedSearch,
-      () => x`<cx-tooltip
-                slot="suffix"
-                hoist
-                content=${this.localize.term("advancedSearch")}
-              >
-                <cx-icon-button
-                  name="tune"
-                  @click=${this.handleAdvancedSearchClick}
-                ></cx-icon-button>
-              </cx-tooltip>`
-    )}
-        </cx-input>
-      </form>
-    `;
+      () => x`<cx-tooltip slot="suffix" hoist content=${this.localize.term("advancedSearch")}><cx-icon-button name="tune" @click=${this.handleAdvancedSearchClick}></cx-icon-button></cx-tooltip>`
+    )}</cx-input></form>`;
   }
   renderAddButton() {
-    return x`<cx-button variant="primary" @click=${this.handleAdd}>
-      <cx-icon name="add_2" slot="prefix"></cx-icon>${this.addLabel}
-    </cx-button>`;
+    return x`<cx-button variant="primary" @click=${this.handleAdd}><cx-icon name="add_2" slot="prefix"></cx-icon>${this.addLabel}</cx-button>`;
   }
   renderSavedSearchDropdown() {
-    return x`<cx-table-saved-search-dropdown
-      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}
-    ></cx-table-saved-search-dropdown>`;
+    return x`<cx-table-saved-search-dropdown 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}></cx-table-saved-search-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>
-        ${U(
+    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>${U(
       this.canExportCsv,
-      () => x`<cx-menu-item @click=${this.handleExportCsv}>
-              ${this.localize.term("exportAsCsv")}
-            </cx-menu-item>`
+      () => x`<cx-menu-item @click=${this.handleExportCsv}>${this.localize.term("exportAsCsv")}</cx-menu-item>`
     )}
         ${U(
       this.canExportXml,
-      () => x`<cx-menu-item @click=${this.handleExportXml}>
-              ${this.localize.term("exportAsXml")}
-            </cx-menu-item>`
+      () => x`<cx-menu-item @click=${this.handleExportXml}>${this.localize.term("exportAsXml")}</cx-menu-item>`
     )}
         ${U(
       this.canExportCustom,
-      () => x`<cx-menu-item @click=${this.handleExportCustom}>
-              ${this.localize.term("customExport")}
-            </cx-menu-item>`
+      () => x`<cx-menu-item @click=${this.handleExportCustom}>${this.localize.term("customExport")}</cx-menu-item>`
     )}
         ${U(
       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>`;
+      () => x`<cx-menu-item data-testid="save-report-menu-item" @click=${this.handleSaveReport}>${this.localize.term("saveReport")}</cx-menu-item>`
+    )}</cx-menu></cx-dropdown>`;
   }
   renderDropdownFilters() {
-    return x`<cx-space align-items="center" spacing="x-small">
-      ${Ae(
+    return x`<cx-space align-items="center" spacing="x-small">${Ae(
       this.dropdownFilters,
       (a) => a.id,
-      (a) => x`<cx-table-dropdown-filter
-            .data=${a}
-          ></cx-table-dropdown-filter>`
-    )}
-    </cx-space>`;
+      (a) => x`<cx-table-dropdown-filter .data=${a}></cx-table-dropdown-filter>`
+    )}</cx-space>`;
   }
   render() {
     const a = this.canExportCsv || this.canExportXml || this.canExportCustom || this.canSaveReport;
-    return x`<div>
-      <cx-space justify-content="space-between">
-        <div>
-          <slot name="label">
-            ${U(
+    return x`<div><cx-space justify-content="space-between"><div><slot name="label">${U(
       this.label,
-      () => x`<cx-typography variant="h3">
-                  ${this.label}
-                </cx-typography>`
-    )}
-          </slot>
-        </div>
-        <slot name="pagination"></slot>
-      </cx-space>
-      <cx-space
-        class="header-actions"
-        justify-content="space-between"
-        align-items="center"
-      >
-        <cx-space
-          class="header-actions__left"
-          align-items="center"
-          spacing="x-small"
-        >
-          ${U(this.canSearch, () => this.renderSearch())}
+      () => x`<cx-typography variant="h3">${this.label}</cx-typography>`
+    )}</slot></div><slot name="pagination"></slot></cx-space><cx-space class="header-actions" justify-content="space-between" align-items="center"><cx-space class="header-actions__left" align-items="center" spacing="x-small">${U(this.canSearch, () => this.renderSearch())}
           ${U(this.dropdownFilters.length, () => this.renderDropdownFilters())}
-          ${U(this.showSavedSearch, () => this.renderSavedSearchDropdown())}
-        </cx-space>
-        <cx-space
-          class="header-actions__right"
-          align-items="center"
-          spacing="x-small"
-        >
-          ${U(this.canAdd, () => this.renderAddButton())}
-          ${U(a, () => this.renderExportDropdown())}
-        </cx-space>
-      </cx-space>
-    </div>`;
+          ${U(this.showSavedSearch, () => this.renderSavedSearchDropdown())}</cx-space><cx-space class="header-actions__right" align-items="center" spacing="x-small">${U(this.canAdd, () => this.renderAddButton())}
+          ${U(a, () => this.renderExportDropdown())}</cx-space></cx-space></div>`;
   }
 };
 O.styles = [qe, ho];
@@ -1349,9 +1119,7 @@ class R extends I {
     this.table.alertManager?.clear();
   }
 }
-const mo = x`
-  <cx-table-row-actions></cx-table-row-actions>
-`, Fe = class Fe extends R {
+const mo = x`<cx-table-row-actions></cx-table-row-actions>`, Fe = class Fe extends R {
   constructor(e) {
     super(e), this.registerTableOption("hoverMenu", !1), this.registerTableOption("hoverMenuField", "hoverMenu");
   }
@@ -1436,1715 +1204,7 @@ const mo = x`
 };
 Fe.moduleName = "hoverMenu", Fe.placementDataAttribute = "hoverMenuPlacement";
 let xt = Fe;
-const bo = H`
-  .tabulator .tabulator-alert {
-    position: absolute;
-    display: flex;
-    align-items: center;
-    top: 0;
-    left: 0;
-    z-index: 100;
-    height: 100%;
-    width: 100%;
-    background: color-mix(in srgb, var(--cx-color-neutral-0) 40%, transparent);
-    text-align: center;
-  }
-
-  .tabulator .tabulator-alert.tabulator-alert-state-loading {
-    top: var(--header-height, var(--cx-spacing-3x-large));
-    height: calc(100% - var(--header-height, var(--cx-spacing-3x-large)));
-  }
-
-  .tabulator.tabulator-header-hidden .tabulator-alert.tabulator-alert-state-loading {
-    top: 0;
-    height: 100%;
-  }
-
-  .tabulator .tabulator-alert .tabulator-alert-msg {
-    display: inline-block;
-    margin: 0 auto;
-    padding: var(--cx-spacing-small) var(--cx-spacing-large);
-    border-radius: var(--cx-border-radius-x-large);
-    background: var(--cx-color-neutral-0);
-    font-weight: bold;
-    font-size: var(--cx-font-size-medium);
-  }
-
-  .tabulator .tabulator-alert .tabulator-alert-msg.tabulator-alert-state-msg {
-    color: var(--cx-color-neutral-1000);
-  }
-
-  .tabulator .tabulator-alert .tabulator-alert-msg.tabulator-alert-state-error {
-    border: 4px solid var(--cx-color-danger);
-    color: var(--cx-color-danger-900);
-  }
-`, wo = H`
-  :host {
-    display: block;
-    --width: 100%;
-    --table-height: var(--height, auto);
-    --table-min-height: var(--min-height, 0);
-    --table-max-height: var(--max-height, auto);
-    --color: var(--cx-color-neutral-700);
-    --background-color: var(--cx-color-neutral-0);
-    --border-width: var(--cx-input-border-width);
-    --border-color: var(--cx-color-neutral-200);
-    --outer-border-color: var(--border-color);
-    --border-radius: var(--cx-border-radius-medium);
-    --row-background-color: var(--cx-color-neutral-0);
-    --row-even-background-color: var(--cx-color-neutral-0);
-    --row-hover-background-color: var(--cx-color-neutral-0);
-    --row-even-hover-background-color: var(--cx-color-neutral-0);
-    --frozen-border-color: var(--cx-color-neutral-200);
-    /**
-     * header css vars
-     */
-    --header-background-color: var(--cx-color-neutral-50);
-    --header-hover-background-color: var(--cx-color-primary-50);
-    --header-font-weight: var(--cx-font-weight-medium);
-    --header-font-size: var(--cx-font-size-x-small);
-    --header-color: var(--cx-color-neutral-700);
-    --header-border-right: 1px solid var(--cx-color-neutral-200);
-    --header-border-bottom: none;
-    --header-height: var(--cx-spacing-3x-large);
-    --header-horizontal-padding: var(--cx-spacing-large);
-    /**
-     * body css vars
-     */
-    --body-background-color: var(--cx-color-neutral-0);
-    /**
-     * cell css vars
-     */
-    --cell-border-color: transparent;
-    --cell-bottom-border-color: var(--cx-color-neutral-200);
-    --cell-horizontal-padding: var(--cx-spacing-large);
-    --cell-font-size: var(--cx-font-size-small);
-    --cell-font-weight: var(--cx-font-weight-regular);
-    --cell-line-height: normal;
-    --cell-hover-background-color: var(--cx-color-neutral-50);
-    /**
-     * group css vars
-     */
-    --group-count-color: var(--cx-color-danger-500);
-    --group-row-background-color: var(--row-background-color);
-    --group-row-hover-background-color: var(--row-hover-background-color);
-    --group-row-border-color: var(--cx-color-neutral-200);
-    --group-row-color: var(--cx-color-neutral-900);
-    --group-row-font-weight: var(--cx-font-weight-medium);
-    /**
-     * row header vars
-     */
-    --row-header-border-color: var(--cx-color-neutral-200);
-    isolation: isolate;
-    width: var(--width);
-  }
-
-  .container {
-    height: 100%;
-  }
-
-  .tabulator {
-    position: relative;
-    background-color: var(--background-color);
-    font-size: var(--font-size, var(--cx-font-size-small));
-    text-align: left;
-    overflow: hidden;
-    height: var(--table-height);
-    min-height: var(--table-min-height);
-    max-height: var(--table-max-height);
-    display: flex;
-    flex-direction: column;
-    border-radius: var(--cx-border-radius-medium);
-    line-height: normal;
-  }
-
-  .tabulator[data-overlayscrollbars] {
-    flex-direction: column;
-  }
-
-  .tabulator[data-overlayscrollbars-viewport="scrollbarHidden overflowXHidden overflowYHidden"] {
-    display: flex;
-  }
-
-  .tabulator > [data-overlayscrollbars-viewport] {
-    display: flex;
-    flex-direction: column;
-  }
-
-  .tabulator.tabulator-overflow-x {
-    border-right: var(--border-width) solid var(--outer-border-color);
-    border-top-right-radius: var(--border-radius);
-  }
-
-  .tabulator[tabulator-layout='fitDataFill']
-    .tabulator-tableholder
-    .tabulator-table {
-    min-width: 100%;
-  }
-
-  .tabulator[tabulator-layout='fitDataTable'] {
-    display: inline-block;
-  }
-
-  .tabulator.tabulator-block-select {
-    user-select: none;
-  }
-
-  /* SelectRange: avoid selecting cell text while dragging a range (non-edit cells). */
-  .tabulator.tabulator-ranges .tabulator-cell:not(.tabulator-editing) {
-    user-select: none;
-  }
-
-  .tabulator .tabulator-tableholder-wrapper {
-    position: relative;
-    overflow: hidden;
-    flex: 1;
-    width: max-content;
-    display: flex;
-  }
-
-  .tabulator .tabulator-tableholder {
-    position: relative;
-    width: max-content;
-    flex: 1;
-    white-space: nowrap;
-    overflow: auto;
-    -webkit-overflow-scrolling: touch;
-    border-bottom-left-radius: var(--border-radius);
-    border-bottom-right-radius: var(--border-radius);
-  }
-
-  .tabulator .tabulator-tableholder-wrapper::before {
-    content: "";
-    display: block;
-    width: 100%;
-    height: 100%;
-    position: absolute;
-    top: 0;
-    left: 0;
-    z-index: 1;
-    pointer-events: none;
-    border: var(--border-width) solid var(--outer-border-color);
-    border-bottom-left-radius: var(--border-radius);
-    border-bottom-right-radius: var(--border-radius);
-  }
-
-  .tabulator.tabulator-header-hidden .tabulator-tableholder-wrapper::before {
-    border-top-left-radius: var(--border-radius);
-    border-top-right-radius: var(--border-radius);
-  }
-
-  .tabulator .tabulator-tableholder:focus {
-    outline: none;
-  }
-
-  .tabulator .tabulator-tableholder .tabulator-table {
-    position: relative;
-    display: inline-block;
-    background-color: var(--body-background-color, var(--cx-color-neutral-0));
-    white-space: nowrap;
-    overflow: visible;
-    color: var(--color);
-    min-width: 100%;
-  }
-`, vo = H`
-  .tabulator .tabulator-header .tabulator-calcs-holder {
-    box-sizing: border-box;
-    display: inline-block;
-    background: var(--cx-color-neutral-100) !important;
-    border-top: var(--border-width) solid var(--cx-color-neutral-400);
-    border-bottom: var(--border-width) solid var(--cx-color-neutral-400);
-  }
-
-  .tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row {
-    background: var(--cx-color-neutral-100) !important;
-  }
-
-  .tabulator
-    .tabulator-header
-    .tabulator-calcs-holder
-    .tabulator-row
-    .tabulator-col-resize-handle {
-    display: none;
-  }
-
-  .tabulator
-    .tabulator-tableholder
-    .tabulator-table
-    .tabulator-row.tabulator-calcs {
-    font-weight: bold;
-    background: var(--cx-color-neutral-200) !important;
-  }
-
-  .tabulator
-    .tabulator-tableholder
-    .tabulator-table
-    .tabulator-row.tabulator-calcs.tabulator-calcs-top {
-    border-bottom: 2px solid var(--cx-color-neutral-400);
-  }
-
-  .tabulator
-    .tabulator-tableholder
-    .tabulator-table
-    .tabulator-row.tabulator-calcs.tabulator-calcs-bottom {
-    border-top: 2px solid var(--cx-color-neutral-400);
-  }
-
-  .tabulator .tabulator-footer .tabulator-calcs-holder {
-    box-sizing: border-box;
-    width: 100%;
-    text-align: left;
-    background: var(--cx-color-neutral-100) !important;
-    border-bottom: 1px solid var(--cx-color-neutral-400);
-    border-top: 1px solid var(--cx-color-neutral-400);
-    overflow: hidden;
-  }
-
-  .tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row {
-    display: inline-block;
-    background: var(--cx-color-neutral-100) !important;
-  }
-
-  .tabulator
-    .tabulator-footer
-    .tabulator-calcs-holder
-    .tabulator-row
-    .tabulator-col-resize-handle {
-    display: none;
-  }
-
-  .tabulator .tabulator-footer .tabulator-calcs-holder:only-child {
-    margin-bottom: -5px;
-    border-bottom: none;
-  }
-`, yo = H`
-  .tabulator-row .tabulator-cell .tabulator-data-tree-branch-empty {
-    display: inline-block;
-    width: 22px;
-  }
-
-  .tabulator-row .tabulator-cell .tabulator-data-tree-branch {
-    display: inline-block;
-    vertical-align: middle;
-    height: 9px;
-    width: 7px;
-    margin-top: -9px;
-    margin-right: var(--cx-spacing-2x-small);
-    border-bottom-left-radius: 1px;
-    border-left: 2px solid var(--cx-color-neutral-400);
-    border-bottom: 2px solid var(--cx-color-neutral-400);
-  }
-
-  .tabulator-row .tabulator-cell .tabulator-data-tree-control {
-    display: inline-flex;
-    align-items: center;
-    flex: 0 0 18px;
-    justify-content: center;
-    vertical-align: middle;
-    width: 18px;
-  }
-`, Co = H`
-  .tabulator-row .tabulator-cell.tabulator-editing {
-    outline: none;
-    padding: 0 var(--cell-horizontal-padding);
-  }
-
-  .tabulator:not(.tabulator-ranges)
-    .tabulator-row
-    .tabulator-cell.tabulator-editing
-    input,
-  .tabulator:not(.tabulator-ranges)
-    .tabulator-row
-    .tabulator-cell.tabulator-editing
-    select {
-    background: transparent;
-    outline: none;
-    font-size: inherit;
-    color: inherit;
-    font-family: inherit;
-    border: none;
-    border-radius: var(--cx-input-border-radius-medium);
-    padding: 0;
-  }
-
-  .tabulator-ranges .tabulator-row .tabulator-cell.tabulator-editing input,
-  .tabulator-ranges .tabulator-row .tabulator-cell.tabulator-editing select {
-    border: var(--border-width) solid var(--border-color);
-    background: transparent;
-    outline: none;
-  }
-
-  .tabulator-row .tabulator-cell.tabulator-validation-fail {
-    border: var(--border-width) solid var(--cx-color-danger);
-  }
-
-  .tabulator-row .tabulator-cell.tabulator-validation-fail input,
-  .tabulator-row .tabulator-cell.tabulator-validation-fail select {
-    border: var(--border-width) solid var(--border-color);
-    background: transparent;
-    color: var(--cx-color-danger);
-  }
-  .tabulator-row .tabulator-cell.tabulator-editing.tabulator-edit-list {
-    padding: 0 var(--cx-spacing-x-small);
-  }
-
-  .tabulator-edit-list {
-    position: relative;
-  }
-
-  .tabulator-edit-list:not(.tabulator-editing) .tabulator-cell-content {
-    padding-right: var(--cx-spacing-large);
-  }
-
-  .tabulator-edit-list-trigger {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    position: absolute;
-    top: 50%;
-    right: var(--cx-spacing-small);
-    transform: translateY(-50%);
-    width: var(--cx-spacing-large);
-    height: 100%;
-    padding: 0;
-    border: none;
-    appearance: none;
-    background: transparent;
-    color: inherit;
-    cursor: pointer;
-    font: inherit;
-  }
-
-  .tabulator-edit-list.tabulator-editing .tabulator-edit-list-trigger {
-    display: none;
-  }
-
-  .tabulator-edit-list-trigger-caret {
-    --font-size: var(--cx-font-size-medium);
-    color: var(--cx-color-neutral-500);
-  }
-`, Eo = H`
-  .tabulator .tabulator-footer {
-    border-top: 1px solid var(--cx-color-neutral-400);
-    background-color: var(--cx-color-neutral-200);
-    color: var(--cx-color-neutral-500);
-    font-weight: bold;
-    white-space: nowrap;
-    user-select: none;
-    -moz-user-select: none;
-    -khtml-user-select: none;
-    -webkit-user-select: none;
-    -o-user-select: none;
-  }
-
-  .tabulator .tabulator-footer .tabulator-footer-contents {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: space-between;
-    padding: var(--cx-spacing-2x-small) var(--cx-spacing-small);
-  }
-
-  .tabulator .tabulator-footer .tabulator-footer-contents:empty {
-    display: none;
-  }
-
-`, xo = H`
-  .tabulator-row .tabulator-cell .tabulator-traffic-light-container {
-    display: inline-flex;
-    align-items: center;
-    gap: var(--cx-spacing-x-small);
-  }
-
-  .tabulator-row .tabulator-cell .tabulator-traffic-light {
-    display: inline-block;
-    height: 14px;
-    width: 14px;
-    border-radius: var(--cx-border-radius-x-large);
-  }
-`, Ro = H`
-  .tabulator-row.tabulator-group {
-    box-sizing: border-box;
-    border-bottom: var(--border-width) solid var(--group-row-border-color);
-    border-right: var(--border-width) solid var(--group-row-border-color);
-    padding: var(--cx-spacing-2x-small);
-    padding-left: var(--cx-spacing-small);
-    background: var(--group-row-background-color);
-    min-width: 100%;
-    line-height: var(--header-height);
-    color: var(--group-row-color);
-    font-weight: var(--group-row-font-weight);
-  }
-
-  .tabulator-row.tabulator-group.tabulator-row-last {
-    border-bottom-left-radius: var(--border-radius);
-    border-bottom-right-radius: var(--border-radius);
-  }
-
-  @media (hover: hover) and (pointer: fine) {
-    .tabulator-row.tabulator-group:hover {
-      cursor: pointer;
-      background-color: var(--group-row-hover-background-color);
-    }
-  }
-
-  .tabulator-row.tabulator-group.tabulator-group-level-1 {
-    padding-left: 30px;
-  }
-
-  .tabulator-row.tabulator-group.tabulator-group-level-2 {
-    padding-left: 50px;
-  }
-
-  .tabulator-row.tabulator-group.tabulator-group-level-3 {
-    padding-left: 70px;
-  }
-
-  .tabulator-row.tabulator-group.tabulator-group-level-4 {
-    padding-left: 90px;
-  }
-
-  .tabulator-row.tabulator-group.tabulator-group-level-5 {
-    padding-left: 110px;
-  }
-
-  .tabulator-row.tabulator-group .tabulator-group-toggle {
-    display: inline-flex;
-  }
-
-  .tabulator-row.tabulator-group span {
-    margin-left: var(--cx-spacing-small);
-    color: var(--group-count-color);
-  }
-`, So = H`
-  :host {
-    /**
-     * Column header highlight when the column is included in the current range selection.
-     */
-    --selected-column-header-background-color: var(--header-background-color);
-    --selected-column-header-color: var(--header-color);
-  }
-
-  .tabulator .tabulator-header {
-    position: relative;
-    box-sizing: border-box;
-    width: max-content;
-    font-weight: var(--header-font-weight);
-    font-size: var(--header-font-size);
-    color: var(--header-color);
-    white-space: nowrap;
-    -moz-user-select: none;
-    -khtml-user-select: none;
-    -webkit-user-select: none;
-    -o-user-select: none;
-    outline: none;
-  }
-
-  .tabulator .tabulator-header.tabulator-header-hidden {
-    display: none;
-  }
-
-  .tabulator .tabulator-header .tabulator-header-contents {
-    box-sizing: border-box;
-    width: max-content;
-    position: relative;
-    overflow: hidden;
-  }
-
-  .tabulator .tabulator-header .tabulator-header-contents::before {
-    content: '';
-    display: block;
-    width: 100%;
-    height: 100%;
-    position: absolute;
-    top: 0;
-    left: 0;
-    z-index: 1;
-    pointer-events: none;
-    border: var(--border-width) solid var(--outer-border-color);
-    border-bottom: var(--header-border-bottom);
-    border-top-right-radius: var(--border-radius);
-    border-top-left-radius: var(--border-radius);
-  }
-
-  .tabulator .tabulator-header .tabulator-col:last-of-type {
-    border-right: none;
-  }
-
-  .tabulator .tabulator-header .tabulator-header-contents .tabulator-headers {
-    display: inline-block;
-    background-color: var(--header-background-color);
-  }
-
-  .tabulator .tabulator-header .tabulator-col {
-    display: inline-flex;
-    position: relative;
-    box-sizing: border-box;
-    flex-direction: column;
-    justify-content: flex-start;
-    border-right: var(--header-border-right);
-    background: var(--header-background-color);
-    text-align: left;
-    vertical-align: bottom;
-    justify-content: center;
-    overflow: hidden;
-    height: var(--header-height);
-  }
-
-  .tabulator .tabulator-header .tabulator-col.tabulator-moving {
-    position: absolute;
-    border: solid var(--border-width) var(--border-color);
-    background: var(--cx-color-neutral-300);
-    pointer-events: none;
-  }
-
-  .tabulator .tabulator-header .tabulator-col.tabulator-range-highlight {
-    background-color: var(--selected-column-header-background-color);
-    color: var(--selected-column-header-color);
-  }
-
-  .tabulator .tabulator-header .tabulator-col.tabulator-range-selected {
-    background-color: var(--cx-color-primary-500);
-    color: var(--cx-color-neutral-0);
-  }
-
-  .tabulator .tabulator-header .tabulator-col .tabulator-col-content {
-    box-sizing: border-box;
-    position: relative;
-    padding: var(--cx-spacing-2x-small) var(--header-horizontal-padding);
-  }
-
-  .tabulator
-    .tabulator-header
-    .tabulator-col
-    .tabulator-col-content
-    .tabulator-header-popup-button {
-    padding: 0 var(--cx-spacing-x-small);
-  }
-
-  @media (hover: hover) and (pointer: fine) {
-    .tabulator
-      .tabulator-header
-      .tabulator-col
-      .tabulator-col-content
-      .tabulator-header-popup-button:hover {
-      cursor: pointer;
-      opacity: 0.6;
-    }
-  }
-
-  .tabulator
-    .tabulator-header
-    .tabulator-col
-    .tabulator-col-content
-    .tabulator-col-title-holder {
-    position: relative;
-  }
-
-  .tabulator
-    .tabulator-header
-    .tabulator-col
-    .tabulator-col-content
-    .tabulator-col-title {
-    box-sizing: border-box;
-    width: 100%;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    vertical-align: bottom;
-  }
-
-  .tabulator
-    .tabulator-header
-    .tabulator-col
-    .tabulator-col-content
-    .tabulator-col-title.tabulator-col-title-wrap {
-    white-space: normal;
-    text-overflow: initial;
-  }
-
-  .tabulator
-    .tabulator-header
-    .tabulator-col
-    .tabulator-col-content
-    .tabulator-col-title
-    .tabulator-title-editor {
-    box-sizing: border-box;
-    width: 100%;
-    border: solid var(--border-width) var(--border-color);
-    padding: var(--cx-spacing-3x-small);
-    background: var(--cx-color-neutral-0);
-  }
-
-  .tabulator
-    .tabulator-header
-    .tabulator-col
-    .tabulator-col-content
-    .tabulator-col-title
-    .tabulator-header-popup-button
-    + .tabulator-title-editor {
-    width: calc(100% - 22px);
-  }
-
-  .tabulator
-    .tabulator-header
-    .tabulator-col
-    .tabulator-col-content
-    .tabulator-col-sorter {
-    display: flex;
-    align-items: center;
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    right: 4px;
-  }
-
-  .tabulator
-    .tabulator-header
-    .tabulator-col
-    .tabulator-col-content
-    .tabulator-col-sorter
-    .tabulator-arrow {
-    width: 0;
-    height: 0;
-    border-left: 6px solid transparent;
-    border-right: 6px solid transparent;
-    border-bottom: 6px solid var(--cx-color-neutral-200);
-  }
-
-  .tabulator
-    .tabulator-header
-    .tabulator-col.tabulator-col-group
-    .tabulator-col-group-cols {
-    position: relative;
-    display: flex;
-    border-top: 1px solid var(--cx-color-neutral-400);
-    overflow: hidden;
-    margin-right: -1px;
-  }
-
-  .tabulator .tabulator-header .tabulator-col .tabulator-header-filter {
-    position: relative;
-    box-sizing: border-box;
-    margin-top: var(--cx-spacing-3x-small);
-    width: 100%;
-    text-align: center;
-  }
-
-  .tabulator
-    .tabulator-header
-    .tabulator-col
-    .tabulator-header-filter
-    textarea {
-    height: auto !important;
-  }
-
-  .tabulator .tabulator-header .tabulator-col .tabulator-header-filter svg {
-    margin-top: var(--cx-spacing-3x-small);
-  }
-
-  .tabulator
-    .tabulator-header
-    .tabulator-col
-    .tabulator-header-filter
-    input::-ms-clear {
-    width: 0;
-    height: 0;
-  }
-
-  .tabulator
-    .tabulator-header
-    .tabulator-col.tabulator-sortable
-    .tabulator-col-title {
-    padding-right: var(--cx-spacing-x-large);
-  }
-
-  @media (hover: hover) and (pointer: fine) {
-    .tabulator
-      .tabulator-header
-      .tabulator-col.tabulator-sortable.tabulator-col-sorter-element:hover {
-      cursor: pointer;
-    }
-    .tabulator .tabulator-header .tabulator-col:hover {
-      background-color: var(--header-hover-background-color);
-    }
-  }
-
-  .tabulator
-    .tabulator-header
-    .tabulator-col.tabulator-sortable[aria-sort='none']
-    .tabulator-col-content
-    .tabulator-col-sorter {
-    color: var(--cx-color-neutral-200);
-  }
-
-  @media (hover: hover) and (pointer: fine) {
-    .tabulator
-      .tabulator-header
-      .tabulator-col.tabulator-sortable[aria-sort='none']
-      .tabulator-col-content
-      .tabulator-col-sorter.tabulator-col-sorter-element
-      .tabulator-arrow:hover {
-      cursor: pointer;
-      border-bottom: 6px solid var(--cx-color-neutral-500);
-    }
-  }
-
-  .tabulator
-    .tabulator-header
-    .tabulator-col.tabulator-sortable[aria-sort='none']
-    .tabulator-col-content
-    .tabulator-col-sorter
-    .tabulator-arrow {
-    border-top: none;
-    border-bottom: 6px solid var(--cx-color-neutral-200);
-  }
-
-  .tabulator
-    .tabulator-header
-    .tabulator-col.tabulator-sortable[aria-sort='ascending']
-    .tabulator-col-content
-    .tabulator-col-sorter {
-    color: var(--cx-color-neutral-600);
-  }
-
-  @media (hover: hover) and (pointer: fine) {
-    .tabulator
-      .tabulator-header
-      .tabulator-col.tabulator-sortable[aria-sort='ascending']
-      .tabulator-col-content
-      .tabulator-col-sorter.tabulator-col-sorter-element
-      .tabulator-arrow:hover {
-      cursor: pointer;
-      border-bottom: 6px solid var(--cx-color-neutral-500);
-    }
-  }
-
-  .tabulator
-    .tabulator-header
-    .tabulator-col.tabulator-sortable[aria-sort='ascending']
-    .tabulator-col-content
-    .tabulator-col-sorter
-    .tabulator-arrow {
-    border-top: none;
-    border-bottom: 6px solid var(--cx-color-neutral-600);
-  }
-
-  .tabulator
-    .tabulator-header
-    .tabulator-col.tabulator-sortable[aria-sort='descending']
-    .tabulator-col-content
-    .tabulator-col-sorter {
-    color: var(--cx-color-neutral-600);
-  }
-
-  @media (hover: hover) and (pointer: fine) {
-    .tabulator
-      .tabulator-header
-      .tabulator-col.tabulator-sortable[aria-sort='descending']
-      .tabulator-col-content
-      .tabulator-col-sorter.tabulator-col-sorter-element
-      .tabulator-arrow:hover {
-      cursor: pointer;
-      border-top: 6px solid var(--cx-color-neutral-500);
-    }
-  }
-
-  .tabulator
-    .tabulator-header
-    .tabulator-col.tabulator-sortable[aria-sort='descending']
-    .tabulator-col-content
-    .tabulator-col-sorter
-    .tabulator-arrow {
-    border-bottom: none;
-    border-top: 6px solid var(--cx-color-neutral-600);
-    color: var(--cx-color-neutral-600);
-  }
-
-  .tabulator
-    .tabulator-header
-    .tabulator-col.tabulator-col-vertical
-    .tabulator-col-content
-    .tabulator-col-title {
-    writing-mode: vertical-rl;
-    text-orientation: mixed;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-
-  .tabulator
-    .tabulator-header
-    .tabulator-col.tabulator-col-vertical.tabulator-col-vertical-flip
-    .tabulator-col-title {
-    transform: rotate(180deg);
-  }
-
-  .tabulator
-    .tabulator-header
-    .tabulator-col.tabulator-col-vertical.tabulator-sortable
-    .tabulator-col-title {
-    padding-right: 0;
-    padding-top: var(--cx-spacing-large);
-  }
-
-  .tabulator
-    .tabulator-header
-    .tabulator-col.tabulator-col-vertical.tabulator-sortable.tabulator-col-vertical-flip
-    .tabulator-col-title {
-    padding-right: 0;
-    padding-bottom: var(--cx-spacing-large);
-  }
-
-  .tabulator
-    .tabulator-header
-    .tabulator-col.tabulator-col-vertical.tabulator-sortable
-    .tabulator-col-sorter {
-    justify-content: center;
-    left: 0;
-    right: 0;
-    top: 4px;
-    bottom: auto;
-  }
-
-  .tabulator .tabulator-header .tabulator-frozen {
-    position: sticky;
-    left: 0;
-    z-index: 11;
-  }
-
-  .tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-left {
-    border-right: 2px solid var(--frozen-border-color);
-  }
-
-  .tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-right {
-    border-left: 2px solid var(--frozen-border-color);
-  }
-
-  .tabulator .tabulator-header .tabulator-frozen-rows-holder {
-    display: inline-block;
-    border-bottom: 2px solid var(--frozen-border-color);
-  }
-
-  .tabulator .tabulator-header .tabulator-frozen-rows-holder:empty {
-    display: none;
-  }
-`, To = H`
-  :host {
-    --hover-menu-background-color: transparent;
-  }
-
-  .tabulator-hover-menu {
-    position: absolute;
-    display: flex;
-    padding-left: var(--cell-horizontal-padding);
-    padding-right: var(--cell-horizontal-padding);
-    height: 100%;
-    align-items: center;
-    top: 0;
-    background-color: var(--hover-menu-background-color);
-    opacity: 0;
-    pointer-events: none;
-    z-index: 12;
-  }
-
-  .tabulator:not(.tabulator-editing) .tabulator-hover-menu--active {
-    opacity: 1;
-    pointer-events: auto;
-  }
-`, Mo = H`
-  .tabulator-row .tabulator-cell.tabulator-row-handle {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    -moz-user-select: none;
-    -khtml-user-select: none;
-    -webkit-user-select: none;
-    -o-user-select: none;
-  }
-
-  .tabulator-row
-    .tabulator-cell.tabulator-row-handle
-    .tabulator-row-handle-box {
-    width: 80%;
-  }
-
-  .tabulator-row
-    .tabulator-cell.tabulator-row-handle
-    .tabulator-row-handle-box
-    .tabulator-row-handle-bar {
-    width: 100%;
-    height: 3px;
-    margin-top: var(--cx-spacing-3x-small);
-    background: var(--cx-color-neutral-600);
-  }
-`, ko = H`
-  .tabulator .tabulator-footer .tabulator-paginator {
-    flex: 1;
-  }
-
-  .tabulator .tabulator-footer .tabulator-paginator-pagination {
-    margin-left: auto;
-  }
-
-  .tabulator-paginator-pagination {
-    --font-size: var(--cx-font-size-x-small);
-    --pagination-input-font-size: var(--cx-font-size-x-small);
-  }
-
-  .tabulator-paginator-pagination::part(back-icon) {
-    --font-size: var(--cx-font-size-medium);
-  }
-
-  .tabulator-paginator-pagination::part(next-icon) {
-    --font-size: var(--cx-font-size-medium);
-  }
-`, Lo = H`
-  :host {
-    --placeholder-color: var(--cx-color-neutral-800);
-    --placeholder-font-weight: var(--cx-font-weight-regular);
-    --placeholder-font-size: var(--cx-font-size-small);
-  }
-
-  .tabulator .tabulator-tableholder-wrapper .tabulator-placeholder {
-    box-sizing: border-box;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    min-width: 100%;
-    width: 100%;
-  }
-
-  .tabulator
-    .tabulator-tableholder-wrapper
-    .tabulator-placeholder[tabulator-render-mode='virtual'] {
-    min-height: 100%;
-  }
-
-  .tabulator
-    .tabulator-placeholder
-    .tabulator-placeholder-contents {
-    height: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    padding: var(--cx-spacing-small);
-    color: var(--placeholder-color);
-    font-weight: var(--placeholder-font-weight);
-    font-size: var(--placeholder-font-size);
-    white-space: normal;
-  }
-
-  /*
-   * Before tableBuilt: show placeholder shell, hide “no data” copy (initial load).
-   */
-  .tabulator
-    .tabulator-tableholder-wrapper
-    .tabulator-placeholder.tabulator-placeholder--initializing
-    .tabulator-placeholder-contents {
-    visibility: hidden;
-  }
-
-  .tabulator.tabulator-all-columns-hidden .tabulator-header {
-    width: 100%;
-    height: var(--header-height);
-    min-height: var(--header-height);
-  }
-
-  .tabulator.tabulator-all-columns-hidden .tabulator-header .tabulator-header-contents {
-    width: 100%;
-    height: 100%;
-    min-height: 0;
-    display: flex;
-    flex-direction: column;
-    background-color: var(--header-background-color);
-  }
-
-  .tabulator.tabulator-all-columns-hidden
-    .tabulator-header
-    .tabulator-header-contents::before {
-    box-sizing: border-box;
-    width: auto;
-    height: auto;
-    inset: 0;
-  }
-
-  .tabulator.tabulator-all-columns-hidden
-    .tabulator-header
-    .tabulator-header-contents
-    .tabulator-headers {
-    display: flex;
-    flex: 1;
-    align-self: stretch;
-    width: 100%;
-    min-height: 0;
-    box-sizing: border-box;
-  }
-
-  .tabulator.tabulator-all-columns-hidden .tabulator-tableholder-wrapper {
-    width: 100%;
-  }
-
-  .tabulator-row.tabulator-placeholder-row {
-    border-left: var(--border-width) solid var(--cell-border-color);
-    border-right: var(--border-width) solid var(--cell-border-color);
-    border-bottom: var(--border-width) solid var(--cell-bottom-border-color);
-    padding: var(--cx-spacing-2x-small) var(--cell-horizontal-padding);
-  }
-`, Do = H`
-  .tabulator-toggle {
-    box-sizing: border-box;
-    display: flex;
-    flex-direction: row;
-    border: var(--border-width) solid var(--cx-color-neutral-300);
-    background: var(--cx-color-neutral-200);
-  }
-
-  .tabulator-toggle.tabulator-toggle-on {
-    background: var(--cx-color-primary-700);
-  }
-
-  .tabulator-toggle .tabulator-toggle-switch {
-    box-sizing: border-box;
-    border: var(--border-width) solid var(--cx-color-neutral-300);
-    background: var(--cx-color-neutral-0);
-  }
-
-  .tabulator-popup-container {
-    position: absolute;
-    display: inline-block;
-    box-sizing: border-box;
-    background: var(--cx-color-neutral-0);
-    border: var(--border-width) solid var(--cx-color-neutral-400);
-    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
-    font-size: var(--cx-font-size-small);
-    overflow-y: auto;
-    -webkit-overflow-scrolling: touch;
-    z-index: 10000;
-  }
-
-  .tabulator-popup {
-    padding: var(--cx-spacing-2x-small);
-    border-radius: var(--cx-border-radius-small);
-  }
-
-  .tabulator-tooltip {
-    max-width: Min(500px, 100%);
-    padding: var(--cx-spacing-3x-small) var(--cx-spacing-2x-small);
-    border-radius: var(--cx-border-radius-small);
-    box-shadow: none;
-    font-size: var(--cx-font-size-x-small);
-    pointer-events: none;
-  }
-
-  .tabulator-menu .tabulator-menu-item {
-    position: relative;
-    box-sizing: border-box;
-    padding: var(--cx-spacing-2x-small) var(--cx-spacing-small);
-    user-select: none;
-  }
-
-  .tabulator-menu .tabulator-menu-item.tabulator-menu-item-disabled {
-    opacity: 0.5;
-  }
-
-  @media (hover: hover) and (pointer: fine) {
-    .tabulator-menu
-      .tabulator-menu-item:not(.tabulator-menu-item-disabled):hover {
-      cursor: pointer;
-      background: var(--cx-color-neutral-50);
-    }
-  }
-
-  .tabulator-menu .tabulator-menu-item.tabulator-menu-item-submenu {
-    padding-right: var(--cx-spacing-x-large);
-  }
-
-  .tabulator-menu .tabulator-menu-item.tabulator-menu-item-submenu::after {
-    display: inline-block;
-    position: absolute;
-    top: calc(5px + 0.4em);
-    right: 10px;
-    height: 7px;
-    width: 7px;
-    content: '';
-    border-width: var(--border-width) var(--border-width) 0 0;
-    border-style: solid;
-    border-color: var(--cx-color-neutral-400);
-    vertical-align: top;
-    transform: rotate(45deg);
-  }
-
-  .tabulator-menu .tabulator-menu-separator {
-    border-top: var(--border-width) solid var(--cx-color-neutral-400);
-  }
-`, zo = H`
-  .tabulator-print-fullscreen {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    z-index: 10000;
-  }
-
-  body.tabulator-print-fullscreen-hide > *:not(.tabulator-print-fullscreen) {
-    display: none !important;
-  }
-
-  .tabulator-print-table {
-    border-collapse: collapse;
-  }
-
-  .tabulator-print-table .tabulator-data-tree-branch {
-    display: inline-block;
-    vertical-align: middle;
-    height: 9px;
-    width: 7px;
-    margin-top: -9px;
-    margin-right: var(--cx-spacing-2x-small);
-    border-bottom-left-radius: 1px;
-    border-left: 2px solid var(--cx-color-neutral-400);
-    border-bottom: 2px solid var(--cx-color-neutral-400);
-  }
-
-  .tabulator-print-table .tabulator-print-table-group {
-    box-sizing: border-box;
-    border-bottom: var(--border-width) solid var(--cx-color-neutral-400);
-    border-right: var(--border-width) solid var(--cx-color-neutral-400);
-    border-top: var(--border-width) solid var(--cx-color-neutral-400);
-    padding: var(--cx-spacing-2x-small);
-    padding-left: var(--cx-spacing-small);
-    background: var(--cx-color-neutral-300);
-    font-weight: bold;
-    min-width: 100%;
-  }
-
-  @media (hover: hover) and (pointer: fine) {
-    .tabulator-print-table .tabulator-print-table-group:hover {
-      cursor: pointer;
-      background-color: rgba(0, 0, 0, 0.1);
-    }
-  }
-
-  .tabulator-print-table
-    .tabulator-print-table-group.tabulator-group-level-1
-    td {
-    padding-left: 30px !important;
-  }
-
-  .tabulator-print-table
-    .tabulator-print-table-group.tabulator-group-level-2
-    td {
-    padding-left: 50px !important;
-  }
-
-  .tabulator-print-table
-    .tabulator-print-table-group.tabulator-group-level-3
-    td {
-    padding-left: 70px !important;
-  }
-
-  .tabulator-print-table
-    .tabulator-print-table-group.tabulator-group-level-4
-    td {
-    padding-left: 90px !important;
-  }
-
-  .tabulator-print-table
-    .tabulator-print-table-group.tabulator-group-level-5
-    td {
-    padding-left: 110px !important;
-  }
-
-  .tabulator-print-table .tabulator-print-table-group .tabulator-group-toggle {
-    display: inline-block;
-  }
-
-  .tabulator-print-table .tabulator-print-table-group span {
-    margin-left: var(--cx-spacing-small);
-    color: var(--cx-color-danger);
-  }
-`, Fo = H`
-  .tabulator .tabulator-col-resize-handle {
-    position: relative;
-    display: inline-block;
-    width: 6px;
-    margin-left: -3px;
-    margin-right: -3px;
-    z-index: 11;
-    vertical-align: middle;
-  }
-
-  @media (hover: hover) and (pointer: fine) {
-    .tabulator .tabulator-col-resize-handle:hover {
-      cursor: ew-resize;
-    }
-  }
-
-  .tabulator .tabulator-col-resize-handle:last-of-type {
-    width: 3px;
-    margin-right: 0;
-  }
-
-  .tabulator .tabulator-col-resize-guide {
-    position: absolute;
-    top: 0;
-    width: 4px;
-    height: 100%;
-    margin-left: -0.5px;
-    background-color: var(--cx-color-neutral-400);
-    opacity: 0.5;
-  }
-
-  .tabulator .tabulator-row-resize-guide {
-    position: absolute;
-    left: 0;
-    width: 100%;
-    height: 4px;
-    margin-top: -0.5px;
-    background-color: var(--cx-color-neutral-400);
-    opacity: 0.5;
-  }
-`, Oo = H`
-  .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    -moz-user-select: none;
-    -khtml-user-select: none;
-    -webkit-user-select: none;
-    -o-user-select: none;
-    height: 15px;
-    width: 15px;
-    border-radius: var(--cx-border-radius-x-large);
-    background: var(--cx-color-neutral-600);
-    color: var(--cx-color-neutral-0);
-    font-weight: bold;
-    font-size: 1.1em;
-  }
-
-  @media (hover: hover) and (pointer: fine) {
-    .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle:hover {
-      opacity: 0.7;
-      cursor: pointer;
-    }
-  }
-
-  .tabulator-row
-    .tabulator-cell
-    .tabulator-responsive-collapse-toggle.open
-    .tabulator-responsive-collapse-toggle-close {
-    display: initial;
-  }
-
-  .tabulator-row
-    .tabulator-cell
-    .tabulator-responsive-collapse-toggle.open
-    .tabulator-responsive-collapse-toggle-open {
-    display: none;
-  }
-
-  .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle svg {
-    stroke: var(--cx-color-neutral-0);
-  }
-
-  .tabulator-row
-    .tabulator-cell
-    .tabulator-responsive-collapse-toggle
-    .tabulator-responsive-collapse-toggle-close {
-    display: none;
-  }
-`, Ho = H`
-  .tabulator-row {
-    display: flex;
-    position: relative;
-    box-sizing: border-box;
-    min-height: 22px;
-    background-color: var(--row-background-color);
-  }
-
-  .tabulator-row .tabulator-cell-first {
-    border-left: var(--border-width) solid var(--outer-border-color);
-  }
-
-  .tabulator-row.tabulator-row-even {
-    background-color: var(--row-even-background-color);
-  }
-
-  @media (hover: hover) and (pointer: fine) {
-    .tabulator-row.tabulator-selectable:hover {
-      background-color: var(--row-hover-background-color);
-      cursor: pointer;
-    }
-    .tabulator-row.tabulator-row-even.tabulator-selectable:hover {
-      background-color: var(--row-even-hover-background-color);
-      cursor: pointer;
-    }
-  }
-
-  .tabulator-row.tabulator-selected {
-    background-color: var(--cx-color-primary-200);
-  }
-
-  @media (hover: hover) and (pointer: fine) {
-    .tabulator-row.tabulator-selected:hover {
-      background-color: var(--cx-color-primary-300);
-      cursor: pointer;
-    }
-  }
-
-  .tabulator-row.tabulator-row-moving {
-    border: var(--border-width) solid var(--cx-color-neutral-1000);
-    background: var(--cx-color-neutral-0);
-  }
-
-  .tabulator-row.tabulator-moving {
-    position: absolute;
-    border-top: var(--border-width) solid var(--cx-color-neutral-400);
-    border-bottom: var(--border-width) solid var(--cx-color-neutral-400);
-    pointer-events: none;
-    z-index: 15;
-  }
-  
-  .tabulator-header-hidden .tabulator-row.tabulator-row-first .tabulator-cell.tabulator-cell-last {
-    border-top-right-radius: var(--border-radius);
-  }
-
-  .tabulator-row .tabulator-row-resize-handle {
-    position: absolute;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    height: 5px;
-  }
-
-  .tabulator-row .tabulator-row-resize-handle.prev {
-    top: 0;
-    bottom: auto;
-  }
-
-  @media (hover: hover) and (pointer: fine) {
-    .tabulator-row .tabulator-row-resize-handle:hover {
-      cursor: ns-resize;
-    }
-  }
-
-  .tabulator-row .tabulator-responsive-collapse {
-    box-sizing: border-box;
-    padding: var(--cx-spacing-2x-small);
-    border-top: var(--border-width) solid var(--cx-color-neutral-400);
-    border-bottom: var(--border-width) solid var(--cx-color-neutral-400);
-  }
-
-  .tabulator-row .tabulator-responsive-collapse:empty {
-    display: none;
-  }
-
-  .tabulator-row .tabulator-responsive-collapse table {
-    font-size: var(--cx-font-size-small);
-  }
-
-  .tabulator-row .tabulator-responsive-collapse table tr td {
-    position: relative;
-  }
-
-  .tabulator-row .tabulator-responsive-collapse table tr td:first-of-type {
-    padding-right: var(--cx-spacing-small);
-  }
-
-  .tabulator-row .tabulator-cell {
-    display: inline-flex;
-    vertical-align: middle;
-    position: relative;
-    box-sizing: border-box;
-    padding: var(--cx-spacing-2x-small) var(--cell-horizontal-padding);
-    border-right: var(--border-width) solid var(--cell-border-color);
-    border-bottom: var(--border-width) solid var(--cell-bottom-border-color);
-  }
-
-  @media (hover: hover) and (pointer: fine) {
-    .tabulator-row .tabulator-cell:hover,
-    .tabulator-row .tabulator-cell.tabulator-frozen:hover {
-      background-color: var(--cell-hover-background-color);
-    }
-  }
-
-  .tabulator-row .tabulator-cell .tabulator-cell-content {
-    display: inline-flex;
-    align-items: center;
-    width: 100%;
-    height: 100%;
-    font-size: var(--cell-font-size);
-    font-weight: var(--cell-font-weight);
-    line-height: var(--cell-line-height);
-  }
-
-  .tabulator-row .tabulator-cell .tabulator-cell-content cx-line-clamp {
-    width: 100%;
-    max-width: max-content;
-  }
-
-  .tabulator-row .tabulator-cell.tabulator-row-header {
-    border-right: var(--border-width) solid var(--row-header-border-color);
-  }
-
-  .tabulator-row .tabulator-cell.tabulator-frozen {
-    display: inline-block;
-    position: sticky;
-    left: 0;
-    background-color: inherit;
-    z-index: 11;
-  }
-
-  .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-left {
-    border-right: 2px solid var(--frozen-border-color);
-  }
-
-  .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-right {
-    border-left: 2px solid var(--frozen-border-color);
-  }
-
-  .tabulator-row:has(+ .tabulator-placeholder-row) .tabulator-cell {
-    border-bottom: none;
-  }
-  
-
-`, Po = H`
-  .tabulator.tabulator-ltr {
-    direction: ltr;
-  }
-
-  .tabulator.tabulator-rtl {
-    text-align: initial;
-    direction: rtl;
-  }
-
-  .tabulator.tabulator-rtl .tabulator-header .tabulator-col {
-    text-align: initial;
-    border-left: var(--border-width) solid var(--cx-color-neutral-400);
-    border-right: initial;
-  }
-
-  .tabulator.tabulator-rtl
-    .tabulator-header
-    .tabulator-col.tabulator-col-group
-    .tabulator-col-group-cols {
-    margin-right: initial;
-    margin-left: -1px;
-  }
-
-  .tabulator.tabulator-rtl
-    .tabulator-header
-    .tabulator-col.tabulator-sortable
-    .tabulator-col-title {
-    padding-right: 0;
-    padding-left: var(--cx-spacing-x-large);
-  }
-
-  .tabulator.tabulator-rtl
-    .tabulator-header
-    .tabulator-col
-    .tabulator-col-content
-    .tabulator-col-sorter {
-    left: 8px;
-    right: initial;
-  }
-
-  .tabulator.tabulator-rtl .tabulator-row .tabulator-cell {
-    border-right: initial;
-    border-left: var(--border-width) solid var(--cell-border-color);
-  }
-
-  .tabulator.tabulator-rtl
-    .tabulator-row
-    .tabulator-cell
-    .tabulator-data-tree-branch {
-    margin-right: initial;
-    margin-left: var(--cx-spacing-2x-small);
-    border-bottom-left-radius: initial;
-    border-bottom-right-radius: 1px;
-    border-left: initial;
-    border-right: 2px solid var(--cx-color-neutral-400);
-  }
-
-  .tabulator.tabulator-rtl
-    .tabulator-row
-    .tabulator-cell.tabulator-frozen.tabulator-frozen-left {
-    border-left: 2px solid var(--cx-color-neutral-400);
-  }
-
-  .tabulator.tabulator-rtl
-    .tabulator-row
-    .tabulator-cell.tabulator-frozen.tabulator-frozen-right {
-    border-right: 2px solid var(--cx-color-neutral-400);
-  }
-
-  .tabulator.tabulator-rtl
-    .tabulator-row
-    .tabulator-col-resize-handle:last-of-type {
-    width: 3px;
-    margin-left: 0;
-    margin-right: -3px;
-  }
-
-  .tabulator.tabulator-rtl .tabulator-footer .tabulator-calcs-holder {
-    text-align: initial;
-  }
-`, Ao = H`
-  :host {
-    /**
-     * Range overlay: active/hover cell border and single-cell fill when only one cell is selected.
-     */
-    --table-active-cell-border-color: var(--border-color);
-    --table-selected-cell-border-width: 1px;
-    --table-selected-cell-border-style: solid;
-    --table-selected-only-cell-background-color: transparent;
-    --table-selected-range-cell-background-color: var(--cx-color-neutral-100);
-    --table-selected-range-selection-start-cell-background-color: var(
-      --cx-color-neutral-50
-    );
-    --table-selected-cell-hover-background-color: var(--cx-color-neutral-50);
-    --table-editable-only-cell-selected-background-color: var(
-      --cx-color-primary-50
-    );
-    --table-editable-cell-hover-background-color: var(--cx-color-primary-50);
-    --table-editable-only-cell-active-border-color: var(--cx-color-primary-600);
-  }
-
-  .tabulator .tabulator-tableholder .tabulator-range-overlay {
-    position: absolute;
-    inset: 0;
-    z-index: 10;
-    pointer-events: none;
-  }
-
-  .tabulator .tabulator-tableholder .tabulator-range-overlay .tabulator-range {
-    position: absolute;
-    box-sizing: border-box;
-  }
-
-  .tabulator
-    .tabulator-tableholder
-    .tabulator-range-overlay
-    .tabulator-range-cell-active,
-  .tabulator
-    .tabulator-tableholder
-    .tabulator-range-overlay
-    .tabulator-range-cell-hover {
-    position: absolute;
-    box-sizing: border-box;
-    border-color: var(--table-active-cell-border-color);
-    border-style: var(--table-selected-cell-border-style);
-    border-width: var(--table-selected-cell-border-width);
-    background-color: var(--table-selected-only-cell-background-color);
-  }
-
-  .tabulator-row.tabulator-range-highlight
-    .tabulator-cell.tabulator-range-row-header {
-    background-color: var(--cx-color-neutral-300);
-    color: var(--cx-color-neutral-1000);
-  }
-
-  .tabulator-row.tabulator-range-highlight.tabulator-range-selected
-    .tabulator-cell.tabulator-range-row-header {
-    background-color: var(--cx-color-primary-500);
-    color: var(--cx-color-neutral-0);
-  }
-
-  .tabulator-row.tabulator-range-selected
-    .tabulator-cell.tabulator-range-row-header {
-    background-color: var(--cx-color-primary-500);
-    color: var(--cx-color-neutral-0);
-  }
-
-  .tabulator-row
-    .tabulator-cell.tabulator-range-selected:not(.tabulator-range-row-header) {
-    background-color: var(--table-selected-range-cell-background-color);
-  }
-
-  .tabulator-row
-    .tabulator-cell.tabulator-range-selection-start:not(
-      .tabulator-range-row-header
-    ) {
-    background-color: var(
-      --table-selected-range-selection-start-cell-background-color
-    );
-  }
-
-  .tabulator-row
-    .tabulator-cell.tabulator-range-selected:not(
-      .tabulator-range-row-header
-    ):hover {
-    background-color: var(--table-selected-cell-hover-background-color);
-  }
-
-  .tabulator
-    .tabulator-tableholder
-    .tabulator-range-overlay
-    .tabulator-editable.tabulator-range-only-cell-active.tabulator-range-cell-active {
-    border-color: var(--table-editable-only-cell-active-border-color);
-  }
-
-  .tabulator
-    .tabulator-tableholder
-    .tabulator-range-overlay
-    .tabulator-editable.tabulator-range-cell-hover {
-    border: var(--border-width) solid
-      var(--table-editable-only-cell-active-border-color);
-  }
-
-  .tabulator-row .tabulator-cell.tabulator-editable:hover {
-    background-color: var(--table-editable-cell-hover-background-color);
-  }
-
-  .tabulator-row
-    .tabulator-cell.tabulator-editable.tabulator-range-only-cell-selected:not(
-      .tabulator-range-row-header
-    ) {
-    background-color: var(--table-editable-only-cell-selected-background-color);
-  }
-
-  .tabulator-row
-    .tabulator-cell.tabulator-editable.tabulator-range-selected:not(
-      .tabulator-range-row-header
-    ):hover {
-    background-color: var(--table-editable-cell-hover-background-color);
-  }
-`, _o = H`
-  .tabulator .tabulator-footer .tabulator-spreadsheet-tabs {
-    margin-top: -5px;
-    overflow-x: auto;
-  }
-
-  .tabulator
-    .tabulator-footer
-    .tabulator-spreadsheet-tabs
-    .tabulator-spreadsheet-tab {
-    display: inline-block;
-    padding: var(--cx-spacing-2x-small);
-    border: solid var(--border-width) var(--border-color);
-    border-top: none;
-    border-bottom-left-radius: 5px;
-    border-bottom-right-radius: 5px;
-    font-size: 0.9em;
-  }
-
-  .tabulator
-    .tabulator-footer
-    .tabulator-spreadsheet-tabs
-    .tabulator-spreadsheet-tab:hover {
-    cursor: pointer;
-    opacity: 0.7;
-  }
-
-  .tabulator
-    .tabulator-footer
-    .tabulator-spreadsheet-tabs
-    .tabulator-spreadsheet-tab.tabulator-spreadsheet-tab-active {
-    background: var(--cx-color-neutral-0);
-  }
-`, No = [
+const bo = H`.tabulator .tabulator-alert{z-index:100;background:color-mix(in srgb, var(--cx-color-neutral-0) 40%, transparent);text-align:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.tabulator .tabulator-alert.tabulator-alert-state-loading{--loading-offset:var(--cx-spacing-x-small);top:calc(var(--header-height,var(--cx-spacing-3x-large)) + var(--border-width) + var(--loading-offset));height:calc(100% - var(--header-height,var(--cx-spacing-3x-large)) - var(--border-width) - var(--loading-offset))}.tabulator.tabulator-header-hidden .tabulator-alert.tabulator-alert-state-loading{height:100%;top:0}.tabulator .tabulator-alert .tabulator-alert-msg{padding:var(--cx-spacing-small) var(--cx-spacing-large);border-radius:var(--cx-border-radius-x-large);background:var(--cx-color-neutral-0);font-weight:700;font-size:var(--cx-font-size-medium);margin:0 auto;display:inline-block}.tabulator .tabulator-alert .tabulator-alert-msg.tabulator-alert-state-msg{color:var(--cx-color-neutral-1000)}.tabulator .tabulator-alert .tabulator-alert-msg.tabulator-alert-state-error{border:4px solid var(--cx-color-danger);color:var(--cx-color-danger-900)}`, wo = H`:host{--width:100%;--table-height:var(--height,auto);--table-min-height:var(--min-height,0);--table-max-height:var(--max-height,auto);--color:var(--cx-color-neutral-700);--background-color:var(--cx-color-neutral-0);--border-width:var(--cx-input-border-width);--border-color:var(--cx-color-neutral-200);--outer-border-color:var(--border-color);--border-radius:var(--cx-border-radius-medium);--row-background-color:var(--cx-color-neutral-0);--row-even-background-color:var(--cx-color-neutral-0);--row-hover-background-color:var(--cx-color-neutral-0);--row-even-hover-background-color:var(--cx-color-neutral-0);--frozen-border-color:var(--cx-color-neutral-200);--header-background-color:var(--cx-color-neutral-50);--header-hover-background-color:var(--cx-color-primary-50);--header-font-weight:var(--cx-font-weight-medium);--header-font-size:var(--cx-font-size-x-small);--header-color:var(--cx-color-neutral-700);--header-border-right:1px solid var(--cx-color-neutral-200);--header-border-bottom:none;--header-height:var(--cx-spacing-3x-large);--header-horizontal-padding:var(--cx-spacing-large);--body-background-color:var(--cx-color-neutral-0);--cell-border-color:transparent;--cell-bottom-border-color:var(--cx-color-neutral-200);--cell-horizontal-padding:var(--cx-spacing-large);--cell-font-size:var(--cx-font-size-small);--cell-font-weight:var(--cx-font-weight-regular);--cell-line-height:normal;--cell-hover-background-color:var(--cx-color-neutral-50);--group-count-color:var(--cx-color-danger-500);--group-row-background-color:var(--row-background-color);--group-row-hover-background-color:var(--row-hover-background-color);--group-row-border-color:var(--cx-color-neutral-200);--group-row-color:var(--cx-color-neutral-900);--group-row-font-weight:var(--cx-font-weight-medium);--row-header-border-color:var(--cx-color-neutral-200);isolation:isolate;width:var(--width);display:block}.container{height:100%}.tabulator{background-color:var(--background-color);font-size:var(--font-size,var(--cx-font-size-small));text-align:left;height:var(--table-height);min-height:var(--table-min-height);max-height:var(--table-max-height);border-radius:var(--cx-border-radius-medium);flex-direction:column;line-height:normal;display:flex;position:relative;overflow:hidden}.tabulator[data-overlayscrollbars]{flex-direction:column}.tabulator[data-overlayscrollbars-viewport="scrollbarHidden overflowXHidden overflowYHidden"]{display:flex}.tabulator>[data-overlayscrollbars-viewport]{flex-direction:column;display:flex}.tabulator.tabulator-overflow-x{border-right:var(--border-width) solid var(--outer-border-color);border-top-right-radius:var(--border-radius)}.tabulator[tabulator-layout=fitDataFill] .tabulator-tableholder .tabulator-table{min-width:100%}.tabulator[tabulator-layout=fitDataTable]{display:inline-block}.tabulator.tabulator-block-select,.tabulator.tabulator-ranges .tabulator-cell:not(.tabulator-editing){user-select:none}.tabulator .tabulator-tableholder-wrapper{flex:1;width:max-content;display:flex;position:relative;overflow:hidden}.tabulator .tabulator-tableholder{white-space:nowrap;-webkit-overflow-scrolling:touch;border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);flex:1;width:max-content;position:relative;overflow:auto}.tabulator .tabulator-tableholder-wrapper:before{content:"";z-index:1;pointer-events:none;border:var(--border-width) solid var(--outer-border-color);border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);width:100%;height:100%;display:block;position:absolute;top:0;left:0}.tabulator.tabulator-header-hidden .tabulator-tableholder-wrapper:before{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}.tabulator .tabulator-tableholder:focus{outline:none}.tabulator .tabulator-tableholder .tabulator-table{background-color:var(--body-background-color,var(--cx-color-neutral-0));white-space:nowrap;color:var(--color);min-width:100%;display:inline-block;position:relative;overflow:visible}`, vo = H`.tabulator .tabulator-header .tabulator-calcs-holder{box-sizing:border-box;border-top:var(--border-width) solid var(--cx-color-neutral-400);border-bottom:var(--border-width) solid var(--cx-color-neutral-400);display:inline-block;background:var(--cx-color-neutral-100)!important}.tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row{background:var(--cx-color-neutral-100)!important}.tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle{display:none}.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs{font-weight:700;background:var(--cx-color-neutral-200)!important}.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-top{border-bottom:2px solid var(--cx-color-neutral-400)}.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-bottom{border-top:2px solid var(--cx-color-neutral-400)}.tabulator .tabulator-footer .tabulator-calcs-holder{box-sizing:border-box;text-align:left;border-bottom:1px solid var(--cx-color-neutral-400);border-top:1px solid var(--cx-color-neutral-400);width:100%;overflow:hidden;background:var(--cx-color-neutral-100)!important}.tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row{display:inline-block;background:var(--cx-color-neutral-100)!important}.tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle{display:none}.tabulator .tabulator-footer .tabulator-calcs-holder:only-child{border-bottom:none;margin-bottom:-5px}`, yo = H`.tabulator-row .tabulator-cell .tabulator-data-tree-branch-empty{width:22px;display:inline-block}.tabulator-row .tabulator-cell .tabulator-data-tree-branch{vertical-align:middle;width:7px;height:9px;margin-top:-9px;margin-right:var(--cx-spacing-2x-small);border-left:2px solid var(--cx-color-neutral-400);border-bottom:2px solid var(--cx-color-neutral-400);border-bottom-left-radius:1px;display:inline-block}.tabulator-row .tabulator-cell .tabulator-data-tree-control{vertical-align:middle;flex:0 0 18px;justify-content:center;align-items:center;width:18px;display:inline-flex}`, Co = H`.tabulator-row .tabulator-cell.tabulator-editing{padding:0 var(--cell-horizontal-padding);outline:none}.tabulator:not(.tabulator-ranges) .tabulator-row .tabulator-cell.tabulator-editing input,.tabulator:not(.tabulator-ranges) .tabulator-row .tabulator-cell.tabulator-editing select{font-size:inherit;color:inherit;border-radius:var(--cx-input-border-radius-medium);background:0 0;border:none;outline:none;padding:0;font-family:inherit}.tabulator-ranges .tabulator-row .tabulator-cell.tabulator-editing input,.tabulator-ranges .tabulator-row .tabulator-cell.tabulator-editing select{border:var(--border-width) solid var(--border-color);background:0 0;outline:none}.tabulator-row .tabulator-cell.tabulator-validation-fail{border:var(--border-width) solid var(--cx-color-danger)}.tabulator-row .tabulator-cell.tabulator-validation-fail input,.tabulator-row .tabulator-cell.tabulator-validation-fail select{border:var(--border-width) solid var(--border-color);color:var(--cx-color-danger);background:0 0}.tabulator-row .tabulator-cell.tabulator-editing.tabulator-edit-list{padding:0 var(--cx-spacing-x-small)}.tabulator-edit-list{position:relative}.tabulator-edit-list:not(.tabulator-editing) .tabulator-cell-content{padding-right:var(--cx-spacing-large)}.tabulator-edit-list-trigger{top:50%;right:var(--cx-spacing-small);width:var(--cx-spacing-large);appearance:none;height:100%;color:inherit;cursor:pointer;font:inherit;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;transform:translateY(-50%)}.tabulator-edit-list.tabulator-editing .tabulator-edit-list-trigger{display:none}.tabulator-edit-list-trigger-caret{--font-size:var(--cx-font-size-medium);color:var(--cx-color-neutral-500)}`, Eo = H`.tabulator .tabulator-footer{border-top:1px solid var(--cx-color-neutral-400);background-color:var(--cx-color-neutral-200);color:var(--cx-color-neutral-500);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;-khtml-user-select:none;-o-user-select:none;font-weight:700}.tabulator .tabulator-footer .tabulator-footer-contents{padding:var(--cx-spacing-2x-small) var(--cx-spacing-small);flex-direction:row;justify-content:space-between;align-items:center;display:flex}.tabulator .tabulator-footer .tabulator-footer-contents:empty{display:none}`, xo = H`.tabulator-row .tabulator-cell .tabulator-traffic-light-container{align-items:center;gap:var(--cx-spacing-x-small);display:inline-flex}.tabulator-row .tabulator-cell .tabulator-traffic-light{border-radius:var(--cx-border-radius-x-large);width:14px;height:14px;display:inline-block}`, Ro = H`.tabulator-row.tabulator-group{box-sizing:border-box;border-bottom:var(--border-width) solid var(--group-row-border-color);border-right:var(--border-width) solid var(--group-row-border-color);padding:var(--cx-spacing-2x-small);padding-left:var(--cx-spacing-small);background:var(--group-row-background-color);min-width:100%;line-height:var(--header-height);color:var(--group-row-color);font-weight:var(--group-row-font-weight)}.tabulator-row.tabulator-group.tabulator-row-last{border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}@media (hover:hover) and (pointer:fine){.tabulator-row.tabulator-group:hover{cursor:pointer;background-color:var(--group-row-hover-background-color)}}.tabulator-row.tabulator-group.tabulator-group-level-1{padding-left:30px}.tabulator-row.tabulator-group.tabulator-group-level-2{padding-left:50px}.tabulator-row.tabulator-group.tabulator-group-level-3{padding-left:70px}.tabulator-row.tabulator-group.tabulator-group-level-4{padding-left:90px}.tabulator-row.tabulator-group.tabulator-group-level-5{padding-left:110px}.tabulator-row.tabulator-group .tabulator-group-toggle{display:inline-flex}.tabulator-row.tabulator-group span{margin-left:var(--cx-spacing-small);color:var(--group-count-color)}`, So = H`:host{--selected-column-header-background-color:var(--header-background-color);--selected-column-header-color:var(--header-color)}.tabulator .tabulator-header{box-sizing:border-box;width:max-content;font-weight:var(--header-font-weight);font-size:var(--header-font-size);color:var(--header-color);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-o-user-select:none;outline:none;position:relative}.tabulator .tabulator-header.tabulator-header-hidden{display:none}.tabulator .tabulator-header .tabulator-header-contents{box-sizing:border-box;width:max-content;position:relative;overflow:hidden}.tabulator .tabulator-header .tabulator-header-contents:before{content:"";z-index:1;pointer-events:none;border:var(--border-width) solid var(--outer-border-color);border-bottom:var(--header-border-bottom);border-top-right-radius:var(--border-radius);border-top-left-radius:var(--border-radius);width:100%;height:100%;display:block;position:absolute;top:0;left:0}.tabulator .tabulator-header .tabulator-col:last-of-type{border-right:none}.tabulator .tabulator-header .tabulator-header-contents .tabulator-headers{background-color:var(--header-background-color);display:inline-block}.tabulator .tabulator-header .tabulator-col{box-sizing:border-box;border-right:var(--header-border-right);background:var(--header-background-color);text-align:left;vertical-align:bottom;height:var(--header-height);flex-direction:column;justify-content:center;display:inline-flex;position:relative;overflow:hidden}.tabulator .tabulator-header .tabulator-col.tabulator-moving{border:solid var(--border-width) var(--border-color);background:var(--cx-color-neutral-300);pointer-events:none;position:absolute}.tabulator .tabulator-header .tabulator-col.tabulator-range-highlight{background-color:var(--selected-column-header-background-color);color:var(--selected-column-header-color)}.tabulator .tabulator-header .tabulator-col.tabulator-range-selected{background-color:var(--cx-color-primary-500);color:var(--cx-color-neutral-0)}.tabulator .tabulator-header .tabulator-col .tabulator-col-content{box-sizing:border-box;padding:var(--cx-spacing-2x-small) var(--header-horizontal-padding);position:relative}.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-popup-button{padding:0 var(--cx-spacing-x-small)}@media (hover:hover) and (pointer:fine){.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-popup-button:hover{cursor:pointer;opacity:.6}}.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title-holder{position:relative}.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title{box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;vertical-align:bottom;width:100%;overflow:hidden}.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title.tabulator-col-title-wrap{white-space:normal;text-overflow:initial}.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-title-editor{box-sizing:border-box;border:solid var(--border-width) var(--border-color);width:100%;padding:var(--cx-spacing-3x-small);background:var(--cx-color-neutral-0)}.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-header-popup-button+.tabulator-title-editor{width:calc(100% - 22px)}.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter{align-items:center;display:flex;position:absolute;top:0;bottom:0;right:4px}.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter .tabulator-arrow{border-left:6px solid #0000;border-right:6px solid #0000;border-bottom:6px solid var(--cx-color-neutral-200);width:0;height:0}.tabulator .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols{border-top:1px solid var(--cx-color-neutral-400);margin-right:-1px;display:flex;position:relative;overflow:hidden}.tabulator .tabulator-header .tabulator-col .tabulator-header-filter{box-sizing:border-box;margin-top:var(--cx-spacing-3x-small);text-align:center;width:100%;position:relative}.tabulator .tabulator-header .tabulator-col .tabulator-header-filter textarea{height:auto!important}.tabulator .tabulator-header .tabulator-col .tabulator-header-filter svg{margin-top:var(--cx-spacing-3x-small)}.tabulator .tabulator-header .tabulator-col .tabulator-header-filter input::-ms-clear{width:0;height:0}.tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title{padding-right:var(--cx-spacing-x-large)}@media (hover:hover) and (pointer:fine){.tabulator .tabulator-header .tabulator-col.tabulator-sortable.tabulator-col-sorter-element:hover{cursor:pointer}.tabulator .tabulator-header .tabulator-col:hover{background-color:var(--header-hover-background-color)}}.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter{color:var(--cx-color-neutral-200)}@media (hover:hover) and (pointer:fine){.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter.tabulator-col-sorter-element .tabulator-arrow:hover{cursor:pointer;border-bottom:6px solid var(--cx-color-neutral-500)}}.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow{border-top:none;border-bottom:6px solid var(--cx-color-neutral-200)}.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=ascending] .tabulator-col-content .tabulator-col-sorter{color:var(--cx-color-neutral-600)}@media (hover:hover) and (pointer:fine){.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=ascending] .tabulator-col-content .tabulator-col-sorter.tabulator-col-sorter-element .tabulator-arrow:hover{cursor:pointer;border-bottom:6px solid var(--cx-color-neutral-500)}}.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=ascending] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow{border-top:none;border-bottom:6px solid var(--cx-color-neutral-600)}.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=descending] .tabulator-col-content .tabulator-col-sorter{color:var(--cx-color-neutral-600)}@media (hover:hover) and (pointer:fine){.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=descending] .tabulator-col-content .tabulator-col-sorter.tabulator-col-sorter-element .tabulator-arrow:hover{cursor:pointer;border-top:6px solid var(--cx-color-neutral-500)}}.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=descending] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow{border-bottom:none;border-top:6px solid var(--cx-color-neutral-600);color:var(--cx-color-neutral-600)}.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical .tabulator-col-content .tabulator-col-title{writing-mode:vertical-rl;text-orientation:mixed;justify-content:center;align-items:center;display:flex}.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-col-vertical-flip .tabulator-col-title{transform:rotate(180deg)}.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable .tabulator-col-title{padding-right:0;padding-top:var(--cx-spacing-large)}.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable.tabulator-col-vertical-flip .tabulator-col-title{padding-right:0;padding-bottom:var(--cx-spacing-large)}.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable .tabulator-col-sorter{justify-content:center;inset:4px 0 auto}.tabulator .tabulator-header .tabulator-frozen{z-index:11;position:sticky;left:0}.tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-left{border-right:2px solid var(--frozen-border-color)}.tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-right{border-left:2px solid var(--frozen-border-color)}.tabulator .tabulator-header .tabulator-frozen-rows-holder{border-bottom:2px solid var(--frozen-border-color);display:inline-block}.tabulator .tabulator-header .tabulator-frozen-rows-holder:empty{display:none}`, To = H`:host{--hover-menu-background-color:transparent}.tabulator-hover-menu{padding-left:var(--cell-horizontal-padding);padding-right:var(--cell-horizontal-padding);background-color:var(--hover-menu-background-color);opacity:0;pointer-events:none;z-index:12;align-items:center;height:100%;display:flex;position:absolute;top:0}.tabulator:not(.tabulator-editing) .tabulator-hover-menu--active{opacity:1;pointer-events:auto}`, Mo = H`.tabulator-row .tabulator-cell.tabulator-row-handle{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-o-user-select:none;justify-content:center;align-items:center;display:inline-flex}.tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box{width:80%}.tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box .tabulator-row-handle-bar{width:100%;height:3px;margin-top:var(--cx-spacing-3x-small);background:var(--cx-color-neutral-600)}`, ko = H`.tabulator .tabulator-footer .tabulator-paginator{flex:1}.tabulator .tabulator-footer .tabulator-paginator-pagination{margin-left:auto}.tabulator-paginator-pagination{--font-size:var(--cx-font-size-x-small);--pagination-input-font-size:var(--cx-font-size-x-small)}.tabulator-paginator-pagination::part(back-icon),.tabulator-paginator-pagination::part(next-icon){--font-size:var(--cx-font-size-medium)}`, Lo = H`:host{--placeholder-color:var(--cx-color-neutral-800);--placeholder-font-weight:var(--cx-font-weight-regular);--placeholder-font-size:var(--cx-font-size-small)}.tabulator .tabulator-tableholder-wrapper .tabulator-placeholder{box-sizing:border-box;justify-content:center;align-items:center;width:100%;min-width:100%;display:flex}.tabulator .tabulator-tableholder-wrapper .tabulator-placeholder[tabulator-render-mode=virtual]{min-height:100%}.tabulator .tabulator-placeholder .tabulator-placeholder-contents{height:100%;padding:var(--cx-spacing-small);color:var(--placeholder-color);font-weight:var(--placeholder-font-weight);font-size:var(--placeholder-font-size);white-space:normal;justify-content:center;align-items:center;display:flex}.tabulator .tabulator-tableholder-wrapper .tabulator-placeholder.tabulator-placeholder--initializing .tabulator-placeholder-contents{visibility:hidden}.tabulator.tabulator-all-columns-hidden .tabulator-header{width:100%;height:var(--header-height);min-height:var(--header-height)}.tabulator.tabulator-all-columns-hidden .tabulator-header .tabulator-header-contents{background-color:var(--header-background-color);flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.tabulator.tabulator-all-columns-hidden .tabulator-header .tabulator-header-contents:before{box-sizing:border-box;width:auto;height:auto;inset:0}.tabulator.tabulator-all-columns-hidden .tabulator-header .tabulator-header-contents .tabulator-headers{box-sizing:border-box;flex:1;align-self:stretch;width:100%;min-height:0;display:flex}.tabulator.tabulator-all-columns-hidden .tabulator-tableholder-wrapper{width:100%}.tabulator-row.tabulator-placeholder-row{border-left:var(--border-width) solid var(--cell-border-color);border-right:var(--border-width) solid var(--cell-border-color);border-bottom:var(--border-width) solid var(--cell-bottom-border-color);padding:var(--cx-spacing-2x-small) var(--cell-horizontal-padding)}`, Do = H`.tabulator-toggle{box-sizing:border-box;border:var(--border-width) solid var(--cx-color-neutral-300);background:var(--cx-color-neutral-200);flex-direction:row;display:flex}.tabulator-toggle.tabulator-toggle-on{background:var(--cx-color-primary-700)}.tabulator-toggle .tabulator-toggle-switch{box-sizing:border-box;border:var(--border-width) solid var(--cx-color-neutral-300);background:var(--cx-color-neutral-0)}.tabulator-popup-container{box-sizing:border-box;background:var(--cx-color-neutral-0);border:var(--border-width) solid var(--cx-color-neutral-400);font-size:var(--cx-font-size-small);-webkit-overflow-scrolling:touch;z-index:10000;display:inline-block;position:absolute;overflow-y:auto;box-shadow:0 0 5px #0003}.tabulator-popup{padding:var(--cx-spacing-2x-small);border-radius:var(--cx-border-radius-small)}.tabulator-tooltip{max-width:min(500px,100%);padding:var(--cx-spacing-3x-small) var(--cx-spacing-2x-small);border-radius:var(--cx-border-radius-small);box-shadow:none;font-size:var(--cx-font-size-x-small);pointer-events:none}.tabulator-menu .tabulator-menu-item{box-sizing:border-box;padding:var(--cx-spacing-2x-small) var(--cx-spacing-small);user-select:none;position:relative}.tabulator-menu .tabulator-menu-item.tabulator-menu-item-disabled{opacity:.5}@media (hover:hover) and (pointer:fine){.tabulator-menu .tabulator-menu-item:not(.tabulator-menu-item-disabled):hover{cursor:pointer;background:var(--cx-color-neutral-50)}}.tabulator-menu .tabulator-menu-item.tabulator-menu-item-submenu{padding-right:var(--cx-spacing-x-large)}.tabulator-menu .tabulator-menu-item.tabulator-menu-item-submenu:after{content:"";border-width:var(--border-width) var(--border-width) 0 0;border-style:solid;border-color:var(--cx-color-neutral-400);vertical-align:top;width:7px;height:7px;display:inline-block;position:absolute;top:calc(5px + .4em);right:10px;transform:rotate(45deg)}.tabulator-menu .tabulator-menu-separator{border-top:var(--border-width) solid var(--cx-color-neutral-400)}`, zo = H`.tabulator-print-fullscreen{z-index:10000;position:absolute;inset:0}body.tabulator-print-fullscreen-hide>:not(.tabulator-print-fullscreen){display:none!important}.tabulator-print-table{border-collapse:collapse}.tabulator-print-table .tabulator-data-tree-branch{vertical-align:middle;width:7px;height:9px;margin-top:-9px;margin-right:var(--cx-spacing-2x-small);border-left:2px solid var(--cx-color-neutral-400);border-bottom:2px solid var(--cx-color-neutral-400);border-bottom-left-radius:1px;display:inline-block}.tabulator-print-table .tabulator-print-table-group{box-sizing:border-box;border-bottom:var(--border-width) solid var(--cx-color-neutral-400);border-right:var(--border-width) solid var(--cx-color-neutral-400);border-top:var(--border-width) solid var(--cx-color-neutral-400);padding:var(--cx-spacing-2x-small);padding-left:var(--cx-spacing-small);background:var(--cx-color-neutral-300);min-width:100%;font-weight:700}@media (hover:hover) and (pointer:fine){.tabulator-print-table .tabulator-print-table-group:hover{cursor:pointer;background-color:#0000001a}}.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-1 td{padding-left:30px!important}.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-2 td{padding-left:50px!important}.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-3 td{padding-left:70px!important}.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-4 td{padding-left:90px!important}.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-5 td{padding-left:110px!important}.tabulator-print-table .tabulator-print-table-group .tabulator-group-toggle{display:inline-block}.tabulator-print-table .tabulator-print-table-group span{margin-left:var(--cx-spacing-small);color:var(--cx-color-danger)}`, Fo = H`.tabulator .tabulator-col-resize-handle{z-index:11;vertical-align:middle;width:6px;margin-left:-3px;margin-right:-3px;display:inline-block;position:relative}@media (hover:hover) and (pointer:fine){.tabulator .tabulator-col-resize-handle:hover{cursor:ew-resize}}.tabulator .tabulator-col-resize-handle:last-of-type{width:3px;margin-right:0}.tabulator .tabulator-col-resize-guide{background-color:var(--cx-color-neutral-400);opacity:.5;width:4px;height:100%;margin-left:-.5px;position:absolute;top:0}.tabulator .tabulator-row-resize-guide{background-color:var(--cx-color-neutral-400);opacity:.5;width:100%;height:4px;margin-top:-.5px;position:absolute;left:0}`, Oo = H`.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-o-user-select:none;border-radius:var(--cx-border-radius-x-large);background:var(--cx-color-neutral-600);width:15px;height:15px;color:var(--cx-color-neutral-0);justify-content:center;align-items:center;font-size:1.1em;font-weight:700;display:inline-flex}@media (hover:hover) and (pointer:fine){.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle:hover{opacity:.7;cursor:pointer}}.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle.open .tabulator-responsive-collapse-toggle-close{display:initial}.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle.open .tabulator-responsive-collapse-toggle-open{display:none}.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle svg{stroke:var(--cx-color-neutral-0)}.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle .tabulator-responsive-collapse-toggle-close{display:none}`, Ho = H`.tabulator-row{box-sizing:border-box;background-color:var(--row-background-color);min-height:22px;display:flex;position:relative}.tabulator-row .tabulator-cell-first{border-left:var(--border-width) solid var(--outer-border-color)}.tabulator-row.tabulator-row-even{background-color:var(--row-even-background-color)}@media (hover:hover) and (pointer:fine){.tabulator-row.tabulator-selectable:hover{background-color:var(--row-hover-background-color);cursor:pointer}.tabulator-row.tabulator-row-even.tabulator-selectable:hover{background-color:var(--row-even-hover-background-color);cursor:pointer}}.tabulator-row.tabulator-selected{background-color:var(--cx-color-primary-200)}@media (hover:hover) and (pointer:fine){.tabulator-row.tabulator-selected:hover{background-color:var(--cx-color-primary-300);cursor:pointer}}.tabulator-row.tabulator-row-moving{border:var(--border-width) solid var(--cx-color-neutral-1000);background:var(--cx-color-neutral-0)}.tabulator-row.tabulator-moving{border-top:var(--border-width) solid var(--cx-color-neutral-400);border-bottom:var(--border-width) solid var(--cx-color-neutral-400);pointer-events:none;z-index:15;position:absolute}.tabulator-header-hidden .tabulator-row.tabulator-row-first .tabulator-cell.tabulator-cell-last{border-top-right-radius:var(--border-radius)}.tabulator-row .tabulator-row-resize-handle{height:5px;position:absolute;bottom:0;left:0;right:0}.tabulator-row .tabulator-row-resize-handle.prev{top:0;bottom:auto}@media (hover:hover) and (pointer:fine){.tabulator-row .tabulator-row-resize-handle:hover{cursor:ns-resize}}.tabulator-row .tabulator-responsive-collapse{box-sizing:border-box;padding:var(--cx-spacing-2x-small);border-top:var(--border-width) solid var(--cx-color-neutral-400);border-bottom:var(--border-width) solid var(--cx-color-neutral-400)}.tabulator-row .tabulator-responsive-collapse:empty{display:none}.tabulator-row .tabulator-responsive-collapse table{font-size:var(--cx-font-size-small)}.tabulator-row .tabulator-responsive-collapse table tr td{position:relative}.tabulator-row .tabulator-responsive-collapse table tr td:first-of-type{padding-right:var(--cx-spacing-small)}.tabulator-row .tabulator-cell{vertical-align:middle;box-sizing:border-box;padding:var(--cx-spacing-2x-small) var(--cell-horizontal-padding);border-right:var(--border-width) solid var(--cell-border-color);border-bottom:var(--border-width) solid var(--cell-bottom-border-color);display:inline-flex;position:relative}@media (hover:hover) and (pointer:fine){.tabulator-row .tabulator-cell:hover,.tabulator-row .tabulator-cell.tabulator-frozen:hover{background-color:var(--cell-hover-background-color)}}.tabulator-row .tabulator-cell .tabulator-cell-content{width:100%;height:100%;font-size:var(--cell-font-size);font-weight:var(--cell-font-weight);line-height:var(--cell-line-height);align-items:center;display:inline-flex}.tabulator-row .tabulator-cell .tabulator-cell-content cx-line-clamp{width:100%;max-width:max-content}.tabulator-row .tabulator-cell.tabulator-row-header{border-right:var(--border-width) solid var(--row-header-border-color)}.tabulator-row .tabulator-cell.tabulator-frozen{background-color:inherit;z-index:11;display:inline-block;position:sticky;left:0}.tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-left{border-right:2px solid var(--frozen-border-color)}.tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-right{border-left:2px solid var(--frozen-border-color)}.tabulator-row:has(+.tabulator-placeholder-row) .tabulator-cell{border-bottom:none}`, Po = H`.tabulator.tabulator-ltr{direction:ltr}.tabulator.tabulator-rtl{text-align:initial;direction:rtl}.tabulator.tabulator-rtl .tabulator-header .tabulator-col{text-align:initial;border-left:var(--border-width) solid var(--cx-color-neutral-400);border-right:initial}.tabulator.tabulator-rtl .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols{margin-right:initial;margin-left:-1px}.tabulator.tabulator-rtl .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title{padding-right:0;padding-left:var(--cx-spacing-x-large)}.tabulator.tabulator-rtl .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter{left:8px;right:initial}.tabulator.tabulator-rtl .tabulator-row .tabulator-cell{border-right:initial;border-left:var(--border-width) solid var(--cell-border-color)}.tabulator.tabulator-rtl .tabulator-row .tabulator-cell .tabulator-data-tree-branch{margin-right:initial;margin-left:var(--cx-spacing-2x-small);border-bottom-left-radius:initial;border-left:initial;border-right:2px solid var(--cx-color-neutral-400);border-bottom-right-radius:1px}.tabulator.tabulator-rtl .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-left{border-left:2px solid var(--cx-color-neutral-400)}.tabulator.tabulator-rtl .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-right{border-right:2px solid var(--cx-color-neutral-400)}.tabulator.tabulator-rtl .tabulator-row .tabulator-col-resize-handle:last-of-type{width:3px;margin-left:0;margin-right:-3px}.tabulator.tabulator-rtl .tabulator-footer .tabulator-calcs-holder{text-align:initial}`, Ao = H`:host{--table-active-cell-border-color:var(--border-color);--table-selected-cell-border-width:1px;--table-selected-cell-border-style:solid;--table-selected-only-cell-background-color:transparent;--table-selected-range-cell-background-color:var(--cx-color-neutral-100);--table-selected-range-selection-start-cell-background-color:var(--cx-color-neutral-50);--table-selected-cell-hover-background-color:var(--cx-color-neutral-50);--table-editable-only-cell-selected-background-color:var(--cx-color-primary-50);--table-editable-cell-hover-background-color:var(--cx-color-primary-50);--table-editable-only-cell-active-border-color:var(--cx-color-primary-600)}.tabulator .tabulator-tableholder .tabulator-range-overlay{z-index:10;pointer-events:none;position:absolute;inset:0}.tabulator .tabulator-tableholder .tabulator-range-overlay .tabulator-range{box-sizing:border-box;position:absolute}.tabulator .tabulator-tableholder .tabulator-range-overlay .tabulator-range-cell-active,.tabulator .tabulator-tableholder .tabulator-range-overlay .tabulator-range-cell-hover{box-sizing:border-box;border-color:var(--table-active-cell-border-color);border-style:var(--table-selected-cell-border-style);border-width:var(--table-selected-cell-border-width);background-color:var(--table-selected-only-cell-background-color);position:absolute}.tabulator-row.tabulator-range-highlight .tabulator-cell.tabulator-range-row-header{background-color:var(--cx-color-neutral-300);color:var(--cx-color-neutral-1000)}.tabulator-row.tabulator-range-highlight.tabulator-range-selected .tabulator-cell.tabulator-range-row-header,.tabulator-row.tabulator-range-selected .tabulator-cell.tabulator-range-row-header{background-color:var(--cx-color-primary-500);color:var(--cx-color-neutral-0)}.tabulator-row .tabulator-cell.tabulator-range-selected:not(.tabulator-range-row-header){background-color:var(--table-selected-range-cell-background-color)}.tabulator-row .tabulator-cell.tabulator-range-selection-start:not(.tabulator-range-row-header){background-color:var(--table-selected-range-selection-start-cell-background-color)}.tabulator-row .tabulator-cell.tabulator-range-selected:not(.tabulator-range-row-header):hover{background-color:var(--table-selected-cell-hover-background-color)}.tabulator .tabulator-tableholder .tabulator-range-overlay .tabulator-editable.tabulator-range-only-cell-active.tabulator-range-cell-active{border-color:var(--table-editable-only-cell-active-border-color)}.tabulator .tabulator-tableholder .tabulator-range-overlay .tabulator-editable.tabulator-range-cell-hover{border:var(--border-width) solid var(--table-editable-only-cell-active-border-color)}.tabulator-row .tabulator-cell.tabulator-editable:hover{background-color:var(--table-editable-cell-hover-background-color)}.tabulator-row .tabulator-cell.tabulator-editable.tabulator-range-only-cell-selected:not(.tabulator-range-row-header){background-color:var(--table-editable-only-cell-selected-background-color)}.tabulator-row .tabulator-cell.tabulator-editable.tabulator-range-selected:not(.tabulator-range-row-header):hover{background-color:var(--table-editable-cell-hover-background-color)}`, _o = H`.tabulator .tabulator-footer .tabulator-spreadsheet-tabs{margin-top:-5px;overflow-x:auto}.tabulator .tabulator-footer .tabulator-spreadsheet-tabs .tabulator-spreadsheet-tab{padding:var(--cx-spacing-2x-small);border:solid var(--border-width) var(--border-color);border-top:none;border-bottom-right-radius:5px;border-bottom-left-radius:5px;font-size:.9em;display:inline-block}.tabulator .tabulator-footer .tabulator-spreadsheet-tabs .tabulator-spreadsheet-tab:hover{cursor:pointer;opacity:.7}.tabulator .tabulator-footer .tabulator-spreadsheet-tabs .tabulator-spreadsheet-tab.tabulator-spreadsheet-tab-active{background:var(--cx-color-neutral-0)}`, No = [
   wo,
   So,
   Lo,
@@ -3409,7 +1469,7 @@ const Rs = function(a, e, t) {
   return a;
 }, Be = process.env.NODE_ENV === "development", Z = class Z extends R {
   constructor(e) {
-    super(e), this.fetchApi = fetch, 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", () => {
+    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 = Z.contentTypeFormatters;
   }
   // initialize setup options
@@ -3481,21 +1541,28 @@ Z.moduleName = "ajax", Z.defaultConfig = $o, Z.defaultURLGenerator = Rs, Z.conte
           "Ajax Error - Invalid ajaxContentType value:",
           this.table.options.ajaxContentType
         );
-    e ? (typeof t.headers > "u" && (t.headers = {}), typeof t.headers.Accept > "u" && (t.headers.Accept = "application/json"), typeof t.headers["X-Requested-With"] > "u" && (t.headers["X-Requested-With"] = "XMLHttpRequest"), typeof t.mode > "u" && (t.mode = "cors"), t.mode == "cors" ? typeof t.credentials > "u" && (t.credentials = "same-origin") : typeof t.credentials > "u" && (t.credentials = "include"), (this.fetchApi ?? fetch)(e, t).then((l) => {
-      l.ok ? l.json().then((h) => {
-        o(h);
-      }).catch((h) => {
-        r(h), Be && console.warn(
-          "Ajax Load Error - Invalid JSON returned",
-          h
-        );
-      }) : (Be && console.error(
-        "Ajax Load Error - Connection Error: " + l.status,
-        l.statusText
-      ), r(l));
-    }).catch((l) => {
-      Be && console.error("Ajax Load Error - Connection Error: ", l), r(l);
-    })) : (Be && console.warn("Ajax Load Error - No URL Set"), o([]));
+    if (e) {
+      if (typeof t.headers > "u" && (t.headers = {}), typeof t.headers.Accept > "u" && (t.headers.Accept = "application/json"), typeof t.headers["X-Requested-With"] > "u" && (t.headers["X-Requested-With"] = "XMLHttpRequest"), typeof t.mode > "u" && (t.mode = "cors"), t.mode == "cors" ? typeof t.credentials > "u" && (t.credentials = "same-origin") : typeof t.credentials > "u" && (t.credentials = "include"), !this.fetchApi) {
+        r(new Error("fetch is not available"));
+        return;
+      }
+      this.fetchApi(e, t).then((n) => {
+        n.ok ? n.json().then((l) => {
+          o(l);
+        }).catch((l) => {
+          r(l), Be && console.warn(
+            "Ajax Load Error - Invalid JSON returned",
+            l
+          );
+        }) : (Be && console.error(
+          "Ajax Load Error - Connection Error: " + n.status,
+          n.statusText
+        ), r(n));
+      }).catch((n) => {
+        Be && console.error("Ajax Load Error - Connection Error: ", n), r(n);
+      });
+    } else
+      Be && console.warn("Ajax Load Error - No URL Set"), o([]);
   });
 };
 let kt = Z;
@@ -5353,22 +3420,9 @@ class Ft extends V {
     this.element?.parentNode && this.element.parentNode.removeChild(this.element);
   }
 }
-const ar = x`<span
-  class="tabulator-data-tree-control"
-  tabindex="0"
->
-  <cx-icon-button name="keyboard_arrow_down"></cx-icon-button>
-</span>`, lr = x`<span
-  class="tabulator-data-tree-control"
-  tabindex="0"
->
-  <cx-icon-button name="keyboard_arrow_right"></cx-icon-button>
-</span>`, hr = x`<span class="tabulator-data-tree-control tabulator-data-tree-control-placeholder" aria-hidden="true"></span>`, cr = x`<div class="tabulator-data-tree-branch"></div>`, dr = x`<div class="tabulator-data-tree-branch-empty"></div>`, ur = x`
-  <cx-button size="small">
-    <cx-icon slot="prefix" name="add" variant="outlined" ></cx-icon>
+const ar = x`<span class="tabulator-data-tree-control" tabindex="0"><cx-icon-button name="keyboard_arrow_down"></cx-icon-button></span>`, lr = x`<span class="tabulator-data-tree-control" tabindex="0"><cx-icon-button name="keyboard_arrow_right"></cx-icon-button></span>`, hr = x`<span class="tabulator-data-tree-control tabulator-data-tree-control-placeholder" aria-hidden="true"></span>`, cr = x`<div class="tabulator-data-tree-branch"></div>`, dr = x`<div class="tabulator-data-tree-branch-empty"></div>`, ur = x`<cx-button size="small"><cx-icon slot="prefix" name="add" variant="outlined"></cx-icon>
     Load More
-  </cx-button>
-`, pr = x`<div class="tabulator-data-tree-loading">Loading...</div>`, fr = process.env.NODE_ENV === "development", bt = 18, Ti = class Ti extends R {
+  </cx-button>`, pr = x`<div class="tabulator-data-tree-loading">Loading...</div>`, fr = process.env.NODE_ENV === "development", bt = 18, Ti = class Ti extends R {
   constructor(e) {
     super(e), this.indent = 10, this.field = "", this.collapseEl = null, this.expandEl = null, this.branchEl = null, this.elementField = !1, this.startOpen = function() {
       return !1;
@@ -6385,9 +4439,7 @@ function Nr(a, e, t) {
 function Vr(a) {
   return !a || typeof a != "string" ? !1 : /^(#[0-9A-Fa-f]{3,8}|rgb\(|rgba\(|hsl\(|hsla\(|[a-z]+)$/i.test(a.trim());
 }
-const Ir = x`<span
-  style="display: inline-flex; align-items: center;"
-></span>`;
+const Ir = x`<span style="display: inline-flex; align-items: center;"></span>`;
 function Br({
   spacing: a,
   style: e
@@ -6451,12 +4503,7 @@ function jr(a, e, t) {
   });
   if (es(r) && !n && e.placeholder !== void 0)
     return Wr.call(this, a, e, t);
-  const h = a.getRow(), { align: c, containerStyle: d, direction: p, gap: u } = e, f = x`<cx-space
-    style=${ke(d ?? {})}
-    align-items=${c ?? "center"}
-    direction=${be(p)}
-    spacing=${u ?? "3x-small"}
-  ></cx-space>`, w = T(f), y = [];
+  const h = a.getRow(), { align: c, containerStyle: d, direction: p, gap: u } = e, f = x`<cx-space style=${ke(d ?? {})} align-items=${c ?? "center"} direction=${be(p)} spacing=${u ?? "3x-small"}></cx-space>`, w = T(f), y = [];
   return e.elements.forEach((C) => {
     let E = ts({
       cell: a,
@@ -6563,11 +4610,7 @@ function Qr(a, e) {
     }
   return i.class && (o.className = i.class), i.style && Object.assign(o.style, i.style), o;
 }
-const Zr = x`<div
-  style="display: flex; align-items: center; justify-content: center;"
->
-  <img style="max-width: 100%; max-height: 100%; object-fit: cover;" />
-</div>`;
+const Zr = x`<div style="display: flex; align-items: center; justify-content: center;"><img style="max-width: 100%; max-height: 100%; object-fit: cover;"></div>`;
 function en(a, e) {
   let t = a.getValue();
   if (!t)
@@ -6692,9 +4735,7 @@ function dn(a, e) {
   let t = pt(S(a.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=${ke(i.style ?? {})}>${t}</span>
-  </cx-line-clamp>`;
+  const s = x`<cx-line-clamp lines="1"><span style=${ke(i.style ?? {})}>${t}</span></cx-line-clamp>`;
   return T(s);
 }
 function un(a, e = {}, t) {
@@ -6844,17 +4885,7 @@ function Cn(a) {
 }
 function En(a, e) {
   const t = yn(e ?? {}, a), i = vn(a.getValue()), s = Cn(t);
-  return T(x`
-    <cx-format-time
-      .duration=${i}
-      display-style=${be(t.displayStyle)}
-      input-unit=${be(t.inputUnit)}
-      locale=${be(t.locale)}
-      placeholder=${be(t.placeholder)}
-      units-format=${be(t.unitsFormat)}
-      style=${ke(s)}
-    ></cx-format-time>
-  `);
+  return T(x`<cx-format-time .duration=${i} display-style=${be(t.displayStyle)} input-unit=${be(t.inputUnit)} locale=${be(t.locale)} placeholder=${be(t.placeholder)} units-format=${be(t.unitsFormat)} style=${ke(s)}></cx-format-time>`);
 }
 function xn(a, e, t) {
   const i = e.size || 15, s = i + "px", o = Object.prototype.hasOwnProperty.call(
@@ -6874,10 +4905,7 @@ function xn(a, e, t) {
   const c = document.createElement("div");
   return c.classList.add("tabulator-toggle-switch"), c.style.height = s, c.style.width = s, c.style.borderRadius = s, h.appendChild(c), h;
 }
-const Rn = x`<span class="tabulator-traffic-light-container">
-  <span class="tabulator-traffic-light"></span>
-  <span class="tabulator-traffic-light-text"></span>
-</span>`;
+const Rn = x`<span class="tabulator-traffic-light-container"><span class="tabulator-traffic-light"></span><span class="tabulator-traffic-light-text"></span></span>`;
 function Sn(a, e, t, i) {
   const s = a.getValue();
   if (s == null || s === "")
@@ -6901,9 +4929,7 @@ function Tn(a, 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 ??= Js.Body1;
-  const o = x` <cx-line-clamp lines="1">
-    <cx-typography style=${ke(i.style ?? {})}></cx-typography>
-  </cx-line-clamp>`, r = T(o), n = r.querySelector(
+  const o = x`<cx-line-clamp lines="1"><cx-typography style=${ke(i.style ?? {})}></cx-typography></cx-line-clamp>`, r = T(o), n = r.querySelector(
     "cx-typography"
   );
   n.variant = s;
@@ -7045,10 +5071,10 @@ const fe = class fe extends R {
 };
 fe.moduleName = "format", fe.formatters = Ls;
 let ot = fe;
-const ie = process.env.NODE_ENV === "development", Mn = x` <cx-option></cx-option>`, kn = x` <cx-divider></cx-divider>`;
+const ie = process.env.NODE_ENV === "development", Mn = x`<cx-option></cx-option>`, kn = x`<cx-divider></cx-divider>`;
 class Ln {
   constructor(e, t, i, s, o, r) {
-    this._itemsMap = /* @__PURE__ */ new Map(), this.fetchApi = fetch, this.table = e.table, this.cell = t, this.params = this._initializeParams(r), this.data = [], this.displayItems = [], this.focusedItem = null, this.input = this._createSelectElement(), this.initialValues = [], this.isHeaderFilter = t.row?.type === "header", this.typing = !1, this.listIteration = 0, this.lastAction = "", this.actions = {
+    this._itemsMap = /* @__PURE__ */ new Map(), this.table = e.table, this.cell = t, this.params = this._initializeParams(r), this.fetchApi = typeof globalThis.fetch == "function" ? globalThis.fetch.bind(globalThis) : void 0, this.data = [], this.displayItems = [], this.focusedItem = null, this.input = this._createSelectElement(), this.initialValue = void 0, this.initialValues = [], this.isHeaderFilter = t.row?.type === "header", this.typing = !1, this.listIteration = 0, this.lastAction = "", this.actions = {
       cancel: o,
       success: s
     }, this._initializeValue(), i(this._onRendered.bind(this)), this.clickStop = this.clickStop.bind(this);
@@ -7064,7 +5090,10 @@ class Ln {
     let e = this.cell.getValue();
     await this.rebuildOptionsList();
     const { defaultValue: t } = this.params;
-    e == null && t !== void 0 && t !== null && (e = t), e == null ? (this.initialValues = [], this.input.value = []) : (this.initialValues = [this.sanitizeValue(e)], this.input.value = this.initialValues), this.isHeaderFilter && this.headerFilterInitialListGen();
+    e == null && t != null && (e = t), this.initialValue = e, e == null ? (this.initialValues = [], this.input.value = []) : (this.initialValues = this._getSanitizedInitialValues(e), this.input.value = this.initialValues), this.input.handleValueChange(), this.isHeaderFilter && this.headerFilterInitialListGen();
+  }
+  _getSanitizedInitialValues(e) {
+    return (Array.isArray(e) ? e : [e]).map((i) => this.sanitizeValue(i));
   }
   async _onRendered() {
     await this.input.updateComplete;
@@ -7111,16 +5140,16 @@ class Ln {
     return typeof e == "string" ? t = qs(e) : t = e, t && (t.slot = "prefix"), t;
   }
   _createSelectElement() {
-    const { autocomplete: e, clearable: t, freeWidth: i, placeholder: s } = this.params, o = x`
-      <cx-select
-        style="width: 100%; margin: auto;"
-        hoist
-        ?clearable=${t}
-        ?free-width=${i ?? !1}
-        placeholder=${be(s)}
-      ></cx-select>
-    `, r = T(o), n = this.createPrefixElement();
-    return n && r.prepend(n), e || (r.style.cursor = "default", r.style.caretColor = "transparent"), this._bindInputEvents(r), r;
+    const {
+      autocomplete: e,
+      clearable: t,
+      fallbackOptionValue: i,
+      freeWidth: s,
+      placeholder: o
+    } = this.params, r = x`<cx-select style="width: 100%; margin: auto;" hoist ?clearable=${t} ?free-width=${s ?? !1} placeholder=${be(o)}></cx-select>`, n = T(r);
+    i && (n.fallbackOptionValue = this.sanitizeValue(i));
+    const l = this.createPrefixElement();
+    return l && n.prepend(l), e || (n.style.cursor = "default", n.style.caretColor = "transparent"), this._bindInputEvents(n), n;
   }
   _initializeParams(e) {
     const t = /* @__PURE__ */ new Set(["values", "valuesURL", "valuesLookup"]);
@@ -7207,6 +5236,8 @@ class Ln {
     e = Rs(e, {}, o);
     let r = [];
     try {
+      if (!this.fetchApi)
+        throw new Error("fetch is not available");
       const n = await this.fetchApi(e);
       if (!n.ok)
         return ie && console.error(
@@ -7257,10 +5288,36 @@ class Ln {
       });
       const r = this._parseListItem(o, 0);
       t.push(r);
-    });
+    }), this._appendFallbackOptionItem(t);
     const { freetext: s } = this.params;
     return s && (this.input.value = Array.isArray(this.initialValues) ? this.initialValues.join(",") : String(this.initialValues || ""), this.typing = !0, this.lastAction = "typing"), this.data = t, this._rebuildItemsMap(), t;
   }
+  /**
+   * Appends a fallback option when `fallbackOptionValue` is configured
+   * and not explicitly declared in the list values.
+   */
+  _appendFallbackOptionItem(e) {
+    const { fallbackOptionLabel: t = "Custom", fallbackOptionValue: i } = this.params;
+    if (!i)
+      return;
+    const s = this.sanitizeValue(i);
+    this._hasListItemValue(e, s) || e.push(
+      this._parseListItem(
+        {
+          label: t,
+          value: i
+        },
+        0
+      )
+    );
+  }
+  /**
+   * Checks recursively whether grouped/flat list items already contain
+   * a given sanitized option value.
+   */
+  _hasListItemValue(e, t) {
+    return e.some((i) => i.group && i.options ? this._hasListItemValue(i.options, t) : i.sanitizedValue === t);
+  }
   _parseListItem(e, t) {
     let i;
     return e.options ? i = this._parseListGroup(e, t + 1) : (i = {
@@ -7424,12 +5481,67 @@ class Ln {
     if (!s.length)
       return t ? i : this.input.value;
     if (this.input.multiple)
-      return s.map((n) => {
-        const l = this.input.getOptionValue(n), h = this._itemsMap.get(l);
-        return h ? h.value : l;
-      });
-    const o = this.input.getOptionValue(s[0]), r = this._itemsMap.get(o);
-    return r ? r.value : t && o === "" ? i : o;
+      return this._getCommittedMultipleOutput(s);
+    const o = this.input.getOptionValue(s[0]);
+    if (this._hasPreservedFallbackOptionOutput(o))
+      return this.initialValue;
+    const r = this._getMappedOptionOutput(o);
+    return t && r === "" ? i : r;
+  }
+  /**
+   * Resolves the selected values once so preserved fallback arrays are not
+   * inserted into a single selected-option slot.
+   */
+  _getCommittedMultipleOutput(e) {
+    const t = e.map((s) => this.input.getOptionValue(s)), i = this._getPreservedFallbackMultipleOutput(t);
+    return i.hasValue ? i.value : t.map(
+      (s) => this._getMappedOptionOutput(s)
+    );
+  }
+  _getMappedOptionOutput(e) {
+    const t = this._itemsMap.get(e);
+    return t ? t.value : e;
+  }
+  _getPreservedInputValueOutput(e) {
+    const t = this._itemsMap.get(this.sanitizeValue(e));
+    return t ? t.value : e;
+  }
+  _getPreservedFallbackMultipleOutput(e) {
+    const { fallbackOptionValue: t } = this.params;
+    if (!t)
+      return { hasValue: !1 };
+    const i = this.sanitizeValue(t);
+    if (!e.includes(
+      i
+    ))
+      return { hasValue: !1 };
+    const o = Array.isArray(this.input.value) ? this.input.value : [this.input.value];
+    return this._hasPreservedUnmatchedInputValue(
+      o,
+      i
+    ) ? {
+      hasValue: !0,
+      value: o.map(
+        (r) => this._getPreservedInputValueOutput(r)
+      )
+    } : { hasValue: !1 };
+  }
+  /**
+   * Checks for a preserved unmatched editor value when the selected option is
+   * the configured fallback option used for undeclared values.
+   */
+  _hasPreservedFallbackOptionOutput(e) {
+    const { fallbackOptionValue: t } = this.params;
+    if (!t || e !== this.sanitizeValue(t))
+      return !1;
+    const i = Array.isArray(this.input.value) ? this.input.value : [this.input.value];
+    return this._hasPreservedUnmatchedInputValue(i, e);
+  }
+  _hasPreservedUnmatchedInputValue(e, t) {
+    return e.some((i) => {
+      const s = String(i);
+      return s !== "" && s !== t && !this._itemsMap.has(s);
+    });
   }
   _resolveValue(e) {
     const t = e === void 0 ? this._getCommittedOutput() : e.value;
@@ -7809,20 +5921,7 @@ const Dn = function(a, e, t, i, s) {
   textarea: Pn,
   tickCross: An,
   time: Nn
-}, Ze = process.env.NODE_ENV === "development", Ds = "tabulator-edit-list-trigger", In = "tabulator-edit-list-trigger-caret", Bn = x`
-  <button
-    aria-label="Open list editor"
-    class=${Ds}
-    tabindex="-1"
-    type="button"
-  >
-    <cx-icon
-      aria-hidden="true"
-      class=${In}
-      name="arrow_drop_down"
-    ></cx-icon>
-  </button>
-`, $e = class $e extends R {
+}, Ze = process.env.NODE_ENV === "development", Ds = "tabulator-edit-list-trigger", In = "tabulator-edit-list-trigger-caret", Bn = x`<button aria-label="Open list editor" class=${Ds} tabindex="-1" type="button"><cx-icon aria-hidden="true" class=${In} name="arrow_drop_down"></cx-icon></button>`, $e = class $e extends R {
   constructor(e) {
     super(e), this.currentCell = !1, this.mouseClick = !1, this.recursionBlock = !1, this.invalidEdit = !1, this.editedCells = [], this.convertEmptyValues = !1, this.editors = $e.editors, this.registerTableOption("editTriggerEvent", "focus"), this.registerTableOption("editorEmptyValue"), this.registerTableOption(
       "editorEmptyValueFunc",
@@ -9585,15 +7684,9 @@ const os = process.env.NODE_ENV === "development", ki = class ki extends R {
 };
 ki.moduleName = "frozenRows";
 let Vt = ki;
-const Kn = process.env.NODE_ENV === "development", Xn = x`<cx-icon-button
-  class="tabulator-group-toggle"
-  name="keyboard_arrow_down"
-></cx-icon-button>`, Jn = x`<div class="tabulator-group-level-indent"></div>`, qn = x`
-  <cx-button size="small">
-    <cx-icon slot="prefix" name="add" variant="outlined" ></cx-icon>
+const Kn = process.env.NODE_ENV === "development", Xn = x`<cx-icon-button class="tabulator-group-toggle" name="keyboard_arrow_down"></cx-icon-button>`, Jn = x`<div class="tabulator-group-level-indent"></div>`, qn = x`<cx-button size="small"><cx-icon slot="prefix" name="add" variant="outlined"></cx-icon>
     Load More
-  </cx-button>
-`, Yn = x`<div class="tabulator-data-tree-loading">Loading...</div>`;
+  </cx-button>`, Yn = x`<div class="tabulator-data-tree-loading">Loading...</div>`;
 class ze {
   constructor(e, t, i, s, o, r, n) {
     this._loadMoreRow = !1, this._loadMoreStateKey = "", this.groupManager = e, this.parent = t, this.key = s, this.level = i, this.field = o, this.hasSubGroups = e.groupIDLookups !== !1 && i < e.groupIDLookups.length - 1, this.addRow = this.hasSubGroups ? this._addRowToGroup : this._addRow, this.type = "group", this.old = n, this.rows = [], this.groups = {}, this.groupList = [], this.generator = r, this.element = !1, this.elementContents = !1, this.height = 0, this.outerHeight = 0, this.initialized = !1, this.heightInitialized = !1, this.calcs = {}, this.modules = {}, this.arrowElement = !1, this.visible = n ? n.visible : e.startOpen[i] === void 0 || e.startOpen[i] === null ? e.startOpen[0] : e.startOpen[i], this.component = null, this.createElements(), this.addBindings(), this.createValueGroups();
@@ -11972,11 +10065,7 @@ const Hi = class Hi extends R {
     this.refreshData(!0, "all");
   }
   createElements() {
-    const e = x`<cx-pagination
-      back-icon-name="arrow_backward"
-      next-icon-name="arrow_forward"
-      icon-button-size="small"
-    ></cx-pagination>`, t = x`<div slot="pagination" class="tabulator-paginator"></div>`;
+    const e = x`<cx-pagination back-icon-name="arrow_backward" next-icon-name="arrow_forward" icon-button-size="small"></cx-pagination>`, t = x`<div slot="pagination" class="tabulator-paginator"></div>`;
     this.element = T(t), this.paginationElement = T(e), this.table.options.paginationShowFirst && this.paginationElement.setAttribute("show-first", ""), this.table.options.paginationShowLast && this.paginationElement.setAttribute("show-last", ""), this.table.options.showPaginationButtons && (this.paginationElement.setAttribute("show-pagination-buttons", ""), this.paginationElement.setAttribute(
       "pagination-button-count",
       this.count.toString()
@@ -18897,43 +16986,13 @@ let m = class extends Ne {
     this.filterController.setSourceFilters(`dropdown:${e}`, t.filter ? [t.filter] : []);
   }
   render() {
-    return x` <cx-space
-      part="base"
-      direction="vertical"
-      spacing="large"
-      wrap="nowrap"
-      class=${Gs({
+    return x`<cx-space part="base" direction="vertical" spacing="large" wrap="nowrap" class=${Gs({
       container: !0,
       "container--overlay-scrollbar": this.useOverlayScrollbar
-    })}
-    >
-      ${U(
+    })}>${U(
       this.showTableToolbar,
-      () => x`<cx-table-toolbar
-            label=${this.label}
-            ?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-custom=${this.canExportCustom}
-            ?can-save-report=${this.canSaveReport}
-            ?show-saved-search=${this.showSavedSearch}
-            ?no-advanced-search=${this.noAdvancedSearch}
-            .dropdownFilters=${this.dropdownFilters}
-            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}
-            @cx-search=${this.handleSearch}
-            @cx-table-export=${this.handleTableExport}
-            @cx-table-dropdown-filter-change=${this.handleDropdownFilterChange}
-          ></cx-table-toolbar>`
-    )}
-      <div part="table" class="table"></div>
-    </cx-space>`;
+      () => x`<cx-table-toolbar label=${this.label} ?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-custom=${this.canExportCustom} ?can-save-report=${this.canSaveReport} ?show-saved-search=${this.showSavedSearch} ?no-advanced-search=${this.noAdvancedSearch} .dropdownFilters=${this.dropdownFilters} 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} @cx-search=${this.handleSearch} @cx-table-export=${this.handleTableExport} @cx-table-dropdown-filter-change=${this.handleDropdownFilterChange}></cx-table-toolbar>`
+    )}<div part="table" class="table"></div></cx-space>`;
   }
 };
 bi = /* @__PURE__ */ new WeakSet();