@orangelogic/design-system 2.60.0 → 2.61.0

package/library/chunks/{list-editor.COkw5JKG.js → list-editor.CrLntuM7.js}

@@ -1,37 +1,40 @@
-import { C as _ } from "./button.CtCSNRB3.js";
-import { C as q, D as j } from "./dialog.B1TORO6S.js";
-import G from "../components/grid.js";
+import { C as _ } from "./button.P71VJ5xh.js";
+import { C as q, D as G } from "./dialog.C_75RVVz.js";
+import j from "../components/grid.js";
 import R from "../components/grid-item.js";
 import S from "../components/input.js";
 import P from "../components/line-clamp.js";
 import F from "../components/radio.js";
 import B from "../components/radio-group.js";
 import E from "../components/space.js";
-import { C as K, H as U } from "./table.BAr8KKc6.js";
-import { C as L } from "./typography.BFpl0WMA.js";
-import { i as T, n as o, C as z, x as l, c as D } from "./custom-element.vnXBMQxc.js";
-import { c as M } from "./component.styles.CI-v8BZa.js";
-import { d as H } from "./popup._w5T7x8f.js";
-import { L as O } from "./i18n.BP2FRO1v.js";
-import { w as N } from "./watch.BCJD77bD.js";
+import { C as K, H as U } from "./table.CY-iMTWV.js";
+import { C as L } from "./typography.oDzoLbZS.js";
+import { n as o, C as T } from "./lib-cortex-element.CVMmyPMC.js";
+import { c as D } from "./component.styles.DMSLciL5.js";
+import { c as z } from "./custom-element.L4WJXn1j.js";
+import { d as H } from "./debounce.DaHuiSGU.js";
+import { L as M } from "./i18n.DrzK7TPf.js";
+import { w as g } from "./watch.q1sEjPWL.js";
 import { g as V } from "./_commonjsHelpers.ByX85dGu.js";
-import { r as b } from "./state.Cw55xXlb.js";
-import { e as f } from "./query.BBf1UFkC.js";
+import { i as O, x as l } from "./lit-element.jLBm65_O.js";
+import { r as b } from "./state.CSDxrqLd.js";
+import { e as y } from "./query.BBf1UFkC.js";
 import { r as W } from "./choose.BTbF6BAn.js";
-import { e as J } from "./class-map.CoZTSvbM.js";
+import { e as J } from "./class-map.BiVq-cVR.js";
 import { o as X } from "./map.D8heArFD.js";
-import { c as x } from "./repeat.CauKaXyy.js";
-import { n as g } from "./when.Dr1es41R.js";
-import { t as Y } from "./toString.CL_lYXbK.js";
+import { c as x } from "./repeat.DbF2p5ae.js";
+import { n as N } from "./when.Dr1es41R.js";
+import { t as Y } from "./toString.CRT5zqEU.js";
 import Z from "../components/icon-button.js";
