@orangelogic/design-system 4.0.0 → 4.2.0

package/library/chunks/{index.Coy2OPB4.js → index.BO_sT6SH.js}

@@ -2,88 +2,88 @@ import { C as Q } from "./typography.T72DuoCa.js";
 import { n as y, C as ee } from "./lib-cortex-element.CVMmyPMC.js";
 import { c as ae } from "./component.styles.CAS3c9pM.js";
 import { C as Ee, s as ve, F as Z, a as Ce } from "./folder-select.BAPsI-gg.js";
-import { e as U, r as n1, S as m1, E as le } from "./transformation.CjWnFhab.js";
+import { e as U, r as m1, S as c1, E as le } from "./transformation.B8m0Nbao.js";
 import { c as ie } from "./custom-element.L4WJXn1j.js";
 import { L as W } from "./i18n.rtxrs1c1.js";
 import { w as O } from "./watch.DJF5K-8U.js";
-import { B as c1, E as ue, i as te, x as g } from "./lit-element.jLBm65_O.js";
+import { B as d1, E as ue, i as te, x as g } from "./lit-element.jLBm65_O.js";
 import { r as u } from "./state.CSDxrqLd.js";
 import { e as M } from "./query.BBf1UFkC.js";
-import { b as Ke } from "./_baseIteratee.sC2wLi2m.js";
-import { a as d1 } from "./toString.B1zKIiZc.js";
-import { b as s1 } from "./cloneDeep.tKGbEwzn.js";
-import { c as o1 } from "./_baseClone.ipmFlCAx.js";
-import { I as je, C as Ve, a as h1, b as He, S as z, D as g1, c as l1, A as Ie, g as C1, i as y1, F as x1, d as b1, t as k1, e as p1, f as u1, h as f1, j as A1, k as B1, l as D1, m as F1, n as E1, o as v1, p as $1, q as w1, r as S1, O as _1 } from "./types.DVZ_cbKn.js";
+import { b as je } from "./_baseIteratee.sC2wLi2m.js";
+import { a as s1 } from "./toString.B1zKIiZc.js";
+import { b as o1 } from "./cloneDeep.tKGbEwzn.js";
+import { c as h1 } from "./_baseClone.ipmFlCAx.js";
+import { I as Ve, C as He, a as g1, b as Ue, S as z, D as l1, c as C1, A as Ie, g as y1, i as x1, F as b1, d as k1, t as p1, e as u1, f as f1, h as A1, j as B1, k as D1, l as F1, m as E1, n as v1, o as $1, p as w1, q as S1, r as _1, O as I1 } from "./types.MwUT4xFk.js";
 import { C as ce } from "./button.D1YIxtv-.js";
-import I1 from "../components/button-group.js";
-import P1 from "../components/card.js";
-import Ue from "../components/checkbox.js";
-import { C as se, D as fe, O as We, a as T1, H as R1, z as z1, o as L1 } from "./dialog.BbQ4Du0M.js";
-import Je from "../components/divider.js";
-import q1 from "../components/dropdown.js";
+import P1 from "../components/button-group.js";
+import T1 from "../components/card.js";
+import We from "../components/checkbox.js";
+import { C as se, D as fe, O as Je, a as R1, H as z1, z as L1, o as q1 } from "./dialog.BbQ4Du0M.js";
+import Ye from "../components/divider.js";
+import O1 from "../components/dropdown.js";
 import $e from "../components/grid.js";
 import we from "../components/grid-item.js";
-import { C as O1 } from "./icon.BLXWp6CU.js";
+import { C as M1 } from "./icon.BLXWp6CU.js";
 import { C as oe } from "./input.D1FFprPl.js";
-import M1 from "../components/line-clamp.js";
-import N1 from "../components/menu.js";
-import { C as G1 } from "./menu-item.0TbnDEDp.js";
-import { C as Ye, a as K1 } from "./option.CyorNG0S.js";
-import Xe from "../components/radio.js";
-import j1 from "../components/radio-card.js";
-import Ze from "../components/radio-group.js";
+import N1 from "../components/line-clamp.js";
+import G1 from "../components/menu.js";
+import { C as K1 } from "./menu-item.CbqZ66to.js";
+import { C as Xe, a as j1 } from "./option.CkhHTlpl.js";
+import Ze from "../components/radio.js";
+import V1 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 V1 from "../components/switch.js";
-import H1 from "../components/tab.js";
-import { C as U1 } from "./tab-group.C98CWzEH.js";
-import W1 from "../components/tab-panel.js";
-import J1 from "../components/textarea.js";
-import Y1 from "../components/tooltip.js";
-import X1 from "../components/visually-hidden.js";
-import Z1 from "../components/bicolor-picker.js";
-import Q1 from "../components/border-input-group.js";
-import { C as e0, a as a0 } from "./confirm-popover.CJXyEa5A.js";
-import i0 from "../components/corner-position-input-group.js";
-import Qe from "../components/dynamic-select.js";
-import t0 from "../components/padding-input-group.js";
-import r0 from "../components/position-picker.js";
-import n0 from "../components/shadow-input-group.js";
-import m0 from "../components/size-input-group.js";
-import { isFormInteracted as c0 } from "../utils.js";
-import { e as d0, i as s0 } from "./directive.oAbCiebi.js";
-import { e as Pe, p as Te, m as Re, s as ze, h as o0, l as h0 } from "./directive-helpers.DEDMV45_.js";
-import { i as g0 } from "./keyed.DdOUTIg-.js";
+import H1 from "../components/switch.js";
+import U1 from "../components/tab.js";
+import { C as W1 } from "./tab-group.CQfcMVEw.js";
+import J1 from "../components/tab-panel.js";
+import Y1 from "../components/textarea.js";
+import X1 from "../components/tooltip.js";
+import Z1 from "../components/visually-hidden.js";
+import Q1 from "../components/bicolor-picker.js";
+import e0 from "../components/border-input-group.js";
+import { C as a0, a as i0 } from "./confirm-popover.CJXyEa5A.js";
+import t0 from "../components/corner-position-input-group.js";
+import e1 from "../components/dynamic-select.js";
+import r0 from "../components/padding-input-group.js";
+import n0 from "../components/position-picker.js";
+import m0 from "../components/shadow-input-group.js";
+import c0 from "../components/size-input-group.js";
+import { isFormInteracted as d0 } from "../utils.js";
+import { e as s0, i as o0 } from "./directive.oAbCiebi.js";
+import { e as Pe, p as Te, m as Re, s as ze, h as h0, l as g0 } from "./directive-helpers.DEDMV45_.js";
+import { i as l0 } from "./keyed.DdOUTIg-.js";
 import { c as N } from "./repeat.CFjcER6_.js";
 import { n as v } from "./when.Dr1es41R.js";
