@orangelogic/design-system 4.27.0 → 4.29.0

package/library/chunks/{border-input-group.w-T10AEY.js → border-input-group.DESRXoh1.js}

@@ -5,7 +5,7 @@ import { t as s } from "./custom-element.BEMYNDK1.js";
 import { t as c } from "./i18n.BMXeDUpk.js";
 import { t as l } from "./input.B3HfssSr.js";
 import { t as u } from "./space.Dd8jezXK.js";
-import { t as d } from "./bicolor-picker.C0PxxFzf.js";
+import { t as d } from "./bicolor-picker.C9XSuhnX.js";
 //#region ../../packages/molecules/src/border-input-group/border-input-group.styles.ts
 var f = t`.border-width{width:72px}`, p = class extends a {
 	constructor(...e) {

package/library/chunks/{color-picker.CDUhOLEs.js → color-picker.DUEghDon.js}

@@ -27,8 +27,8 @@ import { t as P } from "./dropdown.HoJsYnUC.js";
 import { t as F } from "./input.B3HfssSr.js";
 import { t as I } from "./option.wsYX6Pp-.js";
 import { t as L } from "./select.v6t2pNH4.js";
-import { t as R } from "./tab.C2OFvGGj.js";
-import { t as z } from "./tab-group.DP9EvXFy.js";
+import { t as R } from "./tab.Dd0cNxxc.js";
+import { t as z } from "./tab-group.oiueox5q.js";
 import { t as B } from "./tab-panel.BxeoKuSv.js";
 import { t as V } from "./visually-hidden.Bv3SInZp.js";
 //#region ../../packages/atoms/src/components/color-picker/color-picker.styles.ts

package/library/chunks/{color-swatch-group.DUskDB_p.js → color-swatch-group.Cf9NcMte.js}

@@ -36,14 +36,14 @@ import { t as ye } from "./unsafe-html.Cb838aX7.js";
 import { t as be } from "./select.v6t2pNH4.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 { t as Ee } from "./details.DLqFxjTf.js";
-import { i as De, s as Oe, t as ke } from "./dialog.BuirdRW8.js";
-import { t as Ae } from "./divider.CqSNZCU8.js";
-import { n as je } from "./toString.r2ImdBrm.js";
-import { n as Me } from "./capitalize.BT_EavGy.js";
-import { _ as Ne, c as Pe, g as Fe, l as Ie, v as Le, y as Re } from "./color.CIOzHtLK.js";
-import { f as ze, n as Be, r as Ve, t as He } from "./responsive.L9Csz2w2.js";
-import { findIndexByProp as Ue, groupBy as We, insertMultipleAtIndex as Ge, moveMultipleToIndex as Ke, multiSelectTo as qe, removeMultipleAtIndex as Je, toast as Ye } from "../utils.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.DKYroWZc.js";
+import { t as Ne } from "./details.DLqFxjTf.js";
+import { i as Pe, s as Fe, t as Ie } from "./dialog.BuirdRW8.js";
+import { t as Le } from "./divider.CqSNZCU8.js";
+import { n as Re } from "./toString.r2ImdBrm.js";
+import { n as ze } from "./capitalize.BT_EavGy.js";
+import { _ as Be, c as Ve, g as He, l as Ue, v as We, y as Ge } from "./color.CIOzHtLK.js";
+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.By0sijVv.js";
@@ -153,7 +153,7 @@ var At = {
 	static #n = this.dependencies = {
 		"cx-badge": de,
 		"cx-button": te,
-		"cx-details": Ee,
+		"cx-details": Ne,
 		"cx-dropdown": me,
 		"cx-icon": O,
 		"cx-icon-button": T,
@@ -376,7 +376,7 @@ var Nt = P, Pt = /* @__PURE__ */ function(e) {
 function Gt(e, t, n) {
 	for (var r = n ? st : ct, i = e[0].length, a = e.length, o = a, s = Array(a), c = Infinity, l = []; o--;) {
 		var u = e[o];
-		o && t && (u = je(u, b(t))), c = Wt(u.length, c), s[o] = !n && (t || i >= 120 && u.length >= 120) ? new x(o && u) : void 0;
+		o && t && (u = Re(u, b(t))), c = Wt(u.length, c), s[o] = !n && (t || i >= 120 && u.length >= 120) ? new x(o && u) : void 0;
 	}
 	u = e[0];
 	var d = -1, f = s[0];
@@ -400,7 +400,7 @@ function Kt(e) {
 //#endregion
 //#region ../../node_modules/lodash-es/intersectionBy.js
 var qt = pt(function(e) {
-	var t = gt(e), n = je(e, Kt);
+	var t = gt(e), n = Re(e, Kt);
 	return t === gt(n) ? t = void 0 : n.pop(), n.length && n[0] === e[0] ? Gt(n, ot(t, 2)) : [];
 }), Jt = pt(function(e) {
 	var t = gt(e);
@@ -414,7 +414,7 @@ var qt = pt(function(e) {
 //#endregion
 //#region ../../node_modules/lodash-es/_parent.js
 function Zt(e, t) {
-	return t.length < 2 ? e : it(e, Me(t, 0, -1));
+	return t.length < 2 ? e : it(e, ze(t, 0, -1));
 }
 //#endregion
 //#region ../../node_modules/lodash-es/_baseUnset.js
@@ -432,7 +432,7 @@ var en = 1, tn = 2, nn = 4, rn = vt(function(e, t) {
 	var n = {};
 	if (e == null) return n;
 	var r = !1;
-	t = je(t, function(t) {
+	t = Re(t, function(t) {
 		return t = rt(t, e), r ||= t.length > 1, t;
 	}), bt(e, yt(e), n), r && (n = xt(n, en | tn | nn, $t));
 	for (var i = t.length; i--;) Qt(n, t[i]);
@@ -497,7 +497,7 @@ var ln = /mac os x/i.test(navigator.userAgent) && !/iphone|ipad/i.test(navigator
 	static #e = this.styles = [h, sn];
 	static #t = this.dependencies = {
 		"cx-board-list-item": on,
-		"cx-divider": Ae,
+		"cx-divider": Le,
 		"cx-icon": O,
 		"cx-icon-button": T,
 		"cx-input": he,
@@ -604,7 +604,7 @@ var ln = /mac os x/i.test(navigator.userAgent) && !/iphone|ipad/i.test(navigator
 		let r = e.item.dataset.id, i = n.selectedItemAsArray;
 		i.includes(r) || (i = [r]);
 		let a = i.length > 1, o = Number(e.newIndex) - 1 + this.start, s = this.resolveRealInsertIndex(o);
-		t = Ge(t, s, i), this.handleUpdateEvent(t, e.type, a, s);
+		t = je(t, s, i), this.handleUpdateEvent(t, e.type, a, s);
 	}
 	async handleEnd(e) {
 		e.from === e.to && this.handleUpdate(e), this.isDragging = !1, await this.updateComplete;
@@ -625,7 +625,7 @@ var ln = /mac os x/i.test(navigator.userAgent) && !/iphone|ipad/i.test(navigator
 		let t = this.items.map((e) => e.id), n = e.item.dataset.id, r = this.selectedItemAsArray;
 		r.includes(n) || (r = [n]);
 		let i = r.length > 1;
-		t = Je(t, r.map((e) => Ue(this.items, "id", e))), this.handleUpdateEvent(t, e.type, i, e.newIndex);
+		t = De(t, r.map((e) => Oe(this.items, "id", e))), this.handleUpdateEvent(t, e.type, i, e.newIndex);
 	}
 	handleDefaultSelect(e) {
 		let t = e.dataset.id;
@@ -638,12 +638,12 @@ var ln = /mac os x/i.test(navigator.userAgent) && !/iphone|ipad/i.test(navigator
 		}), this.lastSelectedItem = e;
 	}
 	handleShiftSelect(e) {
-		let t = this.filteredItems.filter((e) => this.isSelectableItem(e)), n = Ue(t, "id", this.lastSelectedItem?.dataset.id), r = Ue(t, "id", e.dataset.id);
+		let t = this.filteredItems.filter((e) => this.isSelectableItem(e)), n = Oe(t, "id", this.lastSelectedItem?.dataset.id), r = Oe(t, "id", e.dataset.id);
 		if (n === -1 || r === -1) {
 			this.handleDefaultSelect(e);
 			return;
 		}
-		let i = qe(this.selectedItemAsArray, e.dataset.id, t);
+		let i = Ae(this.selectedItemAsArray, e.dataset.id, t);
 		this._selectedItems = i.reduce((e, t) => (t && (e[t] = !0), e), {}), this._selectedItemOrder = i.reduce((e, t) => (t && (e[t] = Object.keys(e).length), e), {});
 	}
 	handleSelect(e) {
@@ -692,7 +692,7 @@ var ln = /mac os x/i.test(navigator.userAgent) && !/iphone|ipad/i.test(navigator
 	}
 	handleUpdate(e) {
 		let t = this.items.map((e) => e.id), n = this.selectedItemAsArray, r = n.length > 1, i = this.resolveDropIndex(e.item);
-		i !== null && (t = Ke(t, n.map((e) => Ue(this.items, "id", e)), i), this.handleUpdateEvent(t, "update", r));
+		i !== null && (t = ke(t, n.map((e) => Oe(this.items, "id", e)), i), this.handleUpdateEvent(t, "update", r));
 	}
 	handleMove(e) {
 		let { related: t, willInsertAfter: n } = e;
@@ -725,7 +725,7 @@ var ln = /mac os x/i.test(navigator.userAgent) && !/iphone|ipad/i.test(navigator
 	indexAfterLastVisibleRealItem() {
 		for (let e = this.filteredItems.length - 1; e >= 0; e--) {
 			let t = this.filteredItems[e];
-			if (t.id !== t.group) return Ue(this.items, "id", t.id) + 1;
+			if (t.id !== t.group) return Oe(this.items, "id", t.id) + 1;
 		}
 		return this.items.length;
 	}
@@ -733,12 +733,12 @@ var ln = /mac os x/i.test(navigator.userAgent) && !/iphone|ipad/i.test(navigator
 		if (e >= this.filteredItems.length) return this.indexAfterLastVisibleRealItem();
 		for (let t = Math.max(e, 0); t < this.filteredItems.length; t++) {
 			let e = this.filteredItems[t];
-			if (e.id !== e.group) return Ue(this.items, "id", e.id);
+			if (e.id !== e.group) return Oe(this.items, "id", e.id);
 		}
 		return this.indexAfterLastVisibleRealItem();
 	}
 	resolveDropIndex(e) {
-		let t = e.nextElementSibling, n = t instanceof HTMLElement && t.dataset.id ? Ue(this.filteredItems, "id", t.dataset.id) : Math.min(this.end, this.filteredItems.length), r = Ue(this.filteredItems, "id", e.dataset.id);
+		let t = e.nextElementSibling, n = t instanceof HTMLElement && t.dataset.id ? Oe(this.filteredItems, "id", t.dataset.id) : Math.min(this.end, this.filteredItems.length), r = Oe(this.filteredItems, "id", e.dataset.id);
 		return n === r || n === r + 1 ? null : this.resolveRealInsertIndex(n);
 	}
 	initSortable() {
@@ -1001,7 +1001,7 @@ var B = class extends d {
 	isValidChanges(e, t, n) {
 		if (this.addLimit || this.addLimit === 0) {
 			let r = [];
-			if (n === "add" ? r = e : n === "remove" && (r = Jt(Ut(t, e), this.secondColumnItemIds)), Ut(r, this.initialSecondColumnItems).length > this.addLimit) return Ye(this.localize.term("addLimitExceeded", this.addLimit), { notificationType: "warning" }), !1;
+			if (n === "add" ? r = e : n === "remove" && (r = Jt(Ut(t, e), this.secondColumnItemIds)), Ut(r, this.initialSecondColumnItems).length > this.addLimit) return Ee(this.localize.term("addLimitExceeded", this.addLimit), { notificationType: "warning" }), !1;
 		}
 		return !0;
 	}
@@ -1011,7 +1011,7 @@ var B = class extends d {
 			let e = this.firstColumnData, n = this.secondColumnData;
 			if (t === this.secondColumnData.id && (e = this.secondColumnData, n = this.firstColumnData), a === "add") {
 				let r = this.selectedItems[n.id], o = e.items.map((e) => e.id);
-				if (o = Ge(o, wn(i ?? 0, s, e.items), r), t === this.firstColumnData.id) this.firstColumnData = {
+				if (o = je(o, wn(i ?? 0, s, e.items), r), t === this.firstColumnData.id) this.firstColumnData = {
 					...this.firstColumnData,
 					items: o.map((e) => this.itemMap[e])
 				};
@@ -1243,7 +1243,7 @@ var Dn = B, On = /* @__PURE__ */ function(e) {
 	static #e = this.styles = [h, kn];
 	static #t = this.dependencies = {
 		"cx-button": te,
-		"cx-dialog": ke,
+		"cx-dialog": Ie,
 		"cx-multi-select": Dn
 	};
 	get canApply() {
@@ -1292,7 +1292,7 @@ var Dn = B, On = /* @__PURE__ */ function(e) {
 		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)], An.prototype, "dialogEl", void 0), l([s({
+l([f("cx-dialog"), u("design:type", Ie === void 0 ? Object : Ie)], An.prototype, "dialogEl", void 0), l([s({
 	reflect: !0,
 	type: Boolean
 }), u("design:type", Object)], An.prototype, "open", void 0), l([s({ attribute: !1 }), u("design:type", Array)], An.prototype, "entries", void 0), l([c(), u("design:type", Object)], An.prototype, "firstColumnData", void 0), l([c(), u("design:type", Object)], An.prototype, "secondColumnData", void 0), l([c(), u("design:type", Array)], An.prototype, "visibleFields", void 0), l([
@@ -1396,7 +1396,7 @@ var Ln = In, Rn = i`.table-row-actions__button::part(label),.table-row-actions__
 		return this;
 	}
 	handleActionChange() {
-		this.groupedDropdownItems = We(this.action?.options?.dropdownItems ?? [], "section"), this.sections = Object.keys(this.groupedDropdownItems);
+		this.groupedDropdownItems = Me(this.action?.options?.dropdownItems ?? [], "section"), this.sections = Object.keys(this.groupedDropdownItems);
 	}
 	handleActionClick(e) {
 		let t = e.currentTarget?.dataset?.action;
@@ -2755,7 +2755,7 @@ var Pr = class e extends W {
 		if (!this.table.destroyed && !this.blocked) {
 			e.preventDefault(), e.stopPropagation(), this.customSelection ? (t = this.customSelection, this.table.options.clipboardCopyFormatter && typeof this.table.options.clipboardCopyFormatter == "function" && (t = this.table.options.clipboardCopyFormatter("plain", t))) : (r = this.table.modules.export?.generateExportList(this.table.options.clipboardCopyConfig, this.table.options.clipboardCopyStyled, this.rowRange, "clipboard"), n = this.table.modules.export?.generateHTMLTable(r), t = n ? this.generatePlainContent(r) : "", this.table.options.clipboardCopyFormatter && typeof this.table.options.clipboardCopyFormatter == "function" && (t = this.table.options.clipboardCopyFormatter("plain", t), n = this.table.options.clipboardCopyFormatter("html", n ?? "")));
 			let i = Nr(e);
-			i?.setData && (i.setData("text/plain", t), n && i.setData("text/html", n), Ye("Copied to clipboard", { notificationType: "success" })), this.dispatchExternal("clipboardCopied", t, n), this.reset();
+			i?.setData && (i.setData("text/plain", t), n && i.setData("text/html", n), Ee("Copied to clipboard", { notificationType: "success" })), this.dispatchExternal("clipboardCopied", t, n), this.reset();
 		}
 	}
 	handlePasteEvent(e) {
@@ -16119,12 +16119,12 @@ var nd, Z = class extends d {
 	static #t = this.styles = [
 		h,
 		Cu,
-		Oe
+		Fe
 	];
 	static #n = this.dependencies = {
 		"cx-button": te,
 		"cx-checkbox": fe,
-		"cx-divider": Ae,
+		"cx-divider": Le,
 		"cx-faceted-filter": Nt,
 		"cx-format-number": Xe,
 		"cx-icon": O,
@@ -16413,7 +16413,7 @@ var nd, Z = class extends d {
 				this.tabulatorInstance.redraw();
 				return;
 			}
-			this.osInstance = De({
+			this.osInstance = Pe({
 				elements: { viewport: this.tabulatorHolder },
 				scrollbars: { slot: this.table },
 				target: this.tabulatorHolder
@@ -17417,7 +17417,7 @@ var rd = Z, Q = /* @__PURE__ */ function(e) {
 		let t = e.getRow().getData(), n = document.createElement("div");
 		n.style.width = "100%", n.style.userSelect = "none";
 		let r = document.createElement("div");
-		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);
+		r.style.backgroundColor = Ue(t.hex ?? "", We.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.overflowWrap = "anywhere", i.style.whiteSpace = "var(--swatch-cell-white-space, nowrap)", n.appendChild(i), n;
 	},
@@ -17557,14 +17557,14 @@ var _d = i`:host{--grid-gap:var(--cx-spacing-medium);--grid-column-gap:var(--gri
 			"RGB",
 			"CMYK",
 			"PMS"
-		], this.multiLanguage = !1, this.codeAlignment = Fe.SameLine, this.codeSeparator = Ne.Comma, this.hexFormat = Le.LeadingHash, this.showElements = [
+		], this.multiLanguage = !1, this.codeAlignment = He.SameLine, this.codeSeparator = Be.Comma, this.hexFormat = We.LeadingHash, this.showElements = [
 			od.PaletteName,
 			od.ColumnTitles,
 			od.SeparatorLine
-		], this.nameColumnWidthMode = id.HugContents, this.nameColumnConstraints = !1, this.nameColumnWidth = "", this.codeColumnWidthMode = id.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);
+		], this.nameColumnWidthMode = id.HugContents, this.nameColumnConstraints = !1, this.nameColumnWidth = "", this.codeColumnWidthMode = id.HugContents, this.codeColumnConstraints = !1, this.codeColumnWidth = "", this.customColumns = [], this.gradientEffect = !1, this.breakpoints = Ye, this.deviceType = Ke.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();
+		this.setAttribute("role", "region"), this.setAttribute("aria-label", this.localize.term("colorSwatches")), this.setAttribute("aria-roledescription", this.localize.term("colorSwatches")), this.breakpoints = qe(this, this.breakpoints), this.handleResize();
 	}
 	connectedCallback() {
 		super.connectedCallback(), window.addEventListener("resize", this.handleWindowResize);
@@ -17583,7 +17583,7 @@ var _d = i`:host{--grid-gap:var(--cx-spacing-medium);--grid-column-gap:var(--gri
 				this.currentCol = Math.floor((e + n) / (165 + n));
 				break;
 			}
-			case Q.Circles: this.deviceType = Ve(this.breakpoints);
+			case Q.Circles: this.deviceType = Je(this.breakpoints);
 		}
 	}
 	handleKeyDown(e) {
@@ -17662,7 +17662,7 @@ var _d = i`:host{--grid-gap:var(--cx-spacing-medium);--grid-column-gap:var(--gri
 		return t;
 	}
 	formatCode(e, t) {
-		return e === "hex" ? Ie(t, this.hexFormat) : e === "rgb" || e === "cmyk" ? Pe(t, this.codeSeparator) : t;
+		return e === "hex" ? Ue(t, this.hexFormat) : e === "rgb" || e === "cmyk" ? Ve(t, this.codeSeparator) : t;
 	}
 	applyColumnSettings(e, t) {
 		let n = { ...e }, r = t.widthMode === id.HugContents;
@@ -17746,12 +17746,12 @@ var _d = i`:host{--grid-gap:var(--cx-spacing-medium);--grid-column-gap:var(--gri
 		this.isContainerFocused || (this.canFocusContainer = !this.isFocused);
 	}
 	get currentDirection() {
-		return this.variant === Q.Circles && this.deviceType !== ze.Desktop ? "vertical" : "horizontal";
+		return this.variant === Q.Circles && this.deviceType !== Ke.Desktop ? "vertical" : "horizontal";
 	}
 	get swatchVariant() {
 		switch (this.variant) {
-			case Q.Circles: return this.deviceType === ze.Tablet ? Re.Oval : Re.Circle;
-			case Q.Grid: return Re.GridItem;
+			case Q.Circles: return this.deviceType === Ke.Tablet ? Ge.Oval : Ge.Circle;
+			case Q.Grid: return Ge.GridItem;
 			default: return;
 		}
 	}
@@ -17781,7 +17781,7 @@ var _d = i`:host{--grid-gap:var(--cx-spacing-medium);--grid-column-gap:var(--gri
 			[`color-swatch-group__swatches--circles--${e}`]: this.variant === Q.Circles
 		})} 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
+			"color-swatch-group__swatches--circles--vertical__item--mobile": this.variant === Q.Circles && this.deviceType === Ke.Mobile
 		})} @keydown=${this.handleKeyDown} @focusout=${this.handleFocusOut}></cx-color-swatch>`)}</cx-space>`)}
     `;
 	}
@@ -17815,15 +17815,15 @@ l([f(".color-swatch-group__swatches"), u("design:type", typeof HTMLDivElement >
 	attribute: "code-alignment",
 	reflect: !0,
 	type: String
-}), u("design:type", Fe === void 0 ? Object : Fe)], $.prototype, "codeAlignment", void 0), l([s({
+}), u("design:type", He === void 0 ? Object : He)], $.prototype, "codeAlignment", void 0), l([s({
 	attribute: "code-separator",
 	reflect: !0,
 	type: String
-}), u("design:type", Ne === void 0 ? Object : Ne)], $.prototype, "codeSeparator", void 0), l([s({
+}), u("design:type", Be === void 0 ? Object : Be)], $.prototype, "codeSeparator", void 0), l([s({
 	attribute: "hex-format",
 	reflect: !0,
 	type: String
-}), u("design:type", Le === void 0 ? Object : Le)], $.prototype, "hexFormat", void 0), l([s({
+}), u("design:type", We === void 0 ? Object : We)], $.prototype, "hexFormat", void 0), l([s({
 	attribute: "show-elements",
 	converter: {
 		fromAttribute: (e) => (e?.split(" ") ?? []).filter((e) => ld.has(e)),
@@ -17880,7 +17880,7 @@ l([f(".color-swatch-group__swatches"), u("design:type", typeof HTMLDivElement >
 	attribute: "gradient-effect",
 	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([
+}), 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([
 	oe(100),
 	u("design:type", Function),
 	u("design:paramtypes", []),

package/library/chunks/{config-manager.C9OGzzbe.js → config-manager.FRWbPVTc.js}

@@ -14,7 +14,7 @@ import { t as b } from "./style-map.DPGQIxip.js";
 import { t as x } from "./button.CI1tg4c9.js";
 import { t as ee } from "./tooltip.CGCOh4cQ.js";
 import { t as te } from "./line-clamp.DlenWria.js";
-import { C as ne, D as re, E as ie, O as ae, S as oe, T as se, _ as ce, a as le, b as ue, c as de, g as fe, i as pe, l as me, n as he, o as ge, s as S, t as C, v as w, w as T, x as E, y as D } from "./block-width.CU2PEBrV.js";
+import { C as ne, D as re, E as ie, O as ae, S as oe, T as se, _ as ce, a as le, b as ue, c as de, g as fe, i as pe, l as me, n as he, o as ge, s as S, t as C, v as w, w as T, x as E, y as D } from "./block-width.rWsXJkoW.js";
 import { t as O } from "./typography.B0mkhqTB.js";
 import { t as k } from "./button-group.CPfXrqyq.js";
 import { t as A } from "./card.3c-X4hqR.js";
@@ -30,16 +30,16 @@ import { t as Ce } from "./textarea.Bc4eCJgT.js";
 import { t as we } from "./option.wsYX6Pp-.js";
 import { t as Te } from "./space.Dd8jezXK.js";
 import { t as Ee } from "./select.v6t2pNH4.js";
-import { t as De } from "./tab.C2OFvGGj.js";
-import { t as z } from "./tab-group.DP9EvXFy.js";
+import { t as De } from "./tab.Dd0cNxxc.js";
+import { t as z } from "./tab-group.oiueox5q.js";
 import { t as Oe } from "./map.ByDuLduF.js";
 import { t as ke } from "./tab-panel.BxeoKuSv.js";
 import { t as Ae } from "./visually-hidden.Bv3SInZp.js";
+import { R as je } from "./src.DKYroWZc.js";
 import { o as B, t as V } from "./dialog.BuirdRW8.js";
-import { t as je } from "./divider.CqSNZCU8.js";
-import { n as Me } from "./toString.r2ImdBrm.js";
-import { m as H, s as Ne } from "./responsive.L9Csz2w2.js";
-import { isFormInteracted as Pe } from "../utils.js";
+import { t as Me } from "./divider.CqSNZCU8.js";
+import { n as Ne } from "./toString.r2ImdBrm.js";
+import { m as H, s as Pe } from "./responsive.L9Csz2w2.js";
 import { t as Fe } from "./keyed.zYwdaCfO.js";
 import { t as Ie } from "./grid.CK4PRwur.js";
 import { t as Le } from "./grid-item.CSieaU5T.js";
@@ -47,8 +47,8 @@ import { t as Re } from "./radio.DhPbmKbQ.js";
 import { t as ze } from "./radio-card.DPIcsAW9.js";
 import { t as Be } from "./radio-group.DKOIr2PH.js";
 import { t as Ve } from "./switch.D6KXmWnC.js";
-import { t as He } from "./bicolor-picker.C0PxxFzf.js";
-import { t as Ue } from "./border-input-group.w-T10AEY.js";
+import { t as He } from "./bicolor-picker.C9XSuhnX.js";
+import { t as Ue } from "./border-input-group.DESRXoh1.js";
 import { n as We, t as U } from "./confirm-popover.CaNKM2dH.js";
 import { t as Ge } from "./corner-position-input-group.CPrsYabs.js";
 import { t as W } from "./_baseIteratee.DWc2-Bvm.js";
@@ -57,13 +57,13 @@ import { r as G } from "./folder-select.CzNXsgl_.js";
 import { t as qe } from "./choose.C2vpqhLc.js";
 import { t as Je } from "./padding-input-group.DKIv6567.js";
 import { t as Ye } from "./position-picker.CyXlSYCi.js";
-import { t as Xe } from "./shadow-input-group.C9DU0Ehy.js";
+import { t as Xe } from "./shadow-input-group.CFb61kzG.js";
 import { t as Ze } from "./size-input-group.Z_9n7Nv6.js";
-import { T as K } from "./asset-link-format.BEJh0Fqs.js";
+import { T as K } from "./asset-link-format.DLmg4fTR.js";
 import { n as Qe } from "./_baseXor.Ca5K0ORC.js";
 import { n as $e, s as et, t as q } from "./isArrayLikeObject.Da3IzQeH.js";
 import { i as tt } from "./_baseClone.CnI5Vpqn.js";
-import { C as nt, i as rt, o as J, t as it } from "./configs-controller.D3dYYbfz.js";
+import { C as nt, i as rt, o as J, t as it } from "./configs-controller.R67BMWep.js";
 import { t as at } from "./isEmpty.D3QQduJ5.js";
 import { i as ot } from "./cloneDeep.C6x5LNv3.js";
 //#region ../../node_modules/lodash-es/difference.js
@@ -87,7 +87,7 @@ function lt(e) {
 //#region ../../node_modules/lodash-es/pickBy.js
 function ut(e, t) {
 	if (e == null) return {};
-	var n = Me(tt(e), function(e) {
+	var n = Ne(tt(e), function(e) {
 		return [e];
 	});
 	return t = W(t), ot(e, n, function(e, n) {
@@ -336,7 +336,7 @@ var Y = (e) => M(e) ? e._$litType$.h : e.strings, X = g(class extends h {
 					case "image-picker":
 						o = async (t) => {
 							if (typeof t == "object" && t) {
-								let { id: r, src: i } = t, a = e.pickerConfigs?.recordIdKey ?? "record-id", o = e.pickerConfigs?.aspectRatioKey, s = r ? await this.controlRenderer.resolveAssetFormat(r, e.pickerConfigs?.defaultFormat ?? "") : {
+								let { id: r, src: i } = t, a = e.pickerConfigs?.recordIdKey ?? "record-id", o = e.pickerConfigs?.aspectRatioKey, s = r ? await this.controlRenderer.resolveAssetFormat(r, e.pickerConfigs?.defaultFormat ?? "", !0) : {
 									aspectRatio: 0,
 									src: ""
 								};
@@ -453,7 +453,7 @@ var Y = (e) => M(e) ? e._$litType$.h : e.strings, X = g(class extends h {
 		"cx-corner-position-input-group": Ge,
 		"cx-dam-custom-toolbar-buttons-editor": ge,
 		"cx-dialog": V,
-		"cx-divider": je,
+		"cx-divider": Me,
 		"cx-download-format-picker": re,
 		"cx-dropdown": _e,
 		"cx-dynamic-select": Ke,
@@ -525,7 +525,7 @@ var Y = (e) => M(e) ? e._$litType$.h : e.strings, X = g(class extends h {
 		e?.target === this.dialog && e.detail.source !== "overlay" && (this.handleClose(), this.isAfterShow = !1, this.disableCloseConfigDialog = !1);
 	}
 	handleRequestClose(e) {
-		e?.target === this.dialog && (this.disableCloseConfigDialog ? e.preventDefault() : Pe(this.form) ? (e.preventDefault(), this.confirmPopover.show()) : this.hide());
+		e?.target === this.dialog && (this.disableCloseConfigDialog ? e.preventDefault() : je(this.form) ? (e.preventDefault(), this.confirmPopover.show()) : this.hide());
 	}
 	handleNameInputChange(e) {
 		this.emit("cx-content-builder-form-field-change", { detail: {
@@ -734,7 +734,7 @@ var Q = Z, yt = n`:host{display:block}.confirm-popover__footer{--color:var(--cx-
 		if (t && n?.tagName === "CX-COLUMN" && n.containerEl && r) return `${Number.parseInt(String(C(t, n, r)))}px`;
 	}
 	getContainerFontVariants() {
-		for (let e = this.component?.parent(); e; e = e.parent()) if (e.get("type") === Ne.FontKitAdvanced) {
+		for (let e = this.component?.parent(); e; e = e.parent()) if (e.get("type") === Pe.FontKitAdvanced) {
 			let t = e.view?.el;
 			return ht(t?.typefacesArray ?? []);
 		}

package/library/chunks/{configs-controller.D3dYYbfz.js → configs-controller.R67BMWep.js}

@@ -5,18 +5,18 @@ import { a as o, c as s, i as c, l, o as u, s as d } from "./resizable-component
 import { D as f, E as p, O as m, u as h } from "./string.DamEXDH2.js";
 import { n as g } from "./position-picker.dY_vgF_H.js";
 import { a as _, n as v, o as ee, s as y } from "./src.BJhIYoMP.js";
-import { a as te, i as ne, r as re } from "./tab-group.DP9EvXFy.js";
+import { a as te, i as ne, r as re } from "./tab-group.oiueox5q.js";
 import { t as ie } from "./parse.CDrJ-NY7.js";
 import { t as ae } from "./toString.r2ImdBrm.js";
 import { t as oe } from "./capitalize.BT_EavGy.js";
-import { a as se, i as ce, n as le, r as ue } from "./document-viewer.C7WOv7ns.js";
-import { f as de, l as fe } from "./url.CZO_DV8Y.js";
+import { a as se, i as ce, n as le, r as ue } from "./document-viewer.DZp_IRF7.js";
+import { l as de, p as fe } from "./url.BCc06dE7.js";
 import { _ as pe, g as me, p as he, v as ge } from "./color.CIOzHtLK.js";
 import { g as _e, m as b, p as ve, s as x } from "./responsive.L9Csz2w2.js";
-import { n as ye, r as be } from "./header.qIpzHeNc.js";
+import { n as ye, r as be } from "./header.BaWpIXRz.js";
 import { d as xe, f as S, l as C, o as w, s as Se } from "./endpoints.jOHOmF_t.js";
 import { n as Ce } from "./folder-select.CzNXsgl_.js";
-import { a as T, i as E, o as D, r as O, s as we } from "./color-swatch-group.DUskDB_p.js";
+import { a as T, i as E, o as D, r as O, s as we } from "./color-swatch-group.Cf9NcMte.js";
 import { n as Te } from "./isEmpty.D3QQduJ5.js";
 import { a as k } from "./cloneDeep.C6x5LNv3.js";
 //#region ../../packages/services/src/api/dashboard/dashboard.ts
@@ -1354,7 +1354,7 @@ async function jn({ searchTerm: e = "" }) {
 		return {
 			data: (await An({ searchTerm: e })).map((e) => ({
 				label: e.name,
-				value: de(e.absoluteURL) ?? ""
+				value: fe(e.absoluteURL) ?? ""
 			})),
 			hasMore: !1
 		};
@@ -1507,8 +1507,8 @@ var V = class {
 		iconField: "collapse-icon",
 		iconWidthField: "--collapse-icon-width"
 	}
-], H = (e) => !!e.customStyle, Ln = (e) => {
-	let t = [
+], H = (e) => !!e.customStyle, Ln = (e, t) => {
+	let n = [
 		{
 			configOrder: 1,
 			field: "label",
@@ -1535,7 +1535,7 @@ var V = class {
 			show: H,
 			title: e.term("background")
 		},
-		{
+		...t ? [{
 			assetTransformationConfigs: {
 				assetIdKey: "backgroundRecordId",
 				formatKey: "backgroundFormat",
@@ -1548,7 +1548,7 @@ var V = class {
 			hidden: !0,
 			show: (e) => H(e) && !!e.backgroundRecordId,
 			title: e.term("backgroundFormat")
-		},
+		}] : [],
 		{
 			configOrder: 5,
 			controlType: "radio-group",
@@ -1574,21 +1574,21 @@ var V = class {
 			show: H,
 			title: e.term("cropFocus")
 		}
-	], n = In.flatMap((n, r) => {
-		let i = t.length + 1 + r * 6;
+	], r = In.flatMap((t, r) => {
+		let i = n.length + 1 + r * 6;
 		return [
 			{
 				configOrder: i,
 				controlType: "group-heading",
-				field: n.headingField,
+				field: t.headingField,
 				hidden: !0,
 				show: H,
-				title: e.term(n.headingTerm)
+				title: e.term(t.headingTerm)
 			},
 			{
 				configOrder: i + 1,
 				controlType: "bicolor-picker",
-				field: n.backgroundColorField,
+				field: t.backgroundColorField,
 				hidden: !0,
 				show: H,
 				title: e.term("backgroundColor")
@@ -1596,7 +1596,7 @@ var V = class {
 			{
 				configOrder: i + 2,
 				controlType: "bicolor-picker",
-				field: n.colorField,
+				field: t.colorField,
 				hidden: !0,
 				show: H,
 				title: e.term("textAndIconsColor")
@@ -1604,7 +1604,7 @@ var V = class {
 			{
 				configOrder: i + 3,
 				controlType: "border-input-group",
-				field: n.borderField,
+				field: t.borderField,
 				hidden: !0,
 				show: H,
 				title: e.term("border")
@@ -1612,7 +1612,7 @@ var V = class {
 			{
 				configOrder: i + 4,
 				controlType: "icon-picker",
-				field: n.iconField,
+				field: t.iconField,
 				hidden: !0,
 				show: H,
 				title: e.term("icon")
@@ -1620,7 +1620,7 @@ var V = class {
 			{
 				configOrder: i + 5,
 				controlType: "input",
-				field: n.iconWidthField,
+				field: t.iconWidthField,
 				hidden: !0,
 				...z,
 				show: H,
@@ -1628,10 +1628,10 @@ var V = class {
 			}
 		];
 	});
-	return [...t, ...n];
+	return [...n, ...r];
 }, Rn = {
 	configs: (e, t = {}) => {
-		let n = new V(e), { enableFontFamilyControls: r = !1 } = t;
+		let n = new V(e), { enableAssetFormatControls: r = !1, enableFontFamilyControls: i = !1 } = t;
 		return [
 			...[
 				"data-content-width-percent",
@@ -1658,7 +1658,7 @@ var V = class {
 				listEditorConfigs: {
 					addDialogLabel: e.term("addSection"),
 					addItemText: e.term("addSection"),
-					columns: Ln(e),
+					columns: Ln(e, r),
 					displayField: "label",
 					editDialogLabel: e.term("editSection"),
 					noHeader: !0,
@@ -1780,7 +1780,7 @@ var V = class {
 				id: "--header-border-radius",
 				name: "header-border-radius"
 			},
-			...r ? [{
+			...i ? [{
 				...n.getStyleControl("--font-size"),
 				id: "--header-font-size",
 				label: e.term("fontSize"),
@@ -2162,7 +2162,7 @@ var V = class {
 				id: "click-link",
 				inputConfigs: { validation: (t) => {
 					let n = t["click-link"];
-					return fe(n) ? "" : e.term("urlValidationMessage");
+					return de(n) ? "" : e.term("urlValidationMessage");
 				} },
 				label: e.term("link"),
 				name: "click-link",
@@ -8546,7 +8546,7 @@ var Mr = {
 				id: "click-link",
 				inputConfigs: { validation: (t) => {
 					let n = t["click-link"];
-					return fe(n) ? "" : e.term("urlValidationMessage");
+					return de(n) ? "" : e.term("urlValidationMessage");
 				} },
 				label: e.term("link"),
 				name: "click-link",
@@ -10468,7 +10468,7 @@ var qr = {
 				id: "click-link",
 				inputConfigs: { validation: (t) => {
 					let n = t["click-link"];
-					return fe(n) ? "" : e.term("urlValidationMessage");
+					return de(n) ? "" : e.term("urlValidationMessage");
 				} },
 				label: e.term("link"),
 				name: "click-link",