@orangelogic/design-system 4.51.0 → 4.52.0

package/library/chunks/{color-swatch-group.BdYLfI59.js → color-swatch-group.C-4jpi7T.js}

@@ -16,13 +16,13 @@ import { t as E } from "./when.BUskJLtZ.js";
 import { t as D } from "./icon.CeQpEaQz.js";
 import { t as O } from "./spinner.DsWszid8.js";
 import { t as k } from "./style-map.DPGQIxip.js";
-import { t as ne } from "./button.DnOMjl_G.js";
-import { g as A, h as re, l as ie, t as ae } from "./string.DAuTpyw8.js";
-import { o as oe, s as j } from "./dom.BsVeSE01.js";
-import { t as M } from "./debounce.Ci-xdsHE.js";
+import { t as ne } from "./debounce.Ci-xdsHE.js";
+import { t as A } from "./button.DnOMjl_G.js";
+import { g as j, h as re, l as ie, t as ae } from "./string.DAuTpyw8.js";
+import { o as oe, s as M } from "./dom.BsVeSE01.js";
 import { t as N } from "./tooltip.DJl5qcTx.js";
-import { t as se } from "./line-clamp.BFh7eXXl.js";
-import { t as ce } from "./tag.Dj8VrFFk.js";
+import { t as se } from "./line-clamp.COXyDBRB.js";
+import { t as ce } from "./tag.B2S21_nF.js";
 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.aFoOxk2j.js";
@@ -33,10 +33,10 @@ import { t as ge } from "./menu.DNeN3pz0.js";
 import { t as _e } from "./menu-item.CCbtHE5R.js";
 import { t as ve } from "./space.Dd8jezXK.js";
 import { t as ye } from "./unsafe-html.Cb838aX7.js";
-import { t as be } from "./select.NhbQgMNA.js";
+import { t as be } from "./select.CEgt2ciT.js";
 import { t as xe } from "./guard.Cf17k6Vx.js";
 import { a as Se, f as Ce, l as we, r as Te } from "./date.BL4L64Hx.js";
-import { O as Ee, ct as De, et as Oe, it as ke, ot as Ae, rt as je, tt as Me } from "./src.CFxipFzl.js";
+import { O as Ee, ct as De, et as Oe, it as ke, ot as Ae, rt as je, tt as Me } from "./src.BJpSLSUr.js";
 import { t as Ne } from "./details.BGlfx87d.js";
 import { i as Pe, s as Fe, t as Ie } from "./dialog.BKSCSk0r.js";
 import { t as Le } from "./divider.CqSNZCU8.js";
@@ -46,9 +46,9 @@ import { _ as Be, c as Ve, g as He, l as Ue, v as We, y as Ge } from "./color.CI
 import { f as Ke, n as qe, r as Je, t as Ye } from "./responsive.L9Csz2w2.js";
 import Xe from "../components/format-number.js";
 import { t as Ze } from "./menu-section.BzzA6L5E.js";
-import { n as Qe, t as $e } from "./pagination.ca5R1wld.js";
+import { n as Qe, t as $e } from "./pagination.Mr-XiQBd.js";
 import { t as et } from "./sortable.esm.BVU0_hc5.js";
-import { t as tt } from "./color-swatch.D31RnyZs.js";
+import { t as tt } from "./color-swatch.Biz89VJr.js";
 import { t as nt } from "./debounce.DrhImrNP.js";
 import { c as rt, o as it, s as at, t as ot } from "./_baseIteratee.DWc2-Bvm.js";
 import { n as st, r as ct, t as lt } from "./_baseUniq.h_pGICPH.js";
