@orangelogic/design-system 3.52.0 → 3.53.0

package/library/chunks/{block-width.DGKtI0si.js → block-width.RHVYimlE.js}

@@ -4,25 +4,25 @@ import { a as s, i as c, n as l, r as u, t as d } from "./cortex-element.DTrNUtd
 import { t as f } from "./query.B1yi7t71.js";
 import { t as p } from "./component.styles.0xM1ZmBs.js";
 import { t as m } from "./custom-element.BEMYNDK1.js";
-import { t as h } from "./i18n.BMXeDUpk.js";
+import { t as h } from "./i18n.D_iHIFdS.js";
 import { t as ee } from "./slot.CZUlACxT.js";
 import { t as g } from "./watch.Ub5r8btz.js";
 import { r as te, t as ne } from "./directive.DaY8wl8H.js";
 import { t as re } from "./class-map.D8nsNOVJ.js";
-import { t as _ } from "./icon-button.CziUJUiX.js";
+import { t as _ } from "./icon-button.D6mTxvLN.js";
 import { t as v } from "./if-defined.B29V_rEp.js";
 import { t as y } from "./when.BUskJLtZ.js";
 import { t as ie } from "./icon.CeQpEaQz.js";
-import { t as ae } from "./spinner.-79sJ3oo.js";
+import { t as ae } from "./spinner.BPSFoJkz.js";
 import { n as oe } from "./tslib.es6.DJNsMHqv.js";
-import { t as se } from "./src.CNvhakVg.js";
+import { t as se } from "./src.cG4bHSGM.js";
 import { t as ce } from "./style-map.DPGQIxip.js";
-import { t as b } from "./button.Ccrk9fUD.js";
+import { t as b } from "./button.HVChe9zT.js";
 import { E as x, S as le, r as ue } from "./string.DamEXDH2.js";
 import { t as de } from "./form.-ADsa-59.js";
 import { t as fe } from "./debounce.Ci-xdsHE.js";
-import { t as pe } from "./tooltip.CGCOh4cQ.js";
-import { t as me } from "./line-clamp.DV3tlosD.js";
+import { t as pe } from "./tooltip.BAg1FXgE.js";
+import { t as me } from "./line-clamp.C7M133Jo.js";
 import { n as he } from "./position-picker.dY_vgF_H.js";
 import { a as ge } from "./src.BJhIYoMP.js";
 import { i as _e } from "./number.CNp5LKkv.js";
@@ -33,54 +33,54 @@ import { t as be } from "./checkbox.C6vsHW9n.js";
 import { t as xe } from "./default-value.opqQgoRT.js";
 import { u as Se } from "./gradient.rrDxmV60.js";
 import { t as C } from "./repeat.CKv9FPlC.js";
-import { t as w } from "./dropdown.DUfiVpFI.js";
+import { t as w } from "./dropdown.jJJ_wxJN.js";
 import { t as Ce } from "./tabbable.Bflg1dha.js";
-import { t as T } from "./input.B3HfssSr.js";
-import { t as we } from "./menu.3akay3Bh.js";
-import { t as Te } from "./menu-item.D-IE19Jn.js";
+import { t as T } from "./input.C44u0jQi.js";
+import { t as we } from "./menu.BTt3TxEj.js";
+import { t as Te } from "./menu-item.UQ_IlBEV.js";
 import { n as Ee, r as De, t as Oe } from "./ref.CU1NC5AM.js";
 import { t as ke } from "./textarea.Bc4eCJgT.js";
-import { n as Ae, t as E } from "./option.9V-nTQp7.js";
+import { n as Ae, t as E } from "./option.CizwUJwq.js";
 import { t as D } from "./space.Dd8jezXK.js";
-import { t as O } from "./select.DJ_bfkBn.js";
-import { t as je } from "./tab.CDVHHAgG.js";
-import { t as Me } from "./tab-group._olfRqqQ.js";
+import { t as O } from "./select.NoJEwBN4.js";
+import { t as je } from "./tab.DTDi6_uw.js";
+import { t as Me } from "./tab-group.DVCzY8ff.js";
 import { t as Ne } from "./map.ByDuLduF.js";
 import { t as Pe } from "./tab-panel.BxeoKuSv.js";
 import { t as Fe } from "./visually-hidden.Bv3SInZp.js";
-import { t as Ie } from "./color-picker.DJWwlNQc.js";
-import { a as Le, i as Re, n as ze, o as Be, r as Ve, s as He, t as k } from "./dialog.Dw-WUyD8.js";
+import { t as Ie } from "./color-picker.DjOq0eFi.js";
+import { a as Le, i as Re, n as ze, o as Be, r as Ve, s as He, t as k } from "./dialog.BpXFrOri.js";
 import { t as Ue } from "./divider.CqSNZCU8.js";
 import { f as We } from "./url.CZO_DV8Y.js";
 import { d as Ge, h as Ke, m as qe, n as Je, o as Ye, p as Xe } from "./color.CIOzHtLK.js";
 import { _ as Ze, a as A, h as Qe, p as j, s as $e } from "./responsive.L9Csz2w2.js";
 import { n as et } from "./asset-link-format.DhdgEsA0.js";
-import { getFontFamilyOptionValue as M, getTypefaceOptionValue as N, isFormInteracted as tt, quoteFontFamily as nt, resolveAutoFormat as rt, toast as it, unquoteFontFamily as at } from "../utils.js";
-import { t as ot } from "./image.DzFSYcXq.js";
-import { t as st } from "./grid.CK4PRwur.js";
-import { t as ct } from "./grid-item.CSieaU5T.js";
-import { t as lt } from "./menu-label.B-FOyfAX.js";
-import { t as ut } from "./radio.DhPbmKbQ.js";
-import { t as dt } from "./radio-card.D4B962Sg.js";
-import { t as ft } from "./radio-group.DKOIr2PH.js";
-import { t as pt } from "./switch.D6KXmWnC.js";
-import { t as mt } from "./v4.JyXW8GUB.js";
-import { t as ht } from "./bicolor-picker.DKcKLKki.js";
-import { t as gt } from "./border-input-group.Bo4n74DK.js";
-import { n as _t, t as vt } from "./confirm-popover.BjAGzV05.js";
-import { t as yt } from "./corner-position-input-group.BAvx6UsV.js";
-import { t as bt } from "./cropper.D4ymxgab.js";
-import { t as xt } from "./dynamic-select.o5G8iUV1.js";
-import { i as St, n as P, r as Ct, t as wt } from "./folder-select.DA7Ezy8P.js";
+import { getFontFamilyOptionValue as tt, getTypefaceOptionValue as M, isFormInteracted as nt, quoteFontFamily as rt, resolveAutoFormat as it, toast as at, unquoteFontFamily as ot } from "../utils.js";
+import { t as st } from "./image.nqoaGkQd.js";
+import { t as ct } from "./grid.CK4PRwur.js";
+import { t as lt } from "./grid-item.CSieaU5T.js";
+import { t as ut } from "./menu-label.B-FOyfAX.js";
+import { t as dt } from "./radio.DhPbmKbQ.js";
+import { t as ft } from "./radio-card.rgobVDcV.js";
+import { t as pt } from "./radio-group.DKOIr2PH.js";
+import { t as mt } from "./switch.D6KXmWnC.js";
+import { t as ht } from "./v4.JyXW8GUB.js";
+import { t as gt } from "./bicolor-picker.CHeZU9u5.js";
+import { t as _t } from "./border-input-group.DitDsVli.js";
+import { n as vt, t as yt } from "./confirm-popover.CmkU5LOc.js";
+import { t as bt } from "./corner-position-input-group.DtjehmV9.js";
+import { t as xt } from "./cropper.D4ymxgab.js";
+import { t as St } from "./dynamic-select.Di2M5NWC.js";
+import { i as Ct, n as N, r as wt, t as P } from "./folder-select.33VMtLnU.js";
 import { t as Tt } from "./choose.C2vpqhLc.js";
