@orangelogic/design-system 4.3.0 → 4.5.0

package/library/chunks/{index.DiZGZkHv.js → index.D8XR8JuY.js}

@@ -1,34 +1,34 @@
-import { C as z } from "./typography.BLYdTF0n.js";
-import { n, C as N } from "./lib-cortex-element.CVMmyPMC.js";
-import { c as O } from "./component.styles.CAS3c9pM.js";
-import { s as M } from "./folder-select.BWeanVkA.js";
-import { E as A, B as H } from "./content-builder.CBBdfVOl.js";
-import { c as V } from "./custom-element.L4WJXn1j.js";
-import { L as _ } from "./i18n.Q5_2aVLU.js";
+import { C as N } from "./typography.BLYdTF0n.js";
+import { n, C as O } from "./lib-cortex-element.CVMmyPMC.js";
+import { c as M } from "./component.styles.CAS3c9pM.js";
+import { s as V } from "./folder-select.DAZQRdLq.js";
+import { E as F, B as H } from "./content-builder.CBBdfVOl.js";
+import { c as j } from "./custom-element.L4WJXn1j.js";
+import { L as R } from "./i18n.BSPmBQ73.js";
 import { w as k } from "./watch.DJF5K-8U.js";
-import { B as U, E as F, i as j, x as h } from "./lit-element.jLBm65_O.js";
+import { B as U, E as P, i as G, x as h } from "./lit-element.jLBm65_O.js";
 import { r as g } from "./state.CSDxrqLd.js";
 import { e as $ } from "./query.BBf1UFkC.js";
-import { b as G } from "./_baseIteratee.sC2wLi2m.js";
+import { b as W } from "./_baseIteratee.sC2wLi2m.js";
 import { a as J } from "./toString.B1zKIiZc.js";
 import { b as X } from "./cloneDeep.tKGbEwzn.js";
 import { c as Y } from "./_baseClone.ipmFlCAx.js";
-import { F as P, a as Q, C as Z, I as tt, t as et, c as ot, b as st, d as rt, e as it, f as at, g as nt, h as lt, i as ct, j as pt, k as ht, l as dt, m as ut, n as mt, o as ft, p as gt, q as bt, r as yt, s as xt, O as Ct } from "./types.BW36Gr9c.js";
-import { C as wt } from "./button.DbAUlIXG.js";
+import { F as _, a as Q, C as Z, I as tt, t as et, c as ot, b as st, d as rt, e as it, f as at, g as nt, h as lt, i as ct, j as pt, k as ht, l as dt, m as ut, n as mt, o as ft, p as gt, q as bt, r as yt, s as xt, O as Ct } from "./types.DVqUSJlF.js";
+import { C as wt } from "./button.cbDkxJHn.js";
 import vt from "../components/button-group.js";
 import kt from "../components/card.js";
 import $t from "../components/checkbox.js";
-import { C as Tt, D as R } from "./dialog.CXphbq8N.js";
+import { C as Tt, D } from "./dialog.BvSMV36r.js";
 import St from "../components/divider.js";
 import At from "../components/dropdown.js";
 import Ft from "../components/grid.js";
 import Pt from "../components/grid-item.js";
 import { C as _t } from "./icon.BLXWp6CU.js";
-import { C as Rt } from "./input.ftEf4GS6.js";
+import { C as Rt } from "./input.7pumTpdu.js";
 import Dt from "../components/line-clamp.js";
 import It from "../components/menu.js";
-import { C as qt } from "./menu-item.BNs1Ji48.js";
-import { C as Lt } from "./option.C8IEnv5Q.js";
+import { C as qt } from "./menu-item.CqPvDGeN.js";
+import { C as Lt } from "./option.dBUWN4sF.js";
 import Bt from "../components/radio.js";
 import Et from "../components/radio-card.js";
 import zt from "../components/radio-group.js";
@@ -36,14 +36,14 @@ import Nt from "../components/select.js";
 import Ot from "../components/space.js";
 import Mt from "../components/switch.js";
 import Vt from "../components/tab.js";
-import { C as jt } from "./tab-group.DZ32f41G.js";
+import { C as jt } from "./tab-group.DOnaT12G.js";
 import Gt from "../components/tab-panel.js";
 import Wt from "../components/textarea.js";
 import Kt from "../components/tooltip.js";
 import Ht from "../components/visually-hidden.js";
 import Ut from "../components/bicolor-picker.js";
 import Jt from "../components/border-input-group.js";
