@orangelogic/design-system 4.30.0 → 4.32.0

package/library/chunks/{block-width.D0anJjOD.js → block-width.Dt3rHy1I.js}

@@ -4,83 +4,83 @@ 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.BJ2p4em8.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.Dd-oDRfX.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.o3Rjsff7.js";
 import { n as oe } from "./tslib.es6.DJNsMHqv.js";
-import { t as se } from "./src.fDrPRx_j.js";
+import { t as se } from "./src.DL7bDKR0.js";
 import { t as ce } from "./style-map.DPGQIxip.js";
-import { t as b } from "./button.CI1tg4c9.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 b } from "./button.BlhGCsjP.js";
+import { E as x, S as le, r as ue } from "./string.DAuTpyw8.js";
+import { t as de } from "./form.JYXtmwQ2.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.DlenWria.js";
+import { t as pe } from "./tooltip.GjnTzFeL.js";
+import { t as me } from "./line-clamp.CgiUerew.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";
 import { t as S } from "./typography.B0mkhqTB.js";
 import { t as ve } from "./button-group.CPfXrqyq.js";
 import { t as ye } from "./card.3c-X4hqR.js";
-import { t as be } from "./checkbox.C6vsHW9n.js";
+import { t as be } from "./checkbox.aFoOxk2j.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.HoJsYnUC.js";
+import { t as w } from "./dropdown.DFLP9K18.js";
 import { t as Ce } from "./tabbable.Bflg1dha.js";
-import { t as T } from "./input.B3HfssSr.js";
-import { t as we } from "./menu.BRFXqBpq.js";
-import { t as Te } from "./menu-item.DS4-vQe3.js";
+import { t as T } from "./input.Fmdh6pnf.js";
+import { t as we } from "./menu.gmy0sy3a.js";
+import { t as Te } from "./menu-item.Du9N-cKj.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.wsYX6Pp-.js";
+import { t as ke } from "./textarea.BgWdR_7D.js";
+import { n as Ae, t as E } from "./option._7i4rjM5.js";
 import { t as D } from "./space.Dd8jezXK.js";
-import { t as O } from "./select.v6t2pNH4.js";
-import { t as je } from "./tab.Dd0cNxxc.js";
-import { t as Me } from "./tab-group.oiueox5q.js";
+import { t as O } from "./select.BddyhkLW.js";
+import { t as je } from "./tab.Cv9UFQjo.js";
+import { t as Me } from "./tab-group.DPhCgEOG.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.DUEghDon.js";
-import { E as Le, G as Re, J as ze, O as Be, R as Ve, S as He, T as Ue, U as We, V as Ge, w as Ke, x as qe, y as Je } from "./src.DKYroWZc.js";
-import { a as Ye, i as Xe, n as Ze, o as Qe, r as $e, s as et, t as k } from "./dialog.BuirdRW8.js";
+import { t as Ie } from "./color-picker.Cs91unvg.js";
+import { E as Le, G as Re, J as ze, O as Be, R as Ve, S as He, T as Ue, U as We, V as Ge, w as Ke, x as qe, y as Je } from "./src.CDbx_BKW.js";
+import { a as Ye, i as Xe, n as Ze, o as Qe, r as $e, s as et, t as k } from "./dialog.Ci7Q_ZOR.js";
 import { t as tt } from "./divider.CqSNZCU8.js";
 import { p as nt } from "./url.BCc06dE7.js";
 import { d as rt, h as it, m as at, n as ot, o as st, p as ct } from "./color.CIOzHtLK.js";
 import { _ as lt, a as A, h as ut, p as j, s as dt } from "./responsive.L9Csz2w2.js";
 import { n as ft } from "./asset-link-format.DhdgEsA0.js";
-import { t as pt } from "./image.BD0t8XU4.js";
+import { t as pt } from "./image.Cmh2WYdP.js";
 import { t as mt } from "./grid.CK4PRwur.js";
 import { t as ht } from "./grid-item.CSieaU5T.js";
 import { t as gt } from "./menu-label.B-FOyfAX.js";
 import { t as _t } from "./radio.DhPbmKbQ.js";