-import { C as Q } from "./image.Ycf8RudS.js";
-import { t as ee, a as ae, D as I } from "./asset.Ba-CxnNM.js";
-import { a as te } from "./index.Cpamj0jB.js";
-import { A as v } from "./content-builder.WranV3P4.js";
-import { e as ie, t as A } from "./string.BCk3SmdZ.js";
-var C, k;
+import { C as Q } from "./image.DZCRhE3G.js";
+import { a as ee, D as w } from "./asset.CG_yXtWK.js";
+import { a as ae } from "./index.Cpamj0jB.js";
+import { A as v } from "./content-builder.Bf7kqzDI.js";
+import { e as te, t as I } from "./string.Cp_XNbnV.js";
+import { t as ie } from "./toast.BXNbwZV8.js";
+var A, k;
 function ne() {
-  return k || (k = 1, C = {
+  return k || (k = 1, A = {
     aa: {
       name: "Afar",
       nativeName: "Afaraf"
@@ -764,31 +767,31 @@ function ne() {
       name: "Zulu",
       nativeName: "isiZulu"
     }
-  }), C;
+  }), A;
 }
-var w, $;
+var C, $;
 function se() {
-  if ($) return w;
+  if ($) return C;
   $ = 1;
   const e = ne(), a = {}, t = {}, n = [], i = [], m = [];
   for (const d in e) {
     const { name: c, nativeName: h } = e[d];
     a[d] = t[c.toLowerCase()] = t[h.toLowerCase()] = { code: d, name: c, nativeName: h }, n.push(d), i.push(c), m.push(h);
   }
-  return w = class y {
+  return C = class f {
     static getLanguages(c = []) {
       return c.map(
-        (h) => y.validate(h) ? Object.assign({}, a[h]) : { code: h, name: "", nativeName: "" }
+        (h) => f.validate(h) ? Object.assign({}, a[h]) : { code: h, name: "", nativeName: "" }
       );
     }
     static getName(c) {
-      return y.validate(c) ? e[c].name : "";
+      return f.validate(c) ? e[c].name : "";
     }
     static getAllNames() {
       return i.slice();
     }
     static getNativeName(c) {
-      return y.validate(c) ? e[c].nativeName : "";
+      return f.validate(c) ? e[c].nativeName : "";
     }
     static getAllNativeNames() {
       return m.slice();
@@ -802,7 +805,7 @@ function se() {
     static validate(c) {
       return e.hasOwnProperty(c);
     }
-  }, w;
+  }, C;
 }
 var re = se();
 const oe = /* @__PURE__ */ V(re);
@@ -811,7 +814,7 @@ function me(e) {
   var a = ++le;
   return Y(e) + a;
 }
-const ce = T`
+const ce = O`
   :host {
     isolation: isolate;
   }
@@ -855,9 +858,9 @@ var de = Object.defineProperty, ue = Object.getOwnPropertyDescriptor, p = (e, a,
     (d = e[m]) && (i = (n ? d(a, t, i) : d(i)) || i);
   return n && i && de(a, t, i), i;
 };
-let u = class extends z {
+let u = class extends T {
   constructor() {
-    super(...arguments), this.localize = new O(this), this.value = "", this.name = "", this.type = [v.Image], this.multiple = !1, this.accepts = [], this.required = !1, this.disabled = !1, this.onRequestAsset = void 0;
+    super(...arguments), this.localize = new M(this), this.value = "", this.name = "", this.type = [v.Image], this.multiple = !1, this.accepts = [], this.required = !1, this.disabled = !1, this.onRequestAsset = void 0, this.apiGetAssets = ee;
   }
   async handleRequestAssetClick() {
     if (this.onRequestAsset)
@@ -873,9 +876,9 @@ let u = class extends z {
           this.accepts
         );
         if (this.accepts.length > 0 && Object.values(e).some(
-          (t) => !this.accepts.includes(ie(t.src) ?? "")
+          (t) => !this.accepts.includes(te(t.src) ?? "")
         ))
-          ee(this.localize.term("nonAcceptedExtension", this.accepts), {
+          ie(this.localize.term("nonAcceptedExtension", this.accepts), {
             notificationType: "warning"
           });
         else if (this.multiple) {
@@ -886,10 +889,10 @@ let u = class extends z {
         } else {
           const { id: t, name: n, src: i, type: m } = e;
           let d = i;
-          m === v.Audio && (d = (await ae({
-            extraFields: [I],
+          m === v.Audio && (d = (await this.apiGetAssets({
+            extraFields: [w],
             recordIds: [t]
-          })).items[0]?.[I]), d && this.emit("cx-content-builder-asset-select", {
+          })).items[0]?.[w]), d && this.emit("cx-content-builder-asset-select", {
             detail: {
               id: t,
               name: n,
@@ -927,31 +930,24 @@ let u = class extends z {
         src=${this.value}
         alt=${this.name}
         width="200px"
-        object-fit=${te.Cover}
+        object-fit=${ae.Cover}
       ></cx-image>`;
     if (this.name && this.acceptsType(v.Video))
       return l`
-       <cx-typography variant="body-2">
-       ${A(this.name, 30, 11, 11)}
-       </cx-typography>`;
-    if (this.name && this.acceptsType(v.Other)) {
+        <cx-typography variant="body-2">
+          ${I(this.name, 30, 11, 11)}
+        </cx-typography>
+      `;
+    if (this.name && (this.acceptsType(v.Other) || this.acceptsType(v.All))) {
       const e = this.name.split(",");
       return l`<cx-typography variant="body-2">
-        ${A(e[0], 30, 11, 11)}
-
-        ${g(
+        ${I(e[0], 30, 11, 11)}
+        ${N(
         e.length > 1,
         () => l` ${this.localize.term("andOthers", e.length - 1)}`
       )}
       </cx-typography>`;
     }
-    if (this.name && this.acceptsType(v.All)) {
-      const e = this.name.split(",");
-      return l`<cx-typography variant="body-2">
-        ${A(e[0], 30, 11, 11)}
-        ${g(e.length > 1, () => l` ${this.localize.term("andOthers", e.length - 1)}`)}
-      </cx-typography>`;
-    }
     return null;
   }
   render() {
@@ -964,7 +960,7 @@ let u = class extends z {
         align-items=${this.acceptsType(v.Image) ? "flex-start" : "center"}
       >
         ${this.renderAssetPreview()}
-        ${g(
+        ${N(
       !this.disabled,
       () => l`
             <div class="asset-picker__button-container">
@@ -984,7 +980,7 @@ let u = class extends z {
                 ${this.localize.term("choose")}
               </cx-button>
             </div>
-            ${g(
+            ${N(
         this.value,
         () => l`<cx-icon-button
                   label=${this.localize.term("delete")}
@@ -999,7 +995,7 @@ let u = class extends z {
     `;
   }
 };
-u.styles = [M, ce];
+u.styles = [D, ce];
 u.dependencies = {
   "cx-button": _,
   "cx-icon-button": Z,
@@ -1009,10 +1005,10 @@ u.dependencies = {
   "cx-typography": L
 };
 p([
-  f(".asset-picker__button")
+  y(".asset-picker__button")
 ], u.prototype, "buttonEl", 2);
 p([
-  f(".asset-picker__input")
+  y(".asset-picker__input")
 ], u.prototype, "inputEl", 2);
 p([
   o({ reflect: !0, type: String })
@@ -1051,12 +1047,12 @@ p([
   o({ attribute: "on-request-asset", type: Function })
 ], u.prototype, "onRequestAsset", 2);
 p([
-  N("value")
+  g("value")
 ], u.prototype, "handleValueChange", 1);
 u = p([
-  D("cx-asset-picker")
+  z("cx-asset-picker")
 ], u);
-const pe = T`
+const pe = O`
   :host {
     --overridden-min-height: var(--min-height, 160px);
     --overridden-max-height: var(--max-height, 260px);
@@ -1113,9 +1109,9 @@ var he = Object.defineProperty, ve = Object.getOwnPropertyDescriptor, r = (e, a,
 const ge = {
   resizable: !1
 };
-let s = class extends z {
+let s = class extends T {
   constructor() {
-    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 = {
+    super(...arguments), this.localize = new M(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",
@@ -1399,7 +1395,7 @@ let s = class extends z {
           <cx-dialog
             part="dialog"
             class="list-editor__dialog"
-            divider-position=${j.Footer}
+            divider-position=${G.Footer}
             use-overlay-scrollbar
             strategy="fixed"
             ?open=${!!this.editedItem}
@@ -1410,7 +1406,7 @@ let s = class extends z {
               <cx-typography variant="h4">
                 ${this.isAdding ? this.addDialogLabel : this.editDialogLabel}
               </cx-typography>
-              ${g(
+              ${N(
       !this.isAdding && this.editedItem?.[this.displayField],
       () => l`<cx-typography variant="body3">
                     <cx-line-clamp lines="1">
@@ -1419,7 +1415,7 @@ let s = class extends z {
                   </cx-typography>`
     )}
             </cx-space>
-            ${g(
+            ${N(
       this.tabs.length >= 1,
       () => l`
               <cx-tab-group
@@ -1485,7 +1481,7 @@ let s = class extends z {
             </cx-space>
           </cx-dialog>
         </div>
-        ${g(
+        ${N(
       this.canAdd,
       () => l`
             <cx-button
@@ -1502,12 +1498,12 @@ let s = class extends z {
     `;
   }
 };
-s.styles = [M, pe];
+s.styles = [D, pe];
 s.dependencies = {
   "cx-asset-picker": u,
   "cx-button": _,
   "cx-dialog": q,
-  "cx-grid": G,
+  "cx-grid": j,
   "cx-grid-item": R,
   "cx-input": S,
   "cx-line-clamp": P,
@@ -1518,10 +1514,10 @@ s.dependencies = {
   "cx-typography": L
 };
 r([
-  f("cx-dialog")
+  y("cx-dialog")
 ], s.prototype, "dialog", 2);
 r([
-  f("cx-table")
+  y("cx-table")
 ], s.prototype, "table", 2);
 r([
   o({
@@ -1618,20 +1614,20 @@ r([
   b()
 ], s.prototype, "translatableControls", 2);
 r([
-  N("columns"),
-  N("supportedLanguages", { waitUntilFirstUpdate: !0 })
+  g("columns"),
+  g("supportedLanguages", { waitUntilFirstUpdate: !0 })
 ], s.prototype, "handleColumnsChange", 1);
 r([
-  N("editedItem"),
-  N("columns", { waitUntilFirstUpdate: !0 })
+  g("editedItem"),
+  g("columns", { waitUntilFirstUpdate: !0 })
 ], s.prototype, "handleEditedItemChange", 1);
 r([
-  N("loadingEvent", { waitUntilFirstUpdate: !0 }),
-  N("loadingItemIndex", { waitUntilFirstUpdate: !0 }),
+  g("loadingEvent", { waitUntilFirstUpdate: !0 }),
+  g("loadingItemIndex", { waitUntilFirstUpdate: !0 }),
   H(10)
 ], s.prototype, "handleLoadingEventChange", 1);
 s = r([
-  D("cx-list-editor")
+  z("cx-list-editor")
 ], s);
 export {
   s as C,