-import { C as Xt, a as Yt } from "./confirm-popover.Cd4HM5-B.js";
+import { C as Xt, a as Yt } from "./confirm-popover.Dvgoz-oA.js";
 import Qt from "../components/corner-position-input-group.js";
 import Zt from "../components/dynamic-select.js";
 import te from "../components/padding-input-group.js";
@@ -52,16 +52,16 @@ import oe from "../components/shadow-input-group.js";
 import se from "../components/size-input-group.js";
 import { isFormInteracted as re } from "../utils.js";
 import { e as ie, i as ae } from "./directive.oAbCiebi.js";
-import { e as D, p as I, m as q, s as L, h as ne, l as le } from "./directive-helpers.DEDMV45_.js";
+import { e as I, p as q, m as L, s as B, h as ne, l as le } from "./directive-helpers.DEDMV45_.js";
 import { i as ce } from "./keyed.DdOUTIg-.js";
-import { c as S } from "./repeat.CFjcER6_.js";
+import { c as A } from "./repeat.CFjcER6_.js";
 import { n as y } from "./when.Dr1es41R.js";
 import { b as pe } from "./_baseXor.BCxbgizO.js";
-import { a as he, i as B, b as de } from "./isArrayLikeObject.D7afXo-f.js";
+import { a as he, i as E, b as de } from "./isArrayLikeObject.D7afXo-f.js";
 import { i as ue } from "./isEmpty.DtTJTUcf.js";
-import { u as W } from "./asset-link-format.C5Ue4EGP.js";
+import { u as K } from "./asset-link-format.DTLA2CFh.js";
 import { r as me } from "./choose.BTbF6BAn.js";
-import { o as T } from "./if-defined.BRoBj_Rp.js";
+import { o as S } from "./if-defined.BRoBj_Rp.js";
 import { o as fe } from "./map.D8heArFD.js";
 import { e as ge, n as be } from "./ref.DktKp7fP.js";
 import { o as ye } from "./style-map.llVFPd__.js";