-import { t as vt } from "./radio-card.DPIcsAW9.js";
-import { t as yt } from "./radio-group.DKOIr2PH.js";
-import { t as bt } from "./switch.D6KXmWnC.js";
+import { t as vt } from "./radio-card.DOnTPgND.js";
+import { t as yt } from "./radio-group.DSnDDjKe.js";
+import { t as bt } from "./switch.CBho2RVW.js";
 import { t as xt } from "./v4.JyXW8GUB.js";
-import { t as St } from "./bicolor-picker.C9XSuhnX.js";
-import { t as Ct } from "./border-input-group.DESRXoh1.js";
-import { n as wt, t as Tt } from "./confirm-popover.CaNKM2dH.js";
-import { t as Et } from "./corner-position-input-group.CPrsYabs.js";
+import { t as St } from "./bicolor-picker.CoEkuFFa.js";
+import { t as Ct } from "./border-input-group.B7tkimlE.js";
+import { n as wt, t as Tt } from "./confirm-popover.CNgNi7H6.js";
+import { t as Et } from "./corner-position-input-group.Cc0hzrPR.js";
 import { t as Dt } from "./cropper.D4ymxgab.js";
-import { t as Ot } from "./dynamic-select.G1V7Da24.js";
-import { i as kt, n as M, r as At, t as N } from "./folder-select.CzNXsgl_.js";
+import { t as Ot } from "./dynamic-select.wu648W9-.js";
+import { i as kt, n as M, r as At, t as N } from "./folder-select.CQllI-Id.js";
 import { t as jt } from "./choose.C2vpqhLc.js";
