@orangelogic/design-system 3.37.0 → 3.39.0

package/library/chunks/{color-swatch-group.WK1lxWBb.js → color-swatch-group.CWPweLjs.js}

@@ -8,18 +8,18 @@ import { t as h } from "./component.styles.0xM1ZmBs.js";
 import { t as g } from "./custom-element.BEMYNDK1.js";
 import { t as _ } from "./i18n.CpiuF-f4.js";
 import { t as v } from "./slot.CZUlACxT.js";
-import { O as y, S as ee, h as b, k as x, n as te, t as S } from "./watch.Ub5r8btz.js";
-import { t as C } from "./class-map.D8nsNOVJ.js";
-import { t as w } from "./icon-button.8OdZOZsM.js";
-import { t as T } from "./if-defined.B29V_rEp.js";
-import { t as E } from "./when.BUskJLtZ.js";
-import { t as D } from "./icon.CeQpEaQz.js";
-import { t as O } from "./spinner.DXFJTymk.js";
-import { t as k } from "./style-map.DPGQIxip.js";
-import { t as ne } from "./button.BE-fTtOZ.js";
-import { g as A, h as re, l as ie, t as ae } from "./string.DamEXDH2.js";
-import { o as oe, s as j } from "./dom.dDaS97WU.js";
-import { t as M } from "./debounce.Ci-xdsHE.js";
+import { O as y, S as ee, h as b, k as x, n as S, t as C } from "./watch.Ub5r8btz.js";
+import { t as w } from "./class-map.D8nsNOVJ.js";
+import { t as T } from "./icon-button.8OdZOZsM.js";
+import { t as E } from "./if-defined.B29V_rEp.js";
+import { t as D } from "./when.BUskJLtZ.js";
+import { t as O } from "./icon.CeQpEaQz.js";
+import { t as k } from "./spinner.DXFJTymk.js";
+import { t as A } from "./style-map.DPGQIxip.js";
+import { t as te } from "./button.BE-fTtOZ.js";
+import { g as j, h as ne, l as re, t as ie } from "./string.DamEXDH2.js";
+import { o as ae, s as M } from "./dom.dDaS97WU.js";
+import { t as oe } from "./debounce.Ci-xdsHE.js";
 import { t as N } from "./tooltip.EVa9qa8X.js";
 import { t as se } from "./line-clamp.CUDArhQk.js";
 import { t as ce } from "./tag.pKuKheLJ.js";
@@ -27,10 +27,10 @@ import { n as le, t as ue } from "./typography.B0mkhqTB.js";
 import { t as de } from "./badge.H_UuxPXn.js";
 import { t as fe } from "./checkbox.C6vsHW9n.js";
 import { t as pe } from "./repeat.CKv9FPlC.js";
-import { t as me } from "./dropdown.DAkv7EHP.js";
+import { t as me } from "./dropdown.jv7u3Wm8.js";
 import { t as he } from "./input.HC75Gdv_.js";
-import { t as ge } from "./menu.uZIhl1-k.js";
-import { t as _e } from "./menu-item.d6CiFKnX.js";
+import { t as ge } from "./menu.BPTg0Ebu.js";
+import { t as _e } from "./menu-item.BpILLN4i.js";
 import { t as ve } from "./space.Dd8jezXK.js";
 import { t as ye } from "./unsafe-html.Cb838aX7.js";
 import { t as be } from "./select.DLMCyAHm.js";
