@orangelogic/design-system 3.42.0 → 3.44.0

package/library/chunks/{border-input-group.DvjGBsxF.js → border-input-group.D0_n4dvI.js}

@@ -5,7 +5,7 @@ import { t as s } from "./custom-element.BEMYNDK1.js";
 import { t as c } from "./i18n.CpiuF-f4.js";
 import { t as l } from "./input.HC75Gdv_.js";
 import { t as u } from "./space.Dd8jezXK.js";
-import { t as d } from "./bicolor-picker.BFLMj79r.js";
+import { t as d } from "./bicolor-picker.pEuB5d7x.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.CJL_5JjX.js → color-picker.DwYmn7LF.js}

@@ -23,12 +23,12 @@ import { c as w, d as T, f as E, i as D, n as O, o as k, s as ne, u as A } from
 import { t as j } from "./drag.s0AcVpKh.js";
 import { t as M } from "./math.od1DVmRk.js";
 import { t as N } from "./repeat.CKv9FPlC.js";
-import { t as P } from "./dropdown.jv7u3Wm8.js";
+import { t as P } from "./dropdown.Bap8f8gT.js";
 import { t as F } from "./input.HC75Gdv_.js";
 import { t as I } from "./option.CxsY_LQ-.js";
 import { t as L } from "./select.DLMCyAHm.js";
 import { t as R } from "./tab.B7cI6tex.js";
-import { t as z } from "./tab-group.n9Wud7bJ.js";
+import { t as z } from "./tab-group.BgkjcwaU.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.CWPweLjs.js → color-swatch-group.Pm-mqCgt.js}

@@ -27,18 +27,18 @@ import { n as le, t as ue } from "./typography.B0mkhqTB.js";
 import { t as de } from "./badge.H_UuxPXn.js";
 import { t as fe } from "./checkbox.C6vsHW9n.js";
 import { t as pe } from "./repeat.CKv9FPlC.js";
-import { t as me } from "./dropdown.jv7u3Wm8.js";
+import { t as me } from "./dropdown.Bap8f8gT.js";
 import { t as he } from "./input.HC75Gdv_.js";
-import { t as ge } from "./menu.BPTg0Ebu.js";
-import { t as _e } from "./menu-item.BpILLN4i.js";
+import { t as ge } from "./menu.C7zSpVh7.js";
+import { t as _e } from "./menu-item.FZopoctH.js";
 import { t as ve } from "./space.Dd8jezXK.js";
 import { t as ye } from "./unsafe-html.Cb838aX7.js";
 import { t as be } from "./select.DLMCyAHm.js";
 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.DRv08ocO.js";