-import { t as Mt } from "./masonry.B3G5f-eL.js";
-import { t as Nt } from "./padding-input-group.DKIv6567.js";
-import { t as Pt } from "./position-picker.CyXlSYCi.js";
-import { t as Ft } from "./shadow-input-group.CFb61kzG.js";
-import { t as It } from "./size-input-group.Z_9n7Nv6.js";
-import { C as Lt, S as Rt, T as zt, _ as Bt, b as Vt, c as Ht, f as Ut, g as Wt, h as Gt, i as Kt, l as qt, n as Jt, o as Yt, p as Xt, r as Zt, s as P, t as Qt, u as $t, v as en, w as tn, x as nn, y as rn } from "./asset-link-format.DLmg4fTR.js";
-import { c as an, d as on, f as sn, n as cn, u as ln } from "./color-swatch-group.BTrVIgkv.js";
-import { B as un, C as dn, H as fn, J as pn, P as mn, Q as hn, R as gn, U as _n, V as vn, X as yn, Y as F, Z as I, f as bn, g as xn, k as L, p as Sn, y as Cn, z as wn } from "./configs-controller.8izRFSig.js";
+import { t as Mt } from "./masonry.DqU7fvCr.js";
+import { t as Nt } from "./padding-input-group.E8trRZI5.js";
+import { t as Pt } from "./position-picker.DwDC9gDl.js";
+import { t as Ft } from "./shadow-input-group.k4MBg4Pf.js";
+import { t as It } from "./size-input-group.CR0wHbEO.js";
+import { C as Lt, S as Rt, T as zt, _ as Bt, b as Vt, c as Ht, f as Ut, g as Wt, h as Gt, i as Kt, l as qt, n as Jt, o as Yt, p as Xt, r as Zt, s as P, t as Qt, u as $t, v as en, w as tn, x as nn, y as rn } from "./asset-link-format.vbmd2KkO.js";
+import { c as an, d as on, f as sn, n as cn, u as ln } from "./color-swatch-group.DQ0J-XI-.js";
+import { $ as un, E as dn, G as fn, H as pn, K as mn, L as hn, M as F, Q as I, S as gn, U as _n, V as vn, W as yn, Z as bn, et as L, g as xn, h as Sn, tt as Cn, y as wn } from "./configs-controller.CvDG3a6j.js";
 import { a as Tn } from "./cloneDeep.C6x5LNv3.js";
 //#region ../../packages/types/src/icon-picker.ts
 var En = /* @__PURE__ */ function(e) {
@@ -1393,7 +1393,7 @@ var hr = W, gr = 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 !== hn.Latest);
+		return !!this.defaultFormat && this.hasValue && (this.value?.format !== this.defaultFormat || this.value?.assetVersion !== Cn.Latest);
 	}
 	async handleRequestFormatClick() {
 		if (this.onRequestAssetFormat && !this.disabled && this.canAccess) try {
@@ -1406,7 +1406,7 @@ var hr = W, gr = r`:host{isolation:isolate}.asset-format-picker__input[data-user
 	}
 	handleResetClick() {
 		this.emit("cx-asset-format-select", { detail: {
-			assetVersion: hn.Latest,
+			assetVersion: Cn.Latest,
 			format: this.defaultFormat
 		} });
 	}
@@ -40886,11 +40886,11 @@ var Nr = J, Pr = 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 = xn, 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 = wn, this.apiGetPagesAndLinks = this.apiGetPagesAndLinks.bind(this);
 	}
 	async apiGetPagesAndLinks({ folderId: e = "", searchTerm: t = "", start: n = 0 }) {
 		try {
-			let { data: r, hasMore: i } = await bn({
+			let { data: r, hasMore: i } = await Sn({
 				parentId: e,
 				searchTerm: t,
 				start: n
@@ -41105,7 +41105,7 @@ Xe.plugin({
 var X = class extends d {
 	static #e = Rr = 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 = 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 Jt(this, {
+		super(...e), this.formControlController = new de(this, { assumeInteractionOn: ["cx-gallery-picker-action"] }), this.localize = new h(this), this.variant = x.Asset, this.sourceVariant = F.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 Jt(this, {
 			isSiteBuilder: !0,
 			maxEnd: 100
 		});
@@ -41171,7 +41171,7 @@ var X = class extends d {
 		await this.updateComplete, this.requestUpdate();
 	}
 	async fetchImagesInFolderBySlide() {
-		if (await this.updateComplete, this.src !== "" && this.sourceVariant === L.Api && this.currentPage !== Infinity) {
+		if (await this.updateComplete, this.src !== "" && this.sourceVariant === F.Api && this.currentPage !== Infinity) {
 			this.hasFinishedFetchingData = !1, this.loading = !0;
 			try {
 				let e = await this.autofetchController.fetchImagesInFolderByPage({
@@ -41188,10 +41188,10 @@ var X = class extends d {
 		}
 	}
 	handleSourceVariantChange() {
-		this.sourceVariant === L.Api && (this.currentPage = 0, this.masonryData = [], this.dataCount = 0);
+		this.sourceVariant === F.Api && (this.currentPage = 0, this.masonryData = [], this.dataCount = 0);
 	}
 	async fetchImagesByIDs(e, t) {
-		if (await this.updateComplete, this.sourceVariant === L.Api || !this.value) return;
+		if (await this.updateComplete, this.sourceVariant === F.Api || !this.value) return;
 		if (this.value.length === 0) {
 			this.masonryData = [], this.dataCount = 0;
 			return;
@@ -41205,7 +41205,7 @@ var X = class extends d {
 		await this.doFetchByIds(n);
 	}
 	async handleFormatChange() {
-		if (this.sourceVariant === L.Api || !this.value || this.value.length === 0) return;
+		if (this.sourceVariant === F.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);
 	}
@@ -41245,9 +41245,9 @@ var X = class extends d {
 	}
 	handleEditItem(e) {
 		if (this.value) {
-			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 (this.emit("cx-gallery-picker-action"), this.sourceVariant === F.Manual) {
+				if (this.selectedPosition = this.value.findIndex((t) => this.sourceVariant === F.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 === F.Manual ? t.rawId === e.detail.item.rawId : t.id === e.detail.item.id);
 				if (!t || !n?.src && !n?.backgroundColor) return;
 				let r = {
 					...t,
@@ -41291,12 +41291,12 @@ var X = class extends d {
 		if (n < 0) r = [...this.value ?? [], t];
 		else {
 			r = [...this.value ?? []];
-			let e = this.sourceVariant === L.Manual && !!t.rawId, n = (n) => e ? n.rawId === t.rawId : n.id === t.id;
+			let e = this.sourceVariant === F.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 === L.Manual ? e.rawId || xt() : e.rawId ?? ""
+			rawId: this.sourceVariant === F.Manual ? e.rawId || xt() : e.rawId ?? ""
 		}));
 		this.value = i, this.emit("cx-content-builder-gallery-change", { detail: { data: i.map((e) => ({
 			backgroundColor: e.backgroundColor,
@@ -41333,7 +41333,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 !== L.Api || this.loading || this.currentPage === Infinity || !this.src) return;
+			if (this.sourceVariant !== F.Api || this.loading || this.currentPage === Infinity || !this.src) return;
 			let o = (this.currentPage + 1) * this.itemsPerPage;
 			a && this.dataCount > o && this.currentPage++;
 		});
@@ -41342,7 +41342,7 @@ var X = class extends d {
 		this.osInstance?.destroy(), this.osInstance = null;
 	}
 	render() {
-		let e = this.sourceVariant === L.Manual ? [{
+		let e = this.sourceVariant === F.Manual ? [{
 			color: "var(--cx-color-danger)",
 			event: "cx-delete-item",
 			icon: "delete",
@@ -41360,7 +41360,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 === 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>`;
+		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 === F.Manual ? "rawId" : "id"} row-height=${this.rowHeight} format=${this.format} ?manual-format=${this.manualFormat} spacing="medium" no-crossorigin ?sortable=${this.sourceVariant === F.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 === F.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 === F.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 === F.Api} .boundary=${this.boundary} .onRequestAsset=${this.onRequestAsset} @cx-gallery-config-save=${this.handleSave}></cx-gallery-config>`;
 	}
 };
 l([f("cx-gallery-config"), u("design:type", Ir === void 0 ? Object : Ir)], X.prototype, "galleryConfig", void 0), l([f("cx-masonry"), u("design:type", Mt === void 0 ? Object : Mt)], 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({
@@ -41370,7 +41370,7 @@ l([f("cx-gallery-config"), u("design:type", Ir === void 0 ? Object : Ir)], X.pro
 	attribute: "source-variant",
 	reflect: !0,
 	type: String
-}), u("design:type", L === void 0 ? Object : L)], X.prototype, "sourceVariant", void 0), l([s({
+}), u("design:type", F === void 0 ? Object : F)], X.prototype, "sourceVariant", void 0), l([s({
 	attribute: "dialog-variant",
 	reflect: !0,
 	type: String
@@ -41463,7 +41463,7 @@ var zr = X, Br = 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 bn({
+			let { data: r, hasMore: i } = await Sn({
 				parentId: e,
 				searchTerm: t,
 				start: n
@@ -41569,7 +41569,7 @@ function Jr(e, t) {
 	return qr(e).filter((e) => e.id && e.name && t.includes(e.name)).map((e) => e.id);
 }
 function Yr(e) {
-	return e === dt.Carousel ? Cn : e === dt.FontKitAdvanced ? [dt.Text] : [];
+	return e === dt.Carousel ? gn : e === dt.FontKitAdvanced ? [dt.Text] : [];
 }
 var Xr = new Set(Object.values(dt).filter((e) => e !== dt.Column && e !== dt.ColumnGroup));
 function Zr(e) {
@@ -41634,7 +41634,7 @@ function ai(e, t) {
 //#region ../../packages/organisms/src/form/control-renderer/control-renderer.ts
 var oi = class {
 	constructor(e, t) {
-		this.apiSearchAssets = Lt, this.apiGetTeamSpaceFontFamily = Sn, 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 = Lt, this.apiGetTeamSpaceFontFamily = xn, 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;
@@ -41703,7 +41703,7 @@ var oi = 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"] === L.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"] === F.Api;
 						o && !s ? this.pendingGalleryPickerSaves.add(e) : await this.handleConfigChange(e, r, n, t.callback);
 					}
 					if (t.galleryPickerConfigs?.transformationRecordIdKey && (!a || r.length > 0)) {
@@ -41875,7 +41875,7 @@ var oi = class {
 			case "asset-format-picker":
 				r = async (r, ...i) => {
 					if (typeof r == "string") {
-						let a = typeof i[0] == "string" ? i[0] : hn.Latest, o = typeof i[1] == "string" ? i[1] : "", s = typeof i[2] == "string" ? i[2] : "";
+						let a = typeof i[0] == "string" ? i[0] : Cn.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");
@@ -42073,7 +42073,7 @@ var oi = class {
 					a = {};
 				}
 				let s = [];
-				if (e.src && e["source-variant"] === L.Api) s = [e.src];
+				if (e.src && e["source-variant"] === F.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 {
@@ -42086,7 +42086,7 @@ var oi = 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 ?? ""] ?? hn.Latest, s = e[l.assetFormatPickerConfigs?.versionLabelKey ?? ""] || void 0, u = i ? {
+				}, i = r, a = e[l.assetFormatPickerConfigs?.assetVersionKey ?? ""] ?? Cn.Latest, s = e[l.assetFormatPickerConfigs?.versionLabelKey ?? ""] || void 0, u = i ? {
 					assetVersion: a,
 					format: i,
 					versionLabel: s
@@ -42903,7 +42903,7 @@ var di = Q, fi = r`:host{display:block}.editor{gap:var(--cx-spacing-small);flex-
 		"cx-typography": S
 	};
 	constructor() {
-		super(), this.localize = new h(this), this.apiGetSubTypesWithWildcard = mn, this.apiGetDamViewAvailableSpaces = fn, this.apiGetDamViewAvailableButtons = gn, this.apiGetDamViewAvailableForms = wn, this.apiGetDamViewAvailableLevelsOfAccess = un, this.apiGetDamViewAvailablePages = vn, this.apiGetDamViewCustomButtonDetail = _n, 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 = hn, this.apiGetDamViewAvailableSpaces = fn, this.apiGetDamViewAvailableButtons = vn, this.apiGetDamViewAvailableForms = pn, this.apiGetDamViewAvailableLevelsOfAccess = _n, this.apiGetDamViewAvailablePages = yn, this.apiGetDamViewCustomButtonDetail = mn, 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) => ({
@@ -43015,7 +43015,7 @@ var di = Q, fi = r`:host{display:block}.editor{gap:var(--cx-spacing-small);flex-
 		let i = this.pendingAvailableButtonSelect.then(async () => {
 			let e = {
 				...this.createNewButton(),
-				...pn(await r),
+				...bn(await r),
 				label: n,
 				name: n
 			};
@@ -43072,7 +43072,7 @@ var di = Q, fi = r`:host{display:block}.editor{gap:var(--cx-spacing-small);flex-
 	}
 	handleAppearanceChange(e) {
 		let t = e.target.value, n = { appearance: t };
-		t === yn.LabelOnly && (n.icon = ""), this.updateEditedItem(n);
+		t === un.LabelOnly && (n.icon = ""), this.updateEditedItem(n);
 	}
 	handleIconChange(e) {
 		let t = e.target;
@@ -43156,8 +43156,8 @@ var di = Q, fi = r`:host{display:block}.editor{gap:var(--cx-spacing-small);flex-
 	createNewButton() {
 		return {
 			accessLevel: "",
-			action: F.OpenForm,
-			appearance: yn.LabelOnly,
+			action: I.OpenForm,
+			appearance: un.LabelOnly,
 			completionMessage: "",
 			formId: "",
 			icon: "",
@@ -43172,7 +43172,7 @@ var di = Q, fi = r`:host{display:block}.editor{gap:var(--cx-spacing-small);flex-
 			recordType: "",
 			spaceId: "",
 			tooltip: "",
-			type: I.Secondary,
+			type: L.Secondary,
 			workflowId: ""
 		};
 	}
@@ -43183,14 +43183,14 @@ var di = Q, fi = 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 === I.Primary) : !1;
+		return this.editedItem ? this.data.some((e) => e.id !== this.editedItem.id && e.type === L.Primary) : !1;
 	}
 	enforceSinglePrimary(e, t) {
-		return e.find((e) => e.id === t)?.type === I.Primary ? e.map((e) => {
-			let n = e.id === t, r = e.type === I.Secondary;
+		return e.find((e) => e.id === t)?.type === L.Primary ? e.map((e) => {
+			let n = e.id === t, r = e.type === L.Secondary;
 			return n || r ? e : {
 				...e,
-				type: I.Secondary
+				type: L.Secondary
 			};
 		}) : e;
 	}
@@ -43202,7 +43202,7 @@ var di = Q, fi = 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 ? I.Secondary : this.editedItem.type} @cx-change=${this.handleTypeChange}><cx-radio ?disabled=${e} value=${I.Primary}>${this.localize.term("primary")}</cx-radio><cx-radio ?disabled=${e} value=${I.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 ? 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>`;
 	}
 	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>`;
@@ -43211,43 +43211,43 @@ var di = Q, fi = 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=${yn.LabelOnly}>${this.localize.term("labelOnly")}</cx-radio><cx-radio value=${yn.IconAndLabel}>${this.localize.term("iconAndLabel")}</cx-radio><cx-radio value=${yn.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 === yn.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=${hr.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=${hr.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>`;

package/library/chunks/{blockDiagram-VBNYF7ZC.HZ9j1fdr.js → blockDiagram-VBNYF7ZC.2el4_mfU.js}

@@ -1,16 +1,16 @@
 import { s as e } from "./step.DttniOF5.js";
-import { A as t, B as n, C as r, D as i, E as a, F as o, G as s, H as c, I as l, L as u, M as d, N as f, O as p, P as m, R as h, T as g, U as _, V as v, W as y, X as b, a as x, b as S, g as C, j as w, k as T, l as E, v as D, w as O, z as ee } from "./chunk-NSK5VX7P.BfpItpU8.js";
+import { A as t, B as n, C as r, D as i, E as a, F as o, G as s, H as c, I as l, L as u, M as d, N as f, O as p, P as m, R as h, T as g, U as _, V as v, W as y, X as b, a as x, b as S, g as C, j as w, k as T, l as E, v as D, w as O, z as ee } from "./chunk-NSK5VX7P.CigvU-YZ.js";
 import { f as k } from "./src.CLGAM3OO.js";
 import "./src.CmKw4853.js";
 import { n as A } from "./chunk-Y2CYZVJY.BAad7w_K.js";
 import { t as j } from "./chunk-X3CZISLH.D200o-iZ.js";
-import { O as te, T as M, a as ne, b as N, c as re, rt as ie, s as ae, x as P, z as oe } from "./chunk-I66GZJ75.DxFbG_tP.js";
-import { t as se } from "./channel.DRy_Q9Cp.js";
-import "./chunk-4I5QYGJK.dSz4al4a.js";
-import { n as ce } from "./chunk-WRU74C26.Cu6An2BT.js";
+import { O as te, T as M, a as ne, b as N, c as re, rt as ie, s as ae, x as P, z as oe } from "./chunk-I66GZJ75.H0-SV6eJ.js";
+import { t as se } from "./channel.Df7qi9B0.js";
+import "./chunk-4I5QYGJK.BfgT5lel.js";
+import { n as ce } from "./chunk-WRU74C26.DI6bT2w6.js";
 import { t as le } from "./chunk-5VM5RSS4.83BWVH32.js";
 import { n as ue, t as F } from "./chunk-7BUUIJ7U.2HaDAqLO.js";
-import { n as de, t as fe } from "./chunk-UBXNYLIW.8JeJYrWu.js";
+import { n as de, t as fe } from "./chunk-UBXNYLIW.Cwnmh6rE.js";
 import { t as pe } from "./graphlib.D7YIDPkV.js";
 //#region ../../node_modules/es-toolkit/dist/compat/predicate/isArray.mjs
 function me(e) {

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

@@ -2,10 +2,10 @@ import { c as e, d as t } from "./lit.CyJqR2kf.js";
 import { a as n, n as r, r as i, t as a } from "./cortex-element.DTrNUtdr.js";
 import { t as o } from "./component.styles.0xM1ZmBs.js";
 import { t as s } from "./custom-element.BEMYNDK1.js";
-import { t as c } from "./i18n.BMXeDUpk.js";
-import { t as l } from "./input.B3HfssSr.js";
+import { t as c } from "./i18n.BJ2p4em8.js";
+import { t as l } from "./input.Fmdh6pnf.js";
 import { t as u } from "./space.Dd8jezXK.js";
-import { t as d } from "./bicolor-picker.C9XSuhnX.js";
+import { t as d } from "./bicolor-picker.CoEkuFFa.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/{breadcrumb.qggcceb5.js → breadcrumb.C_NpOjQB.js}

@@ -3,7 +3,7 @@ import { a as n, n as r, r as i, t as a } from "./cortex-element.DTrNUtdr.js";
 import { t as o } from "./query.B1yi7t71.js";
 import { t as s } from "./component.styles.0xM1ZmBs.js";
 import { t as c } from "./custom-element.BEMYNDK1.js";
-import { t as l } from "./i18n.BMXeDUpk.js";
+import { t as l } from "./i18n.BJ2p4em8.js";
 import { t as u } from "./icon.CeQpEaQz.js";
 //#region ../../packages/atoms/src/components/breadcrumb/breadcrumb.styles.ts
 var d = t`.breadcrumb{flex-wrap:wrap;align-items:center;display:flex}`, f = class extends a {

package/library/chunks/{button.CI1tg4c9.js → button.BlhGCsjP.js}

@@ -2,7 +2,7 @@ import { a as e, i as t, n, r, t as i } from "./cortex-element.DTrNUtdr.js";
 import { t as a } from "./query.B1yi7t71.js";
 import { t as o } from "./component.styles.0xM1ZmBs.js";
 import { t as s } from "./custom-element.BEMYNDK1.js";
-import { t as c } from "./i18n.BMXeDUpk.js";
+import { t as c } from "./i18n.BJ2p4em8.js";
 import { r as l, t as u } from "./slot.CZUlACxT.js";
 import { t as d } from "./watch.Ub5r8btz.js";
 import { t as f } from "./class-map.D8nsNOVJ.js";
@@ -10,8 +10,8 @@ import { t as p } from "./if-defined.B29V_rEp.js";
 import { t as m } from "./when.BUskJLtZ.js";
 import { n as h, t as g } from "./static-html.Ce8Avr_g.js";
 import { t as _ } from "./icon.CeQpEaQz.js";
-import { t as v } from "./spinner.-79sJ3oo.js";
-import { a as y, t as b } from "./form.-ADsa-59.js";
+import { t as v } from "./spinner.o3Rjsff7.js";
+import { a as y, t as b } from "./form.JYXtmwQ2.js";
 import { t as x } from "./button.styles.jHn7jytj.js";
 //#region ../../packages/types/src/button.ts
 var S = /* @__PURE__ */ function(e) {

package/library/chunks/{c4Diagram-5PPSVZJV.C-dwprVn.js → c4Diagram-5PPSVZJV.CB1meuC0.js}

@@ -1,11 +1,11 @@
-import { _ as e, n as t, r as n } from "./chunk-NSK5VX7P.BfpItpU8.js";
+import { _ as e, n as t, r as n } from "./chunk-NSK5VX7P.CigvU-YZ.js";
 import { f as r } from "./src.CLGAM3OO.js";
 import "./src.CmKw4853.js";
 import { n as i } from "./chunk-Y2CYZVJY.BAad7w_K.js";
 import { t as a } from "./chunk-X3CZISLH.D200o-iZ.js";
-import { H as o, U as s, c as l, r as u, s as d, v as f, x as p, y as m, z as h } from "./chunk-I66GZJ75.DxFbG_tP.js";
+import { H as o, U as s, c as l, r as u, s as d, v as f, x as p, y as m, z as h } from "./chunk-I66GZJ75.H0-SV6eJ.js";
 import { t as g } from "./dist.bN347KJd.js";
-import { a as _, s as v } from "./chunk-2GRJ4B5K.69hKTu61.js";
+import { a as _, s as v } from "./chunk-2GRJ4B5K.gGaxW0lA.js";
 //#region ../../node_modules/mermaid/dist/chunks/mermaid.core/c4Diagram-5PPSVZJV.mjs
 var y = g(), b = (function() {
 	var e = /* @__PURE__ */ i(function(e, t, n, r) {

package/library/chunks/{channel.DRy_Q9Cp.js → channel.Df7qi9B0.js}

@@ -1,4 +1,4 @@
-import { at as e, it as t } from "./chunk-I66GZJ75.DxFbG_tP.js";
+import { at as e, it as t } from "./chunk-I66GZJ75.H0-SV6eJ.js";
 //#region ../../node_modules/khroma/dist/methods/channel.js
 var n = (n, r) => e.lang.round(t.parse(n)[r]);
 //#endregion

package/library/chunks/{checkbox.C6vsHW9n.js → checkbox.aFoOxk2j.js}

@@ -9,7 +9,7 @@ import { t as f } from "./class-map.D8nsNOVJ.js";
 import { t as p } from "./if-defined.B29V_rEp.js";
 import { t as m } from "./when.BUskJLtZ.js";
 import { t as h } from "./icon.CeQpEaQz.js";
-import { t as g } from "./form.-ADsa-59.js";
+import { t as g } from "./form.JYXtmwQ2.js";
 import { t as _ } from "./form-control.styles.Cec6lJbi.js";
 import { t as v } from "./default-value.opqQgoRT.js";
 import { t as y } from "./live.DBO71pfx.js";

package/library/chunks/{chunk-2GRJ4B5K.69hKTu61.js → chunk-2GRJ4B5K.gGaxW0lA.js}

@@ -1,7 +1,7 @@
 import { f as e } from "./src.CLGAM3OO.js";
 import "./src.CmKw4853.js";
 import { n as t } from "./chunk-Y2CYZVJY.BAad7w_K.js";
-import { j as n } from "./chunk-I66GZJ75.DxFbG_tP.js";
+import { j as n } from "./chunk-I66GZJ75.H0-SV6eJ.js";
 import { t as r } from "./dist.bN347KJd.js";
 //#region ../../node_modules/mermaid/dist/chunks/mermaid.core/chunk-2GRJ4B5K.mjs
 var i = r(), a = /* @__PURE__ */ t((e, t) => {

package/library/chunks/{chunk-4I5QYGJK.dSz4al4a.js → chunk-4I5QYGJK.BfgT5lel.js}

@@ -1,6 +1,6 @@
 import { n as e } from "./chunk-Y2CYZVJY.BAad7w_K.js";
 import { t } from "./chunk-X3CZISLH.D200o-iZ.js";
-import { b as n, z as r } from "./chunk-I66GZJ75.DxFbG_tP.js";
+import { b as n, z as r } from "./chunk-I66GZJ75.H0-SV6eJ.js";
 //#region ../../node_modules/@iconify/utils/lib/icon/defaults.js
 var i = Object.freeze({
 	left: 0,