@@ -134,11 +134,11 @@ function Dt(e, t) {
 }
 function Ot(e, t) {
 	let n = e.facetDetails;
-	return r`<cx-facet-date-picker field=${n.facetFieldName} display-name=${n.displayName} display-format=${T(n.displayFormat)} value=${t.dateRange?.fromDate ?? ""} from-time=${t.dateRange?.fromTime ?? Te} min=${n.min ?? ""} max=${n.max ?? ""} ?show-time=${n.showTime ?? !1}></cx-facet-date-picker>`;
+	return r`<cx-facet-date-picker field=${n.facetFieldName} display-name=${n.displayName} display-format=${E(n.displayFormat)} value=${t.dateRange?.fromDate ?? ""} from-time=${t.dateRange?.fromTime ?? Te} min=${n.min ?? ""} max=${n.max ?? ""} ?show-time=${n.showTime ?? !1}></cx-facet-date-picker>`;
 }
 function kt(e, t) {
 	let n = e.facetDetails;
-	return r`<cx-facet-date-range field=${n.facetFieldName} display-name=${n.displayName} display-format=${T(n.displayFormat)} from-date=${t.dateRange?.fromDate ?? ""} to-date=${t.dateRange?.toDate ?? ""} from-time=${t.dateRange?.fromTime ?? Te} to-time=${t.dateRange?.toTime ?? "23:59:59"} preset=${t.dateRange?.preset ?? ""} min=${n.min ?? ""} max=${n.max ?? ""} ?show-time=${n.showTime ?? !1} ?show-preset=${n.showPreset ?? !1}></cx-facet-date-range>`;
+	return r`<cx-facet-date-range field=${n.facetFieldName} display-name=${n.displayName} display-format=${E(n.displayFormat)} from-date=${t.dateRange?.fromDate ?? ""} to-date=${t.dateRange?.toDate ?? ""} from-time=${t.dateRange?.fromTime ?? Te} to-time=${t.dateRange?.toTime ?? "23:59:59"} preset=${t.dateRange?.preset ?? ""} min=${n.min ?? ""} max=${n.max ?? ""} ?show-time=${n.showTime ?? !1} ?show-preset=${n.showPreset ?? !1}></cx-facet-date-range>`;
 }
 var At = {
 	[Ct.Checkbox]: Dt,
@@ -152,13 +152,13 @@ var At = {
 	static #t = this.styles = [h, jt];
 	static #n = this.dependencies = {
 		"cx-badge": de,
-		"cx-button": ne,
+		"cx-button": te,
 		"cx-details": Ee,
 		"cx-dropdown": me,
-		"cx-icon": D,
-		"cx-icon-button": w,
+		"cx-icon": O,
+		"cx-icon-button": T,
 		"cx-space": ve,
-		"cx-spinner": O,
+		"cx-spinner": k,
 		"cx-tag": ce,
 		"cx-tooltip": N
 	};
@@ -254,10 +254,10 @@ var At = {
 		} });
 	}
 	renderAppliedFilters() {
-		return r`<cx-details aria-busy=${this.loading ? "true" : "false"} class=${C({
+		return r`<cx-details aria-busy=${this.loading ? "true" : "false"} class=${w({
 			"applied-filters": !0,
 			"applied-filters--empty": this.appliedFiltersCount === 0
-		})}><span slot="summary" class="applied-filters__summary"><span class="applied-filters__title">${this.localize.term("appliedFilters")}${this.appliedFiltersCount > 0 ? ` (${this.appliedFiltersCount})` : o}</span>${E(this.loading, () => r`<span class="applied-filters__loading" role="status" aria-label=${this.localize.term("loading")}><cx-spinner></cx-spinner></span>`, () => o)}</span><cx-space direction="horizontal" spacing="small" class="applied-filters__tags">${this.renderExternalFilterTags()}
+		})}><span slot="summary" class="applied-filters__summary"><span class="applied-filters__title">${this.localize.term("appliedFilters")}${this.appliedFiltersCount > 0 ? ` (${this.appliedFiltersCount})` : o}</span>${D(this.loading, () => r`<span class="applied-filters__loading" role="status" aria-label=${this.localize.term("loading")}><cx-spinner></cx-spinner></span>`, () => o)}</span><cx-space direction="horizontal" spacing="small" class="applied-filters__tags">${this.renderExternalFilterTags()}
           ${this.renderSelectionCheckboxTags()}
           ${this.renderDateTags()}</cx-space></cx-details>`;
 	}
@@ -286,10 +286,10 @@ var At = {
 		return pe(Object.entries(this.internalSelection), ([e]) => e, ([e, t]) => t.filter((t) => this.mappedDisplayNames[e]?.[t]).map((t) => r`<cx-tag removable data-value=${t} data-type=${e}>${this.mappedDisplayNames[e][t]}</cx-tag>`));
 	}
 	renderFooter() {
-		return E(this.appliedFiltersCount > 0, () => r`<div class="panel__footer"><cx-button variant="text" @click=${this.handleClearAllClick} size="small" class="panel__clear-all-button">${this.localize.term("clear")}</cx-button></div>`, () => o);
+		return D(this.appliedFiltersCount > 0, () => r`<div class="panel__footer"><cx-button variant="text" @click=${this.handleClearAllClick} size="small" class="panel__clear-all-button">${this.localize.term("clear")}</cx-button></div>`, () => o);
 	}
 	render() {
-		return r`<cx-dropdown stay-open-on-select placement="bottom-start" distance="4" hoist @cx-selection-change=${this.handleSelectionChange} @cx-facet-change=${this.handleFacetChange} @cx-remove=${this.handleRemove}><cx-icon-button slot="trigger" name="filter_alt" label=${this.localize.term("filter")} class="faceted-filter__trigger">${E(this.appliedFiltersCount > 0, () => r`<cx-badge slot="badge" class="faceted-filter__trigger-badge" pill size="small">${this.appliedFiltersCount}</cx-badge>`, () => o)}</cx-icon-button><div class="panel"><div class="panel__content"><div class="panel__header">${this.renderAppliedFilters()}</div><div class="panel__body">${E(this.availableFacets.length > 0, () => r`<div>${pe(this.availableFacets, (e) => e.facetFieldName, (e) => {
+		return r`<cx-dropdown stay-open-on-select placement="bottom-start" distance="4" hoist @cx-selection-change=${this.handleSelectionChange} @cx-facet-change=${this.handleFacetChange} @cx-remove=${this.handleRemove}><cx-icon-button slot="trigger" name="filter_alt" label=${this.localize.term("filter")} class="faceted-filter__trigger">${D(this.appliedFiltersCount > 0, () => r`<cx-badge slot="badge" class="faceted-filter__trigger-badge" pill size="small">${this.appliedFiltersCount}</cx-badge>`, () => o)}</cx-icon-button><div class="panel"><div class="panel__content"><div class="panel__header">${this.renderAppliedFilters()}</div><div class="panel__body">${D(this.availableFacets.length > 0, () => r`<div>${pe(this.availableFacets, (e) => e.facetFieldName, (e) => {
 			let t = this.facets.find((t) => t.facetDetails.facetFieldName === e.facetFieldName);
 			if (!t) return o;
 			let n = At[e.type ?? Ct.Checkbox];
@@ -313,34 +313,34 @@ l([s({ type: Array }), u("design:type", Array)], P.prototype, "facets", void 0),
 	attribute: !1,
 	type: Array
 }), u("design:type", Array)], P.prototype, "externalFilters", void 0), l([c(), u("design:type", Object)], P.prototype, "appliedFiltersCount", void 0), l([c(), u("design:type", Object)], P.prototype, "internalSelection", void 0), l([c(), u("design:type", Object)], P.prototype, "internalDateRanges", void 0), l([c(), u("design:type", typeof Record > "u" ? Object : Record)], P.prototype, "mappedDisplayNames", void 0), l([c(), u("design:type", typeof Map > "u" ? Object : Map)], P.prototype, "facetDetailsByField", void 0), l([
-	S("facets"),
+	C("facets"),
 	u("design:type", Function),
 	u("design:paramtypes", []),
 	u("design:returntype", void 0)
 ], P.prototype, "handleFacetsChange", null), l([
-	S("facets"),
-	S("availableFacets"),
+	C("facets"),
+	C("availableFacets"),
 	u("design:type", Function),
 	u("design:paramtypes", []),
 	u("design:returntype", void 0)
 ], P.prototype, "rebuildFacetDetailsByField", null), l([
-	S("selectedFacets"),
+	C("selectedFacets"),
 	u("design:type", Function),
 	u("design:paramtypes", []),
 	u("design:returntype", void 0)
 ], P.prototype, "handleSelectedFacetsChange", null), l([
-	S("selectedDateRanges"),
+	C("selectedDateRanges"),
 	u("design:type", Function),
 	u("design:paramtypes", []),
 	u("design:returntype", void 0)
 ], P.prototype, "handleSelectedDateRangesChange", null), l([
-	S("internalSelection"),
-	S("internalDateRanges", { waitUntilFirstUpdate: !0 }),
+	C("internalSelection"),
+	C("internalDateRanges", { waitUntilFirstUpdate: !0 }),
 	u("design:type", Function),
 	u("design:paramtypes", []),
 	u("design:returntype", void 0)
 ], P.prototype, "handleInternalSelectionChange", null), l([
-	S("externalFilters"),
+	C("externalFilters"),
 	u("design:type", Function),
 	u("design:paramtypes", []),
 	u("design:returntype", void 0)
@@ -443,8 +443,8 @@ var en = 1, tn = 2, nn = 4, rn = vt(function(e, t) {
 	}
 	static #e = this.styles = [h, an];
 	static #t = this.dependencies = {
-		"cx-icon": D,
-		"cx-icon-button": w,
+		"cx-icon": O,
+		"cx-icon-button": T,
 		"cx-line-clamp": se,
 		"cx-tooltip": N
 	};
@@ -467,7 +467,7 @@ var en = 1, tn = 2, nn = 4, rn = vt(function(e, t) {
 		this.tooltipElement && (this.tooltipElement.open = !1);
 	}
 	render() {
-		return r`<div class=${C({
+		return r`<div class=${w({
 			"board-list-item": !0,
 			"board-list-item--checked": this.selected,
 			"board-list-item--group": this.isGroup,
@@ -476,14 +476,14 @@ var en = 1, tn = 2, nn = 4, rn = vt(function(e, t) {
 		})}><span class="board-list-item__control">${this.selected ? r`<cx-icon class="board-list-item__checked-icon" name="check"></cx-icon>` : ""}</span><div part="text" class="board-list-item__text" @mouseenter=${this.onTextMouseEnter} @mouseleave=${this.onTextMouseLeave}><cx-line-clamp part="text-content" class="board-list-item__text__content" lines="2" ?disabled-tooltip=${!!this.tooltip} disabled-hover-bridge>${this.text}</cx-line-clamp><cx-tooltip part="tooltip" hoist trigger="manual" ?disabled=${this.disabledTooltip || !this.tooltip} disabled-hover-bridge><div class="board-list-item__text__anchor"></div><div slot="content">${ye(this.tooltip)}</div></cx-tooltip></div>${this.configurable && !this.readonly ? r`<cx-icon-button part="config-button" name="settings" label=${this.localize.term("configure")} @click=${this.onConfigButtonClick}></cx-icon-button>` : ""}</div>`;
 	}
 };
-l([f("[part=\"config-button\"]"), u("design:type", w === void 0 ? Object : w)], R.prototype, "configButton", void 0), l([f("[part=\"text\"]"), u("design:type", typeof HTMLElement > "u" ? Object : HTMLElement)], R.prototype, "textElement", void 0), l([f("[part=\"tooltip\"]"), u("design:type", N === void 0 ? Object : N)], R.prototype, "tooltipElement", void 0), l([f(".board-list-item__control"), u("design:type", typeof HTMLElement > "u" ? Object : HTMLElement)], R.prototype, "controlElement", void 0), l([s({ type: String }), u("design:type", Object)], R.prototype, "text", void 0), l([s({ type: String }), u("design:type", Object)], R.prototype, "tooltip", void 0), l([s({ type: Boolean }), u("design:type", Object)], R.prototype, "readonly", void 0), l([s({ type: Boolean }), u("design:type", Object)], R.prototype, "placeholder", void 0), l([s({ type: Boolean }), u("design:type", Object)], R.prototype, "selected", void 0), l([s({ type: Boolean }), u("design:type", Object)], R.prototype, "configurable", void 0), l([s({
+l([f("[part=\"config-button\"]"), u("design:type", T === void 0 ? Object : T)], R.prototype, "configButton", void 0), l([f("[part=\"text\"]"), u("design:type", typeof HTMLElement > "u" ? Object : HTMLElement)], R.prototype, "textElement", void 0), l([f("[part=\"tooltip\"]"), u("design:type", N === void 0 ? Object : N)], R.prototype, "tooltipElement", void 0), l([f(".board-list-item__control"), u("design:type", typeof HTMLElement > "u" ? Object : HTMLElement)], R.prototype, "controlElement", void 0), l([s({ type: String }), u("design:type", Object)], R.prototype, "text", void 0), l([s({ type: String }), u("design:type", Object)], R.prototype, "tooltip", void 0), l([s({ type: Boolean }), u("design:type", Object)], R.prototype, "readonly", void 0), l([s({ type: Boolean }), u("design:type", Object)], R.prototype, "placeholder", void 0), l([s({ type: Boolean }), u("design:type", Object)], R.prototype, "selected", void 0), l([s({ type: Boolean }), u("design:type", Object)], R.prototype, "configurable", void 0), l([s({
 	attribute: "disabled-tooltip",
 	type: Boolean
 }), u("design:type", Object)], R.prototype, "disabledTooltip", void 0), l([s({
 	attribute: "is-group",
 	type: Boolean
 }), u("design:type", Object)], R.prototype, "isGroup", void 0), l([
-	S("disabledTooltip"),
+	C("disabledTooltip"),
 	u("design:type", Function),
 	u("design:paramtypes", []),
 	u("design:returntype", void 0)
@@ -498,8 +498,8 @@ var ln = /mac os x/i.test(navigator.userAgent) && !/iphone|ipad/i.test(navigator
 	static #t = this.dependencies = {
 		"cx-board-list-item": on,
 		"cx-divider": Ae,
-		"cx-icon": D,
-		"cx-icon-button": w,
+		"cx-icon": O,
+		"cx-icon-button": T,
 		"cx-input": he,
 		"cx-tooltip": N
 	};
@@ -747,17 +747,17 @@ var ln = /mac os x/i.test(navigator.userAgent) && !/iphone|ipad/i.test(navigator
 	}
 	render() {
 		let e = this.selectedCount, t = e + this.hiddenSelectedCount, n = this.isAllSelected ? r`<cx-icon class="board__checked-icon" name="check"></cx-icon>` : this.isPartiallySelected ? r`<cx-icon class="board__checked-icon" name="remove"></cx-icon>` : o;
-		return r`<div class=${C({
+		return r`<div class=${w({
 			board: !0,
 			"board--checked": this.all && (e > 0 || this.hiddenSelection !== Xt.None),
 			"board--dragging": this.isDragging
-		})}><div class=${C({
+		})}><div class=${w({
 			board__header: !0,
 			"board__header--divided": !!this.dividerColor
-		})}>${this.all ? r`<span class="board__select-all" part="select-all" role="checkbox" tabindex="0" aria-checked=${this.isAllSelected ? "true" : this.isPartiallySelected ? "mixed" : "false"} aria-label=${this.localize.term("selectAll")} @click=${this.handleSelectAll} @keydown=${this.handleSelectAllKeydown}>${n}</span>` : ""}<cx-tooltip content=${this.boardTitle} hoist ?disabled=${!this.boardTitle || this.isDragging}><div class="board__header__text">${this.boardTitle}</div></cx-tooltip>${E(this.allowSearch, () => r`<div class="board__header__search"><cx-input part="search-input" aria-label=${this.localize.term("search")} title=${this.localize.term("search")} placeholder=${this.localize.term("search")} size="small" value=${this.searchValue} @cx-input=${this.handleSearchChange}><cx-icon name="search" slot="prefix"></cx-icon><cx-icon-button part="search-input-clear" label=${this.localize.term("clearSearch")} name="close" size="small" slot="suffix" @click=${this.handleSearchClear}></cx-icon-button></cx-input></div>`)}</div>${E(this.dividerColor, () => r`<cx-divider class="board__divider" part="divider" style=${k({ "--color": this.dividerColor })}></cx-divider>`)}<div part="list" class="board__list" role="listbox" aria-label=${this.boardTitle || this.name} aria-multiselectable="true" tabindex="-1" @scroll=${this.handleListScroll}><div style="height: ${un * this.start}px"></div>${pe(this.filteredItems.slice(this.start, Math.min(this.end, this.filteredItems.length)), (e) => e.id, (e) => r`<cx-board-list-item data-id=${e.id} data-index=${this._indexMap[e.id]} data-type=${e.type} ?disabled-tooltip=${this.isDragging} ?readonly=${e.disabled || e.id === e.group} ?selected=${!!this.selectedItems[e.id] || !1} text=${e.text} tooltip=${e.tooltip} ?configurable=${this.configurable} ?is-group=${e.id === e.group} role="option" tabindex=${e.disabled || e.id === e.group ? "-1" : "0"} aria-selected=${!!this.selectedItems[e.id]} aria-label=${e.text} @click=${this.handleSelect} @keydown=${this.handleItemKeydown}></cx-board-list-item>`)}<div style="height: ${un * (this.filteredItems.length - this.end > 0 ? this.filteredItems.length - this.end : 0)}px"></div></div><div class="board__footer">${t ? r`<div class="board__footer__text">${this.localize.term("selected")}: ${t}</div>` : r`<span></span>`}<div class="board__footer__text">${this.localize.term("total")}: ${this.totalDisplayedCount}</div></div></div>`;
+		})}>${this.all ? r`<span class="board__select-all" part="select-all" role="checkbox" tabindex="0" aria-checked=${this.isAllSelected ? "true" : this.isPartiallySelected ? "mixed" : "false"} aria-label=${this.localize.term("selectAll")} @click=${this.handleSelectAll} @keydown=${this.handleSelectAllKeydown}>${n}</span>` : ""}<cx-tooltip content=${this.boardTitle} hoist ?disabled=${!this.boardTitle || this.isDragging}><div class="board__header__text">${this.boardTitle}</div></cx-tooltip>${D(this.allowSearch, () => r`<div class="board__header__search"><cx-input part="search-input" aria-label=${this.localize.term("search")} title=${this.localize.term("search")} placeholder=${this.localize.term("search")} size="small" value=${this.searchValue} @cx-input=${this.handleSearchChange}><cx-icon name="search" slot="prefix"></cx-icon><cx-icon-button part="search-input-clear" label=${this.localize.term("clearSearch")} name="close" size="small" slot="suffix" @click=${this.handleSearchClear}></cx-icon-button></cx-input></div>`)}</div>${D(this.dividerColor, () => r`<cx-divider class="board__divider" part="divider" style=${A({ "--color": this.dividerColor })}></cx-divider>`)}<div part="list" class="board__list" role="listbox" aria-label=${this.boardTitle || this.name} aria-multiselectable="true" tabindex="-1" @scroll=${this.handleListScroll}><div style="height: ${un * this.start}px"></div>${pe(this.filteredItems.slice(this.start, Math.min(this.end, this.filteredItems.length)), (e) => e.id, (e) => r`<cx-board-list-item data-id=${e.id} data-index=${this._indexMap[e.id]} data-type=${e.type} ?disabled-tooltip=${this.isDragging} ?readonly=${e.disabled || e.id === e.group} ?selected=${!!this.selectedItems[e.id] || !1} text=${e.text} tooltip=${e.tooltip} ?configurable=${this.configurable} ?is-group=${e.id === e.group} role="option" tabindex=${e.disabled || e.id === e.group ? "-1" : "0"} aria-selected=${!!this.selectedItems[e.id]} aria-label=${e.text} @click=${this.handleSelect} @keydown=${this.handleItemKeydown}></cx-board-list-item>`)}<div style="height: ${un * (this.filteredItems.length - this.end > 0 ? this.filteredItems.length - this.end : 0)}px"></div></div><div class="board__footer">${t ? r`<div class="board__footer__text">${this.localize.term("selected")}: ${t}</div>` : r`<span></span>`}<div class="board__footer__text">${this.localize.term("total")}: ${this.totalDisplayedCount}</div></div></div>`;
 	}
 };
-l([f(".board"), u("design:type", typeof HTMLElement > "u" ? Object : HTMLElement)], z.prototype, "board", void 0), l([f("[part=\"search-input\"]"), u("design:type", he === void 0 ? Object : he)], z.prototype, "searchInput", void 0), l([f("[part=\"search-input-clear\"]"), u("design:type", w === void 0 ? Object : w)], z.prototype, "searchInputClear", void 0), l([f("[part=\"list\"]"), u("design:type", typeof HTMLElement > "u" ? Object : HTMLElement)], z.prototype, "list", void 0), l([f("[part=\"select-all\"]"), u("design:type", typeof HTMLElement > "u" ? Object : HTMLElement)], z.prototype, "selectAllCheckBox", void 0), l([s({
+l([f(".board"), u("design:type", typeof HTMLElement > "u" ? Object : HTMLElement)], z.prototype, "board", void 0), l([f("[part=\"search-input\"]"), u("design:type", he === void 0 ? Object : he)], z.prototype, "searchInput", void 0), l([f("[part=\"search-input-clear\"]"), u("design:type", T === void 0 ? Object : T)], z.prototype, "searchInputClear", void 0), l([f("[part=\"list\"]"), u("design:type", typeof HTMLElement > "u" ? Object : HTMLElement)], z.prototype, "list", void 0), l([f("[part=\"select-all\"]"), u("design:type", typeof HTMLElement > "u" ? Object : HTMLElement)], z.prototype, "selectAllCheckBox", void 0), l([s({
 	attribute: "title",
 	reflect: !0,
 	type: String
@@ -786,17 +786,17 @@ l([f(".board"), u("design:type", typeof HTMLElement > "u" ? Object : HTMLElement
 	attribute: "hidden-selected-count",
 	type: Number
 }), u("design:type", Object)], z.prototype, "hiddenSelectedCount", void 0), l([c(), u("design:type", Object)], z.prototype, "abortDrag", void 0), l([c(), u("design:type", Array)], z.prototype, "items", void 0), l([c(), u("design:type", Array)], z.prototype, "_allItems", void 0), l([c(), u("design:type", Array)], z.prototype, "_filteredItems", void 0), l([c(), u("design:type", typeof Record > "u" ? Object : Record)], z.prototype, "_selectedItems", void 0), l([c(), u("design:type", typeof Record > "u" ? Object : Record)], z.prototype, "_selectedItemOrder", void 0), l([c(), u("design:type", Object)], z.prototype, "searchValue", void 0), l([c(), u("design:type", Object)], z.prototype, "sortable", void 0), l([c(), u("design:type", Number)], z.prototype, "_totalCount", void 0), l([c(), u("design:type", Number)], z.prototype, "_totalDisplayedCount", void 0), l([c(), u("design:type", typeof Record > "u" ? Object : Record)], z.prototype, "_indexMap", void 0), l([c(), u("design:type", Object)], z.prototype, "isDragging", void 0), l([c(), u("design:type", Number)], z.prototype, "start", void 0), l([c(), u("design:type", Number)], z.prototype, "end", void 0), l([c(), u("design:type", typeof Array > "u" ? Object : Array)], z.prototype, "previous", void 0), l([c(), u("design:type", Object)], z.prototype, "lastSelectedItem", void 0), l([
-	S(["items", "searchValue"], { waitUntilFirstUpdate: !0 }),
+	C(["items", "searchValue"], { waitUntilFirstUpdate: !0 }),
 	u("design:type", Function),
 	u("design:paramtypes", []),
 	u("design:returntype", void 0)
 ], z.prototype, "onSearchValueChanged", null), l([
-	S(["data", "group"]),
+	C(["data", "group"]),
 	u("design:type", Function),
 	u("design:paramtypes", []),
 	u("design:returntype", void 0)
 ], z.prototype, "onItemsChanged", null), l([
-	M(200, !0),
+	oe(200, !0),
 	u("design:type", Function),
 	u("design:paramtypes", [on === void 0 ? Object : on]),
 	u("design:returntype", void 0)
@@ -957,8 +957,8 @@ var B = class extends d {
 	static #t = this.dependencies = {
 		"cx-board": dn,
 		"cx-faceted-filter": Nt,
-		"cx-icon": D,
-		"cx-icon-button": w,
+		"cx-icon": O,
+		"cx-icon-button": T,
 		"cx-input": he,
 		"cx-tooltip": N
 	};
@@ -1164,11 +1164,11 @@ var B = class extends d {
 		t && (this.board1OriginalData = this.firstColumnData.sort ?? !0 ? this.firstColumnData.items : [...this.firstColumnData.items].sort(hn)), n && (this.board2OriginalData = this.secondColumnData.sort ?? !0 ? this.secondColumnData.items : [...this.secondColumnData.items].sort(hn)), (t || n || e.has("labelMap")) && (this.rebuildMetadataFacets(), this.recomputeBoardData());
 	}
 	renderFilterToolbar() {
-		return !this.canSearch && this.metadataFacetDetails.length === 0 ? o : r`<div class="multi-select__toolbar">${E(this.canSearch, () => r`<cx-input class="multi-select__search" part="search-input" exportparts="clear-button:search-input-clear" aria-label=${this.localize.term("search")} title=${this.localize.term("search")} placeholder=${this.localize.term("search")} clearable value=${this.searchValue} @cx-keydown=${this.handleSearchKeydown} @cx-clear=${this.handleSearchClear}><cx-icon name="search" slot="prefix"></cx-icon></cx-input>`)}<cx-faceted-filter part="faceted-filter" selection="multiple" .facets=${this.metadataFacets} .availableFacets=${this.metadataFacetDetails} .selectedFacets=${this.selectedMetadataFacets} .externalFilters=${this.appliedFilterTags} @cx-faceted-filter-change=${this.handleMetadataFacetChange} @cx-faceted-filter-remove=${this.handleAppliedFilterRemove}></cx-faceted-filter></div>`;
+		return !this.canSearch && this.metadataFacetDetails.length === 0 ? o : r`<div class="multi-select__toolbar">${D(this.canSearch, () => r`<cx-input class="multi-select__search" part="search-input" exportparts="clear-button:search-input-clear" aria-label=${this.localize.term("search")} title=${this.localize.term("search")} placeholder=${this.localize.term("search")} clearable value=${this.searchValue} @cx-keydown=${this.handleSearchKeydown} @cx-clear=${this.handleSearchClear}><cx-icon name="search" slot="prefix"></cx-icon></cx-input>`)}<cx-faceted-filter part="faceted-filter" selection="multiple" .facets=${this.metadataFacets} .availableFacets=${this.metadataFacetDetails} .selectedFacets=${this.selectedMetadataFacets} .externalFilters=${this.appliedFilterTags} @cx-faceted-filter-change=${this.handleMetadataFacetChange} @cx-faceted-filter-remove=${this.handleAppliedFilterRemove}></cx-faceted-filter></div>`;
 	}
 	render() {
 		let e = this.selectedItems[this.firstColumnData.id] ?? [], t = this.selectedItems[this.secondColumnData.id] ?? [], n = this.boardsWithOwnSearch, i = wn(e, this.board1Data, this.firstColumnData.items, this.ignoreTypes), a = wn(t, this.board2Data, this.secondColumnData.items, []);
-		return r`<div class="multi-select">${this.renderFilterToolbar()}<div class="multi-select__boards" @cx-board-change=${this.handleBoardChange} @cx-board-selected-change=${this.handleSelectedChange}><cx-board part="board-1" title=${this.firstColumnData.title} name=${this.firstColumnData.id} all .data=${this.board1Data} ?sort=${this.firstColumnData.sort ?? !1} .ignoreTypes=${this.ignoreTypes} hidden-selection=${i.state} hidden-selected-count=${i.count} ?allow-search=${n.has("1")} divider-color=${T(this.firstColumnData.dividerColor)}></cx-board><div class="multi-select__control"><cx-tooltip part="tooltip" content=${this.localize.term("moveSelectedItemRight")} hoist ?disabled=${!e.length}><cx-icon-button class="multi-select__control__move-button" name="arrow_forward_ios" label=${this.localize.term("moveSelectedItemRight")} @click=${this.handleMoveItemsRight} ?disabled=${!e.length}></cx-icon-button></cx-tooltip><cx-tooltip part="tooltip" content=${this.localize.term("moveSelectedItemLeft")} hoist ?disabled=${!t.length}><cx-icon-button class="multi-select__control__move-button" name="arrow_back_ios" label=${this.localize.term("moveSelectedItemLeft")} @click=${this.handleMoveItemsLeft} ?disabled=${!t.length}></cx-icon-button></cx-tooltip></div><cx-board part="board-2" title=${this.secondColumnData.title} name=${this.secondColumnData.id} all .data=${this.board2Data} ?configurable=${this.configurable} ?sort=${this.secondColumnData.sort ?? !0} hidden-selection=${a.state} hidden-selected-count=${a.count} ?allow-search=${n.has("2")} divider-color=${T(this.secondColumnData.dividerColor)}></cx-board></div></div>`;
+		return r`<div class="multi-select">${this.renderFilterToolbar()}<div class="multi-select__boards" @cx-board-change=${this.handleBoardChange} @cx-board-selected-change=${this.handleSelectedChange}><cx-board part="board-1" title=${this.firstColumnData.title} name=${this.firstColumnData.id} all .data=${this.board1Data} ?sort=${this.firstColumnData.sort ?? !1} .ignoreTypes=${this.ignoreTypes} hidden-selection=${i.state} hidden-selected-count=${i.count} ?allow-search=${n.has("1")} divider-color=${E(this.firstColumnData.dividerColor)}></cx-board><div class="multi-select__control"><cx-tooltip part="tooltip" content=${this.localize.term("moveSelectedItemRight")} hoist ?disabled=${!e.length}><cx-icon-button class="multi-select__control__move-button" name="arrow_forward_ios" label=${this.localize.term("moveSelectedItemRight")} @click=${this.handleMoveItemsRight} ?disabled=${!e.length}></cx-icon-button></cx-tooltip><cx-tooltip part="tooltip" content=${this.localize.term("moveSelectedItemLeft")} hoist ?disabled=${!t.length}><cx-icon-button class="multi-select__control__move-button" name="arrow_back_ios" label=${this.localize.term("moveSelectedItemLeft")} @click=${this.handleMoveItemsLeft} ?disabled=${!t.length}></cx-icon-button></cx-tooltip></div><cx-board part="board-2" title=${this.secondColumnData.title} name=${this.secondColumnData.id} all .data=${this.board2Data} ?configurable=${this.configurable} ?sort=${this.secondColumnData.sort ?? !0} hidden-selection=${a.state} hidden-selected-count=${a.count} ?allow-search=${n.has("2")} divider-color=${E(this.secondColumnData.dividerColor)}></cx-board></div></div>`;
 	}
 };
 l([f(".multi-select"), u("design:type", typeof HTMLElement > "u" ? Object : HTMLElement)], B.prototype, "multiSelect", void 0), l([f("[part~=\"board-1\"]"), u("design:type", dn === void 0 ? Object : dn)], B.prototype, "board1", void 0), l([f("[part~=\"board-2\"]"), u("design:type", dn === void 0 ? Object : dn)], B.prototype, "board2", void 0), l([s({
@@ -1196,12 +1196,12 @@ l([f(".multi-select"), u("design:type", typeof HTMLElement > "u" ? Object : HTML
 	attribute: "add-limit",
 	type: Number
 }), u("design:type", Object)], B.prototype, "addLimit", void 0), l([c(), u("design:type", typeof Record > "u" ? Object : Record)], B.prototype, "itemMap", void 0), l([c(), u("design:type", typeof Record > "u" ? Object : Record)], B.prototype, "selectedItems", void 0), l([c(), u("design:type", Array)], B.prototype, "initialSecondColumnItems", void 0), l([c(), u("design:type", Array)], B.prototype, "metadataFacetDetails", void 0), l([c(), u("design:type", Array)], B.prototype, "metadataFacets", void 0), l([c(), u("design:type", Object)], B.prototype, "selectedMetadataFacets", void 0), l([c(), u("design:type", Object)], B.prototype, "searchValue", void 0), l([
-	S("searchValue", { waitUntilFirstUpdate: !0 }),
+	C("searchValue", { waitUntilFirstUpdate: !0 }),
 	u("design:type", Function),
 	u("design:paramtypes", []),
 	u("design:returntype", Promise)
 ], B.prototype, "onSearchValueChanged", null), l([
-	S("secondColumnData"),
+	C("secondColumnData"),
 	u("design:type", Function),
 	u("design:paramtypes", []),
 	u("design:returntype", void 0)
@@ -1224,7 +1224,7 @@ var Tn = B, En = /* @__PURE__ */ function(e) {
 	}
 	static #e = this.styles = [h, Dn];
 	static #t = this.dependencies = {
-		"cx-button": ne,
+		"cx-button": te,
 		"cx-dialog": ke,
 		"cx-multi-select": Tn
 	};
@@ -1271,14 +1271,14 @@ var Tn = B, En = /* @__PURE__ */ function(e) {
 		e.target === this.dialogEl && this.handleCancel();
 	}
 	render() {
-		return r`<cx-dialog label=${this.localize.term("editColumns")} ?open=${this.open} @cx-request-close=${this.handleDialogRequestClose}><cx-multi-select .firstColumnData=${this.firstColumnData} .secondColumnData=${this.secondColumnData} @cx-multi-select-change=${this.handleMultiSelectChange}></cx-multi-select>${E(!this.canApply, () => r`<p class="table-column-editor__note">${this.localize.term("editColumnsMinVisibleNote")}</p>`)}<div slot="footer" class="table-column-editor__footer"><cx-button @click=${this.handleCancel}>${this.localize.term("cancel")}</cx-button><cx-button variant="primary" ?disabled=${!this.canApply} @click=${this.handleApply}>${this.localize.term("apply")}</cx-button></div></cx-dialog>`;
+		return r`<cx-dialog label=${this.localize.term("editColumns")} ?open=${this.open} @cx-request-close=${this.handleDialogRequestClose}><cx-multi-select .firstColumnData=${this.firstColumnData} .secondColumnData=${this.secondColumnData} @cx-multi-select-change=${this.handleMultiSelectChange}></cx-multi-select>${D(!this.canApply, () => r`<p class="table-column-editor__note">${this.localize.term("editColumnsMinVisibleNote")}</p>`)}<div slot="footer" class="table-column-editor__footer"><cx-button @click=${this.handleCancel}>${this.localize.term("cancel")}</cx-button><cx-button variant="primary" ?disabled=${!this.canApply} @click=${this.handleApply}>${this.localize.term("apply")}</cx-button></div></cx-dialog>`;
 	}
 };
 l([f("cx-dialog"), u("design:type", ke === void 0 ? Object : ke)], On.prototype, "dialogEl", void 0), l([s({
 	reflect: !0,
 	type: Boolean
 }), u("design:type", Object)], On.prototype, "open", void 0), l([s({ attribute: !1 }), u("design:type", Array)], On.prototype, "entries", void 0), l([c(), u("design:type", Object)], On.prototype, "firstColumnData", void 0), l([c(), u("design:type", Object)], On.prototype, "secondColumnData", void 0), l([c(), u("design:type", Array)], On.prototype, "visibleFields", void 0), l([
-	S("entries"),
+	C("entries"),
 	u("design:type", Function),
 	u("design:paramtypes", []),
 	u("design:returntype", void 0)
@@ -1300,7 +1300,7 @@ l([s({
 var Mn = jn, Nn = i`:host{display:contents}cx-popup::part(popup){z-index:var(--cx-z-index-dropdown)}`, Pn = class extends d {
 	static #e = this.styles = [h, Nn];
 	static #t = this.dependencies = {
-		"cx-icon": D,
+		"cx-icon": O,
 		"cx-menu": ge,
 		"cx-menu-item": _e,
 		"cx-popup": m
@@ -1356,7 +1356,7 @@ l([f("cx-menu-item"), u("design:type", Object)], Pn.prototype, "firstMenuItem",
 	attribute: "hide-disabled",
 	type: Boolean
 }), u("design:type", Object)], Pn.prototype, "hideDisabled", void 0), l([
-	S("open", { waitUntilFirstUpdate: !0 }),
+	C("open", { waitUntilFirstUpdate: !0 }),
 	u("design:type", Function),
 	u("design:paramtypes", []),
 	u("design:returntype", void 0)
@@ -1366,9 +1366,9 @@ var Fn = Pn, In = i`.table-row-actions__button::part(label),.table-row-actions__
 		super(...e), this.localize = new _(this), this.groupedDropdownItems = {}, this.sections = [];
 	}
 	static #e = this.dependencies = {
-		"cx-button": ne,
+		"cx-button": te,
 		"cx-dropdown": me,
-		"cx-icon": D,
+		"cx-icon": O,
 		"cx-menu": ge,
 		"cx-menu-item": _e,
 		"cx-menu-section": Ze,
@@ -1389,7 +1389,7 @@ var Fn = Pn, In = i`.table-row-actions__button::part(label),.table-row-actions__
 		} });
 	}
 	renderMenuItems(e) {
-		return pe(e, (e) => e.name, (e) => r`<cx-menu-item class="table-row-actions__menu-item" data-action=${e.name} style=${k(e.style ?? {})} @click=${this.handleActionClick}>${E(e.prefixIcon, () => r`<cx-icon name=${e.prefixIcon} slot="prefix"></cx-icon>`)}
+		return pe(e, (e) => e.name, (e) => r`<cx-menu-item class="table-row-actions__menu-item" data-action=${e.name} style=${A(e.style ?? {})} @click=${this.handleActionClick}>${D(e.prefixIcon, () => r`<cx-icon name=${e.prefixIcon} slot="prefix"></cx-icon>`)}
           ${e.label}</cx-menu-item>`);
 	}
 	renderMenuSection(e, t, n = e) {
@@ -1398,11 +1398,11 @@ var Fn = Pn, In = i`.table-row-actions__button::part(label),.table-row-actions__
 	render() {
 		if (!this.action) return o;
 		let e = this.action?.icon ?? "more_horiz";
-		return r`<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=${e} style=${k(this.action.options?.iconStyle ?? {})}></cx-icon></cx-button></cx-tooltip><cx-menu>${pe(this.sections, (e) => e, (e) => this.renderMenuSection(e, this.groupedDropdownItems[e], this.action?.options?.dropdownSections?.[e]))}</cx-menu></cx-dropdown>`;
+		return r`<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=${e} style=${A(this.action.options?.iconStyle ?? {})}></cx-icon></cx-button></cx-tooltip><cx-menu>${pe(this.sections, (e) => e, (e) => this.renderMenuSection(e, this.groupedDropdownItems[e], this.action?.options?.dropdownSections?.[e]))}</cx-menu></cx-dropdown>`;
 	}
 };
 l([s({ type: Object }), u("design:type", Object)], Ln.prototype, "action", void 0), l([s({ type: Object }), u("design:type", Object)], Ln.prototype, "row", void 0), l([s({ type: Object }), u("design:type", Object)], Ln.prototype, "cell", void 0), l([c(), u("design:type", typeof Record > "u" ? Object : Record)], Ln.prototype, "groupedDropdownItems", void 0), l([c(), u("design:type", Array)], Ln.prototype, "sections", void 0), l([
-	S("action"),
+	C("action"),
 	u("design:type", Function),
 	u("design:paramtypes", []),
 	u("design:returntype", void 0)
@@ -1413,8 +1413,8 @@ var Rn = Ln, zn = class extends d {
 	}
 	static #e = this.styles = [h, In];
 	static #t = this.dependencies = {
-		"cx-button": ne,
-		"cx-icon": D,
+		"cx-button": te,
+		"cx-icon": O,
 		"cx-space": ve,
 		"cx-table-row-actions-dropdown": Rn,
 		"cx-tooltip": N
@@ -1428,7 +1428,7 @@ var Rn = Ln, zn = class extends d {
 		} });
 	}
 	renderButton(e) {
-		return r`<cx-tooltip hoist content=${e.tooltip} ?disabled=${!e.tooltip?.trim()}><cx-button data-action=${e.name} class="table-row-actions__button" label=${e.tooltip ?? e.name} @click=${this.handleActionClick} ?loading=${!!e.options?.buttonProps?.loading} ?outline=${!!e.options?.buttonProps?.outline} variant=${T(e.options?.buttonProps?.variant)}><cx-icon name=${e.icon} style=${k(e.options?.iconStyle ?? {})}></cx-icon></cx-button></cx-tooltip>`;
+		return r`<cx-tooltip hoist content=${e.tooltip} ?disabled=${!e.tooltip?.trim()}><cx-button data-action=${e.name} class="table-row-actions__button" label=${e.tooltip ?? e.name} @click=${this.handleActionClick} ?loading=${!!e.options?.buttonProps?.loading} ?outline=${!!e.options?.buttonProps?.outline} variant=${E(e.options?.buttonProps?.variant)}><cx-icon name=${e.icon} style=${A(e.options?.iconStyle ?? {})}></cx-icon></cx-button></cx-tooltip>`;
 	}
 	renderDropdown(e) {
 		return r`<cx-table-row-actions-dropdown .action=${e} .row=${this.row} .cell=${this.cell}></cx-table-row-actions-dropdown>`;
@@ -1450,9 +1450,9 @@ var Bn = zn, Vn = class extends d {
 	}
 	static #e = this.styles = [h];
 	static #t = this.dependencies = {
-		"cx-button": ne,
+		"cx-button": te,
 		"cx-dropdown": me,
-		"cx-icon": D,
+		"cx-icon": O,
 		"cx-menu": ge,
 		"cx-menu-item": _e
 	};
@@ -1502,19 +1502,19 @@ var Bn = zn, Vn = class extends d {
 	}
 	renderTriggerIcon() {
 		let { icon: e } = this.data;
-		return e ? r`<cx-icon class="table-dropdown-filter__icon" slot="prefix" name=${T(e.name)} src=${T(e.src)}></cx-icon>` : o;
+		return e ? r`<cx-icon class="table-dropdown-filter__icon" slot="prefix" name=${E(e.name)} src=${E(e.src)}></cx-icon>` : o;
 	}
 	render() {
 		let e = this.isIconOnly ? this.triggerText : void 0;
-		return r`<div class="table-dropdown-filter"><cx-dropdown hoist><cx-button class=${C({
+		return r`<div class="table-dropdown-filter"><cx-dropdown hoist><cx-button class=${w({
 			"table-dropdown-filter__trigger": !0,
 			"table-dropdown-filter__trigger--icon-alone": this.isIconAlone,
 			"table-dropdown-filter__trigger--icon-only": this.isIconOnly
-		})} slot="trigger" label=${T(e)} title=${T(e)} ?caret=${this.showCaret} outline>${this.renderTriggerIcon()}${E(!this.isIconOnly, () => this.triggerText)}</cx-button><cx-menu @cx-select=${this.handleMenuSelect}>${this.renderMenuItems()}</cx-menu></cx-dropdown></div>`;
+		})} slot="trigger" label=${E(e)} title=${E(e)} ?caret=${this.showCaret} outline>${this.renderTriggerIcon()}${D(!this.isIconOnly, () => this.triggerText)}</cx-button><cx-menu @cx-select=${this.handleMenuSelect}>${this.renderMenuItems()}</cx-menu></cx-dropdown></div>`;
 	}
 };
 l([s({ type: Object }), u("design:type", Object)], Vn.prototype, "data", void 0), l([c(), u("design:type", String)], Vn.prototype, "activeOptionId", void 0), l([c(), u("design:type", typeof Record > "u" ? Object : Record)], Vn.prototype, "optionsMap", void 0), l([
-	S("data"),
+	C("data"),
 	u("design:type", Function),
 	u("design:paramtypes", []),
 	u("design:returntype", void 0)
@@ -1525,7 +1525,7 @@ var Hn = Vn, Un = class extends d {
 	}
 	static #e = this.styles = [h];
 	static #t = this.dependencies = {
-		"cx-button": ne,
+		"cx-button": te,
 		"cx-dropdown": me,
 		"cx-menu": ge,
 		"cx-menu-item": _e
@@ -1550,27 +1550,27 @@ var Hn = Vn, Un = class extends d {
 	}
 	renderOption(e, t, n) {
 		let i = n === e;
-		return r`<cx-menu-item class=${C({
+		return r`<cx-menu-item class=${w({
 			"group-by-option": !0,
 			"group-by-option--selected": i
 		})} data-option-id=${e} type="checkbox" ?checked=${i}>${t}</cx-menu-item>`;
 	}
 	renderOffOption(e) {
 		let t = e === null;
-		return r`<cx-menu-item class=${C({
+		return r`<cx-menu-item class=${w({
 			"group-by-option": !0,
 			"group-by-option--selected": t
 		})} data-group-by-action="off" type="checkbox" ?checked=${t}>${this.localize.term("off")}</cx-menu-item>`;
 	}
 	render() {
 		let e = this.groupByOptionIdSet.has(this.groupByValue) ? this.groupByValue : null;
-		return r`<cx-dropdown hoist class="header-actions__group-by"><cx-button slot="trigger" caret>${this.localize.term("groupBy")}</cx-button><cx-menu @cx-select=${this.handleMenuSelect}>${E(!this.groupByOptions.length, () => r`<cx-menu-item disabled=disabled>${this.localize.term("noDataAvailable")}</cx-menu-item>`)}
-        ${E(this.groupByOptions.length, () => this.renderOffOption(e))}
+		return r`<cx-dropdown hoist class="header-actions__group-by"><cx-button slot="trigger" caret>${this.localize.term("groupBy")}</cx-button><cx-menu @cx-select=${this.handleMenuSelect}>${D(!this.groupByOptions.length, () => r`<cx-menu-item disabled=disabled>${this.localize.term("noDataAvailable")}</cx-menu-item>`)}
+        ${D(this.groupByOptions.length, () => this.renderOffOption(e))}
         ${pe(this.groupByOptions, (e) => e.id, (t) => this.renderOption(t.id, t.label, e))}</cx-menu></cx-dropdown>`;
 	}
 };
 l([
-	S("groupByOptions"),
+	C("groupByOptions"),
 	u("design:type", Function),
 	u("design:paramtypes", []),
 	u("design:returntype", void 0)
@@ -1587,9 +1587,9 @@ var Wn = Un, Gn = class extends d {
 	}
 	static #e = this.styles = [h];
 	static #t = this.dependencies = {
-		"cx-button": ne,
+		"cx-button": te,
 		"cx-dropdown": me,
-		"cx-icon": D,
+		"cx-icon": O,
 		"cx-menu": ge,
 		"cx-menu-item": _e
 	};
@@ -1630,9 +1630,9 @@ var Wn = Un, Gn = class extends d {
 		n && this.emit("cx-table-save-search-select", { detail: { id: n } });
 	}
 	render() {
-		return r`<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}>${E(this.savedSearchItems.length === 0 && !this.loading, () => r`<cx-menu-item disabled=disabled>${this.localize.term("noSavedSearch")}</cx-menu-item>`)}
+		return r`<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}>${D(this.savedSearchItems.length === 0 && !this.loading, () => r`<cx-menu-item disabled=disabled>${this.localize.term("noSavedSearch")}</cx-menu-item>`)}
         ${pe(this.savedSearchItems, (e) => e.recordID, (e) => r`<cx-menu-item data-id=${e.recordID}><cx-icon name="search" slot="prefix"></cx-icon>${e.name}</cx-menu-item>`)}
-        ${E(this.hasMore, () => r`<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>`;
+        ${D(this.hasMore, () => r`<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>`;
 	}
 };
 l([s({
@@ -1651,7 +1651,7 @@ l([s({
 	attribute: "saved-search-page-number-param",
 	type: String
 }), u("design:type", String)], Gn.prototype, "savedSearchPageNumberParam", void 0), l([c(), u("design:type", Number)], Gn.prototype, "totalCount", void 0), l([c(), u("design:type", Boolean)], Gn.prototype, "loading", void 0), l([c(), u("design:type", Number)], Gn.prototype, "currentPage", void 0), l([
-	S("savedSearchURL"),
+	C("savedSearchURL"),
 	u("design:type", Function),
 	u("design:paramtypes", []),
 	u("design:returntype", void 0)
@@ -1662,11 +1662,11 @@ var Kn = Gn, qn = i`:host{container-type:inline-size}.header{align-items:center;
 	}
 	static #e = this.styles = [h, qn];
 	static #t = this.dependencies = {
-		"cx-button": ne,
+		"cx-button": te,
 		"cx-checkbox": fe,
 		"cx-dropdown": me,
-		"cx-icon": D,
-		"cx-icon-button": w,
+		"cx-icon": O,
+		"cx-icon-button": T,
 		"cx-input": he,
 		"cx-menu": ge,
 		"cx-menu-item": _e,
@@ -1714,10 +1714,10 @@ var Kn = Gn, qn = i`:host{container-type:inline-size}.header{align-items:center;
 		this.emit("cx-table-export", { detail: { type: "report" } });
 	}
 	renderSearch() {
-		return r`<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=${C({
+		return r`<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=${w({
 			search__icon: !0,
 			"search__icon--search": !0
-		})} label=${this.localize.term("search")} name="search" slot="prefix" size="small" @click=${this.handleSearchSubmit}></cx-icon-button>${E(!this.noAdvancedSearch, () => r`<cx-tooltip slot="suffix" hoist content=${this.localize.term("advancedSearch")}><cx-icon-button class=${C({
+		})} label=${this.localize.term("search")} name="search" slot="prefix" size="small" @click=${this.handleSearchSubmit}></cx-icon-button>${D(!this.noAdvancedSearch, () => r`<cx-tooltip slot="suffix" hoist content=${this.localize.term("advancedSearch")}><cx-icon-button class=${w({
 			search__icon: !0,
 			"search__icon--advanced-search": !0
 		})} name="tune" @click=${this.handleAdvancedSearchClick} size="small"></cx-icon-button></cx-tooltip>`)}</cx-input></form>`;
@@ -1732,22 +1732,22 @@ var Kn = Gn, qn = i`:host{container-type:inline-size}.header{align-items:center;
 		return r`<cx-table-group-by-dropdown .groupByOptions=${this.groupByOptions} group-by-value=${this.groupByValue}></cx-table-group-by-dropdown>`;
 	}
 	renderExportDropdown() {
-		return r`<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>${E(this.canExportCsv, () => r`<cx-menu-item @click=${this.handleExportCsv}>${this.localize.term("exportAsCsv")}</cx-menu-item>`)}
-        ${E(this.canExportXml, () => r`<cx-menu-item @click=${this.handleExportXml}>${this.localize.term("exportAsXml")}</cx-menu-item>`)}
-        ${E(this.canExportPdf, () => r`<cx-menu-item @click=${this.handleExportPdf}>${this.localize.term("exportAsPdf")}</cx-menu-item>`)}
-        ${E(this.canExportCustom, () => r`<cx-menu-item @click=${this.handleExportCustom}>${this.localize.term("customExport")}</cx-menu-item>`)}
-        ${E(this.canSaveReport, () => r`<cx-menu-item data-testid="save-report-menu-item" @click=${this.handleSaveReport}>${this.localize.term("saveReport")}</cx-menu-item>`)}</cx-menu></cx-dropdown>`;
+		return r`<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>${D(this.canExportCsv, () => r`<cx-menu-item @click=${this.handleExportCsv}>${this.localize.term("exportAsCsv")}</cx-menu-item>`)}
+        ${D(this.canExportXml, () => r`<cx-menu-item @click=${this.handleExportXml}>${this.localize.term("exportAsXml")}</cx-menu-item>`)}
+        ${D(this.canExportPdf, () => r`<cx-menu-item @click=${this.handleExportPdf}>${this.localize.term("exportAsPdf")}</cx-menu-item>`)}
+        ${D(this.canExportCustom, () => r`<cx-menu-item @click=${this.handleExportCustom}>${this.localize.term("customExport")}</cx-menu-item>`)}
+        ${D(this.canSaveReport, () => r`<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 r`<cx-space align-items="center" spacing="x-small">${pe(this.dropdownFilters, (e) => e.id, (e) => r`<cx-table-dropdown-filter .data=${e}></cx-table-dropdown-filter>`)}</cx-space>`;
 	}
 	renderHeaderRow() {
 		let e = !!this.label || this.hasSlotController.test("label"), t = this.hasSlotController.test("pagination");
-		return r`<div class=${C({
+		return r`<div class=${w({
 			header: !0,
 			"header--has-label": e,
 			"header--has-pagination": t
-		})}><div class="header__label"><slot name="label">${E(this.label, () => r`<cx-typography variant="h3">${this.label}</cx-typography>`)}</slot></div><div class="header__pagination"><slot name="pagination"></slot></div></div>`;
+		})}><div class="header__label"><slot name="label">${D(this.label, () => r`<cx-typography variant="h3">${this.label}</cx-typography>`)}</slot></div><div class="header__pagination"><slot name="pagination"></slot></div></div>`;
 	}
 	get hasHeaderActions() {
 		return this.selectAllState !== null || this.canSearch || this.dropdownFilters.length > 0 || this.showSavedSearch || this.hasAddAction || this.groupByOptions.length > 0 || this.canExportCsv || this.canExportXml || this.canExportPdf || this.canExportCustom || this.canSaveReport || this.hasDynamicFilter;
@@ -1757,16 +1757,16 @@ var Kn = Gn, qn = i`:host{container-type:inline-size}.header{align-items:center;
 	}
 	renderHeaderActions() {
 		let e = this.canExportCsv || this.canExportXml || this.canExportPdf || this.canExportCustom || this.canSaveReport;
-		return r`<cx-space class="header-actions" justify-content="space-between" align-items="center"><cx-space class="header-actions__left" align-items="center" spacing="x-small">${E(this.selectAllState !== null, () => this.renderSelectAll())}
-        ${E(this.selectAllState !== null && this.selectAllState.count > 0, () => r`<slot name="select-all-actions"></slot>`, () => r`
-            ${E(this.canSearch, () => this.renderSearch())}
-            ${E(this.dropdownFilters.length, () => this.renderDropdownFilters())}
-            ${E(this.showSavedSearch, () => this.renderSavedSearchDropdown())}<slot name="dialog-dynamic-filter"></slot>`)}</cx-space><cx-space class="header-actions__right" align-items="center" spacing="x-small"><slot name="add-action">${E(this.canAdd, () => this.renderAddButton())}</slot>${E(this.groupByOptions.length, () => this.renderGroupByDropdown())}
-        ${E(e, () => this.renderExportDropdown())}</cx-space></cx-space>`;
+		return r`<cx-space class="header-actions" justify-content="space-between" align-items="center"><cx-space class="header-actions__left" align-items="center" spacing="x-small">${D(this.selectAllState !== null, () => this.renderSelectAll())}
+        ${D(this.selectAllState !== null && this.selectAllState.count > 0, () => r`<slot name="select-all-actions"></slot>`, () => r`
+            ${D(this.canSearch, () => this.renderSearch())}
+            ${D(this.dropdownFilters.length, () => this.renderDropdownFilters())}
+            ${D(this.showSavedSearch, () => this.renderSavedSearchDropdown())}<slot name="dialog-dynamic-filter"></slot>`)}</cx-space><cx-space class="header-actions__right" align-items="center" spacing="x-small"><slot name="add-action">${D(this.canAdd, () => this.renderAddButton())}</slot>${D(this.groupByOptions.length, () => this.renderGroupByDropdown())}
+        ${D(e, () => this.renderExportDropdown())}</cx-space></cx-space>`;
 	}
 	render() {
 		return r`<cx-space class="container" direction="vertical">${this.renderHeaderRow()}
-      ${E(this.hasHeaderActions, () => this.renderHeaderActions())}</cx-space>`;
+      ${D(this.hasHeaderActions, () => this.renderHeaderActions())}</cx-space>`;
 	}
 };
 l([f("#search-form"), u("design:type", typeof HTMLFormElement > "u" ? Object : HTMLFormElement)], V.prototype, "form", void 0), l([f(".search__input"), u("design:type", he === void 0 ? Object : he)], V.prototype, "searchInput", void 0), l([s({
@@ -2238,7 +2238,7 @@ var Jn = V, H = class {
 		n && n.classList.remove("tabulator-hover-menu--active");
 	}
 	createCxTableRowActions() {
-		let e = j(ir);
+		let e = M(ir);
 		return e.classList.add("tabulator-hover-menu"), e;
 	}
 	layoutRow(t) {
@@ -2887,7 +2887,7 @@ var Mr = class e extends W {
 		this.generateElement(), this.setWidth(), this._configureCell();
 	}
 	generateElement() {
-		if (this.element = j(Pr), this.element.setAttribute("role", this.table.options.cellRole ?? "gridcell"), this.column.modules.format?.cellClass) {
+		if (this.element = M(Pr), this.element.setAttribute("role", this.table.options.cellRole ?? "gridcell"), this.column.modules.format?.cellClass) {
 			let e = this.column.modules.format?.cellClass;
 			e && e.split(/\s+/).filter(Boolean).forEach((e) => this.element.classList.add(e));
 		}
@@ -2927,7 +2927,7 @@ var Mr = class e extends W {
 	_generateContents() {
 		if (!this.element) return;
 		this.contentElement?.parentNode !== this.element && (this.contentElement = document.createElement("div"), this.contentElement.className = "tabulator-cell-content", this.element.appendChild(this.contentElement));
-		let e = this.chain("cell-format", [this], null, () => A(String(this.value ?? "")));
+		let e = this.chain("cell-format", [this], null, () => j(String(this.value ?? "")));
 		switch (typeof e) {
 			case "object":
 				if (e instanceof Node) {
@@ -2941,7 +2941,7 @@ var Mr = class e extends W {
 			default: {
 				for (; this.contentElement.firstChild;) this.contentElement.firstChild.remove();
 				let t = document.createElement("cx-line-clamp");
-				t.lines = 1, Object.assign(t.style, this.getTextFormat()), t.innerHTML = A(String(e)), this.contentElement.appendChild(t);
+				t.lines = 1, Object.assign(t.style, this.getTextFormat()), t.innerHTML = j(String(e)), this.contentElement.appendChild(t);
 			}
 		}
 	}
@@ -3159,7 +3159,7 @@ var Mr = class e extends W {
 			case "undefined":
 				e.innerHTML = "";
 				break;
-			default: e.innerHTML = `<cx-line-clamp lines="1">${A(String(n))}</cx-line-clamp>`;
+			default: e.innerHTML = `<cx-line-clamp lines="1">${j(String(n))}</cx-line-clamp>`;
 		}
 	}
 	_buildGroupHeader() {
@@ -3977,7 +3977,7 @@ var Mr = class e extends W {
 	initialize() {
 		if (this.table.options.dataTree) {
 			let e = null, t = this.table.options;
-			switch (this.field = t.dataTreeChildField || "_children", this.indent = t.dataTreeChildIndent || 9, this.loadingField = t.dataTreeLoadingField || "loading", this.hasMoreField = t.dataTreeHasMoreField || "hasMore", this.options("movableRows") && ei && console.warn("The movableRows option is not available with dataTree enabled, moving of child rows could result in unpredictable behavior"), t.dataTreeBranchElement ? t.dataTreeBranchElement === !0 ? this.branchEl = j(Xr) : typeof t.dataTreeBranchElement == "string" ? (e = document.createElement("div"), e.innerHTML = A(t.dataTreeBranchElement), this.branchEl = e.firstChild) : this.branchEl = t.dataTreeBranchElement : this.branchEl = j(Zr), t.dataTreeCollapseElement ? typeof t.dataTreeCollapseElement == "string" ? (e = document.createElement("div"), e.innerHTML = A(t.dataTreeCollapseElement), this.collapseEl = e.firstChild) : this.collapseEl = t.dataTreeCollapseElement : this.collapseEl = j(qr), t.dataTreeExpandElement ? typeof t.dataTreeExpandElement == "string" ? (e = document.createElement("div"), e.innerHTML = A(t.dataTreeExpandElement), this.expandEl = e.firstChild) : this.expandEl = t.dataTreeExpandElement : this.expandEl = j(Jr), typeof t.dataTreeStartExpanded) {
+			switch (this.field = t.dataTreeChildField || "_children", this.indent = t.dataTreeChildIndent || 9, this.loadingField = t.dataTreeLoadingField || "loading", this.hasMoreField = t.dataTreeHasMoreField || "hasMore", this.options("movableRows") && ei && console.warn("The movableRows option is not available with dataTree enabled, moving of child rows could result in unpredictable behavior"), t.dataTreeBranchElement ? t.dataTreeBranchElement === !0 ? this.branchEl = M(Xr) : typeof t.dataTreeBranchElement == "string" ? (e = document.createElement("div"), e.innerHTML = j(t.dataTreeBranchElement), this.branchEl = e.firstChild) : this.branchEl = t.dataTreeBranchElement : this.branchEl = M(Zr), t.dataTreeCollapseElement ? typeof t.dataTreeCollapseElement == "string" ? (e = document.createElement("div"), e.innerHTML = j(t.dataTreeCollapseElement), this.collapseEl = e.firstChild) : this.collapseEl = t.dataTreeCollapseElement : this.collapseEl = M(qr), t.dataTreeExpandElement ? typeof t.dataTreeExpandElement == "string" ? (e = document.createElement("div"), e.innerHTML = j(t.dataTreeExpandElement), this.expandEl = e.firstChild) : this.expandEl = t.dataTreeExpandElement : this.expandEl = M(Jr), typeof t.dataTreeStartExpanded) {
 				case "boolean":
 					this.startOpen = function() {
 						return t.dataTreeStartExpanded;
@@ -4063,7 +4063,7 @@ var Mr = class e extends W {
 				i.addEventListener("mousedown", (e) => {
 					e.stopPropagation();
 				});
-			} else i = j(Yr);
+			} else i = M(Yr);
 			i.style.setProperty("margin-inline-end", `${this.indent}px`), i.style.setProperty("margin-inline-start", "0px"), e.modules.dataTree.controlEl = i, r && r.parentNode === t ? r.parentNode.replaceChild(i, r) : t.insertBefore(i, t.firstChild);
 		}
 	}
@@ -4109,7 +4109,7 @@ var Mr = class e extends W {
 	generateLoadMoreButton({ childLevel: e, parentRow: t }) {
 		let n = new Kr({ id: "load-more" }, this.table.rowManager);
 		n.create(), n.modules.dataTree.index = e, n.modules.dataTree.parent = t, n.modules.dataTree.children = !1, n.modules.dataTree.open = !0;
-		let r = j(Qr);
+		let r = M(Qr);
 		return n.getElement()?.classList.add("tabulator-tree-level-" + e), n.element.appendChild(r), r.style.setProperty("--tabulator-tree-level", String(e + 1)), r.style.setProperty("--tabulator-tree-child-indent", `${this.indent}px`), r.style.setProperty("margin-inline-start", `calc(${e + 1} * var(--tabulator-tree-step))`), r.addEventListener("click", () => {
 			this.dispatchExternal("dataTreeLoadMore", t.getComponent(), t.modules.dataTree.index);
 		}), n;
@@ -4117,7 +4117,7 @@ var Mr = class e extends W {
 	generateLoadingRow({ childLevel: e, parentRow: t }) {
 		let n = new Kr({ id: "loading" }, this.table.rowManager);
 		n.create(), n.modules.dataTree.index = e, n.modules.dataTree.parent = t, n.modules.dataTree.children = !1, n.modules.dataTree.open = !0;
-		let r = j($r);
+		let r = M($r);
 		return n.element.appendChild(r), n.getElement()?.classList.add("tabulator-tree-level-" + e), r.style.setProperty("--tabulator-tree-level", String(e + 1)), r.style.setProperty("--tabulator-tree-child-indent", `${this.indent}px`), r.style.setProperty("margin-inline-start", `calc(${e + 1} * var(--tabulator-tree-step))`), n;
 	}
 	expandRow(e, t) {
@@ -4700,7 +4700,7 @@ function Oi(e, t, n) {
 //#region ../../packages/hybrid/table-core/src/tabulator-tables/modules/Format/defaults/formatters/avatar.ts
 function ki(e, t) {
 	let n = t ?? {}, i = e.getValue(), a = i != null && i !== "", o = !!n.initials;
-	return !a && !o ? "" : j(r`<cx-avatar image=${T(a ? String(i) : void 0)} initials=${T(n.initials)} label=${T(n.label)} shape=${T(n.shape)} style="--size: ${n.size ?? "2rem"}"></cx-avatar>`);
+	return !a && !o ? "" : M(r`<cx-avatar image=${E(a ? String(i) : void 0)} initials=${E(n.initials)} label=${E(n.label)} shape=${E(n.shape)} style="--size: ${n.size ?? "2rem"}"></cx-avatar>`);
 }
 //#endregion
 //#region ../../packages/hybrid/table-core/src/tabulator-tables/modules/Format/defaults/formatters/buttonCross.ts
@@ -4725,7 +4725,7 @@ function Ni(e) {
 //#region ../../packages/hybrid/table-core/src/tabulator-tables/modules/Format/defaults/formatters/composite.ts
 var Pi = r`<span style="display: inline-flex; align-items: center;"></span>`;
 function Fi({ spacing: e, style: t }) {
-	let n = j(Pi);
+	let n = M(Pi);
 	return e && (n.style.margin = e), t && Object.assign(n.style, t), n;
 }
 function Ii(e, t, n) {
@@ -4771,7 +4771,7 @@ function Bi(e, t, n) {
 		return t.valueMap && (r = t.valueMap[String(r)] ?? r), !Ri(r);
 	});
 	if (Ri(s) && !c && t.placeholder !== void 0) return Ii.call(this, e, t, n);
-	let l = e.getRow(), { align: u, block: d, containerStyle: f, direction: p, gap: m, justifyContent: h, wrap: g } = t, _ = r`<cx-space class="tabulator-composite" style=${k(f ?? {})} align-items=${u ?? "center"} ?block=${d} direction=${T(p)} justify-content=${T(h)} spacing=${m ?? "3x-small"} wrap=${g ?? "nowrap"}></cx-space>`, v = j(_), y = [];
+	let l = e.getRow(), { align: u, block: d, containerStyle: f, direction: p, gap: m, justifyContent: h, wrap: g } = t, _ = r`<cx-space class="tabulator-composite" style=${A(f ?? {})} align-items=${u ?? "center"} ?block=${d} direction=${E(p)} justify-content=${E(h)} spacing=${m ?? "3x-small"} wrap=${g ?? "nowrap"}></cx-space>`, v = M(_), y = [];
 	if (t.elements.forEach((t) => {
 		let r = zi({
 			cell: e,
@@ -4828,7 +4828,7 @@ function Vi(e) {
 }
 function Hi(e, t) {
 	let n = t ?? {}, i = Vi(e.getValue());
-	return i === void 0 ? "" : j(r`<cx-format-date date=${i.toISOString()} weekday=${T(n.weekday)} era=${T(n.era)} year=${T(n.year)} month=${T(n.month)} day=${T(n.day)} hour=${T(n.hour)} minute=${T(n.minute)} second=${T(n.second)} time-zone-name=${T(n.timeZoneName)} time-zone=${T(n.timeZone)} hour-format=${T(n.hourFormat)} ?no-datetime-separator=${n.noDatetimeSeparator ?? !1}></cx-format-date>`);
+	return i === void 0 ? "" : M(r`<cx-format-date date=${i.toISOString()} weekday=${E(n.weekday)} era=${E(n.era)} year=${E(n.year)} month=${E(n.month)} day=${E(n.day)} hour=${E(n.hour)} minute=${E(n.minute)} second=${E(n.second)} time-zone-name=${E(n.timeZoneName)} time-zone=${E(n.timeZone)} hour-format=${E(n.hourFormat)} ?no-datetime-separator=${n.noDatetimeSeparator ?? !1}></cx-format-date>`);
 }
 //#endregion
 //#region ../../packages/hybrid/table-core/src/tabulator-tables/modules/Format/defaults/formatters/datetime.ts
@@ -4858,8 +4858,8 @@ function qi(e, t) {
 	return e == null ? "" : Array.isArray(e) ? e.join(t) : String(e);
 }
 function Ji(e, t) {
-	let n = t ?? {}, i = n.arraySeparator ?? ", ", a = (t) => typeof t == "function" ? t(e) : t, o = qi(a(n.newValue) ?? e.getValue(), i), s = qi(a(n.oldValue) ?? "", i), c = ie(s), l = ie(o), u = c && l ? `${c} ${l}` : l || c;
-	return j(r`<cx-line-clamp lines="1" clamped-tooltip=${u}><cx-diff old-value=${s} new-value=${o}></cx-diff></cx-line-clamp>`);
+	let n = t ?? {}, i = n.arraySeparator ?? ", ", a = (t) => typeof t == "function" ? t(e) : t, o = qi(a(n.newValue) ?? e.getValue(), i), s = qi(a(n.oldValue) ?? "", i), c = re(s), l = re(o), u = c && l ? `${c} ${l}` : l || c;
+	return M(r`<cx-line-clamp lines="1" clamped-tooltip=${u}><cx-diff old-value=${s} new-value=${o}></cx-diff></cx-line-clamp>`);
 }
 //#endregion
 //#region ../../packages/hybrid/table-core/src/tabulator-tables/modules/Format/defaults/formatters/handle.ts
@@ -4878,7 +4878,7 @@ var Zi = r`<cx-icon></cx-icon>`;
 function Qi(e, t) {
 	let n = e.getValue(), r = t ?? {}, i;
 	if (i = r.getIcon ? r.getIcon(n) : typeof r.icon == "function" ? r.icon(n) : r.iconMap ? r.iconMap[n] : r.icon ? r.icon : n ? String(n) : void 0, !i) return;
-	let a = j(Zi);
+	let a = M(Zi);
 	if (a.name = i, r.size !== void 0) switch (typeof r.size) {
 		case "number":
 			a.style.setProperty("--font-size", `${r.size}px`);
@@ -4893,7 +4893,7 @@ var $i = r`<div style="display: flex; align-items: center; justify-content: cent
 function ea(e, t) {
 	let n = e.getValue();
 	if (!n) return null;
-	let r = j($i), i = r.querySelector("img"), a = t ?? {};
+	let r = M($i), i = r.querySelector("img"), a = t ?? {};
 	switch (a.urlPrefix && (n = a.urlPrefix + e.getValue()), a.urlSuffix && (n += a.urlSuffix), i.setAttribute("src", String(n)), i.setAttribute("alt", typeof a.alt == "string" ? a.alt : ""), typeof a.height) {
 		case "number":
 			r.style.height = a.height + "px";
@@ -4956,8 +4956,8 @@ function ia(e, t, n) {
 			"mailto:",
 			"tel:",
 			""
-		].includes(u.protocol) || n.startsWith("#") ? c.setAttribute("href", n) : (ra && console.warn("Link formatter blocked potentially unsafe URL:", n), c.setAttribute("href", "#")), t.target && c.setAttribute("target", t.target), t.rel && c.setAttribute("rel", t.rel), t.download && (o = typeof o == "function" ? o(e) : o === !0 ? "" : o, c.setAttribute("download", String(o))), c.innerHTML = ae(A(s));
-		let d = j(r`<cx-line-clamp lines="1"></cx-line-clamp>`);
+		].includes(u.protocol) || n.startsWith("#") ? c.setAttribute("href", n) : (ra && console.warn("Link formatter blocked potentially unsafe URL:", n), c.setAttribute("href", "#")), t.target && c.setAttribute("target", t.target), t.rel && c.setAttribute("rel", t.rel), t.download && (o = typeof o == "function" ? o(e) : o === !0 ? "" : o, c.setAttribute("download", String(o))), c.innerHTML = ie(j(s));
+		let d = M(r`<cx-line-clamp lines="1"></cx-line-clamp>`);
 		return d.appendChild(c), d;
 	}
 	return "\xA0";
@@ -4973,7 +4973,7 @@ function oa(e, t, n) {
 //#region ../../packages/hybrid/table-core/src/tabulator-tables/modules/Format/defaults/formatters/money.ts
 function sa(e, t, n) {
 	let r = parseFloat(e.getValue()), i = "", a, o, s, c, l = t.decimal || ".", u = t.thousand || ",", d = t.negativeSign || "-", f = t.symbol || "", p = !!t.symbolAfter, m = t.precision === void 0 ? 2 : t.precision;
-	if (isNaN(r)) return ae(A(re(e.getValue())));
+	if (isNaN(r)) return ie(j(ne(e.getValue())));
 	r < 0 && (r = Math.abs(r), i = d), a = m === !1 ? String(r) : r.toFixed(m), a = String(a).split("."), o = a[0];
 	let h = a.length > 1 ? l + a[1] : "";
 	if (t.thousand !== !1) for (s = /(\d+)(\d{3})/; s.test(o);) o = o.replace(s, "$1" + u + "$2");
@@ -4987,7 +4987,7 @@ function la(e, t) {
 	if (n == null || n === "") return;
 	let r = Number(n);
 	if (Number.isNaN(r)) return;
-	let i = t ?? {}, a = j(ca);
+	let i = t ?? {}, a = M(ca);
 	a.value = r;
 	for (let e of Object.keys(i)) {
 		let t = i[e];
@@ -4998,15 +4998,15 @@ function la(e, t) {
 //#endregion
 //#region ../../packages/hybrid/table-core/src/tabulator-tables/modules/Format/defaults/formatters/plaintext.ts
 function ua(e, t) {
-	let n = ae(A(re(e.getValue()))), i = t ?? {};
+	let n = ie(j(ne(e.getValue()))), i = t ?? {};
 	i.prefix && (n = i.prefix + n), i.suffix && (n += i.suffix);
-	let a = r`<cx-line-clamp lines="1"><span style=${k(i.style ?? {})}>${n}</span></cx-line-clamp>`;
-	return j(a);
+	let a = r`<cx-line-clamp lines="1"><span style=${A(i.style ?? {})}>${n}</span></cx-line-clamp>`;
+	return M(a);
 }
 //#endregion
 //#region ../../packages/hybrid/table-core/src/tabulator-tables/modules/Format/defaults/formatters/progress.ts
 function da(e, t = {}, n) {
-	let r = A(e.getValue()) || 0, i = e.getElement(), a = t.max ? t.max : 100, o = t.min ? t.min : 0, s = t.legendAlign ? t.legendAlign : "center", c, l, u = !1, d;
+	let r = j(e.getValue()) || 0, i = e.getElement(), a = t.max ? t.max : 100, o = t.min ? t.min : 0, s = t.legendAlign ? t.legendAlign : "center", c, l, u = !1, d;
 	c = parseFloat(String(r)) <= a ? parseFloat(String(r)) : a, c = parseFloat(String(c)) >= o ? parseFloat(String(c)) : o;
 	let f = a - o;
 	if (f <= 0) c = 0;
@@ -5062,7 +5062,7 @@ function da(e, t = {}, n) {
 	let m = document.createElement("div");
 	m.style.position = "relative", m.style.width = "100%", m.style.height = "100%";
 	let h;
-	return u && (h = document.createElement("div"), h.style.position = "absolute", h.style.top = "0", h.style.left = "0", h.style.textAlign = s, h.style.width = "100%", h.style.color = d, h.innerHTML = A(String(u))), n(() => {
+	return u && (h = document.createElement("div"), h.style.position = "absolute", h.style.top = "0", h.style.left = "0", h.style.textAlign = s, h.style.width = "100%", h.style.color = d, h.innerHTML = j(String(u))), n(() => {
 		if (!i) return;
 		let t;
 		if (e instanceof Nr) t = e.getContentElement();
@@ -5141,7 +5141,7 @@ function ba(e, t) {
 		let t = document.createElement("span");
 		return t.textContent = String(e.getValue() ?? ""), t;
 	}
-	let n = j(ha), { offValue: r, onValue: i } = ga(t);
+	let n = M(ha), { offValue: r, onValue: i } = ga(t);
 	return t.size && (n.size = t.size), n.disabled = (typeof t.disabled == "function" ? t.disabled : () => !1)(e), ya(n, e, i, r), n;
 }
 //#endregion
@@ -5155,18 +5155,18 @@ function Sa(e, t) {
 		removable: !1,
 		size: "medium",
 		variant: "neutral"
-	}, i = j(xa);
+	}, i = M(xa);
 	return Object.assign(i, r), i.textContent = t?.getTagContent?.(n) ?? t?.tagContentMap?.[n] ?? String(n), i;
 }
 //#endregion
 //#region ../../packages/hybrid/table-core/src/tabulator-tables/modules/Format/defaults/formatters/textarea.ts
 function Ca(e) {
-	return ae(A(re(e.getValue())));
+	return ie(j(ne(e.getValue())));
 }
 //#endregion
 //#region ../../packages/hybrid/table-core/src/tabulator-tables/modules/Format/defaults/formatters/tickCross.ts
 function wa(e, t, n) {
-	let r = e.getValue(), i = e.getElement(), a = t.allowEmpty, o = t.allowTruthy, s = Object.prototype.hasOwnProperty.call(t, "trueValue"), c = (typeof t.tickElement == "string" ? A(t.tickElement) : t.tickElement) ?? "<svg enable-background=\"new 0 0 24 24\" height=\"14\" width=\"14\" viewBox=\"0 0 24 24\" xml:space=\"preserve\" role=\"img\" aria-label=\"true\" ><path fill=\"#2DC214\" clip-rule=\"evenodd\" d=\"M21.652,3.211c-0.293-0.295-0.77-0.295-1.061,0L9.41,14.34  c-0.293,0.297-0.771,0.297-1.062,0L3.449,9.351C3.304,9.203,3.114,9.13,2.923,9.129C2.73,9.128,2.534,9.201,2.387,9.351  l-2.165,1.946C0.078,11.445,0,11.63,0,11.823c0,0.194,0.078,0.397,0.223,0.544l4.94,5.184c0.292,0.296,0.771,0.776,1.062,1.07  l2.124,2.141c0.292,0.293,0.769,0.293,1.062,0l14.366-14.34c0.293-0.294,0.293-0.777,0-1.071L21.652,3.211z\" fill-rule=\"evenodd\"/></svg>", l = (typeof t.crossElement == "string" ? A(t.crossElement) : t.crossElement) ?? "<svg enable-background=\"new 0 0 24 24\" height=\"14\" width=\"14\"  viewBox=\"0 0 24 24\" xml:space=\"preserve\" role=\"img\" aria-label=\"false\" ><path fill=\"#CE1515\" d=\"M22.245,4.015c0.313,0.313,0.313,0.826,0,1.139l-6.276,6.27c-0.313,0.312-0.313,0.826,0,1.14l6.273,6.272  c0.313,0.313,0.313,0.826,0,1.14l-2.285,2.277c-0.314,0.312-0.828,0.312-1.142,0l-6.271-6.271c-0.313-0.313-0.828-0.313-1.141,0  l-6.276,6.267c-0.313,0.313-0.828,0.313-1.141,0l-2.282-2.28c-0.313-0.313-0.313-0.826,0-1.14l6.278-6.269  c0.313-0.312,0.313-0.826,0-1.14L1.709,5.147c-0.314-0.313-0.314-0.827,0-1.14l2.284-2.278C4.308,1.417,4.821,1.417,5.135,1.73  L11.405,8c0.314,0.314,0.828,0.314,1.141,0.001l6.276-6.267c0.312-0.312,0.826-0.312,1.141,0L22.245,4.015z\"/></svg>";
+	let r = e.getValue(), i = e.getElement(), a = t.allowEmpty, o = t.allowTruthy, s = Object.prototype.hasOwnProperty.call(t, "trueValue"), c = (typeof t.tickElement == "string" ? j(t.tickElement) : t.tickElement) ?? "<svg enable-background=\"new 0 0 24 24\" height=\"14\" width=\"14\" viewBox=\"0 0 24 24\" xml:space=\"preserve\" role=\"img\" aria-label=\"true\" ><path fill=\"#2DC214\" clip-rule=\"evenodd\" d=\"M21.652,3.211c-0.293-0.295-0.77-0.295-1.061,0L9.41,14.34  c-0.293,0.297-0.771,0.297-1.062,0L3.449,9.351C3.304,9.203,3.114,9.13,2.923,9.129C2.73,9.128,2.534,9.201,2.387,9.351  l-2.165,1.946C0.078,11.445,0,11.63,0,11.823c0,0.194,0.078,0.397,0.223,0.544l4.94,5.184c0.292,0.296,0.771,0.776,1.062,1.07  l2.124,2.141c0.292,0.293,0.769,0.293,1.062,0l14.366-14.34c0.293-0.294,0.293-0.777,0-1.071L21.652,3.211z\" fill-rule=\"evenodd\"/></svg>", l = (typeof t.crossElement == "string" ? j(t.crossElement) : t.crossElement) ?? "<svg enable-background=\"new 0 0 24 24\" height=\"14\" width=\"14\"  viewBox=\"0 0 24 24\" xml:space=\"preserve\" role=\"img\" aria-label=\"false\" ><path fill=\"#CE1515\" d=\"M22.245,4.015c0.313,0.313,0.313,0.826,0,1.139l-6.276,6.27c-0.313,0.312-0.313,0.826,0,1.14l6.273,6.272  c0.313,0.313,0.313,0.826,0,1.14l-2.285,2.277c-0.314,0.312-0.828,0.312-1.142,0l-6.271-6.271c-0.313-0.313-0.828-0.313-1.141,0  l-6.276,6.267c-0.313,0.313-0.828,0.313-1.141,0l-2.282-2.28c-0.313-0.313-0.313-0.826,0-1.14l6.278-6.269  c0.313-0.312,0.313-0.826,0-1.14L1.709,5.147c-0.314-0.313-0.314-0.827,0-1.14l2.284-2.278C4.308,1.417,4.821,1.417,5.135,1.73  L11.405,8c0.314,0.314,0.828,0.314,1.141,0.001l6.276-6.267c0.312-0.312,0.826-0.312,1.141,0L22.245,4.015z\"/></svg>";
 	return s && r === t.trueValue || !s && (o && r || r === !0 || r === "true" || r === "True" || r === 1 || r === "1") ? (i && i.setAttribute("aria-checked", "true"), c || "") : a && (r === "null" || r === "" || r == null) ? (i && i.setAttribute("aria-checked", "mixed"), "") : (i && i.setAttribute("aria-checked", "false"), l || "");
 }
 //#endregion
@@ -5190,7 +5190,7 @@ function Da(e) {
 }
 function Oa(e, t) {
 	let n = Ea(t ?? {}, e), i = Ta(e.getValue()), a = Da(n);
-	return j(r`<cx-format-time .duration=${i} display-style=${T(n.displayStyle)} input-unit=${T(n.inputUnit)} locale=${T(n.locale)} placeholder=${T(n.placeholder)} units-format=${T(n.unitsFormat)} style=${k(a)}></cx-format-time>`);
+	return M(r`<cx-format-time .duration=${i} display-style=${E(n.displayStyle)} input-unit=${E(n.inputUnit)} locale=${E(n.locale)} placeholder=${E(n.placeholder)} units-format=${E(n.unitsFormat)} style=${A(a)}></cx-format-time>`);
 }
 //#endregion
 //#region ../../packages/hybrid/table-core/src/tabulator-tables/modules/Format/defaults/formatters/toggle.ts
@@ -5212,7 +5212,7 @@ var Aa = r`<span class="tabulator-traffic-light-container"><span class="tabulato
 function ja(e, t, n, r) {
 	let i = e.getValue();
 	if (i == null || i === "") return;
-	let a = j(Aa), o = t?.getColor?.(i) ?? t?.colorMap?.[i];
+	let a = M(Aa), o = t?.getColor?.(i) ?? t?.colorMap?.[i];
 	if (o) {
 		let e = a.querySelector(".tabulator-traffic-light");
 		e && (e.style.backgroundColor = o);
@@ -5227,7 +5227,7 @@ function Ma(e, t) {
 	if (n == null || n === "") return;
 	let i = t ?? {}, a;
 	i.getVariant && (a = i.getVariant(n)), !a && i.variantMap && (a = i.variantMap[n]), !a && i.variant && (a = i.variant), a ??= le.Body1;
-	let o = r`<cx-line-clamp lines="1"><cx-typography style=${k(i.style ?? {})}></cx-typography></cx-line-clamp>`, s = j(o), c = s.querySelector("cx-typography");
+	let o = r`<cx-line-clamp lines="1"><cx-typography style=${A(i.style ?? {})}></cx-typography></cx-line-clamp>`, s = M(o), c = s.querySelector("cx-typography");
 	c.variant = a;
 	let l = String(n);
 	return i.prefix && (l = i.prefix + l), i.suffix && (l += i.suffix), c.textContent = l, s;
@@ -5408,10 +5408,10 @@ var Pa = class e extends W {
 		let { prefixElement: e } = this.params;
 		if (!e) return null;
 		let t;
-		return t = typeof e == "string" ? oe(e) : e, t && (t.slot = "prefix"), t;
+		return t = typeof e == "string" ? ae(e) : e, t && (t.slot = "prefix"), t;
 	}
 	_createSelectElement() {
-		let { autocomplete: e, clearable: t, fallbackOption: n, freeWidth: i, placeholder: a } = this.params, o = r`<cx-select style="width: 100%; margin: auto;" hoist ?clearable=${t} ?free-width=${i ?? !1} placeholder=${T(a)}></cx-select>`, s = j(o);
+		let { autocomplete: e, clearable: t, fallbackOption: n, freeWidth: i, placeholder: a } = this.params, o = r`<cx-select style="width: 100%; margin: auto;" hoist ?clearable=${t} ?free-width=${i ?? !1} placeholder=${E(a)}></cx-select>`, s = M(o);
 		n?.value != null && (s.fallbackOptionValue = this.sanitizeValue(n.value));
 		let c = this.createPrefixElement();
 		return c && s.prepend(c), e || (s.style.cursor = "default", s.style.caretColor = "transparent"), this._bindInputEvents(s), s;
@@ -5629,7 +5629,7 @@ var Pa = class e extends W {
 		}
 	}
 	_appendDivider() {
-		let e = j(La);
+		let e = M(La);
 		this.input.appendChild(e);
 	}
 	_appendSectionLabel(e) {
@@ -5639,12 +5639,12 @@ var Pa = class e extends W {
 	_appendLeafOption(e) {
 		let t = e.element;
 		if (!t) {
-			t = j(Ia), t.getTextLabel = () => e.label, t.value = this.sanitizeValue(e.value);
+			t = M(Ia), t.getTextLabel = () => e.label, t.value = this.sanitizeValue(e.value);
 			let n = this.formatItemLabel(e, t);
-			n && typeof n == "object" && "nodeType" in n && n instanceof HTMLElement ? t.appendChild(n) : t.innerHTML = A(String(n || ""));
+			n && typeof n == "object" && "nodeType" in n && n instanceof HTMLElement ? t.appendChild(n) : t.innerHTML = j(String(n || ""));
 			let r = this.params.fallbackOption?.prefix;
 			if (e.isFallbackOption && r) {
-				let e = oe(`<div style="display: inline-flex" slot="prefix">${A(r)}</div>`);
+				let e = ae(`<div style="display: inline-flex" slot="prefix">${j(r)}</div>`);
 				e && t.prepend(e);
 			}
 			t.classList.add("tabulator-edit-list-item", "tabulator-edit-list-group-level-" + e.level), e.element = t;
@@ -6177,7 +6177,7 @@ var Pa = class e extends W {
 		if (e.column.definition.editor !== "list") return;
 		let t = e.getElement(!0);
 		if (!t || t.classList.contains("tabulator-editing") || t.querySelector(`.${Ya}`)) return;
-		let n = j(Xa);
+		let n = M(Xa);
 		n.addEventListener("mousedown", (e) => {
 			e.preventDefault(), e.stopPropagation();
 		}), n.addEventListener("click", (n) => {
@@ -6466,7 +6466,7 @@ var Pa = class e extends W {
 		return e.columns.forEach((e) => {
 			if (e?.component && "_column" in e.component) {
 				let t = document.createElement("th"), n = e.component._column.definition.cssClass ? e.component._column.definition.cssClass.split(" ") : [];
-				t.colSpan = e.width, t.rowSpan = e.height, t.innerHTML = A(String(e.value)), this.cloneTableStyle && (t.style.boxSizing = "border-box"), n.forEach((e) => {
+				t.colSpan = e.width, t.rowSpan = e.height, t.innerHTML = j(String(e.value)), this.cloneTableStyle && (t.style.boxSizing = "border-box"), n.forEach((e) => {
 					t.classList.add(e);
 				});
 				let i = e.component.getElement();
@@ -6507,7 +6507,7 @@ var Pa = class e extends W {
 	}
 	generateGroupElement(e, t, n) {
 		let r = document.createElement("tr"), i = document.createElement("td"), a = e.columns[0];
-		return a ? (r.classList.add("tabulator-print-table-row"), t.groupHeader && Array.isArray(t.groupHeader) && t.groupHeader[e.indent] ? a.value = t.groupHeader[e.indent](a.value, e.component?._group?.getRowCount() || 0, e.component?._group?.getData() || {}, e.component || {}) : t.groupHeader !== !1 && e.component && e.component?._group && (a.value = e.component._group.generator(a.value, e.component._group.getRowCount(), e.component._group.getData(), e.component)), i.colSpan = a.width, i.innerHTML = A(String(a.value)), r.classList.add("tabulator-print-table-group", "tabulator-group-level-" + e.indent), a.component && a.component.isVisible() && r.classList.add("tabulator-group-visible"), this.mapElementStyles(n.firstGroup, r, [
+		return a ? (r.classList.add("tabulator-print-table-row"), t.groupHeader && Array.isArray(t.groupHeader) && t.groupHeader[e.indent] ? a.value = t.groupHeader[e.indent](a.value, e.component?._group?.getRowCount() || 0, e.component?._group?.getData() || {}, e.component || {}) : t.groupHeader !== !1 && e.component && e.component?._group && (a.value = e.component._group.generator(a.value, e.component._group.getRowCount(), e.component._group.getData(), e.component)), i.colSpan = a.width, i.innerHTML = j(String(a.value)), r.classList.add("tabulator-print-table-group", "tabulator-group-level-" + e.indent), a.component && a.component.isVisible() && r.classList.add("tabulator-group-visible"), this.mapElementStyles(n.firstGroup, r, [
 			"border-top",
 			"border-left",
 			"border-right",
@@ -6587,7 +6587,7 @@ var Pa = class e extends W {
 						break;
 					case "undefined": u = "";
 				}
-				u instanceof Node ? o.appendChild(u) : o.innerHTML = A(String(u));
+				u instanceof Node ? o.appendChild(u) : o.innerHTML = j(String(u));
 				let p = [
 					"padding-top",
 					"padding-left",
@@ -7571,7 +7571,7 @@ var q = process.env.NODE_ENV === "development", zo = class e extends W {
 		this.element = !1, this.arrowElement = !1, this.elementContents = !1, this.heightInitialized = !1, this._loadMoreRow = !1, this._loadMoreStateKey = "";
 	}
 	createElements() {
-		this.element = document.createElement("div"), this.element.classList.add("tabulator-row"), this.element.classList.add("tabulator-group"), this.element.classList.add("tabulator-group-level-" + this.level), this.element.setAttribute("role", this.groupManager.table.options.rowGroupRole ?? "rowgroup"), this.arrowElement = j(Go), this.groupManager.table.options.movableRows !== !1 && this.groupManager.table.modExists("moveRow") && this.groupManager.table.modules.moveRow.initializeGroupHeader(this);
+		this.element = document.createElement("div"), this.element.classList.add("tabulator-row"), this.element.classList.add("tabulator-group"), this.element.classList.add("tabulator-group-level-" + this.level), this.element.setAttribute("role", this.groupManager.table.options.rowGroupRole ?? "rowgroup"), this.arrowElement = M(Go), this.groupManager.table.options.movableRows !== !1 && this.groupManager.table.modExists("moveRow") && this.groupManager.table.modules.moveRow.initializeGroupHeader(this);
 	}
 	createValueGroups() {
 		let e = this.level + 1;
@@ -7619,7 +7619,7 @@ var q = process.env.NODE_ENV === "development", zo = class e extends W {
 				e.parentElement !== n && e.remove();
 			});
 			let e = n.querySelector(".tabulator-group-level-indent");
-			e || (e = j(Ko), n.insertBefore(e, n.firstChild)), this.applyGroupIndent(e, (this.level + 1) * (this.groupManager.table.options.groupIndent ?? 36)), e.dataset.groupLevel = this.level.toString();
+			e || (e = M(Ko), n.insertBefore(e, n.firstChild)), this.applyGroupIndent(e, (this.level + 1) * (this.groupManager.table.options.groupIndent ?? 36)), e.dataset.groupLevel = this.level.toString();
 		}
 	}
 	insertRow(e, t, n) {
@@ -7663,10 +7663,10 @@ var q = process.env.NODE_ENV === "development", zo = class e extends W {
 		if (!e?.hasMore || !n) return this._loadMoreRow = !1, !1;
 		let r = new Kr({ id: `group-load-more:${this.getPathKey()}` }, n), i = (this.level + 1) * (this.groupManager.table.options.groupIndent ?? 36);
 		if (r.create(), e.loading) {
-			let e = j(Jo);
+			let e = M(Jo);
 			return r.element.appendChild(e), this.applyGroupIndent(e, i), this._loadMoreRow = r, r;
 		}
-		let a = j(qo), o = this.getGroupLoadMoreEventPayload();
+		let a = M(qo), o = this.getGroupLoadMoreEventPayload();
 		return r.element.appendChild(a), this.applyGroupIndent(a, i), a.addEventListener("click", (e) => {
 			e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation(), this.groupManager.table.externalEvents?.dispatch("groupLoadMore", o);
 		}), this._loadMoreRow = r, r;
@@ -7793,7 +7793,7 @@ var q = process.env.NODE_ENV === "development", zo = class e extends W {
 		for (let n of t) e.push(n.getData());
 		if (this.elementContents = this.generator(this.key, this.getRowCount(), e, this.getComponent()), this.element) {
 			for (; this.element.firstChild;) this.element.removeChild(this.element.firstChild);
-			typeof this.elementContents == "string" ? this.element.innerHTML = A(this.elementContents) : this.element.appendChild(this.elementContents), this.arrowElement && this.element.insertBefore(this.arrowElement, this.element.firstChild);
+			typeof this.elementContents == "string" ? this.element.innerHTML = j(this.elementContents) : this.element.appendChild(this.elementContents), this.arrowElement && this.element.insertBefore(this.arrowElement, this.element.firstChild);
 		}
 	}
 	getPath(e = []) {
@@ -7880,10 +7880,10 @@ var q = process.env.NODE_ENV === "development", zo = class e extends W {
 					let o = this.table.options.groupHeaderCount ? "<span class=\"tabulator-group-count\">(" + r + " " + (r === 1 ? e : t.groups.items) + ")</span>" : "";
 					if (this.table.options.groupHeaderUseFormatter && a) {
 						let e = this.buildFormattedGroupHeader(n, i, a);
-						if (e) return o && e.insertAdjacentHTML("beforeend", A(o)), e;
+						if (e) return o && e.insertAdjacentHTML("beforeend", j(o)), e;
 					}
 					let s = n ?? "";
-					return this.table.options.groupHeaderCount ? A(s + o) : A(s);
+					return this.table.options.groupHeaderCount ? j(s + o) : j(s);
 				};
 			}), this.groupIDLookups = [], e ? this.table.modExists("columnCalcs") && this.table.options.columnCalcs !== "table" && this.table.options.columnCalcs !== "both" && this.table.modules.columnCalcs.removeCalcs() : this.table.modExists("columnCalcs") && this.table.options.columnCalcs !== "group" && (this.table.columnManager?.getRealColumns() || []).forEach((e) => {
 				e.definition.topCalc && this.table.modules.columnCalcs.initializeTopRow(), e.definition.bottomCalc && this.table.modules.columnCalcs.initializeBottomRow();
@@ -7927,7 +7927,7 @@ var q = process.env.NODE_ENV === "development", zo = class e extends W {
 		}, d = typeof a.params == "function" ? a.params(u) : a.params, f = a.formatter.call(o, u, d ?? {}, () => {});
 		if (f == null || f === "") return null;
 		let p = document.createElement("span");
-		return p.classList.add("tabulator-group-formatted"), typeof f == "string" ? p.innerHTML = A(f) : p.appendChild(f), p;
+		return p.classList.add("tabulator-group-formatted"), typeof f == "string" ? p.innerHTML = j(f) : p.appendChild(f), p;
 	}
 	rowSample(e, t) {
 		if (this.table.options.groupBy) {
@@ -8307,7 +8307,7 @@ var q = process.env.NODE_ENV === "development", zo = class e extends W {
 				!this.hasIndex && t.index && (r[t.index] = e);
 				for (let e = 0; e < n.length; e++) {
 					let t = n[e], i = this.fieldIndex[e];
-					i != null && (r[i] = A(t.innerHTML));
+					i != null && (r[i] = j(t.innerHTML));
 				}
 				i.push(r);
 			}
@@ -8497,13 +8497,13 @@ var os = /* @__PURE__ */ e((/* @__PURE__ */ n(((e, t) => {
 			function b(t) {
 				return e.skipEmptyLines === "greedy" ? t.join("").trim() === "" : t.length === 1 && t[0].length === 0;
 			}
-			function te() {
-				if (y && r && (C("Delimiter", "UndetectableDelimiter", "Unable to auto-detect delimiting character; defaulted to '" + s.DefaultDelimiter + "'"), r = !1), e.skipEmptyLines && (y.data = y.data.filter(function(e) {
+			function S() {
+				if (y && r && (w("Delimiter", "UndetectableDelimiter", "Unable to auto-detect delimiting character; defaulted to '" + s.DefaultDelimiter + "'"), r = !1), e.skipEmptyLines && (y.data = y.data.filter(function(e) {
 					return !b(e);
-				})), S()) {
+				})), C()) {
 					if (y) {
 						if (Array.isArray(y.data[0])) {
-							for (var t = 0; S() && t < y.data.length; t++) y.data[t].forEach(n);
+							for (var t = 0; C() && t < y.data.length; t++) y.data[t].forEach(n);
 							y.data.splice(0, 1);
 						} else y.data.forEach(n);
 					}
@@ -8518,15 +8518,15 @@ var os = /* @__PURE__ */ e((/* @__PURE__ */ n(((e, t) => {
 						})(n) ? parseFloat(n) : u.test(n) ? new Date(n) : n === "" ? null : n) : n)(s = e.header ? i >= v.length ? "__parsed_extra" : v[i] : s, c = e.transform ? e.transform(c, s) : c);
 						s === "__parsed_extra" ? (r[s] = r[s] || [], r[s].push(c)) : r[s] = c;
 					}
-					return e.header && (i > v.length ? C("FieldMismatch", "TooManyFields", "Too many fields: expected " + v.length + " fields but parsed " + i, p + n) : i < v.length && C("FieldMismatch", "TooFewFields", "Too few fields: expected " + v.length + " fields but parsed " + i, p + n)), r;
+					return e.header && (i > v.length ? w("FieldMismatch", "TooManyFields", "Too many fields: expected " + v.length + " fields but parsed " + i, p + n) : i < v.length && w("FieldMismatch", "TooFewFields", "Too few fields: expected " + v.length + " fields but parsed " + i, p + n)), r;
 				}
 				var i;
 				y && (e.header || e.dynamicTyping || e.transform) && (i = 1, !y.data.length || Array.isArray(y.data[0]) ? (y.data = y.data.map(n), i = y.data.length) : y.data = n(y.data, 0), e.header && y.meta && (y.meta.fields = v), p += i);
 			}
-			function S() {
+			function C() {
 				return e.header && v.length === 0;
 			}
-			function C(e, t, n, r) {
+			function w(e, t, n, r) {
 				e = {
 					type: e,
 					code: t,
@@ -8534,7 +8534,7 @@ var os = /* @__PURE__ */ e((/* @__PURE__ */ n(((e, t) => {
 				}, r !== void 0 && (e.row = r), y.errors.push(e);
 			}
 			x(e.step) && (i = e.step, e.step = function(t) {
-				y = t, S() ? te() : (te(), y.data.length !== 0 && (f += t.data.length, e.preview && f > e.preview ? n.abort() : (y.data = y.data[0], i(y, d))));
+				y = t, C() ? S() : (S(), y.data.length !== 0 && (f += t.data.length, e.preview && f > e.preview ? n.abort() : (y.data = y.data[0], i(y, d))));
 			}), this.parse = function(i, a, o) {
 				var c = e.quoteChar || "\"", c = (e.newline ||= this.guessLineEndings(i, c), r = !1, e.delimiter ? x(e.delimiter) && (e.delimiter = e.delimiter(i), y.meta.delimiter = e.delimiter) : ((c = ((t, n, r, i, a) => {
 					var o, c, l, u;
@@ -8560,7 +8560,7 @@ var os = /* @__PURE__ */ e((/* @__PURE__ */ n(((e, t) => {
 						bestDelimiter: o
 					};
 				})(i, e.newline, e.skipEmptyLines, e.comments, e.delimitersToGuess)).successful ? e.delimiter = c.bestDelimiter : (r = !0, e.delimiter = s.DefaultDelimiter), y.meta.delimiter = e.delimiter), ee(e));
-				return e.preview && e.header && c.preview++, t = i, n = new g(c), y = n.parse(t, a, o), te(), m ? { meta: { paused: !0 } } : y || { meta: { paused: !1 } };
+				return e.preview && e.header && c.preview++, t = i, n = new g(c), y = n.parse(t, a, o), S(), m ? { meta: { paused: !0 } } : y || { meta: { paused: !1 } };
 			}, this.paused = function() {
 				return m;
 			}, this.pause = function() {
@@ -8589,78 +8589,78 @@ var os = /* @__PURE__ */ e((/* @__PURE__ */ n(((e, t) => {
 			var p = 0, m = !1;
 			this.parse = function(s, g, _) {
 				if (typeof s != "string") throw Error("Input must be a string");
-				var v = s.length, y = t.length, ee = n.length, b = r.length, te = x(i), S = [], C = [], w = [], T = p = 0;
-				if (!s) return M();
+				var v = s.length, y = t.length, ee = n.length, b = r.length, S = x(i), C = [], w = [], T = [], E = p = 0;
+				if (!s) return oe();
 				if (o || !1 !== o && s.indexOf(d) === -1) {
-					for (var E = s.split(n), D = 0; D < E.length; D++) {
-						if (w = E[D], p += w.length, D !== E.length - 1) p += n.length;
-						else if (_) return M();
-						if (!r || w.substring(0, b) !== r) {
-							if (te) {
-								if (S = [], ie(w.split(t)), N(), m) return M();
-							} else ie(w.split(t));
-							if (a && a <= D) return S = S.slice(0, a), M(!0);
+					for (var D = s.split(n), O = 0; O < D.length; O++) {
+						if (T = D[O], p += T.length, O !== D.length - 1) p += n.length;
+						else if (_) return oe();
+						if (!r || T.substring(0, b) !== r) {
+							if (S) {
+								if (C = [], re(T.split(t)), N(), m) return oe();
+							} else re(T.split(t));
+							if (a && a <= O) return C = C.slice(0, a), oe(!0);
 						}
 					}
-					return M();
+					return oe();
 				}
-				for (var O = s.indexOf(t, p), k = s.indexOf(n, p), ne = new RegExp(h(f) + h(d), "g"), A = s.indexOf(d, p);;) if (s[p] === d) for (A = p, p++;;) {
-					if ((A = s.indexOf(d, A + 1)) === -1) return _ || C.push({
+				for (var k = s.indexOf(t, p), A = s.indexOf(n, p), te = new RegExp(h(f) + h(d), "g"), j = s.indexOf(d, p);;) if (s[p] === d) for (j = p, p++;;) {
+					if ((j = s.indexOf(d, j + 1)) === -1) return _ || w.push({
 						type: "Quotes",
 						code: "MissingQuotes",
 						message: "Quoted field unterminated",
-						row: S.length,
+						row: C.length,
 						index: p
-					}), oe();
-					if (A === v - 1) return oe(s.substring(p, A).replace(ne, d));
-					if (d === f && s[A + 1] === f) A++;
-					else if (d === f || A === 0 || s[A - 1] !== f) {
-						O !== -1 && O < A + 1 && (O = s.indexOf(t, A + 1));
-						var re = ae((k = k !== -1 && k < A + 1 ? s.indexOf(n, A + 1) : k) === -1 ? O : Math.min(O, k));
-						if (s.substr(A + 1 + re, y) === t) {
-							w.push(s.substring(p, A).replace(ne, d)), s[p = A + 1 + re + y] !== d && (A = s.indexOf(d, p)), O = s.indexOf(t, p), k = s.indexOf(n, p);
+					}), ae();
+					if (j === v - 1) return ae(s.substring(p, j).replace(te, d));
+					if (d === f && s[j + 1] === f) j++;
+					else if (d === f || j === 0 || s[j - 1] !== f) {
+						k !== -1 && k < j + 1 && (k = s.indexOf(t, j + 1));
+						var ne = ie((A = A !== -1 && A < j + 1 ? s.indexOf(n, j + 1) : A) === -1 ? k : Math.min(k, A));
+						if (s.substr(j + 1 + ne, y) === t) {
+							T.push(s.substring(p, j).replace(te, d)), s[p = j + 1 + ne + y] !== d && (j = s.indexOf(d, p)), k = s.indexOf(t, p), A = s.indexOf(n, p);
 							break;
 						}
-						if (re = ae(k), s.substring(A + 1 + re, A + 1 + re + ee) === n) {
-							if (w.push(s.substring(p, A).replace(ne, d)), j(A + 1 + re + ee), O = s.indexOf(t, p), A = s.indexOf(d, p), te && (N(), m)) return M();
-							if (a && S.length >= a) return M(!0);
+						if (ne = ie(A), s.substring(j + 1 + ne, j + 1 + ne + ee) === n) {
+							if (T.push(s.substring(p, j).replace(te, d)), M(j + 1 + ne + ee), k = s.indexOf(t, p), j = s.indexOf(d, p), S && (N(), m)) return oe();
+							if (a && C.length >= a) return oe(!0);
 							break;
 						}
-						C.push({
+						w.push({
 							type: "Quotes",
 							code: "InvalidQuotes",
 							message: "Trailing quote on quoted field is malformed",
-							row: S.length,
+							row: C.length,
 							index: p
-						}), A++;
+						}), j++;
 					}
 				}
-				else if (r && w.length === 0 && s.substring(p, p + b) === r) {
-					if (k === -1) return M();
-					p = k + ee, k = s.indexOf(n, p), O = s.indexOf(t, p);
-				} else if (O !== -1 && (O < k || k === -1)) w.push(s.substring(p, O)), p = O + y, O = s.indexOf(t, p);
+				else if (r && T.length === 0 && s.substring(p, p + b) === r) {
+					if (A === -1) return oe();
+					p = A + ee, A = s.indexOf(n, p), k = s.indexOf(t, p);
+				} else if (k !== -1 && (k < A || A === -1)) T.push(s.substring(p, k)), p = k + y, k = s.indexOf(t, p);
 				else {
-					if (k === -1) break;
-					if (w.push(s.substring(p, k)), j(k + ee), te && (N(), m)) return M();
-					if (a && S.length >= a) return M(!0);
+					if (A === -1) break;
+					if (T.push(s.substring(p, A)), M(A + ee), S && (N(), m)) return oe();
+					if (a && C.length >= a) return oe(!0);
 				}
-				return oe();
-				function ie(e) {
-					S.push(e), T = p;
+				return ae();
+				function re(e) {
+					C.push(e), E = p;
 				}
-				function ae(e) {
+				function ie(e) {
 					var t = 0;
-					return t = e !== -1 && (e = s.substring(A + 1, e)) && e.trim() === "" ? e.length : t;
+					return t = e !== -1 && (e = s.substring(j + 1, e)) && e.trim() === "" ? e.length : t;
 				}
-				function oe(e) {
-					return _ || (e === void 0 && (e = s.substring(p)), w.push(e), p = v, ie(w), te && N()), M();
+				function ae(e) {
+					return _ || (e === void 0 && (e = s.substring(p)), T.push(e), p = v, re(T), S && N()), oe();
 				}
-				function j(e) {
-					p = e, ie(w), w = [], k = s.indexOf(n, p);
+				function M(e) {
+					p = e, re(T), T = [], A = s.indexOf(n, p);
 				}
-				function M(r) {
-					if (e.header && !g && S.length && !u) {
-						var i = S[0], a = Object.create(null), o = new Set(i);
+				function oe(r) {
+					if (e.header && !g && C.length && !u) {
+						var i = C[0], a = Object.create(null), o = new Set(i);
 						let t = !1;
 						for (let n = 0; n < i.length; n++) {
 							let r = c(i[n]);
@@ -8674,20 +8674,20 @@ var os = /* @__PURE__ */ e((/* @__PURE__ */ n(((e, t) => {
 						t && console.warn("Duplicate headers found and renamed."), u = !0;
 					}
 					return {
-						data: S,
-						errors: C,
+						data: C,
+						errors: w,
 						meta: {
 							delimiter: t,
 							linebreak: n,
 							aborted: m,
 							truncated: !!r,
-							cursor: T + (g || 0),
+							cursor: E + (g || 0),
 							renamedHeaders: l
 						}
 					};
 				}
 				function N() {
-					i(M()), S = [], C = [];
+					i(oe()), C = [], w = [];
 				}
 			}, this.abort = function() {
 				m = !0;
@@ -9310,7 +9310,7 @@ var us = process.env.NODE_ENV === "development", ds = {
 	}
 	initializeColumnHeaderMenu(e) {
 		let t = e.definition.headerMenuIcon, n = document.createElement("span");
-		n.classList.add("tabulator-header-popup-button"), t ? (typeof t == "function" && (t = t(e.getComponent())), t instanceof HTMLElement ? n.appendChild(t) : n.innerHTML = A(String(t))) : n.innerHTML = A("&vellip;"), n.addEventListener("click", (t) => {
+		n.classList.add("tabulator-header-popup-button"), t ? (typeof t == "function" && (t = t(e.getComponent())), t instanceof HTMLElement ? n.appendChild(t) : n.innerHTML = j(String(t))) : n.innerHTML = j("&vellip;"), n.addEventListener("click", (t) => {
 			t.stopPropagation(), t.preventDefault(), this.loadMenuEvent(e.definition.headerMenu, t, e);
 		}), e.titleElement && e.titleElement.insertBefore(n, e.titleElement.firstChild);
 	}
@@ -9337,7 +9337,7 @@ var us = process.env.NODE_ENV === "development", ds = {
 			else return;
 			n.forEach((e) => {
 				let n = document.createElement("div"), r = e.label, i = e.disabled;
-				e.separator ? n.classList.add("tabulator-menu-separator") : (n.classList.add("tabulator-menu-item"), typeof r == "function" && (r = r.call(this.table, t.getComponent())), r instanceof Node ? n.appendChild(r) : n.innerHTML = A(String(r || "")), typeof i == "function" && (i = i.call(this.table, t.getComponent())), i ? (n.classList.add("tabulator-menu-item-disabled"), n.addEventListener("click", (e) => {
+				e.separator ? n.classList.add("tabulator-menu-separator") : (n.classList.add("tabulator-menu-item"), typeof r == "function" && (r = r.call(this.table, t.getComponent())), r instanceof Node ? n.appendChild(r) : n.innerHTML = j(String(r || "")), typeof i == "function" && (i = i.call(this.table, t.getComponent())), i ? (n.classList.add("tabulator-menu-item-disabled"), n.addEventListener("click", (e) => {
 					e.stopPropagation();
 				})) : e.menu && e.menu.length ? n.addEventListener("click", (r) => {
 					r.stopPropagation(), this.loadMenu(r, t, e.menu, n, s);
@@ -9825,7 +9825,7 @@ var us = process.env.NODE_ENV === "development", ds = {
 	}
 	calculatePageSizes() {
 		let e, t;
-		this.table.options.paginationSize ? this.size = this.table.options.paginationSize : (e = document.createElement("div"), e.classList.add("tabulator-row"), e.style.visibility = "hidden", t = document.createElement("div"), t.classList.add("tabulator-cell"), t.innerHTML = A("Page Row Test"), e.appendChild(t), this.table.rowManager?.getTableElement().appendChild(e), this.size = Math.floor((this.table.rowManager?.getElement()?.clientHeight ?? 0) / e.offsetHeight), e.remove()), this.dispatchExternal("pageSizeChanged", this.size), this.generatePageSizeSelectList();
+		this.table.options.paginationSize ? this.size = this.table.options.paginationSize : (e = document.createElement("div"), e.classList.add("tabulator-row"), e.style.visibility = "hidden", t = document.createElement("div"), t.classList.add("tabulator-cell"), t.innerHTML = j("Page Row Test"), e.appendChild(t), this.table.rowManager?.getTableElement().appendChild(e), this.size = Math.floor((this.table.rowManager?.getElement()?.clientHeight ?? 0) / e.offsetHeight), e.remove()), this.dispatchExternal("pageSizeChanged", this.size), this.generatePageSizeSelectList();
 	}
 	initialLoadComplete() {
 		this.initialLoad = !1;
@@ -9853,7 +9853,7 @@ var us = process.env.NODE_ENV === "development", ds = {
 	}
 	createElements() {
 		let e = r`<cx-pagination back-icon-name="arrow_back" next-icon-name="arrow_forward" icon-button-size="small"></cx-pagination>`, t = r`<div slot="pagination" class="tabulator-paginator"></div>`;
-		this.element = j(t), this.paginationElement = j(e), this.table.options.paginationShowFirst && this.paginationElement.setAttribute("show-first", ""), this.table.options.paginationShowLast && this.paginationElement.setAttribute("show-last", ""), this.table.options.showPaginationButtons && (this.paginationElement.setAttribute("show-pagination-buttons", ""), this.paginationElement.setAttribute("pagination-button-count", this.count.toString())), this.table.options.showPaginationInput && this.paginationElement.setAttribute("show-pagination-input", ""), this.paginationElement.setAttribute("label", ""), this.paginationElement.classList.add("tabulator-paginator-pagination");
+		this.element = M(t), this.paginationElement = M(e), this.table.options.paginationShowFirst && this.paginationElement.setAttribute("show-first", ""), this.table.options.paginationShowLast && this.paginationElement.setAttribute("show-last", ""), this.table.options.showPaginationButtons && (this.paginationElement.setAttribute("show-pagination-buttons", ""), this.paginationElement.setAttribute("pagination-button-count", this.count.toString())), this.table.options.showPaginationInput && this.paginationElement.setAttribute("show-pagination-input", ""), this.paginationElement.setAttribute("label", ""), this.paginationElement.classList.add("tabulator-paginator-pagination");
 	}
 	generatePageSizeSelectList() {
 		let e = [], t = 1;
@@ -10197,7 +10197,7 @@ var us = process.env.NODE_ENV === "development", ds = {
 	}
 	initializeColumnHeaderPopup(e) {
 		let t = e.definition.headerPopupIcon, n = document.createElement("span");
-		n.classList.add("tabulator-header-popup-button"), t ? (typeof t == "function" && (t = t(e.getComponent())), t instanceof HTMLElement ? n.appendChild(t) : n.innerHTML = A(t)) : n.innerHTML = A("&vellip;"), n.addEventListener("click", (t) => {
+		n.classList.add("tabulator-header-popup-button"), t ? (typeof t == "function" && (t = t(e.getComponent())), t instanceof HTMLElement ? n.appendChild(t) : n.innerHTML = j(t)) : n.innerHTML = j("&vellip;"), n.addEventListener("click", (t) => {
 			t.stopPropagation(), t.preventDefault(), this.loadPopupEvent(e.definition.headerPopup, t, e);
 		}), e.titleElement && e.titleElement.insertBefore(n, e.titleElement.firstChild);
 	}
@@ -10216,7 +10216,7 @@ var us = process.env.NODE_ENV === "development", ds = {
 	}
 	loadPopup(e, t, n, r, i) {
 		let a = !(e instanceof MouseEvent), o;
-		n instanceof HTMLElement ? o = n : (o = document.createElement("div"), o.innerHTML = A(n)), o.classList.add("tabulator-popup"), o.addEventListener("click", (e) => {
+		n instanceof HTMLElement ? o = n : (o = document.createElement("div"), o.innerHTML = j(n)), o.classList.add("tabulator-popup"), o.addEventListener("click", (e) => {
 			e.stopPropagation();
 		}), !a && e && e.preventDefault();
 		let s = this.popup(o);
@@ -10255,7 +10255,7 @@ var us = process.env.NODE_ENV === "development", ds = {
 			return;
 		}
 		let c = s.generateTable(n ?? this.table.options.printConfig, t ?? this.table.options.printStyled, typeof e == "boolean" ? e ? "visible" : this.table.options.printRowRange : e || this.table.options.printRowRange, "print"), l, u;
-		this.manualBlock = !0, this.element = document.createElement("div"), this.element.classList.add("tabulator-print-fullscreen"), this.table.options.printHeader && (a.classList.add("tabulator-print-header"), l = typeof this.table.options.printHeader == "function" ? this.table.options.printHeader.call(this.table) : this.table.options.printHeader, typeof l == "string" ? a.innerHTML = A(l) : a.appendChild(l), this.element.appendChild(a)), this.element.appendChild(c), this.table.options.printFooter && (o.classList.add("tabulator-print-footer"), u = typeof this.table.options.printFooter == "function" ? this.table.options.printFooter.call(this.table) : this.table.options.printFooter, typeof u == "string" ? o.innerHTML = A(u) : o.appendChild(u), this.element.appendChild(o)), document.body.classList.add("tabulator-print-fullscreen-hide"), document.body.appendChild(this.element);
+		this.manualBlock = !0, this.element = document.createElement("div"), this.element.classList.add("tabulator-print-fullscreen"), this.table.options.printHeader && (a.classList.add("tabulator-print-header"), l = typeof this.table.options.printHeader == "function" ? this.table.options.printHeader.call(this.table) : this.table.options.printHeader, typeof l == "string" ? a.innerHTML = j(l) : a.appendChild(l), this.element.appendChild(a)), this.element.appendChild(c), this.table.options.printFooter && (o.classList.add("tabulator-print-footer"), u = typeof this.table.options.printFooter == "function" ? this.table.options.printFooter.call(this.table) : this.table.options.printFooter, typeof u == "string" ? o.innerHTML = j(u) : o.appendChild(u), this.element.appendChild(o)), document.body.classList.add("tabulator-print-fullscreen-hide"), document.body.appendChild(this.element);
 		try {
 			this.table.options.printFormatter && this.table.options.printFormatter(this.element, c), globalThis.print();
 		} finally {
@@ -10819,7 +10819,7 @@ var Hs = { format: { formatters: { responsiveCollapse: Vs } } }, Us = class exte
 		if (e.modules.responsiveLayout && this.collapseFormatter) {
 			if (t = e.modules.responsiveLayout.element, t) {
 				for (; t.firstChild;) t.removeChild(t.firstChild);
-				n = this.collapseFormatter(this.generateCollapsedRowData(e)), n && (typeof n == "string" ? t.innerHTML = A(n) : t.appendChild(n));
+				n = this.collapseFormatter(this.generateCollapsedRowData(e)), n && (typeof n == "string" ? t.innerHTML = j(n) : t.appendChild(n));
 			}
 			e.calcHeight(!0);
 		}
@@ -10868,13 +10868,13 @@ var Hs = { format: { formatters: { responsiveCollapse: Vs } } }, Us = class exte
 		return e.forEach((e) => {
 			let n = document.createElement("tr"), r = document.createElement("td"), i = document.createElement("td"), a, o = document.createElement("strong");
 			r.appendChild(o), this.table.modules.localize?.langBind("columns|" + e.field, (t) => {
-				o.innerHTML = A(t || e.title);
-			}), e.value instanceof Node ? (a = document.createElement("div"), a.appendChild(e.value), i.appendChild(a)) : i.innerHTML = A(String(e.value)), n.appendChild(r), n.appendChild(i), t.appendChild(n);
+				o.innerHTML = j(t || e.title);
+			}), e.value instanceof Node ? (a = document.createElement("div"), a.appendChild(e.value), i.appendChild(a)) : i.innerHTML = j(String(e.value)), n.appendChild(r), n.appendChild(i), t.appendChild(n);
 		}), Object.keys(e).length ? t : "";
 	}
 }, Ws = r`<cx-checkbox></cx-checkbox>`;
 function Gs(e, t, n) {
-	let r = j(Ws), i = r, a = !1;
+	let r = M(Ws), i = r, a = !1;
 	r.setAttribute("aria-label", "Select Row");
 	let o = this.table;
 	if (o.modExists("selectRow", !0)) {
@@ -11359,7 +11359,7 @@ var Ks = { format: { formatters: { rowSelection: Gs } } }, qs = process.env.NODE
 		this.options("selectableRange") && (this.options("selectableRows") ? rc && console.warn("SelectRange functionality cannot be used in conjunction with row selection") : (this.maxRanges = this.options("selectableRange"), this.initializeTable(), this.initializeWatchers()), this.options("columns").findIndex((e) => e.frozen) > 0 && rc && console.warn("Having frozen column in arbitrary position with selectRange option may result in unpredictable behavior."), this.options("columns").filter((e) => e.frozen).length > 1 && rc && console.warn("Having multiple frozen columns with selectRange option may result in unpredictable behavior."));
 	}
 	initializeTable() {
-		this.overlay = document.createElement("div"), this.overlay.classList.add("tabulator-range-overlay"), this.rangeContainer = document.createElement("div"), this.rangeContainer.classList.add("tabulator-range-container"), this.activeRangeCellElement = document.createElement("div"), this.activeRangeCellElement.classList.add("tabulator-range-cell-active"), this.hoverRangeCellElement = j(ic), this.overlay.appendChild(this.rangeContainer), this.overlay.appendChild(this.hoverRangeCellElement), this.overlay.appendChild(this.activeRangeCellElement), this.table.rowManager?.element && this.table.rowManager.element.addEventListener("keydown", this.keyDownEvent), this.resetRanges(), this.table.rowManager?.element && this.overlay && this.table.rowManager.element.appendChild(this.overlay), this.table.columnManager?.element && this.table.columnManager.element.setAttribute("tabindex", "0"), this.table.element.classList.add("tabulator-ranges");
+		this.overlay = document.createElement("div"), this.overlay.classList.add("tabulator-range-overlay"), this.rangeContainer = document.createElement("div"), this.rangeContainer.classList.add("tabulator-range-container"), this.activeRangeCellElement = document.createElement("div"), this.activeRangeCellElement.classList.add("tabulator-range-cell-active"), this.hoverRangeCellElement = M(ic), this.overlay.appendChild(this.rangeContainer), this.overlay.appendChild(this.hoverRangeCellElement), this.overlay.appendChild(this.activeRangeCellElement), this.table.rowManager?.element && this.table.rowManager.element.addEventListener("keydown", this.keyDownEvent), this.resetRanges(), this.table.rowManager?.element && this.overlay && this.table.rowManager.element.appendChild(this.overlay), this.table.columnManager?.element && this.table.columnManager.element.setAttribute("tabindex", "0"), this.table.element.classList.add("tabulator-ranges");
 	}
 	initializeWatchers() {
 		this.columnSelection = this.options("selectableRangeColumns"), this.rowSelection = this.options("selectableRangeRows"), this.subscribe("column-init", this.initializeColumn.bind(this)), this.subscribe("column-mousedown", this.handleColumnMouseDown.bind(this)), this.subscribe("column-mousemove", this.handleColumnMouseMove.bind(this)), this.subscribe("column-resized", this.handleColumnResized.bind(this)), this.subscribe("column-moving", this.handleColumnMoving.bind(this)), this.subscribe("column-moved", this.handleColumnMoved.bind(this)), this.subscribe("column-width", this.handleColumnWidthChange.bind(this)), this.subscribe("column-height", this.layoutChange.bind(this)), this.subscribe("column-resized", this.layoutChangeNextFrame.bind(this)), this.subscribe("columns-loaded", this.updateHeaderColumn.bind(this)), this.subscribe("cell-height", this.layoutChange.bind(this)), this.subscribe("cell-rendered", this.renderCell.bind(this)), this.subscribe("cell-mousedown", this.handleCellMouseDown.bind(this)), this.subscribe("cell-mousemove", this.handleCellMouseMove.bind(this)), this.subscribe("cell-mouseout", this.handleCellMouseOut.bind(this)), this.subscribe("cell-click", this.handleCellClick.bind(this)), this.subscribe("cell-editing", this.handleEditingCell.bind(this)), this.subscribe("page-changed", this.redraw.bind(this)), this.subscribe("scroll-vertical", this.layoutChange.bind(this)), this.subscribe("scroll-horizontal", this.layoutChange.bind(this)), this.subscribe("data-destroy", this.tableDestroyed.bind(this)), this.subscribe("data-processed", this.resetRanges.bind(this)), this.subscribe("table-layout", this.layoutElement.bind(this)), this.subscribe("table-redraw", this.redraw.bind(this)), this.subscribe("table-destroy", this.tableDestroyed.bind(this)), this.subscribe("edit-editor-clear", this.finishEditingCell.bind(this)), this.subscribe("edit-blur", this.restoreFocus.bind(this)), this.subscribe("keybinding-nav-prev", this.keyNavigate.bind(this, "left")), this.subscribe("keybinding-nav-next", this.keyNavigate.bind(this, "right")), this.subscribe("keybinding-nav-left", this.keyNavigate.bind(this, "left")), this.subscribe("keybinding-nav-right", this.keyNavigate.bind(this, "right")), this.subscribe("keybinding-nav-up", this.keyNavigate.bind(this, "up")), this.subscribe("keybinding-nav-down", this.keyNavigate.bind(this, "down")), this.subscribe("keybinding-nav-range", this.keyNavigateRange.bind(this));
@@ -11964,7 +11964,7 @@ var gc = {
 						e instanceof Node && i.appendChild(e);
 					}
 					break;
-				default: i.innerHTML = A(this.table.options.headerSortElement || "");
+				default: i.innerHTML = j(this.table.options.headerSortElement || "");
 			}
 			t.titleHolderElement && t.titleHolderElement.appendChild(i), t.modules.sort.element = i, this.setColumnHeaderSortIcon(t, I.None), this.table.options.headerSortClickElement === "icon" && i.addEventListener("mousedown", (e) => {
 				e.stopPropagation();
@@ -12077,7 +12077,7 @@ var gc = {
 		if (n && e.definition.headerSort && typeof this.table.options.headerSortElement == "function") {
 			for (; n.firstChild;) n.removeChild(n.firstChild);
 			let r = this.table.options.headerSortElement.call(this.table, e.getComponent(), t);
-			r instanceof Node ? n.appendChild(r) : typeof r == "string" && (n.innerHTML = A(r));
+			r instanceof Node ? n.appendChild(r) : typeof r == "string" && (n.innerHTML = j(r));
 		}
 	}
 	_sortItems(e, t) {
@@ -12409,8 +12409,8 @@ var gc = {
 			i = e;
 		}
 		typeof n == "function" && (n = n(e, t.getComponent(), o)), n instanceof HTMLElement ? r = n : (r = document.createElement("div"), n === !0 && (t instanceof Ir ? n = t.value : t.definition.field ? this.langBind("columns|" + t.definition.field, (e) => {
-			r.innerHTML = n = A(e || t.definition.title);
-		}) : n = t.definition.title), r.innerHTML = A(n)), (n || n === 0 || n === !1) && (r.classList.add("tabulator-tooltip"), r.addEventListener("mousemove", (e) => e.preventDefault()), this.popupInstance = this.popup(r), typeof i == "function" && this.popupInstance.renderCallback(i), a = this.popupInstance.containerEventCoords(e), this.popupInstance.show(a.x + 15, a.y + 15).hideOnBlur(() => {
+			r.innerHTML = n = j(e || t.definition.title);
+		}) : n = t.definition.title), r.innerHTML = j(n)), (n || n === 0 || n === !1) && (r.classList.add("tabulator-tooltip"), r.addEventListener("mousemove", (e) => e.preventDefault()), this.popupInstance = this.popup(r), typeof i == "function" && this.popupInstance.renderCallback(i), a = this.popupInstance.containerEventCoords(e), this.popupInstance.show(a.x + 15, a.y + 15).hideOnBlur(() => {
 			this.dispatchExternal("tooltipClosed", t.getComponent()), this.popupInstance = null;
 		}), this.dispatchExternal("tooltipOpened", t.getComponent()));
 	}
@@ -12473,11 +12473,11 @@ function jc(e) {
 }
 function Mc(e, t) {
 	let n = jc(t).exec(e);
-	if (!n?.groups) return !1;
+	if (!n?.groups) return NaN;
 	let r = Number(n.groups.year ?? "1970"), i = Number(n.groups.month ?? "1"), a = Number(n.groups.day ?? "1"), o = Number(n.groups.hour ?? "0"), s = Number(n.groups.minute ?? "0"), c = Number(n.groups.second ?? "0");
-	if (i < 1 || i > 12 || o > 23 || s > 59 || c > 59) return !1;
+	if (i < 1 || i > 12 || o > 23 || s > 59 || c > 59) return NaN;
 	let l = new Date(r, i - 1, a, o, s, c);
-	return l.getFullYear() === r && l.getMonth() === i - 1 && l.getDate() === a;
+	return l.getFullYear() === r && l.getMonth() === i - 1 && l.getDate() === a ? l.getTime() : NaN;
 }
 var Nc = {
 	alphanumeric(e) {
@@ -12488,17 +12488,16 @@ var Nc = {
 	},
 	date(e, t) {
 		if (J(e)) return !0;
-		if (t && typeof t == "object" && t.format !== void 0 && !Mc(String(e), t.format)) return !1;
-		let n = Oc(e);
-		if (Number.isNaN(n)) return !1;
+		let n = t && typeof t == "object" ? t.format : void 0, r = n === void 0 ? Oc(e) : Mc(String(e), n);
+		if (Number.isNaN(r)) return !1;
 		if (!t || typeof t != "object") return !0;
 		if (t.starts !== void 0) {
 			let e = Oc(t.starts);
-			if (Number.isNaN(e) || n < e) return !1;
+			if (Number.isNaN(e) || r < e) return !1;
 		}
 		if (t.ends !== void 0) {
 			let e = Oc(t.ends);
-			if (Number.isNaN(e) || n > e) return !1;
+			if (Number.isNaN(e) || r > e) return !1;
 		}
 		return !0;
 	},
@@ -12597,7 +12596,7 @@ var Pc = {
 //#endregion
 //#region ../../packages/hybrid/table-core/src/tabulator-tables/modules/Validate/validation.worker.ts?worker
 function Fc(e) {
-	return new Worker("https://design-system.orangelogic.com/assets/validation.worker-BSuTSsWh.js", { name: e?.name });
+	return new Worker("https://design-system.orangelogic.com/assets/validation.worker-DnJlaA8S.js", { name: e?.name });
 }
 //#endregion
 //#region ../../packages/hybrid/table-core/src/tabulator-tables/modules/Validate/validation-worker-client.ts
@@ -13599,7 +13598,7 @@ var Wc = process.env.NODE_ENV === "development", Gc = 2e3, Kc = 1e3, qc = "data-
 	initializeElement() {
 		if (this.table.options.footerElement) switch (typeof this.table.options.footerElement) {
 			case "string":
-				if (this.table.options.footerElement.startsWith("<")) this.containerElement.innerHTML = A(this.table.options.footerElement);
+				if (this.table.options.footerElement.startsWith("<")) this.containerElement.innerHTML = j(this.table.options.footerElement);
 				else {
 					this.external = !0;
 					let e = document.querySelector(this.table.options.footerElement);
@@ -13741,15 +13740,15 @@ var Wc = process.env.NODE_ENV === "development", Gc = 2e3, Kc = 1e3, qc = "data-
 		return o.slice(i, a + 1);
 	}
 	_virtualRenderFill(e, t, n) {
-		let r = this.tableElement, i = this.elementVertical, a = 0, o = 0, s = 0, c = 0, l = 0, u = 0, d = this.rows(), f = d.length, p = 0, m, h, g = [], _ = 0, v = 0, y = this.table.rowManager?.fixedHeight ?? !1, ee = this.table.element ? globalThis.getComputedStyle(this.table.element).getPropertyValue("--table-max-height").trim() : "", b = y || ee !== "" && ee !== "auto", x = this.elementVertical?.clientHeight ?? 0, te = this.table.options.rowHeight, S = !0;
+		let r = this.tableElement, i = this.elementVertical, a = 0, o = 0, s = 0, c = 0, l = 0, u = 0, d = this.rows(), f = d.length, p = 0, m, h, g = [], _ = 0, v = 0, y = this.table.rowManager?.fixedHeight ?? !1, ee = this.table.element ? globalThis.getComputedStyle(this.table.element).getPropertyValue("--table-max-height").trim() : "", b = y || ee !== "" && ee !== "auto", x = this.elementVertical?.clientHeight ?? 0, S = this.table.options.rowHeight, C = !0;
 		if (e ||= 0, n ||= 0, !e) this.clear();
 		else {
 			for (; r?.firstChild;) r.removeChild(r.firstChild);
 			c = (f - e + 1) * this.vDomRowHeight, c < x && (e -= Math.ceil((x - c) / this.vDomRowHeight), e < 0 && (e = 0)), a = Math.min(Math.max(Math.floor(this.vDomWindowBuffer / this.vDomRowHeight), this.vDomWindowMinMarginRows), e), e -= a;
 		}
-		let C = !this.table.initialized || !!t;
-		if (f && this.elementVertical && (U.elVisible(this.elementVertical) || C)) {
-			for (this.vDomTop = e, this.vDomBottom = e - 1, b ? (te && (v = x / te + this.vDomWindowBuffer / te), v = Math.max(this.vDomWindowMinTotalRows, Math.ceil(v))) : v = f; (v == f || o <= x + this.vDomWindowBuffer || _ < this.vDomWindowMinTotalRows) && this.vDomBottom < f - 1;) {
+		let w = !this.table.initialized || !!t;
+		if (f && this.elementVertical && (U.elVisible(this.elementVertical) || w)) {
+			for (this.vDomTop = e, this.vDomBottom = e - 1, b ? (S && (v = x / S + this.vDomWindowBuffer / S), v = Math.max(this.vDomWindowMinTotalRows, Math.ceil(v))) : v = f; (v == f || o <= x + this.vDomWindowBuffer || _ < this.vDomWindowMinTotalRows) && this.vDomBottom < f - 1;) {
 				for (g = [], h = document.createDocumentFragment(), u = 0; u < v && this.vDomBottom < f - 1;) {
 					p = this.vDomBottom + 1, m = d[p], this.styleRow(m, p), m.initialize(!1, !0), !m.heightInitialized && !this.table.options.rowHeight && m.clearCellHeight();
 					let e = m.getElement();
@@ -13762,7 +13761,7 @@ var Wc = process.env.NODE_ENV === "development", Gc = 2e3, Kc = 1e3, qc = "data-
 					e.heightInitialized || e.setCellHeight();
 				}), g.forEach((e) => {
 					s = e.getHeight(), _ < a ? l += s : o += s, s > this.vDomWindowBuffer && (this.vDomWindowBuffer = s * 2), _++;
-				}), S = this.table.rowManager?.adjustTableSize() || !1, x = this.elementVertical.clientHeight, S && b && (te = o / _, v = Math.max(this.vDomWindowMinTotalRows, Math.ceil(x / te + this.vDomWindowBuffer / te)));
+				}), C = this.table.rowManager?.adjustTableSize() || !1, x = this.elementVertical.clientHeight, C && b && (S = o / _, v = Math.max(this.vDomWindowMinTotalRows, Math.ceil(x / S + this.vDomWindowBuffer / S)));
 			}
 			e ? (this.vDomTopPad = t ? this.vDomRowHeight * this.vDomTop + n : this.scrollTop - l, this.vDomBottomPad = this.vDomBottom == f - 1 ? 0 : Math.max(this.vDomScrollHeight - this.vDomTopPad - o - l, 0)) : (this.vDomTopPad = 0, this.vDomRowHeight = Math.floor((o + l) / _), this.vDomBottomPad = this.vDomRowHeight * (f - this.vDomBottom - 1), this.vDomScrollHeight = l + o + this.vDomBottomPad - x), r && (r.style.paddingTop = this.vDomTopPad + "px", r.style.paddingBottom = this.vDomBottomPad + "px"), t && (this.scrollTop = this.vDomTopPad + l + n - (this.elementVertical.scrollWidth > this.elementVertical.clientWidth ? this.elementVertical.offsetHeight - x : 0)), this.scrollTop = Math.min(this.scrollTop, this.elementVertical.scrollHeight - x), this.elementVertical.scrollWidth > this.elementVertical.clientWidth && t && (this.scrollTop += this.elementVertical.offsetHeight - x), this.vDomScrollPosTop = this.scrollTop, this.vDomScrollPosBottom = this.scrollTop, i && (i.scrollTop = this.scrollTop), this.dispatch("render-virtual-fill");
 		}
@@ -13844,7 +13843,7 @@ var Wc = process.env.NODE_ENV === "development", Gc = 2e3, Kc = 1e3, qc = "data-
 		super(e), this.headerWidthObserver = null, this.headerWidthSyncFrame = null, this.element = this.createHolderElement(), this.wrapperElement = this.createWrapperElement(), this.wrapperElement.appendChild(this.element), this.tableElement = this.createTableElement(), this.heightFixer = this.createTableElement(), this.placeholder = null, this.placeholderContents = null, this.firstRender = !1, this.renderMode = "virtual", this.rows = [], this.activeRowsPipeline = [], this.activeRows = [], this.activeRowsCount = 0, this.displayRows = [], this.displayRowsCount = 0, this.scrollTop = 0, this.scrollLeft = 0, this.redrawBlock = !1, this.redrawBlockRestoreConfig = !1, this.redrawBlockRenderInPosition = !1, this.dataPipeline = [], this.displayPipeline = [], this.scrollbarWidth = 0, this.renderer = null, this.rowIndexMap = /* @__PURE__ */ new Map();
 	}
 	createWrapperElement() {
-		return j(cl);
+		return M(cl);
 	}
 	createHolderElement() {
 		let e = document.createElement("div");
@@ -13861,7 +13860,7 @@ var Wc = process.env.NODE_ENV === "development", Gc = 2e3, Kc = 1e3, qc = "data-
 			let e = document.createElement("div");
 			if (e.classList.add("tabulator-placeholder"), typeof t == "string") {
 				let n = document.createElement("div");
-				n.classList.add("tabulator-placeholder-contents"), n.innerHTML = A(t), e.appendChild(n), this.placeholderContents = n;
+				n.classList.add("tabulator-placeholder-contents"), n.innerHTML = j(t), e.appendChild(n), this.placeholderContents = n;
 			} else typeof HTMLElement < "u" && t instanceof HTMLElement ? (e.appendChild(t), this.placeholderContents = t) : (sl && console.warn("Invalid placeholder provided, must be string or HTML Element", t), this.placeholder = null);
 			this.placeholder = e;
 		}
@@ -14296,7 +14295,7 @@ var Wc = process.env.NODE_ENV === "development", Gc = 2e3, Kc = 1e3, qc = "data-
 			for (this.clear(), this.dispatch("alert-show", t), this.type = t; this.msgElement.firstChild;) this.msgElement.removeChild(this.msgElement.firstChild);
 			this.element.classList.add(this._typeClass()), this.msgElement.classList.add(this._typeClass());
 			let n;
-			n = typeof e == "function" ? e() : e, n instanceof HTMLElement ? this.msgElement.appendChild(n) : this.msgElement.innerHTML = A(String(n)), this.table.element.appendChild(this.element);
+			n = typeof e == "function" ? e() : e, n instanceof HTMLElement ? this.msgElement.appendChild(n) : this.msgElement.innerHTML = j(String(n)), this.table.element.appendChild(this.element);
 		}
 	}
 	clear() {
@@ -14389,7 +14388,7 @@ var Wc = process.env.NODE_ENV === "development", Gc = 2e3, Kc = 1e3, qc = "data-
 	}
 	alertLoader() {
 		if ((this.pendingPromise || this.loading || this.externalLoading) && this.table.alertManager?.element.parentNode) return;
-		let e = typeof this.table.options.dataLoader == "function" ? this.table.options.dataLoader() : this.table.options.dataLoader, t = r`<cx-spinner aria-hidden="true"></cx-spinner>`, n = j(t);
+		let e = typeof this.table.options.dataLoader == "function" ? this.table.options.dataLoader() : this.table.options.dataLoader, t = r`<cx-spinner aria-hidden="true"></cx-spinner>`, n = M(t);
 		e && this.table.alertManager?.alert(this.table.options.dataLoaderLoading || n, "loading");
 	}
 	alertError() {
@@ -15427,6 +15426,9 @@ var Xl = class {
 	resetAppliedFilterBaseline() {
 		this.lastAppliedFilters = null;
 	}
+	setAppliedFilterBaseline(e) {
+		this.lastAppliedFilters = [...e];
+	}
 	setSourceFilters(e, t) {
 		t.length === 0 ? this.filters.delete(e) : this.filters.set(e, [...t]), this.applyFilters();
 	}
@@ -15512,6 +15514,9 @@ var Xl = class {
 	getFilters() {
 		return Array.from(this.filters.values()).flat();
 	}
+	getMergedFilters() {
+		return [...this.host.initialFilter || [], ...this.getFilters()];
+	}
 	getSourceFilters(e) {
 		return this.filters.get(e) || [];
 	}
@@ -15522,8 +15527,8 @@ var Xl = class {
 	applyFilters() {
 		let e = this.host.tabulatorInstance;
 		if (!e?.initialized) return;
-		let t = this.getFilters(), n = [...this.host.initialFilter || [], ...t];
-		if (!te(n, this.lastAppliedFilters)) {
+		let t = this.getFilters(), n = this.getMergedFilters();
+		if (!S(n, this.lastAppliedFilters)) {
 			if (this.lastAppliedFilters === null && t.length === 0) {
 				this.lastAppliedFilters = n;
 				return;
@@ -15731,7 +15736,7 @@ var Xl = class {
 };
 function Eu(e, t) {
 	let n = t === I.Desc ? "arrow_downward" : "arrow_upward";
-	return j(r`<cx-icon name=${n} aria-hidden="true"></cx-icon>`);
+	return M(r`<cx-icon name=${n} aria-hidden="true"></cx-icon>`);
 }
 //#endregion
 //#region ../../packages/hybrid/table-core/src/table/table-data-loader.ts
@@ -16002,7 +16007,13 @@ function qu(e) {
 		});
 	}), t;
 }
-async function Ju(e, t, n, r, i, a = Hu) {
+function Ju(e) {
+	let t = 0;
+	return e.forEach((e) => {
+		t += e.size;
+	}), t;
+}
+async function Yu(e, t, n, r, i, a = Hu) {
 	let o = [], s = [];
 	if (t.forEach((t) => {
 		if (typeof t.field != "string" || t.field === "") return;
@@ -16029,7 +16040,7 @@ async function Ju(e, t, n, r, i, a = Hu) {
 		a || (a = /* @__PURE__ */ new Map(), r.set(i, a)), a.set(t, e.failures);
 	}), !0;
 }
-function Yu(e, t) {
+function Xu(e, t) {
 	return e.map((e) => {
 		if (typeof e.field != "string" || e.field === "" || !e.validator) return e;
 		let n = e.field, r = e.formatter, i = (e, i, a) => {
@@ -16047,7 +16058,7 @@ function Yu(e, t) {
 		};
 	});
 }
-function Xu(e, t) {
+function Zu(e, t) {
 	e.some((e) => e.mutateOnValidate) && t && t.getRows().forEach((e) => {
 		e.getCells().forEach((e) => {
 			if (!e.getColumn().getDefinition().mutateOnValidate) return;
@@ -16056,11 +16067,11 @@ function Xu(e, t) {
 		});
 	});
 }
-function Zu(e, t) {
+function Qu(e, t) {
 	let n = t?.modules?.mutator;
 	n && e.forEach((e) => n.transformRow(e, "data"));
 }
-function Qu(e, t, n, r, i) {
+function $u(e, t, n, r, i) {
 	let a = t.filter((e) => e.mutateOnValidate && typeof e.field == "string" && e.field !== "" && typeof e.mutator == "function");
 	if (a.length === 0) return;
 	let o = t.filter((e) => typeof e.field == "string" && e.field !== "");
@@ -16085,24 +16096,24 @@ function Qu(e, t, n, r, i) {
 }
 //#endregion
 //#region ../../packages/hybrid/table-core/src/table/table.ts
-var $u, Z = class extends d {
-	static #e = $u = this;
+var ed, Z = class extends d {
+	static #e = ed = this;
 	static #t = this.styles = [
 		h,
 		xu,
 		Oe
 	];
 	static #n = this.dependencies = {
-		"cx-button": ne,
+		"cx-button": te,
 		"cx-checkbox": fe,
 		"cx-divider": Ae,
 		"cx-faceted-filter": Nt,
 		"cx-format-number": Xe,
-		"cx-icon": D,
-		"cx-icon-button": w,
+		"cx-icon": O,
+		"cx-icon-button": T,
 		"cx-select": be,
 		"cx-space": ve,
-		"cx-spinner": O,
+		"cx-spinner": k,
 		"cx-table-column-editor": kn,
 		"cx-table-footer": Mn,
 		"cx-table-header-menu": Fn,
@@ -16177,9 +16188,11 @@ var $u, Z = class extends d {
 		}
 	}
 	async initTable() {
-		this.tabulatorInstance && (this.selectAllController.resetSelection(), this.overflowObserver?.disconnect(), this.osInstance?.destroy(), this.tabulatorInstance.off("tableBuilt"), this.tabulatorInstance.destroy()), !this.pagination || !this.dataUrl?.trim() ? (this.internalAjaxRequestFunc = void 0, this.inMemoryDataUrlRows = null, this.inMemoryValidationResult = null, this.lastAttemptedDataUrl = null) : this.internalAjaxRequestFunc ||= Wu(() => this.inMemoryDataUrlRows, () => this.inMemoryFilterSortContext);
-		let e = this.rowHeader;
-		e ?? (this.movableRows ? e = Su : this.responsiveLayout === "collapse" && (e = { formatter: "responsiveCollapse" })), this.tabulatorInstance = new Ul(this.table, {
+		this.tabulatorInstance &&= (this.selectAllController.resetSelection(), this.overflowObserver?.disconnect(), this.osInstance?.destroy(), this.tabulatorInstance.off("tableBuilt"), this.tabulatorInstance.destroy(), null), this.filterController.syncDropdownFilterSources(this.dropdownFilters);
+		let e = this.filterController.getMergedFilters();
+		!this.pagination || !this.dataUrl?.trim() ? (this.internalAjaxRequestFunc = void 0, this.inMemoryDataUrlRows = null, this.inMemoryValidationResult = null, this.lastAttemptedDataUrl = null) : this.internalAjaxRequestFunc ||= Wu(() => this.inMemoryDataUrlRows, () => this.inMemoryFilterSortContext);
+		let t = this.rowHeader;
+		t ?? (this.movableRows ? t = Su : this.responsiveLayout === "collapse" && (t = { formatter: "responsiveCollapse" })), this.tabulatorInstance = new Ul(this.table, {
 			ajaxConfig: { method: this.ajaxMethod },
 			ajaxContentType: this.ajaxMethod?.toUpperCase() === "POST" ? "json" : "form",
 			ajaxParams: this.ajaxParams,
@@ -16240,7 +16253,7 @@ var $u, Z = class extends d {
 			headerSortElement: Eu,
 			hoverMenu: this.hoverMenu,
 			index: this.rowIdField,
-			initialFilter: this.initialFilter,
+			initialFilter: e,
 			initialHeaderFilter: this.initialHeaderFilter,
 			layout: this.layout,
 			layoutColumnsOnNewData: !0,
@@ -16270,7 +16283,7 @@ var $u, Z = class extends d {
 			responsiveLayoutCollapseStartOpen: this.responsiveLayoutCollapseStartOpen,
 			responsiveLayoutCollapseUseFormatters: this.responsiveLayoutCollapseUseFormatters,
 			rowGroupRole: this.rowGroupRole,
-			rowHeader: e,
+			rowHeader: t,
 			rowHeight: this.rowHeight,
 			rowRole: this.rowRole,
 			selectableRange: !this.noSelectable && this.selectableRange,
@@ -16294,7 +16307,7 @@ var $u, Z = class extends d {
 			toolbarElement: this.tableToolbar,
 			validateOnLoad: this.validateOnLoad,
 			validationWorkerThreshold: this.validationWorkerThreshold
-		}), this.filterController.resetAppliedFilterBaseline(), this.loading && this.tabulatorInstance.dataLoader?.setExternalLoading(!0), this.canSelectAll && this.selectAllController.onTableInit(), this.registerEventListeners(), this.tabulatorInstance.on("tableBuilt", this.handleTableBuilt), this.tabulatorInstance.on("validationChanged", this.handleValidationChanged);
+		}), this.filterController.setAppliedFilterBaseline(e), this.loading && this.tabulatorInstance.dataLoader?.setExternalLoading(!0), this.canSelectAll && this.selectAllController.onTableInit(), this.registerEventListeners(), this.tabulatorInstance.on("tableBuilt", this.handleTableBuilt), this.tabulatorInstance.on("validationChanged", this.handleValidationChanged);
 	}
 	handleUseOverlayScrollbarChange() {
 		this.initialized && this.initScrollbars();
@@ -16303,7 +16316,12 @@ var $u, Z = class extends d {
 		super(), this.localize = new _(this), this.hasSlotController = new v(this, "add-action"), this.osInstance = null, this.resizeObserver = null, this.overflowObserver = null, this.ajaxFacetsController = new Gl(this), this.filterController = new Zl(this), this.ajaxFacetFilterController = new Xl(this, this.filterController), this.selectAllController = new Ql(this), this.shadowRootAutoloader = new Et(this), this.validationTooltipAnchor = null, this.validationTooltipHidePromise = null, this.movableRows = !1, this.movableColumns = !1, this.data = void 0, this.rowHeight = 48, this.layout = "fitColumns", this.columns = [], this.footerElement = void 0, this.responsiveLayout = !1, this.responsiveLayoutCollapseFormatter = void 0, this.responsiveLayoutCollapseUseFormatters = void 0, this.rowHeader = void 0, this.noHeader = !1, this.textDirection = void 0, this.responsiveLayoutCollapseStartOpen = void 0, this.renderVerticalBuffer = void 0, this.renderVertical = "virtual", this.validateOnLoad = !1, this.validationWorkerThreshold = void 0, this.columnDefaults = {}, this.headerContextMenu = !1, this.canSearch = !1, this.noAdvancedSearch = !1, this.showSavedSearch = !1, this.searchFields = [], this.searchMatchAnyKeyword = !1, this.canAdd = !1, this.addLabel = this.localize.term("add"), this.canExportCsv = !1, this.canExportXml = !1, this.canExportPdf = !1, this.canExportCustom = !1, this.canSaveReport = !1, this.savedSearchURL = "", this.savedSearchItems = [], this.savedSearchPageSizeParam = "PageSize", this.savedSearchPageSize = 10, this.savedSearchPageNumberParam = "PageNumber", this.dropdownFilters = [], this.groupByOptions = [], this.ajaxURL = void 0, this.ajaxMethod = "GET", this.ajaxURLGenerator = void 0, this.ajaxParams = void 0, this.ajaxResponse = void 0, this.facetConfig = void 0, this.additionalAppliedFilters = [], this.dataSendParams = void 0, this.dataReceiveParams = void 0, this.noAutoResize = !1, this.resizableRows = !1, this.resizableColumnFit = !1, this.resizableColumnGuide = !1, this.resizableRowGuide = !1, this.frozenRows = void 0, this.frozenRowsField = "id", this.placeholder = this.localize.term("noData"), this.groupBy = void 0, this.groupHeader = void 0, this.groupHeaderCount = !1, this.groupHeaderUseFormatter = !1, this.groupIndent = 36, this.groupHeaderPrint = void 0, this.groupHeaderClipboard = void 0, this.groupHeaderDownload = void 0, this.groupHeaderHtmlOutput = void 0, this.groupStartOpen = !1, this.groupStartOpenValues = void 0, this.groupToggleElement = "arrow", this.groupValues = [], this.groupUpdateOnCellEdit = !1, this.groupLoadMoreMeta = {}, this.dataTree = !1, this.dataTreeChildField = "_children", this.dataTreeLoadingField = "loading", this.dataTreeHasMoreField = "hasMore", this.dataTreeFilter = !1, this.dataTreeSort = !1, this.dataTreeElementColumn = void 0, this.dataTreeChildIndent = 9, this.dataTreeStartExpanded = !1, this.dataTreeSelectPropagate = !1, this.dataTreeExpandElement = void 0, this.dataTreeCollapseElement = void 0, this.spreadsheet = !1, this.spreadsheetColumns = 50, this.spreadsheetRows = 50, this.spreadsheetColumnDefinition = void 0, this.spreadsheetOutputFull = !1, this.editorEmptyValue = "", this.spreadsheetSheets = void 0, this.spreadsheetSheetTabs = !1, this.spreadsheetData = void 0, this.selectableRange = 1, this.noSelectable = !1, this.selectableRangeColumns = !1, this.selectableRangeRows = !1, this.selectableRangeClearCells = !1, this.editTriggerEvent = "dblclick", this.selectableRangeAutoFocus = !1, this.noClipboard = !1, this.clipboardAction = Rt.Both, this.clipboardCopyRowRange = "range", this.clipboardPasteParser = void 0, this.clipboardPasteAction = "insert", this.clipboardCopyConfig = { columnHeaders: !1 }, this.clipboardNoCopyStyled = !1, this.pagination = !1, this.paginationMode = Vt.Local, this.paginationSize = void 0, this.paginationInitialPage = 1, this.paginationButtonCount = 5, this.showPaginationButtons = !1, this.hidePaginationInput = !1, this.pageSizeOptions = void 0, this.paginationAddRow = "page", this.paginationCounter = Qe.Both, this.paginationShowFirst = !1, this.paginationShowLast = !1, this.paginationPlacement = Ft.TopEnd, this.noHeaderRowReserve = !1, this.hoverMenu = void 0, this.label = "", this.tabulatorRole = "grid", this.columnGroupRole = "columngroup", this.columnHeaderRole = "columnheader", this.rowRole = "row", this.rowGroupRole = "rowgroup", this.cellRole = "gridcell", this.filterMode = Vt.Local, this.placeholderHeaderFilter = "No matching data", this.noColumnPlaceholderText = this.localize.term("noColumnsVisible"), this.useOverlayScrollbar = !1, this.loading = !1, this.canSelectAll = !1, this.rowIdField = "id", this.dataUrl = "", this.dateFilterCompareFormat = Ht.IsoDateTime, this.dataFormat = F.Auto, this.dataUrlPath = "", this.preserveColumnsOnLoad = !1, this.tabulatorInstance = null, this.watchedEvents = /* @__PURE__ */ new Set(), this.activeSearchValue = "", this.dataUrlRequestId = 0, this.inMemoryDataUrlRows = null, this.inMemoryValidationResult = null, this.internalAjaxRequestFunc = void 0, this.lastAttemptedDataUrl = null, this.hasFacets = !1, this.headerMenuOpen = !1, this.headerMenuField = "", this.headerMenuPointX = 0, this.headerMenuPointY = 0, this.headerMenuHideDisabled = !1, this.columnEditorOpen = !1, this.columnEditorEntries = [], this.handleTableBuilt = () => {
 			this.initScrollbars(), this.initOverflowObserver(), this.tabulatorInstance?.setColumns(this.columns ?? []), this.validateOnLoad && this.tabulatorInstance?.validateAsync(), this.filterController.syncDropdownFilterSources(this.dropdownFilters), this.handleSearch(), this.filterController.applyFilters(), this.refreshInMemoryPaginationCount(), this.placePaginator(), this.dataUrl && (!this.pagination || this.lastAttemptedDataUrl !== this.dataUrl.trim()) && this.loadFromDataUrl();
 		}, this.handleValidationChanged = (e) => {
-			this.validationTooltipAnchor && !this.validationTooltipAnchor.isConnected && this.hideValidationTooltip(), this.emit("cx-table-validation-change", { detail: e });
+			this.validationTooltipAnchor && !this.validationTooltipAnchor.isConnected && this.hideValidationTooltip();
+			let t = this.pagination && !!this.dataUrl?.trim();
+			this.emit("cx-table-validation-change", { detail: {
+				...e,
+				complete: !t
+			} });
 		}, this.checkHorizontalOverflow = () => {
 			if (!this.tabulatorElement || !this.tabulatorHolder) return;
 			let e = this.tabulatorHolder.scrollWidth > this.tabulatorHolder.clientWidth;
@@ -16562,8 +16580,8 @@ var $u, Z = class extends d {
 			let t = s.length;
 			e.forEach((e) => {
 				e.__cxRowIndex = s.length, s.push(e);
-			}), Zu(e, this.tabulatorInstance), !d && s.length >= r && (d = !0, a(l, s)), d && !this.hasActiveDataFilter && this.updatePaginationCountLive(s.length), await Ju(e, u, t, c, this.tabulatorInstance, this.validationWorkerThreshold) && n === this.dataUrlRequestId && o(s.length, c), await new Promise((e) => requestAnimationFrame(() => e()));
-		}, m = $u.IN_MEMORY_PARSE_CHUNK_SIZE;
+			}), Qu(e, this.tabulatorInstance), !d && s.length >= r && (d = !0, a(l, s)), d && !this.hasActiveDataFilter && this.updatePaginationCountLive(s.length), await Yu(e, u, t, c, this.tabulatorInstance, this.validationWorkerThreshold) && n === this.dataUrlRequestId && o(s.length, c), await new Promise((e) => requestAnimationFrame(() => e()));
+		}, m = ed.IN_MEMORY_PARSE_CHUNK_SIZE;
 		return t === F.Csv ? await Du(e, f, p, m) : t === F.Json ? await ku(e, f, p, m, this.dataUrlPath) : t === F.Xml && await Ou(e, f, p, m, this.dataUrlPath), d || a(l, s), {
 			columns: l,
 			rows: s,
@@ -16648,25 +16666,25 @@ var $u, Z = class extends d {
 				let a = await n.text();
 				if (t !== this.dataUrlRequestId) return;
 				if (this.pagination) {
-					let n = this.paginationSize ?? 200, r = !1, o = [], s = 0, { rows: c, validationResult: l } = await this.parseDataUrlIntoMemory(a, i, t, n, (e) => (o = Yu(this.resolveColumnsAfterLoad(e), () => this.inMemoryValidationResult), o), (e, n) => {
+					let n = this.paginationSize ?? 200, r = !1, o = [], s = 0, { rows: c, validationResult: l } = await this.parseDataUrlIntoMemory(a, i, t, n, (e) => (o = Xu(this.resolveColumnsAfterLoad(e), () => this.inMemoryValidationResult), o), (e, n) => {
 						r || t !== this.dataUrlRequestId || (r = !0, this.inMemoryDataUrlRows = n, this.columns = o, this.tabulatorInstance?.setData(void 0), this.setLoading(!1));
 					}, (e, n) => {
-						if (t !== this.dataUrlRequestId) return;
-						this.inMemoryValidationResult = n, this.inMemoryDataUrlRows && (Qu(this.inMemoryDataUrlRows, o, s, e, n), s = e);
-						let i = 0;
-						n.forEach((e) => {
-							i += e.size;
-						}), this.emit("cx-table-validation-change", { detail: {
-							invalidCellCount: i,
+						t === this.dataUrlRequestId && (this.inMemoryValidationResult = n, this.inMemoryDataUrlRows && ($u(this.inMemoryDataUrlRows, o, s, e, n), s = e), this.emit("cx-table-validation-change", { detail: {
+							complete: !1,
+							invalidCellCount: Ju(n),
 							invalidCells: []
-						} }), r && (Xu(o, this.tabulatorInstance), this.tabulatorInstance?.redraw(!0));
+						} }), r && (Zu(o, this.tabulatorInstance), this.tabulatorInstance?.redraw(!0)));
 					});
 					if (t !== this.dataUrlRequestId) return;
-					this.inMemoryValidationResult = l, Qu(c, o, s, c.length, l), this.refreshInMemoryPaginationCount(), t === this.dataUrlRequestId && await this.tabulatorInstance?.setData(void 0), t === this.dataUrlRequestId && this.emit("cx-table-data-load", { detail: {
+					this.inMemoryValidationResult = l, $u(c, o, s, c.length, l), this.refreshInMemoryPaginationCount(), t === this.dataUrlRequestId && await this.tabulatorInstance?.setData(void 0), t === this.dataUrlRequestId && (this.emit("cx-table-validation-change", { detail: {
+						complete: !0,
+						invalidCellCount: Ju(l),
+						invalidCells: []
+					} }), this.emit("cx-table-data-load", { detail: {
 						format: i,
 						rowCount: c.length,
 						url: e
-					} });
+					} }));
 					return;
 				}
 				if (i === F.Csv) {
@@ -16709,8 +16727,8 @@ var $u, Z = class extends d {
 		} : r : Array.isArray(r) ? r : r?.data ?? r;
 	}
 	renderToolbar() {
-		return r`<cx-table-toolbar label=${this.label} ?pagination=${this.pagination} pagination-placement=${T(this.pagination ? this.paginationPlacement : void 0)} ?no-header-row-reserve=${this.noHeaderRowReserve} ?has-dynamic-filter=${this.hasFacets} ?can-search=${this.canSearch} search-value=${this.searchValue} ?can-add=${this.canAdd} add-label=${this.addLabel} ?can-export-csv=${this.canExportCsv} ?can-export-xml=${this.canExportXml} ?can-export-pdf=${this.canExportPdf} ?can-export-custom=${this.canExportCustom} ?can-save-report=${this.canSaveReport} ?show-saved-search=${this.showSavedSearch} ?no-advanced-search=${this.noAdvancedSearch} .dropdownFilters=${this.dropdownFilters} .groupByOptions=${this.groupByOptions} group-by-value=${typeof this.groupBy == "string" ? this.groupBy : ""} saved-search-url=${this.savedSearchURL} .savedSearchItems=${this.savedSearchItems} saved-search-page-size-param=${this.savedSearchPageSizeParam} saved-search-page-size=${this.savedSearchPageSize} saved-search-page-number-param=${this.savedSearchPageNumberParam} .selectAllState=${this.canSelectAll ? this.selectAllController.state : null} @cx-search=${this.handleSearch} @cx-table-export=${this.handleTableExport} @cx-table-dropdown-filter-change=${this.handleDropdownFilterChange} @cx-table-group-by-change=${this.handleTableGroupByChange} @cx-table-select-all-change=${this.handleSelectAllChange}><slot name="select-all-actions" slot="select-all-actions"></slot>${E(this.hasFacets, () => r`<cx-faceted-filter slot="dialog-dynamic-filter" .facets=${this.ajaxFacetsController.facets} .availableFacets=${this.ajaxFacetsController.availableFacets} .externalFilters=${this.appliedFilterTags} @cx-faceted-filter-remove=${this.handleAppliedFilterRemove}></cx-faceted-filter>`)}
-      ${E(this.hasSlotController.test("add-action"), () => r`<slot name="add-action" slot="add-action"></slot>`)}</cx-table-toolbar>`;
+		return r`<cx-table-toolbar label=${this.label} ?pagination=${this.pagination} pagination-placement=${E(this.pagination ? this.paginationPlacement : void 0)} ?no-header-row-reserve=${this.noHeaderRowReserve} ?has-dynamic-filter=${this.hasFacets} ?can-search=${this.canSearch} search-value=${this.searchValue} ?can-add=${this.canAdd} add-label=${this.addLabel} ?can-export-csv=${this.canExportCsv} ?can-export-xml=${this.canExportXml} ?can-export-pdf=${this.canExportPdf} ?can-export-custom=${this.canExportCustom} ?can-save-report=${this.canSaveReport} ?show-saved-search=${this.showSavedSearch} ?no-advanced-search=${this.noAdvancedSearch} .dropdownFilters=${this.dropdownFilters} .groupByOptions=${this.groupByOptions} group-by-value=${typeof this.groupBy == "string" ? this.groupBy : ""} saved-search-url=${this.savedSearchURL} .savedSearchItems=${this.savedSearchItems} saved-search-page-size-param=${this.savedSearchPageSizeParam} saved-search-page-size=${this.savedSearchPageSize} saved-search-page-number-param=${this.savedSearchPageNumberParam} .selectAllState=${this.canSelectAll ? this.selectAllController.state : null} @cx-search=${this.handleSearch} @cx-table-export=${this.handleTableExport} @cx-table-dropdown-filter-change=${this.handleDropdownFilterChange} @cx-table-group-by-change=${this.handleTableGroupByChange} @cx-table-select-all-change=${this.handleSelectAllChange}><slot name="select-all-actions" slot="select-all-actions"></slot>${D(this.hasFacets, () => r`<cx-faceted-filter slot="dialog-dynamic-filter" .facets=${this.ajaxFacetsController.facets} .availableFacets=${this.ajaxFacetsController.availableFacets} .externalFilters=${this.appliedFilterTags} @cx-faceted-filter-remove=${this.handleAppliedFilterRemove}></cx-faceted-filter>`)}
+      ${D(this.hasSlotController.test("add-action"), () => r`<slot name="add-action" slot="add-action"></slot>`)}</cx-table-toolbar>`;
 	}
 	renderPaginationFooter() {
 		return r`<cx-table-footer part="pagination-footer" pagination-placement=${this.paginationPlacement}></cx-table-footer>`;
@@ -16774,10 +16792,10 @@ var $u, Z = class extends d {
 		this.columnEditorOpen = !1, this.emit("cx-table-columns-change", { detail: { visibleFields: e } });
 	}
 	render() {
-		return r`<cx-space part="base" direction="vertical" spacing="large" wrap="nowrap" class=${C({
+		return r`<cx-space part="base" direction="vertical" spacing="large" wrap="nowrap" class=${w({
 			container: !0,
 			"container--overlay-scrollbar": this.useOverlayScrollbar
-		})}>${E(this.showTableToolbar, () => this.renderToolbar())}<div part="table" class="table" @mouseover=${this.handleValidationMouseOver} @mouseout=${this.handleValidationMouseOut} @contextmenu=${this.handleHeaderContextMenu}></div>${E(this.showPaginationFooter, () => this.renderPaginationFooter())}</cx-space><cx-tooltip class="validation-tooltip" trigger="manual" disabled-hover-bridge></cx-tooltip><cx-table-header-menu ?open=${this.headerMenuOpen} point-x=${this.headerMenuPointX} point-y=${this.headerMenuPointY} field=${this.headerMenuField} ?hide-disabled=${this.headerMenuHideDisabled} @cx-table-header-menu-select=${this.handleHeaderMenuSelect} @cx-table-header-menu-close=${this.handleHeaderMenuClose}></cx-table-header-menu><cx-table-column-editor ?open=${this.columnEditorOpen} .entries=${this.columnEditorEntries} @cx-table-column-editor-apply=${this.handleColumnEditorApply} @cx-table-column-editor-cancel=${this.handleColumnEditorCancel}></cx-table-column-editor>`;
+		})}>${D(this.showTableToolbar, () => this.renderToolbar())}<div part="table" class="table" @mouseover=${this.handleValidationMouseOver} @mouseout=${this.handleValidationMouseOut} @contextmenu=${this.handleHeaderContextMenu}></div>${D(this.showPaginationFooter, () => this.renderPaginationFooter())}</cx-space><cx-tooltip class="validation-tooltip" trigger="manual" disabled-hover-bridge></cx-tooltip><cx-table-header-menu ?open=${this.headerMenuOpen} point-x=${this.headerMenuPointX} point-y=${this.headerMenuPointY} field=${this.headerMenuField} ?hide-disabled=${this.headerMenuHideDisabled} @cx-table-header-menu-select=${this.handleHeaderMenuSelect} @cx-table-header-menu-close=${this.handleHeaderMenuClose}></cx-table-header-menu><cx-table-column-editor ?open=${this.columnEditorOpen} .entries=${this.columnEditorEntries} @cx-table-column-editor-apply=${this.handleColumnEditorApply} @cx-table-column-editor-cancel=${this.handleColumnEditorCancel}></cx-table-column-editor>`;
 	}
 };
 l([f(".tabulator-tableholder"), u("design:type", typeof HTMLDivElement > "u" ? Object : HTMLDivElement)], Z.prototype, "tabulatorHolder", void 0), l([f(".tabulator"), u("design:type", typeof HTMLElement > "u" ? Object : HTMLElement)], Z.prototype, "tabulatorElement", void 0), l([f(".table"), u("design:type", typeof HTMLElement > "u" ? Object : HTMLElement)], Z.prototype, "table", void 0), l([f("cx-table-toolbar"), u("design:type", Jn === void 0 ? Object : Jn)], Z.prototype, "tableToolbar", void 0), l([f("cx-table-footer"), u("design:type", Object)], Z.prototype, "tableFooter", void 0), l([f(".validation-tooltip"), u("design:type", N === void 0 ? Object : N)], Z.prototype, "validationTooltip", void 0), l([s({
@@ -17232,17 +17250,17 @@ l([f(".tabulator-tableholder"), u("design:type", typeof HTMLDivElement > "u" ? O
 	attribute: "preserve-columns-on-load",
 	type: Boolean
 }), u("design:type", Object)], Z.prototype, "preserveColumnsOnLoad", void 0), l([c(), u("design:type", Object)], Z.prototype, "tabulatorInstance", void 0), l([c(), u("design:type", Object)], Z.prototype, "watchedEvents", void 0), l([c(), u("design:type", String)], Z.prototype, "activeSearchValue", void 0), l([c(), u("design:type", Object)], Z.prototype, "dataUrlRequestId", void 0), l([c(), u("design:type", Object)], Z.prototype, "hasFacets", void 0), l([c(), u("design:type", Object)], Z.prototype, "headerMenuOpen", void 0), l([c(), u("design:type", Object)], Z.prototype, "headerMenuField", void 0), l([c(), u("design:type", Object)], Z.prototype, "headerMenuPointX", void 0), l([c(), u("design:type", Object)], Z.prototype, "headerMenuPointY", void 0), l([c(), u("design:type", Object)], Z.prototype, "headerMenuHideDisabled", void 0), l([c(), u("design:type", Object)], Z.prototype, "columnEditorOpen", void 0), l([c(), u("design:type", Array)], Z.prototype, "columnEditorEntries", void 0), l([
-	S("useOverlayScrollbar"),
+	C("useOverlayScrollbar"),
 	u("design:type", Function),
 	u("design:paramtypes", []),
 	u("design:returntype", void 0)
 ], Z.prototype, "handleUseOverlayScrollbarChange", null), l([
-	S(/* @__PURE__ */ "movableRows.movableColumns.rowHeight.layout.footerElement.responsiveLayout.responsiveLayoutCollapseStartOpen.responsiveLayoutCollapseFormatter.responsiveLayoutCollapseUseFormatters.rowHeader.noHeader.textDirection.renderVerticalBuffer.renderVertical.columnDefaults.ajaxURL.ajaxMethod.ajaxURLGenerator.ajaxParams.ajaxResponse.ajaxRequestFunc.dataSendParams.dataReceiveParams.noAutoResize.resizableRows.resizableColumnFit.resizableColumnGuide.resizableRowGuide.frozenRows.frozenRowsField.placeholder.groupHeaderPrint.groupHeaderClipboard.groupHeaderCount.groupHeaderDownload.groupHeaderHtmlOutput.groupToggleElement.groupStartOpen.groupStartOpenValues.groupIndent.groupUpdateOnCellEdit.dataTree.dataTreeChildField.dataTreeLoadingField.dataTreeHasMoreField.dataTreeFilter.dataTreeSort.dataTreeElementColumn.dataTreeChildIndent.dataTreeStartExpanded.dataTreeSelectPropagate.dataTreeExpandElement.dataTreeCollapseElement.spreadsheet.spreadsheetColumns.spreadsheetRows.spreadsheetColumnDefinition.spreadsheetOutputFull.hidePaginationInput.editorEmptyValue.spreadsheetSheets.spreadsheetSheetTabs.selectableRange.noSelectable.selectableRangeColumns.selectableRangeRows.selectableRangeClearCells.editTriggerEvent.selectableRangeAutoFocus.noClipboard.clipboardAction.clipboardCopyRowRange.clipboardPasteParser.clipboardPasteAction.clipboardCopyConfig.clipboardNoCopyStyled.pagination.paginationMode.paginationButtonCount.pageSizeOptions.paginationAddRow.paginationCounter.hoverMenu.tabulatorRole.columnGroupRole.columnHeaderRole.rowRole.rowGroupRole.cellRole.filterMode.initialFilter.initialHeaderFilter.headerFilterLiveFilterDelay.placeholderHeaderFilter.canSelectAll.rowIdField.validateOnLoad.validationWorkerThreshold".split(".")),
+	C(/* @__PURE__ */ "movableRows.movableColumns.rowHeight.layout.footerElement.responsiveLayout.responsiveLayoutCollapseStartOpen.responsiveLayoutCollapseFormatter.responsiveLayoutCollapseUseFormatters.rowHeader.noHeader.textDirection.renderVerticalBuffer.renderVertical.columnDefaults.ajaxURL.ajaxMethod.ajaxURLGenerator.ajaxParams.ajaxResponse.ajaxRequestFunc.dataSendParams.dataReceiveParams.noAutoResize.resizableRows.resizableColumnFit.resizableColumnGuide.resizableRowGuide.frozenRows.frozenRowsField.placeholder.groupHeaderPrint.groupHeaderClipboard.groupHeaderCount.groupHeaderDownload.groupHeaderHtmlOutput.groupToggleElement.groupStartOpen.groupStartOpenValues.groupIndent.groupUpdateOnCellEdit.dataTree.dataTreeChildField.dataTreeLoadingField.dataTreeHasMoreField.dataTreeFilter.dataTreeSort.dataTreeElementColumn.dataTreeChildIndent.dataTreeStartExpanded.dataTreeSelectPropagate.dataTreeExpandElement.dataTreeCollapseElement.spreadsheet.spreadsheetColumns.spreadsheetRows.spreadsheetColumnDefinition.spreadsheetOutputFull.hidePaginationInput.editorEmptyValue.spreadsheetSheets.spreadsheetSheetTabs.selectableRange.noSelectable.selectableRangeColumns.selectableRangeRows.selectableRangeClearCells.editTriggerEvent.selectableRangeAutoFocus.noClipboard.clipboardAction.clipboardCopyRowRange.clipboardPasteParser.clipboardPasteAction.clipboardCopyConfig.clipboardNoCopyStyled.pagination.paginationMode.paginationButtonCount.pageSizeOptions.paginationAddRow.paginationCounter.hoverMenu.tabulatorRole.columnGroupRole.columnHeaderRole.rowRole.rowGroupRole.cellRole.filterMode.initialFilter.initialHeaderFilter.headerFilterLiveFilterDelay.placeholderHeaderFilter.canSelectAll.rowIdField.validateOnLoad.validationWorkerThreshold".split(".")),
 	u("design:type", Function),
 	u("design:paramtypes", []),
 	u("design:returntype", void 0)
 ], Z.prototype, "handleLayoutChange", null), l([
-	S("data", {
+	C("data", {
 		deepCompare: !0,
 		waitUntilFirstUpdate: !0
 	}),
@@ -17250,12 +17268,12 @@ l([f(".tabulator-tableholder"), u("design:type", typeof HTMLDivElement > "u" ? O
 	u("design:paramtypes", []),
 	u("design:returntype", void 0)
 ], Z.prototype, "handleDataChange", null), l([
-	S("spreadsheetData", { waitUntilFirstUpdate: !0 }),
+	C("spreadsheetData", { waitUntilFirstUpdate: !0 }),
 	u("design:type", Function),
 	u("design:paramtypes", []),
 	u("design:returntype", void 0)
 ], Z.prototype, "handleSpreadsheetDataChange", null), l([
-	S("columns", {
+	C("columns", {
 		deepCompare: !0,
 		waitUntilFirstUpdate: !0
 	}),
@@ -17263,32 +17281,32 @@ l([f(".tabulator-tableholder"), u("design:type", typeof HTMLDivElement > "u" ? O
 	u("design:paramtypes", []),
 	u("design:returntype", void 0)
 ], Z.prototype, "handleColumnsChange", null), l([
-	S("noColumnPlaceholderText", { waitUntilFirstUpdate: !0 }),
+	C("noColumnPlaceholderText", { waitUntilFirstUpdate: !0 }),
 	u("design:type", Function),
 	u("design:paramtypes", []),
 	u("design:returntype", void 0)
 ], Z.prototype, "handleNoColumnPlaceholderTextChange", null), l([
-	S("groupBy", { waitUntilFirstUpdate: !0 }),
+	C("groupBy", { waitUntilFirstUpdate: !0 }),
 	u("design:type", Function),
 	u("design:paramtypes", []),
 	u("design:returntype", void 0)
 ], Z.prototype, "handleGroupByChange", null), l([
-	S("groupHeader", { waitUntilFirstUpdate: !0 }),
+	C("groupHeader", { waitUntilFirstUpdate: !0 }),
 	u("design:type", Function),
 	u("design:paramtypes", []),
 	u("design:returntype", void 0)
 ], Z.prototype, "handleGroupHeaderChange", null), l([
-	S("groupHeaderUseFormatter", { waitUntilFirstUpdate: !0 }),
+	C("groupHeaderUseFormatter", { waitUntilFirstUpdate: !0 }),
 	u("design:type", Function),
 	u("design:paramtypes", []),
 	u("design:returntype", void 0)
 ], Z.prototype, "handleGroupHeaderUseFormatterChange", null), l([
-	S("groupValues", { waitUntilFirstUpdate: !0 }),
+	C("groupValues", { waitUntilFirstUpdate: !0 }),
 	u("design:type", Function),
 	u("design:paramtypes", []),
 	u("design:returntype", void 0)
 ], Z.prototype, "handleGroupValuesChange", null), l([
-	S("groupLoadMoreMeta", {
+	C("groupLoadMoreMeta", {
 		deepCompare: !0,
 		waitUntilFirstUpdate: !0
 	}),
@@ -17296,42 +17314,42 @@ l([f(".tabulator-tableholder"), u("design:type", typeof HTMLDivElement > "u" ? O
 	u("design:paramtypes", []),
 	u("design:returntype", void 0)
 ], Z.prototype, "handleGroupLoadMoreMetaChange", null), l([
-	S("paginationSize", { waitUntilFirstUpdate: !0 }),
+	C("paginationSize", { waitUntilFirstUpdate: !0 }),
 	u("design:type", Function),
 	u("design:paramtypes", []),
 	u("design:returntype", void 0)
 ], Z.prototype, "handlePaginationSizeChange", null), l([
-	S("pagination", { waitUntilFirstUpdate: !0 }),
+	C("pagination", { waitUntilFirstUpdate: !0 }),
 	u("design:type", Function),
 	u("design:paramtypes", []),
 	u("design:returntype", Promise)
 ], Z.prototype, "handlePaginationChange", null), l([
-	S("paginationPlacement", { waitUntilFirstUpdate: !0 }),
+	C("paginationPlacement", { waitUntilFirstUpdate: !0 }),
 	u("design:type", Function),
 	u("design:paramtypes", []),
 	u("design:returntype", Promise)
 ], Z.prototype, "handlePaginationPlacementChange", null), l([
-	S("paginationInitialPage"),
+	C("paginationInitialPage"),
 	u("design:type", Function),
 	u("design:paramtypes", []),
 	u("design:returntype", void 0)
 ], Z.prototype, "handlePaginationInitialPageChange", null), l([
-	S("loading", { waitUntilFirstUpdate: !0 }),
+	C("loading", { waitUntilFirstUpdate: !0 }),
 	u("design:type", Function),
 	u("design:paramtypes", []),
 	u("design:returntype", void 0)
 ], Z.prototype, "handleLoadingChange", null), l([
-	S("searchFields", { waitUntilFirstUpdate: !0 }),
+	C("searchFields", { waitUntilFirstUpdate: !0 }),
 	u("design:type", Function),
 	u("design:paramtypes", []),
 	u("design:returntype", void 0)
 ], Z.prototype, "handleSearchFieldsChange", null), l([
-	S("searchMatchAnyKeyword", { waitUntilFirstUpdate: !0 }),
+	C("searchMatchAnyKeyword", { waitUntilFirstUpdate: !0 }),
 	u("design:type", Function),
 	u("design:paramtypes", []),
 	u("design:returntype", void 0)
 ], Z.prototype, "handleSearchMatchAnyKeywordChange", null), l([
-	S("dropdownFilters", {
+	C("dropdownFilters", {
 		deepCompare: !0,
 		waitUntilFirstUpdate: !0
 	}),
@@ -17339,7 +17357,7 @@ l([f(".tabulator-tableholder"), u("design:type", typeof HTMLDivElement > "u" ? O
 	u("design:paramtypes", []),
 	u("design:returntype", void 0)
 ], Z.prototype, "handleDropdownFiltersPropChange", null), l([
-	S([
+	C([
 		"dataUrl",
 		"dataFormat",
 		"dataUrlPath"
@@ -17347,18 +17365,18 @@ l([f(".tabulator-tableholder"), u("design:type", typeof HTMLDivElement > "u" ? O
 	u("design:type", Function),
 	u("design:paramtypes", []),
 	u("design:returntype", void 0)
-], Z.prototype, "handleDataUrlChange", null), Z = $u = l([g("cx-table"), u("design:paramtypes", [])], Z);
+], Z.prototype, "handleDataUrlChange", null), Z = ed = l([g("cx-table"), u("design:paramtypes", [])], Z);
 //#endregion
 //#region ../../packages/hybrid/table-core/src/index.ts
-var ed = Z, Q = /* @__PURE__ */ function(e) {
+var td = Z, Q = /* @__PURE__ */ function(e) {
 	return e.Circles = "circles", e.Grid = "grid", e.Table = "table", e;
-}({}), td = /* @__PURE__ */ function(e) {
-	return e.Custom = "custom", e.FillContainer = "fill-container", e.HugContents = "hug-contents", e;
 }({}), nd = /* @__PURE__ */ function(e) {
-	return e.Center = "center", e.Left = "left", e.Right = "right", e;
+	return e.Custom = "custom", e.FillContainer = "fill-container", e.HugContents = "hug-contents", e;
 }({}), rd = /* @__PURE__ */ function(e) {
+	return e.Center = "center", e.Left = "left", e.Right = "right", e;
+}({}), id = /* @__PURE__ */ function(e) {
 	return e.ColumnTitles = "column-titles", e.PaletteName = "palette-name", e.SeparatorLine = "separator-line", e;
-}({}), id = {
+}({}), ad = {
 	alignment: "left",
 	color: "",
 	constraints: !1,
@@ -17370,26 +17388,26 @@ var ed = Z, Q = /* @__PURE__ */ function(e) {
 	minWidth: "",
 	width: "",
 	widthMode: "hug-contents"
-}, ad = /* @__PURE__ */ new Set([
+}, od = /* @__PURE__ */ new Set([
 	"HEX",
 	"RGB",
 	"CMYK",
 	"PMS"
-]), od = new Set(Object.values(rd)), sd = { resizable: !1 }, cd = {
+]), sd = new Set(Object.values(id)), cd = { resizable: !1 }, ld = {
 	field: "name",
 	formatter: (e) => {
 		let t = e.getRow().getData(), n = document.createElement("div");
-		n.style.display = "flex", n.style.alignItems = "center", n.style.gap = "var(--cx-spacing-medium)", n.style.width = "100%", n.style.userSelect = "none";
+		n.style.width = "100%", n.style.userSelect = "none";
 		let r = document.createElement("div");
-		r.style.backgroundColor = Ie(t.hex ?? "", Le.LeadingHash), r.style.flex = "0 0 auto", r.style.width = "var(--name-swatch-width, 64px)", r.style.height = "var(--name-swatch-height, 32px)", r.style.borderRadius = "var(--name-swatch-border-radius, 0)", n.appendChild(r);
+		r.style.backgroundColor = Ie(t.hex ?? "", Le.LeadingHash), r.style.display = "inline-block", r.style.verticalAlign = "middle", r.style.marginInlineEnd = "var(--cx-spacing-small)", r.style.width = "var(--name-swatch-width, 64px)", r.style.height = "var(--name-swatch-height, 32px)", r.style.borderRadius = "var(--name-swatch-border-radius, 0)", n.appendChild(r);
 		let i = document.createElement("span");
-		return i.textContent = t.name ?? "", i.style.minWidth = "0", i.style.overflowWrap = "anywhere", i.style.whiteSpace = "var(--swatch-cell-white-space, nowrap)", n.appendChild(i), n;
+		return i.textContent = t.name ?? "", i.style.overflowWrap = "anywhere", i.style.whiteSpace = "var(--swatch-cell-white-space, nowrap)", n.appendChild(i), n;
 	},
 	headerHozAlign: "left",
 	headerSort: !1,
 	hozAlign: "left",
 	title: "Name"
-}, ld = [
+}, ud = [
 	{
 		field: "hex",
 		headerHozAlign: "left",
@@ -17420,10 +17438,10 @@ var ed = Z, Q = /* @__PURE__ */ function(e) {
 		title: "PMS"
 	}
 ];
-function ud(e, t, n) {
+function dd(e, t, n) {
 	let i = t.getValue() ?? "";
 	if (!i) return null;
-	let o = r`<cx-copy-button copy-label=${e.term("clickToCopy")} focus-copy-label=${e.term("pressEnterOrCtrlCToCopy")} hoist label=${`${n}, ${t.getField()} ${e.term("code")} ${i}. ${e.term("clickOrPressCtrlCToCopy")}`} no-icon tooltip-distance="0" value=${i} style=${k({
+	let o = r`<cx-copy-button copy-label=${e.term("clickToCopy")} focus-copy-label=${e.term("pressEnterOrCtrlCToCopy")} hoist label=${`${n}, ${t.getField()} ${e.term("code")} ${i}. ${e.term("clickOrPressCtrlCToCopy")}`} no-icon tooltip-distance="0" value=${i} style=${A({
 		"--button-background-color": "transparent",
 		"--button-font-family": "var(--swatch-font-family, var(--cx-font-sans))",
 		"--button-font-size": "var(--swatch-font-size, var(--cx-font-size-large))",
@@ -17432,7 +17450,7 @@ function ud(e, t, n) {
 		"--button-padding": "0",
 		"--button-text-color": "var(--swatch-text-color, var(--cx-color-neutral))",
 		"max-width": "100%"
-	})}><span style=${k({
+	})}><span style=${A({
 		display: "inline-block",
 		maxWidth: "100%",
 		overflowWrap: "anywhere",
@@ -17441,10 +17459,10 @@ function ud(e, t, n) {
 	})}>${i}</span></cx-copy-button>`, s = document.createDocumentFragment();
 	return a(o, s), s.firstElementChild;
 }
-var dd = (e, t) => [
+var fd = (e, t) => [
 	{
 		field: "hex",
-		formatter: (n) => ud(e, n, t),
+		formatter: (n) => dd(e, n, t),
 		headerHozAlign: "left",
 		headerSort: !1,
 		hozAlign: "center",
@@ -17452,7 +17470,7 @@ var dd = (e, t) => [
 	},
 	{
 		field: "rgb",
-		formatter: (n) => ud(e, n, t),
+		formatter: (n) => dd(e, n, t),
 		headerHozAlign: "left",
 		headerSort: !1,
 		hozAlign: "center",
@@ -17460,7 +17478,7 @@ var dd = (e, t) => [
 	},
 	{
 		field: "cmyk",
-		formatter: (n) => ud(e, n, t),
+		formatter: (n) => dd(e, n, t),
 		headerHozAlign: "left",
 		headerSort: !1,
 		hozAlign: "center",
@@ -17468,18 +17486,18 @@ var dd = (e, t) => [
 	},
 	{
 		field: "pms",
-		formatter: (n) => ud(e, n, t),
+		formatter: (n) => dd(e, n, t),
 		headerHozAlign: "left",
 		headerSort: !1,
 		hozAlign: "center",
 		title: "PMS"
 	}
 ];
-function fd(e) {
+function pd(e) {
 	return {
-		field: pd(e.id),
+		field: md(e.id),
 		formatter: (t) => {
-			let n = t.getValue() ?? "", i = r`<span style=${k({
+			let n = t.getValue() ?? "", i = r`<span style=${A({
 				color: e.color || "var(--swatch-text-color, var(--cx-color-neutral-900))",
 				display: "inline-block",
 				fontFamily: e.fontFamily || "var(--swatch-font-family, var(--cx-font-sans))",
@@ -17499,20 +17517,20 @@ function fd(e) {
 		title: e.name
 	};
 }
-function pd(e) {
+function md(e) {
 	return `custom-${e}`;
 }
 //#endregion
 //#region ../../packages/organisms/src/color-swatch-group/color-swatch-group.styles.ts
-var md = i`:host{--grid-gap:var(--cx-spacing-medium);--grid-column-gap:var(--grid-gap);--grid-row-gap:var(--grid-gap);--padding:0;--palette-title-font-size:var(--cx-font-size-x-large);--palette-title-color:light-dark(#000,#fff);--column-title-font-size:var(--cx-font-size-large);--column-title-color:light-dark(#000,#fff);--name-swatch-width:64px;--name-swatch-height:32px;--name-swatch-border-radius:0;--swatch-circle-size:350px;--swatch-circle-border-radius:1000px;--swatch-circle-content-align:center;--swatch-circle-content-justify:center;--swatch-circle-content-margin:0px;--swatch-group-horizontal-gap:-120px;--swatch-border:light-dark(#0000,#0000) 0px;--swatch-border-radius:var(--cx-border-radius-x-large);--swatch-box-shadow:0px 0px 0px 0px light-dark(#0000,#0000);--swatch-content-justify:space-between;--swatch-content-margin:var(--cx-spacing-medium);--swatch-min-height:50px;--swatch-text-color:light-dark(#000,#fff);--swatch-font-size:var(--cx-font-size-large);padding:var(--cx-focus-ring-width);width:100%;min-width:0;display:block}.color-swatch-group__swatches{padding:var(--padding,0);width:100%;max-width:100%;height:100%}.color-swatch-group__table-container{width:100%;min-width:0;max-width:100%}.color-swatch-group__measure{visibility:hidden;pointer-events:none;box-sizing:border-box;white-space:nowrap;padding-right:calc(var(--row-padding-right,var(--cx-spacing-2x-small)) + var(--table-column-gap,0px));padding-left:var(--row-padding-left,var(--cx-spacing-2x-small));font-family:var(--swatch-font-family,var(--cx-font-sans));font-style:var(--swatch-font-style,normal);font-weight:var(--swatch-font-weight,var(--cx-font-weight-regular));font-size:var(--swatch-font-size,var(--cx-font-size-large));position:absolute;top:0;left:0}.color-swatch-group__measure--title{padding-right:calc(var(--row-padding-left,var(--cx-spacing-2x-small)) + var(--table-column-gap,0px));font-family:var(--column-title-font-family,var(--swatch-font-family,var(--cx-font-sans)));font-style:var(--column-title-font-style,var(--swatch-font-style,normal));font-weight:var(--column-title-font-weight,var(--swatch-font-weight,var(--cx-font-weight-semibold)));font-size:var(--column-title-font-size,var(--swatch-font-size,var(--cx-font-size-large)))}.color-swatch-group__measure--copyable{border:var(--cx-input-border-width) solid transparent;text-transform:var(--cx-button-text-transform,none)}.color-swatch-group__measure--name{padding-left:calc(var(--row-padding-left,var(--cx-spacing-2x-small)) + var(--name-swatch-width,64px) + var(--cx-spacing-medium))}.color-swatch-group__title{--font-family:var(--palette-title-font-family,var(--swatch-font-family,var(--cx-font-sans)));--font-style:var(--palette-title-font-style);--font-weight:var(--palette-title-font-weight);--font-size:var(--palette-title-font-size);--color:var(--palette-title-color)}.color-swatch-group__table-container:focus-visible{outline:var(--cx-focus-ring);outline-offset:var(--cx-focus-ring-offset)}.color-swatch-group__swatches--circles--horizontal,.color-swatch-group__swatches--circles--vertical{--spacing-container-gap:0px}.color-swatch-group__swatches--circles--horizontal{overflow:auto}.color-swatch-group__swatches--circles--horizontal>cx-color-swatch:not(:first-child){margin-left:var(--swatch-group-horizontal-gap,-120px)}.color-swatch-group__swatches--circles--vertical>cx-color-swatch:not(:first-child){margin-top:var(--swatch-group-vertical-gap,var(--swatch-group-horizontal-gap,-50px))}.color-swatch-group__swatches--circles--vertical__item--mobile{--swatch-size:100%}.color-swatch-group__swatches--grid{align-items:stretch;column-gap:var(--grid-column-gap,var(--grid-gap,var(--cx-spacing-medium)));row-gap:var(--grid-row-gap,var(--grid-gap,var(--cx-spacing-medium)));display:grid}.color-swatch-group__table{font-family:var(--swatch-font-family,var(--cx-font-sans));font-style:var(--swatch-font-style,normal);--width:var(--table-width,100%);--body-background-color:transparent;--row-background-color:transparent;--row-even-background-color:transparent;--row-hover-background-color:var(--cx-color-neutral-50);--row-even-hover-background-color:var(--cx-color-neutral-50);--header-background-color:transparent;--group-row-background-color:transparent;--cell-border-color:transparent;--cell-bottom-border-color:transparent;--header-font-family:var(--column-title-font-family,var(--swatch-font-family,var(--cx-font-sans)));--header-font-style:var(--column-title-font-style,var(--swatch-font-style,normal));--header-font-size:var(--column-title-font-size,var(--swatch-font-size,var(--cx-font-size-large)));--header-font-weight:var(--column-title-font-weight,var(--swatch-font-weight,var(--cx-font-weight-semibold)));--header-color:var(--column-title-color,var(--cx-color-neutral-700));--header-border-right:none;--cell-font-family:var(--swatch-font-family,var(--cx-font-sans));--cell-font-size:var(--swatch-font-size,var(--cx-font-size-large));--cell-font-weight:var(--swatch-font-weight,var(--cx-font-weight-regular));--cell-line-height:normal;--cell-hover-background-color:transparent;--color:var(--swatch-text-color,var(--cx-color-neutral-900));--placeholder-font-size:var(--cx-font-size-medium-large);--cell-horizontal-padding:var(--cx-spacing-2x-small);--cell-padding-top:var(--row-padding-top,var(--cx-spacing-2x-small));--cell-padding-right:var(--row-padding-right,var(--cx-spacing-2x-small));--cell-padding-bottom:var(--row-padding-bottom,var(--cx-spacing-2x-small));--cell-padding-left:var(--row-padding-left,var(--cx-spacing-2x-small));--header-horizontal-padding:var(--row-padding-left,var(--cx-spacing-2x-small));--row-gap:var(--table-row-gap,0);--column-gap:var(--table-column-gap,0px);--header-border-bottom:1px solid var(--cx-color-neutral-200);--hover-menu-background-color:var(--row-hover-background-color);--outer-border-color:transparent}.color-swatch-group__table--no-separator{--header-border-bottom:none}.color-swatch-group__table::part(table){background-color:#0000}`, hd = "unnamed", gd = 5, _d = { fromAttribute: (e) => {
+var hd = i`:host{--grid-gap:var(--cx-spacing-medium);--grid-column-gap:var(--grid-gap);--grid-row-gap:var(--grid-gap);--padding:0;--palette-title-font-size:var(--cx-font-size-x-large);--palette-title-color:light-dark(#000,#fff);--column-title-font-size:var(--cx-font-size-large);--column-title-color:light-dark(#000,#fff);--name-swatch-width:64px;--name-swatch-height:32px;--name-swatch-border-radius:0;--swatch-circle-size:350px;--swatch-circle-border-radius:1000px;--swatch-circle-content-align:center;--swatch-circle-content-justify:center;--swatch-circle-content-margin:0px;--swatch-group-horizontal-gap:-120px;--swatch-border:light-dark(#0000,#0000) 0px;--swatch-border-radius:var(--cx-border-radius-x-large);--swatch-box-shadow:0px 0px 0px 0px light-dark(#0000,#0000);--swatch-content-justify:space-between;--swatch-content-margin:var(--cx-spacing-medium);--swatch-min-height:50px;--swatch-text-color:light-dark(#000,#fff);--swatch-font-size:var(--cx-font-size-large);padding:var(--cx-focus-ring-width);width:100%;min-width:0;display:block}.color-swatch-group__swatches{padding:var(--padding,0);width:100%;max-width:100%;height:100%}.color-swatch-group__table-container{width:100%;min-width:0;max-width:100%}.color-swatch-group__measure{visibility:hidden;pointer-events:none;box-sizing:border-box;white-space:nowrap;padding-right:calc(var(--row-padding-right,var(--cx-spacing-2x-small)) + var(--table-column-gap,0px));padding-left:var(--row-padding-left,var(--cx-spacing-2x-small));font-family:var(--swatch-font-family,var(--cx-font-sans));font-style:var(--swatch-font-style,normal);font-weight:var(--swatch-font-weight,var(--cx-font-weight-regular));font-size:var(--swatch-font-size,var(--cx-font-size-large));position:absolute;top:0;left:0}.color-swatch-group__measure--title{padding-right:calc(var(--row-padding-left,var(--cx-spacing-2x-small)) + var(--table-column-gap,0px));font-family:var(--column-title-font-family,var(--swatch-font-family,var(--cx-font-sans)));font-style:var(--column-title-font-style,var(--swatch-font-style,normal));font-weight:var(--column-title-font-weight,var(--swatch-font-weight,var(--cx-font-weight-semibold)));font-size:var(--column-title-font-size,var(--swatch-font-size,var(--cx-font-size-large)))}.color-swatch-group__measure--copyable{border:var(--cx-input-border-width) solid transparent;text-transform:var(--cx-button-text-transform,none)}.color-swatch-group__measure--name{padding-left:calc(var(--row-padding-left,var(--cx-spacing-2x-small)) + var(--name-swatch-width,64px) + var(--cx-spacing-small))}.color-swatch-group__title{--font-family:var(--palette-title-font-family,var(--swatch-font-family,var(--cx-font-sans)));--font-style:var(--palette-title-font-style);--font-weight:var(--palette-title-font-weight);--font-size:var(--palette-title-font-size);--color:var(--palette-title-color)}.color-swatch-group__table-container:focus-visible{outline:var(--cx-focus-ring);outline-offset:var(--cx-focus-ring-offset)}.color-swatch-group__swatches--circles--horizontal,.color-swatch-group__swatches--circles--vertical{--spacing-container-gap:0px}.color-swatch-group__swatches--circles--horizontal{overflow:auto}.color-swatch-group__swatches--circles--horizontal>cx-color-swatch:not(:first-child){margin-left:var(--swatch-group-horizontal-gap,-120px)}.color-swatch-group__swatches--circles--vertical>cx-color-swatch:not(:first-child){margin-top:var(--swatch-group-vertical-gap,var(--swatch-group-horizontal-gap,-50px))}.color-swatch-group__swatches--circles--vertical__item--mobile{--swatch-size:100%}.color-swatch-group__swatches--grid{align-items:stretch;column-gap:var(--grid-column-gap,var(--grid-gap,var(--cx-spacing-medium)));row-gap:var(--grid-row-gap,var(--grid-gap,var(--cx-spacing-medium)));display:grid}.color-swatch-group__table{font-family:var(--swatch-font-family,var(--cx-font-sans));font-style:var(--swatch-font-style,normal);--width:var(--table-width,100%);--body-background-color:transparent;--row-background-color:transparent;--row-even-background-color:transparent;--row-hover-background-color:var(--cx-color-neutral-50);--row-even-hover-background-color:var(--cx-color-neutral-50);--header-background-color:transparent;--group-row-background-color:transparent;--cell-border-color:transparent;--cell-bottom-border-color:transparent;--header-font-family:var(--column-title-font-family,var(--swatch-font-family,var(--cx-font-sans)));--header-font-style:var(--column-title-font-style,var(--swatch-font-style,normal));--header-font-size:var(--column-title-font-size,var(--swatch-font-size,var(--cx-font-size-large)));--header-font-weight:var(--column-title-font-weight,var(--swatch-font-weight,var(--cx-font-weight-semibold)));--header-color:var(--column-title-color,var(--cx-color-neutral-700));--header-border-right:none;--cell-font-family:var(--swatch-font-family,var(--cx-font-sans));--cell-font-size:var(--swatch-font-size,var(--cx-font-size-large));--cell-font-weight:var(--swatch-font-weight,var(--cx-font-weight-regular));--cell-line-height:normal;--cell-hover-background-color:transparent;--color:var(--swatch-text-color,var(--cx-color-neutral-900));--placeholder-font-size:var(--cx-font-size-medium-large);--cell-horizontal-padding:var(--cx-spacing-2x-small);--cell-padding-top:var(--row-padding-top,var(--cx-spacing-2x-small));--cell-padding-right:var(--row-padding-right,var(--cx-spacing-2x-small));--cell-padding-bottom:var(--row-padding-bottom,var(--cx-spacing-2x-small));--cell-padding-left:var(--row-padding-left,var(--cx-spacing-2x-small));--header-horizontal-padding:var(--row-padding-left,var(--cx-spacing-2x-small));--row-gap:var(--table-row-gap,0);--column-gap:var(--table-column-gap,0px);--header-border-bottom:1px solid var(--cx-color-neutral-200);--hover-menu-background-color:var(--row-hover-background-color);--outer-border-color:transparent}.color-swatch-group__table--no-separator{--header-border-bottom:none}.color-swatch-group__table::part(table){background-color:#0000}`, gd = "unnamed", _d = 5, vd = { fromAttribute: (e) => {
 	let t = Number.parseFloat(e ?? "");
 	return Number.isFinite(t) ? t : void 0;
 } }, $ = class extends d {
-	static #e = this.styles = [h, md];
+	static #e = this.styles = [h, hd];
 	static #t = this.dependencies = {
 		"cx-color-swatch": tt,
 		"cx-space": ve,
-		"cx-table": ed,
+		"cx-table": td,
 		"cx-typography": ue
 	};
 	constructor() {
@@ -17522,10 +17540,10 @@ var md = i`:host{--grid-gap:var(--cx-spacing-medium);--grid-column-gap:var(--gri
 			"CMYK",
 			"PMS"
 		], this.multiLanguage = !1, this.codeAlignment = Fe.SameLine, this.codeSeparator = Ne.Comma, this.hexFormat = Le.LeadingHash, this.showElements = [
-			rd.PaletteName,
-			rd.ColumnTitles,
-			rd.SeparatorLine
-		], this.nameColumnWidthMode = td.HugContents, this.nameColumnConstraints = !1, this.nameColumnWidth = "", this.codeColumnWidthMode = td.HugContents, this.codeColumnConstraints = !1, this.codeColumnWidth = "", this.customColumns = [], this.gradientEffect = !1, this.breakpoints = He, this.deviceType = ze.Desktop, this.currentCol = 0, this.visibleElements = new Set(this.showElements), this.hugWidths = {}, this.isFocused = !1, this.canFocusContainer = !0, this.isContainerFocused = !1, this.handleWindowResize = this.handleWindowResize.bind(this);
+			id.PaletteName,
+			id.ColumnTitles,
+			id.SeparatorLine
+		], this.nameColumnWidthMode = nd.HugContents, this.nameColumnConstraints = !1, this.nameColumnWidth = "", this.codeColumnWidthMode = nd.HugContents, this.codeColumnConstraints = !1, this.codeColumnWidth = "", this.customColumns = [], this.gradientEffect = !1, this.breakpoints = He, this.deviceType = ze.Desktop, this.currentCol = 0, this.visibleElements = new Set(this.showElements), this.hugWidths = {}, this.isFocused = !1, this.canFocusContainer = !0, this.isContainerFocused = !1, this.handleWindowResize = this.handleWindowResize.bind(this);
 	}
 	runFirstUpdated() {
 		this.setAttribute("role", "region"), this.setAttribute("aria-label", this.localize.term("colorSwatches")), this.setAttribute("aria-roledescription", this.localize.term("colorSwatches")), this.breakpoints = Be(this, this.breakpoints), this.handleResize();
@@ -17573,8 +17591,8 @@ var md = i`:host{--grid-gap:var(--cx-spacing-medium);--grid-column-gap:var(--gri
 		let e = this.measureEl;
 		if (!e) return this.hugWidths;
 		let t = {};
-		for (let n of [cd, ...ld]) this.recordHugWidth(t, n.field, this.measureBuiltInColumn(e, n));
-		for (let n of this.customColumns) this.recordHugWidth(t, pd(n.id), this.measureCustomColumn(e, n));
+		for (let n of [ld, ...ud]) this.recordHugWidth(t, n.field, this.measureBuiltInColumn(e, n));
+		for (let n of this.customColumns) this.recordHugWidth(t, md(n.id), this.measureCustomColumn(e, n));
 		return e.textContent = "", e.removeAttribute("style"), t;
 	}
 	measureProbe(e, t, n = [], r = {}) {
@@ -17583,7 +17601,7 @@ var md = i`:host{--grid-gap:var(--cx-spacing-medium);--grid-column-gap:var(--gri
 		return e.textContent = t, e.offsetWidth;
 	}
 	measureBuiltInColumn(e, t) {
-		let { field: n } = t, r = n === cd.field, i = this.canCopy ? ["copyable"] : [], a = this.localize.lang()?.toLowerCase(), o = this.measureProbe(e, t.title, ["title"]);
+		let { field: n } = t, r = n === ld.field, i = this.canCopy ? ["copyable"] : [], a = this.localize.lang()?.toLowerCase(), o = this.measureProbe(e, t.title, ["title"]);
 		for (let t of this.data) {
 			let s = r && this.multiLanguage && a ? t[`name-${a}`] ?? t.name : t[n], c = typeof s == "string" && !r ? this.formatCode(n, s) : s;
 			typeof c == "string" && c && (o = Math.max(o, r ? this.measureProbe(e, c, ["name"]) : this.measureProbe(e, c, i)));
@@ -17601,7 +17619,7 @@ var md = i`:host{--grid-gap:var(--cx-spacing-medium);--grid-column-gap:var(--gri
 		return r;
 	}
 	recordHugWidth(e, t, n) {
-		n > 0 && (e[t] = Math.ceil(n) + gd);
+		n > 0 && (e[t] = Math.ceil(n) + _d);
 	}
 	gradientStopsFor(e) {
 		if (!this.gradientEffect || this.variant !== Q.Grid) return "";
@@ -17622,26 +17640,26 @@ var md = i`:host{--grid-gap:var(--cx-spacing-medium);--grid-column-gap:var(--gri
 	}
 	flattenMetadata(e) {
 		let t = {};
-		for (let n of this.customColumns) t[pd(n.id)] = e.metadata?.[n.id] ?? "";
+		for (let n of this.customColumns) t[md(n.id)] = e.metadata?.[n.id] ?? "";
 		return t;
 	}
 	formatCode(e, t) {
 		return e === "hex" ? Ie(t, this.hexFormat) : e === "rgb" || e === "cmyk" ? Pe(t, this.codeSeparator) : t;
 	}
 	applyColumnSettings(e, t) {
-		let n = { ...e }, r = t.widthMode === td.HugContents;
+		let n = { ...e }, r = t.widthMode === nd.HugContents;
 		if (n.variableHeight = !r, n.formatter = (t) => {
 			let n = e.formatter ? e.formatter(t) : document.createElement("span");
 			return n ? (e.formatter || (n.textContent = String(t.getValue() ?? "")), n.style.setProperty("--swatch-cell-white-space", r ? "nowrap" : "normal"), n.style.whiteSpace = "var(--swatch-cell-white-space)", n.style.overflowWrap = "anywhere", n.style.flexWrap = r ? "nowrap" : "wrap", n.style.rowGap = "0", n) : null;
-		}, t.widthMode === td.HugContents) n.width = this.hugWidths[e.field];
-		else if (t.widthMode === td.Custom) {
+		}, t.widthMode === nd.HugContents) n.width = this.hugWidths[e.field];
+		else if (t.widthMode === nd.Custom) {
 			let e = t.width?.trim() ?? "", r = Number.parseFloat(e);
 			/^\d+(?:\.\d+)?(?:px|%)?$/.test(e) && Number.isFinite(r) && r > 0 && (n.width = e.endsWith("%") ? e : r);
 		} else n.widthGrow = 1;
 		return t.constraints && (t.minWidth && (n.minWidth = t.minWidth), t.maxWidth && (n.maxWidth = t.maxWidth)), t.alignment && (n.hozAlign = t.alignment, n.headerHozAlign = t.alignment), n;
 	}
 	getTableColumns(e) {
-		let t = this.canCopy ? dd(this.localize, e) : ld, n = {
+		let t = this.canCopy ? fd(this.localize, e) : ud, n = {
 			alignment: this.nameColumnAlignment,
 			constraints: this.nameColumnConstraints,
 			maxWidth: this.nameColumnMaxWidth,
@@ -17657,15 +17675,15 @@ var md = i`:host{--grid-gap:var(--cx-spacing-medium);--grid-column-gap:var(--gri
 			widthMode: this.codeColumnWidthMode
 		};
 		return [
-			this.applyColumnSettings(cd, n),
+			this.applyColumnSettings(ld, n),
 			...t.filter((e) => this.showCodes.includes(e.field.toUpperCase())).map((e) => this.applyColumnSettings(e, r)),
-			...this.customColumns.map((e) => this.applyColumnSettings(fd(e), {
+			...this.customColumns.map((e) => this.applyColumnSettings(pd(e), {
 				alignment: e.alignment,
 				constraints: !!e.constraints,
-				maxWidth: _d.fromAttribute(e.maxWidth ?? null),
-				minWidth: _d.fromAttribute(e.minWidth ?? null),
+				maxWidth: vd.fromAttribute(e.maxWidth ?? null),
+				minWidth: vd.fromAttribute(e.minWidth ?? null),
 				width: e.width,
-				widthMode: e.widthMode ?? td.HugContents
+				widthMode: e.widthMode ?? nd.HugContents
 			}))
 		];
 	}
@@ -17694,7 +17712,7 @@ var md = i`:host{--grid-gap:var(--cx-spacing-medium);--grid-column-gap:var(--gri
 	}
 	categorizeByPalette() {
 		return Object.values(this.data.reduce((e, t) => {
-			let n = t.palette?.trim() ? t.palette : hd;
+			let n = t.palette?.trim() ? t.palette : gd;
 			return e[n] || (e[n] = {
 				colors: [],
 				palette: n
@@ -17722,7 +17740,7 @@ var md = i`:host{--grid-gap:var(--cx-spacing-medium);--grid-column-gap:var(--gri
 	render() {
 		let e = this.currentDirection, t = this.localize.lang();
 		return r`
-      ${E(this.variant === Q.Table, () => r`<span class="color-swatch-group__measure" aria-hidden="true"></span><cx-space class="color-swatch-group__swatches" direction="vertical" spacing="2x-small">${xe([
+      ${D(this.variant === Q.Table, () => r`<span class="color-swatch-group__measure" aria-hidden="true"></span><cx-space class="color-swatch-group__swatches" direction="vertical" spacing="2x-small">${xe([
 			this.data,
 			this.showElements,
 			...this.columnGuardDependencies
@@ -17735,15 +17753,15 @@ var md = i`:host{--grid-gap:var(--cx-spacing-medium);--grid-column-gap:var(--gri
 				...this.multiLanguage && t ? { name: e[`name-${t.toLowerCase()}`] ?? e.name } : {},
 				rgb: this.formatCode("rgb", e.rgb ?? "")
 			}));
-			return r`<div tabindex=${T(this.canFocusContainer ? "0" : void 0)} data-table-container class="color-swatch-group__table-container" @focusin=${this.handleFocusIn} @focusout=${this.handleFocusOut} @keydown=${this.handleKeyDown}>${E(this.visibleElements.has(rd.PaletteName), () => r`<cx-typography class="color-swatch-group__title" variant="h3">${e.palette === hd ? this.localize.term("noPalette") : this.localize.term("shadesPalette", e.palette)}</cx-typography>`)}<cx-table part="table" tabindex=${this.isFocused ? void 0 : "-1"} no-selectable ?no-header=${!this.visibleElements.has(rd.ColumnTitles)} layout="fitColumns" .columns=${xe(this.columnGuardDependencies, () => this.getTableColumns(e.palette))} .columnDefaults=${sd} .rowHeight=${void 0} .data=${n} class=${C({
+			return r`<div tabindex=${E(this.canFocusContainer ? "0" : void 0)} data-table-container class="color-swatch-group__table-container" @focusin=${this.handleFocusIn} @focusout=${this.handleFocusOut} @keydown=${this.handleKeyDown}>${D(this.visibleElements.has(id.PaletteName), () => r`<cx-typography class="color-swatch-group__title" variant="h3">${e.palette === gd ? this.localize.term("noPalette") : this.localize.term("shadesPalette", e.palette)}</cx-typography>`)}<cx-table part="table" tabindex=${this.isFocused ? void 0 : "-1"} no-selectable ?no-header=${!this.visibleElements.has(id.ColumnTitles)} layout="fitColumns" .columns=${xe(this.columnGuardDependencies, () => this.getTableColumns(e.palette))} .columnDefaults=${cd} .rowHeight=${void 0} .data=${n} class=${w({
 				"color-swatch-group__table": !0,
-				"color-swatch-group__table--no-separator": !this.visibleElements.has(rd.SeparatorLine)
+				"color-swatch-group__table--no-separator": !this.visibleElements.has(id.SeparatorLine)
 			})}></cx-table></div>`;
-		}))}</cx-space>`, () => r`<cx-space part="color-swatch" role="list" aria-label=${this.localize.term("listOfColors")} aria-roledescription=${this.localize.term("listOfColors")} direction=${e} justify-content="flex-start" wrap=${this.variant === "circles" ? "nowrap" : "wrap"} class=${C({
+		}))}</cx-space>`, () => r`<cx-space part="color-swatch" role="list" aria-label=${this.localize.term("listOfColors")} aria-roledescription=${this.localize.term("listOfColors")} direction=${e} justify-content="flex-start" wrap=${this.variant === "circles" ? "nowrap" : "wrap"} class=${w({
 			"color-swatch-group__swatches": !0,
 			"color-swatch-group__swatches--grid": this.variant === Q.Grid,
 			[`color-swatch-group__swatches--circles--${e}`]: this.variant === Q.Circles
-		})} style=${k({ gridTemplateColumns: this.currentCol >= this.maxCol ? `repeat(${this.maxCol}, 1fr)` : "repeat(auto-fit, minmax(165px, 1fr))" })}>${pe(this.data, (e) => e.name, (n, i) => r`<cx-color-swatch part="color-swatch-item" role="listitem" aria-label=${this.localize.term("colorOfTotal", i + 1, this.data.length)} hex=${n.hex} rgb=${n.rgb} cmyk=${n.cmyk} pms=${n.pms} name=${this.multiLanguage && t ? n[`name-${t.toLowerCase()}`] ?? n.name : n.name} variant=${this.swatchVariant} ?can-copy=${this.canCopy} ?can-focus-code-only=${this.isFocused} gradient-stops=${this.gradientStopsFor(i)} .showCodes=${this.showCodes} code-alignment=${this.codeAlignment} code-separator=${this.codeSeparator} hex-format=${this.hexFormat} no-auto-convert class=${C({
+		})} style=${A({ gridTemplateColumns: this.currentCol >= this.maxCol ? `repeat(${this.maxCol}, 1fr)` : "repeat(auto-fit, minmax(165px, 1fr))" })}>${pe(this.data, (e) => e.name, (n, i) => r`<cx-color-swatch part="color-swatch-item" role="listitem" aria-label=${this.localize.term("colorOfTotal", i + 1, this.data.length)} hex=${n.hex} rgb=${n.rgb} cmyk=${n.cmyk} pms=${n.pms} name=${this.multiLanguage && t ? n[`name-${t.toLowerCase()}`] ?? n.name : n.name} variant=${this.swatchVariant} ?can-copy=${this.canCopy} ?can-focus-code-only=${this.isFocused} gradient-stops=${this.gradientStopsFor(i)} .showCodes=${this.showCodes} code-alignment=${this.codeAlignment} code-separator=${this.codeSeparator} hex-format=${this.hexFormat} no-auto-convert class=${w({
 			[`color-swatch-group__swatches--circles--${e}__item`]: this.variant === Q.Circles,
 			"color-swatch-group__swatches--circles--vertical__item--mobile": this.variant === Q.Circles && this.deviceType === ze.Mobile
 		})} @keydown=${this.handleKeyDown} @focusout=${this.handleFocusOut}></cx-color-swatch>`)}</cx-space>`)}
@@ -17767,7 +17785,7 @@ l([f(".color-swatch-group__swatches"), u("design:type", typeof HTMLDivElement >
 }), u("design:type", Object)], $.prototype, "canCopy", void 0), l([s({
 	attribute: "show-codes",
 	converter: {
-		fromAttribute: (e) => (e?.split(" ") ?? []).filter((e) => ad.has(e)),
+		fromAttribute: (e) => (e?.split(" ") ?? []).filter((e) => od.has(e)),
 		toAttribute: (e) => e.join(" ")
 	},
 	reflect: !0
@@ -17790,7 +17808,7 @@ l([f(".color-swatch-group__swatches"), u("design:type", typeof HTMLDivElement >
 }), u("design:type", Le === void 0 ? Object : Le)], $.prototype, "hexFormat", void 0), l([s({
 	attribute: "show-elements",
 	converter: {
-		fromAttribute: (e) => (e?.split(" ") ?? []).filter((e) => od.has(e)),
+		fromAttribute: (e) => (e?.split(" ") ?? []).filter((e) => sd.has(e)),
 		toAttribute: (e) => e.join(" ")
 	},
 	reflect: !0
@@ -17798,16 +17816,16 @@ l([f(".color-swatch-group__swatches"), u("design:type", typeof HTMLDivElement >
 	attribute: "name-column-width-mode",
 	reflect: !0,
 	type: String
-}), u("design:type", td === void 0 ? Object : td)], $.prototype, "nameColumnWidthMode", void 0), l([s({
+}), u("design:type", nd === void 0 ? Object : nd)], $.prototype, "nameColumnWidthMode", void 0), l([s({
 	attribute: "name-column-constraints",
 	reflect: !0,
 	type: Boolean
 }), u("design:type", Object)], $.prototype, "nameColumnConstraints", void 0), l([s({
 	attribute: "name-column-min-width",
-	converter: _d
+	converter: vd
 }), u("design:type", Number)], $.prototype, "nameColumnMinWidth", void 0), l([s({
 	attribute: "name-column-max-width",
-	converter: _d
+	converter: vd
 }), u("design:type", Number)], $.prototype, "nameColumnMaxWidth", void 0), l([s({
 	attribute: "name-column-width",
 	type: String
@@ -17815,20 +17833,20 @@ l([f(".color-swatch-group__swatches"), u("design:type", typeof HTMLDivElement >
 	attribute: "name-column-alignment",
 	reflect: !0,
 	type: String
-}), u("design:type", nd === void 0 ? Object : nd)], $.prototype, "nameColumnAlignment", void 0), l([s({
+}), u("design:type", rd === void 0 ? Object : rd)], $.prototype, "nameColumnAlignment", void 0), l([s({
 	attribute: "code-column-width-mode",
 	reflect: !0,
 	type: String
-}), u("design:type", td === void 0 ? Object : td)], $.prototype, "codeColumnWidthMode", void 0), l([s({
+}), u("design:type", nd === void 0 ? Object : nd)], $.prototype, "codeColumnWidthMode", void 0), l([s({
 	attribute: "code-column-constraints",
 	reflect: !0,
 	type: Boolean
 }), u("design:type", Object)], $.prototype, "codeColumnConstraints", void 0), l([s({
 	attribute: "code-column-min-width",
-	converter: _d
+	converter: vd
 }), u("design:type", Number)], $.prototype, "codeColumnMinWidth", void 0), l([s({
 	attribute: "code-column-max-width",
-	converter: _d
+	converter: vd
 }), u("design:type", Number)], $.prototype, "codeColumnMaxWidth", void 0), l([s({
 	attribute: "code-column-width",
 	type: String
@@ -17836,7 +17854,7 @@ l([f(".color-swatch-group__swatches"), u("design:type", typeof HTMLDivElement >
 	attribute: "code-column-alignment",
 	reflect: !0,
 	type: String
-}), u("design:type", nd === void 0 ? Object : nd)], $.prototype, "codeColumnAlignment", void 0), l([s({
+}), u("design:type", rd === void 0 ? Object : rd)], $.prototype, "codeColumnAlignment", void 0), l([s({
 	attribute: "custom-columns",
 	reflect: !0,
 	type: Array
@@ -17845,26 +17863,26 @@ l([f(".color-swatch-group__swatches"), u("design:type", typeof HTMLDivElement >
 	reflect: !0,
 	type: Boolean
 }), u("design:type", Object)], $.prototype, "gradientEffect", void 0), l([c(), u("design:type", Array)], $.prototype, "breakpoints", void 0), l([c(), u("design:type", ze === void 0 ? Object : ze)], $.prototype, "deviceType", void 0), l([c(), u("design:type", Object)], $.prototype, "currentCol", void 0), l([c(), u("design:type", Object)], $.prototype, "visibleElements", void 0), l([c(), u("design:type", typeof Record > "u" ? Object : Record)], $.prototype, "hugWidths", void 0), l([c(), u("design:type", Object)], $.prototype, "isFocused", void 0), l([c(), u("design:type", Object)], $.prototype, "canFocusContainer", void 0), l([c(), u("design:type", Object)], $.prototype, "isContainerFocused", void 0), l([
-	M(100),
+	oe(100),
 	u("design:type", Function),
 	u("design:paramtypes", []),
 	u("design:returntype", void 0)
 ], $.prototype, "handleWindowResize", null), l([
-	S("variant", { waitUntilFirstUpdate: !0 }),
+	C("variant", { waitUntilFirstUpdate: !0 }),
 	u("design:type", Function),
 	u("design:paramtypes", []),
 	u("design:returntype", void 0)
 ], $.prototype, "handleResize", null), l([
-	S("showElements"),
+	C("showElements"),
 	u("design:type", Function),
 	u("design:paramtypes", []),
 	u("design:returntype", void 0)
 ], $.prototype, "handleShowElementsChange", null), l([
-	S("isFocused", { waitUntilFirstUpdate: !0 }),
+	C("isFocused", { waitUntilFirstUpdate: !0 }),
 	u("design:type", Function),
 	u("design:paramtypes", []),
 	u("design:returntype", void 0)
 ], $.prototype, "handleIsFocusedChange", null), $ = l([g("cx-color-swatch-group"), u("design:paramtypes", [])], $);
-var vd = $;
+var yd = $;
 //#endregion
-export { rd as a, ed as c, Ut as d, Bt as f, Ct as h, td as i, Tn as l, St as m, pd as n, Q as o, Nt as p, nd as r, id as s, vd as t, rn as u };
+export { id as a, td as c, Ut as d, Bt as f, Ct as h, nd as i, Tn as l, St as m, md as n, Q as o, Nt as p, rd as r, ad as s, yd as t, rn as u };