@@ -90,12 +90,12 @@ function we(t, e) {
   var o = J(Y(t), function(a) {
     return [a];
   });
-  return e = G(e), X(t, o, function(a, i) {
+  return e = W(e), X(t, o, function(a, i) {
     return e(a, i[0]);
   });
 }
 function ve(t, e) {
-  return we(t, Ce(G(e)));
+  return we(t, Ce(W(e)));
 }
 const ke = /* @__PURE__ */ new Map([
   ["100", "Thin"],
@@ -108,8 +108,8 @@ const ke = /* @__PURE__ */ new Map([
   ["800", "Extra Bold"],
   ["900", "Black"]
 ]);
-P.Cff, P.TrueType;
-new Set(Object.values(P));
+_.Cff, _.TrueType;
+new Set(Object.values(_));
 new RegExp(
   `\\$\\{(${Object.values(Q).join("|")})\\}`,
   "g"
@@ -139,7 +139,7 @@ function Se(t) {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const E = (t) => le(t) ? t._$litType$.h : t.strings, Ae = ie(class extends ae {
+const z = (t) => le(t) ? t._$litType$.h : t.strings, Ae = ie(class extends ae {
   constructor(t) {
     super(t), this.et = /* @__PURE__ */ new WeakMap();
   }
@@ -147,22 +147,22 @@ const E = (t) => le(t) ? t._$litType$.h : t.strings, Ae = ie(class extends ae {
     return [t];
   }
   update(t, [e]) {
-    const o = D(this.it) ? E(this.it) : null, a = D(e) ? E(e) : null;
+    const o = I(this.it) ? z(this.it) : null, a = I(e) ? z(e) : null;
     if (o !== null && (a === null || o !== a)) {
-      const i = I(t).pop();
+      const i = q(t).pop();
       let r = this.et.get(o);
       if (r === void 0) {
         const s = document.createDocumentFragment();
-        r = U(F, s), r.setConnected(!1), this.et.set(o, r);
+        r = U(P, s), r.setConnected(!1), this.et.set(o, r);
       }
-      q(r, [i]), L(r, void 0, i);
+      L(r, [i]), B(r, void 0, i);
     }
     if (a !== null) {
       if (o === null || o !== a) {
         const i = this.et.get(a);
         if (i !== void 0) {
-          const r = I(i).pop();
-          ne(t), L(t, void 0, r), q(t, [r]);
+          const r = q(i).pop();
+          ne(t), B(t, void 0, r), L(t, [r]);
         }
       }
       this.it = e;
@@ -171,12 +171,12 @@ const E = (t) => le(t) ? t._$litType$.h : t.strings, Ae = ie(class extends ae {
   }
 });
 var Fe = he(function(t, e) {
-  return B(t) ? pe(t, de(e, 1, B, !0)) : [];
+  return E(t) ? pe(t, de(e, 1, E, !0)) : [];
 });
-const Pe = j`:host{display:block}.config-form{--body-spacing:0;--header-spacing:var(--cx-spacing-small) var(--cx-spacing-large) 0;--width:680px;--cx-input-required-content-display:none;color:var(--cx-color-neutral)}.config-form__dropdown{text-align:left}.config-form__checkbox-group-item{--item-padding:0;--selected-background-color:transparent}.config-form__radio-card{--radio-card-overflow:clip}.config-form__dropdown-menu{--checked-icon-display:none}.config-form__confirm-popover{--confirm-popover-dialog-width:fit-content;--confirm-button-background-color:var(--cx-color-danger-500);--cancel-button-background-color:var(--cx-color-neutral-100);--cancel-button-color:var(--cx-color-neutral-700)}.config-form__tab-group{--padding:0;--tab-group-nav-padding:0 var(--cx-spacing-large);--tab-group-top-gap:0}.config-form__tab-group::part(nav){background-color:var(--cx-color-neutral-0);z-index:1;position:sticky;top:0}`;
+const Pe = G`:host{display:block}.config-form{--body-spacing:0;--header-spacing:var(--cx-spacing-small) var(--cx-spacing-large) 0;--width:680px;--cx-input-required-content-display:none;color:var(--cx-color-neutral)}.config-form__dropdown{text-align:left}.config-form__checkbox-group-item{--item-padding:0;--selected-background-color:transparent}.config-form__radio-card{--radio-card-overflow:clip}.config-form__dropdown-menu{--checked-icon-display:none}.config-form__confirm-popover{--confirm-popover-dialog-width:fit-content;--confirm-button-background-color:var(--cx-color-danger-500);--cancel-button-background-color:var(--cx-color-neutral-100);--cancel-button-color:var(--cx-color-neutral-700)}.config-form__tab-group{--padding:0;--tab-group-nav-padding:0 var(--cx-spacing-large);--tab-group-top-gap:0}.config-form__tab-group::part(nav){background-color:var(--cx-color-neutral-0);z-index:1;position:sticky;top:0}`;
 class _e {
   constructor(e) {
-    this.host = e, this.localize = new _(this.host), this.controlRenderer = new Z(this.host, {
+    this.host = e, this.localize = new R(this.host), this.controlRenderer = new Z(this.host, {
       commit: async ({ callback: o, immediate: a, key: i, type: r, value: s }) => {
         if (a && r === "attribute") {
           this.handleAttributeChange(i, s, o);
@@ -299,7 +299,7 @@ class _e {
   }
   renderBasicControls(e, o, a) {
     const i = ge(), r = h`
-      ${S(
+      ${A(
       e.filter((s) => {
         const u = !a || s.name && this.host.tabMap[s.name] === a || o?.name && this.host.tabMap[o.name] === a;
         let m = !1;
@@ -376,20 +376,20 @@ class _e {
       const { controlType: s, groupConfigs: u } = o;
       if (s === "group" && u?.direction === "horizontal") {
         const { columnGap: m, gap: x, rowGap: f, wrap: b } = u;
-        return h`<cx-grid columns="100" use-flex-gap spacing=${T(x)} column-spacing=${T(m)} row-spacing=${T(f)} wrap=${T(b)} ${be(i)}>${r}</cx-grid>`;
+        return h`<cx-grid columns="100" use-flex-gap spacing=${S(x)} column-spacing=${S(m)} row-spacing=${S(f)} wrap=${S(b)} ${be(i)}>${r}</cx-grid>`;
       }
     }
     return h`<cx-space direction="vertical" wrap="nowrap">${r}</cx-space>`;
   }
   renderTranslationControls() {
-    const e = W(
+    const e = K(
       this.host.translatableControls.map((a) => a.translateGroup)
-    ), o = h`${S(e, (a) => {
+    ), o = h`${A(e, (a) => {
       const i = this.host.translatableControls.filter((r) => {
         let s = !1;
         return (!this.host.skipShowCheck || !r.skipShowCheck) && (typeof r.show == "boolean" ? s = !r.show : typeof r.show == "function" && (s = !r.show(this.host.blockAttributes))), r.translateGroup === a && !s;
       });
-      return i.length === 0 ? F : h`<cx-typography variant="h5">${a}</cx-typography>${S(
+      return i.length === 0 ? P : h`<cx-typography variant="h5">${a}</cx-typography>${A(
         i,
         (r) => r.id,
         (r) => r.controlType === "info-text" ? this.renderInfoText(r) : 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">${r.label}</cx-typography></cx-grid-item><cx-grid-item xs="4" sm="3"><cx-space direction="vertical" spacing="x-small" wrap="nowrap">${fe(this.host.sortedLanguages, (s) => {
@@ -401,19 +401,23 @@ class _e {
             case "image-picker": {
               x = async (f) => {
                 if (typeof f == "object" && f !== null) {
-                  const { id: b, src: v } = f, w = r.pickerConfigs?.recordIdKey ?? "record-id";
+                  const { id: b, src: v } = f, w = r.pickerConfigs?.recordIdKey ?? "record-id", C = r.pickerConfigs?.aspectRatioKey, T = b ? await this.controlRenderer.resolveAssetFormat(b, r.pickerConfigs?.defaultFormat ?? "") : { aspectRatio: 0, src: "" };
                   this.host.emit("cx-content-builder-translatable-value-change", {
                     detail: {
                       language: s,
                       values: [{
                         attribute: r.id,
                         type: "attribute",
-                        value: v
+                        value: T.src || v
                       }, {
                         attribute: w,
                         type: "attribute",
                         value: b
-                      }]
+                      }, ...C ? [{
+                        attribute: C,
+                        type: "attribute",
+                        value: String(T.aspectRatio)
+                      }] : []]
                     }
                   });
                 }
@@ -424,7 +428,7 @@ class _e {
             case "video-picker": {
               x = async (f) => {
                 if (typeof f == "object" && f !== null) {
-                  const { id: b, name: v, src: w } = f, C = r.pickerConfigs?.recordIdKey ?? "record-id", K = r.pickerConfigs?.nameKey ?? "name";
+                  const { id: b, name: v, src: w } = f, C = r.pickerConfigs?.recordIdKey ?? "record-id", T = r.pickerConfigs?.nameKey ?? "name";
                   this.host.emit("cx-content-builder-translatable-value-change", {
                     detail: {
                       language: s,
@@ -437,7 +441,7 @@ class _e {
                         type: "attribute",
                         value: b
                       }, {
-                        attribute: K,
+                        attribute: T,
                         type: "attribute",
                         value: v
                       }]
@@ -465,7 +469,7 @@ class _e {
                         ${y(
             r.controlType && r.controlType !== "input",
             () => h`<cx-typography variant="body3">${u}</cx-typography>`,
-            () => F
+            () => P
           )}
                         ${this.controlRenderer.renderControl({
             blockAttributes: {
@@ -498,9 +502,9 @@ var Re = Object.defineProperty, De = Object.getOwnPropertyDescriptor, c = (t, e,
     (s = t[r]) && (i = (a ? s(e, o, i) : s(i)) || i);
   return a && i && Re(e, o, i), i;
 };
-let l = class extends N {
+let l = class extends O {
   constructor() {
-    super(...arguments), this.localize = new _(this), this.configFormController = new _e(this), this.loading = !1, this.mode = A.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 R(this), this.configFormController = new _e(this), this.loading = !1, this.mode = F.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.
@@ -510,7 +514,7 @@ let l = class extends N {
    * @default true
    */
   get isTemplateEditable() {
-    return this.mode === A.Template;
+    return this.mode === F.Template;
   }
   /**
    * Returns the list of tabs available in the configuration manager.
@@ -526,7 +530,7 @@ let l = class extends N {
       "styling",
       "effects"
       /* Effects */
-    ], e = W(Object.values(this.tabMap)).sort(
+    ], e = K(Object.values(this.tabMap)).sort(
       (o, a) => t.indexOf(o) - t.indexOf(a)
     );
     return this.isTemplateEditable ? e : e.filter(
@@ -634,7 +638,7 @@ let l = class extends N {
     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=${R.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">${y(
+    return h`<cx-dialog class="config-form" use-overlay-scrollbar divider-position=${D.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">${y(
       this.dialogTitle,
       () => h`<cx-line-clamp lines="1">${this.dialogTitle}</cx-line-clamp>`,
       () => h`${this.localize.term(
@@ -658,7 +662,7 @@ let l = class extends N {
             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>`
           )}
-                    ${S(
+                    ${A(
             this.tabs.filter(
               (t) => !this.showTemplateTab || t === "appearance" || t === "effects" || t === "sidePanels" || t === "styling"
               /* Styling */
@@ -679,12 +683,12 @@ let l = class extends N {
         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>`
-    )}</cx-button-group></cx-space></cx-dialog><cx-confirm-popover class="config-form__confirm-popover" divider-position=${R.Both} buttons-direction=${Yt.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=${D.Both} buttons-direction=${Yt.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>`;
   }
 };
-l.styles = [O, Pe, et, ot];
+l.styles = [M, Pe, et, ot];
 l.dependencies = {
   "cx-asset-format-picker": ft,
   "cx-asset-picker": mt,
@@ -734,7 +738,7 @@ l.dependencies = {
   "cx-textarea": Wt,
   "cx-tooltip": Kt,
   "cx-type-subtype-select": st,
-  "cx-typography": z,
+  "cx-typography": N,
   "cx-visually-hidden": Ht
 };
 c([
@@ -841,7 +845,7 @@ c([
 c([
   n({
     attribute: "allowed-folders",
-    converter: M,
+    converter: V,
     type: Array
   })
 ], l.prototype, "allowedFolders", 2);
@@ -864,17 +868,17 @@ c([
   k("supportedLanguages")
 ], l.prototype, "handleSupportedLanguagesChange", 1);
 l = c([
-  V("cx-config-form")
+  j("cx-config-form")
 ], l);
-const Ie = j`:host{display:block}.confirm-popover__footer{--color:var(--cx-color-danger)}.confirm-popover__footer::part(base){margin-top:var(--cx-spacing-small);display:block}`;
+const Ie = G`: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 qe = Object.defineProperty, Le = Object.getOwnPropertyDescriptor, d = (t, e, o, a) => {
   for (var i = a > 1 ? void 0 : a ? Le(e, o) : e, r = t.length - 1, s; r >= 0; r--)
     (s = t[r]) && (i = (a ? s(e, o, i) : s(i)) || i);
   return a && i && qe(e, o, i), i;
 };
-let p = class extends N {
+let p = class extends O {
   constructor() {
-    super(), this.localize = new _(this), this.configsController = new gt(this.localize), this.component = null, this.loading = !1, this.mode = A.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 R(this), this.configsController = new gt(this.localize), this.component = null, this.loading = !1, this.mode = F.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.
@@ -884,7 +888,7 @@ let p = class extends N {
    * @default true
    */
   get isTemplateEditable() {
-    return this.mode === A.Template;
+    return this.mode === F.Template;
   }
   getFlattenTraits(t, e, o = !1) {
     return t.reduce(
@@ -995,10 +999,10 @@ let p = class extends N {
     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>`;
   }
 };
-p.styles = [O, Ie];
+p.styles = [M, Ie];
 p.dependencies = {
   "cx-config-form": l,
-  "cx-typography": z
+  "cx-typography": N
 };
 d([
   $("cx-config-form")
@@ -1029,7 +1033,7 @@ d([
 d([
   n({
     attribute: "allowed-folders",
-    converter: M,
+    converter: V,
     type: Array
   })
 ], p.prototype, "allowedFolders", 2);
@@ -1119,7 +1123,7 @@ d([
   k("component")
 ], p.prototype, "handleComponentChange", 1);
 p = d([
-  V("cx-config-manager")
+  j("cx-config-manager")
 ], p);
 export {
   p as CxConfigManager

package/library/chunks/{input.ftEf4GS6.js → input.7pumTpdu.js}

@@ -4,7 +4,7 @@ import { f as ot } from "./form-control.styles.CHC7Q08Q.js";
 import { c as lt } from "./custom-element.L4WJXn1j.js";
 import { d as ht } from "./default-value.COZopaet.js";
 import { F as pt } from "./form.LpappO1d.js";
-import { L as ct } from "./i18n.Q5_2aVLU.js";
+import { L as ct } from "./i18n.BSPmBQ73.js";
 import { H as dt } from "./slot.j5oheLJC.js";
 import { w as V } from "./watch.DJF5K-8U.js";
 import { i as ft, x as E } from "./lit-element.jLBm65_O.js";

package/library/chunks/{markdown.RljldBNb.js → markdown.LHSzm035.js}

@@ -1,7 +1,7 @@
-import { C as jn, I as Yn } from "./icon-button.BjAbCuH8.js";
+import { C as jn, I as Yn } from "./icon-button.DV5Fks8j.js";
 import { C as Un, n as me } from "./lib-cortex-element.CVMmyPMC.js";
 import { c as Gn } from "./custom-element.L4WJXn1j.js";
-import { L as Hn } from "./i18n.Q5_2aVLU.js";
+import { L as Hn } from "./i18n.BSPmBQ73.js";
 import { w as Ne } from "./watch.DJF5K-8U.js";
 import { s as Kn } from "./string.CfI2ejyR.js";
 import { i as mt, x as Wn } from "./lit-element.jLBm65_O.js";

package/library/chunks/{menu-item.BNs1Ji48.js → menu-item.CqPvDGeN.js}

@@ -1,7 +1,7 @@
 import { n as r, C as L } from "./lib-cortex-element.CVMmyPMC.js";
 import { c as M } from "./component.styles.CAS3c9pM.js";
 import { c as E } from "./custom-element.L4WJXn1j.js";
-import { d as k, L as P } from "./i18n.Q5_2aVLU.js";
+import { d as k, L as P } from "./i18n.BSPmBQ73.js";
 import { H as z, g as R } from "./slot.j5oheLJC.js";
 import { w as b } from "./watch.DJF5K-8U.js";
 import { i as D, x as h, E as S } from "./lit-element.jLBm65_O.js";

package/library/chunks/{option.C8IEnv5Q.js → option.dBUWN4sF.js}

@@ -1,7 +1,7 @@
 import { n as s, C as x } from "./lib-cortex-element.CVMmyPMC.js";
 import { c as m } from "./component.styles.CAS3c9pM.js";
 import { c as v } from "./custom-element.L4WJXn1j.js";
-import { L as g } from "./i18n.Q5_2aVLU.js";
+import { L as g } from "./i18n.BSPmBQ73.js";
 import { w as d } from "./watch.DJF5K-8U.js";
 import { i as b, x as h } from "./lit-element.jLBm65_O.js";
 import { r as f } from "./state.CSDxrqLd.js";

package/library/chunks/{pagination.Bke9vgl4.js → pagination.C2f8lUVb.js}

@@ -1,8 +1,8 @@
 import d from "../components/space.js";
 import { n as o, C as _ } from "./lib-cortex-element.CVMmyPMC.js";
-import { C as P, I as z } from "./icon-button.BjAbCuH8.js";
+import { C as P, I as z } from "./icon-button.DV5Fks8j.js";
 import { c as y } from "./custom-element.L4WJXn1j.js";
-import { L as f } from "./i18n.Q5_2aVLU.js";
+import { L as f } from "./i18n.BSPmBQ73.js";
 import { c as m } from "./math.DuKzLacZ.js";
 import { w as b } from "./watch.DJF5K-8U.js";
 import { i as C, x as s } from "./lit-element.jLBm65_O.js";
@@ -10,9 +10,9 @@ import { r as S } from "./state.CSDxrqLd.js";
 import { e as $ } from "./class-map.BiVq-cVR.js";
 import { c as x } from "./repeat.CFjcER6_.js";
 import { n as c } from "./when.Dr1es41R.js";
-import { C as w } from "./button.DbAUlIXG.js";
-import { C as v } from "./input.ftEf4GS6.js";
-import { C as I } from "./option.C8IEnv5Q.js";
+import { C as w } from "./button.cbDkxJHn.js";
+import { C as v } from "./input.7pumTpdu.js";
+import { C as I } from "./option.dBUWN4sF.js";
 import B from "../components/select.js";
 import N from "../components/tooltip.js";
 import { C as k } from "./typography.BLYdTF0n.js";

package/library/chunks/{resizable-component.styles.CAfXABBc.js → resizable-component.styles.kMFDlGgv.js}

@@ -274,8 +274,8 @@ const E = L`.resizer{background-color:var(--cx-color-primary);z-index:100;width:
 export {
   B as H,
   u as R,
-  p as a,
-  b,
+  b as a,
+  p as b,
   k as c,
   n as d,
   H as e,

package/library/chunks/{responsive.BmBJSzC4.js → responsive.DqF_v1XY.js}

@@ -1,17 +1,19 @@
 import { D as i } from "./content-builder.CBBdfVOl.js";
-function s(r, t = [350, 696, 1024]) {
-  const o = getComputedStyle(r), e = [
-    Number.parseFloat(o.getPropertyValue("--breakpoint-mobile").trim()),
-    Number.parseFloat(o.getPropertyValue("--breakpoint-tablet").trim()),
+const o = [480, 1024, 1 / 0];
+function a(r, t = o) {
+  const n = getComputedStyle(r), e = [
+    Number.parseFloat(n.getPropertyValue("--breakpoint-mobile").trim()),
+    Number.parseFloat(n.getPropertyValue("--breakpoint-tablet").trim()),
     1 / 0
   ];
   return Number.isNaN(e[0]) ? e[0] = t[0] : e[0]++, Number.isNaN(e[1]) ? e[1] = t[1] : e[1]++, e;
 }
-function a(r) {
+function l(r) {
   const t = window.innerWidth;
   return t > r[1] ? i.Desktop : t > r[0] && t <= r[1] ? i.Tablet : i.Mobile;
 }
 export {
-  a,
-  s as g
+  o as D,
+  l as a,
+  a as g
 };

package/library/chunks/{tab-group.DZ32f41G.js → tab-group.DOnaT12G.js}

@@ -2,7 +2,7 @@ import zn from "../components/resize-observer.js";
 import { n as wt, C as Bn } from "./lib-cortex-element.CVMmyPMC.js";
 import { c as Fn } from "./component.styles.CAS3c9pM.js";
 import { c as Nn } from "./custom-element.L4WJXn1j.js";
-import { L as Ln } from "./i18n.Q5_2aVLU.js";
+import { L as Ln } from "./i18n.BSPmBQ73.js";
 import { s as Zi } from "./scroll.xtO5yojm.js";
 import { w as ft } from "./watch.DJF5K-8U.js";
 import { i as $n } from "./dom.D0lSUoEI.js";
@@ -17,11 +17,11 @@ import { i as Ji } from "./guard.D4axKaMo.js";
 import { o as tr } from "./map.D8heArFD.js";
 import { o as Ve } from "./style-map.llVFPd__.js";
 import { n as Pe } from "./when.Dr1es41R.js";
-import { C as Yn } from "./button.DbAUlIXG.js";
+import { C as Yn } from "./button.cbDkxJHn.js";
 import Xn from "../components/dropdown.js";
-import { C as qn } from "./icon-button.BjAbCuH8.js";
+import { C as qn } from "./icon-button.DV5Fks8j.js";
 import Gn from "../components/menu.js";
-import { C as Kn } from "./menu-item.BNs1Ji48.js";
+import { C as Kn } from "./menu-item.CqPvDGeN.js";
 import jn from "../components/tab.js";
 var bi = /* @__PURE__ */ ((o) => (o.Bottom = "bottom", o.End = "end", o.Start = "start", o.Top = "top", o))(bi || {}), Ke = /* @__PURE__ */ ((o) => (o.Center = "center", o.End = "flex-end", o.Start = "flex-start", o))(Ke || {}), wr = /* @__PURE__ */ ((o) => (o.Auto = "auto", o.Manual = "manual", o))(wr || {}), ue = /* @__PURE__ */ ((o) => (o.Button = "button", o.Default = "default", o.Timeline = "timeline", o))(ue || {}), Tt = /* @__PURE__ */ ((o) => (o.Dropdown = "dropdown", o.Pagination = "pagination", o.Scroll = "scroll", o))(Tt || {}), Ut = /* @__PURE__ */ ((o) => (o.Absolute = "absolute", o.DisplayNone = "display-none", o))(Ut || {});
 function Dt(o) {

package/library/chunks/{tree.Umn7TAkc.js → tree.CHQ1WjZV.js}

@@ -1,7 +1,7 @@
 import { C as F, n as l } from "./lib-cortex-element.CVMmyPMC.js";
 import { c as O } from "./component.styles.CAS3c9pM.js";
 import { c as U } from "./custom-element.L4WJXn1j.js";
-import { L as N } from "./i18n.Q5_2aVLU.js";
+import { L as N } from "./i18n.BSPmBQ73.js";
 import { c as j } from "./math.DuKzLacZ.js";
 import { w as b } from "./watch.DJF5K-8U.js";
 import { i as R, x as m, E } from "./lit-element.jLBm65_O.js";