@orangelogic/design-system 2.115.0 → 2.117.0

package/library/chunks/{folder-select.8xNjeJfp.js → folder-select.CrWjwQcw.js}

@@ -5,8 +5,8 @@ import oe from "../components/select.js";
 import ce from "../components/tag.js";
 import { C as g, a as ne } from "./tree.Btf2Q4YZ.js";
 import { n as r, C as U } from "./lib-cortex-element.CVMmyPMC.js";
-import { h as R, F as he, c as de } from "./endpoints.CDX5PgQz.js";
-import { M as k } from "./asset-link-format.B0c92pSs.js";
+import { h as R, F as he, c as de } from "./endpoints.D4h8hp1m.js";
+import { M as k } from "./asset-link-format.QzzboHHE.js";
 import { c as j } from "./component.styles.CRO4Odto.js";
 import { c as M } from "./custom-element.L4WJXn1j.js";
 import { L } from "./i18n.CH-wak_P.js";

package/library/chunks/{list-editor.7zNWfBuW.js → list-editor.BfpDIsU5.js}

@@ -1,43 +1,43 @@
 import { C as k } from "./button.DwJEeW2t.js";
-import { C as O, D as q } from "./dialog.BYCWepBc.js";
-import G from "../components/grid.js";
-import R from "../components/grid-item.js";
-import { C as _ } from "./input.CH4lKxPM.js";
-import j from "../components/line-clamp.js";
-import { C as P } from "./option.Bvh35v8S.js";
-import F from "../components/radio.js";
-import B from "../components/radio-group.js";
-import K from "../components/select.js";
-import S from "../components/space.js";
-import { C as U, H } from "./table.BvbReIZh.js";
-import { C as E } from "./typography.DJC_UXgs.js";
-import { n as o, C as T } from "./lib-cortex-element.CVMmyPMC.js";
-import V from "../components/dynamic-select.js";
-import { c as L } from "./component.styles.CRO4Odto.js";
-import { c as M } from "./custom-element.L4WJXn1j.js";
-import { d as W } from "./debounce.CIEhztrj.js";
-import { L as D } from "./i18n.CH-wak_P.js";
+import { C as R, D as j } from "./dialog.BYCWepBc.js";
+import B from "../components/grid.js";
+import F from "../components/grid-item.js";
+import { C as E } from "./input.CH4lKxPM.js";
+import P from "../components/line-clamp.js";
+import { C as K } from "./option.Bvh35v8S.js";
+import U from "../components/radio.js";
+import H from "../components/radio-group.js";
+import V from "../components/select.js";
+import T from "../components/space.js";
+import { C as W, H as J } from "./table.GCs54Y2t.js";
+import { C as L } from "./typography.DJC_UXgs.js";
+import { n as o, C as D } from "./lib-cortex-element.CVMmyPMC.js";
+import X from "../components/dynamic-select.js";
+import { c as M } from "./component.styles.CRO4Odto.js";
+import { c as z } from "./custom-element.L4WJXn1j.js";
+import { d as Y } from "./debounce.CIEhztrj.js";
+import { L as O } from "./i18n.CH-wak_P.js";
 import { w as v } from "./watch.CThbualB.js";
-import { a as J } from "./_commonjsHelpers.DQNKXVTB.js";
-import { i as z, x as l } from "./lit-element.jLBm65_O.js";
-import { r as b } from "./state.CSDxrqLd.js";
+import { a as Z } from "./_commonjsHelpers.DQNKXVTB.js";
+import { i as q, x as l } from "./lit-element.jLBm65_O.js";
+import { r as N } from "./state.CSDxrqLd.js";
 import { e as y } from "./query.BBf1UFkC.js";
-import { r as X } from "./choose.BTbF6BAn.js";
-import { e as Y } from "./class-map.BiVq-cVR.js";
-import { o as Z } from "./map.D8heArFD.js";
+import { r as Q } from "./choose.BTbF6BAn.js";
+import { e as ee } from "./class-map.BiVq-cVR.js";
+import { o as te } from "./map.D8heArFD.js";
 import { c as x } from "./repeat.DbF2p5ae.js";