-import { i as De, s as Oe, t as ke } from "./dialog.DyVvpdaY.js";
-import { t as Ae } from "./divider.CqSNZCU8.js";
+import { i as Ee, s as De, t as Oe } from "./dialog.DyVvpdaY.js";
+import { t as ke } from "./divider.CqSNZCU8.js";
+import { t as Ae } from "./details.DRv08ocO.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";
@@ -153,7 +153,7 @@ var At = {
 	static #n = this.dependencies = {
 		"cx-badge": de,
 		"cx-button": te,
-		"cx-details": Ee,
+		"cx-details": Ae,
 		"cx-dropdown": me,
 		"cx-icon": O,
 		"cx-icon-button": T,
@@ -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": ke,
 		"cx-icon": O,
 		"cx-icon-button": T,
 		"cx-input": he,
@@ -1225,7 +1225,7 @@ var Tn = B, En = /* @__PURE__ */ function(e) {
 	static #e = this.styles = [h, Dn];
 	static #t = this.dependencies = {
 		"cx-button": te,
-		"cx-dialog": ke,
+		"cx-dialog": Oe,
 		"cx-multi-select": Tn
 	};
 	get canApply() {
@@ -1274,7 +1274,7 @@ var Tn = B, En = /* @__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)], On.prototype, "dialogEl", void 0), l([s({
+l([f("cx-dialog"), u("design:type", Oe === void 0 ? Object : Oe)], On.prototype, "dialogEl", void 0), l([s({
 	reflect: !0,
 	type: Boolean
 }), u("design:type", Object)], On.prototype, "open", void 0), l([s({ attribute: !1 }), u("design:type", Array)], On.prototype, "entries", void 0), l([c(), u("design:type", Object)], On.prototype, "firstColumnData", void 0), l([c(), u("design:type", Object)], On.prototype, "secondColumnData", void 0), l([c(), u("design:type", Array)], On.prototype, "visibleFields", void 0), l([
@@ -16101,12 +16101,12 @@ var ed, Z = class extends d {
 	static #t = this.styles = [
 		h,
 		xu,
-		Oe
+		De
 	];
 	static #n = this.dependencies = {
 		"cx-button": te,
 		"cx-checkbox": fe,
-		"cx-divider": Ae,
+		"cx-divider": ke,
 		"cx-faceted-filter": Nt,
 		"cx-format-number": Xe,
 		"cx-icon": O,
@@ -16395,7 +16395,7 @@ var ed, Z = class extends d {
 				this.tabulatorInstance.redraw();
 				return;
 			}
-			this.osInstance = De({
+			this.osInstance = Ee({
 				elements: { viewport: this.tabulatorHolder },
 				scrollbars: { slot: this.table },
 				target: this.tabulatorHolder

package/library/chunks/{config-manager.LNBg46oc.js → config-manager.B3oU6rhe.js}

@@ -12,66 +12,66 @@ import { t as v } from "./when.BUskJLtZ.js";
 import { t as y } from "./icon.CeQpEaQz.js";
 import { t as b } from "./style-map.DPGQIxip.js";
 import { t as x } from "./button.BE-fTtOZ.js";
-import { t as S } from "./tooltip.EVa9qa8X.js";
-import { t as ee } from "./line-clamp.CUDArhQk.js";
-import { C as te, S as ne, T as re, _ as ie, a as ae, b as oe, c as se, g as ce, h as le, i as ue, m as de, o as fe, p as pe, r as me, s as he, t as C, v as w, w as T, x as E, y as D } from "./config-manager.utils.BvTZWpSg.js";
+import { t as ee } from "./tooltip.EVa9qa8X.js";
+import { t as te } from "./line-clamp.CUDArhQk.js";
+import { C as ne, E as re, S as ie, T as ae, _ as oe, a as se, b as ce, c as le, g as ue, h as de, i as fe, l as pe, m 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.C1BPe6lP.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";
 import { t as j } from "./checkbox.C6vsHW9n.js";
 import { a as M, c as N, i as P, n as F, o as I, s as L } from "./directive-helpers.BuvXXfwA.js";
 import { t as R } from "./repeat.CKv9FPlC.js";
-import { t as ge } from "./dropdown.jv7u3Wm8.js";
-import { t as _e } from "./input.HC75Gdv_.js";
-import { t as ve } from "./menu.BPTg0Ebu.js";
-import { t as ye } from "./menu-item.BpILLN4i.js";
-import { n as be, t as xe } from "./ref.CU1NC5AM.js";
-import { t as Se } from "./textarea.Bc4eCJgT.js";
-import { t as Ce } from "./option.CxsY_LQ-.js";
-import { t as we } from "./space.Dd8jezXK.js";
-import { t as Te } from "./select.DLMCyAHm.js";
-import { t as Ee } from "./tab.B7cI6tex.js";
-import { t as z } from "./tab-group.n9Wud7bJ.js";
-import { t as De } from "./map.ByDuLduF.js";
-import { t as Oe } from "./tab-panel.BxeoKuSv.js";
-import { t as ke } from "./visually-hidden.Bv3SInZp.js";
+import { t as _e } from "./dropdown.Bap8f8gT.js";
+import { t as ve } from "./input.HC75Gdv_.js";
+import { t as ye } from "./menu.C7zSpVh7.js";
+import { t as be } from "./menu-item.FZopoctH.js";
+import { n as xe, t as Se } from "./ref.CU1NC5AM.js";
+import { t as Ce } from "./textarea.Bc4eCJgT.js";
+import { t as we } from "./option.CxsY_LQ-.js";
+import { t as Te } from "./space.Dd8jezXK.js";
+import { t as Ee } from "./select.DLMCyAHm.js";
+import { t as De } from "./tab.B7cI6tex.js";
+import { t as z } from "./tab-group.BgkjcwaU.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 { o as B, t as V } from "./dialog.DyVvpdaY.js";
-import { t as Ae } from "./divider.CqSNZCU8.js";
-import { n as je } from "./toString.r2ImdBrm.js";
-import { m as H, s as Me } from "./responsive.L9Csz2w2.js";
-import { isFormInteracted as Ne } from "../utils.js";
-import { t as Pe } from "./keyed.zYwdaCfO.js";
-import { t as Fe } from "./grid.CK4PRwur.js";
-import { t as Ie } from "./grid-item.CSieaU5T.js";
-import { t as Le } from "./radio.DhPbmKbQ.js";
-import { t as Re } from "./radio-card.Cg5NyOUL.js";
-import { t as ze } from "./radio-group.DKOIr2PH.js";
-import { t as Be } from "./switch.D6KXmWnC.js";
-import { t as Ve } from "./bicolor-picker.BFLMj79r.js";
-import { t as He } from "./border-input-group.DvjGBsxF.js";
-import { n as Ue, t as U } from "./confirm-popover.Difhn86O.js";
-import { t as We } from "./corner-position-input-group.80bovr6F.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 Fe } from "./keyed.zYwdaCfO.js";
+import { t as Ie } from "./grid.CK4PRwur.js";
+import { t as Le } from "./grid-item.CSieaU5T.js";
+import { t as Re } from "./radio.DhPbmKbQ.js";
+import { t as ze } from "./radio-card.Cg5NyOUL.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.pEuB5d7x.js";
+import { t as Ue } from "./border-input-group.D0_n4dvI.js";
+import { n as We, t as U } from "./confirm-popover.DENzK8Zo.js";
+import { t as Ge } from "./corner-position-input-group.80bovr6F.js";
 import { t as W } from "./_baseIteratee.DWc2-Bvm.js";
-import { t as Ge } from "./dynamic-select.CyzcAHU5.js";
+import { t as Ke } from "./dynamic-select.CyzcAHU5.js";
 import { r as G } from "./folder-select.B1gyfanN.js";
-import { t as Ke } from "./choose.C2vpqhLc.js";
-import { t as qe } from "./padding-input-group.DYHH1M0o.js";
-import { t as Je } from "./position-picker.B3klGTsy.js";
-import { t as Ye } from "./shadow-input-group.ByN6pEvN.js";
-import { t as Xe } from "./size-input-group.PcWfpR6-.js";
-import { T as K } from "./asset-link-format.1oRTjzY2.js";
-import { n as Ze } from "./_baseXor.Ca5K0ORC.js";
-import { n as Qe, s as $e, t as q } from "./isArrayLikeObject.Da3IzQeH.js";
-import { i as et } from "./_baseClone.CnI5Vpqn.js";
-import { C as tt, i as nt, o as J, t as rt } from "./configs-controller.CCJxfSjT.js";
-import { t as it } from "./isEmpty.D3QQduJ5.js";
-import { i as at } from "./cloneDeep.C6x5LNv3.js";
+import { t as qe } from "./choose.C2vpqhLc.js";
+import { t as Je } from "./padding-input-group.DYHH1M0o.js";
+import { t as Ye } from "./position-picker.B3klGTsy.js";
+import { t as Xe } from "./shadow-input-group.Dp6ME7lP.js";
+import { t as Ze } from "./size-input-group.PcWfpR6-.js";
+import { T as K } from "./asset-link-format.BenfACwj.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.D3ER8OhT.js";
+import { t as at } from "./isEmpty.D3QQduJ5.js";
+import { i as ot } from "./cloneDeep.C6x5LNv3.js";
 //#region ../../node_modules/lodash-es/difference.js
-var ot = Qe(function(e, t) {
-	return q(e) ? Ze(e, $e(t, 1, q, !0)) : [];
-}), st = "Expected a function";
-function ct(e) {
-	if (typeof e != "function") throw TypeError(st);
+var st = $e(function(e, t) {
+	return q(e) ? Qe(e, et(t, 1, q, !0)) : [];
+}), ct = "Expected a function";
+function lt(e) {
+	if (typeof e != "function") throw TypeError(ct);
 	return function() {
 		var t = arguments;
 		switch (t.length) {
@@ -85,23 +85,23 @@ function ct(e) {
 }
 //#endregion
 //#region ../../node_modules/lodash-es/pickBy.js
-function lt(e, t) {
+function ut(e, t) {
 	if (e == null) return {};
-	var n = je(et(e), function(e) {
+	var n = Me(tt(e), function(e) {
 		return [e];
 	});
-	return t = W(t), at(e, n, function(e, n) {
+	return t = W(t), ot(e, n, function(e, n) {
 		return t(e, n[0]);
 	});
 }
 //#endregion
 //#region ../../node_modules/lodash-es/omitBy.js
-function ut(e, t) {
-	return lt(e, ct(W(t)));
+function dt(e, t) {
+	return ut(e, lt(W(t)));
 }
 //#endregion
 //#region ../../packages/organisms/src/content-builder/blocks/font-kit-advanced/font-kit-advanced.utils.ts
-var dt = /* @__PURE__ */ new Map([
+var ft = /* @__PURE__ */ new Map([
 	["100", "Thin"],
 	["200", "Extra Light"],
 	["300", "Light"],
@@ -112,28 +112,28 @@ var dt = /* @__PURE__ */ new Map([
 	["800", "Extra Bold"],
 	["900", "Black"]
 ]);
-J.Cff, J.TrueType, new Set(Object.values(J)), RegExp(`\\$\\{(${Object.values(nt).join("|")})\\}`, "g");
-function ft(e) {
-	return /italic/i.test(e) ? "italic" : "normal";
-}
+J.Cff, J.TrueType, new Set(Object.values(J)), RegExp(`\\$\\{(${Object.values(rt).join("|")})\\}`, "g");
 function pt(e) {
-	return dt.get(e.trim()) ?? e;
+	return /italic/i.test(e) ? "italic" : "normal";
 }
 function mt(e) {
+	return ft.get(e.trim()) ?? e;
+}
+function ht(e) {
 	let t = /* @__PURE__ */ new Map();
 	for (let n of e) {
-		let e = ft(n.fontStyle), r = Number(n.fontWeight) || 400, i = `${r}:${e}`;
+		let e = pt(n.fontStyle), r = Number(n.fontWeight) || 400, i = `${r}:${e}`;
 		t.has(i) || t.set(i, {
 			fontStyle: e,
 			fontWeight: r,
-			name: `${pt(String(r))}${e === "italic" ? " Italic" : ""}`
+			name: `${mt(String(r))}${e === "italic" ? " Italic" : ""}`
 		});
 	}
 	return [...t.values()].sort((e, t) => (e.fontWeight ?? 400) - (t.fontWeight ?? 400) || (e.fontStyle ?? "").localeCompare(t.fontStyle ?? ""));
 }
 //#endregion
 //#region ../../node_modules/lit-html/directives/cache.js
-var Y = (e) => M(e) ? e._$litType$.h : e.strings, ht = g(class extends h {
+var Y = (e) => M(e) ? e._$litType$.h : e.strings, X = g(class extends h {
 	constructor(e) {
 		super(e), this.et = /* @__PURE__ */ new WeakMap();
 	}
@@ -162,9 +162,9 @@ var Y = (e) => M(e) ? e._$litType$.h : e.strings, ht = g(class extends h {
 		} else this.it = void 0;
 		return this.render(t);
 	}
-}), X = n`:host{display:block}.config-form{--body-spacing:0;--header-spacing:var(--cx-spacing-small) var(--cx-spacing-large) 0;--width:680px;--cx-input-required-content-display:none;color:var(--cx-color-neutral)}.config-form__dropdown{text-align:left}.config-form__checkbox-group-item{--item-padding:0;--selected-background-color:transparent}.config-form__radio-card{--radio-card-overflow:clip}.config-form__dropdown-menu{--checked-icon-display:none}.config-form__confirm-popover{--confirm-popover-dialog-width:fit-content;--confirm-button-background-color:var(--cx-color-danger-500);--cancel-button-background-color:var(--cx-color-neutral-100);--cancel-button-color:var(--cx-color-neutral-700)}.config-form__tab-group{--padding:0;--tab-group-nav-padding:0 var(--cx-spacing-large);--tab-group-top-gap:0}.config-form__tab-group::part(nav){background-color:var(--cx-color-neutral-0);z-index:1;position:sticky;top:0}`, gt = /* @__PURE__ */ e(ie(), 1), _t = class {
+}), gt = n`:host{display:block}.config-form{--body-spacing:0;--header-spacing:var(--cx-spacing-small) var(--cx-spacing-large) 0;--width:680px;--cx-input-required-content-display:none;color:var(--cx-color-neutral)}.config-form__dropdown{text-align:left}.config-form__checkbox-group-item{--item-padding:0;--selected-background-color:transparent}.config-form__radio-card{--radio-card-overflow:clip}.config-form__dropdown-menu{--checked-icon-display:none}.config-form__confirm-popover{--confirm-popover-dialog-width:fit-content;--confirm-button-background-color:var(--cx-color-danger-500);--cancel-button-background-color:var(--cx-color-neutral-100);--cancel-button-color:var(--cx-color-neutral-700)}.config-form__tab-group{--padding:0;--tab-group-nav-padding:0 var(--cx-spacing-large);--tab-group-top-gap:0}.config-form__tab-group::part(nav){background-color:var(--cx-color-neutral-0);z-index:1;position:sticky;top:0}`, _t = /* @__PURE__ */ e(w(), 1), vt = class {
 	constructor(e) {
-		this.host = e, this.localize = new p(this.host), this.controlRenderer = new se(this.host, {
+		this.host = e, this.localize = new p(this.host), this.controlRenderer = new pe(this.host, {
 			commit: async ({ callback: e, immediate: t, key: n, type: r, value: i }) => {
 				if (t && r === "attribute") {
 					this.handleAttributeChange(n, i, e);
@@ -270,7 +270,7 @@ var Y = (e) => M(e) ? e._$litType$.h : e.strings, ht = g(class extends h {
         ${v(c, () => t`<cx-typography variant="body3" class="config-form__help-text">${c}</cx-typography>`)}</cx-space>`;
 	}
 	renderBasicControls(e, n, r) {
-		let i = xe(), a = t`
+		let i = Se(), a = t`
       ${R(e.filter((e) => {
 			let t = !r || e.name && this.host.tabMap[e.name] === r || n?.name && this.host.tabMap[n.name] === r, i = !1;
 			return e.controlType === "placeholder" ? i = !0 : (!this.host.skipShowCheck || !e.skipShowCheck) && (typeof e.show == "boolean" ? i = !e.show : typeof e.show == "function" ? i = !e.show(this.host.blockAttributes) : n && typeof n.show == "boolean" ? i = !n.show : n && typeof n.show == "function" && (i = !n.show(this.host.blockAttributes))), e.id && t && e.show !== !1 && !i;
@@ -287,7 +287,7 @@ var Y = (e) => M(e) ? e._$litType$.h : e.strings, ht = g(class extends h {
 					break;
 				case "property": this.host.blockProperties[r] !== void 0 && (c = this.host.blockProperties[r]);
 			}
-			if (o === "decorative") return Ke(e.controlType, [["group-heading", () => t`<cx-typography variant="h5">${a}</cx-typography>`], ["info-text", () => this.renderInfoText(e)]], () => t`<cx-typography variant="h5">${a}</cx-typography>`);
+			if (o === "decorative") return qe(e.controlType, [["group-heading", () => t`<cx-typography variant="h5">${a}</cx-typography>`], ["info-text", () => this.renderInfoText(e)]], () => t`<cx-typography variant="h5">${a}</cx-typography>`);
 			if (n) {
 				let a = this.renderBasicControl({
 					container: i,
@@ -317,7 +317,7 @@ var Y = (e) => M(e) ? e._$litType$.h : e.strings, ht = g(class extends h {
 			let { controlType: e, groupConfigs: r } = n;
 			if (e === "group" && r?.direction === "horizontal") {
 				let { columnGap: e, gap: n, rowGap: o, wrap: s } = r;
-				return t`<cx-grid columns="100" use-flex-gap spacing=${_(n)} column-spacing=${_(e)} row-spacing=${_(o)} wrap=${_(s)} ${be(i)}>${a}</cx-grid>`;
+				return t`<cx-grid columns="100" use-flex-gap spacing=${_(n)} column-spacing=${_(e)} row-spacing=${_(o)} wrap=${_(s)} ${xe(i)}>${a}</cx-grid>`;
 			}
 		}
 		return t`<cx-space direction="vertical" wrap="nowrap">${a}</cx-space>`;
@@ -328,8 +328,8 @@ var Y = (e) => M(e) ? e._$litType$.h : e.strings, ht = g(class extends h {
 				let n = !1;
 				return (!this.host.skipShowCheck || !t.skipShowCheck) && (typeof t.show == "boolean" ? n = !t.show : typeof t.show == "function" && (n = !t.show(this.host.blockAttributes))), t.translateGroup === e && !n;
 			});
-			return n.length === 0 ? i : t`<cx-typography variant="h5">${e}</cx-typography>${R(n, (e) => e.id, (e) => e.controlType === "info-text" ? this.renderInfoText(e) : t`<cx-grid columns="4" spacing="var(--cx-spacing-small)" column-spacing="0" use-flex-gap row-spacing="0" wrap="wrap"><cx-grid-item xs="4" sm="1"><cx-typography variant="body2">${e.label}</cx-typography></cx-grid-item><cx-grid-item xs="4" sm="3"><cx-space direction="vertical" spacing="x-small" wrap="nowrap">${De(this.host.sortedLanguages, (n) => {
-				let r = this.localize.languageName(n) || gt.default.getName(n) || n, a = "";
+			return n.length === 0 ? i : t`<cx-typography variant="h5">${e}</cx-typography>${R(n, (e) => e.id, (e) => e.controlType === "info-text" ? this.renderInfoText(e) : t`<cx-grid columns="4" spacing="var(--cx-spacing-small)" column-spacing="0" use-flex-gap row-spacing="0" wrap="wrap"><cx-grid-item xs="4" sm="1"><cx-typography variant="body2">${e.label}</cx-typography></cx-grid-item><cx-grid-item xs="4" sm="3"><cx-space direction="vertical" spacing="x-small" wrap="nowrap">${Oe(this.host.sortedLanguages, (n) => {
+				let r = this.localize.languageName(n) || _t.default.getName(n) || n, a = "";
 				e.id && (a = n === this.host.defaultLanguage ? this.host.blockAttributes[e.id] ?? "" : this.host.translatableControlValues[n]?.[e.id] ?? this.host.translatableControlValues[this.host.defaultLanguage]?.[e.id] ?? this.host.blockAttributes[e.id]);
 				let o;
 				switch (e.controlType) {
@@ -430,65 +430,65 @@ var Y = (e) => M(e) ? e._$litType$.h : e.strings, ht = g(class extends h {
 	}
 }, Z = class extends l {
 	constructor(...e) {
-		super(...e), this.localize = new p(this), this.configFormController = new _t(this), this.loading = !1, this.mode = H.Template, this.adhocProperties = [], this.templateName = "", this.templateId = "", this.supportedLanguages = ["en"], this.translatableControlValues = {}, this.defaultLanguage = "en", this.boundary = document.body, this.baseUrl = "", this.token = "", this.onRequestAsset = void 0, this.onRequestDownloadFormat = void 0, this.onRequestAssetFormat = void 0, this.onConfigureWorkflow = void 0, this.blockAttributes = {}, this.blockProperties = {}, this.blockStyles = {}, this.traits = [], this.translatableControls = [], this.blockName = "", this.name = "", this.description = "", this.showTemplateTab = !1, this.dialogTitle = "", this.skipShowCheck = !1, this.enableAssetFormatControls = !1, this.allowedFolders = [], this.isEditingTemplateSettings = !1, this.disableCloseConfigDialog = !1, this.isAfterShow = !1, this.sortedLanguages = [], this.formKey = 0;
+		super(...e), this.localize = new p(this), this.configFormController = new vt(this), this.loading = !1, this.mode = H.Template, this.adhocProperties = [], this.templateName = "", this.templateId = "", this.supportedLanguages = ["en"], this.translatableControlValues = {}, this.defaultLanguage = "en", this.boundary = document.body, this.baseUrl = "", this.token = "", this.onRequestAsset = void 0, this.onRequestDownloadFormat = void 0, this.onRequestAssetFormat = void 0, this.onConfigureWorkflow = void 0, this.blockAttributes = {}, this.blockProperties = {}, this.blockStyles = {}, this.traits = [], this.translatableControls = [], this.blockName = "", this.name = "", this.description = "", this.showTemplateTab = !1, this.dialogTitle = "", this.skipShowCheck = !1, this.enableAssetFormatControls = !1, this.allowedFolders = [], this.isEditingTemplateSettings = !1, this.disableCloseConfigDialog = !1, this.isAfterShow = !1, this.sortedLanguages = [], this.formKey = 0;
 	}
 	static #e = this.styles = [
 		d,
-		X,
-		w,
-		he
+		gt,
+		D,
+		le
 	];
 	static #t = this.dependencies = {
-		"cx-asset-format-picker": oe,
+		"cx-asset-format-picker": E,
 		"cx-asset-picker": re,
-		"cx-asset-transformation-dialog": D,
-		"cx-bicolor-picker": Ve,
-		"cx-border-input-group": He,
+		"cx-asset-transformation-dialog": ce,
+		"cx-bicolor-picker": He,
+		"cx-border-input-group": Ue,
 		"cx-button": x,
 		"cx-button-group": k,
 		"cx-card": A,
 		"cx-checkbox": j,
-		"cx-color-swatch-picker": ce,
+		"cx-color-swatch-picker": oe,
 		"cx-confirm-popover": U,
-		"cx-corner-position-input-group": We,
-		"cx-dam-custom-toolbar-buttons-editor": ae,
+		"cx-corner-position-input-group": Ge,
+		"cx-dam-custom-toolbar-buttons-editor": ge,
 		"cx-dialog": V,
-		"cx-divider": Ae,
-		"cx-download-format-picker": T,
-		"cx-dropdown": ge,
-		"cx-dynamic-select": Ge,
-		"cx-folder-picker": le,
-		"cx-font-picker": te,
+		"cx-divider": je,
+		"cx-download-format-picker": ae,
+		"cx-dropdown": _e,
+		"cx-dynamic-select": Ke,
+		"cx-folder-picker": ue,
+		"cx-font-picker": T,
 		"cx-gallery-picker": de,
-		"cx-grid": Fe,
-		"cx-grid-item": Ie,
+		"cx-grid": Ie,
+		"cx-grid-item": Le,
 		"cx-icon": y,
 		"cx-icon-picker": ne,
-		"cx-input": _e,
-		"cx-line-clamp": ee,
-		"cx-list-editor": fe,
-		"cx-menu": ve,
-		"cx-menu-item": ye,
-		"cx-option": Ce,
-		"cx-padding-input-group": qe,
-		"cx-page-picker": pe,
-		"cx-position-picker": Je,
-		"cx-radio": Le,
-		"cx-radio-card": Re,
-		"cx-radio-group": ze,
-		"cx-select": Te,
-		"cx-shadow-input-group": Ye,
-		"cx-size-input-group": Xe,
-		"cx-space": we,
-		"cx-switch": Be,
-		"cx-tab": Ee,
+		"cx-input": ve,
+		"cx-line-clamp": te,
+		"cx-list-editor": S,
+		"cx-menu": ye,
+		"cx-menu-item": be,
+		"cx-option": we,
+		"cx-padding-input-group": Je,
+		"cx-page-picker": me,
+		"cx-position-picker": Ye,
+		"cx-radio": Re,
+		"cx-radio-card": ze,
+		"cx-radio-group": Be,
+		"cx-select": Ee,
+		"cx-shadow-input-group": Xe,
+		"cx-size-input-group": Ze,
+		"cx-space": Te,
+		"cx-switch": Ve,
+		"cx-tab": De,
 		"cx-tab-group": z,
-		"cx-tab-panel": Oe,
-		"cx-textarea": Se,
-		"cx-tooltip": S,
-		"cx-type-subtype-select": E,
+		"cx-tab-panel": ke,
+		"cx-textarea": Ce,
+		"cx-tooltip": ee,
+		"cx-type-subtype-select": ie,
 		"cx-typography": O,
-		"cx-visually-hidden": ke
+		"cx-visually-hidden": Ae
 	};
 	get isTemplateEditable() {
 		return this.mode === H.Template;
@@ -504,7 +504,7 @@ var Y = (e) => M(e) ? e._$litType$.h : e.strings, ht = g(class extends h {
 		return this.isTemplateEditable ? t : t.filter((e) => e !== "styling");
 	}
 	get tabMap() {
-		let e = this.traits.map((e) => e.name).filter(Boolean), t = ot(e, this.adhocProperties), n = this.traits.filter((e) => e.tab === "sidePanels").map((e) => e.name).filter(Boolean), r = this.traits.filter((e) => e.tab === "appearance").map((e) => e.name).filter(Boolean), i = this.traits.filter((e) => e.tab === "effects").map((e) => e.name).filter(Boolean), a = {};
+		let e = this.traits.map((e) => e.name).filter(Boolean), t = st(e, this.adhocProperties), n = this.traits.filter((e) => e.tab === "sidePanels").map((e) => e.name).filter(Boolean), r = this.traits.filter((e) => e.tab === "appearance").map((e) => e.name).filter(Boolean), i = this.traits.filter((e) => e.tab === "effects").map((e) => e.name).filter(Boolean), a = {};
 		for (let t of e) a[t] = "content";
 		for (let e of t) a[e] = "styling";
 		for (let e of n) a[e] = "sidePanels";
@@ -525,7 +525,7 @@ var Y = (e) => M(e) ? e._$litType$.h : e.strings, ht = 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() : Ne(this.form) ? (e.preventDefault(), this.confirmPopover.show()) : this.hide());
+		e?.target === this.dialog && (this.disableCloseConfigDialog ? e.preventDefault() : Pe(this.form) ? (e.preventDefault(), this.confirmPopover.show()) : this.hide());
 	}
 	handleNameInputChange(e) {
 		this.emit("cx-content-builder-form-field-change", { detail: {
@@ -575,9 +575,9 @@ var Y = (e) => M(e) ? e._$litType$.h : e.strings, ht = g(class extends h {
 		return t`<cx-space direction="vertical" spacing="medium" wrap="nowrap"><cx-typography variant="body2">${this.localize.term("contentBuilderBlockSettingsHelpText")}</cx-typography><cx-grid columns="3" use-flex-gap spacing="var(--cx-spacing-small)" column-spacing="0" wrap="nowrap"><cx-grid-item xs="3" sm="1"><cx-typography variant="body2">${this.localize.term("templateName")}</cx-typography></cx-grid-item><cx-grid-item xs="3" sm="2"><cx-input name="name" value=${this.name ?? ""} can-show-length maxlength="200" required @cx-change=${this.handleNameInputChange} type="text"></cx-input></cx-grid-item></cx-grid><cx-grid columns="3" use-flex-gap spacing="var(--cx-spacing-small)" column-spacing="0" wrap="nowrap"><cx-grid-item xs="3" sm="1"><cx-typography variant="body2">${this.localize.term("description")}</cx-typography></cx-grid-item><cx-grid-item xs="3" sm="2"><cx-textarea name="description" value=${this.description ?? ""} can-show-length maxlength="200" resize="none" @cx-change=${this.handleDescriptionInputChange} type="text"></cx-textarea></cx-grid-item></cx-grid></cx-space>`;
 	}
 	render() {
-		return t`<cx-dialog class="config-form" use-overlay-scrollbar divider-position=${B.Footer} .boundary=${this.boundary} @cx-after-show=${this.handleAfterShow} @cx-after-hide=${this.handleAfterHide} @cx-request-close=${this.handleRequestClose} @cx-asset-request-status=${this.handleAssetRequestStatus}><cx-space slot="label" direction="vertical" spacing="2x-small"><cx-typography variant="h4">${v(this.dialogTitle, () => t`<cx-line-clamp lines="1">${this.dialogTitle}</cx-line-clamp>`, () => t`${this.localize.term("settingsTitle", this.blockName)}`)}</cx-typography>${v(this.templateName, () => t`<cx-typography variant="body3"><cx-line-clamp lines="1">${this.templateName}</cx-line-clamp></cx-typography>`)}</cx-space>${Pe(this.formKey, t`<form id="config-form" @submit=${this.handleFormSubmit}>${ht(v(this.isEditingTemplateSettings, () => v(this.isTemplateEditable, () => t`<cx-tab-group class="config-form__tab-group" placement="top"><cx-tab slot="nav" panel="template" active>${this.localize.term("template")}</cx-tab><cx-tab-panel name="template" active><cx-space direction="vertical" spacing="x-small" wrap="nowrap">${this.renderTemplateForm()}</cx-space></cx-tab-panel></cx-tab-group>`), () => v(!it(this.traits) && this.tabs.length >= 1, () => t`<cx-tab-group class="config-form__tab-group" placement="top">${v(this.showTemplateTab, () => t`<cx-tab slot="nav" panel="template" active>${this.localize.term("template")}</cx-tab><cx-tab-panel name="template" active><cx-space direction="vertical" spacing="x-small" wrap="nowrap">${this.renderTemplateForm()}</cx-space></cx-tab-panel>`)}
+		return t`<cx-dialog class="config-form" use-overlay-scrollbar divider-position=${B.Footer} .boundary=${this.boundary} @cx-after-show=${this.handleAfterShow} @cx-after-hide=${this.handleAfterHide} @cx-request-close=${this.handleRequestClose} @cx-asset-request-status=${this.handleAssetRequestStatus}><cx-space slot="label" direction="vertical" spacing="2x-small"><cx-typography variant="h4">${v(this.dialogTitle, () => t`<cx-line-clamp lines="1">${this.dialogTitle}</cx-line-clamp>`, () => t`${this.localize.term("settingsTitle", this.blockName)}`)}</cx-typography>${v(this.templateName, () => t`<cx-typography variant="body3"><cx-line-clamp lines="1">${this.templateName}</cx-line-clamp></cx-typography>`)}</cx-space>${Fe(this.formKey, t`<form id="config-form" @submit=${this.handleFormSubmit}>${X(v(this.isEditingTemplateSettings, () => v(this.isTemplateEditable, () => t`<cx-tab-group class="config-form__tab-group" placement="top"><cx-tab slot="nav" panel="template" active>${this.localize.term("template")}</cx-tab><cx-tab-panel name="template" active><cx-space direction="vertical" spacing="x-small" wrap="nowrap">${this.renderTemplateForm()}</cx-space></cx-tab-panel></cx-tab-group>`), () => v(!at(this.traits) && this.tabs.length >= 1, () => t`<cx-tab-group class="config-form__tab-group" placement="top">${v(this.showTemplateTab, () => t`<cx-tab slot="nav" panel="template" active>${this.localize.term("template")}</cx-tab><cx-tab-panel name="template" active><cx-space direction="vertical" spacing="x-small" wrap="nowrap">${this.renderTemplateForm()}</cx-space></cx-tab-panel>`)}
                     ${R(this.tabs.filter((e) => !this.showTemplateTab || e === "appearance" || e === "effects" || e === "sidePanels" || e === "styling"), (e) => e, (e, n) => t`<cx-tab slot="nav" panel=${e} ?active=${!this.showTemplateTab && n === 0}>${this.localize.term(e)}</cx-tab><cx-tab-panel name=${e} ?active=${!this.showTemplateTab && n === 0}><cx-space direction="vertical" spacing="x-small" wrap="nowrap">${this.configFormController.renderBasicControls(this.traits, void 0, e)}</cx-space></cx-tab-panel>`)}
-                    ${v(this.translatableControls.length > 0, () => t`<cx-tab slot="nav" panel="Translation">${this.localize.term("translation")}</cx-tab><cx-tab-panel name="Translation"><cx-space direction="vertical" spacing="x-small" wrap="nowrap">${this.configFormController.renderTranslationControls()}</cx-space></cx-tab-panel>`)}</cx-tab-group>`, () => t`<cx-space direction="vertical" spacing="x-small" wrap="nowrap">${this.configFormController.renderBasicControls(this.traits, void 0, this.tabs[0])}</cx-space>`)))}</form>`)}<cx-space slot="footer" spacing="x-small" wrap="nowrap" justify-content="end"><cx-button variant="default" size="medium" @click=${this.handleCancelClick}>${this.localize.term("cancel")}</cx-button><cx-button-group><cx-button type="submit" variant="primary" size="medium" ?loading=${this.loading} @click=${this.handleSaveClick}>${this.localize.term("save")}</cx-button>${v(this.isTemplateEditable && !this.isEditingTemplateSettings && !this.showTemplateTab, () => t`<cx-dropdown class="config-form__dropdown" placement="bottom-end" hoist @cx-select=${this.handleDropdownSelect}><cx-button slot="trigger" type="submit" variant="primary" caret><cx-visually-hidden>${this.localize.term("moreOptions")}</cx-visually-hidden></cx-button><cx-menu class="config-form__dropdown-menu"><cx-menu-item value="save-as-new-template"><cx-button type="submit" variant="text">${this.localize.term("saveAsNewTemplate")}</cx-button></cx-menu-item>${v(this.templateId, () => t`<cx-menu-item value="detach-template"><cx-button type="submit" variant="text">${this.localize.term("detachTemplate")}</cx-button></cx-menu-item>`)}</cx-menu></cx-dropdown>`)}</cx-button-group></cx-space></cx-dialog><cx-confirm-popover class="config-form__confirm-popover" divider-position=${B.Both} buttons-direction=${Ue.HorizontalReverse} dialog-label=${this.localize.term("dismissChanges")} confirm-text=${this.localize.term("dismissChanges")} .boundary=${this.boundary} variant="dialog" @cx-confirm=${this.hide}><cx-typography variant="body2" slot="footer" class="confirm-popover__footer">${this.localize.term("doYouWantToCloseThisDialogChangesWillBeDismissed")}</cx-typography></cx-confirm-popover>`;
+                    ${v(this.translatableControls.length > 0, () => t`<cx-tab slot="nav" panel="Translation">${this.localize.term("translation")}</cx-tab><cx-tab-panel name="Translation"><cx-space direction="vertical" spacing="x-small" wrap="nowrap">${this.configFormController.renderTranslationControls()}</cx-space></cx-tab-panel>`)}</cx-tab-group>`, () => t`<cx-space direction="vertical" spacing="x-small" wrap="nowrap">${this.configFormController.renderBasicControls(this.traits, void 0, this.tabs[0])}</cx-space>`)))}</form>`)}<cx-space slot="footer" spacing="x-small" wrap="nowrap" justify-content="end"><cx-button variant="default" size="medium" @click=${this.handleCancelClick}>${this.localize.term("cancel")}</cx-button><cx-button-group><cx-button type="submit" variant="primary" size="medium" ?loading=${this.loading} @click=${this.handleSaveClick}>${this.localize.term("save")}</cx-button>${v(this.isTemplateEditable && !this.isEditingTemplateSettings && !this.showTemplateTab, () => t`<cx-dropdown class="config-form__dropdown" placement="bottom-end" hoist @cx-select=${this.handleDropdownSelect}><cx-button slot="trigger" type="submit" variant="primary" caret><cx-visually-hidden>${this.localize.term("moreOptions")}</cx-visually-hidden></cx-button><cx-menu class="config-form__dropdown-menu"><cx-menu-item value="save-as-new-template"><cx-button type="submit" variant="text">${this.localize.term("saveAsNewTemplate")}</cx-button></cx-menu-item>${v(this.templateId, () => t`<cx-menu-item value="detach-template"><cx-button type="submit" variant="text">${this.localize.term("detachTemplate")}</cx-button></cx-menu-item>`)}</cx-menu></cx-dropdown>`)}</cx-button-group></cx-space></cx-dialog><cx-confirm-popover class="config-form__confirm-popover" divider-position=${B.Both} buttons-direction=${We.HorizontalReverse} dialog-label=${this.localize.term("dismissChanges")} confirm-text=${this.localize.term("dismissChanges")} .boundary=${this.boundary} variant="dialog" @cx-confirm=${this.hide}><cx-typography variant="body2" slot="footer" class="confirm-popover__footer">${this.localize.term("doYouWantToCloseThisDialogChangesWillBeDismissed")}</cx-typography></cx-confirm-popover>`;
 	}
 };
 s([u(".config-form"), c("design:type", V === void 0 ? Object : V)], Z.prototype, "dialog", void 0), s([u("#config-form"), c("design:type", typeof HTMLFormElement > "u" ? Object : HTMLFormElement)], Z.prototype, "form", void 0), s([u("cx-confirm-popover"), c("design:type", U === void 0 ? Object : U)], Z.prototype, "confirmPopover", void 0), s([u(".config-form__tab-group"), c("design:type", z === void 0 ? Object : z)], Z.prototype, "tabGroup", void 0), s([a({
@@ -686,8 +686,8 @@ s([u(".config-form"), c("design:type", V === void 0 ? Object : V)], Z.prototype,
 	c("design:paramtypes", []),
 	c("design:returntype", Promise)
 ], Z.prototype, "handleSupportedLanguagesChange", null), Z = s([f("cx-config-form")], Z);
-var Q = Z, vt = n`:host{display:block}.confirm-popover__footer{--color:var(--cx-color-danger)}.confirm-popover__footer::part(base){margin-top:var(--cx-spacing-small);display:block}`, $ = class extends l {
-	static #e = this.styles = [d, vt];
+var Q = Z, yt = n`:host{display:block}.confirm-popover__footer{--color:var(--cx-color-danger)}.confirm-popover__footer::part(base){margin-top:var(--cx-spacing-small);display:block}`, $ = class extends l {
+	static #e = this.styles = [d, yt];
 	static #t = this.dependencies = {
 		"cx-config-form": Q,
 		"cx-typography": O
@@ -696,7 +696,7 @@ var Q = Z, vt = n`:host{display:block}.confirm-popover__footer{--color:var(--cx-
 		return this.mode === H.Template;
 	}
 	constructor() {
-		super(), this.localize = new p(this), this.configsController = new rt(this.localize), this.component = null, this.loading = !1, this.mode = H.Template, this.enableAssetFormatControls = !1, this.enableFontFamilyControls = !1, this.allowedFolders = [], this.adhocProperties = [], this.templateName = "", this.templateId = "", this.supportedLanguages = ["en-us"], this.defaultLanguage = "en-us", this.translatableControlValues = [], this.boundary = document.body, this.onRequestAsset = void 0, this.onRequestDownloadFormat = void 0, this.onRequestAssetFormat = void 0, this.onConfigureWorkflow = void 0, this.blockAttributes = {}, this.blockProperties = {}, this.blockStyles = {}, this.traits = [], this.blockType = "", this.blockName = "", this.name = "", this.description = "", this.tab = "", this.isEditingTemplateSettings = !1, this.translatableControlValuesMap = {}, this.translatableControls = [], this.handleSave = this.handleSave.bind(this);
+		super(), this.localize = new p(this), this.configsController = new it(this.localize), this.component = null, this.loading = !1, this.mode = H.Template, this.enableAssetFormatControls = !1, this.enableFontFamilyControls = !1, this.allowedFolders = [], this.adhocProperties = [], this.templateName = "", this.templateId = "", this.supportedLanguages = ["en-us"], this.defaultLanguage = "en-us", this.translatableControlValues = [], this.boundary = document.body, this.onRequestAsset = void 0, this.onRequestDownloadFormat = void 0, this.onRequestAssetFormat = void 0, this.onConfigureWorkflow = void 0, this.blockAttributes = {}, this.blockProperties = {}, this.blockStyles = {}, this.traits = [], this.blockType = "", this.blockName = "", this.name = "", this.description = "", this.tab = "", this.isEditingTemplateSettings = !1, this.translatableControlValuesMap = {}, this.translatableControls = [], this.handleSave = this.handleSave.bind(this);
 	}
 	getFlattenTraits(e, t, n = !1) {
 		return e.reduce((e, r) => (r.children && e.push(...this.getFlattenTraits(r.children, r, n)), n && r && (r.show === !1 || typeof r.show == "function" && !r.show(this.blockAttributes) || t && t.show === !1 || t && typeof t.show == "function" && !t.show(this.blockAttributes)) || e.push({
@@ -720,23 +720,29 @@ var Q = Z, vt = n`:host{display:block}.confirm-popover__footer{--color:var(--cx-
 		let e = this.component.get("type"), t = this.configsController.getConfigs(e, {
 			containerFontVariants: this.getContainerFontVariants(),
 			enableAssetFormatControls: this.enableAssetFormatControls,
-			enableFontFamilyControls: this.enableFontFamilyControls
+			enableFontFamilyControls: this.enableFontFamilyControls,
+			resolveWidthUnitDefault: (e) => this.resolveWidthUnitDefault(e)
 		});
 		this.blockType = e, this.blockName = this.component.getName(), this.blockAttributes = {
-			...C(this.component),
-			...ut(this.translatableControlValuesMap[this.defaultLanguage], (e) => e === void 0)
-		}, this.blockProperties = me(this.component), this.blockStyles = ue(this.component), this.traits = Array.isArray(t) ? t : [];
+			...he(this.component),
+			...dt(this.translatableControlValuesMap[this.defaultLanguage], (e) => e === void 0)
+		}, this.blockProperties = fe(this.component), this.blockStyles = se(this.component), this.traits = Array.isArray(t) ? t : [];
+	}
+	resolveWidthUnitDefault(e) {
+		if (e === "%") return "100%";
+		let t = this.component?.getEl(), n = t?.parentElement, r = t?.ownerDocument.defaultView;
+		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") === Me.FontKitAdvanced) {
+		for (let e = this.component?.parent(); e; e = e.parent()) if (e.get("type") === Ne.FontKitAdvanced) {
 			let t = e.view?.el;
-			return mt(t?.typefacesArray ?? []);
+			return ht(t?.typefacesArray ?? []);
 		}
 	}
 	handleSave(e) {
 		let t = this.getFlattenTraits(this.traits).reduce((e, t) => (e[t.id] = t, e), {}), n = Object.entries(this.blockAttributes).reduce((e, [n, r]) => {
 			let i = t[n];
-			return tt.includes(n) || (i ? e[n] = r : typeof r == "boolean" && (e[n] = !1)), e;
+			return nt.includes(n) || (i ? e[n] = r : typeof r == "boolean" && (e[n] = !1)), e;
 		}, {});
 		this.emit("cx-content-builder-configure", { detail: {
 			description: this.description,
@@ -849,6 +855,6 @@ s([u("cx-config-form"), c("design:type", Q === void 0 ? Object : Q)], $.prototyp
 	c("design:paramtypes", []),
 	c("design:returntype", Promise)
 ], $.prototype, "handleComponentChange", null), $ = s([f("cx-config-manager"), c("design:paramtypes", [])], $);
-var yt = $;
+var bt = $;
 //#endregion
-export { yt as CxConfigManager };
+export { bt as CxConfigManager };