-import { a as l0 } from "./_baseXor.DixEm6JQ.js";
-import { a as C0, i as Le, b as y0 } from "./isArrayLikeObject.D7afXo-f.js";
-import { i as x0 } from "./isEmpty.DtTJTUcf.js";
-import { a as Ae, F as b0, b as k0, c as qe, d as Oe, e as p0, i as u0, f as Me, u as Be } from "./asset-link-format.ttcRQgDc.js";
-import f0 from "../components/color-picker.js";
+import { a as C0 } from "./_baseXor.DixEm6JQ.js";
+import { a as y0, i as Le, b as x0 } from "./isArrayLikeObject.D7afXo-f.js";
+import { i as b0 } from "./isEmpty.DtTJTUcf.js";
+import { a as Ae, F as k0, b as p0, c as qe, d as Oe, e as Me, f as u0, g as f0, i as Ne, u as Be } from "./asset-link-format.CVwjA_yf.js";
+import A0 from "../components/color-picker.js";
 import { C as _e } from "./icon-button.CbUddcgI.js";
-import A0 from "../components/spinner.js";
-import { a as B0, d as D0 } from "./color-swatch-group.Bumfw-G2.js";
-import { c as ne, C as me, p as F0, a as E0, b as v0, 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 $0 from "../components/masonry.js";
+import B0 from "../components/spinner.js";
+import { a as D0, d as F0 } from "./color-swatch-group.BPXiMxjh.js";
+import { c as ne, C as me, p as E0, a as v0, b as $0, g as ye } from "./color.LzSGBy7o.js";
+import { o as a1 } from "./map.D8heArFD.js";
+import { v as i1 } from "./v4.CKZ6klMF.js";
+import { M as t1 } from "./asset-link-format.ClaYu_v8.js";
+import w0 from "../components/masonry.js";
 import { a as ge } from "./index.Cpamj0jB.js";
 import { G as L } from "./string.Demn8Xmk.js";
-import { d as w0 } from "./default-value.COZopaet.js";
-import { F as S0 } from "./form.DN2v7-DH.js";
+import { d as S0 } from "./default-value.COZopaet.js";
+import { F as _0 } from "./form.DN2v7-DH.js";
 import { o as De } from "./style-map.llVFPd__.js";
 import { r as Fe } from "./choose.BTbF6BAn.js";
 import { o as P } from "./if-defined.BRoBj_Rp.js";
-import { t as _0 } from "./url.CGdWC06g.js";
-import { e as I0 } from "./number.Cx2ncfJJ.js";
-import { e as P0 } from "./class-map.BiVq-cVR.js";
+import { t as I0 } from "./url.CGdWC06g.js";
+import { e as P0 } from "./number.Cx2ncfJJ.js";
+import { e as T0 } from "./class-map.BiVq-cVR.js";
 import { n as xe, e as be } from "./ref.DktKp7fP.js";
-var T0 = "Expected a function";
-function R0(e) {
+var R0 = "Expected a function";
+function z0(e) {
   if (typeof e != "function")
-    throw new TypeError(T0);
+    throw new TypeError(R0);
   return function() {
     var a = arguments;
     switch (a.length) {
@@ -99,25 +99,25 @@ function R0(e) {
     return !e.apply(this, a);
   };
 }
-function z0(e, a) {
+function L0(e, a) {
   if (e == null)
     return {};
-  var n = d1(o1(e), function(t) {
+  var n = s1(h1(e), function(t) {
     return [t];
   });
-  return a = Ke(a), s1(e, n, function(t, r) {
+  return a = je(a), o1(e, n, function(t, r) {
     return a(t, r[0]);
   });
 }
-function L0(e, a) {
-  return z0(e, R0(Ke(a)));
+function q0(e, a) {
+  return L0(e, z0(je(a)));
 }
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Ne = (e) => h0(e) ? e._$litType$.h : e.strings, q0 = d0(class extends s0 {
+const Ge = (e) => g0(e) ? e._$litType$.h : e.strings, O0 = s0(class extends o0 {
   constructor(e) {
     super(e), this.et = /* @__PURE__ */ new WeakMap();
   }
@@ -125,13 +125,13 @@ const Ne = (e) => h0(e) ? e._$litType$.h : e.strings, q0 = d0(class extends s0 {
     return [e];
   }
   update(e, [a]) {
-    const n = Pe(this.it) ? Ne(this.it) : null, t = Pe(a) ? Ne(a) : null;
+    const n = Pe(this.it) ? Ge(this.it) : null, t = Pe(a) ? Ge(a) : null;
     if (n !== null && (t === null || n !== t)) {
       const r = Te(e).pop();
       let i = this.et.get(n);
       if (i === void 0) {
         const m = document.createDocumentFragment();
-        i = c1(ue, m), i.setConnected(!1), this.et.set(n, i);
+        i = d1(ue, m), i.setConnected(!1), this.et.set(n, i);
       }
       Re(i, [r]), ze(i, void 0, r);
     }
@@ -140,7 +140,7 @@ const Ne = (e) => h0(e) ? e._$litType$.h : e.strings, q0 = d0(class extends s0 {
         const r = this.et.get(t);
         if (r !== void 0) {
           const i = Te(r).pop();
-          o0(e), ze(e, void 0, i), Re(e, [i]);
+          h0(e), ze(e, void 0, i), Re(e, [i]);
         }
       }
       this.it = a;
@@ -148,12 +148,12 @@ const Ne = (e) => h0(e) ? e._$litType$.h : e.strings, q0 = d0(class extends s0 {
     return this.render(a);
   }
 });
-var O0 = C0(function(e, a) {
-  return Le(e) ? l0(e, y0(a, 1, Le, !0)) : [];
+var M0 = y0(function(e, a) {
+  return Le(e) ? C0(e, x0(a, 1, Le, !0)) : [];
 });
-const M0 = {
+const N0 = {
   resizable: !1
-}, N0 = (e) => [
+}, G0 = (e) => [
   {
     field: "hex",
     formatter: (a) => {
@@ -216,7 +216,7 @@ const M0 = {
     title: "PMS",
     width: 75
   }
-], G0 = (e) => ({
+], K0 = (e) => ({
   data: [
     {
       icon: "create",
@@ -16833,15 +16833,15 @@ const M0 = {
     name: "Mocha Mousse 17-1230 TCX",
     rgb: [164, 120, 100]
   }
-}, K0 = 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 j0 = Object.defineProperty, V0 = Object.getOwnPropertyDescriptor, R = (e, a, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? V0(a, n) : a, i = e.length - 1, m; i >= 0; i--)
+}, j0 = 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 V0 = Object.defineProperty, H0 = Object.getOwnPropertyDescriptor, R = (e, a, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? H0(a, n) : a, i = e.length - 1, m; i >= 0; i--)
     (m = e[i]) && (r = (t ? m(a, n, r) : m(r)) || r);
-  return t && r && j0(a, n, r), r;
+  return t && r && V0(a, n, r), r;
 };
 let I = class extends ee {
   constructor() {
-    super(...arguments), this.localize = new W(this), this.translatedColumns = N0(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 = G0(this.localize), this.translatedHoverMenu = K0(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 ? [
@@ -16892,7 +16892,7 @@ let I = class extends ee {
         cmyk: this.dialogCmyk,
         color: this.dialogColor,
         hex: this.dialogHex,
-        id: this.dialogId || a1(),
+        id: this.dialogId || i1(),
         name: this.dialogName,
         palette: this.dialogPalette.replaceAll("_", " "),
         pms: ke[this.dialogPmsId]?.name || "",
@@ -16977,8 +16977,8 @@ let I = class extends ee {
         ${N(
         ["name"],
         (n) => n,
-        (n) => g`<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) => {
-          const r = this.localize.languageName(t) || je.getName(t) || t;
+        (n) => g`<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">${a1(this.supportedLanguages, (t) => {
+          const r = this.localize.languageName(t) || Ve.getName(t) || t;
           return g`<cx-input ?disabled=${t.toLowerCase() === this.defaultLanguage?.toLowerCase()} data-testid="name-input" data-language=${t} label=${r} value=${t.toLowerCase() === this.defaultLanguage?.toLowerCase() ? this.dialogName : this.dialogNameTranslations[t] ?? this.dialogName} placeholder=${this.localize.term("colorNameWillAppearInSwatch")} @cx-change=${this.handleChangeNameTranslation}></cx-input>`;
         })}</cx-space></cx-grid-item></cx-grid>`
       )}
@@ -17010,7 +17010,7 @@ let I = class extends ee {
   render() {
     return g`<cx-space part="base" spacing="medium" direction="vertical" class="color-swatch-picker">${v(
       !this.disableTableLoad,
-      () => g`<cx-table part="table" movable-rows class="color-swatch-picker__table" layout="fitColumns" .columns=${this.translatedColumns} .columnDefaults=${M0} .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>`,
+      () => g`<cx-table part="table" movable-rows class="color-swatch-picker__table" layout="fitColumns" .columns=${this.translatedColumns} .columnDefaults=${N0} .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>`,
       () => g`<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>${v(
       this.tabs.length >= 1,
@@ -17023,20 +17023,20 @@ let I = 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>`;
   }
 };
-I.styles = [ae, K0];
+I.styles = [ae, j0];
 I.dependencies = {
   "cx-button": ce,
-  "cx-color-picker": f0,
+  "cx-color-picker": A0,
   "cx-dialog": se,
   "cx-grid": $e,
   "cx-grid-item": we,
   "cx-icon-button": _e,
   "cx-input": oe,
-  "cx-option": Ye,
+  "cx-option": Xe,
   "cx-select": Se,
   "cx-space": de,
-  "cx-spinner": A0,
-  "cx-table": B0,
+  "cx-spinner": B0,
+  "cx-table": D0,
   "cx-typography": Q
 };
 R([
@@ -17117,11 +17117,11 @@ R([
 I = R([
   ie("cx-color-swatch-picker")
 ], I);
-const H0 = 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 U0 = Object.defineProperty, W0 = Object.getOwnPropertyDescriptor, G = (e, a, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? W0(a, n) : a, i = e.length - 1, m; i >= 0; i--)
+const U0 = 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 W0 = Object.defineProperty, J0 = Object.getOwnPropertyDescriptor, G = (e, a, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? J0(a, n) : a, i = e.length - 1, m; i >= 0; i--)
     (m = e[i]) && (r = (t ? m(a, n, r) : m(r)) || r);
-  return t && r && U0(a, n, r), r;
+  return t && r && W0(a, n, r), r;
 };
 let T = class extends ee {
   constructor() {
@@ -17177,7 +17177,7 @@ let T = class extends ee {
       return;
     }
     const e = await this.fetchSelectedFolder();
-    e ? this.useFullPath ? (this.selectedLabel = `/${(e.fullPath ?? "").replace(/^\/+/, "")}`, e.docType === i1.Album && (this.selectedLabel += `/${e.title}`)) : this.selectedLabel = e.title : this.selectedLabel = "";
+    e ? this.useFullPath ? (this.selectedLabel = `/${(e.fullPath ?? "").replace(/^\/+/, "")}`, e.docType === t1.Album && (this.selectedLabel += `/${e.title}`)) : this.selectedLabel = e.title : this.selectedLabel = "";
   }
   render() {
     return g`<cx-space part="base" class="folder-picker" spacing="2x-small" direction="horizontal" align-items="center">${v(
@@ -17194,7 +17194,7 @@ let T = class extends ee {
     )}</cx-space>`;
   }
 };
-T.styles = [ae, H0];
+T.styles = [ae, U0];
 T.dependencies = {
   "cx-button": ce,
   "cx-dialog": se,
@@ -17252,16 +17252,16 @@ G([
 T = G([
   ie("cx-folder-picker")
 ], T);
-const J0 = 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}`;
-var Y0 = Object.defineProperty, X0 = Object.getOwnPropertyDescriptor, j = (e, a, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? X0(a, n) : a, i = e.length - 1, m; i >= 0; i--)
+const Y0 = 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}`;
+var X0 = Object.defineProperty, Z0 = Object.getOwnPropertyDescriptor, j = (e, a, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Z0(a, n) : a, i = e.length - 1, m; i >= 0; i--)
     (m = e[i]) && (r = (t ? m(a, n, r) : m(r)) || r);
-  return t && r && Y0(a, n, r), r;
+  return t && r && X0(a, n, r), r;
 };
 const pe = "path_TR1";
 let q = class extends ee {
   constructor() {
-    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 = h1, 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 = g1, this.apiGetPagesAndLinks = this.apiGetPagesAndLinks.bind(this);
   }
   get showOpenInNewTab() {
     return this.variant === L.Link || this.variant === L.Page || this.variant === L.Space;
@@ -17287,7 +17287,7 @@ let q = class extends ee {
     start: n = 0
   }) {
     try {
-      const { data: t, hasMore: r } = await He({
+      const { data: t, hasMore: r } = await Ue({
         parentId: e,
         searchTerm: a,
         start: n
@@ -17496,21 +17496,21 @@ let q = 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>`;
   }
 };
-q.styles = [ae, J0];
+q.styles = [ae, Y0];
 q.dependencies = {
-  "cx-asset-picker": Ve,
+  "cx-asset-picker": He,
   "cx-button": ce,
-  "cx-checkbox": Ue,
+  "cx-checkbox": We,
   "cx-dialog": se,
-  "cx-divider": Je,
-  "cx-dynamic-select": Qe,
+  "cx-divider": Ye,
+  "cx-dynamic-select": e1,
   "cx-folder-picker": T,
   "cx-folder-select": Ee,
   "cx-grid": $e,
   "cx-grid-item": we,
   "cx-input": oe,
-  "cx-radio": Xe,
-  "cx-radio-group": Ze,
+  "cx-radio": Ze,
+  "cx-radio-group": Qe,
   "cx-space": de,
   "cx-typography": Q
 };
@@ -17560,22 +17560,22 @@ j([
 q = j([
   ie("cx-gallery-config")
 ], q);
-const Z0 = 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 Q0 = Object.defineProperty, e2 = Object.getOwnPropertyDescriptor, w = (e, a, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? e2(a, n) : a, i = e.length - 1, m; i >= 0; i--)
+const Q0 = 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 e2 = Object.defineProperty, a2 = Object.getOwnPropertyDescriptor, w = (e, a, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? a2(a, n) : a, i = e.length - 1, m; i >= 0; i--)
     (m = e[i]) && (r = (t ? m(a, n, r) : m(r)) || r);
-  return t && r && Q0(a, n, r), r;
+  return t && r && e2(a, n, r), r;
 };
-We.plugin({
-  ClickScroll: z1,
-  ScrollbarsHiding: R1,
-  SizeObserver: T1
+Je.plugin({
+  ClickScroll: L1,
+  ScrollbarsHiding: z1,
+  SizeObserver: R1
 });
 let D = class extends ee {
   constructor() {
-    super(...arguments), this.formControlController = new S0(this, {
+    super(...arguments), this.formControlController = new _0(this, {
       assumeInteractionOn: ["cx-gallery-picker-action"]
-    }), 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 = g1, 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 b0(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 = l1, 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 k0(this, {
       isSiteBuilder: !0,
       maxEnd: 100
     });
@@ -17670,7 +17670,7 @@ let D = class extends ee {
       return;
     }
     const n = this.value.map((t) => t.id).filter((t) => t !== "");
-    if (Array.isArray(e) && Array.isArray(a) && e.length === a.length && D0(e, a, "id").length === 0) {
+    if (Array.isArray(e) && Array.isArray(a) && e.length === a.length && F0(e, a, "id").length === 0) {
       this.masonryData.sort((t, r) => {
         const i = n.indexOf(t.id), m = n.indexOf(r.id);
         return i - m;
@@ -17788,7 +17788,7 @@ let D = class extends ee {
     }
     const r = t.map((i) => ({
       ...i,
-      rawId: this.sourceVariant === z.Manual ? i.rawId || a1() : i.rawId ?? ""
+      rawId: this.sourceVariant === z.Manual ? i.rawId || i1() : i.rawId ?? ""
     }));
     this.value = r, this.emit("cx-content-builder-gallery-change", {
       detail: {
@@ -17824,7 +17824,7 @@ let D = class extends ee {
     super.disconnectedCallback(), this.destroyOverlayScrollbar();
   }
   initializeOverlayScrollbar() {
-    this.osInstance = We(this.scrollWrapper, {
+    this.osInstance = Je(this.scrollWrapper, {
       scrollbars: {
         autoHide: "scroll",
         autoHideDelay: 1e3
@@ -17883,14 +17883,14 @@ let D = class extends ee {
 };
 D.styles = [
   ae,
-  L1,
-  Z0
+  q1,
+  Q0
 ];
 D.dependencies = {
   "cx-button": ce,
   "cx-gallery-config": q,
   "cx-input": oe,
-  "cx-masonry": $0,
+  "cx-masonry": w0,
   "cx-space": de,
   "cx-typography": Q
 };
@@ -17937,7 +17937,7 @@ w([
   })
 ], D.prototype, "value", 2);
 w([
-  w0()
+  S0()
 ], D.prototype, "defaultValue", 2);
 w([
   y({ reflect: !0, type: String })
@@ -18004,17 +18004,17 @@ w([
 D = w([
   ie("cx-gallery-picker")
 ], D);
-const a2 = 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 i2 = Object.defineProperty, t2 = Object.getOwnPropertyDescriptor, t1 = (e) => {
+const i2 = 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 t2 = Object.defineProperty, r2 = Object.getOwnPropertyDescriptor, r1 = (e) => {
   throw TypeError(e);
 }, V = (e, a, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? t2(a, n) : a, i = e.length - 1, m; i >= 0; i--)
+  for (var r = t > 1 ? void 0 : t ? r2(a, n) : a, i = e.length - 1, m; i >= 0; i--)
     (m = e[i]) && (r = (t ? m(a, n, r) : m(r)) || r);
-  return t && r && i2(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)), r2 = (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;
+  return t && r && t2(a, n, r), r;
+}, n1 = (e, a, n) => a.has(e) || r1("Cannot " + n), he = (e, a, n) => (n1(e, a, "read from private field"), n ? n.call(e) : a.get(e)), n2 = (e, a, n) => a.has(e) ? r1("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(e) : a.set(e, n), Ke = (e, a, n, t) => (n1(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 = Z.Select, this.required = !1, this.selectedLabel = "", this.open = !1, r2(this, H), this.apiGetPagesAndLinks = this.apiGetPagesAndLinks.bind(this);
+    super(), this.localize = new W(this), this.boundary = document.body, this.name = "", this.value = "", this.variant = Z.Select, this.required = !1, this.selectedLabel = "", this.open = !1, n2(this, H), this.apiGetPagesAndLinks = this.apiGetPagesAndLinks.bind(this);
   }
   async fetchSelectedPage() {
     if (!(!this.value || this.selectedLabel))
@@ -18042,7 +18042,7 @@ let K = class extends ee {
     start: n = 0
   }) {
     try {
-      const { data: t, hasMore: r } = await He({
+      const { data: t, hasMore: r } = await Ue({
         parentId: e,
         searchTerm: a,
         start: n
@@ -18058,7 +18058,7 @@ let K = class extends ee {
           hasChildren: m.hasChildren,
           id: m.id,
           title: m.title,
-          url: _0(m.url)
+          url: I0(m.url)
         })),
         hasMore: r
       };
@@ -18083,13 +18083,13 @@ let K = class extends ee {
     const { id: n, url: t } = a.dataset;
     this.variant === Z.Select ? this.emit("cx-content-builder-page-change", {
       detail: { id: n, url: t }
-    }) : Ge(this, H, { id: n, url: t });
+    }) : Ke(this, H, { id: n, url: t });
   }
   handleRequestPageClick() {
     this.open = !0;
   }
   handleClear() {
-    this.value = "", this.selectedLabel = "", Ge(this, H, void 0), this.emit("cx-content-builder-page-delete");
+    this.value = "", this.selectedLabel = "", Ke(this, H, void 0), this.emit("cx-content-builder-page-delete");
   }
   handleRequestClose(e) {
     e.stopPropagation(), this.open = !1;
@@ -18115,7 +18115,7 @@ let K = class extends ee {
   }
 };
 H = /* @__PURE__ */ new WeakMap();
-K.styles = [ae, a2];
+K.styles = [ae, i2];
 K.dependencies = {
   "cx-button": ce,
   "cx-dialog": se,
@@ -18154,10 +18154,10 @@ V([
 K = V([
   ie("cx-page-picker")
 ], K);
-const n2 = 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 m2 {
+const m2 = 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 c2 {
   constructor(a) {
-    this.apiSearchAssets = k0, 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 = p0, this.apiGetTeamSpaceFontFamily = C1, 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);
@@ -18182,21 +18182,22 @@ class m2 {
         t,
         qe,
         Oe,
-        p0
+        Me,
+        u0
       ],
       getPermanentAssetsPaths: !0,
       isSiteBuilder: !0,
       query: { recordId: [a] }
     });
     for (const m of i.items) {
-      const A = String(m[qe] ?? ""), d = r ? n1(A, String(m[Oe] ?? "")) : n, l = `path_${d}`;
-      if (!(d === "TRX") || !A || u0(A)) {
+      const A = String(m[qe] ?? ""), d = r ? m1(A, String(m[Oe] ?? "")) : n, l = `path_${d}`;
+      if (!(d === "TRX") || f0(String(m[Me] ?? ""), A)) {
         const h = m[l];
-        if (Me(h))
+        if (Ne(h))
           return h.URI;
       }
       const o = m[t];
-      if (Me(o))
+      if (Ne(o))
         return o.URI;
     }
     return "";
@@ -18308,7 +18309,7 @@ class m2 {
         [
           "bicolor-picker",
           () => {
-            const l = F0(String(t));
+            const l = E0(String(t));
             return g`<cx-bicolor-picker value=${l} @cx-bicolor-picker-change=${async (s) => {
               const o = s.detail.value, h = ye(
                 o[0],
@@ -18325,7 +18326,7 @@ class m2 {
               const [s, o, h] = c.detail.value, C = `${ye(s, o)} ${h}`;
               await i(C);
             };
-            return g`<cx-border-input-group value=${typeof t == "string" ? E0(t) : t} @cx-border-input-group-change=${l}></cx-border-input-group>`;
+            return g`<cx-border-input-group value=${typeof t == "string" ? v0(t) : t} @cx-border-input-group-change=${l}></cx-border-input-group>`;
           }
         ],
         [
@@ -18337,7 +18338,7 @@ class m2 {
               const c = async () => {
                 await i(String(l.value));
               };
-              return g`<cx-button class=${P0({
+              return g`<cx-button class=${T0({
                 "config-form__button-group--active": t === l.value
               })} variant="default" outline value=${l.value} @click=${c}>${l.name}
                         ${v(
@@ -18662,7 +18663,7 @@ class m2 {
             return d.api ? g`<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(c)} ?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>` : g`<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(c)} @cx-change=${l}>${N(
               d.options ?? [],
               (o) => o.value,
-              (o) => g`<cx-option value=${o.value} show-check check-placement=${K1.Right}>${o.name}
+              (o) => g`<cx-option value=${o.value} show-check check-placement=${j1.Right}>${o.name}
                         ${v(
                 o.helpText,
                 () => g`<cx-typography slot="help-text" variant="small">${o.helpText}</cx-typography>`
@@ -18677,7 +18678,7 @@ class m2 {
               const [s, o, h, C, x, b] = c.detail.value, k = x || b, E = b || x, S = `${[s, o, h, C].join(" ")} ${ye(k, E)}`;
               await i(S);
             };
-            return g`<cx-shadow-input-group value=${typeof t == "string" ? v0(t) : t} @cx-shadow-input-group-change=${l}></cx-shadow-input-group>`;
+            return g`<cx-shadow-input-group value=${typeof t == "string" ? $0(t) : t} @cx-shadow-input-group-change=${l}></cx-shadow-input-group>`;
           }
         ],
         [
@@ -18831,7 +18832,7 @@ class m2 {
               familyKey: c,
               styleKey: s,
               weightKey: o
-            } = d.fontPickerConfigs, h = this.fontFamiliesCache.get(d.id), { familyValue: C, styleValue: x } = h ? C1({
+            } = d.fontPickerConfigs, h = this.fontFamiliesCache.get(d.id), { familyValue: C, styleValue: x } = h ? y1({
               blockAttributes: this.host.blockStyles,
               keys: {
                 familyKey: c,
@@ -18841,14 +18842,14 @@ class m2 {
               typefaces: h
             }) : {
               familyValue: String(
-                this.host.blockStyles[c] ?? m1
+                this.host.blockStyles[c] ?? c1
               ),
               styleValue: ""
             };
             !h && !this.pendingFontFamilyFetches.has(d.id) && (this.pendingFontFamilyFetches.add(d.id), Promise.all([l(), this.apiGetTeamSpaceFontFamily()]).then(([k, E]) => {
               this.fontFamiliesCache.set(
                 d.id,
-                y1(
+                x1(
                   k,
                   E?.fontFamily ?? ""
                 )
@@ -18858,7 +18859,7 @@ class m2 {
               this.pendingFontFamilyFetches.delete(d.id);
             }));
             const b = async (k) => {
-              const E = k.target, S = this.fontFamiliesCache.get(d.id) ?? [], p = b1({
+              const E = k.target, S = this.fontFamiliesCache.get(d.id) ?? [], p = k1({
                 clearDefaultFamily: !0,
                 familyValue: E.familyValue,
                 styleValue: E.styleValue,
@@ -18870,12 +18871,12 @@ class m2 {
                 weight: p.weight
               });
             };
-            return g`<cx-font-picker family-value=${C} style-value=${x} layout=${x1.Labeled} ?required=${d.required ?? !1} .fontTypefaces=${h ?? []} @cx-font-picker-change=${b}></cx-font-picker>`;
+            return g`<cx-font-picker family-value=${C} style-value=${x} layout=${b1.Labeled} ?required=${d.required ?? !1} .fontTypefaces=${h ?? []} @cx-font-picker-change=${b}></cx-font-picker>`;
           }
         ]
       ],
       () => {
-        const l = be(), c = be(), s = { unit: "%", value: "100" }, { unit: o, value: h } = typeof t == "string" ? I0(t) ?? s : s;
+        const l = be(), c = be(), s = { unit: "%", value: "100" }, { unit: o, value: h } = typeof t == "string" ? P0(t) ?? s : s;
         let C = t, x, b = d.maskBlocks, k = o;
         const E = () => {
           if (d.inputConfigs?.validation) {
@@ -19034,7 +19035,7 @@ class m2 {
           }
           if (i.galleryPickerConfigs?.transformationRecordIdKey && (!o || c.length > 0)) {
             const C = c.find(
-              (x) => x.docType === i1.Image
+              (x) => x.docType === t1.Image
             );
             await this.handleConfigChange(
               i.galleryPickerConfigs.transformationRecordIdKey,
@@ -19402,8 +19403,8 @@ class m2 {
       return r.length === 0 ? ue : g`<cx-typography variant="h5">${t}</cx-typography>${N(
         r,
         (i) => i.id,
-        (i) => i.controlType === "info-text" ? this.renderInfoText(i) : g`<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, (m) => {
-          const A = this.localize.languageName(m) || je.getName(m) || m;
+        (i) => i.controlType === "info-text" ? this.renderInfoText(i) : g`<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">${a1(this.host.sortedLanguages, (m) => {
+          const A = this.localize.languageName(m) || Ve.getName(m) || m;
           let d = "";
           i.id && (m === this.host.defaultLanguage ? d = this.host.blockAttributes[i.id] ?? "" : d = this.host.translatableControlValues[m]?.[i.id] ?? this.host.translatableControlValues[this.host.defaultLanguage]?.[i.id] ?? this.host.blockAttributes[i.id]);
           let l;
@@ -19503,14 +19504,14 @@ class m2 {
     return g`<cx-space direction="vertical" wrap="nowrap">${n}</cx-space>`;
   }
 }
-var c2 = Object.defineProperty, d2 = Object.getOwnPropertyDescriptor, B = (e, a, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? d2(a, n) : a, i = e.length - 1, m; i >= 0; i--)
+var d2 = Object.defineProperty, s2 = Object.getOwnPropertyDescriptor, B = (e, a, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? s2(a, n) : a, i = e.length - 1, m; i >= 0; i--)
     (m = e[i]) && (r = (t ? m(a, n, r) : m(r)) || r);
-  return t && r && c2(a, n, r), r;
+  return t && r && d2(a, n, r), r;
 };
 let f = class extends ee {
   constructor() {
-    super(...arguments), this.localize = new W(this), this.configFormController = new m2(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;
+    super(...arguments), this.localize = new W(this), this.configFormController = new c2(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.
@@ -19551,7 +19552,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((m) => m.name).filter(Boolean), a = O0(e, this.adhocProperties), n = this.traits.filter(
+    const e = this.traits.map((m) => m.name).filter(Boolean), a = M0(e, this.adhocProperties), n = this.traits.filter(
       (m) => m.tab === "sidePanels"
       /* SidePanels */
     ).map((m) => m.name).filter(Boolean), t = this.traits.filter(
@@ -19586,7 +19587,7 @@ let f = class extends ee {
     e?.target !== this.dialog || e.detail.source === "overlay" || (this.handleClose(), this.isAfterShow = !1, this.disableCloseConfigDialog = !1);
   }
   handleRequestClose(e) {
-    e?.target === this.dialog && (this.disableCloseConfigDialog ? e.preventDefault() : c0(this.form) ? (e.preventDefault(), this.confirmPopover.show()) : this.hide());
+    e?.target === this.dialog && (this.disableCloseConfigDialog ? e.preventDefault() : d0(this.form) ? (e.preventDefault(), this.confirmPopover.show()) : this.hide());
   }
   handleNameInputChange(e) {
     this.emit("cx-content-builder-form-field-change", {
@@ -19654,16 +19655,16 @@ let f = class extends ee {
     )}</cx-typography>${v(
       this.templateName,
       () => g`<cx-typography variant="body3"><cx-line-clamp lines="1">${this.templateName}</cx-line-clamp></cx-typography>`
-    )}</cx-space>${g0(
+    )}</cx-space>${l0(
       this.formKey,
-      g`<form id="config-form" @submit=${this.handleFormSubmit}>${q0(v(
+      g`<form id="config-form" @submit=${this.handleFormSubmit}>${O0(v(
         this.isEditingTemplateSettings,
         () => v(
           this.isTemplateEditable,
           () => g`<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(
-          !x0(this.traits) && this.tabs.length >= 1,
+          !b0(this.traits) && this.tabs.length >= 1,
           () => g`<cx-tab-group class="config-form__tab-group" placement="top">${v(
             this.showTemplateTab,
             () => g`<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>`
@@ -19689,63 +19690,63 @@ let f = class extends ee {
         this.templateId,
         () => g`<cx-menu-item value="detach-template"><cx-button type="submit" variant="text">${this.localize.term("detachTemplate")}</cx-button></cx-menu-item>`
       )}</cx-menu></cx-dropdown>`
-    )}</cx-button-group></cx-space></cx-dialog><cx-confirm-popover class="config-form__confirm-popover" divider-position=${fe.Both} buttons-direction=${a0.HorizontalReverse} dialog-label=${this.localize.term("dismissChanges")} confirm-text=${this.localize.term("dismissChanges")} .boundary=${this.boundary} variant="dialog" @cx-confirm=${this.hide}><cx-typography variant="body2" slot="footer" class="confirm-popover__footer">${this.localize.term(
+    )}</cx-button-group></cx-space></cx-dialog><cx-confirm-popover class="config-form__confirm-popover" divider-position=${fe.Both} buttons-direction=${i0.HorizontalReverse} dialog-label=${this.localize.term("dismissChanges")} confirm-text=${this.localize.term("dismissChanges")} .boundary=${this.boundary} variant="dialog" @cx-confirm=${this.hide}><cx-typography variant="body2" slot="footer" class="confirm-popover__footer">${this.localize.term(
       "doYouWantToCloseThisDialogChangesWillBeDismissed"
     )}</cx-typography></cx-confirm-popover>`;
   }
 };
-f.styles = [ae, n2, k1];
+f.styles = [ae, m2, p1];
 f.dependencies = {
-  "cx-asset-format-picker": E1,
-  "cx-asset-picker": Ve,
-  "cx-asset-transformation-dialog": F1,
-  "cx-bicolor-picker": Z1,
-  "cx-border-input-group": Q1,
+  "cx-asset-format-picker": v1,
+  "cx-asset-picker": He,
+  "cx-asset-transformation-dialog": E1,
+  "cx-bicolor-picker": Q1,
+  "cx-border-input-group": e0,
   "cx-button": ce,
-  "cx-button-group": I1,
-  "cx-card": P1,
-  "cx-checkbox": Ue,
+  "cx-button-group": P1,
+  "cx-card": T1,
+  "cx-checkbox": We,
   "cx-color-swatch-picker": I,
-  "cx-confirm-popover": e0,
-  "cx-corner-position-input-group": i0,
-  "cx-dam-custom-toolbar-buttons-editor": D1,
+  "cx-confirm-popover": a0,
+  "cx-corner-position-input-group": t0,
+  "cx-dam-custom-toolbar-buttons-editor": F1,
   "cx-dialog": se,
-  "cx-divider": Je,
-  "cx-download-format-picker": B1,
-  "cx-dropdown": q1,
-  "cx-dynamic-select": Qe,
+  "cx-divider": Ye,
+  "cx-download-format-picker": D1,
+  "cx-dropdown": O1,
+  "cx-dynamic-select": e1,
   "cx-folder-picker": T,
-  "cx-font-picker": A1,
+  "cx-font-picker": B1,
   "cx-gallery-picker": D,
   "cx-grid": $e,
   "cx-grid-item": we,
-  "cx-icon": O1,
-  "cx-icon-picker": f1,
+  "cx-icon": M1,
+  "cx-icon-picker": A1,
   "cx-input": oe,
-  "cx-line-clamp": M1,
-  "cx-list-editor": u1,
-  "cx-menu": N1,
-  "cx-menu-item": G1,
-  "cx-option": Ye,
-  "cx-padding-input-group": t0,
+  "cx-line-clamp": N1,
+  "cx-list-editor": f1,
+  "cx-menu": G1,
+  "cx-menu-item": K1,
+  "cx-option": Xe,
+  "cx-padding-input-group": r0,
   "cx-page-picker": K,
-  "cx-position-picker": r0,
-  "cx-radio": Xe,
-  "cx-radio-card": j1,
-  "cx-radio-group": Ze,
+  "cx-position-picker": n0,
+  "cx-radio": Ze,
+  "cx-radio-card": V1,
+  "cx-radio-group": Qe,
   "cx-select": Se,
-  "cx-shadow-input-group": n0,
-  "cx-size-input-group": m0,
+  "cx-shadow-input-group": m0,
+  "cx-size-input-group": c0,
   "cx-space": de,
-  "cx-switch": V1,
-  "cx-tab": H1,
-  "cx-tab-group": U1,
-  "cx-tab-panel": W1,
-  "cx-textarea": J1,
-  "cx-tooltip": Y1,
-  "cx-type-subtype-select": p1,
+  "cx-switch": H1,
+  "cx-tab": U1,
+  "cx-tab-group": W1,
+  "cx-tab-panel": J1,
+  "cx-textarea": Y1,
+  "cx-tooltip": X1,
+  "cx-type-subtype-select": u1,
   "cx-typography": Q,
-  "cx-visually-hidden": X1
+  "cx-visually-hidden": Z1
 };
 B([
   M(".config-form")
@@ -19876,15 +19877,15 @@ B([
 f = B([
   ie("cx-config-form")
 ], f);
-const s2 = 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 o2 = Object.defineProperty, h2 = Object.getOwnPropertyDescriptor, $ = (e, a, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? h2(a, n) : a, i = e.length - 1, m; i >= 0; i--)
+const o2 = 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 h2 = Object.defineProperty, g2 = Object.getOwnPropertyDescriptor, $ = (e, a, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? g2(a, n) : a, i = e.length - 1, m; i >= 0; i--)
     (m = e[i]) && (r = (t ? m(a, n, r) : m(r)) || r);
-  return t && r && o2(a, n, r), r;
+  return t && r && h2(a, n, r), r;
 };
 let F = class extends ee {
   constructor() {
-    super(), this.localize = new W(this), this.configsController = new v1(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);
+    super(), this.localize = new W(this), this.configsController = new $1(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.
@@ -19932,9 +19933,9 @@ let F = class extends ee {
       enableFontFamilyControls: this.enableFontFamilyControls
     });
     this.blockType = e, this.blockName = this.component.getName(), this.blockAttributes = {
-      ...$1(this.component),
-      ...L0(this.translatableControlValuesMap[this.defaultLanguage], (n) => n === void 0)
-    }, this.blockProperties = w1(this.component), this.blockStyles = S1(this.component), this.traits = Array.isArray(a) ? a : [];
+      ...w1(this.component),
+      ...q0(this.translatableControlValuesMap[this.defaultLanguage], (n) => n === void 0)
+    }, this.blockProperties = S1(this.component), this.blockStyles = _1(this.component), this.traits = Array.isArray(a) ? a : [];
   }
   handleSave(e) {
     const n = this.getFlattenTraits(this.traits).reduce(
@@ -19943,7 +19944,7 @@ let F = class extends ee {
     ), t = Object.entries(this.blockAttributes).reduce(
       (r, [i, m]) => {
         const A = n[i];
-        return _1.includes(i) || (A ? r[i] = m : typeof m == "boolean" && (r[i] = !1)), r;
+        return I1.includes(i) || (A ? r[i] = m : typeof m == "boolean" && (r[i] = !1)), r;
       },
       {}
     );
@@ -19991,7 +19992,7 @@ let F = class extends ee {
     return g`<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>`;
   }
 };
-F.styles = [ae, s2];
+F.styles = [ae, o2];
 F.dependencies = {
   "cx-config-form": f,
   "cx-typography": Q