@@ -152,7 +152,7 @@ var At = {
 	static #t = this.styles = [h, jt];
 	static #n = this.dependencies = {
 		"cx-badge": de,
-		"cx-button": ne,
+		"cx-button": A,
 		"cx-details": Ne,
 		"cx-dropdown": me,
 		"cx-icon": D,
@@ -814,7 +814,7 @@ l([f(".board"), u("design:type", typeof HTMLElement > "u" ? Object : HTMLElement
 	u("design:paramtypes", []),
 	u("design:returntype", void 0)
 ], z.prototype, "onItemsChanged", null), l([
-	M(200, !0),
+	ne(200, !0),
 	u("design:type", Function),
 	u("design:paramtypes", [on === void 0 ? Object : on]),
 	u("design:returntype", void 0)
@@ -1246,7 +1246,7 @@ var kn = B, An = /* @__PURE__ */ function(e) {
 	}
 	static #e = this.styles = [h, jn];
 	static #t = this.dependencies = {
-		"cx-button": ne,
+		"cx-button": A,
 		"cx-dialog": Ie,
 		"cx-multi-select": kn
 	};
@@ -1388,7 +1388,7 @@ var zn = Rn, Bn = 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": A,
 		"cx-dropdown": me,
 		"cx-icon": D,
 		"cx-menu": ge,
@@ -1435,7 +1435,7 @@ var Hn = Vn, Un = class extends d {
 	}
 	static #e = this.styles = [h, Bn];
 	static #t = this.dependencies = {
-		"cx-button": ne,
+		"cx-button": A,
 		"cx-icon": D,
 		"cx-space": ve,
 		"cx-table-row-actions-dropdown": Hn,
@@ -1472,7 +1472,7 @@ var Wn = Un, Gn = class extends d {
 	}
 	static #e = this.styles = [h];
 	static #t = this.dependencies = {
-		"cx-button": ne,
+		"cx-button": A,
 		"cx-dropdown": me,
 		"cx-icon": D,
 		"cx-menu": ge,
@@ -1547,7 +1547,7 @@ var Kn = Gn, qn = class extends d {
 	}
 	static #e = this.styles = [h];
 	static #t = this.dependencies = {
-		"cx-button": ne,
+		"cx-button": A,
 		"cx-dropdown": me,
 		"cx-menu": ge,
 		"cx-menu-item": _e
@@ -1609,7 +1609,7 @@ var Jn = qn, Yn = class extends d {
 	}
 	static #e = this.styles = [h];
 	static #t = this.dependencies = {
-		"cx-button": ne,
+		"cx-button": A,
 		"cx-dropdown": me,
 		"cx-icon": D,
 		"cx-menu": ge,
@@ -1684,7 +1684,7 @@ var Xn = Yn, Zn = i`:host{container-type:inline-size}.header{align-items:center;
 	}
 	static #e = this.styles = [h, Zn];
 	static #t = this.dependencies = {
-		"cx-button": ne,
+		"cx-button": A,
 		"cx-checkbox": fe,
 		"cx-dropdown": me,
 		"cx-icon": D,
@@ -2260,7 +2260,7 @@ var Qn = V, H = class {
 		n && n.classList.remove("tabulator-hover-menu--active");
 	}
 	createCxTableRowActions() {
-		let e = j(cr);
+		let e = M(cr);
 		return e.classList.add("tabulator-hover-menu"), e;
 	}
 	layoutRow(t) {
@@ -2909,7 +2909,7 @@ var Ir = class e extends W {
 		this.generateElement(), this.setWidth(), this._configureCell();
 	}
 	generateElement() {
-		if (this.element = j(Rr), this.element.setAttribute("role", this.table.options.cellRole ?? "gridcell"), this.column.modules.format?.cellClass) {
+		if (this.element = M(Rr), 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));
 		}
@@ -2949,7 +2949,7 @@ var Ir = 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) {
@@ -2963,7 +2963,7 @@ var Ir = 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);
 			}
 		}
 	}
@@ -3181,7 +3181,7 @@ var Ir = 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() {
@@ -3999,7 +3999,7 @@ var Ir = 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") && ii && 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(ei) : typeof t.dataTreeBranchElement == "string" ? (e = document.createElement("div"), e.innerHTML = A(t.dataTreeBranchElement), this.branchEl = e.firstChild) : this.branchEl = t.dataTreeBranchElement : this.branchEl = j(ti), 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(Zr), 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(Qr), 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") && ii && 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(ei) : typeof t.dataTreeBranchElement == "string" ? (e = document.createElement("div"), e.innerHTML = j(t.dataTreeBranchElement), this.branchEl = e.firstChild) : this.branchEl = t.dataTreeBranchElement : this.branchEl = M(ti), 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(Zr), 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(Qr), typeof t.dataTreeStartExpanded) {
 				case "boolean":
 					this.startOpen = function() {
 						return t.dataTreeStartExpanded;
@@ -4085,7 +4085,7 @@ var Ir = class e extends W {
 				i.addEventListener("mousedown", (e) => {
 					e.stopPropagation();
 				});
-			} else i = j($r);
+			} else i = M($r);
 			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);
 		}
 	}
@@ -4131,7 +4131,7 @@ var Ir = class e extends W {
 	generateLoadMoreButton({ childLevel: e, parentRow: t }) {
 		let n = new Xr({ 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(ni);
+		let r = M(ni);
 		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;
@@ -4139,7 +4139,7 @@ var Ir = class e extends W {
 	generateLoadingRow({ childLevel: e, parentRow: t }) {
 		let n = new Xr({ 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(ri);
+		let r = M(ri);
 		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) {
@@ -4722,7 +4722,7 @@ function Mi(e, t, n) {
 //#region ../../packages/hybrid/table-core/src/tabulator-tables/modules/Format/defaults/formatters/avatar.ts
 function Ni(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=${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>`);
 }
 //#endregion
 //#region ../../packages/hybrid/table-core/src/tabulator-tables/modules/Format/defaults/formatters/buttonCross.ts
@@ -4747,7 +4747,7 @@ function Li(e) {
 //#region ../../packages/hybrid/table-core/src/tabulator-tables/modules/Format/defaults/formatters/composite.ts
 var Ri = r`<span style="display: inline-flex; align-items: center;"></span>`;
 function zi({ spacing: e, style: t }) {
-	let n = j(Ri);
+	let n = M(Ri);
 	return e && (n.style.margin = e), t && Object.assign(n.style, t), n;
 }
 function Bi(e, t, n) {
@@ -4793,7 +4793,7 @@ function Wi(e, t, n) {
 		return t.valueMap && (r = t.valueMap[String(r)] ?? r), !Hi(r);
 	});
 	if (Hi(s) && !c && t.placeholder !== void 0) return Bi.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=${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 = M(_), y = [];
 	if (t.elements.forEach((t) => {
 		let r = Ui({
 			cell: e,
@@ -4850,7 +4850,7 @@ function Gi(e) {
 }
 function Ki(e, t) {
 	let n = t ?? {}, i = Gi(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=${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>`);
 }
 //#endregion
 //#region ../../packages/hybrid/table-core/src/tabulator-tables/modules/Format/defaults/formatters/datetime.ts
@@ -4881,7 +4881,7 @@ function Zi(e, t) {
 }
 function Qi(e, t) {
 	let n = t ?? {}, i = n.arraySeparator ?? ", ", a = (t) => typeof t == "function" ? t(e) : t, o = Zi(a(n.newValue) ?? e.getValue(), i), s = Zi(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>`);
+	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
@@ -4900,7 +4900,7 @@ var ta = r`<cx-icon></cx-icon>`;
 function na(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(ta);
+	let a = M(ta);
 	if (a.name = i, r.size !== void 0) switch (typeof r.size) {
 		case "number":
 			a.style.setProperty("--font-size", `${r.size}px`);
@@ -4915,7 +4915,7 @@ var ra = r`<div style="display: flex; align-items: center; justify-content: cent
 function ia(e, t) {
 	let n = e.getValue();
 	if (!n) return null;
-	let r = j(ra), i = r.querySelector("img"), a = t ?? {};
+	let r = M(ra), 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";
@@ -4978,8 +4978,8 @@ function ca(e, t, n) {
 			"mailto:",
 			"tel:",
 			""
-		].includes(u.protocol) || n.startsWith("#") ? c.setAttribute("href", n) : (sa && 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) : (sa && 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(j(s));
+		let d = M(r`<cx-line-clamp lines="1"></cx-line-clamp>`);
 		return d.appendChild(c), d;
 	}
 	return "\xA0";
@@ -4995,7 +4995,7 @@ function ua(e, t, n) {
 //#region ../../packages/hybrid/table-core/src/tabulator-tables/modules/Format/defaults/formatters/money.ts
 function da(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 ae(j(re(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");
@@ -5009,7 +5009,7 @@ function pa(e, t) {
 	if (n == null || n === "") return;
 	let r = Number(n);
 	if (Number.isNaN(r)) return;
-	let i = t ?? {}, a = j(fa);
+	let i = t ?? {}, a = M(fa);
 	a.value = r;
 	for (let e of Object.keys(i)) {
 		let t = i[e];
@@ -5020,15 +5020,15 @@ function pa(e, t) {
 //#endregion
 //#region ../../packages/hybrid/table-core/src/tabulator-tables/modules/Format/defaults/formatters/plaintext.ts
 function ma(e, t) {
-	let n = ae(A(re(e.getValue()))), i = t ?? {};
+	let n = ae(j(re(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);
+	return M(a);
 }
 //#endregion
 //#region ../../packages/hybrid/table-core/src/tabulator-tables/modules/Format/defaults/formatters/progress.ts
 function ha(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;
@@ -5084,7 +5084,7 @@ function ha(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 Lr) t = e.getContentElement();
@@ -5163,7 +5163,7 @@ function wa(e, t) {
 		let t = document.createElement("span");
 		return t.textContent = String(e.getValue() ?? ""), t;
 	}
-	let n = j(ya), { offValue: r, onValue: i } = ba(t);
+	let n = M(ya), { offValue: r, onValue: i } = ba(t);
 	return t.size && (n.size = t.size), n.disabled = (typeof t.disabled == "function" ? t.disabled : () => !1)(e), Ca(n, e, i, r), n;
 }
 //#endregion
@@ -5177,18 +5177,18 @@ function Ea(e, t) {
 		removable: !1,
 		size: "medium",
 		variant: "neutral"
-	}, i = j(Ta);
+	}, i = M(Ta);
 	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 Da(e) {
-	return ae(A(re(e.getValue())));
+	return ae(j(re(e.getValue())));
 }
 //#endregion
 //#region ../../packages/hybrid/table-core/src/tabulator-tables/modules/Format/defaults/formatters/tickCross.ts
 function Oa(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
@@ -5212,7 +5212,7 @@ function ja(e) {
 }
 function Ma(e, t) {
 	let n = Aa(t ?? {}, e), i = ka(e.getValue()), a = ja(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=${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>`);
 }
 //#endregion
 //#region ../../packages/hybrid/table-core/src/tabulator-tables/modules/Format/defaults/formatters/toggle.ts
@@ -5234,7 +5234,7 @@ var Pa = r`<span class="tabulator-traffic-light-container"><span class="tabulato
 function Fa(e, t, n, r) {
 	let i = e.getValue();
 	if (i == null || i === "") return;
-	let a = j(Pa), o = t?.getColor?.(i) ?? t?.colorMap?.[i];
+	let a = M(Pa), o = t?.getColor?.(i) ?? t?.colorMap?.[i];
 	if (o) {
 		let e = a.querySelector(".tabulator-traffic-light");
 		e && (e.style.backgroundColor = o);
@@ -5249,7 +5249,7 @@ function Ia(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=${k(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;
@@ -5433,7 +5433,7 @@ var Ra = class e extends W {
 		return t = typeof e == "string" ? oe(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=${T(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;
@@ -5651,7 +5651,7 @@ var Ra = class e extends W {
 		}
 	}
 	_appendDivider() {
-		let e = j(Va);
+		let e = M(Va);
 		this.input.appendChild(e);
 	}
 	_appendSectionLabel(e) {
@@ -5661,12 +5661,12 @@ var Ra = class e extends W {
 	_appendLeafOption(e) {
 		let t = e.element;
 		if (!t) {
-			t = j(Ba), t.getTextLabel = () => e.label, t.value = this.sanitizeValue(e.value);
+			t = M(Ba), 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 = oe(`<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;
@@ -6199,7 +6199,7 @@ var Ra = 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(`.${$a}`)) return;
-		let n = j(eo);
+		let n = M(eo);
 		n.addEventListener("mousedown", (e) => {
 			e.preventDefault(), e.stopPropagation();
 		}), n.addEventListener("click", (n) => {
@@ -6488,7 +6488,7 @@ var Ra = 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();
@@ -6529,7 +6529,7 @@ var Ra = 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",
@@ -6609,7 +6609,7 @@ var Ra = 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",
@@ -7593,7 +7593,7 @@ var q = process.env.NODE_ENV === "development", Uo = 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(Yo), 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(Yo), this.groupManager.table.options.movableRows !== !1 && this.groupManager.table.modExists("moveRow") && this.groupManager.table.modules.moveRow.initializeGroupHeader(this);
 	}
 	createValueGroups() {
 		let e = this.level + 1;
@@ -7641,7 +7641,7 @@ var q = process.env.NODE_ENV === "development", Uo = class e extends W {
 				e.parentElement !== n && e.remove();
 			});
 			let e = n.querySelector(".tabulator-group-level-indent");
-			e || (e = j(Xo), 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(Xo), 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) {
@@ -7685,10 +7685,10 @@ var q = process.env.NODE_ENV === "development", Uo = class e extends W {
 		if (!e?.hasMore || !n) return this._loadMoreRow = !1, !1;
 		let r = new Xr({ 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(Qo);
+			let e = M(Qo);
 			return r.element.appendChild(e), this.applyGroupIndent(e, i), this._loadMoreRow = r, r;
 		}
-		let a = j(Zo), o = this.getGroupLoadMoreEventPayload();
+		let a = M(Zo), 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;
@@ -7815,7 +7815,7 @@ var q = process.env.NODE_ENV === "development", Uo = 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 = []) {
@@ -7902,10 +7902,10 @@ var q = process.env.NODE_ENV === "development", Uo = 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();
@@ -7949,7 +7949,7 @@ var q = process.env.NODE_ENV === "development", Uo = 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) {
@@ -8329,7 +8329,7 @@ var q = process.env.NODE_ENV === "development", Uo = 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);
 			}
@@ -8619,8 +8619,8 @@ var us = /* @__PURE__ */ e((/* @__PURE__ */ n(((e, t) => {
 						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 (S = [], re(w.split(t)), N(), m) return M();
+							} else re(w.split(t));
 							if (a && a <= D) return S = S.slice(0, a), M(!0);
 						}
 					}
@@ -8633,18 +8633,18 @@ var us = /* @__PURE__ */ e((/* @__PURE__ */ n(((e, t) => {
 						message: "Quoted field unterminated",
 						row: S.length,
 						index: p
-					}), oe();
-					if (A === v - 1) return oe(s.substring(p, A).replace(ne, d));
+					}), ae();
+					if (A === v - 1) return ae(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);
+						var j = ie((k = k !== -1 && k < A + 1 ? s.indexOf(n, A + 1) : k) === -1 ? O : Math.min(O, k));
+						if (s.substr(A + 1 + j, y) === t) {
+							w.push(s.substring(p, A).replace(ne, d)), s[p = A + 1 + j + y] !== d && (A = s.indexOf(d, p)), O = s.indexOf(t, p), k = 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 (j = ie(k), s.substring(A + 1 + j, A + 1 + j + ee) === n) {
+							if (w.push(s.substring(p, A).replace(ne, d)), oe(A + 1 + j + ee), O = s.indexOf(t, p), A = s.indexOf(d, p), te && (N(), m)) return M();
 							if (a && S.length >= a) return M(!0);
 							break;
 						}
@@ -8663,22 +8663,22 @@ var us = /* @__PURE__ */ e((/* @__PURE__ */ n(((e, t) => {
 				} else if (O !== -1 && (O < k || k === -1)) w.push(s.substring(p, O)), p = O + y, O = 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 (w.push(s.substring(p, k)), oe(k + ee), te && (N(), m)) return M();
 					if (a && S.length >= a) return M(!0);
 				}
-				return oe();
-				function ie(e) {
+				return ae();
+				function re(e) {
 					S.push(e), T = 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;
 				}
-				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)), w.push(e), p = v, re(w), te && N()), M();
 				}
-				function j(e) {
-					p = e, ie(w), w = [], k = s.indexOf(n, p);
+				function oe(e) {
+					p = e, re(w), w = [], k = s.indexOf(n, p);
 				}
 				function M(r) {
 					if (e.header && !g && S.length && !u) {
@@ -9332,7 +9332,7 @@ var ms = process.env.NODE_ENV === "development", hs = {
 	}
 	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);
 	}
@@ -9359,7 +9359,7 @@ var ms = process.env.NODE_ENV === "development", hs = {
 			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);
@@ -9847,7 +9847,7 @@ var ms = process.env.NODE_ENV === "development", hs = {
 	}
 	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;
@@ -9875,7 +9875,7 @@ var ms = process.env.NODE_ENV === "development", hs = {
 	}
 	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;
@@ -10219,7 +10219,7 @@ var ms = process.env.NODE_ENV === "development", hs = {
 	}
 	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);
 	}
@@ -10238,7 +10238,7 @@ var ms = process.env.NODE_ENV === "development", hs = {
 	}
 	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);
@@ -10277,7 +10277,7 @@ var ms = process.env.NODE_ENV === "development", hs = {
 			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 {
@@ -10841,7 +10841,7 @@ var Ks = { format: { formatters: { responsiveCollapse: Gs } } }, qs = 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);
 		}
@@ -10890,13 +10890,13 @@ var Ks = { format: { formatters: { responsiveCollapse: Gs } } }, qs = 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 : "";
 	}
 }, Js = r`<cx-checkbox></cx-checkbox>`;
 function Ys(e, t, n) {
-	let r = j(Js), i = r, a = !1;
+	let r = M(Js), i = r, a = !1;
 	r.setAttribute("aria-label", "Select Row");
 	let o = this.table;
 	if (o.modExists("selectRow", !0)) {
@@ -11381,7 +11381,7 @@ var Xs = { format: { formatters: { rowSelection: Ys } } }, Zs = process.env.NODE
 		this.options("selectableRange") && (this.options("selectableRows") ? sc && 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 && sc && 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 && sc && 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(cc), 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(cc), 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));
@@ -11986,7 +11986,7 @@ var bc = {
 						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();
@@ -12099,7 +12099,7 @@ var bc = {
 		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) {
@@ -12431,8 +12431,8 @@ var bc = {
 			i = e;
 		}
 		typeof n == "function" && (n = n(e, t.getComponent(), o)), n instanceof HTMLElement ? r = n : (r = document.createElement("div"), n === !0 && (t instanceof Br ? 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()));
 	}
@@ -13696,7 +13696,7 @@ var Zc = process.env.NODE_ENV === "development", Qc = 2e3, $c = 1e3, el = "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);
@@ -13941,7 +13941,7 @@ var Zc = process.env.NODE_ENV === "development", Qc = 2e3, $c = 1e3, el = "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(hl);
+		return M(hl);
 	}
 	createHolderElement() {
 		let e = document.createElement("div");
@@ -13958,7 +13958,7 @@ var Zc = process.env.NODE_ENV === "development", Qc = 2e3, $c = 1e3, el = "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) : (ml && console.warn("Invalid placeholder provided, must be string or HTML Element", t), this.placeholder = null);
 			this.placeholder = e;
 		}
@@ -14393,7 +14393,7 @@ var Zc = process.env.NODE_ENV === "development", Qc = 2e3, $c = 1e3, el = "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), t === "loading" && this.observeLoadingWidth();
+			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), t === "loading" && this.observeLoadingWidth();
 		}
 	}
 	observeLoadingWidth() {
@@ -14499,7 +14499,7 @@ var Zc = process.env.NODE_ENV === "development", Qc = 2e3, $c = 1e3, el = "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() {
@@ -15847,7 +15847,7 @@ var ru = class {
 };
 function Nu(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
@@ -16215,7 +16215,7 @@ var sd, Z = class extends d {
 		Fe
 	];
 	static #n = this.dependencies = {
-		"cx-button": ne,
+		"cx-button": A,
 		"cx-checkbox": fe,
 		"cx-divider": Le,
 		"cx-faceted-filter": Nt,
@@ -17974,7 +17974,7 @@ 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", Ke === void 0 ? Object : Ke)], $.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),
+	ne(100),
 	u("design:type", Function),
 	u("design:paramtypes", []),
 	u("design:returntype", void 0)