-import { t as Et } from "./masonry.D7YK0FcU.js";
-import { t as Dt } from "./padding-input-group.DKIv6567.js";
-import { t as Ot } from "./position-picker.CyXlSYCi.js";
-import { t as kt } from "./shadow-input-group.DaDZTOGa.js";
-import { t as At } from "./size-input-group.DvTF3TsD.js";
-import { C as jt, S as Mt, T as Nt, _ as Pt, b as Ft, c as It, f as Lt, g as Rt, h as zt, i as Bt, l as Vt, n as Ht, o as Ut, p as Wt, r as Gt, s as Kt, t as qt, u as Jt, v as Yt, w as Xt, x as Zt, y as Qt } from "./asset-link-format.DW4-Yf4S.js";
-import { c as $t, d as en, f as tn, n as nn, u as rn } from "./color-swatch-group.DSNjAqYx.js";
-import { B as an, C as on, H as sn, J as F, L as cn, N as ln, O as I, R as un, V as dn, X as L, Y as fn, Z as pn, f as mn, g as hn, p as gn, q as _n, y as vn, z as yn } from "./configs-controller.BXb0_Hg2.js";
+import { t as Et } from "./masonry.CsJC8M6I.js";
+import { t as Dt } from "./padding-input-group.CSYzP2s4.js";
+import { t as Ot } from "./position-picker.aNCROlig.js";
+import { t as kt } from "./shadow-input-group.0xDWAN9L.js";
+import { t as At } from "./size-input-group.DoE-qa2S.js";
+import { C as jt, S as Mt, T as Nt, _ as Pt, b as Ft, c as It, f as Lt, g as Rt, h as zt, i as Bt, l as Vt, n as Ht, o as Ut, p as Wt, r as Gt, s as Kt, t as qt, u as Jt, v as Yt, w as Xt, x as Zt, y as Qt } from "./asset-link-format.CylxIiPd.js";
+import { c as $t, d as en, f as tn, n as nn, u as rn } from "./color-swatch-group.9Qx8Gvf2.js";
+import { $ as F, B as an, E as on, G as sn, H as cn, I as ln, Q as un, S as dn, U as fn, V as pn, W as mn, X as hn, Z as I, et as gn, g as _n, h as vn, j as L, y as yn } from "./configs-controller.DM4UNL35.js";
 import { a as bn } from "./cloneDeep.C6x5LNv3.js";
 //#region ../../packages/types/src/icon-picker.ts
 var xn = /* @__PURE__ */ function(e) {
@@ -149,7 +149,7 @@ var xn = /* @__PURE__ */ function(e) {
 	static #t = this.dependencies = {
 		"cx-button": b,
 		"cx-icon-button": _,
-		"cx-image": ot,
+		"cx-image": st,
 		"cx-input": T,
 		"cx-space": D,
 		"cx-typography": S
@@ -158,7 +158,7 @@ var xn = /* @__PURE__ */ function(e) {
 		if (this.onRequestAsset) try {
 			this.emit("cx-asset-request-status", { detail: { busy: !0 } });
 			let e = await this.onRequestAsset(this.type.join(" "), this.multiple, this.accepts, this.restrict ? this.type.join(" ") : void 0);
-			if (this.accepts.length > 0 && Object.values(e).some((e) => !this.accepts.includes(ue(e.src) ?? ""))) it(this.localize.term("nonAcceptedExtension", this.accepts), { notificationType: "warning" });
+			if (this.accepts.length > 0 && Object.values(e).some((e) => !this.accepts.includes(ue(e.src) ?? ""))) at(this.localize.term("nonAcceptedExtension", this.accepts), { notificationType: "warning" });
 			else if (this.multiple) {
 				let t = Object.values(e);
 				this.emit("cx-content-builder-asset-select", { detail: t });
@@ -279,7 +279,7 @@ l([f(".asset-picker__button"), u("design:type", b === void 0 ? Object : b)], z.p
 	type: Boolean
 }), u("design:type", Object)], z.prototype, "restrict", void 0), l([s({
 	attribute: "no-representative-for",
-	converter: Ct,
+	converter: wt,
 	reflect: !0
 }), u("design:type", Array)], z.prototype, "noRepresentativeFor", void 0), l([s({
 	attribute: "on-request-asset",
@@ -421,9 +421,9 @@ var V = class extends d {
 	static #e = this.styles = [p, Mn];
 	static #t = this.dependencies = {
 		"cx-divider": Ue,
-		"cx-grid": st,
-		"cx-grid-item": ct,
-		"cx-menu-label": lt,
+		"cx-grid": ct,
+		"cx-grid-item": lt,
+		"cx-menu-label": ut,
 		"cx-option": E,
 		"cx-select": O,
 		"cx-space": D,
@@ -439,7 +439,7 @@ var V = class extends d {
 		return this.typefaceGroups.flatMap((e) => e.typefaces);
 	}
 	get selectedTypeface() {
-		return this.allTypefaces.find((e) => N(e) === this.familyValue);
+		return this.allTypefaces.find((e) => M(e) === this.familyValue);
 	}
 	get availableFamilies() {
 		return this.selectedTypeface?.families ?? [];
@@ -456,8 +456,8 @@ var V = class extends d {
 		e.stopPropagation();
 		let t = e.target.value;
 		if (t === this.familyValue) return;
-		let n = this.allTypefaces.find((e) => N(e) === t), r = this.availableFamilies.find((e) => M(e) === this.styleValue), i = r ? n?.families.find((e) => String(e.fontStyle ?? "") === String(r.fontStyle ?? "") && String(e.fontWeight ?? "") === String(r.fontWeight ?? "")) : void 0;
-		this.familyValue = t, this.styleValue = i ? M(i) : "", this.emit("cx-font-picker-change", { detail: {
+		let n = this.allTypefaces.find((e) => M(e) === t), r = this.availableFamilies.find((e) => tt(e) === this.styleValue), i = r ? n?.families.find((e) => String(e.fontStyle ?? "") === String(r.fontStyle ?? "") && String(e.fontWeight ?? "") === String(r.fontWeight ?? "")) : void 0;
+		this.familyValue = t, this.styleValue = i ? tt(i) : "", this.emit("cx-font-picker-change", { detail: {
 			family: this.familyValue,
 			style: this.styleValue
 		} });
@@ -474,14 +474,14 @@ var V = class extends d {
 		return n`${C(this.typefaceGroups, (e) => e.label, (e, t) => n`
         ${t > 0 ? n`<cx-divider></cx-divider>` : a}
         ${y(e.label, () => n`<cx-menu-label>${e.label}</cx-menu-label>`)}
-        ${C(e.typefaces, (e) => N(e), (e) => n`<cx-option value=${N(e)} style=${ce({ "--option-font-family": nt(e.typeface) })}>${e.typeface}</cx-option>`)}
+        ${C(e.typefaces, (e) => M(e), (e) => n`<cx-option value=${M(e)} style=${ce({ "--option-font-family": rt(e.typeface) })}>${e.typeface}</cx-option>`)}
       `)}`;
 	}
 	renderFamilySelect(e) {
 		return n`<cx-select part="family" class="font-picker__family" hoist label=${v(e)} data-label=${e || this.localize.term("fontFamily")} value=${this.allTypefaces.length > 0 ? this.familyValue : ""} ?required=${this.required} .form=${this.closest("form")} @cx-change=${this.handleFamilyChange}>${this.renderTypefaceOptions()}</cx-select>`;
 	}
 	renderStyleOptions(e) {
-		return n`${C(e, (e) => M(e), (e) => n`<cx-option value=${M(e)}>${e.name}</cx-option>`)}`;
+		return n`${C(e, (e) => tt(e), (e) => n`<cx-option value=${tt(e)}>${e.name}</cx-option>`)}`;
 	}
 	renderStyleSelect(e) {
 		let { italic: t, upright: r } = this.groupedFamilies;
@@ -1012,7 +1012,7 @@ var rr = "data:application/json;base64,ewogICIxMjMiOiB7CiAgICAiY2F0ZWdvcmllcyI6I
 	static #t = this.styles = [p, ir];
 	static #n = this.dependencies = {
 		"cx-asset-picker": On,
-		"cx-bicolor-picker": ht,
+		"cx-bicolor-picker": gt,
 		"cx-button": b,
 		"cx-divider": Ue,
 		"cx-dropdown": w,
@@ -1383,7 +1383,7 @@ var ur = W, dr = r`:host{isolation:isolate}.asset-format-picker__input[data-user
 		return this.#n.get(e) ?? e;
 	}
 	get canReset() {
-		return !!this.defaultFormat && this.hasValue && (this.value?.format !== this.defaultFormat || this.value?.assetVersion !== pn.Latest);
+		return !!this.defaultFormat && this.hasValue && (this.value?.format !== this.defaultFormat || this.value?.assetVersion !== gn.Latest);
 	}
 	async handleRequestFormatClick() {
 		if (this.onRequestAssetFormat && !this.disabled && this.canAccess) try {
@@ -1396,7 +1396,7 @@ var ur = W, dr = r`:host{isolation:isolate}.asset-format-picker__input[data-user
 	}
 	handleResetClick() {
 		this.emit("cx-asset-format-select", { detail: {
-			assetVersion: pn.Latest,
+			assetVersion: gn.Latest,
 			format: this.defaultFormat
 		} });
 	}
@@ -1501,10 +1501,10 @@ var fr = G, pr = r`:host{display:block;container-type:inline-size}.asset-transfo
 	static #t = this.dependencies = {
 		"cx-asset-link-format": qt,
 		"cx-button": b,
-		"cx-cropper": bt,
+		"cx-cropper": xt,
 		"cx-dialog": k,
-		"cx-grid": st,
-		"cx-grid-item": ct,
+		"cx-grid": ct,
+		"cx-grid-item": lt,
 		"cx-icon-button": _,
 		"cx-space": D,
 		"cx-spinner": ae,
@@ -1686,7 +1686,7 @@ var fr = G, pr = r`:host{display:block;container-type:inline-size}.asset-transfo
             ${y(this.hasTransformations, () => n`<cx-icon-button label=${this.localize.term("reset")} name="replay" @click=${this.handleDeleteClick}></cx-icon-button>`)}</cx-space>`, () => a)}<cx-dialog class="asset-transformation-dialog" divider-position=${Be.Both} strategy="overlay" ?open=${this.open} .boundary=${this.boundary} @cx-show=${this.handleDialogShow} @cx-request-close=${this.handleRequestClose}><cx-typography slot="label" variant="h4">${this.dialogLabel || this.localize.term("assetFormat")}</cx-typography><cx-grid class="asset-transformation-dialog__body" use-container><cx-grid-item xs="12" sm="8" fill><div class="asset-transformation-dialog__cropper-panel"><cx-cropper id="asset-transformation-dialog-cropper" ?multiple=${this.multiple}></cx-cropper></div></cx-grid-item><cx-grid-item xs="12" sm="4" fill><div class="asset-transformation-dialog__format-panel">${y(this.asset && this.proxies.length > 0, () => n`<cx-asset-link-format .asset=${this.asset} .baseUrl=${this.baseUrl} .proxies=${this.proxies} .queryElement=${this.shadowRoot} .selectedProxy=${this.initialDraft.format} .token=${this.token} .transformations=${this.initialDraft.transformations} default-proxy=${this.defaultFormat} for-cropper="asset-transformation-dialog-cropper" can-auto-format no-metadata ?auto-format=${!this.initialDraft.manualFormat} ?can-reset=${this.canReset} ?no-crop=${this.noCrop} ?no-resize=${this.noResize} ?no-rotate=${this.noRotate} @cx-show=${this.handleAssetLinkFormatShow}></cx-asset-link-format>`, () => n`<cx-spinner></cx-spinner>`)}</div></cx-grid-item></cx-grid><cx-space slot="footer" direction="horizontal" justify-content="end"><cx-button @click=${this.handleCancel}>${this.localize.term("cancel")}</cx-button><cx-button variant="primary" ?loading=${this.saving} @click=${this.handleSave}>${this.localize.term("save")}</cx-button></cx-space></cx-dialog>`;
 	}
 };
-l([f("slot[name=\"trigger\"]"), u("design:type", typeof HTMLSlotElement > "u" ? Object : HTMLSlotElement)], K.prototype, "triggerSlot", void 0), l([f("cx-asset-link-format"), u("design:type", qt === void 0 ? Object : qt)], K.prototype, "assetLinkFormat", void 0), l([f("cx-cropper"), u("design:type", bt === void 0 ? Object : bt)], K.prototype, "cropperEl", void 0), l([s({
+l([f("slot[name=\"trigger\"]"), u("design:type", typeof HTMLSlotElement > "u" ? Object : HTMLSlotElement)], K.prototype, "triggerSlot", void 0), l([f("cx-asset-link-format"), u("design:type", qt === void 0 ? Object : qt)], K.prototype, "assetLinkFormat", void 0), l([f("cx-cropper"), u("design:type", xt === void 0 ? Object : xt)], K.prototype, "cropperEl", void 0), l([s({
 	attribute: "asset-id",
 	type: String
 }), u("design:type", Object)], K.prototype, "assetId", void 0), l([s({
@@ -40531,8 +40531,8 @@ var hr = K, gr = r`.table-select::part(listbox){padding-block:0}.table-select__t
 		"cx-button": b,
 		"cx-color-picker": Ie,
 		"cx-dialog": k,
-		"cx-grid": st,
-		"cx-grid-item": ct,
+		"cx-grid": ct,
+		"cx-grid-item": lt,
 		"cx-input": T,
 		"cx-option": E,
 		"cx-select": O,
@@ -40566,7 +40566,7 @@ var hr = K, gr = r`.table-select::part(listbox){padding-block:0}.table-select__t
 			cmyk: this.dialogCmyk,
 			color: this.dialogColor,
 			hex: this.dialogHex,
-			id: this.dialogId || mt(),
+			id: this.dialogId || ht(),
 			metadata: { ...this.dialogMetadata },
 			name: this.dialogName,
 			palette: this.dialogPalette.replaceAll("_", " "),
@@ -40743,13 +40743,13 @@ l([f("cx-dialog"), u("design:type", k === void 0 ? Object : k)], q.prototype, "d
 ], q.prototype, "handleDataChange", null), q = l([m("cx-color-swatch-picker"), u("design:paramtypes", [])], q);
 var Er = q, Dr = r`.folder-picker__name{--color:var(--cx-color-primary-500)}.folder-picker__request-folder-button:not(:first-child){margin-left:var(--cx-spacing-small)}`, J = class extends d {
 	constructor(...e) {
-		super(...e), this.localize = new h(this), this.boundary = document.body, this.name = "", this.value = "", this.variant = P.Input, this.useFullPath = !1, this.multiple = !1, this.allowedFolders = [], this.required = !1, this.selectedLabel = "", this.open = !1, this._selectedFolder = void 0, this._apiGetFolders = St;
+		super(...e), this.localize = new h(this), this.boundary = document.body, this.name = "", this.value = "", this.variant = N.Input, this.useFullPath = !1, this.multiple = !1, this.allowedFolders = [], this.required = !1, this.selectedLabel = "", this.open = !1, this._selectedFolder = void 0, this._apiGetFolders = Ct;
 	}
 	static #e = this.styles = [p, Dr];
 	static #t = this.dependencies = {
 		"cx-button": b,
 		"cx-dialog": k,
-		"cx-folder-select": wt,
+		"cx-folder-select": P,
 		"cx-icon-button": _,
 		"cx-space": D,
 		"cx-typography": S
@@ -40768,7 +40768,7 @@ var Er = q, Dr = r`.folder-picker__name{--color:var(--cx-color-primary-500)}.fol
 	}
 	handleSelectionChange(e) {
 		let t = e.detail.selection ?? [];
-		if (this.variant === P.Select && this.multiple) {
+		if (this.variant === N.Select && this.multiple) {
 			let e = t.map((e) => e.dataset.id).filter((e) => !!e), n = t.find((e) => e.dataset.id)?.dataset.representativeAssetId;
 			this.emit("cx-content-builder-folder-change", { detail: {
 				id: e.join(" "),
@@ -40778,7 +40778,7 @@ var Er = q, Dr = r`.folder-picker__name{--color:var(--cx-color-primary-500)}.fol
 		}
 		if (!t.length || !t[0].dataset.id) return;
 		let { id: n, representativeAssetId: r } = t[0].dataset;
-		this.variant === P.Select ? this.emit("cx-content-builder-folder-change", { detail: {
+		this.variant === N.Select ? this.emit("cx-content-builder-folder-change", { detail: {
 			id: n,
 			representativeAssetId: r
 		} }) : this._selectedFolder = {
@@ -40807,11 +40807,11 @@ var Er = q, Dr = r`.folder-picker__name{--color:var(--cx-color-primary-500)}.fol
 		e ? this.useFullPath ? (this.selectedLabel = `/${(e.fullPath ?? "").replace(/^\/+/, "")}`, e.docType === et.Album && (this.selectedLabel += `/${e.title}`)) : this.selectedLabel = e.title : this.selectedLabel = "";
 	}
 	render() {
-		return n`<cx-space part="base" class="folder-picker" spacing="2x-small" direction="horizontal" align-items="center">${y(this.variant === P.Select, () => n`<cx-folder-select name=${this.name} selected-label=${this.selectedLabel} selection=${this.multiple ? "multiple" : "single"} value=${this._selectedFolder || this.value} variant="select" .form=${this.closest("form")} ?open=${this.open} ?required=${this.required} @cx-clear=${this.handleClear} @cx-selection-change=${this.handleSelectionChange} .allowedFolders=${this.allowedFolders} .api=${St}></cx-folder-select>`, () => n`
-          ${y(this.selectedLabel, () => n`<cx-typography data-testid="folder-name" variant="body3" class="folder-picker__name">${this.selectedLabel}</cx-typography>`)}<cx-button data-testid="request-folder-button" class="folder-picker__request-folder-button" @click=${this.handleRequestFolderClick}>${this.localize.term("choose")}</cx-button>${y(this.value, () => n`<cx-icon-button data-testid="delete-folder-button" label=${this.localize.term("delete")} name="delete" @click=${this.handleClear}></cx-icon-button>`)}<cx-dialog part="dialog" class="folder-picker__dialog" use-overlay-scrollbar strategy="overlay" ?open=${this.open} .boundary=${this.boundary} @cx-request-close=${this.handleRequestClose}><cx-typography slot="label" variant="h4">${this.localize.term("selectFolder")}</cx-typography><cx-folder-select name=${this.name} value=${this._selectedFolder || this.value} selected-label=${this.selectedLabel} variant=${this.variant} .form=${this.closest("form")} ?open=${this.open} ?required=${this.required} @cx-selection-change=${this.handleSelectionChange} .allowedFolders=${this.allowedFolders} .api=${St}></cx-folder-select><cx-space slot="footer" spacing="x-small" wrap="nowrap" justify-content="end"><cx-button data-testid="cancel-button" variant="default" size="medium" @click=${this.handleRequestClose}>${this.localize.term("cancel")}</cx-button><cx-button data-testid="save-button" variant="primary" size="medium" @click=${this.handleSaveClick}>${this.localize.term("save")}</cx-button></cx-space></cx-dialog>`)}</cx-space>`;
+		return n`<cx-space part="base" class="folder-picker" spacing="2x-small" direction="horizontal" align-items="center">${y(this.variant === N.Select, () => n`<cx-folder-select name=${this.name} selected-label=${this.selectedLabel} selection=${this.multiple ? "multiple" : "single"} value=${this._selectedFolder || this.value} variant="select" .form=${this.closest("form")} ?open=${this.open} ?required=${this.required} @cx-clear=${this.handleClear} @cx-selection-change=${this.handleSelectionChange} .allowedFolders=${this.allowedFolders} .api=${Ct}></cx-folder-select>`, () => n`
+          ${y(this.selectedLabel, () => n`<cx-typography data-testid="folder-name" variant="body3" class="folder-picker__name">${this.selectedLabel}</cx-typography>`)}<cx-button data-testid="request-folder-button" class="folder-picker__request-folder-button" @click=${this.handleRequestFolderClick}>${this.localize.term("choose")}</cx-button>${y(this.value, () => n`<cx-icon-button data-testid="delete-folder-button" label=${this.localize.term("delete")} name="delete" @click=${this.handleClear}></cx-icon-button>`)}<cx-dialog part="dialog" class="folder-picker__dialog" use-overlay-scrollbar strategy="overlay" ?open=${this.open} .boundary=${this.boundary} @cx-request-close=${this.handleRequestClose}><cx-typography slot="label" variant="h4">${this.localize.term("selectFolder")}</cx-typography><cx-folder-select name=${this.name} value=${this._selectedFolder || this.value} selected-label=${this.selectedLabel} variant=${this.variant} .form=${this.closest("form")} ?open=${this.open} ?required=${this.required} @cx-selection-change=${this.handleSelectionChange} .allowedFolders=${this.allowedFolders} .api=${Ct}></cx-folder-select><cx-space slot="footer" spacing="x-small" wrap="nowrap" justify-content="end"><cx-button data-testid="cancel-button" variant="default" size="medium" @click=${this.handleRequestClose}>${this.localize.term("cancel")}</cx-button><cx-button data-testid="save-button" variant="primary" size="medium" @click=${this.handleSaveClick}>${this.localize.term("save")}</cx-button></cx-space></cx-dialog>`)}</cx-space>`;
 	}
 };
-l([f(".folder-picker__dialog"), u("design:type", k === void 0 ? Object : k)], J.prototype, "dialog", void 0), l([f("cx-folder-select"), u("design:type", wt === void 0 ? Object : wt)], J.prototype, "selectEl", void 0), l([s({ type: Object }), u("design:type", typeof HTMLElement > "u" ? Object : HTMLElement)], J.prototype, "boundary", void 0), l([s({
+l([f(".folder-picker__dialog"), u("design:type", k === void 0 ? Object : k)], J.prototype, "dialog", void 0), l([f("cx-folder-select"), u("design:type", P === void 0 ? Object : P)], J.prototype, "selectEl", void 0), l([s({ type: Object }), u("design:type", typeof HTMLElement > "u" ? Object : HTMLElement)], J.prototype, "boundary", void 0), l([s({
 	reflect: !0,
 	type: String
 }), u("design:type", String)], J.prototype, "name", void 0), l([s({
@@ -40821,7 +40821,7 @@ l([f(".folder-picker__dialog"), u("design:type", k === void 0 ? Object : k)], J.
 	attribute: "variant",
 	reflect: !0,
 	type: String
-}), u("design:type", P === void 0 ? Object : P)], J.prototype, "variant", void 0), l([s({
+}), u("design:type", N === void 0 ? Object : N)], J.prototype, "variant", void 0), l([s({
 	attribute: "use-fullpath",
 	reflect: !0,
 	type: Boolean
@@ -40830,7 +40830,7 @@ l([f(".folder-picker__dialog"), u("design:type", k === void 0 ? Object : k)], J.
 	type: Boolean
 }), u("design:type", Boolean)], J.prototype, "multiple", void 0), l([s({
 	attribute: "allowed-folders",
-	converter: Ct,
+	converter: wt,
 	type: Array
 }), u("design:type", Array)], J.prototype, "allowedFolders", void 0), l([s({
 	reflect: !0,
@@ -40845,20 +40845,20 @@ var Or = J, kr = r`:host{width:100%;display:block}.gallery-config-dialog{--width
 	static #e = this.styles = [p, kr];
 	static #t = this.dependencies = {
 		"cx-asset-picker": On,
-		"cx-bicolor-picker": ht,
+		"cx-bicolor-picker": gt,
 		"cx-button": b,
 		"cx-checkbox": be,
 		"cx-dialog": k,
 		"cx-divider": Ue,
-		"cx-dynamic-select": xt,
+		"cx-dynamic-select": St,
 		"cx-folder-picker": Or,
-		"cx-folder-select": wt,
-		"cx-grid": st,
-		"cx-grid-item": ct,
+		"cx-folder-select": P,
+		"cx-grid": ct,
+		"cx-grid-item": lt,
 		"cx-input": T,
 		"cx-position-picker": Ot,
-		"cx-radio": ut,
-		"cx-radio-group": ft,
+		"cx-radio": dt,
+		"cx-radio-group": pt,
 		"cx-space": D,
 		"cx-typography": S
 	};
@@ -40876,11 +40876,11 @@ var Or = J, kr = r`:host{width:100%;display:block}.gallery-config-dialog{--width
 		}
 	}
 	constructor() {
-		super(), this.localize = new h(this), this.variant = x.Asset, this.dialogVariant = j.Gallery, this.boundary = document.body, this.onRequestAsset = void 0, this.image = null, this.selectedPosition = -1, this.disabledAssetPicker = !1, this.editedImage = { id: "" }, this.assetRequestingStatus = !1, this.selectedPageLabel = "", this.isThumbnailManuallySet = !1, this.apiGetTeamSpaceSpaceList = hn, this.apiGetPagesAndLinks = this.apiGetPagesAndLinks.bind(this);
+		super(), this.localize = new h(this), this.variant = x.Asset, this.dialogVariant = j.Gallery, this.boundary = document.body, this.onRequestAsset = void 0, this.image = null, this.selectedPosition = -1, this.disabledAssetPicker = !1, this.editedImage = { id: "" }, this.assetRequestingStatus = !1, this.selectedPageLabel = "", this.isThumbnailManuallySet = !1, this.apiGetTeamSpaceSpaceList = yn, this.apiGetPagesAndLinks = this.apiGetPagesAndLinks.bind(this);
 	}
 	async apiGetPagesAndLinks({ folderId: e = "", searchTerm: t = "", start: n = 0 }) {
 		try {
-			let { data: r, hasMore: i } = await mn({
+			let { data: r, hasMore: i } = await vn({
 				parentId: e,
 				searchTerm: t,
 				start: n
@@ -41094,7 +41094,7 @@ Re.plugin({
 var X = class extends d {
 	static #e = Nr = this;
 	constructor(...e) {
-		super(...e), this.formControlController = new de(this, { assumeInteractionOn: ["cx-gallery-picker-action"] }), this.localize = new h(this), this.variant = x.Asset, this.sourceVariant = I.Manual, this.dialogVariant = j.Gallery, this.name = "", this.value = void 0, this.defaultValue = void 0, this.src = "", this.format = "TR1", this.manualFormat = !1, this.boundary = document.body, this.form = void 0, this.onRequestAsset = void 0, this.loading = !1, this.masonryData = [], this.dataCount = 0, this.currentPage = 0, this.selectedPosition = -1, this.hasFinishedFetchingData = !1, this.errorDataMap = /* @__PURE__ */ new Map(), this.osInstance = null, this.itemsPerPage = 9, this.maxRows = 3, this.maxColumns = 3, this.rowHeight = "150px", this.spacing = "medium", this.autofetchController = new Ht(this, {
+		super(...e), this.formControlController = new de(this, { assumeInteractionOn: ["cx-gallery-picker-action"] }), this.localize = new h(this), this.variant = x.Asset, this.sourceVariant = L.Manual, this.dialogVariant = j.Gallery, this.name = "", this.value = void 0, this.defaultValue = void 0, this.src = "", this.format = "TR1", this.manualFormat = !1, this.boundary = document.body, this.form = void 0, this.onRequestAsset = void 0, this.loading = !1, this.masonryData = [], this.dataCount = 0, this.currentPage = 0, this.selectedPosition = -1, this.hasFinishedFetchingData = !1, this.errorDataMap = /* @__PURE__ */ new Map(), this.osInstance = null, this.itemsPerPage = 9, this.maxRows = 3, this.maxColumns = 3, this.rowHeight = "150px", this.spacing = "medium", this.autofetchController = new Ht(this, {
 			isSiteBuilder: !0,
 			maxEnd: 100
 		});
@@ -41160,7 +41160,7 @@ var X = class extends d {
 		await this.updateComplete, this.requestUpdate();
 	}
 	async fetchImagesInFolderBySlide() {
-		if (await this.updateComplete, this.src !== "" && this.sourceVariant === I.Api && this.currentPage !== Infinity) {
+		if (await this.updateComplete, this.src !== "" && this.sourceVariant === L.Api && this.currentPage !== Infinity) {
 			this.hasFinishedFetchingData = !1, this.loading = !0;
 			try {
 				let e = await this.autofetchController.fetchImagesInFolderByPage({
@@ -41177,10 +41177,10 @@ var X = class extends d {
 		}
 	}
 	handleSourceVariantChange() {
-		this.sourceVariant === I.Api && (this.currentPage = 0, this.masonryData = [], this.dataCount = 0);
+		this.sourceVariant === L.Api && (this.currentPage = 0, this.masonryData = [], this.dataCount = 0);
 	}
 	async fetchImagesByIDs(e, t) {
-		if (await this.updateComplete, this.sourceVariant === I.Api || !this.value) return;
+		if (await this.updateComplete, this.sourceVariant === L.Api || !this.value) return;
 		if (this.value.length === 0) {
 			this.masonryData = [], this.dataCount = 0;
 			return;
@@ -41194,7 +41194,7 @@ var X = class extends d {
 		await this.doFetchByIds(n);
 	}
 	async handleFormatChange() {
-		if (this.sourceVariant === I.Api || !this.value || this.value.length === 0) return;
+		if (this.sourceVariant === L.Api || !this.value || this.value.length === 0) return;
 		let e = this.value.map((e) => e.id).filter((e) => e !== "");
 		e.length !== 0 && await this.doFetchByIds(e);
 	}
@@ -41234,9 +41234,9 @@ var X = class extends d {
 	}
 	handleEditItem(e) {
 		if (this.value) {
-			if (this.emit("cx-gallery-picker-action"), this.sourceVariant === I.Manual) {
-				if (this.selectedPosition = this.value.findIndex((t) => this.sourceVariant === I.Manual ? t.rawId === e.detail.item.rawId : t.id === e.detail.item.id), this.selectedPosition < 0) return;
-				let t = this.value[this.selectedPosition], n = this.masonryData.find((t) => this.sourceVariant === I.Manual ? t.rawId === e.detail.item.rawId : t.id === e.detail.item.id);
+			if (this.emit("cx-gallery-picker-action"), this.sourceVariant === L.Manual) {
+				if (this.selectedPosition = this.value.findIndex((t) => this.sourceVariant === L.Manual ? t.rawId === e.detail.item.rawId : t.id === e.detail.item.id), this.selectedPosition < 0) return;
+				let t = this.value[this.selectedPosition], n = this.masonryData.find((t) => this.sourceVariant === L.Manual ? t.rawId === e.detail.item.rawId : t.id === e.detail.item.id);
 				if (!t || !n?.src && !n?.backgroundColor) return;
 				let r = {
 					...t,
@@ -41280,12 +41280,12 @@ var X = class extends d {
 		if (n < 0) r = [...this.value ?? [], t];
 		else {
 			r = [...this.value ?? []];
-			let e = this.sourceVariant === I.Manual && !!t.rawId, n = (n) => e ? n.rawId === t.rawId : n.id === t.id;
+			let e = this.sourceVariant === L.Manual && !!t.rawId, n = (n) => e ? n.rawId === t.rawId : n.id === t.id;
 			r.some(n) ? r = r.map((e) => n(e) ? t : e) : r.push(t);
 		}
 		let i = r.map((e) => ({
 			...e,
-			rawId: this.sourceVariant === I.Manual ? e.rawId || mt() : e.rawId ?? ""
+			rawId: this.sourceVariant === L.Manual ? e.rawId || ht() : e.rawId ?? ""
 		}));
 		this.value = i, this.emit("cx-content-builder-gallery-change", { detail: { data: i.map((e) => ({
 			backgroundColor: e.backgroundColor,
@@ -41322,7 +41322,7 @@ var X = class extends d {
 			autoHideDelay: 1e3
 		} }), this.osInstance.on("scroll", (e) => {
 			let t = e.elements().viewport, n = t.scrollTop, r = t.clientHeight, i = t.scrollHeight, a = n + r >= i - 5;
-			if (this.sourceVariant !== I.Api || this.loading || this.currentPage === Infinity || !this.src) return;
+			if (this.sourceVariant !== L.Api || this.loading || this.currentPage === Infinity || !this.src) return;
 			let o = (this.currentPage + 1) * this.itemsPerPage;
 			a && this.dataCount > o && this.currentPage++;
 		});
@@ -41331,7 +41331,7 @@ var X = class extends d {
 		this.osInstance?.destroy(), this.osInstance = null;
 	}
 	render() {
-		let e = this.sourceVariant === I.Manual ? [{
+		let e = this.sourceVariant === L.Manual ? [{
 			color: "var(--cx-color-danger)",
 			event: "cx-delete-item",
 			icon: "delete",
@@ -41349,7 +41349,7 @@ var X = class extends d {
 			hasError: this.errorDataMap.has(e.id),
 			loading: !e.src && !e.backgroundColor
 		}));
-		return n`<cx-input class="gallery-picker__input" label=${this.localize.term("choose")} name=${this.name} value=${JSON.stringify(this.value ?? [])}></cx-input><div part="overlay" class="gallery-picker__overlay" tabindex="-1"><div part="masonry-wrapper" style=${ce({ maxHeight: this.maxMasonryHeight })} class="gallery-picker__masonry-wrapper" tabindex="-1"><cx-masonry class="gallery-picker__masonry" cols=${this.maxColumns} id-key=${this.sourceVariant === I.Manual ? "rawId" : "id"} row-height=${this.rowHeight} format=${this.format} ?manual-format=${this.manualFormat} spacing="medium" no-crossorigin ?sortable=${this.sourceVariant === I.Manual} .data=${t} .actions=${e} @cx-edit-item=${this.handleEditItem} @cx-delete-item=${this.handleDeleteItem} @cx-reorder=${this.handleReorder}></cx-masonry></div>${y(this.src ? this.hasFinishedFetchingData && this.masonryData.length === 0 : this.masonryData.length === 0, () => y(this.sourceVariant === I.Api, () => n`<cx-typography variant="body2" class="gallery-picker__no-slides-added">${y(this.dialogVariant === j.Gallery, () => this.localize.term("cardsWillBeAddedAutomaticallyFromTheSelectedFolder"), () => this.localize.term("slidesWillBeAddedAutomaticallyFromTheSelectedFolder"))}</cx-typography>`, () => n`<cx-typography variant="body2" class="gallery-picker__no-slides-added">${this.localize.term(`no${this.dialogVariant === j.Gallery ? "Cards" : "Slides"}AddedYet`)}</cx-typography>`))}</div>${y(this.sourceVariant === I.Manual, () => n`<cx-button class="gallery-picker-trigger" variant="default" @click=${this.handleAddItem}>${this.localize.term(`add${this.dialogVariant === j.Gallery ? "Card" : "Slide"}`)}</cx-button>`)}<cx-gallery-config variant=${this.variant} dialog-variant=${this.dialogVariant} ?disabled-asset-picker=${this.sourceVariant === I.Api} .boundary=${this.boundary} .onRequestAsset=${this.onRequestAsset} @cx-gallery-config-save=${this.handleSave}></cx-gallery-config>`;
+		return n`<cx-input class="gallery-picker__input" label=${this.localize.term("choose")} name=${this.name} value=${JSON.stringify(this.value ?? [])}></cx-input><div part="overlay" class="gallery-picker__overlay" tabindex="-1"><div part="masonry-wrapper" style=${ce({ maxHeight: this.maxMasonryHeight })} class="gallery-picker__masonry-wrapper" tabindex="-1"><cx-masonry class="gallery-picker__masonry" cols=${this.maxColumns} id-key=${this.sourceVariant === L.Manual ? "rawId" : "id"} row-height=${this.rowHeight} format=${this.format} ?manual-format=${this.manualFormat} spacing="medium" no-crossorigin ?sortable=${this.sourceVariant === L.Manual} .data=${t} .actions=${e} @cx-edit-item=${this.handleEditItem} @cx-delete-item=${this.handleDeleteItem} @cx-reorder=${this.handleReorder}></cx-masonry></div>${y(this.src ? this.hasFinishedFetchingData && this.masonryData.length === 0 : this.masonryData.length === 0, () => y(this.sourceVariant === L.Api, () => n`<cx-typography variant="body2" class="gallery-picker__no-slides-added">${y(this.dialogVariant === j.Gallery, () => this.localize.term("cardsWillBeAddedAutomaticallyFromTheSelectedFolder"), () => this.localize.term("slidesWillBeAddedAutomaticallyFromTheSelectedFolder"))}</cx-typography>`, () => n`<cx-typography variant="body2" class="gallery-picker__no-slides-added">${this.localize.term(`no${this.dialogVariant === j.Gallery ? "Cards" : "Slides"}AddedYet`)}</cx-typography>`))}</div>${y(this.sourceVariant === L.Manual, () => n`<cx-button class="gallery-picker-trigger" variant="default" @click=${this.handleAddItem}>${this.localize.term(`add${this.dialogVariant === j.Gallery ? "Card" : "Slide"}`)}</cx-button>`)}<cx-gallery-config variant=${this.variant} dialog-variant=${this.dialogVariant} ?disabled-asset-picker=${this.sourceVariant === L.Api} .boundary=${this.boundary} .onRequestAsset=${this.onRequestAsset} @cx-gallery-config-save=${this.handleSave}></cx-gallery-config>`;
 	}
 };
 l([f("cx-gallery-config"), u("design:type", jr === void 0 ? Object : jr)], X.prototype, "galleryConfig", void 0), l([f("cx-masonry"), u("design:type", Et === void 0 ? Object : Et)], X.prototype, "masonry", void 0), l([f(".gallery-picker__masonry-wrapper"), u("design:type", typeof HTMLElement > "u" ? Object : HTMLElement)], X.prototype, "scrollWrapper", void 0), l([f(".gallery-picker__input"), u("design:type", T === void 0 ? Object : T)], X.prototype, "inputEl", void 0), l([s({
@@ -41359,7 +41359,7 @@ l([f("cx-gallery-config"), u("design:type", jr === void 0 ? Object : jr)], X.pro
 	attribute: "source-variant",
 	reflect: !0,
 	type: String
-}), u("design:type", I === void 0 ? Object : I)], X.prototype, "sourceVariant", void 0), l([s({
+}), u("design:type", L === void 0 ? Object : L)], X.prototype, "sourceVariant", void 0), l([s({
 	attribute: "dialog-variant",
 	reflect: !0,
 	type: String
@@ -41428,14 +41428,14 @@ var Pr = X, Fr = r`.page-picker__name{--color:var(--cx-color-primary-500)}.page-
 	static #t = this.dependencies = {
 		"cx-button": b,
 		"cx-dialog": k,
-		"cx-folder-select": wt,
+		"cx-folder-select": P,
 		"cx-icon-button": _,
 		"cx-space": D,
 		"cx-typography": S
 	};
 	#n;
 	constructor() {
-		super(), this.localize = new h(this), this.boundary = document.body, this.name = "", this.value = "", this.variant = P.Select, this.required = !1, this.selectedLabel = "", this.open = !1, this.apiGetPagesAndLinks = this.apiGetPagesAndLinks.bind(this);
+		super(), this.localize = new h(this), this.boundary = document.body, this.name = "", this.value = "", this.variant = N.Select, this.required = !1, this.selectedLabel = "", this.open = !1, this.apiGetPagesAndLinks = this.apiGetPagesAndLinks.bind(this);
 	}
 	async fetchSelectedPage() {
 		if (this.value && !this.selectedLabel) try {
@@ -41451,7 +41451,7 @@ var Pr = X, Fr = r`.page-picker__name{--color:var(--cx-color-primary-500)}.page-
 	}
 	async apiGetPagesAndLinks({ folderId: e = "", searchTerm: t = "", start: n = 0 }) {
 		try {
-			let { data: r, hasMore: i } = await mn({
+			let { data: r, hasMore: i } = await vn({
 				parentId: e,
 				searchTerm: t,
 				start: n
@@ -41489,7 +41489,7 @@ var Pr = X, Fr = r`.page-picker__name{--color:var(--cx-color-primary-500)}.page-
 		let t = e.detail.selection[0];
 		this.selectedLabel = t.dataset.name ?? "";
 		let { id: n, url: r } = t.dataset;
-		this.variant === P.Select ? this.emit("cx-content-builder-page-change", { detail: {
+		this.variant === N.Select ? this.emit("cx-content-builder-page-change", { detail: {
 			id: n,
 			url: r
 		} }) : this.#n = {
@@ -41510,11 +41510,11 @@ var Pr = X, Fr = r`.page-picker__name{--color:var(--cx-color-primary-500)}.page-
 		this.emit("cx-content-builder-page-change", { detail: this.#n }), this.dialog.hide(), this.open = !1;
 	}
 	render() {
-		return n`<cx-space part="base" class="page-picker" spacing="2x-small" direction="horizontal" align-items="center">${y(this.variant === P.Select, () => n`<cx-folder-select name=${this.name} selected-label=${this.selectedLabel} value=${this.#n?.id || this.value} variant="select" .form=${this.closest("form")} ?open=${this.open} ?required=${this.required} @cx-clear=${this.handleClear} @cx-selection-change=${this.handleSelectionChange} .api=${this.apiGetPagesAndLinks}></cx-folder-select>`, () => n`
+		return n`<cx-space part="base" class="page-picker" spacing="2x-small" direction="horizontal" align-items="center">${y(this.variant === N.Select, () => n`<cx-folder-select name=${this.name} selected-label=${this.selectedLabel} value=${this.#n?.id || this.value} variant="select" .form=${this.closest("form")} ?open=${this.open} ?required=${this.required} @cx-clear=${this.handleClear} @cx-selection-change=${this.handleSelectionChange} .api=${this.apiGetPagesAndLinks}></cx-folder-select>`, () => n`
           ${y(this.selectedLabel, () => n`<cx-typography data-testid="page-name" variant="body3" class="page-picker__name">${this.selectedLabel}</cx-typography>`)}<cx-button data-testid="request-page-button" class="page-picker__request-page-button" @click=${this.handleRequestPageClick}>${this.localize.term("choose")}</cx-button>${y(this.value, () => n`<cx-icon-button data-testid="delete-page-button" label=${this.localize.term("delete")} name="delete" @click=${this.handleClear}></cx-icon-button>`)}<cx-dialog part="dialog" class="page-picker__dialog" use-overlay-scrollbar strategy="overlay" ?open=${this.open} .boundary=${this.boundary} @cx-request-close=${this.handleRequestClose}><cx-typography slot="label" variant="h4">${this.localize.term("selectFolder")}</cx-typography><cx-folder-select name=${this.name} value=${this.#n?.id || this.value} selected-label=${this.selectedLabel} variant=${this.variant} .form=${this.closest("form")} ?open=${this.open} ?required=${this.required} @cx-selection-change=${this.handleSelectionChange} .api=${this.apiGetPagesAndLinks}></cx-folder-select><cx-space slot="footer" spacing="x-small" wrap="nowrap" justify-content="end"><cx-button data-testid="cancel-button" variant="default" size="medium" @click=${this.handleRequestClose}>${this.localize.term("cancel")}</cx-button><cx-button data-testid="save-button" variant="primary" size="medium" @click=${this.handleSaveClick}>${this.localize.term("save")}</cx-button></cx-space></cx-dialog>`)}</cx-space>`;
 	}
 };
-l([f(".page-picker__dialog"), u("design:type", k === void 0 ? Object : k)], Z.prototype, "dialog", void 0), l([f("cx-folder-select"), u("design:type", wt === void 0 ? Object : wt)], Z.prototype, "selectEl", void 0), l([s({ type: Object }), u("design:type", typeof HTMLElement > "u" ? Object : HTMLElement)], Z.prototype, "boundary", void 0), l([s({
+l([f(".page-picker__dialog"), u("design:type", k === void 0 ? Object : k)], Z.prototype, "dialog", void 0), l([f("cx-folder-select"), u("design:type", P === void 0 ? Object : P)], Z.prototype, "selectEl", void 0), l([s({ type: Object }), u("design:type", typeof HTMLElement > "u" ? Object : HTMLElement)], Z.prototype, "boundary", void 0), l([s({
 	reflect: !0,
 	type: String
 }), u("design:type", String)], Z.prototype, "name", void 0), l([s({
@@ -41524,7 +41524,7 @@ l([f(".page-picker__dialog"), u("design:type", k === void 0 ? Object : k)], Z.pr
 	attribute: "variant",
 	reflect: !0,
 	type: String
-}), u("design:type", P === void 0 ? Object : P)], Z.prototype, "variant", void 0), l([s({
+}), u("design:type", N === void 0 ? Object : N)], Z.prototype, "variant", void 0), l([s({
 	reflect: !0,
 	type: Boolean
 }), u("design:type", Object)], Z.prototype, "required", void 0), l([c(), u("design:type", String)], Z.prototype, "selectedLabel", void 0), l([c(), u("design:type", Object)], Z.prototype, "open", void 0), Z = l([m("cx-page-picker"), u("design:paramtypes", [])], Z);
@@ -41532,17 +41532,17 @@ var Ir = Z;
 //#endregion
 //#region ../../packages/organisms/src/content-builder/content-builder.utils.ts
 function Lr(e, t, n) {
-	return e.value === "space-default" ? n ? nt(t?.value ?? n) : Ze : nt(t?.value ?? e.typeface);
+	return e.value === "space-default" ? n ? rt(t?.value ?? n) : Ze : rt(t?.value ?? e.typeface);
 }
 function Rr(e, t) {
-	return e.find((e) => e.typeface === t || e.value === t || N(e) === t || e.families.some((e) => e.value === t));
+	return e.find((e) => e.typeface === t || e.value === t || M(e) === t || e.families.some((e) => e.value === t));
 }
 function zr(e, t, n) {
-	return e ? e.families.find((e) => String(e.fontStyle ?? "") === t && String(e.fontWeight ?? "") === n) || e.families.find((e) => M(e) === t || e.value === t) : void 0;
+	return e ? e.families.find((e) => String(e.fontStyle ?? "") === t && String(e.fontWeight ?? "") === n) || e.families.find((e) => tt(e) === t || e.value === t) : void 0;
 }
 function Br(e, t) {
 	return {
-		family: at(String(e[t.familyKey] ?? "")),
+		family: ot(String(e[t.familyKey] ?? "")),
 		style: String(e[t.styleKey] ?? ""),
 		weight: String(t.weightKey ? e[t.weightKey] ?? "" : "")
 	};
@@ -41557,7 +41557,7 @@ function Ur(e, t) {
 	return Hr(e).filter((e) => e.id && e.name && t.includes(e.name)).map((e) => e.id);
 }
 function Wr(e) {
-	return e === $e.Carousel ? vn : e === $e.FontKitAdvanced ? [$e.Text] : [];
+	return e === $e.Carousel ? dn : e === $e.FontKitAdvanced ? [$e.Text] : [];
 }
 function Gr(e, t) {
 	if (!t) return e;
@@ -41570,12 +41570,12 @@ function Gr(e, t) {
 function Kr({ blockAttributes: e, keys: t, typefaces: n }) {
 	let r = Br(e, t), i = n.some((e) => e.value === "inherited-font") ? Qe : Ze, a = Rr(n, r.family) ?? (r.family ? void 0 : n.find((e) => e.value === i)), o = zr(a, r.style, r.weight);
 	return {
-		familyValue: a ? N(a) : r.family,
-		styleValue: a && o ? M(o) : r.style
+		familyValue: a ? M(a) : r.family,
+		styleValue: a && o ? tt(o) : r.style
 	};
 }
 function qr({ clearDefaultFamily: e = !1, familyValue: t, spaceFontFamily: n, styleValue: r, typefaces: i }) {
-	let a = t === Qe, o = i.find((e) => N(e) === t), s = (o?.families ?? []).find((e) => M(e) === r), c = o?.value === Ze, l = a || e && c && !n, u = t;
+	let a = t === Qe, o = i.find((e) => M(e) === t), s = (o?.families ?? []).find((e) => tt(e) === r), c = o?.value === Ze, l = a || e && c && !n, u = t;
 	l ? u = "" : o && (u = Lr(o, s, n));
 	let d = String(s?.fontStyle ?? ""), f = s?.fontWeight === void 0 ? "" : String(s.fontWeight);
 	return {
@@ -41615,7 +41615,7 @@ function Zr(e, t) {
 //#region ../../packages/organisms/src/form/control-renderer/control-renderer.ts
 var Qr = class {
 	constructor(e, t) {
-		this.apiSearchAssets = jt, this.apiGetTeamSpaceFontFamily = gn, this.pendingGalleryPickerSaves = /* @__PURE__ */ new Set(), this.fontFamiliesCache = /* @__PURE__ */ new Map(), this.spaceFontFamilyCache = /* @__PURE__ */ new Map(), this.pendingFontFamilyFetches = /* @__PURE__ */ new Set(), this.typeSubtypeOptionsCache = /* @__PURE__ */ new Map(), this.pendingTypeSubtypeOptionsFetches = /* @__PURE__ */ new Set(), this.srcResolveVersions = /* @__PURE__ */ new Map(), this.host = e, this.options = t, this.localize = new h(this.host);
+		this.apiSearchAssets = jt, this.apiGetTeamSpaceFontFamily = _n, this.pendingGalleryPickerSaves = /* @__PURE__ */ new Set(), this.fontFamiliesCache = /* @__PURE__ */ new Map(), this.spaceFontFamilyCache = /* @__PURE__ */ new Map(), this.pendingFontFamilyFetches = /* @__PURE__ */ new Set(), this.typeSubtypeOptionsCache = /* @__PURE__ */ new Map(), this.pendingTypeSubtypeOptionsFetches = /* @__PURE__ */ new Set(), this.srcResolveVersions = /* @__PURE__ */ new Map(), this.host = e, this.options = t, this.localize = new h(this.host);
 	}
 	createChangeHandler({ key: e, trait: t, type: n }) {
 		let r;
@@ -41684,7 +41684,7 @@ var Qr = class {
 						} catch {
 							i = [];
 						}
-						let a = new Set(i.map((e) => e.id)), o = r.map((e) => e.id).some((e) => !a.has(e)), s = this.context.blockAttributes["source-variant"] === I.Api;
+						let a = new Set(i.map((e) => e.id)), o = r.map((e) => e.id).some((e) => !a.has(e)), s = this.context.blockAttributes["source-variant"] === L.Api;
 						o && !s ? this.pendingGalleryPickerSaves.add(e) : await this.handleConfigChange(e, r, n, t.callback);
 					}
 					if (t.galleryPickerConfigs?.transformationRecordIdKey && (!a || r.length > 0)) {
@@ -41856,7 +41856,7 @@ var Qr = class {
 			case "asset-format-picker":
 				r = async (r, ...i) => {
 					if (typeof r == "string") {
-						let a = typeof i[0] == "string" ? i[0] : pn.Latest, o = typeof i[1] == "string" ? i[1] : "", s = typeof i[2] == "string" ? i[2] : "";
+						let a = typeof i[0] == "string" ? i[0] : gn.Latest, o = typeof i[1] == "string" ? i[1] : "", s = typeof i[2] == "string" ? i[2] : "";
 						await this.handleConfigChange(e, r, n, t.callback);
 						let c = t.assetFormatPickerConfigs?.assetVersionKey, l = t.assetFormatPickerConfigs?.formatSrcKey, u = t.assetFormatPickerConfigs?.versionLabelKey;
 						c && await this.handleConfigChange(c, a, "attribute"), l && await this.handleConfigChange(l, o, "attribute"), u && await this.handleConfigChange(u, s, "attribute");
@@ -41946,7 +41946,7 @@ var Qr = class {
 			query: { recordId: [e] }
 		});
 		for (let e of i.items) {
-			let i = String(e["Document.FileExtension"] ?? ""), a = r ? rt(i, String(e["CoreField.FileSize"] ?? "")) : t, o = `path_${a}`;
+			let i = String(e["Document.FileExtension"] ?? ""), a = r ? it(i, String(e["CoreField.FileSize"] ?? "")) : t, o = `path_${a}`;
 			if (a !== "TRX" || Gt(String(e["CoreField.DocType"] ?? ""), i)) {
 				let t = e[o];
 				if (Xt(t)) return this.getResolvedImage(t);
@@ -42042,7 +42042,7 @@ var Qr = class {
 					a = {};
 				}
 				let s = [];
-				if (e.src && e["source-variant"] === I.Api) s = [e.src];
+				if (e.src && e["source-variant"] === L.Api) s = [e.src];
 				else if (l.downloadFormatPickerConfigs?.isObjectFormat) try {
 					s = JSON.parse(e[l.downloadFormatPickerConfigs?.assetIdsKey ?? ""] ?? "[]").map((e) => e[l.downloadFormatPickerConfigs?.objectIdKey ?? "id"]);
 				} catch {
@@ -42055,7 +42055,7 @@ var Qr = class {
 			["asset-format-picker", () => {
 				let t = async (e) => {
 					await o(e.detail.format, e.detail.assetVersion, e.detail.assetSrc, e.detail.versionLabel);
-				}, i = r, a = e[l.assetFormatPickerConfigs?.assetVersionKey ?? ""] ?? pn.Latest, s = e[l.assetFormatPickerConfigs?.versionLabelKey ?? ""] || void 0, u = i ? {
+				}, i = r, a = e[l.assetFormatPickerConfigs?.assetVersionKey ?? ""] ?? gn.Latest, s = e[l.assetFormatPickerConfigs?.versionLabelKey ?? ""] || void 0, u = i ? {
 					assetVersion: a,
 					format: i,
 					versionLabel: s
@@ -42490,25 +42490,25 @@ var Qr = class {
 		"cx-asset-format-picker": fr,
 		"cx-asset-picker": On,
 		"cx-asset-transformation-dialog": hr,
-		"cx-bicolor-picker": ht,
-		"cx-border-input-group": gt,
+		"cx-bicolor-picker": gt,
+		"cx-border-input-group": _t,
 		"cx-button": b,
 		"cx-button-group": ve,
 		"cx-card": ye,
 		"cx-checkbox": be,
 		"cx-color-swatch-picker": Er,
-		"cx-confirm-popover": vt,
-		"cx-corner-position-input-group": yt,
+		"cx-confirm-popover": yt,
+		"cx-corner-position-input-group": bt,
 		"cx-dialog": k,
 		"cx-divider": Ue,
 		"cx-download-format-picker": An,
 		"cx-dropdown": w,
-		"cx-dynamic-select": xt,
+		"cx-dynamic-select": St,
 		"cx-folder-picker": Or,
 		"cx-font-picker": Ln,
 		"cx-gallery-picker": Pr,
-		"cx-grid": st,
-		"cx-grid-item": ct,
+		"cx-grid": ct,
+		"cx-grid-item": lt,
 		"cx-icon": ie,
 		"cx-icon-picker": or,
 		"cx-input": T,
@@ -42519,14 +42519,14 @@ var Qr = class {
 		"cx-padding-input-group": Dt,
 		"cx-page-picker": Ir,
 		"cx-position-picker": Ot,
-		"cx-radio": ut,
-		"cx-radio-card": dt,
-		"cx-radio-group": ft,
+		"cx-radio": dt,
+		"cx-radio-card": ft,
+		"cx-radio-group": pt,
 		"cx-select": O,
 		"cx-shadow-input-group": kt,
 		"cx-size-input-group": At,
 		"cx-space": D,
-		"cx-switch": pt,
+		"cx-switch": mt,
 		"cx-tab": je,
 		"cx-tab-group": Me,
 		"cx-tab-panel": Pe,
@@ -42853,26 +42853,26 @@ var ri = Q, ii = r`:host{display:block}.editor{gap:var(--cx-spacing-small);flex-
 	static #t = this.dependencies = {
 		"cx-button": b,
 		"cx-checkbox": be,
-		"cx-confirm-popover": vt,
+		"cx-confirm-popover": yt,
 		"cx-dialog": k,
 		"cx-dropdown": w,
-		"cx-dynamic-select": xt,
-		"cx-grid": st,
-		"cx-grid-item": ct,
+		"cx-dynamic-select": St,
+		"cx-grid": ct,
+		"cx-grid-item": lt,
 		"cx-icon": ie,
 		"cx-icon-picker": or,
 		"cx-input": T,
 		"cx-list-editor": ri,
 		"cx-option": E,
-		"cx-radio": ut,
-		"cx-radio-group": ft,
+		"cx-radio": dt,
+		"cx-radio-group": pt,
 		"cx-select": O,
 		"cx-space": D,
 		"cx-type-subtype-select": ur,
 		"cx-typography": S
 	};
 	constructor() {
-		super(), this.localize = new h(this), this.apiGetSubTypesWithWildcard = ln, this.apiGetDamViewAvailableSpaces = dn, this.apiGetDamViewAvailableButtons = cn, this.apiGetDamViewAvailableForms = un, this.apiGetDamViewAvailableLevelsOfAccess = yn, this.apiGetDamViewAvailablePages = an, this.apiGetDamViewCustomButtonDetail = sn, this.subTypesLoaded = !1, this.availableButtonDetailsByValue = /* @__PURE__ */ new Map(), this.pendingAvailableButtonSelect = Promise.resolve(), this.resolvedAvailableButtons = [], this.formApi = async () => {
+		super(), this.localize = new h(this), this.apiGetSubTypesWithWildcard = ln, this.apiGetDamViewAvailableSpaces = mn, this.apiGetDamViewAvailableButtons = an, this.apiGetDamViewAvailableForms = pn, this.apiGetDamViewAvailableLevelsOfAccess = cn, this.apiGetDamViewAvailablePages = fn, this.apiGetDamViewCustomButtonDetail = sn, this.subTypesLoaded = !1, this.availableButtonDetailsByValue = /* @__PURE__ */ new Map(), this.pendingAvailableButtonSelect = Promise.resolve(), this.resolvedAvailableButtons = [], this.formApi = async () => {
 			let { forms: e } = await this.apiGetDamViewAvailableForms();
 			return {
 				data: e.map((e) => ({
@@ -42984,7 +42984,7 @@ var ri = Q, ii = r`:host{display:block}.editor{gap:var(--cx-spacing-small);flex-
 		let i = this.pendingAvailableButtonSelect.then(async () => {
 			let e = {
 				...this.createNewButton(),
-				..._n(await r),
+				...hn(await r),
 				label: n,
 				name: n
 			};
@@ -43012,7 +43012,7 @@ var ri = Q, ii = r`:host{display:block}.editor{gap:var(--cx-spacing-small);flex-
 			e.preventDefault();
 			return;
 		}
-		if (tt(this.dialogForm)) {
+		if (nt(this.dialogForm)) {
 			e.preventDefault(), e.stopPropagation(), this.confirmPopover.show();
 			return;
 		}
@@ -43041,7 +43041,7 @@ var ri = Q, ii = r`:host{display:block}.editor{gap:var(--cx-spacing-small);flex-
 	}
 	handleAppearanceChange(e) {
 		let t = e.target.value, n = { appearance: t };
-		t === fn.LabelOnly && (n.icon = ""), this.updateEditedItem(n);
+		t === un.LabelOnly && (n.icon = ""), this.updateEditedItem(n);
 	}
 	handleIconChange(e) {
 		let t = e.target;
@@ -43125,8 +43125,8 @@ var ri = Q, ii = r`:host{display:block}.editor{gap:var(--cx-spacing-small);flex-
 	createNewButton() {
 		return {
 			accessLevel: "",
-			action: F.OpenForm,
-			appearance: fn.LabelOnly,
+			action: I.OpenForm,
+			appearance: un.LabelOnly,
 			completionMessage: "",
 			formId: "",
 			icon: "",
@@ -43141,7 +43141,7 @@ var ri = Q, ii = r`:host{display:block}.editor{gap:var(--cx-spacing-small);flex-
 			recordType: "",
 			spaceId: "",
 			tooltip: "",
-			type: L.Secondary,
+			type: F.Secondary,
 			workflowId: ""
 		};
 	}
@@ -43152,14 +43152,14 @@ var ri = Q, ii = r`:host{display:block}.editor{gap:var(--cx-spacing-small);flex-
 		};
 	}
 	hasOtherPrimaryButton() {
-		return this.editedItem ? this.data.some((e) => e.id !== this.editedItem.id && e.type === L.Primary) : !1;
+		return this.editedItem ? this.data.some((e) => e.id !== this.editedItem.id && e.type === F.Primary) : !1;
 	}
 	enforceSinglePrimary(e, t) {
-		return e.find((e) => e.id === t)?.type === L.Primary ? e.map((e) => {
-			let n = e.id === t, r = e.type === L.Secondary;
+		return e.find((e) => e.id === t)?.type === F.Primary ? e.map((e) => {
+			let n = e.id === t, r = e.type === F.Secondary;
 			return n || r ? e : {
 				...e,
-				type: L.Secondary
+				type: F.Secondary
 			};
 		}) : e;
 	}
@@ -43171,7 +43171,7 @@ var ri = Q, ii = r`:host{display:block}.editor{gap:var(--cx-spacing-small);flex-
 	}
 	renderTypeField() {
 		let e = this.hasOtherPrimaryButton();
-		return n`<cx-grid-item xs="3" sm="1"><cx-typography variant="body2">${this.localize.term("type")}</cx-typography></cx-grid-item><cx-grid-item xs="3" sm="2"><cx-radio-group data-testid="type-field" value=${e ? L.Secondary : this.editedItem.type} @cx-change=${this.handleTypeChange}><cx-radio ?disabled=${e} value=${L.Primary}>${this.localize.term("primary")}</cx-radio><cx-radio ?disabled=${e} value=${L.Secondary}>${this.localize.term("secondary")}</cx-radio></cx-radio-group></cx-grid-item>`;
+		return n`<cx-grid-item xs="3" sm="1"><cx-typography variant="body2">${this.localize.term("type")}</cx-typography></cx-grid-item><cx-grid-item xs="3" sm="2"><cx-radio-group data-testid="type-field" value=${e ? F.Secondary : this.editedItem.type} @cx-change=${this.handleTypeChange}><cx-radio ?disabled=${e} value=${F.Primary}>${this.localize.term("primary")}</cx-radio><cx-radio ?disabled=${e} value=${F.Secondary}>${this.localize.term("secondary")}</cx-radio></cx-radio-group></cx-grid-item>`;
 	}
 	renderLabelField() {
 		return n`<cx-grid-item xs="3" sm="1"><span class="field-label"><cx-typography variant="body2">${this.localize.term("label")}</cx-typography><span class="field-label__required" aria-hidden="true">*</span></span></cx-grid-item><cx-grid-item xs="3" sm="2"><cx-input data-testid="label-field" name="label" required value=${this.editedItem.label} @cx-change=${this.handleLabelChange}></cx-input></cx-grid-item>`;
@@ -43180,43 +43180,43 @@ var ri = Q, ii = r`:host{display:block}.editor{gap:var(--cx-spacing-small);flex-
 		return n`<cx-grid-item xs="3" sm="1"><cx-typography variant="body2">${this.localize.term("tooltip")}</cx-typography></cx-grid-item><cx-grid-item xs="3" sm="2"><cx-input data-testid="tooltip-field" value=${this.editedItem.tooltip} @cx-change=${this.handleTooltipChange}></cx-input></cx-grid-item>`;
 	}
 	renderAppearanceField() {
-		return n`<cx-grid-item xs="3" sm="1"><cx-typography variant="body2">${this.localize.term("appearance")}</cx-typography></cx-grid-item><cx-grid-item xs="3" sm="2"><cx-radio-group data-testid="appearance-field" value=${this.editedItem.appearance} @cx-change=${this.handleAppearanceChange}><cx-radio value=${fn.LabelOnly}>${this.localize.term("labelOnly")}</cx-radio><cx-radio value=${fn.IconAndLabel}>${this.localize.term("iconAndLabel")}</cx-radio><cx-radio value=${fn.IconOnly}>${this.localize.term("iconOnly")}</cx-radio></cx-radio-group></cx-grid-item>`;
+		return n`<cx-grid-item xs="3" sm="1"><cx-typography variant="body2">${this.localize.term("appearance")}</cx-typography></cx-grid-item><cx-grid-item xs="3" sm="2"><cx-radio-group data-testid="appearance-field" value=${this.editedItem.appearance} @cx-change=${this.handleAppearanceChange}><cx-radio value=${un.LabelOnly}>${this.localize.term("labelOnly")}</cx-radio><cx-radio value=${un.IconAndLabel}>${this.localize.term("iconAndLabel")}</cx-radio><cx-radio value=${un.IconOnly}>${this.localize.term("iconOnly")}</cx-radio></cx-radio-group></cx-grid-item>`;
 	}
 	renderIconField() {
-		return !this.editedItem || this.editedItem.appearance === fn.LabelOnly ? a : n`<cx-grid-item xs="3" sm="1"><cx-typography variant="body2">${this.localize.term("icon")}</cx-typography></cx-grid-item><cx-grid-item xs="3" sm="2"><cx-icon-picker data-testid="icon-field" no-custom-option .value=${{
+		return !this.editedItem || this.editedItem.appearance === un.LabelOnly ? a : n`<cx-grid-item xs="3" sm="1"><cx-typography variant="body2">${this.localize.term("icon")}</cx-typography></cx-grid-item><cx-grid-item xs="3" sm="2"><cx-icon-picker data-testid="icon-field" no-custom-option .value=${{
 			name: this.editedItem.icon ?? "",
 			src: ""
 		}} @cx-change=${this.handleIconChange}></cx-icon-picker></cx-grid-item>`;
 	}
 	renderActionField() {
-		return n`<cx-grid-item xs="3" sm="1"><cx-typography variant="body2">${this.localize.term("actionOnClick")}</cx-typography></cx-grid-item><cx-grid-item xs="3" sm="2"><cx-select data-testid="action-field" hoist value=${this.editedItem.action} @cx-change=${this.handleActionChange}><cx-option value=${F.OpenForm}>${this.localize.term("openForm")}</cx-option><cx-option value=${F.CreateRecord}>${this.localize.term("createRecord")}</cx-option><cx-option value=${F.OpenLink}>${this.localize.term("openLink")}</cx-option><cx-option value=${F.OpenPage}>${this.localize.term("openPage")}</cx-option><cx-option value=${F.OpenSpace}>${this.localize.term("openSpace")}</cx-option><cx-option value=${F.ExecuteWorkflow}>${this.localize.term("executeWorkflow")}</cx-option></cx-select></cx-grid-item>`;
+		return n`<cx-grid-item xs="3" sm="1"><cx-typography variant="body2">${this.localize.term("actionOnClick")}</cx-typography></cx-grid-item><cx-grid-item xs="3" sm="2"><cx-select data-testid="action-field" hoist value=${this.editedItem.action} @cx-change=${this.handleActionChange}><cx-option value=${I.OpenForm}>${this.localize.term("openForm")}</cx-option><cx-option value=${I.CreateRecord}>${this.localize.term("createRecord")}</cx-option><cx-option value=${I.OpenLink}>${this.localize.term("openLink")}</cx-option><cx-option value=${I.OpenPage}>${this.localize.term("openPage")}</cx-option><cx-option value=${I.OpenSpace}>${this.localize.term("openSpace")}</cx-option><cx-option value=${I.ExecuteWorkflow}>${this.localize.term("executeWorkflow")}</cx-option></cx-select></cx-grid-item>`;
 	}
 	renderFormToOpenField() {
-		return this.editedItem?.action === F.OpenForm ? n`<cx-grid-item xs="3" sm="1"><span class="field-label"><cx-typography variant="body2">${this.localize.term("formToOpen")}</cx-typography><span class="field-label__required" aria-hidden="true">*</span></span></cx-grid-item><cx-grid-item xs="3" sm="2"><cx-dynamic-select data-testid="form-to-open-field" name="formId" hoist free-width placement="bottom-start" required .value=${this.editedItem.formId ?? ""} .api=${this.formApi} custom-change-event="cx-form-id-select" @cx-form-id-select=${this.handleFormIdChange}></cx-dynamic-select></cx-grid-item>` : a;
+		return this.editedItem?.action === I.OpenForm ? n`<cx-grid-item xs="3" sm="1"><span class="field-label"><cx-typography variant="body2">${this.localize.term("formToOpen")}</cx-typography><span class="field-label__required" aria-hidden="true">*</span></span></cx-grid-item><cx-grid-item xs="3" sm="2"><cx-dynamic-select data-testid="form-to-open-field" name="formId" hoist free-width placement="bottom-start" required .value=${this.editedItem.formId ?? ""} .api=${this.formApi} custom-change-event="cx-form-id-select" @cx-form-id-select=${this.handleFormIdChange}></cx-dynamic-select></cx-grid-item>` : a;
 	}
 	renderLinkField() {
-		return this.editedItem?.action === F.OpenLink ? n`<cx-grid-item xs="3" sm="1"><span class="field-label"><cx-typography variant="body2">${this.localize.term("link")}</cx-typography><span class="field-label__required" aria-hidden="true">*</span></span></cx-grid-item><cx-grid-item xs="3" sm="2"><cx-input data-testid="link-field" name="link" required value=${this.editedItem.link ?? ""} @cx-change=${this.handleLinkChange}></cx-input></cx-grid-item>` : a;
+		return this.editedItem?.action === I.OpenLink ? n`<cx-grid-item xs="3" sm="1"><span class="field-label"><cx-typography variant="body2">${this.localize.term("link")}</cx-typography><span class="field-label__required" aria-hidden="true">*</span></span></cx-grid-item><cx-grid-item xs="3" sm="2"><cx-input data-testid="link-field" name="link" required value=${this.editedItem.link ?? ""} @cx-change=${this.handleLinkChange}></cx-input></cx-grid-item>` : a;
 	}
 	renderPageField() {
-		return this.editedItem?.action === F.OpenPage ? n`<cx-grid-item xs="3" sm="1"><cx-typography variant="body2">${this.localize.term("page")}</cx-typography></cx-grid-item><cx-grid-item xs="3" sm="2"><cx-dynamic-select data-testid="page-field" clearable free-width hoist placement="bottom-start" .api=${this.pageApi} .columns=${this.pageSelectColumns} .value=${this.editedItem.pageId ?? ""} @cx-change=${this.handlePageChange}></cx-dynamic-select></cx-grid-item>` : a;
+		return this.editedItem?.action === I.OpenPage ? n`<cx-grid-item xs="3" sm="1"><cx-typography variant="body2">${this.localize.term("page")}</cx-typography></cx-grid-item><cx-grid-item xs="3" sm="2"><cx-dynamic-select data-testid="page-field" clearable free-width hoist placement="bottom-start" .api=${this.pageApi} .columns=${this.pageSelectColumns} .value=${this.editedItem.pageId ?? ""} @cx-change=${this.handlePageChange}></cx-dynamic-select></cx-grid-item>` : a;
 	}
 	renderRecordTypeAndSubTypeField() {
-		return this.editedItem?.action === F.CreateRecord ? n`<cx-grid-item xs="3" sm="1"><span class="field-label"><cx-typography variant="body2">${this.localize.term("type")}</cx-typography><span class="field-label__required" aria-hidden="true">*</span></span></cx-grid-item><cx-grid-item xs="3" sm="2"><cx-type-subtype-select data-testid="record-type-subtype-field" required value=${ur.encodeRowToken({
+		return this.editedItem?.action === I.CreateRecord ? n`<cx-grid-item xs="3" sm="1"><span class="field-label"><cx-typography variant="body2">${this.localize.term("type")}</cx-typography><span class="field-label__required" aria-hidden="true">*</span></span></cx-grid-item><cx-grid-item xs="3" sm="2"><cx-type-subtype-select data-testid="record-type-subtype-field" required value=${ur.encodeRowToken({
 			subtype: this.editedItem.recordSubType ?? "",
 			type: this.editedItem.recordType ?? ""
 		})} .options=${this.typeSubtypeOptions} @cx-change=${this.handleRecordTypeSubtypeChange}></cx-type-subtype-select></cx-grid-item>` : a;
 	}
 	renderSpaceField() {
-		return this.editedItem?.action === F.OpenSpace ? n`<cx-grid-item xs="3" sm="1"><cx-typography variant="body2">${this.localize.term("space")}</cx-typography></cx-grid-item><cx-grid-item xs="3" sm="2"><cx-dynamic-select data-testid="space-field" hoist free-width placement="bottom-start" .value=${this.editedItem.spaceId ?? ""} .api=${this.spaceApi} custom-change-event="cx-space-id-select" @cx-space-id-select=${this.handleSpaceIdChange}></cx-dynamic-select></cx-grid-item>` : a;
+		return this.editedItem?.action === I.OpenSpace ? n`<cx-grid-item xs="3" sm="1"><cx-typography variant="body2">${this.localize.term("space")}</cx-typography></cx-grid-item><cx-grid-item xs="3" sm="2"><cx-dynamic-select data-testid="space-field" hoist free-width placement="bottom-start" .value=${this.editedItem.spaceId ?? ""} .api=${this.spaceApi} custom-change-event="cx-space-id-select" @cx-space-id-select=${this.handleSpaceIdChange}></cx-dynamic-select></cx-grid-item>` : a;
 	}
 	renderOpenInNewTabField() {
-		return this.editedItem?.action === F.OpenLink ? n`<cx-grid-item xs="3" sm="1"><cx-typography variant="body2">${this.localize.term("openInNewTab")}</cx-typography></cx-grid-item><cx-grid-item xs="3" sm="2"><cx-checkbox data-testid="open-in-new-tab-field" ?checked=${this.editedItem.openInNewTab ?? !1} @cx-change=${this.handleOpenInNewTabChange}></cx-checkbox></cx-grid-item>` : a;
+		return this.editedItem?.action === I.OpenLink ? n`<cx-grid-item xs="3" sm="1"><cx-typography variant="body2">${this.localize.term("openInNewTab")}</cx-typography></cx-grid-item><cx-grid-item xs="3" sm="2"><cx-checkbox data-testid="open-in-new-tab-field" ?checked=${this.editedItem.openInNewTab ?? !1} @cx-change=${this.handleOpenInNewTabChange}></cx-checkbox></cx-grid-item>` : a;
 	}
 	renderConfigureWorkflowButton() {
-		return this.editedItem?.action === F.ExecuteWorkflow ? n`<cx-grid-item xs="3" sm="1"></cx-grid-item><cx-grid-item xs="3" sm="2"><cx-button data-testid="configure-workflow-button" variant="default" size="medium" @click=${this.handleConfigureWorkflowClick}><cx-icon slot="prefix" name="settings" size="small"></cx-icon>${this.localize.term("configure")}</cx-button></cx-grid-item>` : a;
+		return this.editedItem?.action === I.ExecuteWorkflow ? n`<cx-grid-item xs="3" sm="1"></cx-grid-item><cx-grid-item xs="3" sm="2"><cx-button data-testid="configure-workflow-button" variant="default" size="medium" @click=${this.handleConfigureWorkflowClick}><cx-icon slot="prefix" name="settings" size="small"></cx-icon>${this.localize.term("configure")}</cx-button></cx-grid-item>` : a;
 	}
 	renderCompletionMessageField() {
-		return this.editedItem?.action === F.ExecuteWorkflow ? n`<cx-grid-item xs="3" sm="1"><cx-typography variant="body2">${this.localize.term("completionMessage")}</cx-typography></cx-grid-item><cx-grid-item xs="3" sm="2"><cx-input data-testid="completion-message-field" aria-label=${this.localize.term("completionMessage")} placeholder=${this.localize.term("completionMessagePlaceholder")} value=${this.editedItem.completionMessage ?? ""} @cx-change=${this.handleCompletionMessageChange}></cx-input></cx-grid-item>` : a;
+		return this.editedItem?.action === I.ExecuteWorkflow ? n`<cx-grid-item xs="3" sm="1"><cx-typography variant="body2">${this.localize.term("completionMessage")}</cx-typography></cx-grid-item><cx-grid-item xs="3" sm="2"><cx-input data-testid="completion-message-field" aria-label=${this.localize.term("completionMessage")} placeholder=${this.localize.term("completionMessagePlaceholder")} value=${this.editedItem.completionMessage ?? ""} @cx-change=${this.handleCompletionMessageChange}></cx-input></cx-grid-item>` : a;
 	}
 	renderAccessLevelField() {
 		return n`<cx-grid-item xs="3" sm="1"><cx-typography variant="body2">${this.localize.term("levelOfAccess")}</cx-typography></cx-grid-item><cx-grid-item xs="3" sm="2"><cx-dynamic-select data-testid="access-level-field" hoist free-width placement="bottom-start" .value=${this.editedItem.accessLevel} .api=${this.accessLevelApi} custom-change-event="cx-access-level-select" @cx-access-level-select=${this.handleAccessLevelChange}></cx-dynamic-select></cx-grid-item>`;
@@ -43246,7 +43246,7 @@ var ri = Q, ii = r`:host{display:block}.editor{gap:var(--cx-spacing-small);flex-
 	render() {
 		let e = this.isAdding ? this.localize.term("newCustomButton") : this.localize.term("editCustomButton");
 		return n`<div class="editor"><cx-list-editor part="list" use-events sortable .columns=${this.columns} .data=${this.data} .boundary=${this.boundary} @cx-list-editor-edit=${this.handleListEditorEdit} @cx-list-editor-delete=${this.handleListEditorDelete} @cx-list-editor-change=${this.handleListEditorReorder}></cx-list-editor><cx-dropdown class="editor__add-button" data-testid="add-button" stay-open-on-select hoist><cx-button slot="trigger" variant="default" size="medium" caret>${this.localize.term("addButton")}</cx-button><div class="add-button-panel"><cx-dynamic-select hoist free-width placement="bottom-start" icon-name="search" custom-change-event="cx-available-button-select" .api=${this.availableButtonsApi} .columns=${this.addSelectColumns} @cx-available-button-select=${this.handleAvailableButtonSelect}></cx-dynamic-select><cx-button class="add-button-panel__create-new" variant="text" @click=${this.handleCreateNewClick}>${this.localize.term("createNew")}</cx-button></div></cx-dropdown></div><cx-dialog part="dialog" class="editor__dialog" divider-position=${Be.Both} use-overlay-scrollbar strategy="fixed" ?open=${!!this.editedItem} .boundary=${this.boundary} @cx-request-close=${this.handleRequestClose} @cx-asset-request-status=${this.handleAssetRequestStatus}><cx-typography slot="label" variant="h4">${e}</cx-typography><form class="dialog__form" @submit=${this.handleDialogFormSubmit}>${y(this.editedItem, () => n`<div class="dialog__body">${this.renderGeneralSection()}
-                ${this.renderVisibilitySection()}</div>`)}</form><cx-space slot="footer" spacing="x-small" wrap="nowrap" justify-content="end"><cx-button data-testid="cancel-button" variant="default" size="medium" @click=${this.handleCancelClick}>${this.localize.term("cancel")}</cx-button><cx-button data-testid="save-button" variant="primary" size="medium" @click=${this.handleSaveClick}>${this.localize.term("save")}</cx-button></cx-space></cx-dialog><cx-confirm-popover class="editor__confirm-popover" divider-position=${Be.Both} buttons-direction=${_t.HorizontalReverse} dialog-label=${this.localize.term("dismissChanges")} confirm-text=${this.localize.term("dismissChanges")} .boundary=${this.boundary} variant="dialog" @cx-confirm=${this.handleConfirmClose}><cx-typography variant="body2" slot="footer">${this.localize.term("doYouWantToCloseThisDialogChangesWillBeDismissed")}</cx-typography></cx-confirm-popover>`;
+                ${this.renderVisibilitySection()}</div>`)}</form><cx-space slot="footer" spacing="x-small" wrap="nowrap" justify-content="end"><cx-button data-testid="cancel-button" variant="default" size="medium" @click=${this.handleCancelClick}>${this.localize.term("cancel")}</cx-button><cx-button data-testid="save-button" variant="primary" size="medium" @click=${this.handleSaveClick}>${this.localize.term("save")}</cx-button></cx-space></cx-dialog><cx-confirm-popover class="editor__confirm-popover" divider-position=${Be.Both} buttons-direction=${vt.HorizontalReverse} dialog-label=${this.localize.term("dismissChanges")} confirm-text=${this.localize.term("dismissChanges")} .boundary=${this.boundary} variant="dialog" @cx-confirm=${this.handleConfirmClose}><cx-typography variant="body2" slot="footer">${this.localize.term("doYouWantToCloseThisDialogChangesWillBeDismissed")}</cx-typography></cx-confirm-popover>`;
 	}
 };
 l([s({
@@ -43273,7 +43273,7 @@ l([s({
 }), u("design:type", String)], $.prototype, "teamspaceModule", void 0), l([s({ type: Object }), u("design:type", typeof HTMLElement > "u" ? Object : HTMLElement)], $.prototype, "boundary", void 0), l([s({
 	attribute: "on-configure-workflow",
 	type: Function
-}), u("design:type", Object)], $.prototype, "onConfigureWorkflow", void 0), l([c(), u("design:type", Object)], $.prototype, "editedItem", void 0), l([c(), u("design:type", Boolean)], $.prototype, "isAdding", void 0), l([c(), u("design:type", typeof Record > "u" ? Object : Record)], $.prototype, "subTypesData", void 0), l([c(), u("design:type", Boolean)], $.prototype, "isLoadingSubTypes", void 0), l([c(), u("design:type", Boolean)], $.prototype, "isAssetRequestBusy", void 0), l([f("cx-dropdown"), u("design:type", w === void 0 ? Object : w)], $.prototype, "addDropdownEl", void 0), l([f(".add-button-panel cx-dynamic-select cx-select"), u("design:type", O === void 0 ? Object : O)], $.prototype, "addButtonSelectEl", void 0), l([f("form.dialog__form"), u("design:type", typeof HTMLFormElement > "u" ? Object : HTMLFormElement)], $.prototype, "dialogForm", void 0), l([f("cx-confirm-popover"), u("design:type", vt === void 0 ? Object : vt)], $.prototype, "confirmPopover", void 0), l([
+}), u("design:type", Object)], $.prototype, "onConfigureWorkflow", void 0), l([c(), u("design:type", Object)], $.prototype, "editedItem", void 0), l([c(), u("design:type", Boolean)], $.prototype, "isAdding", void 0), l([c(), u("design:type", typeof Record > "u" ? Object : Record)], $.prototype, "subTypesData", void 0), l([c(), u("design:type", Boolean)], $.prototype, "isLoadingSubTypes", void 0), l([c(), u("design:type", Boolean)], $.prototype, "isAssetRequestBusy", void 0), l([f("cx-dropdown"), u("design:type", w === void 0 ? Object : w)], $.prototype, "addDropdownEl", void 0), l([f(".add-button-panel cx-dynamic-select cx-select"), u("design:type", O === void 0 ? Object : O)], $.prototype, "addButtonSelectEl", void 0), l([f("form.dialog__form"), u("design:type", typeof HTMLFormElement > "u" ? Object : HTMLFormElement)], $.prototype, "dialogForm", void 0), l([f("cx-confirm-popover"), u("design:type", yt === void 0 ? Object : yt)], $.prototype, "confirmPopover", void 0), l([
 	g("editedItem"),
 	u("design:type", Function),
 	u("design:paramtypes", []),