-import { n as N } from "./when.Dr1es41R.js";
-import { t as Q } from "./toString.CAY8lys2.js";
-import { C as ee } from "./icon-button.CQiBjznj.js";
-import { C as te } from "./image.cT-FziNS.js";
-import { a as ae } from "./asset.CtPQLZOf.js";
-import { a as ie } from "./index.Cpamj0jB.js";
+import { n as b } from "./when.Dr1es41R.js";
+import { t as ae } from "./toString.CAY8lys2.js";
+import { C as ie } from "./icon-button.CQiBjznj.js";
+import { C as ne } from "./image.cT-FziNS.js";
+import { a as se, F as I, b as w } from "./asset.CIWxY-Aw.js";
+import { a as re } from "./index.Cpamj0jB.js";
 import { A as g } from "./content-builder.OsUmm8Wu.js";
-import { b as ne, t as w } from "./string.DUgD4c9f.js";
-import { t as se } from "./toast.D3AW3RWv.js";
-var C, I;
-function re() {
-  return I || (I = 1, C = {
+import { b as oe, t as $ } from "./string.DUgD4c9f.js";
+import { t as le } from "./toast.D3AW3RWv.js";
+var C, _;
+function me() {
+  return _ || (_ = 1, C = {
     aa: {
       name: "Afar",
       nativeName: "Afaraf"
@@ -772,11 +772,11 @@ function re() {
     }
   }), C;
 }
-var A, $;
-function oe() {
-  if ($) return A;
-  $ = 1;
-  const e = re(), t = {}, a = {}, i = [], s = [], p = [];
+var A, S;
+function ce() {
+  if (S) return A;
+  S = 1;
+  const e = me(), t = {}, a = {}, i = [], s = [], p = [];
   for (const d in e) {
     const { name: m, nativeName: h } = e[d];
     t[d] = a[m.toLowerCase()] = a[h.toLowerCase()] = { code: d, name: m, nativeName: h }, i.push(d), s.push(m), p.push(h);
@@ -810,22 +810,22 @@ function oe() {
     }
   }, A;
 }
-var le = oe();
-const me = /* @__PURE__ */ J(le);
-var ce = 0;
-function de(e) {
-  var t = ++ce;
-  return Q(e) + t;
+var de = ce();
+const pe = /* @__PURE__ */ Z(de);
+var ue = 0;
+function he(e) {
+  var t = ++ue;
+  return ae(e) + t;
 }
-const pe = z`:host{isolation:isolate}.asset-picker__input[data-user-invalid]~.asset-picker__trigger-wrapper .asset-picker__button::part(base){border-color:var(--cx-input-invalid-border-color)}.asset-picker__input[data-user-invalid]:focus-within~.asset-picker__trigger-wrapper .asset-picker__button::part(base){border-color:var(--cx-input-invalid-border-color);box-shadow:var(--cx-input-invalid-shadow)}.asset-picker__button-container{position:relative}.asset-picker__trigger-wrapper{z-index:1;position:relative}.asset-picker__image{--height:150px;--width:200px;--border-radius:var(--cx-border-radius-medium)}.asset-picker__input{opacity:0;width:100%;height:100%;position:absolute;top:0;left:0}`;
-var ue = Object.defineProperty, he = Object.getOwnPropertyDescriptor, u = (e, t, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? he(t, a) : t, p = e.length - 1, d; p >= 0; p--)
+const ve = q`:host{isolation:isolate}.asset-picker__input[data-user-invalid]~.asset-picker__trigger-wrapper .asset-picker__button::part(base){border-color:var(--cx-input-invalid-border-color)}.asset-picker__input[data-user-invalid]:focus-within~.asset-picker__trigger-wrapper .asset-picker__button::part(base){border-color:var(--cx-input-invalid-border-color);box-shadow:var(--cx-input-invalid-shadow)}.asset-picker__button-container{position:relative}.asset-picker__trigger-wrapper{z-index:1;position:relative}.asset-picker__image{--height:150px;--width:200px;--border-radius:var(--cx-border-radius-medium)}.asset-picker__input{opacity:0;width:100%;height:100%;position:absolute;top:0;left:0}`;
+var ge = Object.defineProperty, be = Object.getOwnPropertyDescriptor, u = (e, t, a, i) => {
+  for (var s = i > 1 ? void 0 : i ? be(t, a) : t, p = e.length - 1, d; p >= 0; p--)
     (d = e[p]) && (s = (i ? d(t, a, s) : d(s)) || s);
-  return i && s && ue(t, a, s), s;
+  return i && s && ge(t, a, s), s;
 };
-let c = class extends T {
+let c = class extends D {
   constructor() {
-    super(...arguments), this.localize = new D(this), this.value = "", this.name = "", this.type = [g.Image], this.multiple = !1, this.accepts = [], this.required = !1, this.disabled = !1, this.onRequestAsset = void 0, this.recordId = "", this.previewSrc = "", this.apiGetAssets = ae;
+    super(...arguments), this.localize = new O(this), this.value = "", this.name = "", this.type = [g.Image], this.multiple = !1, this.accepts = [], this.required = !1, this.disabled = !1, this.onRequestAsset = void 0, this.recordId = "", this.isSiteBuilder = !1, this.previewSrc = "", this.apiGetAssets = se;
   }
   async handleRequestAssetClick() {
     if (this.onRequestAsset)
@@ -841,9 +841,9 @@ let c = class extends T {
           this.accepts
         );
         if (this.accepts.length > 0 && Object.values(e).some(
-          (a) => !this.accepts.includes(ne(a.src) ?? "")
+          (a) => !this.accepts.includes(oe(a.src) ?? "")
         ))
-          se(this.localize.term("nonAcceptedExtension", this.accepts), {
+          le(this.localize.term("nonAcceptedExtension", this.accepts), {
             notificationType: "warning"
           });
         else if (this.multiple) {
@@ -852,16 +852,17 @@ let c = class extends T {
             detail: a
           });
         } else {
-          const { extension: a, id: i, identifier: s, name: p, representative: d, src: m, type: h } = e;
+          const { extension: a, id: i, identifier: s, name: p, parentAssetID: d, representative: m, src: h, type: G } = e;
           this.emit("cx-content-builder-asset-select", {
             detail: {
               extension: a,
               id: i,
               identifier: s,
               name: p,
-              representative: d,
-              src: m,
-              type: h
+              parentAssetID: d,
+              representative: m,
+              src: h,
+              type: G
             }
           });
         }
@@ -886,11 +887,12 @@ let c = class extends T {
     }
     try {
       const t = (await this.apiGetAssets({
-        extraFields: ["path_TR1"],
+        extraFields: ["path_TR1", I, w],
         getPermanentAssetsPaths: !0,
+        isSiteBuilder: this.isSiteBuilder,
         recordIds: [this.recordId]
       })).items[0];
-      this.previewSrc = t?.path_TR1 || t?.originalUrl || "";
+      this.previewSrc = t?.path_TR1 || t?.originalUrl || "", this.name = t?.[I] || t?.[w] || "";
     } catch {
       this.previewSrc = "";
     }
@@ -904,13 +906,13 @@ let c = class extends T {
   }
   renderAssetPreview() {
     if ((this.previewSrc || this.value) && this.acceptsType(g.Image))
-      return l`<cx-image part="image" class="asset-picker__image" src=${this.previewSrc || this.value} alt=${this.name} width="200px" object-fit=${ie.Cover}></cx-image>`;
+      return l`<cx-image part="image" class="asset-picker__image" src=${this.previewSrc || this.value} alt=${this.name} width="200px" object-fit=${re.Cover}></cx-image>`;
     if (this.name && this.acceptsType(g.Audio) || this.acceptsType(g.Video))
-      return l`<cx-typography variant="body-2">${w(this.name, 30, 11, 11)}</cx-typography>`;
+      return l`<cx-typography variant="body-2">${$(this.name, 30, 11, 11)}</cx-typography>`;
     if (this.name && (this.acceptsType(g.Other) || this.acceptsType(g.All))) {
       const e = this.name.split(",");
-      return l`<cx-typography variant="body-2">${w(e[0], 30, 11, 11)}
-        ${N(
+      return l`<cx-typography variant="body-2">${$(e[0], 30, 11, 11)}
+        ${b(
         e.length > 1,
         () => l` ${this.localize.term("andOthers", e.length - 1)}`
       )}</cx-typography>`;
@@ -919,9 +921,9 @@ let c = class extends T {
   }
   render() {
     return l`<cx-space part="base" class="asset-picker" spacing="2x-small" direction="horizontal" align-items=${this.acceptsType(g.Image) ? "flex-start" : "center"}>${this.renderAssetPreview()}
-        ${N(
+        ${b(
       !this.disabled,
-      () => l`<div part="button-container" class="asset-picker__button-container"><cx-input class="asset-picker__input" aria-label=${this.localize.term("choose")} name=${this.name} value=${this.value} ?required=${this.required} .form=${this.closest("form")}></cx-input><div class="asset-picker__trigger-wrapper"><slot name="trigger" @click=${this.handleRequestAssetClick}><cx-button part="button" class="asset-picker__button">${this.localize.term("choose")}</cx-button></slot></div></div>${N(
+      () => l`<div part="button-container" class="asset-picker__button-container"><cx-input class="asset-picker__input" aria-label=${this.localize.term("choose")} name=${this.name} value=${this.value} ?required=${this.required} .form=${this.closest("form")}></cx-input><div class="asset-picker__trigger-wrapper"><slot name="trigger" @click=${this.handleRequestAssetClick}><cx-button part="button" class="asset-picker__button">${this.localize.term("choose")}</cx-button></slot></div></div>${b(
         this.value,
         () => l`<cx-icon-button label=${this.localize.term("delete")} name="delete" @click=${this.handleDeleteClick}></cx-icon-button>`
       )}
@@ -929,14 +931,14 @@ let c = class extends T {
     )}</cx-space>`;
   }
 };
-c.styles = [L, pe];
+c.styles = [M, ve];
 c.dependencies = {
   "cx-button": k,
-  "cx-icon-button": ee,
-  "cx-image": te,
-  "cx-input": _,
-  "cx-space": S,
-  "cx-typography": E
+  "cx-icon-button": ie,
+  "cx-image": ne,
+  "cx-input": E,
+  "cx-space": T,
+  "cx-typography": L
 };
 u([
   y(".asset-picker__button")
@@ -984,7 +986,10 @@ u([
   o({ attribute: "record-id", reflect: !0, type: String })
 ], c.prototype, "recordId", 2);
 u([
-  b()
+  o({ attribute: "is-site-builder", reflect: !0, type: Boolean })
+], c.prototype, "isSiteBuilder", 2);
+u([
+  N()
 ], c.prototype, "previewSrc", 2);
 u([
   v("value")
@@ -993,20 +998,20 @@ u([
   v("recordId")
 ], c.prototype, "handleRecordIdChange", 1);
 c = u([
-  M("cx-asset-picker")
+  z("cx-asset-picker")
 ], c);
-const ve = z`:host{--overridden-min-height:var(--min-height,160px);--overridden-max-height:var(--max-height,260px);width:100%;display:block}.list-editor{width:100%}.list-editor__table{--cell-border-color:transparent;--cell-bottom-border-color:transparent;--header-font-size:var(--cx-font-size-small);--row-header-border-color:transparent;--cell-horizontal-padding:var(--cx-spacing-2x-small);--table-min-height:var(--overridden-min-height);--table-max-height:var(--overridden-max-height)}.list-editor__table--no-header{--cell-hover-background-color:transparent}.list-editor__item::part(expand-button){display:none}.list-editor__item__text{--line-height:1}.list-editor__item__text__description{color:var(--cx-color-neutral-600)}.list-editor__dialog{--body-spacing:0;--header-spacing:var(--cx-spacing-small) var(--cx-spacing-large) 0;--width:540px}.list-editor__tab-group{--padding:0;--tab-group-nav-padding:0 var(--cx-spacing-large)}`;
-var ge = Object.defineProperty, Ne = Object.getOwnPropertyDescriptor, r = (e, t, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? Ne(t, a) : t, p = e.length - 1, d; p >= 0; p--)
+const Ne = q`:host{--overridden-min-height:var(--min-height,160px);--overridden-max-height:var(--max-height,260px);width:100%;display:block}.list-editor{width:100%}.list-editor__table{--cell-border-color:transparent;--cell-bottom-border-color:transparent;--header-font-size:var(--cx-font-size-small);--row-header-border-color:transparent;--cell-horizontal-padding:var(--cx-spacing-2x-small);--table-min-height:var(--overridden-min-height);--table-max-height:var(--overridden-max-height)}.list-editor__table--no-header{--cell-hover-background-color:transparent}.list-editor__item::part(expand-button){display:none}.list-editor__item__text{--line-height:1}.list-editor__item__text__description{color:var(--cx-color-neutral-600)}.list-editor__dialog{--body-spacing:0;--header-spacing:var(--cx-spacing-small) var(--cx-spacing-large) 0;--width:540px}.list-editor__tab-group{--padding:0;--tab-group-nav-padding:0 var(--cx-spacing-large)}`;
+var xe = Object.defineProperty, fe = Object.getOwnPropertyDescriptor, r = (e, t, a, i) => {
+  for (var s = i > 1 ? void 0 : i ? fe(t, a) : t, p = e.length - 1, d; p >= 0; p--)
     (d = e[p]) && (s = (i ? d(t, a, s) : d(s)) || s);
-  return i && s && ge(t, a, s), s;
+  return i && s && xe(t, a, s), s;
 };
-const be = {
+const ye = {
   resizable: !1
 };
-let n = class extends T {
+let n = class extends D {
   constructor() {
-    super(...arguments), this.localize = new D(this), this.data = [], this.canAdd = !1, this.addDialogLabel = "", this.editDialogLabel = "", this.displayField = "", this.descriptionField = "", this.addItemText = "", this.sampleItem = {}, this.useEvents = !1, this.sortable = !1, this.loadingEvent = "", this.loadingItemIndex = void 0, this.columns = [], this.noHeader = !1, this.rowHeight = 40, this.defaultLanguage = "", this.supportedLanguages = ["en"], this.boundary = document.body, this.onRequestAsset = void 0, this.editedItem = null, this.isAdding = !1, this.columnsMap = {}, this.sortedEntries = [], this.translatableControls = [], this.disableCloseConfigDialog = !1, this.hoverMenu = {
+    super(...arguments), this.localize = new O(this), this.data = [], this.canAdd = !1, this.addDialogLabel = "", this.editDialogLabel = "", this.displayField = "", this.descriptionField = "", this.addItemText = "", this.sampleItem = {}, this.useEvents = !1, this.sortable = !1, this.loadingEvent = "", this.loadingItemIndex = void 0, this.columns = [], this.noHeader = !1, this.rowHeight = 40, this.defaultLanguage = "", this.supportedLanguages = ["en"], this.boundary = document.body, this.onRequestAsset = void 0, this.editedItem = null, this.isAdding = !1, this.columnsMap = {}, this.sortedEntries = [], this.translatableControls = [], this.disableCloseConfigDialog = !1, this.hoverMenu = {
       data: [
         {
           icon: "create",
@@ -1033,7 +1038,7 @@ let n = class extends T {
         }
       ],
       options: {
-        placement: H.Right
+        placement: J.Right
       }
     }, this.OMITTED_FIELDS = ["id"];
   }
@@ -1090,7 +1095,7 @@ let n = class extends T {
   handleAddClick() {
     this.isAdding = !0, this.editedItem = {
       ...this.sampleItem,
-      id: de(`${Date.now()}-`)
+      id: he(`${Date.now()}-`)
     };
   }
   handleSaveClick() {
@@ -1154,8 +1159,8 @@ let n = class extends T {
         ${x(
         this.translatableControls,
         (a) => a.field,
-        (a) => l`<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">${a.title}</cx-typography></cx-grid-item><cx-grid-item xs="4" sm="3"><cx-space direction="vertical" spacing="x-small" wrap="nowrap">${Z(this.supportedLanguages, (i) => {
-          const s = this.localize.languageName(i) || me.getName(i) || i, p = (d) => {
+        (a) => l`<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">${a.title}</cx-typography></cx-grid-item><cx-grid-item xs="4" sm="3"><cx-space direction="vertical" spacing="x-small" wrap="nowrap">${te(this.supportedLanguages, (i) => {
+          const s = this.localize.languageName(i) || pe.getName(i) || i, p = (d) => {
             const m = d.target.value;
             this.editedItem = {
               ...this.editedItem,
@@ -1171,7 +1176,7 @@ let n = class extends T {
     return l`<cx-grid columns="3" spacing="var(--cx-spacing-small)" wrap="wrap">${x(
       this.sortedEntries,
       ([t]) => t,
-      ([t, a]) => l`<cx-grid-item xs="3" sm="1"><cx-typography variant="body2">${this.columnsMap[t].title}</cx-typography></cx-grid-item><cx-grid-item xs="3" sm="2">${X(
+      ([t, a]) => l`<cx-grid-item xs="3" sm="1"><cx-typography variant="body2">${this.columnsMap[t].title}</cx-typography></cx-grid-item><cx-grid-item xs="3" sm="2">${Q(
         this.columnsMap[t].controlType,
         [
           [
@@ -1193,7 +1198,7 @@ let n = class extends T {
                   recordId: ""
                 };
               };
-              return l`<cx-asset-picker value=${a} record-id=${this.editedItem.recordId || ""} type="image" id=${t} @cx-content-builder-asset-select=${i} @cx-content-builder-asset-delete=${s} @cx-asset-request-status=${this.handleAssetRequestStatus} .onRequestAsset=${this.onRequestAsset}></cx-asset-picker>`;
+              return l`<cx-asset-picker value=${a} record-id=${this.editedItem.recordId || ""} type="image" is-site-builder id=${t} @cx-content-builder-asset-select=${i} @cx-content-builder-asset-delete=${s} @cx-asset-request-status=${this.handleAssetRequestStatus} .onRequestAsset=${this.onRequestAsset}></cx-asset-picker>`;
             }
           ],
           [
@@ -1218,13 +1223,13 @@ let n = class extends T {
     )}</cx-grid>`;
   }
   render() {
-    return l`<cx-space direction="vertical" align-items="flex-start"><div class="list-editor"><cx-table part="table" class=${Y({
+    return l`<cx-space direction="vertical" align-items="flex-start"><div class="list-editor"><cx-table part="table" class=${ee({
       "list-editor__table": !0,
       "list-editor__table--no-header": this.noHeader
-    })} ?movable-rows=${this.sortable} ?no-header=${this.noHeader} layout="fitColumns" row-height=${this.rowHeight} .columns=${this.columns} .columnDefaults=${be} .hoverMenu=${this.hoverMenu} .data=${this.data ?? []} no-selectable @cx-table.rowMoved=${this.handleTableRowMoved} @cx-table-row-action-click=${this.handleTableActions}></cx-table><cx-dialog part="dialog" class="list-editor__dialog" divider-position=${q.Footer} use-overlay-scrollbar strategy="fixed" ?open=${!!this.editedItem} .boundary=${this.boundary} @cx-request-close=${this.handleRequestClose}><cx-space slot="label" direction="vertical" spacing="2x-small"><cx-typography variant="h4">${this.isAdding ? this.addDialogLabel : this.editDialogLabel}</cx-typography>${N(
+    })} ?movable-rows=${this.sortable} ?no-header=${this.noHeader} layout="fitColumns" row-height=${this.rowHeight} .columns=${this.columns} .columnDefaults=${ye} .hoverMenu=${this.hoverMenu} .data=${this.data ?? []} no-selectable @cx-table.rowMoved=${this.handleTableRowMoved} @cx-table-row-action-click=${this.handleTableActions}></cx-table><cx-dialog part="dialog" class="list-editor__dialog" divider-position=${j.Footer} use-overlay-scrollbar strategy="fixed" ?open=${!!this.editedItem} .boundary=${this.boundary} @cx-request-close=${this.handleRequestClose}><cx-space slot="label" direction="vertical" spacing="2x-small"><cx-typography variant="h4">${this.isAdding ? this.addDialogLabel : this.editDialogLabel}</cx-typography>${b(
       !this.isAdding && this.editedItem?.[this.displayField],
       () => l`<cx-typography variant="body3"><cx-line-clamp lines="1">${this.editedItem?.[this.displayField]}</cx-line-clamp></cx-typography>`
-    )}</cx-space>${N(
+    )}</cx-space>${b(
       this.tabs.length >= 1,
       () => l`<cx-tab-group class="list-editor__tab-group" placement="top">${x(
         this.tabs,
@@ -1232,29 +1237,29 @@ let n = class extends T {
         (e) => l`<cx-tab slot="nav" panel=${e}>${this.localize.term(e)}</cx-tab><cx-tab-panel name=${e}><cx-space direction="vertical" spacing="x-small" wrap="nowrap">${this.renderControls(e)}</cx-space></cx-tab-panel>`
       )}</cx-tab-group>`,
       () => l`<cx-space direction="vertical" spacing="x-small" wrap="nowrap">${this.renderControls(this.tabs[0])}</cx-space>`
-    )}<cx-space slot="footer" spacing="x-small" wrap="nowrap" justify-content="end"><cx-button data-testid="cancel-button" variant="default" size="medium" @click=${this.handleCancelClick}>${this.localize.term("cancel")}</cx-button><cx-button data-testid="save-button" variant="primary" size="medium" @click=${this.handleSaveClick}>${this.localize.term("save")}</cx-button></cx-space></cx-dialog></div>${N(
+    )}<cx-space slot="footer" spacing="x-small" wrap="nowrap" justify-content="end"><cx-button data-testid="cancel-button" variant="default" size="medium" @click=${this.handleCancelClick}>${this.localize.term("cancel")}</cx-button><cx-button data-testid="save-button" variant="primary" size="medium" @click=${this.handleSaveClick}>${this.localize.term("save")}</cx-button></cx-space></cx-dialog></div>${b(
       this.canAdd,
       () => l`<cx-button data-testid="add-button" variant="default" size="medium" @click=${this.handleAddClick}>${this.addItemText || this.localize.term("add")}</cx-button>`
     )}</cx-space>`;
   }
 };
-n.styles = [L, ve];
+n.styles = [M, Ne];
 n.dependencies = {
   "cx-asset-picker": c,
   "cx-button": k,
-  "cx-dialog": O,
-  "cx-dynamic-select": V,
-  "cx-grid": G,
-  "cx-grid-item": R,
-  "cx-input": _,
-  "cx-line-clamp": j,
-  "cx-option": P,
-  "cx-radio": F,
-  "cx-radio-group": B,
-  "cx-select": K,
-  "cx-space": S,
-  "cx-table": U,
-  "cx-typography": E
+  "cx-dialog": R,
+  "cx-dynamic-select": X,
+  "cx-grid": B,
+  "cx-grid-item": F,
+  "cx-input": E,
+  "cx-line-clamp": P,
+  "cx-option": K,
+  "cx-radio": U,
+  "cx-radio-group": H,
+  "cx-select": V,
+  "cx-space": T,
+  "cx-table": W,
+  "cx-typography": L
 };
 r([
   y("cx-dialog")
@@ -1342,19 +1347,19 @@ r([
   o({ attribute: "on-request-asset", type: Function })
 ], n.prototype, "onRequestAsset", 2);
 r([
-  b()
+  N()
 ], n.prototype, "editedItem", 2);
 r([
-  b()
+  N()
 ], n.prototype, "isAdding", 2);
 r([
-  b()
+  N()
 ], n.prototype, "columnsMap", 2);
 r([
-  b()
+  N()
 ], n.prototype, "sortedEntries", 2);
 r([
-  b()
+  N()
 ], n.prototype, "translatableControls", 2);
 r([
   v("columns"),
@@ -1367,15 +1372,15 @@ r([
 r([
   v("loadingEvent", { waitUntilFirstUpdate: !0 }),
   v("loadingItemIndex", { waitUntilFirstUpdate: !0 }),
-  W(10)
+  Y(10)
 ], n.prototype, "handleLoadingEventChange", 1);
 n = r([
-  M("cx-list-editor")
+  z("cx-list-editor")
 ], n);
 export {
   n as C,
-  me as I,
+  pe as I,
   c as a,
-  be as c,
-  de as u
+  ye as c,
+  he as u
 };