@orangelogic/design-system 3.10.0 → 3.12.0

package/library/chunks/{index.CExDr5Lh.js → index.BBLDucoY.js}

@@ -1,49 +1,49 @@
 import { C as Z } from "./typography.IqHbnd3C.js";
 import { n as y, C as ee } from "./lib-cortex-element.CVMmyPMC.js";
 import { c as ae } from "./component.styles.CRO4Odto.js";
-import { C as Ee, s as ve, F as Q, a as Ce } from "./folder-select.CP0NPc0S.js";
-import { f as U, S as n1, E as ge } from "./transformation.D27sTUdZ.js";
+import { C as Ee, s as ve, F as Q, a as Ce } from "./folder-select.Hl51n0ge.js";
+import { e as U, S as n1, E as le } from "./transformation.OaRYixzE.js";
 import { c as ie } from "./custom-element.L4WJXn1j.js";
-import { L as W } from "./i18n.BA19xtyU.js";
+import { L as W } from "./i18n.CNnI4-0K.js";
 import { w as O } from "./watch.DJF5K-8U.js";
 import { B as m1, E as ue, i as te, x as h } from "./lit-element.jLBm65_O.js";
 import { r as u } from "./state.CSDxrqLd.js";
-import { e as G } from "./query.BBf1UFkC.js";
+import { e as M } from "./query.BBf1UFkC.js";
 import { b as Ke } from "./_baseIteratee.sC2wLi2m.js";
 import { a as c1 } from "./toString.B1zKIiZc.js";
 import { b as d1 } from "./cloneDeep.tKGbEwzn.js";
 import { c as s1 } from "./_baseClone.ipmFlCAx.js";
-import { I as je, C as Ve, a as o1, b as He, S as z, D as h1, c as l1, A as _e, g as g1, i as C1, F as y1, d as x1, t as b1, e as k1, f as p1, h as u1, j as f1, k as A1, l as B1, m as D1, n as F1, o as E1, p as v1, q as $1, r as w1, O as S1 } from "./types.CQDQXXnW.js";
-import { C as ce } from "./button.w0zH5Ivx.js";
-import I1 from "../components/button-group.js";
-import _1 from "../components/card.js";
+import { I as je, C as Ve, a as o1, b as He, S as z, D as h1, c as g1, A as Ie, g as l1, i as C1, F as y1, d as x1, t as b1, e as k1, f as p1, h as u1, j as f1, k as A1, l as B1, m as D1, n as F1, o as E1, p as v1, q as $1, r as w1, O as S1 } from "./types.IAKAUHSg.js";
+import { C as ce } from "./button.-Jl_NdgM.js";
+import _1 from "../components/button-group.js";
+import I1 from "../components/card.js";
 import Ue from "../components/checkbox.js";
-import { C as se, D as fe, O as We, a as P1, H as T1, z as R1, o as z1 } from "./dialog.ICoCAj6Z.js";
+import { C as se, D as fe, O as We, a as P1, H as T1, z as R1, o as z1 } from "./dialog.YFc-HBc5.js";
 import Je from "../components/divider.js";
-import q1 from "../components/dropdown.js";
+import L1 from "../components/dropdown.js";
 import $e from "../components/grid.js";
 import we from "../components/grid-item.js";
-import { C as L1 } from "./icon.CpHbi8tH.js";
-import { C as oe } from "./input.D1TGTsxj.js";
+import { C as q1 } from "./icon.CpHbi8tH.js";
+import { C as oe } from "./input.BJ5LN8of.js";
 import O1 from "../components/line-clamp.js";
-import G1 from "../components/menu.js";
-import { C as M1 } from "./menu-item.uFqeX_J6.js";
-import { C as Xe, a as N1 } from "./option.jeaj7_Lr.js";
-import Ye from "../components/radio.js";
+import M1 from "../components/menu.js";
+import { C as N1 } from "./menu-item.DfsfX25P.js";
+import { C as Ye, a as G1 } from "./option.B34is9Z5.js";
+import Xe from "../components/radio.js";
 import K1 from "../components/radio-card.js";
 import Qe from "../components/radio-group.js";
 import Se from "../components/select.js";
 import de from "../components/space.js";
 import j1 from "../components/switch.js";
 import V1 from "../components/tab.js";
-import { C as H1 } from "./tab-group.Dpj7Lx8_.js";
+import { C as H1 } from "./tab-group.D14m1Kel.js";
 import U1 from "../components/tab-panel.js";
 import W1 from "../components/textarea.js";
 import J1 from "../components/tooltip.js";
-import X1 from "../components/visually-hidden.js";
-import Y1 from "../components/bicolor-picker.js";
+import Y1 from "../components/visually-hidden.js";
+import X1 from "../components/bicolor-picker.js";
 import Q1 from "../components/border-input-group.js";
-import { C as Z1, a as e0 } from "./confirm-popover.BpYjy5nJ.js";
+import { C as Z1, a as e0 } from "./confirm-popover.mgYIjZdo.js";
 import a0 from "../components/corner-position-input-group.js";
 import Ze from "../components/dynamic-select.js";
 import i0 from "../components/padding-input-group.js";
@@ -54,23 +54,23 @@ import { isFormInteracted as m0 } from "../utils.js";
 import { e as c0, i as d0 } from "./directive.oAbCiebi.js";
 import { e as Pe, p as Te, m as Re, s as ze, h as s0, l as o0 } from "./directive-helpers.DEDMV45_.js";
 import { i as h0 } from "./keyed.DdOUTIg-.js";
-import { c as M } from "./repeat.CFjcER6_.js";
-import { n as $ } from "./when.Dr1es41R.js";
-import { a as l0 } from "./_baseXor.DixEm6JQ.js";
-import { a as g0, i as qe, b as C0 } from "./isArrayLikeObject.D7afXo-f.js";
+import { c as N } from "./repeat.CFjcER6_.js";
+import { n as v } from "./when.Dr1es41R.js";
+import { a as g0 } from "./_baseXor.DixEm6JQ.js";
+import { a as l0, i as Le, b as C0 } from "./isArrayLikeObject.D7afXo-f.js";
 import { i as y0 } from "./isEmpty.DtTJTUcf.js";
-import { a as Ae, F as x0, b as b0, c as Le, d as Oe, i as k0, e as Ge, u as Be } from "./asset-link-format.BLKOUD2l.js";
+import { a as Ae, F as x0, b as b0, c as qe, d as Oe, i as k0, e as Me, u as Be } from "./asset-link-format.f7Khv8SZ.js";
 import p0 from "../components/color-picker.js";
-import { C as Ie } from "./icon-button.BWJ1Vqn5.js";
+import { C as _e } from "./icon-button.ENVA7x3u.js";
 import u0 from "../components/spinner.js";
-import { a as f0, d as A0 } from "./color-swatch-group.Bvq6xkM-.js";
+import { a as f0, d as A0 } from "./color-swatch-group.Ib1WYbMl.js";
 import { c as ne, C as me, p as B0, a as D0, b as F0, g as ye } from "./color.LzSGBy7o.js";
 import { o as e1 } from "./map.D8heArFD.js";
 import { v as a1 } from "./v4.CKZ6klMF.js";
 import { M as i1 } from "./asset-link-format.ClaYu_v8.js";
 import E0 from "../components/masonry.js";
-import { a as le } from "./index.Cpamj0jB.js";
-import { G as q } from "./string.Demn8Xmk.js";
+import { a as ge } from "./index.Cpamj0jB.js";
+import { G as L } from "./string.Demn8Xmk.js";
 import { d as v0 } from "./default-value.COZopaet.js";
 import { F as $0 } from "./form.C8LMdQB4.js";
 import { o as De } from "./style-map.llVFPd__.js";
@@ -78,12 +78,12 @@ import { r as Fe } from "./choose.BTbF6BAn.js";
 import { o as P } from "./if-defined.BRoBj_Rp.js";
 import { t as w0 } from "./url.CGdWC06g.js";
 import { e as S0 } from "./number.Cx2ncfJJ.js";
-import { e as I0 } from "./class-map.BiVq-cVR.js";
+import { e as _0 } from "./class-map.BiVq-cVR.js";
 import { n as xe, e as be } from "./ref.DktKp7fP.js";
-var _0 = "Expected a function";
+var I0 = "Expected a function";
 function P0(e) {
   if (typeof e != "function")
-    throw new TypeError(_0);
+    throw new TypeError(I0);
   return function() {
     var a = arguments;
     switch (a.length) {
@@ -117,7 +117,7 @@ function R0(e, a) {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Me = (e) => o0(e) ? e._$litType$.h : e.strings, z0 = c0(class extends d0 {
+const Ne = (e) => o0(e) ? e._$litType$.h : e.strings, z0 = c0(class extends d0 {
   constructor(e) {
     super(e), this.et = /* @__PURE__ */ new WeakMap();
   }
@@ -125,7 +125,7 @@ const Me = (e) => o0(e) ? e._$litType$.h : e.strings, z0 = c0(class extends d0 {
     return [e];
   }
   update(e, [a]) {
-    const n = Pe(this.it) ? Me(this.it) : null, t = Pe(a) ? Me(a) : null;
+    const n = Pe(this.it) ? Ne(this.it) : null, t = Pe(a) ? Ne(a) : null;
     if (n !== null && (t === null || n !== t)) {
       const r = Te(e).pop();
       let i = this.et.get(n);
@@ -148,10 +148,10 @@ const Me = (e) => o0(e) ? e._$litType$.h : e.strings, z0 = c0(class extends d0 {
     return this.render(a);
   }
 });
-var q0 = g0(function(e, a) {
-  return qe(e) ? l0(e, C0(a, 1, qe, !0)) : [];
+var L0 = l0(function(e, a) {
+  return Le(e) ? g0(e, C0(a, 1, Le, !0)) : [];
 });
-const L0 = {
+const q0 = {
   resizable: !1
 }, O0 = (e) => [
   {
@@ -216,7 +216,7 @@ const L0 = {
     title: "PMS",
     width: 75
   }
-], G0 = (e) => ({
+], M0 = (e) => ({
   data: [
     {
       icon: "create",
@@ -16833,15 +16833,15 @@ const L0 = {
     name: "Mocha Mousse 17-1230 TCX",
     rgb: [164, 120, 100]
   }
-}, M0 = te`.color-swatch-picker__space{width:100%}.color-swatch-picker__dialog{--body-spacing:0;--header-spacing:var(--cx-spacing-small) var(--cx-spacing-large) 0;--width:640px}.color-swatch-picker__table{--group-row-background-color:transparent;--row-background-color:transparent;--row-even-background-color:transparent;--row-hover-background-color:var(--cx-color-neutral-50);--row-even-hover-background-color:var(--cx-color-neutral-50);--header-height:48px;--cell-line-height:35px;--cell-border-color:transparent;--cell-bottom-border-color:transparent;--cell-hover-background-color:transparent;--row-header-border-color:transparent;--cell-horizontal-padding:var(--cx-spacing-2x-small);--header-horizontal-padding:var(--cx-spacing-2x-small);--header-border-bottom:1px solid var(--cx-color-neutral-200);--hover-menu-background-color:var(--row-hover-background-color)}.color-swatch-picker__table::part(table){background-color:#0000}.color-swatch-group__table__copy-button::part(button){background:0 0;border-width:0;height:fit-content;min-height:fit-content;padding:0}.color-swatch-picker__loading-spinner{--track-width:4px;font-size:var(--cx-font-size-3x-large)}.color-swatch-picker__add-color-button{width:100px}`;
-var N0 = Object.defineProperty, K0 = Object.getOwnPropertyDescriptor, R = (e, a, n, t) => {
+}, N0 = te`.color-swatch-picker__space{width:100%}.color-swatch-picker__dialog{--body-spacing:0;--header-spacing:var(--cx-spacing-small) var(--cx-spacing-large) 0;--width:640px}.color-swatch-picker__table{--group-row-background-color:transparent;--row-background-color:transparent;--row-even-background-color:transparent;--row-hover-background-color:var(--cx-color-neutral-50);--row-even-hover-background-color:var(--cx-color-neutral-50);--header-height:48px;--cell-line-height:35px;--cell-border-color:transparent;--cell-bottom-border-color:transparent;--cell-hover-background-color:transparent;--row-header-border-color:transparent;--cell-horizontal-padding:var(--cx-spacing-2x-small);--header-horizontal-padding:var(--cx-spacing-2x-small);--header-border-bottom:1px solid var(--cx-color-neutral-200);--hover-menu-background-color:var(--row-hover-background-color)}.color-swatch-picker__table::part(table){background-color:#0000}.color-swatch-group__table__copy-button::part(button){background:0 0;border-width:0;height:fit-content;min-height:fit-content;padding:0}.color-swatch-picker__loading-spinner{--track-width:4px;font-size:var(--cx-font-size-3x-large)}.color-swatch-picker__add-color-button{width:100px}`;
+var G0 = Object.defineProperty, K0 = Object.getOwnPropertyDescriptor, R = (e, a, n, t) => {
   for (var r = t > 1 ? void 0 : t ? K0(a, n) : a, i = e.length - 1, c; i >= 0; i--)
     (c = e[i]) && (r = (t ? c(a, n, r) : c(r)) || r);
-  return t && r && N0(a, n, r), r;
+  return t && r && G0(a, n, r), r;
 };
-let _ = class extends ee {
+let I = class extends ee {
   constructor() {
-    super(...arguments), this.localize = new W(this), this.translatedColumns = O0(this.localize), this.translatedHoverMenu = G0(this.localize), this.boundary = document.body, this.data = [], this.disableTableLoad = !1, this.supportedLanguages = ["en"], this.defaultLanguage = "en", this.dialogType = "add", this.dialogId = "", this.dialogName = "", this.dialogNameTranslations = {}, this.dialogPalette = "", this.dialogHex = "", this.dialogRgb = "", this.dialogCmyk = "", this.dialogPmsId = "", this.dialogColor = "", this.palettes = [];
+    super(...arguments), this.localize = new W(this), this.translatedColumns = O0(this.localize), this.translatedHoverMenu = M0(this.localize), this.boundary = document.body, this.data = [], this.disableTableLoad = !1, this.supportedLanguages = ["en"], this.defaultLanguage = "en", this.dialogType = "add", this.dialogId = "", this.dialogName = "", this.dialogNameTranslations = {}, this.dialogPalette = "", this.dialogHex = "", this.dialogRgb = "", this.dialogCmyk = "", this.dialogPmsId = "", this.dialogColor = "", this.palettes = [];
   }
   get tabs() {
     return this.supportedLanguages.length > 1 ? [
@@ -16974,7 +16974,7 @@ let _ = class extends ee {
   renderControls(e) {
     if (e === "translation") {
       const a = h`
-        ${M(
+        ${N(
         ["name"],
         (n) => n,
         (n) => h`<cx-grid columns="4" spacing="var(--cx-spacing-small)" column-spacing="0" use-flex-gap row-spacing="0" wrap="wrap"><cx-grid-item xs="4" sm="1"><cx-typography variant="body2">${this.localize.term(n)}</cx-typography></cx-grid-item><cx-grid-item xs="4" sm="3"><cx-space direction="vertical" spacing="x-small" wrap="nowrap">${e1(this.supportedLanguages, (t) => {
@@ -16989,7 +16989,7 @@ let _ = class extends ee {
       "colorNameWillAppearInSwatch"
     )} @cx-change=${this.handleChangeName}></cx-input></cx-space></cx-grid-item></cx-grid><cx-grid columns="3" spacing="var(--cx-spacing-small)" column-spacing="0" row-spacing="0" wrap="wrap"><cx-grid-item xs="3" sm="1"><cx-typography variant="body2" class="config-manager__label">${this.localize.term("palette")}</cx-typography></cx-grid-item><cx-grid-item xs="3" sm="2"><cx-space direction="vertical" spacing="x-small" class="config-manager__row"><cx-select data-testid="palette-select" value=${this.dialogPalette} placeholder=${this.localize.term(
       "chooseExistingPaletteOrCreateNew"
-    )} no-option-text=${this.localize.term("createANewPalette")} @cx-change=${this.handleChangePalette} @cx-enter=${this.handleCreatePalette} @cx-blur=${this.handleCreatePalette}>${M(
+    )} no-option-text=${this.localize.term("createANewPalette")} @cx-change=${this.handleChangePalette} @cx-enter=${this.handleCreatePalette} @cx-blur=${this.handleCreatePalette}>${N(
       this.palettes,
       (a) => a,
       (a) => h`<cx-option value=${a.replaceAll(" ", "_")}>${a}</cx-option>`
@@ -17001,20 +17001,20 @@ let _ = class extends ee {
               CMYK
             </cx-typography></cx-grid-item><cx-grid-item xs="3" sm="2"><cx-space direction="vertical" spacing="x-small" class="config-manager__row"><cx-input data-testid="cmyk-input" value=${this.dialogCmyk} placeholder=${this.localize.term("example", "75, 0, 80, 0")} @cx-change=${this.handleChangeCmyk}></cx-input></cx-space></cx-grid-item></cx-grid><cx-grid columns="3" spacing="var(--cx-spacing-small)" column-spacing="0" row-spacing="0" wrap="wrap"><cx-grid-item xs="3" sm="1"><cx-typography variant="body2" class="config-manager__label">
               PMS
-            </cx-typography></cx-grid-item><cx-grid-item xs="3" sm="2"><cx-space direction="vertical" spacing="x-small" class="config-manager__row"><cx-select data-testid="pms-select" value=${this.dialogPmsId} placeholder=${this.localize.term("pantoneMatchingSystemName")} @cx-change=${this.handleChangePms}>${M(
+            </cx-typography></cx-grid-item><cx-grid-item xs="3" sm="2"><cx-space direction="vertical" spacing="x-small" class="config-manager__row"><cx-select data-testid="pms-select" value=${this.dialogPmsId} placeholder=${this.localize.term("pantoneMatchingSystemName")} @cx-change=${this.handleChangePms}>${N(
       Object.values(ke),
       (a) => a.id,
       (a) => h`<cx-option value=${a.id}>${a.name}</cx-option>`
     )}</cx-select></cx-space></cx-grid-item></cx-grid></cx-space>`;
   }
   render() {
-    return h`<cx-space part="base" spacing="medium" direction="vertical" class="color-swatch-picker">${$(
+    return h`<cx-space part="base" spacing="medium" direction="vertical" class="color-swatch-picker">${v(
       !this.disableTableLoad,
-      () => h`<cx-table part="table" movable-rows class="color-swatch-picker__table" layout="fitColumns" .columns=${this.translatedColumns} .columnDefaults=${L0} .hoverMenu=${this.translatedHoverMenu} .rowHeight=${40} .data=${this.data ?? []} no-selectable @cx-table.rowMoved=${this.handleTableRowMoved} @cx-table.rowDeleted=${this.handleTableRowDeleted} @cx-table.rowSelected=${this.handleOpenEditColorDialog} @cx-table-row-action-click=${this.handleTableActions}></cx-table>`,
+      () => h`<cx-table part="table" movable-rows class="color-swatch-picker__table" layout="fitColumns" .columns=${this.translatedColumns} .columnDefaults=${q0} .hoverMenu=${this.translatedHoverMenu} .rowHeight=${40} .data=${this.data ?? []} no-selectable @cx-table.rowMoved=${this.handleTableRowMoved} @cx-table.rowDeleted=${this.handleTableRowDeleted} @cx-table.rowSelected=${this.handleOpenEditColorDialog} @cx-table-row-action-click=${this.handleTableActions}></cx-table>`,
       () => h`<cx-spinner part="loading-spinner" class="color-swatch-picker__loading-spinner"></cx-spinner>`
-    )}<cx-button @click=${this.handleOpenAddColorDialog} class="color-swatch-picker__add-color-button">${this.localize.term("addColor")}</cx-button></cx-space><cx-dialog part="dialog" class="color-swatch-picker__dialog" divider-position=${fe.Footer} use-overlay-scrollbar strategy="overlay" .boundary=${this.boundary} @cx-request-close=${this.handleRequestClose}><cx-space slot="label" direction="vertical" spacing="2x-small"><cx-typography variant="h4">${this.localize.term(`${this.dialogType}Color`)}</cx-typography></cx-space>${$(
+    )}<cx-button @click=${this.handleOpenAddColorDialog} class="color-swatch-picker__add-color-button">${this.localize.term("addColor")}</cx-button></cx-space><cx-dialog part="dialog" class="color-swatch-picker__dialog" divider-position=${fe.Footer} use-overlay-scrollbar strategy="overlay" .boundary=${this.boundary} @cx-request-close=${this.handleRequestClose}><cx-space slot="label" direction="vertical" spacing="2x-small"><cx-typography variant="h4">${this.localize.term(`${this.dialogType}Color`)}</cx-typography></cx-space>${v(
       this.tabs.length >= 1,
-      () => h`<cx-tab-group class="list-editor__tab-group" placement="top">${M(
+      () => h`<cx-tab-group class="list-editor__tab-group" placement="top">${N(
         this.tabs,
         (e) => e,
         (e) => h`<cx-tab slot="nav" panel=${e}>${this.localize.term(e)}</cx-tab><cx-tab-panel name=${e}><cx-space direction="vertical" spacing="x-small" wrap="nowrap">${this.renderControls(e)}</cx-space></cx-tab-panel>`
@@ -17023,16 +17023,16 @@ let _ = class extends ee {
     )}<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.handleFinishDialog}>${this.localize.term(this.dialogType === "add" ? "add" : "save")}</cx-button></cx-space></cx-dialog>`;
   }
 };
-_.styles = [ae, M0];
-_.dependencies = {
+I.styles = [ae, N0];
+I.dependencies = {
   "cx-button": ce,
   "cx-color-picker": p0,
   "cx-dialog": se,
   "cx-grid": $e,
   "cx-grid-item": we,
-  "cx-icon-button": Ie,
+  "cx-icon-button": _e,
   "cx-input": oe,
-  "cx-option": Xe,
+  "cx-option": Ye,
   "cx-select": Se,
   "cx-space": de,
   "cx-spinner": u0,
@@ -17040,11 +17040,11 @@ _.dependencies = {
   "cx-typography": Z
 };
 R([
-  G("cx-dialog")
-], _.prototype, "dialog", 2);
+  M("cx-dialog")
+], I.prototype, "dialog", 2);
 R([
   y({ type: Object })
-], _.prototype, "boundary", 2);
+], I.prototype, "boundary", 2);
 R([
   y({
     converter: {
@@ -17060,10 +17060,10 @@ R([
     reflect: !0,
     type: String
   })
-], _.prototype, "data", 2);
+], I.prototype, "data", 2);
 R([
   y({ attribute: "disable-table-load", reflect: !0, type: Boolean })
-], _.prototype, "disableTableLoad", 2);
+], I.prototype, "disableTableLoad", 2);
 R([
   y({
     attribute: "supported-languages",
@@ -17074,51 +17074,51 @@ R([
     reflect: !0,
     type: Array
   })
-], _.prototype, "supportedLanguages", 2);
+], I.prototype, "supportedLanguages", 2);
 R([
   y({ attribute: "default-language", reflect: !0, type: String })
-], _.prototype, "defaultLanguage", 2);
+], I.prototype, "defaultLanguage", 2);
 R([
   u()
-], _.prototype, "dialogType", 2);
+], I.prototype, "dialogType", 2);
 R([
   u()
-], _.prototype, "dialogId", 2);
+], I.prototype, "dialogId", 2);
 R([
   u()
-], _.prototype, "dialogName", 2);
+], I.prototype, "dialogName", 2);
 R([
   u()
-], _.prototype, "dialogNameTranslations", 2);
+], I.prototype, "dialogNameTranslations", 2);
 R([
   u()
-], _.prototype, "dialogPalette", 2);
+], I.prototype, "dialogPalette", 2);
 R([
   u()
-], _.prototype, "dialogHex", 2);
+], I.prototype, "dialogHex", 2);
 R([
   u()
-], _.prototype, "dialogRgb", 2);
+], I.prototype, "dialogRgb", 2);
 R([
   u()
-], _.prototype, "dialogCmyk", 2);
+], I.prototype, "dialogCmyk", 2);
 R([
   u()
-], _.prototype, "dialogPmsId", 2);
+], I.prototype, "dialogPmsId", 2);
 R([
   u()
-], _.prototype, "dialogColor", 2);
+], I.prototype, "dialogColor", 2);
 R([
   u()
-], _.prototype, "palettes", 2);
+], I.prototype, "palettes", 2);
 R([
   O("data")
-], _.prototype, "handleDataChange", 1);
-_ = R([
+], I.prototype, "handleDataChange", 1);
+I = R([
   ie("cx-color-swatch-picker")
-], _);
+], I);
 const j0 = te`.folder-picker__name{--color:var(--cx-color-primary-500)}.folder-picker__request-folder-button:not(:first-child){margin-left:var(--cx-spacing-small)}`;
-var V0 = Object.defineProperty, H0 = Object.getOwnPropertyDescriptor, N = (e, a, n, t) => {
+var V0 = Object.defineProperty, H0 = Object.getOwnPropertyDescriptor, G = (e, a, n, t) => {
   for (var r = t > 1 ? void 0 : t ? H0(a, n) : a, i = e.length - 1, c; i >= 0; i--)
     (c = e[i]) && (r = (t ? c(a, n, r) : c(r)) || r);
   return t && r && V0(a, n, r), r;
@@ -17180,14 +17180,14 @@ let T = class extends ee {
     e ? this.useFullPath ? (this.selectedLabel = `/${(e.fullPath ?? "").replace(/^\/+/, "")}`, e.docType === i1.Album && (this.selectedLabel += `/${e.title}`)) : this.selectedLabel = e.title : this.selectedLabel = "";
   }
   render() {
-    return h`<cx-space part="base" class="folder-picker" spacing="2x-small" direction="horizontal" align-items="center">${$(
+    return h`<cx-space part="base" class="folder-picker" spacing="2x-small" direction="horizontal" align-items="center">${v(
       this.variant === Q.Select,
       () => h`<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=${Ce}></cx-folder-select>`,
       () => h`
-          ${$(
+          ${v(
         this.selectedLabel,
         () => h`<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>${$(
+      )}<cx-button data-testid="request-folder-button" class="folder-picker__request-folder-button" @click=${this.handleRequestFolderClick}>${this.localize.term("choose")}</cx-button>${v(
         this.value,
         () => h`<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=${Ce}></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>`
@@ -17199,57 +17199,57 @@ T.dependencies = {
   "cx-button": ce,
   "cx-dialog": se,
   "cx-folder-select": Ee,
-  "cx-icon-button": Ie,
+  "cx-icon-button": _e,
   "cx-space": de,
   "cx-typography": Z
 };
-N([
-  G(".folder-picker__dialog")
+G([
+  M(".folder-picker__dialog")
 ], T.prototype, "dialog", 2);
-N([
-  G("cx-folder-select")
+G([
+  M("cx-folder-select")
 ], T.prototype, "selectEl", 2);
-N([
+G([
   y({ type: Object })
 ], T.prototype, "boundary", 2);
-N([
+G([
   y({ reflect: !0, type: String })
 ], T.prototype, "name", 2);
-N([
+G([
   y({ reflect: !0, type: String })
 ], T.prototype, "value", 2);
-N([
+G([
   y({ attribute: "variant", reflect: !0, type: String })
 ], T.prototype, "variant", 2);
-N([
+G([
   y({ attribute: "use-fullpath", reflect: !0, type: Boolean })
 ], T.prototype, "useFullPath", 2);
-N([
+G([
   y({ reflect: !0, type: Boolean })
 ], T.prototype, "multiple", 2);
-N([
+G([
   y({
     attribute: "allowed-folders",
     converter: ve,
     type: Array
   })
 ], T.prototype, "allowedFolders", 2);
-N([
+G([
   y({ reflect: !0, type: Boolean })
 ], T.prototype, "required", 2);
-N([
+G([
   u()
 ], T.prototype, "selectedLabel", 2);
-N([
+G([
   u()
 ], T.prototype, "open", 2);
-N([
+G([
   u()
 ], T.prototype, "_selectedFolder", 2);
-N([
+G([
   O("value")
 ], T.prototype, "handleValueChange", 1);
-T = N([
+T = G([
   ie("cx-folder-picker")
 ], T);
 const U0 = te`:host{width:100%;display:block}.gallery-config-dialog{--width:600px}.gallery-config-dialog::part(body){padding-bottom:0}.gallery-config-dialog::part(footer){padding-top:0}`;
@@ -17259,23 +17259,23 @@ var W0 = Object.defineProperty, J0 = Object.getOwnPropertyDescriptor, j = (e, a,
   return t && r && W0(a, n, r), r;
 };
 const pe = "path_TR1";
-let L = class extends ee {
+let q = class extends ee {
   constructor() {
-    super(), this.localize = new W(this), this.variant = q.Asset, this.dialogVariant = U.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 = o1, this.apiGetPagesAndLinks = this.apiGetPagesAndLinks.bind(this);
+    super(), this.localize = new W(this), this.variant = L.Asset, this.dialogVariant = U.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 = o1, this.apiGetPagesAndLinks = this.apiGetPagesAndLinks.bind(this);
   }
   get showOpenInNewTab() {
-    return this.variant === q.Link || this.variant === q.Page || this.variant === q.Space;
+    return this.variant === L.Link || this.variant === L.Page || this.variant === L.Space;
   }
   get galleryPickerDialogTitle() {
     const e = this.selectedPosition >= 0 ? "edit" : "add";
     switch (this.dialogVariant === U.Gallery ? this.variant : U.Carousel) {
-      case q.Asset:
+      case L.Asset:
         return this.localize.term(`${e}AssetCard`);
-      case q.Folder:
+      case L.Folder:
         return this.localize.term(`${e}FolderCard`);
-      case q.Page:
+      case L.Page:
         return this.localize.term(`${e}PageCard`);
-      case q.Space:
+      case L.Space:
         return this.localize.term(`${e}SpaceCard`);
       default:
         return this.localize.term(`${e}Slide`);
@@ -17333,12 +17333,12 @@ let L = class extends ee {
     this.image = e, this.selectedPosition = a, this.isThumbnailManuallySet = !0, e ? this.editedImage = { ...e } : this.editedImage = {
       id: "",
       name: "",
-      objectFit: le.Cover,
+      objectFit: ge.Cover,
       openInNewTab: !0,
       rawId: "",
       src: "",
       url: ""
-    }, this.variant === q.Page && this.fetchSelectedPage(), this.dialog.show();
+    }, this.variant === L.Page && this.fetchSelectedPage(), this.dialog.show();
   }
   hide() {
     this.dialog.hide();
@@ -17459,36 +17459,36 @@ let L = class extends ee {
       this.variant,
       [
         [
-          q.Folder,
+          L.Folder,
           () => h`<cx-grid columns="3" spacing="var(--cx-spacing-small)" column-spacing="0" wrap="nowrap"><cx-grid-item xs="3" sm="1"><cx-typography variant="body2">${this.localize.term("folder")}</cx-typography></cx-grid-item><cx-grid-item xs="3" sm="2"><cx-folder-picker name="url" value=${P(this.editedImage.url)} variant="select" required .boundary=${this.boundary} @cx-content-builder-folder-change=${this.handleFolderChange} @cx-content-builder-folder-delete=${this.handleFolderDelete}></cx-folder-picker></cx-grid-item></cx-grid>`
         ],
         [
-          q.Link,
+          L.Link,
           () => h`<cx-grid columns="3" spacing="var(--cx-spacing-small)" column-spacing="0" wrap="nowrap"><cx-grid-item xs="3" sm="1"><cx-typography variant="body2">Link</cx-typography></cx-grid-item><cx-grid-item xs="3" sm="2"><cx-input data-testid="link-input" name="url" placeholder="Enter link" required type="text" value=${P(this.editedImage.url)} @cx-change=${this.handleInputChange}></cx-input></cx-grid-item></cx-grid>`
         ],
         [
-          q.Page,
+          L.Page,
           () => h`<cx-grid columns="3" spacing="var(--cx-spacing-small)" column-spacing="0" wrap="nowrap"><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-folder-select .api=${this.apiGetPagesAndLinks} custom-change-event="cx-gallery-config-select-change" required name="url" variant="select" value=${P(this.editedImage.pageId)} selected-label=${this.selectedPageLabel} @cx-selection-change=${this.handleSelectionChange}></cx-folder-select></cx-grid-item></cx-grid>`
         ],
         [
-          q.Space,
+          L.Space,
           () => h`<cx-grid columns="3" spacing="var(--cx-spacing-small)" column-spacing="0" wrap="nowrap"><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 .api=${this.apiGetTeamSpaceSpaceList} required name="url" use-search-term value=${P(this.editedImage.url)} @cx-change=${this.handleInputChange}></cx-dynamic-select></cx-grid-item></cx-grid>`
         ]
       ],
       () => null
     )}
-          ${$(
+          ${v(
       this.showOpenInNewTab,
       () => h`<cx-grid columns="3" spacing="var(--cx-spacing-small)" column-spacing="0" wrap="nowrap"><cx-grid-item xs="3" sm="1"></cx-grid-item><cx-grid-item xs="3" sm="2"><cx-checkbox .defaultChecked=${this.editedImage.openInNewTab ?? !0} ?checked=${this.editedImage.openInNewTab ?? !0} @cx-change=${this.handleOpenInNewTabChange}><cx-typography variant="body2">${this.localize.term("openInNewTab")}</cx-typography></cx-checkbox></cx-grid-item></cx-grid>`
-    )}<cx-grid columns="3" spacing="var(--cx-spacing-small)" column-spacing="0" wrap="nowrap"><cx-grid-item xs="3" sm="1"><cx-typography variant="body2">${this.localize.term("thumbnail")}</cx-typography></cx-grid-item><cx-grid-item xs="3" sm="2"><cx-asset-picker id=${this.editedImage.id} name="src" required is-site-builder type="all" value=${P(this.editedImage.src)} record-id=${this.editedImage.id || ""} ?disabled=${this.disabledAssetPicker} .onRequestAsset=${this.onRequestAsset} @cx-asset-request-status=${this.handleAssetRequestStatus} @cx-content-builder-asset-select=${this.handleAssetSelect} @cx-content-builder-asset-delete=${this.handleAssetDelete}></cx-asset-picker></cx-grid-item></cx-grid><cx-grid columns="3" spacing="var(--cx-spacing-small)" column-spacing="0" wrap="nowrap"><cx-grid-item xs="3" sm="1"><cx-typography variant="body2">${this.localize.term("crop")}</cx-typography></cx-grid-item><cx-grid-item xs="3" sm="2"><cx-radio-group data-testid="object-fit-control" horizontal value=${P(this.editedImage.objectFit)} size="medium" @cx-change=${this.handleObjectFitChange}>${M(
+    )}<cx-grid columns="3" spacing="var(--cx-spacing-small)" column-spacing="0" wrap="nowrap"><cx-grid-item xs="3" sm="1"><cx-typography variant="body2">${this.localize.term("thumbnail")}</cx-typography></cx-grid-item><cx-grid-item xs="3" sm="2"><cx-asset-picker id=${this.editedImage.id} name="src" required is-site-builder type="all" value=${P(this.editedImage.src)} record-id=${this.editedImage.id || ""} ?disabled=${this.disabledAssetPicker} .onRequestAsset=${this.onRequestAsset} @cx-asset-request-status=${this.handleAssetRequestStatus} @cx-content-builder-asset-select=${this.handleAssetSelect} @cx-content-builder-asset-delete=${this.handleAssetDelete}></cx-asset-picker></cx-grid-item></cx-grid><cx-grid columns="3" spacing="var(--cx-spacing-small)" column-spacing="0" wrap="nowrap"><cx-grid-item xs="3" sm="1"><cx-typography variant="body2">${this.localize.term("crop")}</cx-typography></cx-grid-item><cx-grid-item xs="3" sm="2"><cx-radio-group data-testid="object-fit-control" horizontal value=${P(this.editedImage.objectFit)} size="medium" @cx-change=${this.handleObjectFitChange}>${N(
       [
         {
           name: "Fit",
-          value: le.Contain
+          value: ge.Contain
         },
         {
           name: "Fill",
-          value: le.Cover
+          value: ge.Cover
         }
       ],
       (e) => e.value,
@@ -17496,8 +17496,8 @@ let L = class extends ee {
     )}</cx-radio-group></cx-grid-item></cx-grid></form><cx-divider></cx-divider><cx-space slot="footer" spacing="x-small" wrap="nowrap" justify-content="end"><cx-button variant="default" size="medium" @click=${this.hide}>${this.localize.term("cancel")}</cx-button><cx-button data-testid="save-button" variant="primary" size="medium" type="submit" @click=${this.handleSaveClick}>${this.localize.term("save")}</cx-button></cx-space></cx-dialog>`;
   }
 };
-L.styles = [ae, U0];
-L.dependencies = {
+q.styles = [ae, U0];
+q.dependencies = {
   "cx-asset-picker": Ve,
   "cx-button": ce,
   "cx-checkbox": Ue,
@@ -17509,73 +17509,73 @@ L.dependencies = {
   "cx-grid": $e,
   "cx-grid-item": we,
   "cx-input": oe,
-  "cx-radio": Ye,
+  "cx-radio": Xe,
   "cx-radio-group": Qe,
   "cx-space": de,
   "cx-typography": Z
 };
 j([
-  G("cx-dialog")
-], L.prototype, "dialog", 2);
+  M("cx-dialog")
+], q.prototype, "dialog", 2);
 j([
-  G("cx-asset-picker")
-], L.prototype, "assetPicker", 2);
+  M("cx-asset-picker")
+], q.prototype, "assetPicker", 2);
 j([
-  G("#gallery-config-form")
-], L.prototype, "form", 2);
+  M("#gallery-config-form")
+], q.prototype, "form", 2);
 j([
   y({ reflect: !0, type: String })
-], L.prototype, "variant", 2);
+], q.prototype, "variant", 2);
 j([
   y({ attribute: "dialog-variant", reflect: !0, type: String })
-], L.prototype, "dialogVariant", 2);
+], q.prototype, "dialogVariant", 2);
 j([
   y({ type: Object })
-], L.prototype, "boundary", 2);
+], q.prototype, "boundary", 2);
 j([
   y({ attribute: "on-request-asset", type: Function })
-], L.prototype, "onRequestAsset", 2);
+], q.prototype, "onRequestAsset", 2);
 j([
   y({ type: Object })
-], L.prototype, "image", 2);
+], q.prototype, "image", 2);
 j([
   y({ attribute: "selected-position", type: Number })
-], L.prototype, "selectedPosition", 2);
+], q.prototype, "selectedPosition", 2);
 j([
   y({
     attribute: "disabled-asset-picker",
     reflect: !0,
     type: Boolean
   })
-], L.prototype, "disabledAssetPicker", 2);
+], q.prototype, "disabledAssetPicker", 2);
 j([
   u()
-], L.prototype, "editedImage", 2);
+], q.prototype, "editedImage", 2);
 j([
   u()
-], L.prototype, "assetRequestingStatus", 2);
+], q.prototype, "assetRequestingStatus", 2);
 j([
   u()
-], L.prototype, "selectedPageLabel", 2);
-L = j([
+], q.prototype, "selectedPageLabel", 2);
+q = j([
   ie("cx-gallery-config")
-], L);
-const X0 = te`:host{width:100%;display:block;position:relative}.gallery-picker-dialog{--width:600px}.gallery-picker-dialog::part(body){padding-bottom:0}.gallery-picker-dialog::part(footer){padding-top:0}.gallery-picker__no-slides-added{margin-bottom:var(--cx-spacing-medium);display:block}.gallery-picker__overlay{margin-bottom:var(--cx-spacing-small)}.gallery-picker__masonry-wrapper{padding-right:var(--cx-spacing-medium)}.gallery-picker__input{opacity:0;pointer-events:none;z-index:-1;width:33.3333%;position:absolute;top:0;left:0;transform:translateY(-90%)}`;
-var Y0 = Object.defineProperty, Q0 = Object.getOwnPropertyDescriptor, w = (e, a, n, t) => {
+], q);
+const Y0 = te`:host{width:100%;display:block;position:relative}.gallery-picker-dialog{--width:600px}.gallery-picker-dialog::part(body){padding-bottom:0}.gallery-picker-dialog::part(footer){padding-top:0}.gallery-picker__no-slides-added{margin-bottom:var(--cx-spacing-medium);display:block}.gallery-picker__overlay{margin-bottom:var(--cx-spacing-small)}.gallery-picker__masonry-wrapper{padding-right:var(--cx-spacing-medium)}.gallery-picker__input{opacity:0;pointer-events:none;z-index:-1;width:33.3333%;position:absolute;top:0;left:0;transform:translateY(-90%)}`;
+var X0 = Object.defineProperty, Q0 = Object.getOwnPropertyDescriptor, w = (e, a, n, t) => {
   for (var r = t > 1 ? void 0 : t ? Q0(a, n) : a, i = e.length - 1, c; i >= 0; i--)
     (c = e[i]) && (r = (t ? c(a, n, r) : c(r)) || r);
-  return t && r && Y0(a, n, r), r;
+  return t && r && X0(a, n, r), r;
 };
 We.plugin({
   ClickScroll: R1,
   ScrollbarsHiding: T1,
   SizeObserver: P1
 });
-let E = class extends ee {
+let D = class extends ee {
   constructor() {
     super(...arguments), this.formControlController = new $0(this, {
       assumeInteractionOn: ["cx-gallery-picker-action"]
-    }), this.localize = new W(this), this.variant = q.Asset, this.sourceVariant = z.Manual, this.dialogVariant = U.Gallery, this.name = "", this.value = void 0, this.defaultValue = void 0, this.src = "", this.format = h1, 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 x0(this, {
+    }), this.localize = new W(this), this.variant = L.Asset, this.sourceVariant = z.Manual, this.dialogVariant = U.Gallery, this.name = "", this.value = void 0, this.defaultValue = void 0, this.src = "", this.format = h1, 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 x0(this, {
       isSiteBuilder: !0,
       maxEnd: 100
     });
@@ -17598,7 +17598,7 @@ let E = class extends ee {
   }
   /** Gets the validation message */
   get validationMessage() {
-    return this.variant === q.Asset ? "" : this.localize.term(
+    return this.variant === L.Asset ? "" : this.localize.term(
       "galleryPickerMissingSourceValidationMessage",
       this.variant
     );
@@ -17606,7 +17606,7 @@ let E = class extends ee {
   /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */
   checkValidity() {
     const e = this.getValidityValue();
-    return this.variant === q.Asset ? !0 : this.inputEl.checkValidity() && e;
+    return this.variant === L.Asset ? !0 : this.inputEl.checkValidity() && e;
   }
   /** Gets the associated form, if one exists. */
   getForm() {
@@ -17615,7 +17615,7 @@ let E = class extends ee {
   /** Checks for validity and shows the browser's validation message if the control is invalid. */
   reportValidity() {
     const e = this.getValidityValue();
-    return this.variant === q.Asset ? !0 : this.inputEl.reportValidity() && e;
+    return this.variant === L.Asset ? !0 : this.inputEl.reportValidity() && e;
   }
   /** Sets a custom validation message. Pass an empty string to restore validity. */
   setCustomValidity(e) {
@@ -17628,7 +17628,7 @@ let E = class extends ee {
     this.galleryConfig?.hide();
   }
   getValidityValue() {
-    if (this.errorDataMap.clear(), this.variant !== q.Asset)
+    if (this.errorDataMap.clear(), this.variant !== L.Asset)
       for (const a of this.value ?? [])
         (!a.url || a.url === "") && this.errorDataMap.set(a.id, !0);
     const e = this.errorDataMap.size === 0;
@@ -17643,8 +17643,8 @@ let E = class extends ee {
       try {
         const e = await this.autofetchController.fetchImagesInFolderByPage({
           folderId: this.src,
-          format: this.format,
-          manualFormat: this.manualFormat,
+          format: D.THUMBNAIL_FORMAT,
+          manualFormat: !0,
           page: this.currentPage,
           pageSize: this.itemsPerPage
         });
@@ -17688,8 +17688,8 @@ let E = class extends ee {
   async doFetchByIds(e) {
     this.loading = !0;
     const a = await this.autofetchController.fetchImagesByIDs({
-      format: this.format,
-      manualFormat: this.manualFormat,
+      format: D.THUMBNAIL_FORMAT,
+      manualFormat: !0,
       recordIds: e
     }), n = new Map(
       a.map((t) => [t.rawId ?? t.id, t])
@@ -17744,7 +17744,7 @@ let E = class extends ee {
         this.galleryConfig?.show(
           {
             ...a,
-            objectFit: n?.objectFit ?? le.Cover,
+            objectFit: n?.objectFit ?? ge.Cover,
             openInNewTab: n?.openInNewTab
           },
           this.selectedPosition
@@ -17864,60 +17864,61 @@ let E = class extends ee {
       hasError: this.errorDataMap.has(n.id),
       loading: !n.src
     }));
-    return h`<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=${De({ maxHeight: this.maxMasonryHeight })} class="gallery-picker__masonry-wrapper" tabindex="-1"><cx-masonry class="gallery-picker__masonry" cols=${this.maxColumns} id-key=${this.sourceVariant === z.Manual ? "rawId" : "id"} row-height=${this.rowHeight} format=${this.format} ?manual-format=${this.manualFormat} spacing="medium" no-crossorigin ?sortable=${this.sourceVariant === z.Manual} .data=${a} .actions=${e} @cx-edit-item=${this.handleEditItem} @cx-delete-item=${this.handleDeleteItem} @cx-reorder=${this.handleReorder}></cx-masonry></div>${$(
+    return h`<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=${De({ maxHeight: this.maxMasonryHeight })} class="gallery-picker__masonry-wrapper" tabindex="-1"><cx-masonry class="gallery-picker__masonry" cols=${this.maxColumns} id-key=${this.sourceVariant === z.Manual ? "rawId" : "id"} row-height=${this.rowHeight} format=${this.format} ?manual-format=${this.manualFormat} spacing="medium" no-crossorigin ?sortable=${this.sourceVariant === z.Manual} .data=${a} .actions=${e} @cx-edit-item=${this.handleEditItem} @cx-delete-item=${this.handleDeleteItem} @cx-reorder=${this.handleReorder}></cx-masonry></div>${v(
       this.src ? this.hasFinishedFetchingData && this.masonryData.length === 0 : this.masonryData.length === 0,
-      () => $(
+      () => v(
         this.sourceVariant === z.Api,
-        () => h`<cx-typography variant="body2" class="gallery-picker__no-slides-added">${$(
+        () => h`<cx-typography variant="body2" class="gallery-picker__no-slides-added">${v(
           this.dialogVariant === U.Gallery,
           () => this.localize.term("cardsWillBeAddedAutomaticallyFromTheSelectedFolder"),
           () => this.localize.term("slidesWillBeAddedAutomaticallyFromTheSelectedFolder")
         )}</cx-typography>`,
         () => h`<cx-typography variant="body2" class="gallery-picker__no-slides-added">${this.localize.term(`no${this.dialogVariant === U.Gallery ? "Cards" : "Slides"}AddedYet`)}</cx-typography>`
       )
-    )}</div>${$(
+    )}</div>${v(
       this.sourceVariant === z.Manual,
       () => h`<cx-button class="gallery-picker-trigger" variant="default" @click=${this.handleAddItem}>${this.localize.term(`add${this.dialogVariant === U.Gallery ? "Card" : "Slide"}`)}</cx-button>`
     )}<cx-gallery-config variant=${this.variant} dialog-variant=${this.dialogVariant} ?disabled-asset-picker=${this.sourceVariant === z.Api} .boundary=${this.boundary} .onRequestAsset=${this.onRequestAsset} @cx-gallery-config-save=${this.handleSave}></cx-gallery-config>`;
   }
 };
-E.styles = [
+D.styles = [
   ae,
   z1,
-  X0
+  Y0
 ];
-E.dependencies = {
+D.dependencies = {
   "cx-button": ce,
-  "cx-gallery-config": L,
+  "cx-gallery-config": q,
   "cx-input": oe,
   "cx-masonry": E0,
   "cx-space": de,
   "cx-typography": Z
 };
+D.THUMBNAIL_FORMAT = "TR4";
 w([
-  G("cx-gallery-config")
-], E.prototype, "galleryConfig", 2);
+  M("cx-gallery-config")
+], D.prototype, "galleryConfig", 2);
 w([
-  G("cx-masonry")
-], E.prototype, "masonry", 2);
+  M("cx-masonry")
+], D.prototype, "masonry", 2);
 w([
-  G(".gallery-picker__masonry-wrapper")
-], E.prototype, "scrollWrapper", 2);
+  M(".gallery-picker__masonry-wrapper")
+], D.prototype, "scrollWrapper", 2);
 w([
-  G(".gallery-picker__input")
-], E.prototype, "inputEl", 2);
+  M(".gallery-picker__input")
+], D.prototype, "inputEl", 2);
 w([
   y({ reflect: !0, type: String })
-], E.prototype, "variant", 2);
+], D.prototype, "variant", 2);
 w([
   y({ attribute: "source-variant", reflect: !0, type: String })
-], E.prototype, "sourceVariant", 2);
+], D.prototype, "sourceVariant", 2);
 w([
   y({ attribute: "dialog-variant", reflect: !0, type: String })
-], E.prototype, "dialogVariant", 2);
+], D.prototype, "dialogVariant", 2);
 w([
   y({ reflect: !0, type: String })
-], E.prototype, "name", 2);
+], D.prototype, "name", 2);
 w([
   y({
     converter: {
@@ -17934,75 +17935,75 @@ w([
     reflect: !0,
     type: String
   })
-], E.prototype, "value", 2);
+], D.prototype, "value", 2);
 w([
   v0()
-], E.prototype, "defaultValue", 2);
+], D.prototype, "defaultValue", 2);
 w([
   y({ reflect: !0, type: String })
-], E.prototype, "src", 2);
+], D.prototype, "src", 2);
 w([
   y({ attribute: "format", type: String })
-], E.prototype, "format", 2);
+], D.prototype, "format", 2);
 w([
   y({ attribute: "manual-format", type: Boolean })
-], E.prototype, "manualFormat", 2);
+], D.prototype, "manualFormat", 2);
 w([
   y({ type: Object })
-], E.prototype, "boundary", 2);
+], D.prototype, "boundary", 2);
 w([
   y({ reflect: !1 })
-], E.prototype, "form", 2);
+], D.prototype, "form", 2);
 w([
   y({ attribute: "on-request-asset", type: Function })
-], E.prototype, "onRequestAsset", 2);
+], D.prototype, "onRequestAsset", 2);
 w([
   u()
-], E.prototype, "loading", 2);
+], D.prototype, "loading", 2);
 w([
   u()
-], E.prototype, "masonryData", 2);
+], D.prototype, "masonryData", 2);
 w([
   u()
-], E.prototype, "dataCount", 2);
+], D.prototype, "dataCount", 2);
 w([
   u()
-], E.prototype, "currentPage", 2);
+], D.prototype, "currentPage", 2);
 w([
   u()
-], E.prototype, "selectedPosition", 2);
+], D.prototype, "selectedPosition", 2);
 w([
   u()
-], E.prototype, "hasFinishedFetchingData", 2);
+], D.prototype, "hasFinishedFetchingData", 2);
 w([
   u()
-], E.prototype, "errorDataMap", 2);
+], D.prototype, "errorDataMap", 2);
 w([
   u()
-], E.prototype, "osInstance", 2);
+], D.prototype, "osInstance", 2);
 w([
   O("variant")
-], E.prototype, "handleVariantChange", 1);
+], D.prototype, "handleVariantChange", 1);
 w([
   O("src"),
   O("currentPage", { waitUntilFirstUpdate: !0 }),
   O("sourceVariant", { waitUntilFirstUpdate: !0 }),
   O("format", { waitUntilFirstUpdate: !0 })
-], E.prototype, "fetchImagesInFolderBySlide", 1);
+], D.prototype, "fetchImagesInFolderBySlide", 1);
 w([
   O("src"),
   O("sourceVariant", { waitUntilFirstUpdate: !0 })
-], E.prototype, "handleSourceVariantChange", 1);
+], D.prototype, "handleSourceVariantChange", 1);
 w([
   O("value"),
   O("sourceVariant", { waitUntilFirstUpdate: !0 })
-], E.prototype, "fetchImagesByIDs", 1);
+], D.prototype, "fetchImagesByIDs", 1);
 w([
   O("format", { waitUntilFirstUpdate: !0 })
-], E.prototype, "handleFormatChange", 1);
-E = w([
+], D.prototype, "handleFormatChange", 1);
+D = w([
   ie("cx-gallery-picker")
-], E);
+], D);
 const Z0 = te`.page-picker__name{--color:var(--cx-color-primary-500)}.page-picker__request-page-button:not(:first-child){margin-left:var(--cx-spacing-small)}`;
 var e2 = Object.defineProperty, a2 = Object.getOwnPropertyDescriptor, t1 = (e) => {
   throw TypeError(e);
@@ -18010,7 +18011,7 @@ var e2 = Object.defineProperty, a2 = Object.getOwnPropertyDescriptor, t1 = (e) =
   for (var r = t > 1 ? void 0 : t ? a2(a, n) : a, i = e.length - 1, c; i >= 0; i--)
     (c = e[i]) && (r = (t ? c(a, n, r) : c(r)) || r);
   return t && r && e2(a, n, r), r;
-}, r1 = (e, a, n) => a.has(e) || t1("Cannot " + n), he = (e, a, n) => (r1(e, a, "read from private field"), n ? n.call(e) : a.get(e)), i2 = (e, a, n) => a.has(e) ? t1("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(e) : a.set(e, n), Ne = (e, a, n, t) => (r1(e, a, "write to private field"), a.set(e, n), n), H;
+}, r1 = (e, a, n) => a.has(e) || t1("Cannot " + n), he = (e, a, n) => (r1(e, a, "read from private field"), n ? n.call(e) : a.get(e)), i2 = (e, a, n) => a.has(e) ? t1("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(e) : a.set(e, n), Ge = (e, a, n, t) => (r1(e, a, "write to private field"), a.set(e, n), n), H;
 let K = class extends ee {
   constructor() {
     super(), this.localize = new W(this), this.boundary = document.body, this.name = "", this.value = "", this.variant = Q.Select, this.required = !1, this.selectedLabel = "", this.open = !1, i2(this, H), this.apiGetPagesAndLinks = this.apiGetPagesAndLinks.bind(this);
@@ -18082,13 +18083,13 @@ let K = class extends ee {
     const { id: n, url: t } = a.dataset;
     this.variant === Q.Select ? this.emit("cx-content-builder-page-change", {
       detail: { id: n, url: t }
-    }) : Ne(this, H, { id: n, url: t });
+    }) : Ge(this, H, { id: n, url: t });
   }
   handleRequestPageClick() {
     this.open = !0;
   }
   handleClear() {
-    this.value = "", this.selectedLabel = "", Ne(this, H, void 0), this.emit("cx-content-builder-page-delete");
+    this.value = "", this.selectedLabel = "", Ge(this, H, void 0), this.emit("cx-content-builder-page-delete");
   }
   handleRequestClose(e) {
     e.stopPropagation(), this.open = !1;
@@ -18099,14 +18100,14 @@ let K = class extends ee {
     }), this.dialog.hide(), this.open = !1;
   }
   render() {
-    return h`<cx-space part="base" class="page-picker" spacing="2x-small" direction="horizontal" align-items="center">${$(
+    return h`<cx-space part="base" class="page-picker" spacing="2x-small" direction="horizontal" align-items="center">${v(
       this.variant === Q.Select,
       () => h`<cx-folder-select name=${this.name} selected-label=${this.selectedLabel} value=${he(this, H)?.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>`,
       () => h`
-          ${$(
+          ${v(
         this.selectedLabel,
         () => h`<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>${$(
+      )}<cx-button data-testid="request-page-button" class="page-picker__request-page-button" @click=${this.handleRequestPageClick}>${this.localize.term("choose")}</cx-button>${v(
         this.value,
         () => h`<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=${he(this, H)?.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>`
@@ -18119,15 +18120,15 @@ K.dependencies = {
   "cx-button": ce,
   "cx-dialog": se,
   "cx-folder-select": Ee,
-  "cx-icon-button": Ie,
+  "cx-icon-button": _e,
   "cx-space": de,
   "cx-typography": Z
 };
 V([
-  G(".page-picker__dialog")
+  M(".page-picker__dialog")
 ], K.prototype, "dialog", 2);
 V([
-  G("cx-folder-select")
+  M("cx-folder-select")
 ], K.prototype, "selectEl", 2);
 V([
   y({ type: Object })
@@ -18156,7 +18157,7 @@ K = V([
 const t2 = te`:host{display:block}.config-form{--body-spacing:0;--header-spacing:var(--cx-spacing-small) var(--cx-spacing-large) 0;--width:680px;color:var(--cx-color-neutral)}.config-form__button-group{width:100%;& cx-button{flex:1}}.config-form__dropdown{text-align:left}.config-form__button-group--active::part(base){background-color:var(--cx-color-neutral-200)}.config-form__help-text{display:block}.config-form__radio-card-image *{max-width:100%}.config-form__checkbox-group{--children-gap:var(--cx-spacing-x-small)}.config-form__checkbox-group-item{--item-padding:0;--selected-background-color:transparent}.config-form__label{--color:var(--cx-color-neutral-800)}.config-form__help-text{--color:var(--cx-color-neutral-600)}.config-form__dropdown-menu{--checked-icon-display:none}.config-form__select{--option-color:var(--cx-color-neutral-900);--option-font-weight:var(--cx-font-weight-medium);--option-selected-font-weight:var(--cx-font-weight-medium);--option-help-text-color:var(--cx-color-neutral-600);--option-selected-help-text-color:var(--cx-color-neutral-600)}.config-form__confirm-popover{--confirm-popover-dialog-width:fit-content;--confirm-button-background-color:var(--cx-color-danger-500);--cancel-button-background-color:var(--cx-color-neutral-100);--cancel-button-color:var(--cx-color-neutral-700)}.config-form__input__select-suffix{--cx-input-border-width:0;margin-inline-end:0}.config-form__input__select-suffix::part(combobox){width:10ch}.config-form__input__select-suffix::part(expand-icon){margin-inline-start:0}.config-form__input__divider-suffix{--spacing:0;margin-inline-end:0}.config-form__tab-group{--padding:0;--tab-group-nav-padding:0 var(--cx-spacing-large);--tab-group-top-gap:0}.config-form__tab-group::part(nav){background-color:var(--cx-color-neutral-0);z-index:1;position:sticky;top:0}cx-radio-group cx-radio{line-height:var(--cx-line-height-x-large)}`;
 class r2 {
   constructor(a) {
-    this.apiSearchAssets = b0, this.apiGetTeamSpaceFontFamily = l1, this.pendingGalleryPickerSaves = /* @__PURE__ */ new Set(), this.fontFamiliesCache = /* @__PURE__ */ new Map(), this.pendingFontFamilyFetches = /* @__PURE__ */ new Set(), this.typeSubtypeOptionsCache = /* @__PURE__ */ new Map(), this.pendingTypeSubtypeOptionsFetches = /* @__PURE__ */ new Set(), this.host = a, this.localize = new W(this.host);
+    this.apiSearchAssets = b0, this.apiGetTeamSpaceFontFamily = g1, this.pendingGalleryPickerSaves = /* @__PURE__ */ new Set(), this.fontFamiliesCache = /* @__PURE__ */ new Map(), this.pendingFontFamilyFetches = /* @__PURE__ */ new Set(), this.typeSubtypeOptionsCache = /* @__PURE__ */ new Map(), this.pendingTypeSubtypeOptionsFetches = /* @__PURE__ */ new Set(), this.host = a, this.localize = new W(this.host);
   }
   hostConnected() {
     this.host.addController(this);
@@ -18169,21 +18170,21 @@ class r2 {
    */
   async resolveAssetFormatSrc(a, n) {
     const t = `path_${n}`, r = n === "TRX", i = "path_TR1", c = await this.apiSearchAssets({
-      fields: r ? [t, i, Le, Oe] : [t, Oe],
+      fields: r ? [t, i, qe, Oe] : [t, Oe],
       getPermanentAssetsPaths: !0,
       isSiteBuilder: !0,
       query: { recordId: [a] }
     });
     for (const A of c.items) {
-      const d = r ? A[Le] : "", g = !d || k0(String(d));
-      if (!r || g) {
+      const d = r ? A[qe] : "", l = !d || k0(String(d));
+      if (!r || l) {
         const m = A[t];
-        if (Ge(m))
+        if (Me(m))
           return m.URI;
       }
       if (r) {
         const m = A[i];
-        if (Ge(m))
+        if (Me(m))
           return m.URI;
       }
     }
@@ -18244,11 +18245,11 @@ class r2 {
     let n = "";
     typeof a.helpText == "function" ? n = a.helpText(this.host.blockAttributes) : a.helpText && (n = a.helpText);
     const t = a.infoTextConfigs?.color, r = De(t ? { "--color": t } : {});
-    return h`<cx-space class="config-form__info-text" direction="vertical" spacing="x-small" wrap="nowrap">${$(
+    return h`<cx-space class="config-form__info-text" direction="vertical" spacing="x-small" wrap="nowrap">${v(
       a.label,
       () => h`<cx-typography variant="body3" style=${r}>${a.label}</cx-typography>`
     )}
-        ${$(
+        ${v(
       n,
       () => h`<cx-typography variant="body3" class="config-form__help-text" style=${r}>${n}</cx-typography>`
     )}</cx-space>`;
@@ -18270,7 +18271,7 @@ class r2 {
         [
           "asset-transformation",
           () => {
-            const g = async (k) => {
+            const l = async (k) => {
               await i({
                 format: k.detail.format,
                 manualFormat: k.detail.manualFormat,
@@ -18289,48 +18290,48 @@ class r2 {
             } catch {
               s = [];
             }
-            const o = a[d.assetTransformationConfigs?.formatKey ?? ""]?.toString() ?? "", l = d.assetTransformationConfigs?.manualFormatKey ?? "", C = a[l], x = C === !0 || C === "true", b = a[d.assetTransformationConfigs?.assetIdKey ?? ""]?.toString() ?? "";
-            return h`<cx-asset-transformation-dialog asset-id=${b} base-url=${this.host.baseUrl} can-reset default-format=${d.assetTransformationConfigs?.defaultFormat ?? ""} dialog-label=${d.assetTransformationConfigs?.dialogLabel ?? ""} is-site-builder token=${this.host.token} ?manual-format=${x} ?multiple=${d.assetTransformationConfigs?.multiple ?? !1} ?no-crop=${d.assetTransformationConfigs?.noCrop ?? !1} ?no-resize=${d.assetTransformationConfigs?.noResize ?? !1} ?no-rotate=${d.assetTransformationConfigs?.noRotate ?? !1} .boundary=${this.host.boundary} .format=${o} .transformations=${s} @cx-asset-transformation-dialog-confirm=${g} @cx-asset-transformation-dialog-delete=${m}><cx-button slot="trigger">${this.localize.term("configure")}</cx-button></cx-asset-transformation-dialog>`;
+            const o = a[d.assetTransformationConfigs?.formatKey ?? ""]?.toString() ?? "", g = d.assetTransformationConfigs?.manualFormatKey ?? "", C = a[g], x = C === !0 || C === "true", b = a[d.assetTransformationConfigs?.assetIdKey ?? ""]?.toString() ?? "";
+            return h`<cx-asset-transformation-dialog asset-id=${b} base-url=${this.host.baseUrl} can-reset default-format=${d.assetTransformationConfigs?.defaultFormat ?? ""} dialog-label=${d.assetTransformationConfigs?.dialogLabel ?? ""} is-site-builder token=${this.host.token} ?manual-format=${x} ?multiple=${d.assetTransformationConfigs?.multiple ?? !1} ?no-crop=${d.assetTransformationConfigs?.noCrop ?? !1} ?no-resize=${d.assetTransformationConfigs?.noResize ?? !1} ?no-rotate=${d.assetTransformationConfigs?.noRotate ?? !1} .boundary=${this.host.boundary} .format=${o} .transformations=${s} @cx-asset-transformation-dialog-confirm=${l} @cx-asset-transformation-dialog-delete=${m}><cx-button slot="trigger">${this.localize.term("configure")}</cx-button></cx-asset-transformation-dialog>`;
           }
         ],
         [
           "bicolor-picker",
           () => {
-            const g = B0(String(t));
-            return h`<cx-bicolor-picker value=${g} @cx-bicolor-picker-change=${async (s) => {
-              const o = s.detail.value, l = ye(
+            const l = B0(String(t));
+            return h`<cx-bicolor-picker value=${l} @cx-bicolor-picker-change=${async (s) => {
+              const o = s.detail.value, g = ye(
                 o[0],
                 o[1]
               );
-              await i(l);
+              await i(g);
             }}></cx-bicolor-picker>`;
           }
         ],
         [
           "border-input-group",
           () => {
-            const g = async (m) => {
-              const [s, o, l] = m.detail.value, C = `${ye(s, o)} ${l}`;
+            const l = async (m) => {
+              const [s, o, g] = m.detail.value, C = `${ye(s, o)} ${g}`;
               await i(C);
             };
-            return h`<cx-border-input-group value=${typeof t == "string" ? D0(t) : t} @cx-border-input-group-change=${g}></cx-border-input-group>`;
+            return h`<cx-border-input-group value=${typeof t == "string" ? D0(t) : t} @cx-border-input-group-change=${l}></cx-border-input-group>`;
           }
         ],
         [
           "button-group",
-          () => h`<cx-button-group class="config-form__button-group" value=${t ?? ""}>${M(
+          () => h`<cx-button-group class="config-form__button-group" value=${t ?? ""}>${N(
             d.options ?? [],
-            (g) => g.value,
-            (g) => {
+            (l) => l.value,
+            (l) => {
               const m = async () => {
-                await i(String(g.value));
+                await i(String(l.value));
               };
-              return h`<cx-button class=${I0({
-                "config-form__button-group--active": t === g.value
-              })} variant="default" outline value=${g.value} @click=${m}>${g.name}
-                        ${$(
-                g.icon,
-                () => h`<cx-icon name=${g.icon} size="small" variant="outlined"></cx-icon>`
+              return h`<cx-button class=${_0({
+                "config-form__button-group--active": t === l.value
+              })} variant="default" outline value=${l.value} @click=${m}>${l.name}
+                        ${v(
+                l.icon,
+                () => h`<cx-icon name=${l.icon} size="small" variant="outlined"></cx-icon>`
               )}</cx-button>`;
             }
           )}</cx-button-group>`
@@ -18338,51 +18339,51 @@ class r2 {
         [
           "checkbox",
           () => {
-            const g = async (s) => {
+            const l = async (s) => {
               let o = s.target.checked;
               s.target.checked && d.checkedValue !== void 0 ? o = d.checkedValue : d.uncheckedValue !== void 0 && !s.target.checked && (o = d.uncheckedValue), await i(o);
             }, m = d.checkedValue === void 0 ? t : t === d.checkedValue;
-            return h`<cx-checkbox ?checked=${m} ?disabled=${r ?? !1} @cx-change=${g}><cx-typography variant="body2" class="config-form__label">${d.label ?? ""}</cx-typography></cx-checkbox>`;
+            return h`<cx-checkbox ?checked=${m} ?disabled=${r ?? !1} @cx-change=${l}><cx-typography variant="body2" class="config-form__label">${d.label ?? ""}</cx-typography></cx-checkbox>`;
           }
         ],
         [
           "checkbox-group",
           () => {
-            const g = async (m) => {
-              const s = m.target, o = s.value, l = s.checked, C = t.split(" ").filter(Boolean);
+            const l = async (m) => {
+              const s = m.target, o = s.value, g = s.checked, C = t.split(" ").filter(Boolean);
               let x;
-              l ? x = Be([...C, o]) : x = C.filter((b) => b !== o), await i(x.join(" "));
+              g ? x = Be([...C, o]) : x = C.filter((b) => b !== o), await i(x.join(" "));
             };
-            return h`<cx-space class="config-form__checkbox-group" direction="vertical">${M(
+            return h`<cx-space class="config-form__checkbox-group" direction="vertical">${N(
               d.options ?? [],
               (m) => m.value,
               (m) => h`<cx-checkbox value=${m.value} ?checked=${t.includes(
                 m.value
-              )} ?disabled=${r ?? !1} @cx-change=${g}>${m.name}</cx-checkbox>`
+              )} ?disabled=${r ?? !1} @cx-change=${l}>${m.name}</cx-checkbox>`
             )}</cx-space>`;
           }
         ],
         [
           "corner-position-input-group",
           () => {
-            const { offsetX: g, offsetY: m } = d.cornerStyleKey || {
+            const { offsetX: l, offsetY: m } = d.cornerStyleKey || {
               offsetX: "--offset-x",
               offsetY: "--offset-y"
             }, s = async (o) => {
-              const { offsetX: l, offsetY: C, position: x } = o.detail;
+              const { offsetX: g, offsetY: C, position: x } = o.detail;
               await i({
-                offsetX: l,
+                offsetX: g,
                 offsetY: C,
                 position: x
               });
             };
-            return h`<cx-corner-position-input-group position=${t ?? ""} offset-x=${this.host.blockStyles[g] ?? "0px"} offset-y=${this.host.blockStyles[m] ?? "0px"} @cx-corner-position-input-group-change=${s}></cx-corner-position-input-group>`;
+            return h`<cx-corner-position-input-group position=${t ?? ""} offset-x=${this.host.blockStyles[l] ?? "0px"} offset-y=${this.host.blockStyles[m] ?? "0px"} @cx-corner-position-input-group-change=${s}></cx-corner-position-input-group>`;
           }
         ],
         [
           "download-format-picker",
           () => {
-            const g = async (C) => {
+            const l = async (C) => {
               await i(JSON.stringify(C.detail));
             }, m = async () => {
               await i(JSON.stringify({}));
@@ -18409,67 +18410,67 @@ class r2 {
               }
             else
               o = a[d.downloadFormatPickerConfigs?.assetIdsKey ?? ""]?.toString().split(" ") ?? [];
-            const l = d.pickerConfigs?.nameKey ?? "name";
-            return h`<cx-download-format-picker name=${a[l] ?? ""} .value=${s} .assetIds=${o} .prescribedDocTypes=${d.downloadFormatPickerConfigs?.prescribedDocTypes ?? []} ?required=${d.required ?? !1} ?disabled=${o.length === 0} @cx-download-format-select=${g} @cx-download-format-delete=${m} .onRequestDownloadFormat=${this.host.onRequestDownloadFormat}>${A}</cx-download-format-picker>`;
+            const g = d.pickerConfigs?.nameKey ?? "name";
+            return h`<cx-download-format-picker name=${a[g] ?? ""} .value=${s} .assetIds=${o} .prescribedDocTypes=${d.downloadFormatPickerConfigs?.prescribedDocTypes ?? []} ?required=${d.required ?? !1} ?disabled=${o.length === 0} @cx-download-format-select=${l} @cx-download-format-delete=${m} .onRequestDownloadFormat=${this.host.onRequestDownloadFormat}>${A}</cx-download-format-picker>`;
           }
         ],
         [
           "asset-format-picker",
           () => {
-            const g = async (b) => {
+            const l = async (b) => {
               await i(b.detail.format, b.detail.assetVersion, b.detail.assetSrc, b.detail.versionLabel);
-            }, m = t, s = a[d.assetFormatPickerConfigs?.assetVersionKey ?? ""] ?? _e.Latest, o = a[d.assetFormatPickerConfigs?.versionLabelKey ?? ""] || void 0, l = m ? { assetVersion: s, format: m, versionLabel: o } : void 0, C = a[d.assetFormatPickerConfigs?.assetIdKey ?? ""]?.toString() ?? "", x = d.pickerConfigs?.nameKey ?? "name";
-            return h`<cx-asset-format-picker name=${a[x] ?? ""} .value=${l} asset-id=${C} default-format=${d.assetFormatPickerConfigs?.defaultFormat ?? ""} ?required=${d.required ?? !1} @cx-asset-format-select=${g} .onRequestAssetFormat=${this.host.onRequestAssetFormat}>${A}</cx-asset-format-picker>`;
+            }, m = t, s = a[d.assetFormatPickerConfigs?.assetVersionKey ?? ""] ?? Ie.Latest, o = a[d.assetFormatPickerConfigs?.versionLabelKey ?? ""] || void 0, g = m ? { assetVersion: s, format: m, versionLabel: o } : void 0, C = a[d.assetFormatPickerConfigs?.assetIdKey ?? ""]?.toString() ?? "", x = d.pickerConfigs?.nameKey ?? "name";
+            return h`<cx-asset-format-picker name=${a[x] ?? ""} .value=${g} asset-id=${C} default-format=${d.assetFormatPickerConfigs?.defaultFormat ?? ""} ?required=${d.required ?? !1} @cx-asset-format-select=${l} .onRequestAssetFormat=${this.host.onRequestAssetFormat}>${A}</cx-asset-format-picker>`;
           }
         ],
         [
           "file",
           () => {
-            const g = d.accept, m = async (s) => {
+            const l = d.accept, m = async (s) => {
               const o = s.target.value;
               await i(o);
             };
-            return h`<cx-input type="file" accept=${g} button-only file-button-label=${this.localize.term("choose")} @cx-change=${m}></cx-input>`;
+            return h`<cx-input type="file" accept=${l} button-only file-button-label=${this.localize.term("choose")} @cx-change=${m}></cx-input>`;
           }
         ],
         [
           "folder-picker",
           () => {
-            const g = async (C) => {
+            const l = async (C) => {
               C.detail && await i(C.detail.id);
             }, m = async () => {
               await i("");
-            }, { useAllowedFolders: s, useFullPath: o, variant: l } = d.folderPickerConfigs ?? {};
-            return h`<cx-folder-picker value=${t} variant=${P(l)} .boundary=${this.host.boundary} .allowedFolders=${s ? this.host.allowedFolders : []} ?use-fullpath=${o} ?multiple=${d.multiple} @cx-content-builder-folder-change=${g} @cx-content-builder-folder-delete=${m}></cx-folder-picker>`;
+            }, { useAllowedFolders: s, useFullPath: o, variant: g } = d.folderPickerConfigs ?? {};
+            return h`<cx-folder-picker value=${t} variant=${P(g)} .boundary=${this.host.boundary} .allowedFolders=${s ? this.host.allowedFolders : []} ?use-fullpath=${o} ?multiple=${d.multiple} @cx-content-builder-folder-change=${l} @cx-content-builder-folder-delete=${m}></cx-folder-picker>`;
           }
         ],
         [
           "gallery-picker",
           () => {
-            const g = async (o) => {
+            const l = async (o) => {
               await i(o.detail.data);
             }, m = async (o) => {
               await i(o.detail.data, !0);
             }, s = a[d.galleryPickerConfigs?.manualFormatKey ?? ""] === !0 || a[d.galleryPickerConfigs?.manualFormatKey ?? ""] === "true";
-            return h`<cx-gallery-picker src=${a.src ?? ""} format=${a[d.galleryPickerConfigs?.formatKey ?? ""] ?? ""} ?manual-format=${s} source-variant=${a["source-variant"] ?? ""} dialog-variant=${d.galleryPickerConfigs?.dialog ?? U.Gallery} name=${c} value=${t ?? "[]"} variant=${a["card-type"] ?? "asset"} .boundary=${this.host.boundary} .onRequestAsset=${this.host.onRequestAsset} @cx-content-builder-gallery-change=${g} @cx-content-builder-gallery-fetched=${m}></cx-gallery-picker>`;
+            return h`<cx-gallery-picker src=${a.src ?? ""} format=${a[d.galleryPickerConfigs?.formatKey ?? ""] ?? ""} ?manual-format=${s} source-variant=${a["source-variant"] ?? ""} dialog-variant=${d.galleryPickerConfigs?.dialog ?? U.Gallery} name=${c} value=${t ?? "[]"} variant=${a["card-type"] ?? "asset"} .boundary=${this.host.boundary} .onRequestAsset=${this.host.onRequestAsset} @cx-content-builder-gallery-change=${l} @cx-content-builder-gallery-fetched=${m}></cx-gallery-picker>`;
           }
         ],
         [
           "group",
           () => {
-            const g = d.groupConfigs?.direction === "horizontal";
-            return h`<cx-space direction="vertical" spacing="small" wrap=${P(g ? "nowrap" : void 0)}>${this.renderBasicControls(d.children ?? [], d)}</cx-space>`;
+            const l = d.groupConfigs?.direction === "horizontal";
+            return h`<cx-space direction="vertical" spacing="small" wrap=${P(l ? "nowrap" : void 0)}>${this.renderBasicControls(d.children ?? [], d)}</cx-space>`;
           }
         ],
         [
           "image-picker",
           () => {
-            const g = async (o) => {
+            const l = async (o) => {
               if (Array.isArray(o.detail))
                 return;
-              const { id: l, src: C } = o.detail;
+              const { id: g, src: C } = o.detail;
               await i({
-                id: l,
+                id: g,
                 src: C
               });
             }, m = async () => {
@@ -18478,54 +18479,54 @@ class r2 {
                 src: ""
               });
             }, s = d.pickerConfigs?.recordIdKey ?? "record-id";
-            return h`<cx-asset-picker is-site-builder record-id=${P(t ? a[s] : void 0)} value=${t} type="image" restrict ?disabled=${r ?? !1} @cx-content-builder-asset-select=${g} @cx-content-builder-asset-delete=${m} .onRequestAsset=${this.host.onRequestAsset}>${A}</cx-asset-picker>`;
+            return h`<cx-asset-picker is-site-builder record-id=${P(t ? a[s] : void 0)} value=${t} type="image" restrict ?disabled=${r ?? !1} @cx-content-builder-asset-select=${l} @cx-content-builder-asset-delete=${m} .onRequestAsset=${this.host.onRequestAsset}>${A}</cx-asset-picker>`;
           }
         ],
         [
           "list-editor",
           () => {
-            const g = async (k) => {
+            const l = async (k) => {
               await i(k.detail.data);
             }, {
               addDialogLabel: m,
               addItemText: s,
               columns: o,
-              displayField: l,
+              displayField: g,
               editDialogLabel: C,
               noHeader: x,
               sampleItem: b
             } = d.listEditorConfigs ?? {};
-            return h`<cx-list-editor data=${t} default-language=${this.host.defaultLanguage} add-dialog-label=${m} add-item-text=${s} edit-dialog-label=${C} display-field=${l} can-add sortable ?no-header=${x} .boundary=${this.host.boundary} .columns=${o} .sampleItem=${b} .supportedLanguages=${this.host.sortedLanguages} .onRequestAsset=${this.host.onRequestAsset} @cx-list-editor-change=${g}></cx-list-editor>`;
+            return h`<cx-list-editor data=${t} default-language=${this.host.defaultLanguage} add-dialog-label=${m} add-item-text=${s} edit-dialog-label=${C} display-field=${g} can-add sortable ?no-header=${x} .boundary=${this.host.boundary} .columns=${o} .sampleItem=${b} .supportedLanguages=${this.host.sortedLanguages} .onRequestAsset=${this.host.onRequestAsset} @cx-list-editor-change=${l}></cx-list-editor>`;
           }
         ],
         [
           "dam-custom-toolbar-buttons",
           () => {
-            const g = async (s) => {
+            const l = async (s) => {
               await i(s.detail.data);
             }, { columns: m } = d.listEditorConfigs ?? {};
-            return h`<cx-dam-custom-toolbar-buttons-editor data=${t} .columns=${m ?? []} .boundary=${this.host.boundary} .onConfigureWorkflow=${this.host.onConfigureWorkflow} @cx-list-editor-change=${g}></cx-dam-custom-toolbar-buttons-editor>`;
+            return h`<cx-dam-custom-toolbar-buttons-editor data=${t} .columns=${m ?? []} .boundary=${this.host.boundary} .onConfigureWorkflow=${this.host.onConfigureWorkflow} @cx-list-editor-change=${l}></cx-dam-custom-toolbar-buttons-editor>`;
           }
         ],
         [
           "type-subtype-select",
           () => {
-            const { api: g, multiple: m } = d.typeSubtypeSelectConfigs, s = this.typeSubtypeOptionsCache.get(d.id);
-            return !s && !this.pendingTypeSubtypeOptionsFetches.has(d.id) && (this.pendingTypeSubtypeOptionsFetches.add(d.id), g().then((l) => {
-              this.typeSubtypeOptionsCache.set(d.id, l), this.host.requestUpdate();
+            const { api: l, multiple: m } = d.typeSubtypeSelectConfigs, s = this.typeSubtypeOptionsCache.get(d.id);
+            return !s && !this.pendingTypeSubtypeOptionsFetches.has(d.id) && (this.pendingTypeSubtypeOptionsFetches.add(d.id), l().then((g) => {
+              this.typeSubtypeOptionsCache.set(d.id, g), this.host.requestUpdate();
             }).catch(() => {
             }).finally(() => {
               this.pendingTypeSubtypeOptionsFetches.delete(d.id);
-            })), h`<cx-type-subtype-select value=${t ?? ""} .options=${s ?? []} ?multiple=${m ?? !1} @cx-change=${async (l) => {
-              await i(l.target.value);
+            })), h`<cx-type-subtype-select value=${t ?? ""} .options=${s ?? []} ?multiple=${m ?? !1} @cx-change=${async (g) => {
+              await i(g.target.value);
             }}></cx-type-subtype-select>`;
           }
         ],
         [
           "other-picker",
           () => {
-            const g = async (o) => {
-              const l = Array.isArray(o.detail) ? o.detail : [o.detail], C = l.map((I) => I.id).join(" "), x = l.map((I) => I.src).join(" "), b = l.map((I) => I.representative ?? "").join(" "), k = l.map((I) => I.name).join(", "), v = l.map((I) => I.type).join(" "), S = l.map((I) => I.extension ?? "").join(" "), p = l.map((I) => I.identifier ?? "").join(" ");
+            const l = async (o) => {
+              const g = Array.isArray(o.detail) ? o.detail : [o.detail], C = g.map((_) => _.id).join(" "), x = g.map((_) => _.src).join(" "), b = g.map((_) => _.representative ?? "").join(" "), k = g.map((_) => _.name).join(", "), E = g.map((_) => _.type).join(" "), S = g.map((_) => _.extension ?? "").join(" "), p = g.map((_) => _.identifier ?? "").join(" ");
               await i({
                 extension: S,
                 id: C,
@@ -18533,7 +18534,7 @@ class r2 {
                 name: k,
                 representative: b,
                 src: x,
-                type: v
+                type: E
               });
             }, m = async () => {
               await i({
@@ -18546,21 +18547,21 @@ class r2 {
                 type: ""
               });
             }, s = d.pickerConfigs?.recordIdKey ?? "record-id";
-            return h`<cx-asset-picker is-site-builder record-id=${P(t ? a[s] : void 0)} value=${t} type="other" name=${a[d.pickerConfigs?.nameKey ?? "name"] ?? ""} ?multiple=${d.pickerConfigs?.multiple ?? !1} ?required=${d.required ?? !1} .accepts=${d.pickerConfigs?.accepts ?? []} @cx-content-builder-asset-select=${g} @cx-content-builder-asset-delete=${m} .onRequestAsset=${this.host.onRequestAsset}>${A}</cx-asset-picker>`;
+            return h`<cx-asset-picker is-site-builder record-id=${P(t ? a[s] : void 0)} value=${t} type="other" name=${a[d.pickerConfigs?.nameKey ?? "name"] ?? ""} ?multiple=${d.pickerConfigs?.multiple ?? !1} ?required=${d.required ?? !1} .accepts=${d.pickerConfigs?.accepts ?? []} @cx-content-builder-asset-select=${l} @cx-content-builder-asset-delete=${m} .onRequestAsset=${this.host.onRequestAsset}>${A}</cx-asset-picker>`;
           }
         ],
         [
           "all-picker",
           () => {
-            const g = async (o) => {
-              const l = Array.isArray(o.detail) ? o.detail : [o.detail], C = l.map((p) => p.id).join(" "), x = l.map((p) => p.src).join(" "), b = l.map((p) => p.representative ?? "").join(" "), k = l.map((p) => p.name).join(", "), v = l.map((p) => p.type).join(" "), S = l.map((p) => p.extension ?? "").join(" ");
+            const l = async (o) => {
+              const g = Array.isArray(o.detail) ? o.detail : [o.detail], C = g.map((p) => p.id).join(" "), x = g.map((p) => p.src).join(" "), b = g.map((p) => p.representative ?? "").join(" "), k = g.map((p) => p.name).join(", "), E = g.map((p) => p.type).join(" "), S = g.map((p) => p.extension ?? "").join(" ");
               await i({
                 extension: S,
                 id: C,
                 name: k,
                 representative: b,
                 src: x,
-                type: v
+                type: E
               });
             }, m = async () => {
               await i({
@@ -18572,7 +18573,7 @@ class r2 {
                 type: ""
               });
             }, s = d.pickerConfigs?.recordIdKey ?? "record-id";
-            return h`<cx-asset-picker is-site-builder record-id=${P(t ? a[s] : void 0)} value=${t} type="all" name=${a[d.pickerConfigs?.nameKey ?? "name"] ?? ""} ?multiple=${d.pickerConfigs?.multiple ?? !1} ?required=${d.required ?? !1} .accepts=${d.pickerConfigs?.accepts ?? []} @cx-content-builder-asset-select=${g} @cx-content-builder-asset-delete=${m} .onRequestAsset=${this.host.onRequestAsset}>${A}</cx-asset-picker>`;
+            return h`<cx-asset-picker is-site-builder record-id=${P(t ? a[s] : void 0)} value=${t} type="all" name=${a[d.pickerConfigs?.nameKey ?? "name"] ?? ""} ?multiple=${d.pickerConfigs?.multiple ?? !1} ?required=${d.required ?? !1} .accepts=${d.pickerConfigs?.accepts ?? []} @cx-content-builder-asset-select=${l} @cx-content-builder-asset-delete=${m} .onRequestAsset=${this.host.onRequestAsset}>${A}</cx-asset-picker>`;
           }
         ],
         [
@@ -18585,7 +18586,7 @@ class r2 {
         [
           "page-picker",
           () => {
-            const g = async (s) => {
+            const l = async (s) => {
               s.detail && await i({
                 id: s.detail.id,
                 url: s.detail.url
@@ -18596,7 +18597,7 @@ class r2 {
                 url: ""
               });
             };
-            return h`<cx-page-picker value=${t} .boundary=${this.host.boundary} ?required=${d.required ?? !1} @cx-content-builder-page-change=${g} @cx-content-builder-page-delete=${m}></cx-page-picker>`;
+            return h`<cx-page-picker value=${t} .boundary=${this.host.boundary} ?required=${d.required ?? !1} @cx-content-builder-page-change=${l} @cx-content-builder-page-delete=${m}></cx-page-picker>`;
           }
         ],
         [
@@ -18610,15 +18611,15 @@ class r2 {
           "radio-card-group",
           () => h`<cx-radio-group name=${c} value=${t ?? ""} size="medium" items-per-row="3" horizontal @cx-change=${async (m) => {
             await i(m.target.value);
-          }}>${M(
+          }}>${N(
             d.options ?? [],
             (m) => m.value,
             (m) => h`<cx-radio-card value=${m.value} ?disabled=${m.disabled}>${m.name}
-                        ${$(
+                        ${v(
               m.children,
               () => h`<div slot="image" class="config-form__radio-card-image">${m.children}</div>`
             )}
-                        ${$(
+                        ${v(
               m.helpText,
               () => h`<cx-typography variant="small" class="config-form__help-text">${m.helpText}</cx-typography>`
             )}</cx-radio-card>`
@@ -18627,31 +18628,31 @@ class r2 {
         [
           "radio-group",
           () => {
-            const g = async (s) => {
+            const l = async (s) => {
               await i(s.target.value);
             };
             let m = d.radioGroupConfigs?.gap;
             return m || (m = d.radioGroupConfigs?.horizontal ? "var(--cx-spacing-medium)" : "var(--cx-spacing-x-small)"), h`<cx-radio-group name=${c} value=${t ?? ""} size="medium" ?horizontal=${d.radioGroupConfigs?.horizontal ?? !1} style=${De({
               "--radio-group-gap": m
-            })} @cx-change=${g}>${M(
+            })} @cx-change=${l}>${N(
               d.options ?? [],
               (s) => s.value,
-              (s) => h`<cx-radio value=${s.value} ?disabled=${s.disabled}><cx-typography variant="body2" class="config-form__label">${s.name}</cx-typography>${$(s.helpText, () => h`<cx-typography variant="small" class="config-form__help-text">${s.helpText}</cx-typography>`)}</cx-radio>`
+              (s) => h`<cx-radio value=${s.value} ?disabled=${s.disabled}><cx-typography variant="body2" class="config-form__label">${s.name}</cx-typography>${v(s.helpText, () => h`<cx-typography variant="small" class="config-form__help-text">${s.helpText}</cx-typography>`)}</cx-radio>`
             )}</cx-radio-group>`;
           }
         ],
         [
           "select",
           () => {
-            const g = async (o) => {
-              let l = o.target.value;
-              Array.isArray(l) ? l = l.join(" ") : l = String(l), await i(l);
+            const l = async (o) => {
+              let g = o.target.value;
+              Array.isArray(g) ? g = g.join(" ") : g = String(g), await i(g);
             }, m = d.selectConfigs?.fullWidthPopup ? n?.value : void 0, s = d.tableSelectConfigs?.columns ?? [];
-            return d.api ? h`<cx-dynamic-select auto-size-padding=${s.length > 0 ? 100 : 10} class="config-form__select" data-label=${d.label ?? ""} hoist label=${d.inputConfigs?.label ?? ""} max-options-visible="0" placement=${P(d.selectConfigs?.placement)} value=${t ?? ""} .api=${d.api} .columns=${s} .syncElement=${P(m)} ?auto-fallback-first-option=${d.selectConfigs?.autoFallbackFirstOption ?? !1} ?clearable=${d.clearable ?? !0} ?disabled=${r} ?free-width=${s.length > 0} ?multiple=${d.multiple ?? !1} ?required=${d.required ?? !1} ?use-search-term=${d.useSearchTerm ?? !1} @cx-change=${g}></cx-dynamic-select>` : h`<cx-select class="config-form__select" value=${t ?? ""} hoist label=${d.inputConfigs?.label ?? ""} ?clearable=${d.clearable ?? !0} ?disabled=${r} placement=${P(d.selectConfigs?.placement)} .syncElement=${P(m)} @cx-change=${g}>${M(
+            return d.api ? h`<cx-dynamic-select auto-size-padding=${s.length > 0 ? 100 : 10} class="config-form__select" data-label=${d.label ?? ""} hoist label=${d.inputConfigs?.label ?? ""} max-options-visible="0" placement=${P(d.selectConfigs?.placement)} value=${t ?? ""} .api=${d.api} .columns=${s} .syncElement=${P(m)} ?auto-fallback-first-option=${d.selectConfigs?.autoFallbackFirstOption ?? !1} ?clearable=${d.clearable ?? !0} ?disabled=${r} ?free-width=${s.length > 0} ?multiple=${d.multiple ?? !1} ?required=${d.required ?? !1} ?use-search-term=${d.useSearchTerm ?? !1} @cx-change=${l}></cx-dynamic-select>` : h`<cx-select class="config-form__select" value=${t ?? ""} hoist label=${d.inputConfigs?.label ?? ""} ?clearable=${d.clearable ?? !0} ?disabled=${r} placement=${P(d.selectConfigs?.placement)} .syncElement=${P(m)} @cx-change=${l}>${N(
               d.options ?? [],
               (o) => o.value,
-              (o) => h`<cx-option value=${o.value} show-check check-placement=${N1.Right}>${o.name}
-                        ${$(
+              (o) => h`<cx-option value=${o.value} show-check check-placement=${G1.Right}>${o.name}
+                        ${v(
                 o.helpText,
                 () => h`<cx-typography slot="help-text" variant="small">${o.helpText}</cx-typography>`
               )}</cx-option>`
@@ -18661,17 +18662,17 @@ class r2 {
         [
           "shadow-input-group",
           () => {
-            const g = async (m) => {
-              const [s, o, l, C, x, b] = m.detail.value, k = x || b, v = b || x, S = `${[s, o, l, C].join(" ")} ${ye(k, v)}`;
+            const l = async (m) => {
+              const [s, o, g, C, x, b] = m.detail.value, k = x || b, E = b || x, S = `${[s, o, g, C].join(" ")} ${ye(k, E)}`;
               await i(S);
             };
-            return h`<cx-shadow-input-group value=${typeof t == "string" ? F0(t) : t} @cx-shadow-input-group-change=${g}></cx-shadow-input-group>`;
+            return h`<cx-shadow-input-group value=${typeof t == "string" ? F0(t) : t} @cx-shadow-input-group-change=${l}></cx-shadow-input-group>`;
           }
         ],
         [
           "size-input-group",
           () => {
-            const g = async (m) => {
+            const l = async (m) => {
               const { keepRatio: s, value: o } = m.target;
               await i({
                 height: o[1],
@@ -18679,18 +18680,18 @@ class r2 {
                 width: o[0]
               });
             };
-            return h`<cx-size-input-group value=${t} ?use-mask=${d.sizeInputGroupConfigs?.useMask ?? !1} ?keep-ratio=${a["keep-ratio"] ?? !1} @cx-change=${g}></cx-size-input-group>`;
+            return h`<cx-size-input-group value=${t} ?use-mask=${d.sizeInputGroupConfigs?.useMask ?? !1} ?keep-ratio=${a["keep-ratio"] ?? !1} @cx-change=${l}></cx-size-input-group>`;
           }
         ],
         [
           "switch",
           () => {
-            const g = async (o) => {
+            const l = async (o) => {
               await i({
                 checked: o.target.checked,
                 value: o.target.value
               });
-            }, m = d.checkedValue === void 0 ? t : t === d.checkedValue, s = h`<cx-switch ?checked=${m} ?disabled=${r} value=${t ?? ""} @cx-change=${g}>${$(
+            }, m = d.checkedValue === void 0 ? t : t === d.checkedValue, s = h`<cx-switch ?checked=${m} ?disabled=${r} value=${t ?? ""} @cx-change=${l}>${v(
               d.inputConfigs?.label,
               () => d.inputConfigs?.label
             )}</cx-switch>`;
@@ -18700,16 +18701,16 @@ class r2 {
         [
           "audio-picker",
           () => {
-            const g = async (l) => {
-              if (Array.isArray(l.detail))
+            const l = async (g) => {
+              if (Array.isArray(g.detail))
                 return;
-              const { id: C, name: x, parentAssetID: b, representative: k, src: v } = l.detail;
+              const { id: C, name: x, parentAssetID: b, representative: k, src: E } = g.detail;
               await i({
                 id: C,
                 name: x,
                 parentAssetID: b,
                 representative: k,
-                src: v
+                src: E
               });
             }, m = async () => {
               await i({
@@ -18720,16 +18721,16 @@ class r2 {
                 src: ""
               });
             }, s = d.pickerConfigs?.recordIdKey ?? "record-id", o = d.pickerConfigs?.nameKey ?? "name";
-            return h`<cx-asset-picker is-site-builder record-id=${P(t ? a[s] : void 0)} name=${a[o] ?? ""} value=${t} type="audio" restrict ?disabled=${r ?? !1} @cx-content-builder-asset-select=${g} @cx-content-builder-asset-delete=${m} .onRequestAsset=${this.host.onRequestAsset}>${A}</cx-asset-picker>`;
+            return h`<cx-asset-picker is-site-builder record-id=${P(t ? a[s] : void 0)} name=${a[o] ?? ""} value=${t} type="audio" restrict ?disabled=${r ?? !1} @cx-content-builder-asset-select=${l} @cx-content-builder-asset-delete=${m} .onRequestAsset=${this.host.onRequestAsset}>${A}</cx-asset-picker>`;
           }
         ],
         [
           "video-picker",
           () => {
-            const g = async (l) => {
-              if (Array.isArray(l.detail))
+            const l = async (g) => {
+              if (Array.isArray(g.detail))
                 return;
-              const { id: C, name: x, src: b } = l.detail;
+              const { id: C, name: x, src: b } = g.detail;
               await i({
                 id: C,
                 name: x,
@@ -18741,38 +18742,38 @@ class r2 {
                 src: ""
               });
             }, s = d.pickerConfigs?.recordIdKey ?? "record-id", o = d.pickerConfigs?.nameKey ?? "name";
-            return h`<cx-asset-picker is-site-builder record-id=${P(t ? a[s] : void 0)} name=${a[o] ?? ""} value=${t} type="video" restrict ?disabled=${r ?? !1} @cx-content-builder-asset-select=${g} @cx-content-builder-asset-delete=${m} .onRequestAsset=${this.host.onRequestAsset}>${A}</cx-asset-picker>`;
+            return h`<cx-asset-picker is-site-builder record-id=${P(t ? a[s] : void 0)} name=${a[o] ?? ""} value=${t} type="video" restrict ?disabled=${r ?? !1} @cx-content-builder-asset-select=${l} @cx-content-builder-asset-delete=${m} .onRequestAsset=${this.host.onRequestAsset}>${A}</cx-asset-picker>`;
           }
         ],
         [
           "color-swatch-picker",
           () => {
-            const g = async (l) => {
-              const { args: C } = l.detail, x = C[0], b = x.getData(), k = x.getPosition();
-              let v = [];
+            const l = async (g) => {
+              const { args: C } = g.detail, x = C[0], b = x.getData(), k = x.getPosition();
+              let E = [];
               try {
-                v = JSON.parse(t) || [];
+                E = JSON.parse(t) || [];
               } catch {
-                v = [];
+                E = [];
               }
-              const S = v.filter(
+              const S = E.filter(
                 (p) => p.id !== b.id
               );
               k && (S.splice(k - 1, 0, b), await i(JSON.stringify(S)));
-            }, m = async (l) => {
-              const { args: C } = l.detail, b = C[0].getData();
+            }, m = async (g) => {
+              const { args: C } = g.detail, b = C[0].getData();
               let k = [];
               try {
                 k = JSON.parse(t) || [];
               } catch {
                 k = [];
               }
-              const v = k.filter(
+              const E = k.filter(
                 (S) => S.id !== b.id
               );
-              await i(JSON.stringify(v));
-            }, s = async (l) => {
-              const { detail: C } = l;
+              await i(JSON.stringify(E));
+            }, s = async (g) => {
+              const { detail: C } = g;
               if (!C)
                 return;
               let x = [];
@@ -18783,8 +18784,8 @@ class r2 {
               }
               const b = [...x, C];
               await i(JSON.stringify(b));
-            }, o = async (l) => {
-              const { detail: C } = l;
+            }, o = async (g) => {
+              const { detail: C } = g;
               if (!C)
                 return;
               let x = [];
@@ -18798,47 +18799,47 @@ class r2 {
               );
               await i(JSON.stringify(b));
             };
-            return h`<cx-color-swatch-picker data=${t} default-language=${this.host.defaultLanguage} .boundary=${this.host.boundary} .supportedLanguages=${this.host.sortedLanguages} ?disable-table-load=${!this.host.isAfterShow} @cx-color-swatch-picker-add=${s} @cx-color-swatch-picker-edit=${o} @cx-table.rowMoved=${g} @cx-table.rowDeleted=${m}></cx-color-swatch-picker>`;
+            return h`<cx-color-swatch-picker data=${t} default-language=${this.host.defaultLanguage} .boundary=${this.host.boundary} .supportedLanguages=${this.host.sortedLanguages} ?disable-table-load=${!this.host.isAfterShow} @cx-color-swatch-picker-add=${s} @cx-color-swatch-picker-edit=${o} @cx-table.rowMoved=${l} @cx-table.rowDeleted=${m}></cx-color-swatch-picker>`;
           }
         ],
         [
           "icon-picker",
           () => {
-            const g = async (m) => {
+            const l = async (m) => {
               const o = m.target.value;
               await i(o);
             };
-            return h`<cx-icon-picker value=${t} ?clearable=${d.clearable ?? !0} @cx-change=${g} .onRequestAsset=${this.host.onRequestAsset}></cx-icon-picker>`;
+            return h`<cx-icon-picker value=${t} ?clearable=${d.clearable ?? !0} @cx-change=${l} .onRequestAsset=${this.host.onRequestAsset}></cx-icon-picker>`;
           }
         ],
         [
           "font-picker",
           () => {
             const {
-              api: g,
+              api: l,
               familyKey: m,
               styleKey: s,
               weightKey: o
-            } = d.fontPickerConfigs, l = this.fontFamiliesCache.get(d.id), { familyValue: C, styleValue: x } = l ? g1({
+            } = d.fontPickerConfigs, g = this.fontFamiliesCache.get(d.id), { familyValue: C, styleValue: x } = g ? l1({
               blockAttributes: this.host.blockStyles,
               keys: {
                 familyKey: m,
                 styleKey: s,
                 weightKey: o
               },
-              typefaces: l
+              typefaces: g
             }) : {
               familyValue: String(
                 this.host.blockStyles[m] ?? n1
               ),
               styleValue: ""
             };
-            !l && !this.pendingFontFamilyFetches.has(d.id) && (this.pendingFontFamilyFetches.add(d.id), Promise.all([g(), this.apiGetTeamSpaceFontFamily()]).then(([k, v]) => {
+            !g && !this.pendingFontFamilyFetches.has(d.id) && (this.pendingFontFamilyFetches.add(d.id), Promise.all([l(), this.apiGetTeamSpaceFontFamily()]).then(([k, E]) => {
               this.fontFamiliesCache.set(
                 d.id,
                 C1(
                   k,
-                  v?.fontFamily ?? ""
+                  E?.fontFamily ?? ""
                 )
               ), this.host.requestUpdate();
             }).catch(() => {
@@ -18846,10 +18847,10 @@ class r2 {
               this.pendingFontFamilyFetches.delete(d.id);
             }));
             const b = async (k) => {
-              const v = k.target, S = this.fontFamiliesCache.get(d.id) ?? [], p = x1({
+              const E = k.target, S = this.fontFamiliesCache.get(d.id) ?? [], p = x1({
                 clearDefaultFamily: !0,
-                familyValue: v.familyValue,
-                styleValue: v.styleValue,
+                familyValue: E.familyValue,
+                styleValue: E.styleValue,
                 typefaces: S
               });
               await i({
@@ -18858,59 +18859,59 @@ class r2 {
                 weight: p.weight
               });
             };
-            return h`<cx-font-picker family-value=${C} style-value=${x} layout=${y1.Labeled} ?required=${d.required ?? !1} .fontTypefaces=${l ?? []} @cx-font-picker-change=${b}></cx-font-picker>`;
+            return h`<cx-font-picker family-value=${C} style-value=${x} layout=${y1.Labeled} ?required=${d.required ?? !1} .fontTypefaces=${g ?? []} @cx-font-picker-change=${b}></cx-font-picker>`;
           }
         ]
       ],
       () => {
-        const g = be(), m = be(), s = { unit: "%", value: "100" }, { unit: o, value: l } = typeof t == "string" ? S0(t) ?? s : s;
+        const l = be(), m = be(), s = { unit: "%", value: "100" }, { unit: o, value: g } = typeof t == "string" ? S0(t) ?? s : s;
         let C = t, x, b = d.maskBlocks, k = o;
-        const v = () => {
+        const E = () => {
           if (d.inputConfigs?.validation) {
             const p = d.inputConfigs?.validation(
               this.host.blockAttributes
             );
-            g.value?.setCustomValidity(p ?? "");
+            l.value?.setCustomValidity(p ?? "");
           }
         }, S = async (p) => {
-          let I = t;
+          let _ = t;
           if (p.target instanceof oe)
-            m.value ? I = `${p.target.value}${k}` : I = p.target.value;
+            m.value ? _ = `${p.target.value}${k}` : _ = p.target.value;
           else if (p.target instanceof Se) {
-            let X = p.currentTarget.value ?? "", Y = p.target.value;
-            k = Y;
+            let Y = p.currentTarget.value ?? "", X = p.target.value;
+            k = X;
             for (const re of d.inputConfigs?.suffix?.options ?? [])
               if (re.value === k && re.dataId) {
-                X = a[re.dataId] ?? C, Y = "";
+                Y = a[re.dataId] ?? C, X = "";
                 break;
               }
-            I = X ? `${X}${Y}` : "";
+            _ = Y ? `${Y}${X}` : "";
           }
-          await i(I);
+          await i(_);
           for (const J of d.inputConfigs?.suffix?.options ?? [])
             if (J.value === k && J.dataId) {
               await i({
                 dataId: J.dataId,
-                value: I
+                value: _
               });
               break;
             }
-          v();
+          E();
         };
         if (d.inputConfigs?.suffix?.type === "unit" && typeof t == "string") {
-          C = l ?? "";
+          C = g ?? "";
           for (const p of d.inputConfigs?.suffix?.options ?? [])
             if (p.value === k && p.maskBlocks) {
               b = p.maskBlocks;
               break;
             }
-          x = h`<cx-divider slot="suffix" class="config-form__input__divider-suffix" vertical></cx-divider><cx-select ${xe(m)} value=${k || d.inputConfigs?.suffix?.options[0].value} class="config-form__input__select-suffix" slot="suffix" placement="bottom-start" input-behavior="none" hoist>${M(
+          x = h`<cx-divider slot="suffix" class="config-form__input__divider-suffix" vertical></cx-divider><cx-select ${xe(m)} value=${k || d.inputConfigs?.suffix?.options[0].value} class="config-form__input__select-suffix" slot="suffix" placement="bottom-start" input-behavior="none" hoist>${N(
             d.inputConfigs?.suffix?.options ?? [],
             (p) => p.value,
             (p) => h`<cx-option value=${p.value}>${p.name}</cx-option>`
           )}</cx-select>`;
         }
-        return this.host.updateComplete.then(() => v()), h`<cx-input ${xe(g)} ?disabled=${r} ?required=${d.required ?? !1} label=${d.inputConfigs?.label ?? ""} value=${C} placeholder=${d.placeholder ?? ""} mask=${d.mask} .maskBlocks=${b} @cx-change=${S} type=${d.controlType}>${x}</cx-input>`;
+        return this.host.updateComplete.then(() => E()), h`<cx-input ${xe(l)} ?disabled=${r} ?required=${d.required ?? !1} label=${d.inputConfigs?.label ?? ""} value=${C} placeholder=${d.placeholder ?? ""} mask=${d.mask} .maskBlocks=${b} @cx-change=${S} type=${d.controlType}>${x}</cx-input>`;
       }
     )}
     `;
@@ -18926,13 +18927,13 @@ class r2 {
     const A = i.label;
     let d = "";
     typeof i.helpText == "function" ? d = i.helpText(this.host.blockAttributes) : i.helpText && (d = i.helpText);
-    let g;
+    let l;
     switch (i.controlType) {
       case "asset-transformation": {
-        g = async (m) => {
+        l = async (m) => {
           if (typeof m == "object" && m !== null) {
-            const { format: s, manualFormat: o, transformations: l } = m;
-            await this.handleConfigChange(r, JSON.stringify(l), c, i.callback);
+            const { format: s, manualFormat: o, transformations: g } = m;
+            await this.handleConfigChange(r, JSON.stringify(g), c, i.callback);
             const C = i.assetTransformationConfigs?.formatKey;
             C && await this.handleConfigChange(C, s, "attribute");
             const x = i.assetTransformationConfigs?.manualFormatKey;
@@ -18941,9 +18942,9 @@ class r2 {
               o,
               "attribute"
             );
-            const b = i.assetTransformationConfigs?.srcKey, k = i.assetTransformationConfigs?.assetIdKey ?? "", v = String(this.host.blockAttributes[k] ?? "");
-            if (b && v && s) {
-              const p = await this.resolveAssetFormatSrc(v, s);
+            const b = i.assetTransformationConfigs?.srcKey, k = i.assetTransformationConfigs?.assetIdKey ?? "", E = String(this.host.blockAttributes[k] ?? "");
+            if (b && E && s) {
+              const p = await this.resolveAssetFormatSrc(E, s);
               p && await this.handleConfigChange(b, p, "attribute");
             }
             const S = i.assetTransformationConfigs?.recordsKey;
@@ -18956,7 +18957,7 @@ class r2 {
               }
               p.length > 0 && await this.handleConfigChange(
                 S,
-                p.map((I) => ({ ...I, src: void 0 })),
+                p.map((_) => ({ ..._, src: void 0 })),
                 "attribute"
               );
             }
@@ -18969,9 +18970,9 @@ class r2 {
           offsetX: "--offset-x",
           offsetY: "--offset-y"
         };
-        g = async (o) => {
+        l = async (o) => {
           if (typeof o == "object" && o !== null) {
-            const { offsetX: l, offsetY: C, position: x } = o;
+            const { offsetX: g, offsetY: C, position: x } = o;
             await Promise.all([
               this.handleConfigChange(
                 r,
@@ -18981,7 +18982,7 @@ class r2 {
               ),
               this.handleConfigChange(
                 m,
-                l,
+                g,
                 "style",
                 i.callback
               ),
@@ -18997,27 +18998,27 @@ class r2 {
         break;
       }
       case "gallery-picker": {
-        g = async (m, ...s) => {
+        l = async (m, ...s) => {
           if (!Array.isArray(m))
             return;
           const o = typeof s[0] == "boolean" ? s[0] : !1;
           if (o)
             this.pendingGalleryPickerSaves.has(r) && (this.pendingGalleryPickerSaves.delete(r), await this.handleConfigChange(
               r,
-              m.map((l) => ({ ...l, src: void 0 })),
+              m.map((g) => ({ ...g, src: void 0 })),
               c,
               i.callback
             ));
           else if (m.length === 0)
             await this.handleConfigChange(r, m, c, i.callback);
           else {
-            let l = [];
+            let g = [];
             try {
-              l = JSON.parse(String(this.host.blockAttributes[r] ?? "[]"));
+              g = JSON.parse(String(this.host.blockAttributes[r] ?? "[]"));
             } catch {
-              l = [];
+              g = [];
             }
-            const C = new Set(l.map((k) => k.id));
+            const C = new Set(g.map((k) => k.id));
             m.map((k) => k.id).some((k) => !C.has(k)) ? this.pendingGalleryPickerSaves.add(r) : await this.handleConfigChange(r, m, c, i.callback);
           }
           if (i.galleryPickerConfigs?.transformationRecordIdKey && (!o || m.length > 0)) {
@@ -19039,19 +19040,19 @@ class r2 {
         break;
       }
       case "group": {
-        g = async () => {
+        l = async () => {
         };
         break;
       }
       case "image-picker": {
-        g = async (m) => {
+        l = async (m) => {
           if (typeof m == "object" && m !== null) {
-            const { id: s, src: o } = m, l = i.pickerConfigs?.recordIdKey ?? "record-id";
+            const { id: s, src: o } = m, g = i.pickerConfigs?.recordIdKey ?? "record-id";
             let C = i.callback;
             C && (C = (b) => i.callback({
               ...b,
               extraValue: {
-                [l]: s
+                [g]: s
               }
             }));
             const x = (b) => c === "style" && b ? `url("${b}")` : b;
@@ -19066,7 +19067,7 @@ class r2 {
       }
       case "list-editor":
       case "dam-custom-toolbar-buttons": {
-        g = async (m) => {
+        l = async (m) => {
           Array.isArray(m) && await this.handleConfigChange(
             r,
             m,
@@ -19077,9 +19078,9 @@ class r2 {
         break;
       }
       case "other-picker": {
-        g = async (m) => {
+        l = async (m) => {
           if (typeof m == "object" && m !== null) {
-            const { extension: s, id: o, identifier: l, name: C, representative: x, src: b, type: k } = m;
+            const { extension: s, id: o, identifier: g, name: C, representative: x, src: b, type: k } = m;
             if (o === "" && C === "" && b === "") {
               const S = i.callback ? (p) => i.callback({
                 ...p,
@@ -19088,30 +19089,30 @@ class r2 {
               await this.handleConfigChange(r, "", c, S);
               return;
             }
-            const v = i.callback ? (S) => i.callback({
+            const E = i.callback ? (S) => i.callback({
               ...S,
-              extraValue: { extension: s, id: o, identifier: l, name: C, representative: x, type: k }
+              extraValue: { extension: s, id: o, identifier: g, name: C, representative: x, type: k }
             }) : void 0;
-            await this.handleConfigChange(r, b, c, v);
+            await this.handleConfigChange(r, b, c, E);
           }
         };
         break;
       }
       case "all-picker": {
-        g = async (m) => {
+        l = async (m) => {
           if (typeof m == "object" && m !== null) {
-            const { extension: s, id: o, name: l, representative: C, src: x, type: b } = m;
-            if (o === "" && l === "" && x === "" && b === "") {
-              const v = i.callback ? (S) => i.callback({
+            const { extension: s, id: o, name: g, representative: C, src: x, type: b } = m;
+            if (o === "" && g === "" && x === "" && b === "") {
+              const E = i.callback ? (S) => i.callback({
                 ...S,
-                extraValue: { extension: s, id: o, name: l, representative: "", type: "" }
+                extraValue: { extension: s, id: o, name: g, representative: "", type: "" }
               }) : void 0;
-              await this.handleConfigChange(r, "", c, v);
+              await this.handleConfigChange(r, "", c, E);
               return;
             }
-            const k = i.callback ? (v) => i.callback({
-              ...v,
-              extraValue: { extension: s, id: o, name: l, representative: C, type: b }
+            const k = i.callback ? (E) => i.callback({
+              ...E,
+              extraValue: { extension: s, id: o, name: g, representative: C, type: b }
             }) : void 0;
             await this.handleConfigChange(r, x, c, k);
           }
@@ -19119,9 +19120,9 @@ class r2 {
         break;
       }
       case "page-picker": {
-        g = async (m) => {
+        l = async (m) => {
           if (typeof m == "object" && m !== null) {
-            const { id: s, url: o } = m, l = i.callback ? (C) => i.callback({
+            const { id: s, url: o } = m, g = i.callback ? (C) => i.callback({
               ...C,
               extraValue: {
                 "page-url": o
@@ -19131,19 +19132,19 @@ class r2 {
               r,
               s,
               c,
-              l
+              g
             );
           }
         };
         break;
       }
       case "size-input-group": {
-        g = async (m) => {
+        l = async (m) => {
           if (typeof m == "object" && m !== null) {
-            const { height: s, keepRatio: o, width: l } = m;
+            const { height: s, keepRatio: o, width: g } = m;
             await this.handleConfigChange(
               "width",
-              l,
+              g,
               c,
               i.callback
             ), await this.handleConfigChange(
@@ -19163,27 +19164,27 @@ class r2 {
       }
       case "audio-picker":
       case "video-picker": {
-        g = async (m) => {
+        l = async (m) => {
           if (typeof m == "object" && m !== null) {
-            const { id: s, name: o, parentAssetID: l, representative: C, src: x } = m, b = i.pickerConfigs?.recordIdKey ?? "record-id", k = i.pickerConfigs?.nameKey ?? "name", v = i.pickerConfigs?.representativeKey, S = i.pickerConfigs?.parentAssetIdKey;
+            const { id: s, name: o, parentAssetID: g, representative: C, src: x } = m, b = i.pickerConfigs?.recordIdKey ?? "record-id", k = i.pickerConfigs?.nameKey ?? "name", E = i.pickerConfigs?.representativeKey, S = i.pickerConfigs?.parentAssetIdKey;
             let p = i.callback;
-            if (p && (p = (I) => i.callback({
-              ...I,
+            if (p && (p = (_) => i.callback({
+              ..._,
               extraValue: {
                 [k]: o,
                 [b]: s,
-                ...v ? {
-                  [v]: C ?? ""
+                ...E ? {
+                  [E]: C ?? ""
                 } : {},
                 ...S ? {
-                  [S]: l ?? ""
+                  [S]: g ?? ""
                 } : {}
               }
             })), await this.handleConfigChange(r, x, c, p), s) {
-              const I = this.host.traits.find((Y) => Y.controlType === "asset-format-picker"), J = I?.assetFormatPickerConfigs?.formatSrcKey;
-              let X = "";
-              if (i.controlType === "audio-picker" ? X = "Web" : i.controlType === "video-picker" && (X = "WebHigh"), I && J) {
-                const Y = String(this.host.blockAttributes[I.id] ?? X), re = await this.resolveAssetFormatSrc(l || s, Y);
+              const _ = this.host.traits.find((X) => X.controlType === "asset-format-picker"), J = _?.assetFormatPickerConfigs?.formatSrcKey;
+              let Y = "";
+              if (i.controlType === "audio-picker" ? Y = "Web" : i.controlType === "video-picker" && (Y = "WebHigh"), _ && J) {
+                const X = String(this.host.blockAttributes[_.id] ?? Y), re = await this.resolveAssetFormatSrc(g || s, X);
                 re && await this.handleConfigChange(J, re, "attribute");
               }
             }
@@ -19192,7 +19193,7 @@ class r2 {
         break;
       }
       case "icon-picker": {
-        g = async (m) => {
+        l = async (m) => {
           if (typeof m == "object" && m !== null) {
             const { name: s, src: o } = m;
             await this.handleConfigChange(
@@ -19206,16 +19207,16 @@ class r2 {
         break;
       }
       case "font-picker": {
-        g = async (m) => {
+        l = async (m) => {
           if (typeof m == "object" && m !== null) {
-            const { family: s, style: o, weight: l } = m, C = i.fontPickerConfigs?.styleKey ?? "font-style", x = i.fontPickerConfigs?.weightKey;
+            const { family: s, style: o, weight: g } = m, C = i.fontPickerConfigs?.styleKey ?? "font-style", x = i.fontPickerConfigs?.weightKey;
             let b = i.callback;
             b && (b = (k) => i.callback({
               ...k,
               extraValue: {
                 [C]: o,
                 ...x ? {
-                  [x]: l ?? ""
+                  [x]: g ?? ""
                 } : {}
               }
             })), await this.handleConfigChange(r, s, c, b);
@@ -19224,24 +19225,24 @@ class r2 {
         break;
       }
       case "asset-format-picker": {
-        g = async (m, ...s) => {
+        l = async (m, ...s) => {
           if (typeof m == "string") {
-            const o = typeof s[0] == "string" ? s[0] : _e.Latest, l = typeof s[1] == "string" ? s[1] : "", C = typeof s[2] == "string" ? s[2] : "";
+            const o = typeof s[0] == "string" ? s[0] : Ie.Latest, g = typeof s[1] == "string" ? s[1] : "", C = typeof s[2] == "string" ? s[2] : "";
             await this.handleConfigChange(r, m, c, i.callback);
             const x = i.assetFormatPickerConfigs?.assetVersionKey, b = i.assetFormatPickerConfigs?.formatSrcKey, k = i.assetFormatPickerConfigs?.versionLabelKey;
-            x && await this.handleConfigChange(x, o, "attribute"), b && await this.handleConfigChange(b, l, "attribute"), k && await this.handleConfigChange(k, C, "attribute");
+            x && await this.handleConfigChange(x, o, "attribute"), b && await this.handleConfigChange(b, g, "attribute"), k && await this.handleConfigChange(k, C, "attribute");
           }
         };
         break;
       }
       case "switch": {
-        g = async (m) => {
+        l = async (m) => {
           if (typeof m == "object" && m !== null) {
             const { checked: s, value: o } = m;
-            let l;
-            c === "attribute" ? l = !!s : l = o, l && i.checkedValue !== void 0 ? l = i.checkedValue : !l && i.uncheckedValue !== void 0 && (l = i.uncheckedValue), c === "attribute" ? this.handleAttributeChange(r, l, i.callback) : await this.handleConfigChange(
+            let g;
+            c === "attribute" ? g = !!s : g = o, g && i.checkedValue !== void 0 ? g = i.checkedValue : !g && i.uncheckedValue !== void 0 && (g = i.uncheckedValue), c === "attribute" ? this.handleAttributeChange(r, g, i.callback) : await this.handleConfigChange(
               r,
-              l,
+              g,
               c,
               i.callback
             );
@@ -19250,7 +19251,7 @@ class r2 {
         break;
       }
       case "input": {
-        g = async (m) => {
+        l = async (m) => {
           if (typeof m == "string")
             await this.handleConfigChange(
               r,
@@ -19271,7 +19272,7 @@ class r2 {
         break;
       }
       default:
-        g = async (m) => {
+        l = async (m) => {
           (typeof m == "string" || typeof m == "boolean") && await this.handleConfigChange(
             r,
             m,
@@ -19285,7 +19286,7 @@ class r2 {
       container: a,
       currentValue: n,
       disabled: t,
-      handleChange: g,
+      handleChange: l,
       key: r,
       label: A,
       trait: {
@@ -19293,11 +19294,11 @@ class r2 {
         controlType: i.controlType ? i.controlType : "input"
       }
     })}
-        ${$(d, () => h`<cx-typography variant="body3" class="config-form__help-text">${d}</cx-typography>`)}</cx-space>`;
+        ${v(d, () => h`<cx-typography variant="body3" class="config-form__help-text">${d}</cx-typography>`)}</cx-space>`;
   }
   renderBasicControls(a, n, t) {
     const r = be(), i = h`
-      ${M(
+      ${N(
       a.filter((c) => {
         const A = !t || c.name && this.host.tabMap[c.name] === t || n?.name && this.host.tabMap[n.name] === t;
         let d = !1;
@@ -19307,11 +19308,11 @@ class r2 {
       (c) => {
         const A = c.id;
         let d = c.label;
-        const g = c.type ?? "attribute";
+        const l = c.type ?? "attribute";
         let m = !1;
         typeof c.disabled == "boolean" ? m = c.disabled : typeof c.disabled == "function" && (m = c.disabled(this.host.blockAttributes)), c.controlType === "checkbox" && (d = "");
         let s = "";
-        switch (g) {
+        switch (l) {
           case "style":
             this.host.blockStyles[A] !== void 0 && (typeof this.host.blockStyles[A] == "string" && this.host.blockStyles[A].includes("url(") ? s = this.host.blockStyles[A].replace(
               /url\(["']?(.*?)["']?\)/,
@@ -19325,7 +19326,7 @@ class r2 {
             this.host.blockProperties[A] !== void 0 && (s = this.host.blockProperties[A]);
             break;
         }
-        if (g === "decorative")
+        if (l === "decorative")
           return Fe(
             c.controlType,
             [
@@ -19341,23 +19342,23 @@ class r2 {
             () => h`<cx-typography variant="h5">${d}</cx-typography>`
           );
         if (n) {
-          const l = this.renderBasicControl({
+          const g = this.renderBasicControl({
             container: r,
             currentValue: s,
             disabled: m,
             key: A,
             trait: c,
-            type: g
+            type: l
           });
           if (n.controlType === "group" && n.groupConfigs?.direction === "horizontal") {
             let C = c.width;
             if (typeof c.width == "function" && (C = c.width(this.host.blockAttributes)), typeof C == "string" && (C = Number.parseInt(C)), C)
-              return h`<cx-grid-item xs=${C}>${l}</cx-grid-item>`;
+              return h`<cx-grid-item xs=${C}>${g}</cx-grid-item>`;
           }
-          return l;
+          return g;
         }
         const o = c.direction === "vertical" || c.groupConfigs?.direction === "horizontal" && d === void 0;
-        return h`<cx-grid columns="4" spacing="var(--cx-spacing-small)" column-spacing="0" use-flex-gap row-spacing=${c.direction === "vertical" ? "var(--cx-spacing-small)" : "0"} wrap="wrap">${$(
+        return h`<cx-grid columns="4" spacing="var(--cx-spacing-small)" column-spacing="0" use-flex-gap row-spacing=${c.direction === "vertical" ? "var(--cx-spacing-small)" : "0"} wrap="wrap">${v(
           c.direction === "horizontal" || d !== void 0,
           () => h`<cx-grid-item xs="4" sm=${c.direction === "vertical" ? "4" : "1"}><cx-typography variant="body2">${d}</cx-typography></cx-grid-item>`
         )}<cx-grid-item xs="4" sm=${o ? "4" : "3"}><cx-space direction="vertical" spacing="x-small" wrap="nowrap">${this.renderBasicControl({
@@ -19365,7 +19366,7 @@ class r2 {
           disabled: m,
           key: A,
           trait: c,
-          type: g
+          type: l
         })}</cx-space></cx-grid-item></cx-grid>`;
       }
     )}
@@ -19373,8 +19374,8 @@ class r2 {
     if (n) {
       const { controlType: c, groupConfigs: A } = n;
       if (c === "group" && A?.direction === "horizontal") {
-        const { columnGap: d, gap: g, rowGap: m, wrap: s } = A;
-        return h`<cx-grid columns="100" use-flex-gap spacing=${P(g)} column-spacing=${P(d)} row-spacing=${P(m)} wrap=${P(s)} ${xe(r)}>${i}</cx-grid>`;
+        const { columnGap: d, gap: l, rowGap: m, wrap: s } = A;
+        return h`<cx-grid columns="100" use-flex-gap spacing=${P(l)} column-spacing=${P(d)} row-spacing=${P(m)} wrap=${P(s)} ${xe(r)}>${i}</cx-grid>`;
       }
     }
     return h`<cx-space direction="vertical" wrap="nowrap">${i}</cx-space>`;
@@ -19382,24 +19383,24 @@ class r2 {
   renderTranslationControls() {
     const a = Be(
       this.host.translatableControls.map((t) => t.translateGroup)
-    ), n = h`${M(a, (t) => {
+    ), n = h`${N(a, (t) => {
       const r = this.host.translatableControls.filter((i) => {
         let c = !1;
         return (!this.host.skipShowCheck || !i.skipShowCheck) && (typeof i.show == "boolean" ? c = !i.show : typeof i.show == "function" && (c = !i.show(this.host.blockAttributes))), i.translateGroup === t && !c;
       });
-      return r.length === 0 ? ue : h`<cx-typography variant="h5">${t}</cx-typography>${M(
+      return r.length === 0 ? ue : h`<cx-typography variant="h5">${t}</cx-typography>${N(
         r,
         (i) => i.id,
         (i) => i.controlType === "info-text" ? this.renderInfoText(i) : h`<cx-grid columns="4" spacing="var(--cx-spacing-small)" column-spacing="0" use-flex-gap row-spacing="0" wrap="wrap"><cx-grid-item xs="4" sm="1"><cx-typography variant="body2">${i.label}</cx-typography></cx-grid-item><cx-grid-item xs="4" sm="3"><cx-space direction="vertical" spacing="x-small" wrap="nowrap">${e1(this.host.sortedLanguages, (c) => {
           const A = this.localize.languageName(c) || je.getName(c) || c;
           let d = "";
           i.id && (c === this.host.defaultLanguage ? d = this.host.blockAttributes[i.id] ?? "" : d = this.host.translatableControlValues[c]?.[i.id] ?? this.host.translatableControlValues[this.host.defaultLanguage]?.[i.id] ?? this.host.blockAttributes[i.id]);
-          let g;
+          let l;
           switch (i.controlType) {
             case "image-picker": {
-              g = async (m) => {
+              l = async (m) => {
                 if (typeof m == "object" && m !== null) {
-                  const { id: s, src: o } = m, l = i.pickerConfigs?.recordIdKey ?? "record-id";
+                  const { id: s, src: o } = m, g = i.pickerConfigs?.recordIdKey ?? "record-id";
                   this.host.emit("cx-content-builder-translatable-value-change", {
                     detail: {
                       language: c,
@@ -19408,7 +19409,7 @@ class r2 {
                         type: "attribute",
                         value: o
                       }, {
-                        attribute: l,
+                        attribute: g,
                         type: "attribute",
                         value: s
                       }]
@@ -19420,16 +19421,16 @@ class r2 {
             }
             case "audio-picker":
             case "video-picker": {
-              g = async (m) => {
+              l = async (m) => {
                 if (typeof m == "object" && m !== null) {
-                  const { id: s, name: o, src: l } = m, C = i.pickerConfigs?.recordIdKey ?? "record-id", x = i.pickerConfigs?.nameKey ?? "name";
+                  const { id: s, name: o, src: g } = m, C = i.pickerConfigs?.recordIdKey ?? "record-id", x = i.pickerConfigs?.nameKey ?? "name";
                   this.host.emit("cx-content-builder-translatable-value-change", {
                     detail: {
                       language: c,
                       values: [{
                         attribute: i.id,
                         type: "attribute",
-                        value: l
+                        value: g
                       }, {
                         attribute: C,
                         type: "attribute",
@@ -19446,7 +19447,7 @@ class r2 {
               break;
             }
             default:
-              g = async (m) => {
+              l = async (m) => {
                 typeof m == "string" && this.host.emit("cx-content-builder-translatable-value-change", {
                   detail: {
                     language: c,
@@ -19460,7 +19461,7 @@ class r2 {
               };
           }
           return h`
-                        ${$(
+                        ${v(
             i.controlType && i.controlType !== "input",
             () => h`<cx-typography variant="body3">${A}</cx-typography>`,
             () => ue
@@ -19473,7 +19474,7 @@ class r2 {
             container: void 0,
             currentValue: d,
             disabled: c.toLowerCase() === this.host.defaultLanguage.toLowerCase(),
-            handleChange: g,
+            handleChange: l,
             key: i.id,
             label: A,
             trait: {
@@ -19491,14 +19492,14 @@ class r2 {
     return h`<cx-space direction="vertical" wrap="nowrap">${n}</cx-space>`;
   }
 }
-var n2 = Object.defineProperty, m2 = Object.getOwnPropertyDescriptor, D = (e, a, n, t) => {
+var n2 = Object.defineProperty, m2 = Object.getOwnPropertyDescriptor, B = (e, a, n, t) => {
   for (var r = t > 1 ? void 0 : t ? m2(a, n) : a, i = e.length - 1, c; i >= 0; i--)
     (c = e[i]) && (r = (t ? c(a, n, r) : c(r)) || r);
   return t && r && n2(a, n, r), r;
 };
 let f = class extends ee {
   constructor() {
-    super(...arguments), this.localize = new W(this), this.configFormController = new r2(this), this.loading = !1, this.mode = ge.Template, this.adhocProperties = [], this.templateName = "", this.templateId = "", this.supportedLanguages = ["en"], this.translatableControlValues = {}, this.defaultLanguage = "en", this.boundary = document.body, this.baseUrl = "", this.token = "", this.onRequestAsset = void 0, this.onRequestDownloadFormat = void 0, this.onRequestAssetFormat = void 0, this.onConfigureWorkflow = void 0, this.blockAttributes = {}, this.blockProperties = {}, this.blockStyles = {}, this.traits = [], this.translatableControls = [], this.blockName = "", this.name = "", this.description = "", this.showTemplateTab = !1, this.dialogTitle = "", this.skipShowCheck = !1, this.enableAssetFormatControls = !1, this.allowedFolders = [], this.isEditingTemplateSettings = !1, this.disableCloseConfigDialog = !1, this.isAfterShow = !1, this.sortedLanguages = [], this.formKey = 0;
+    super(...arguments), this.localize = new W(this), this.configFormController = new r2(this), this.loading = !1, this.mode = le.Template, this.adhocProperties = [], this.templateName = "", this.templateId = "", this.supportedLanguages = ["en"], this.translatableControlValues = {}, this.defaultLanguage = "en", this.boundary = document.body, this.baseUrl = "", this.token = "", this.onRequestAsset = void 0, this.onRequestDownloadFormat = void 0, this.onRequestAssetFormat = void 0, this.onConfigureWorkflow = void 0, this.blockAttributes = {}, this.blockProperties = {}, this.blockStyles = {}, this.traits = [], this.translatableControls = [], this.blockName = "", this.name = "", this.description = "", this.showTemplateTab = !1, this.dialogTitle = "", this.skipShowCheck = !1, this.enableAssetFormatControls = !1, this.allowedFolders = [], this.isEditingTemplateSettings = !1, this.disableCloseConfigDialog = !1, this.isAfterShow = !1, this.sortedLanguages = [], this.formKey = 0;
   }
   /**
    * Whether the template is editable.
@@ -19508,7 +19509,7 @@ let f = class extends ee {
    * @default true
    */
   get isTemplateEditable() {
-    return this.mode === ge.Template;
+    return this.mode === le.Template;
   }
   /**
    * Returns the list of tabs available in the configuration manager.
@@ -19539,7 +19540,7 @@ let f = class extends ee {
    * @return {Record<string, string>} A record mapping trait IDs to tab names.
    */
   get tabMap() {
-    const e = this.traits.map((c) => c.name).filter(Boolean), a = q0(e, this.adhocProperties), n = this.traits.filter(
+    const e = this.traits.map((c) => c.name).filter(Boolean), a = L0(e, this.adhocProperties), n = this.traits.filter(
       (c) => c.tab === "sidePanels"
       /* SidePanels */
     ).map((c) => c.name).filter(Boolean), t = this.traits.filter(
@@ -19632,31 +19633,31 @@ let f = class extends ee {
     return h`<cx-space direction="vertical" spacing="medium" wrap="nowrap"><cx-typography variant="body2">${this.localize.term("contentBuilderBlockSettingsHelpText")}</cx-typography><cx-grid columns="3" use-flex-gap spacing="var(--cx-spacing-small)" column-spacing="0" wrap="nowrap"><cx-grid-item xs="3" sm="1"><cx-typography variant="body2">${this.localize.term("templateName")}</cx-typography></cx-grid-item><cx-grid-item xs="3" sm="2"><cx-input name="name" value=${this.name ?? ""} can-show-length maxlength="200" required @cx-change=${this.handleNameInputChange} type="text"></cx-input></cx-grid-item></cx-grid><cx-grid columns="3" use-flex-gap spacing="var(--cx-spacing-small)" column-spacing="0" wrap="nowrap"><cx-grid-item xs="3" sm="1"><cx-typography variant="body2">${this.localize.term("description")}</cx-typography></cx-grid-item><cx-grid-item xs="3" sm="2"><cx-textarea name="description" value=${this.description ?? ""} can-show-length maxlength="200" resize="none" @cx-change=${this.handleDescriptionInputChange} type="text"></cx-textarea></cx-grid-item></cx-grid></cx-space>`;
   }
   render() {
-    return h`<cx-dialog class="config-form" use-overlay-scrollbar divider-position=${fe.Footer} .boundary=${this.boundary} @cx-after-show=${this.handleAfterShow} @cx-after-hide=${this.handleAfterHide} @cx-request-close=${this.handleRequestClose} @cx-asset-request-status=${this.handleAssetRequestStatus}><cx-space slot="label" direction="vertical" spacing="2x-small"><cx-typography variant="h4">${$(
+    return h`<cx-dialog class="config-form" use-overlay-scrollbar divider-position=${fe.Footer} .boundary=${this.boundary} @cx-after-show=${this.handleAfterShow} @cx-after-hide=${this.handleAfterHide} @cx-request-close=${this.handleRequestClose} @cx-asset-request-status=${this.handleAssetRequestStatus}><cx-space slot="label" direction="vertical" spacing="2x-small"><cx-typography variant="h4">${v(
       this.dialogTitle,
       () => h`<cx-line-clamp lines="1">${this.dialogTitle}</cx-line-clamp>`,
       () => h`${this.localize.term(
         "settingsTitle",
         this.blockName
       )}`
-    )}</cx-typography>${$(
+    )}</cx-typography>${v(
       this.templateName,
       () => h`<cx-typography variant="body3"><cx-line-clamp lines="1">${this.templateName}</cx-line-clamp></cx-typography>`
     )}</cx-space>${h0(
       this.formKey,
-      h`<form id="config-form" @submit=${this.handleFormSubmit}>${z0($(
+      h`<form id="config-form" @submit=${this.handleFormSubmit}>${z0(v(
         this.isEditingTemplateSettings,
-        () => $(
+        () => v(
           this.isTemplateEditable,
           () => h`<cx-tab-group class="config-form__tab-group" placement="top"><cx-tab slot="nav" panel="template" active>${this.localize.term("template")}</cx-tab><cx-tab-panel name="template" active><cx-space direction="vertical" spacing="x-small" wrap="nowrap">${this.renderTemplateForm()}</cx-space></cx-tab-panel></cx-tab-group>`
         ),
-        () => $(
+        () => v(
           !y0(this.traits) && this.tabs.length >= 1,
-          () => h`<cx-tab-group class="config-form__tab-group" placement="top">${$(
+          () => h`<cx-tab-group class="config-form__tab-group" placement="top">${v(
             this.showTemplateTab,
             () => h`<cx-tab slot="nav" panel="template" active>${this.localize.term("template")}</cx-tab><cx-tab-panel name="template" active><cx-space direction="vertical" spacing="x-small" wrap="nowrap">${this.renderTemplateForm()}</cx-space></cx-tab-panel>`
           )}
-                    ${M(
+                    ${N(
             this.tabs.filter(
               (e) => !this.showTemplateTab || e === "appearance" || e === "effects" || e === "sidePanels" || e === "styling"
               /* Styling */
@@ -19664,16 +19665,16 @@ let f = class extends ee {
             (e) => e,
             (e, a) => h`<cx-tab slot="nav" panel=${e} ?active=${!this.showTemplateTab && a === 0}>${this.localize.term(e)}</cx-tab><cx-tab-panel name=${e} ?active=${!this.showTemplateTab && a === 0}><cx-space direction="vertical" spacing="x-small" wrap="nowrap">${this.configFormController.renderBasicControls(this.traits, void 0, e)}</cx-space></cx-tab-panel>`
           )}
-                    ${$(
+                    ${v(
             this.translatableControls.length > 0,
             () => h`<cx-tab slot="nav" panel="Translation">${this.localize.term("translation")}</cx-tab><cx-tab-panel name="Translation"><cx-space direction="vertical" spacing="x-small" wrap="nowrap">${this.configFormController.renderTranslationControls()}</cx-space></cx-tab-panel>`
           )}</cx-tab-group>`,
           () => h`<cx-space direction="vertical" spacing="x-small" wrap="nowrap">${this.configFormController.renderBasicControls(this.traits, void 0, this.tabs[0])}</cx-space>`
         )
       ))}</form>`
-    )}<cx-space slot="footer" spacing="x-small" wrap="nowrap" justify-content="end"><cx-button variant="default" size="medium" @click=${this.handleCancelClick}>${this.localize.term("cancel")}</cx-button><cx-button-group><cx-button type="submit" variant="primary" size="medium" ?loading=${this.loading} @click=${this.handleSaveClick}>${this.localize.term("save")}</cx-button>${$(
+    )}<cx-space slot="footer" spacing="x-small" wrap="nowrap" justify-content="end"><cx-button variant="default" size="medium" @click=${this.handleCancelClick}>${this.localize.term("cancel")}</cx-button><cx-button-group><cx-button type="submit" variant="primary" size="medium" ?loading=${this.loading} @click=${this.handleSaveClick}>${this.localize.term("save")}</cx-button>${v(
       this.isTemplateEditable && !this.isEditingTemplateSettings && !this.showTemplateTab,
-      () => h`<cx-dropdown class="config-form__dropdown" placement="bottom-end" hoist @cx-select=${this.handleDropdownSelect}><cx-button slot="trigger" type="submit" variant="primary" caret><cx-visually-hidden>${this.localize.term("moreOptions")}</cx-visually-hidden></cx-button><cx-menu class="config-form__dropdown-menu"><cx-menu-item value="save-as-new-template"><cx-button type="submit" variant="text">${this.localize.term("saveAsNewTemplate")}</cx-button></cx-menu-item>${$(
+      () => h`<cx-dropdown class="config-form__dropdown" placement="bottom-end" hoist @cx-select=${this.handleDropdownSelect}><cx-button slot="trigger" type="submit" variant="primary" caret><cx-visually-hidden>${this.localize.term("moreOptions")}</cx-visually-hidden></cx-button><cx-menu class="config-form__dropdown-menu"><cx-menu-item value="save-as-new-template"><cx-button type="submit" variant="text">${this.localize.term("saveAsNewTemplate")}</cx-button></cx-menu-item>${v(
         this.templateId,
         () => h`<cx-menu-item value="detach-template"><cx-button type="submit" variant="text">${this.localize.term("detachTemplate")}</cx-button></cx-menu-item>`
       )}</cx-menu></cx-dropdown>`
@@ -19687,38 +19688,38 @@ f.dependencies = {
   "cx-asset-format-picker": F1,
   "cx-asset-picker": Ve,
   "cx-asset-transformation-dialog": D1,
-  "cx-bicolor-picker": Y1,
+  "cx-bicolor-picker": X1,
   "cx-border-input-group": Q1,
   "cx-button": ce,
-  "cx-button-group": I1,
-  "cx-card": _1,
+  "cx-button-group": _1,
+  "cx-card": I1,
   "cx-checkbox": Ue,
-  "cx-color-swatch-picker": _,
+  "cx-color-swatch-picker": I,
   "cx-confirm-popover": Z1,
   "cx-corner-position-input-group": a0,
   "cx-dam-custom-toolbar-buttons-editor": B1,
   "cx-dialog": se,
   "cx-divider": Je,
   "cx-download-format-picker": A1,
-  "cx-dropdown": q1,
+  "cx-dropdown": L1,
   "cx-dynamic-select": Ze,
   "cx-folder-picker": T,
   "cx-font-picker": f1,
-  "cx-gallery-picker": E,
+  "cx-gallery-picker": D,
   "cx-grid": $e,
   "cx-grid-item": we,
-  "cx-icon": L1,
+  "cx-icon": q1,
   "cx-icon-picker": u1,
   "cx-input": oe,
   "cx-line-clamp": O1,
   "cx-list-editor": p1,
-  "cx-menu": G1,
-  "cx-menu-item": M1,
-  "cx-option": Xe,
+  "cx-menu": M1,
+  "cx-menu-item": N1,
+  "cx-option": Ye,
   "cx-padding-input-group": i0,
   "cx-page-picker": K,
   "cx-position-picker": t0,
-  "cx-radio": Ye,
+  "cx-radio": Xe,
   "cx-radio-card": K1,
   "cx-radio-group": Qe,
   "cx-select": Se,
@@ -19733,36 +19734,36 @@ f.dependencies = {
   "cx-tooltip": J1,
   "cx-type-subtype-select": k1,
   "cx-typography": Z,
-  "cx-visually-hidden": X1
+  "cx-visually-hidden": Y1
 };
-D([
-  G(".config-form")
+B([
+  M(".config-form")
 ], f.prototype, "dialog", 2);
-D([
-  G("#config-form")
+B([
+  M("#config-form")
 ], f.prototype, "form", 2);
-D([
-  G("cx-confirm-popover")
+B([
+  M("cx-confirm-popover")
 ], f.prototype, "confirmPopover", 2);
-D([
-  G(".config-form__tab-group")
+B([
+  M(".config-form__tab-group")
 ], f.prototype, "tabGroup", 2);
-D([
+B([
   y({ reflect: !0, type: Boolean })
 ], f.prototype, "loading", 2);
-D([
+B([
   y({ reflect: !0, type: String })
 ], f.prototype, "mode", 2);
-D([
+B([
   y({ attribute: "adhoc-properties", type: Array })
 ], f.prototype, "adhocProperties", 2);
-D([
+B([
   y({ attribute: "template-name", reflect: !1, type: String })
 ], f.prototype, "templateName", 2);
-D([
+B([
   y({ attribute: "template-id", reflect: !1, type: String })
 ], f.prototype, "templateId", 2);
-D([
+B([
   y({
     attribute: "supported-languages",
     converter: {
@@ -19773,106 +19774,106 @@ D([
     type: Array
   })
 ], f.prototype, "supportedLanguages", 2);
-D([
+B([
   y({ attribute: "translatable-control-values", type: Object })
 ], f.prototype, "translatableControlValues", 2);
-D([
+B([
   y({ attribute: "default-language", reflect: !0, type: String })
 ], f.prototype, "defaultLanguage", 2);
-D([
+B([
   y({ type: Object })
 ], f.prototype, "boundary", 2);
-D([
+B([
   y({ attribute: "base-url", type: String })
 ], f.prototype, "baseUrl", 2);
-D([
+B([
   y({ attribute: "token", type: String })
 ], f.prototype, "token", 2);
-D([
+B([
   y({ attribute: "on-request-asset", type: Function })
 ], f.prototype, "onRequestAsset", 2);
-D([
+B([
   y({ attribute: "on-request-download-format", type: Function })
 ], f.prototype, "onRequestDownloadFormat", 2);
-D([
+B([
   y({ attribute: "on-request-asset-format", type: Function })
 ], f.prototype, "onRequestAssetFormat", 2);
-D([
+B([
   y({ attribute: "on-configure-workflow", type: Function })
 ], f.prototype, "onConfigureWorkflow", 2);
-D([
+B([
   y({ attribute: "block-attributes", reflect: !1, type: Object })
 ], f.prototype, "blockAttributes", 2);
-D([
+B([
   y({ attribute: "block-properties", reflect: !1, type: Object })
 ], f.prototype, "blockProperties", 2);
-D([
+B([
   y({ attribute: "block-styles", reflect: !1, type: Object })
 ], f.prototype, "blockStyles", 2);
-D([
+B([
   y({ attribute: "traits", reflect: !1, type: Object })
 ], f.prototype, "traits", 2);
-D([
+B([
   y({ attribute: "translatable-controls", reflect: !1, type: Array })
 ], f.prototype, "translatableControls", 2);
-D([
+B([
   y({ attribute: "block-name", reflect: !0, type: String })
 ], f.prototype, "blockName", 2);
-D([
+B([
   y({ reflect: !1, type: String })
 ], f.prototype, "name", 2);
-D([
+B([
   y({ reflect: !1, type: String })
 ], f.prototype, "description", 2);
-D([
+B([
   y({ attribute: "show-template-tab", reflect: !0, type: Boolean })
 ], f.prototype, "showTemplateTab", 2);
-D([
+B([
   y({ attribute: "dialog-title", reflect: !0, type: String })
 ], f.prototype, "dialogTitle", 2);
-D([
+B([
   y({ attribute: "skip-show-check", reflect: !0, type: Boolean })
 ], f.prototype, "skipShowCheck", 2);
-D([
+B([
   y({ attribute: "enable-asset-format-controls", reflect: !0, type: Boolean })
 ], f.prototype, "enableAssetFormatControls", 2);
-D([
+B([
   y({
     attribute: "allowed-folders",
     converter: ve,
     type: Array
   })
 ], f.prototype, "allowedFolders", 2);
-D([
+B([
   u()
 ], f.prototype, "isEditingTemplateSettings", 2);
-D([
+B([
   u()
 ], f.prototype, "disableCloseConfigDialog", 2);
-D([
+B([
   u()
 ], f.prototype, "isAfterShow", 2);
-D([
+B([
   u()
 ], f.prototype, "sortedLanguages", 2);
-D([
+B([
   u()
 ], f.prototype, "formKey", 2);
-D([
+B([
   O("supportedLanguages")
 ], f.prototype, "handleSupportedLanguagesChange", 1);
-f = D([
+f = B([
   ie("cx-config-form")
 ], f);
 const c2 = te`:host{display:block}.confirm-popover__footer{--color:var(--cx-color-danger)}.confirm-popover__footer::part(base){margin-top:var(--cx-spacing-small);display:block}`;
-var d2 = Object.defineProperty, s2 = Object.getOwnPropertyDescriptor, F = (e, a, n, t) => {
+var d2 = Object.defineProperty, s2 = Object.getOwnPropertyDescriptor, $ = (e, a, n, t) => {
   for (var r = t > 1 ? void 0 : t ? s2(a, n) : a, i = e.length - 1, c; i >= 0; i--)
     (c = e[i]) && (r = (t ? c(a, n, r) : c(r)) || r);
   return t && r && d2(a, n, r), r;
 };
-let B = class extends ee {
+let F = class extends ee {
   constructor() {
-    super(), this.localize = new W(this), this.configsController = new E1(this.localize), this.component = null, this.loading = !1, this.mode = ge.Template, this.enableAssetFormatControls = !1, this.enableFontFamilyControls = !1, this.defaultImageFormat = "TRX", this.defaultVideoPosterFormat = "TRX", this.defaultGalleryFormat = "TRX", this.defaultCarouselFormat = "TRX", this.defaultTimelineFormat = "TRX", this.allowedFolders = [], this.adhocProperties = [], this.templateName = "", this.templateId = "", this.supportedLanguages = ["en-us"], this.defaultLanguage = "en-us", this.translatableControlValues = [], this.boundary = document.body, this.onRequestAsset = void 0, this.onRequestDownloadFormat = void 0, this.onRequestAssetFormat = void 0, this.onConfigureWorkflow = void 0, this.blockAttributes = {}, this.blockProperties = {}, this.blockStyles = {}, this.traits = [], this.blockType = "", this.blockName = "", this.name = "", this.description = "", this.tab = "", this.isEditingTemplateSettings = !1, this.translatableControlValuesMap = {}, this.translatableControls = [], this.handleSave = this.handleSave.bind(this);
+    super(), this.localize = new W(this), this.configsController = new E1(this.localize), this.component = null, this.loading = !1, this.mode = le.Template, this.enableAssetFormatControls = !1, this.enableFontFamilyControls = !1, this.allowedFolders = [], this.adhocProperties = [], this.templateName = "", this.templateId = "", this.supportedLanguages = ["en-us"], this.defaultLanguage = "en-us", this.translatableControlValues = [], this.boundary = document.body, this.onRequestAsset = void 0, this.onRequestDownloadFormat = void 0, this.onRequestAssetFormat = void 0, this.onConfigureWorkflow = void 0, this.blockAttributes = {}, this.blockProperties = {}, this.blockStyles = {}, this.traits = [], this.blockType = "", this.blockName = "", this.name = "", this.description = "", this.tab = "", this.isEditingTemplateSettings = !1, this.translatableControlValuesMap = {}, this.translatableControls = [], this.handleSave = this.handleSave.bind(this);
   }
   /**
    * Whether the template is editable.
@@ -19882,7 +19883,7 @@ let B = class extends ee {
    * @default true
    */
   get isTemplateEditable() {
-    return this.mode === ge.Template;
+    return this.mode === le.Template;
   }
   getFlattenTraits(e, a, n = !1) {
     return e.reduce(
@@ -19916,11 +19917,6 @@ let B = class extends ee {
       return;
     this.translatableControlValuesMap = {}, await this.updateComplete;
     const e = this.component.get("type"), a = this.configsController.getConfigs(e, {
-      defaultCarouselFormat: this.defaultCarouselFormat,
-      defaultGalleryFormat: this.defaultGalleryFormat,
-      defaultImageFormat: this.defaultImageFormat,
-      defaultTimelineFormat: this.defaultTimelineFormat,
-      defaultVideoPosterFormat: this.defaultVideoPosterFormat,
       enableAssetFormatControls: this.enableAssetFormatControls,
       enableFontFamilyControls: this.enableFontFamilyControls
     });
@@ -19984,85 +19980,54 @@ let B = class extends ee {
     return h`<cx-config-form block-name=${this.blockName} default-language=${this.defaultLanguage} description=${this.description} name=${this.name} mode=${this.mode} template-name=${this.templateName} template-id=${this.templateId} ?enable-asset-format-controls=${this.enableAssetFormatControls} ?enable-font-family-controls=${this.enableFontFamilyControls} ?loading=${this.loading} .allowedFolders=${this.allowedFolders} .adhocProperties=${this.adhocProperties} .blockAttributes=${this.blockAttributes} .blockProperties=${this.blockProperties} .blockStyles=${this.blockStyles} .boundary=${this.boundary} .supportedLanguages=${this.supportedLanguages} .translatableControls=${this.translatableControls} .translatableControlValues=${this.translatableControlValuesMap} .traits=${this.traits} .onRequestAsset=${this.onRequestAsset} .onRequestDownloadFormat=${this.onRequestDownloadFormat} .onConfigureWorkflow=${this.onConfigureWorkflow} .onRequestAssetFormat=${this.onRequestAssetFormat} @cx-content-builder-translatable-value-change=${this.handleTranslatableValueChange} @cx-content-builder-form-change=${this.handleChange} @cx-content-builder-form-field-change=${this.handleFieldChange} @cx-content-builder-form-save=${this.handleSave}></cx-config-form>`;
   }
 };
-B.styles = [ae, c2];
-B.dependencies = {
+F.styles = [ae, c2];
+F.dependencies = {
   "cx-config-form": f,
   "cx-typography": Z
 };
-F([
-  G("cx-config-form")
-], B.prototype, "dialog", 2);
-F([
+$([
+  M("cx-config-form")
+], F.prototype, "dialog", 2);
+$([
   y({ reflect: !1, type: Object })
-], B.prototype, "component", 2);
-F([
+], F.prototype, "component", 2);
+$([
   y({ reflect: !0, type: Boolean })
-], B.prototype, "loading", 2);
-F([
+], F.prototype, "loading", 2);
+$([
   y({ reflect: !0, type: String })
-], B.prototype, "mode", 2);
-F([
+], F.prototype, "mode", 2);
+$([
   y({
     attribute: "enable-asset-format-controls",
     reflect: !0,
     type: Boolean
   })
-], B.prototype, "enableAssetFormatControls", 2);
-F([
+], F.prototype, "enableAssetFormatControls", 2);
+$([
   y({
     attribute: "enable-font-family-controls",
     reflect: !0,
     type: Boolean
   })
-], B.prototype, "enableFontFamilyControls", 2);
-F([
-  y({ attribute: "default-image-format", reflect: !0, type: String })
-], B.prototype, "defaultImageFormat", 2);
-F([
-  y({
-    attribute: "default-video-poster-format",
-    reflect: !0,
-    type: String
-  })
-], B.prototype, "defaultVideoPosterFormat", 2);
-F([
-  y({
-    attribute: "default-gallery-format",
-    reflect: !0,
-    type: String
-  })
-], B.prototype, "defaultGalleryFormat", 2);
-F([
-  y({
-    attribute: "default-carousel-format",
-    reflect: !0,
-    type: String
-  })
-], B.prototype, "defaultCarouselFormat", 2);
-F([
-  y({
-    attribute: "default-timeline-format",
-    reflect: !0,
-    type: String
-  })
-], B.prototype, "defaultTimelineFormat", 2);
-F([
+], F.prototype, "enableFontFamilyControls", 2);
+$([
   y({
     attribute: "allowed-folders",
     converter: ve,
     type: Array
   })
-], B.prototype, "allowedFolders", 2);
-F([
+], F.prototype, "allowedFolders", 2);
+$([
   y({ attribute: "adhoc-properties", type: Array })
-], B.prototype, "adhocProperties", 2);
-F([
+], F.prototype, "adhocProperties", 2);
+$([
   y({ attribute: "template-name", reflect: !1, type: String })
-], B.prototype, "templateName", 2);
-F([
+], F.prototype, "templateName", 2);
+$([
   y({ attribute: "template-id", reflect: !1, type: String })
-], B.prototype, "templateId", 2);
-F([
+], F.prototype, "templateId", 2);
+$([
   y({
     attribute: "supported-languages",
     converter: {
@@ -20072,75 +20037,75 @@ F([
     reflect: !0,
     type: Array
   })
-], B.prototype, "supportedLanguages", 2);
-F([
+], F.prototype, "supportedLanguages", 2);
+$([
   y({ attribute: "default-language", reflect: !0, type: String })
-], B.prototype, "defaultLanguage", 2);
-F([
+], F.prototype, "defaultLanguage", 2);
+$([
   y({ attribute: "translatable-control-values", type: Array })
-], B.prototype, "translatableControlValues", 2);
-F([
+], F.prototype, "translatableControlValues", 2);
+$([
   y({ type: Object })
-], B.prototype, "boundary", 2);
-F([
+], F.prototype, "boundary", 2);
+$([
   y({ attribute: "on-request-asset", type: Function })
-], B.prototype, "onRequestAsset", 2);
-F([
+], F.prototype, "onRequestAsset", 2);
+$([
   y({ attribute: "on-request-download-format", type: Function })
-], B.prototype, "onRequestDownloadFormat", 2);
-F([
+], F.prototype, "onRequestDownloadFormat", 2);
+$([
   y({ attribute: "on-request-asset-format", type: Function })
-], B.prototype, "onRequestAssetFormat", 2);
-F([
+], F.prototype, "onRequestAssetFormat", 2);
+$([
   y({ attribute: "on-configure-workflow", type: Function })
-], B.prototype, "onConfigureWorkflow", 2);
-F([
+], F.prototype, "onConfigureWorkflow", 2);
+$([
   u()
-], B.prototype, "blockAttributes", 2);
-F([
+], F.prototype, "blockAttributes", 2);
+$([
   u()
-], B.prototype, "blockProperties", 2);
-F([
+], F.prototype, "blockProperties", 2);
+$([
   u()
-], B.prototype, "blockStyles", 2);
-F([
+], F.prototype, "blockStyles", 2);
+$([
   u()
-], B.prototype, "traits", 2);
-F([
+], F.prototype, "traits", 2);
+$([
   u()
-], B.prototype, "blockType", 2);
-F([
+], F.prototype, "blockType", 2);
+$([
   u()
-], B.prototype, "blockName", 2);
-F([
+], F.prototype, "blockName", 2);
+$([
   u()
-], B.prototype, "name", 2);
-F([
+], F.prototype, "name", 2);
+$([
   u()
-], B.prototype, "description", 2);
-F([
+], F.prototype, "description", 2);
+$([
   u()
-], B.prototype, "tab", 2);
-F([
+], F.prototype, "tab", 2);
+$([
   u()
-], B.prototype, "isEditingTemplateSettings", 2);
-F([
+], F.prototype, "isEditingTemplateSettings", 2);
+$([
   u()
-], B.prototype, "translatableControlValuesMap", 2);
-F([
+], F.prototype, "translatableControlValuesMap", 2);
+$([
   u()
-], B.prototype, "translatableControls", 2);
-F([
+], F.prototype, "translatableControls", 2);
+$([
   O("traits"),
   O("supportedLanguages", { waitUntilFirstUpdate: !0 }),
   O("blockAttributes", { waitUntilFirstUpdate: !0 })
-], B.prototype, "handleTraitsChange", 1);
-F([
+], F.prototype, "handleTraitsChange", 1);
+$([
   O("component")
-], B.prototype, "handleComponentChange", 1);
-B = F([
+], F.prototype, "handleComponentChange", 1);
+F = $([
   ie("cx-config-manager")
-], B);
+], F);
 export {
-  B as CxConfigManager
+  F as CxConfigManager
 };