@orangelogic/design-system 2.44.0 → 2.45.0-ci.1

package/library/chunks/{color-swatch-group.DrpRd8Xw.js → color-swatch-group.CMz7zQdk.js}

@@ -1,5 +1,5 @@
 import _ from "../components/space.js";
-import { C as z } from "./table.Be9berv0.js";
+import { C as z } from "./table.D6Abk0xC.js";
 import { C as $ } from "./typography.trna8y2b.js";
 import { x as h, B as F, i as k, n as p, C as A, c as S } from "./custom-element.fmLrnDZr.js";
 import { C as v, a as m } from "./color-swatch.DkZKPbUq.js";

package/library/chunks/{file-on-demand.ZcYwCR_s.js → file-on-demand.CODE3g50.js}

@@ -25,7 +25,7 @@ import Mt from "../components/relative-time.js";
 import { C as Bt } from "./select.Bo8mWJ1g.js";
 import Vt from "../components/space.js";
 import Ht from "../components/tab.js";
-import { C as Wt } from "./tab-group.g2uXM2W8.js";
+import { C as Wt } from "./tab-group.uF5JbAGa.js";
 import Gt from "../components/tab-panel.js";
 import qt from "../components/tooltip.js";
 import { C as Yt } from "./typography.trna8y2b.js";

package/library/chunks/{list-editor.B_BRQoUp.js → list-editor.RKB6H77Y.js}

@@ -2,12 +2,12 @@ import { C as _ } from "./button.DrU92LJQ.js";
 import { C as z } from "./dialog.rme_OwWe.js";
 import M from "../components/grid.js";
 import q from "../components/grid-item.js";
-import $ from "../components/input.js";
-import R from "../components/line-clamp.js";
-import O from "../components/radio.js";
-import k from "../components/radio-group.js";
-import C from "../components/space.js";
-import { C as T, H as P } from "./table.Be9berv0.js";
+import C from "../components/input.js";
+import T from "../components/line-clamp.js";
+import R from "../components/radio.js";
+import O from "../components/radio-group.js";
+import $ from "../components/space.js";
+import { C as P, H as k } from "./table.D6Abk0xC.js";
 import { C as I } from "./typography.trna8y2b.js";
 import { i as A, n, C as w, x as l, c as E } from "./custom-element.fmLrnDZr.js";
 import { c as D } from "./component.styles.DtouHn2g.js";
@@ -16,16 +16,16 @@ import { L as S } from "./i18n.D33BKrRs.js";
 import { w as g } from "./watch.BCJD77bD.js";
 import { r as x } from "./state.Dt9F_SuS.js";
 import { e as b } from "./query.BBf1UFkC.js";
-import { r as L } from "./choose.BTbF6BAn.js";
-import { e as j } from "./class-map.DqNfBvJI.js";
+import { r as j } from "./choose.BTbF6BAn.js";
+import { e as L } from "./class-map.DqNfBvJI.js";
 import { c as y } from "./repeat.B1pVpmRx.js";
-import { n as u } from "./when.Dr1es41R.js";
+import { n as m } from "./when.Dr1es41R.js";
 import { t as B } from "./toString.CL_lYXbK.js";
 import H from "../components/icon-button.js";
 import { C as N } from "./image.C9hVXtqX.js";
 import { t as U, a as G, D as v } from "./asset.Ba-CxnNM.js";
 import { a as V } from "./index.Cpamj0jB.js";
-import { A as m } from "./content-builder.UlVFSATk.js";
+import { A as u } from "./content-builder.UlVFSATk.js";
 import { e as J, t as f } from "./string.D6poLUEC.js";
 var X = 0;
 function W(t) {
@@ -78,7 +78,7 @@ var K = Object.defineProperty, Q = Object.getOwnPropertyDescriptor, p = (t, e, i
 };
 let d = class extends w {
   constructor() {
-    super(...arguments), this.localize = new S(this), this.value = "", this.name = "", this.type = m.Image, this.multiple = !1, this.accepts = [], this.required = !1, this.disabled = !1, this.onRequestAsset = void 0;
+    super(...arguments), this.localize = new S(this), this.value = "", this.name = "", this.type = [u.Image], this.multiple = !1, this.accepts = [], this.required = !1, this.disabled = !1, this.onRequestAsset = void 0;
   }
   async handleRequestAssetClick() {
     if (this.onRequestAsset)
@@ -89,7 +89,7 @@ let d = class extends w {
           }
         });
         const t = await this.onRequestAsset(
-          this.type,
+          this.type.join(" "),
           this.multiple,
           this.accepts
         );
@@ -107,7 +107,7 @@ let d = class extends w {
         } else {
           const { id: i, name: r, src: s, type: c } = t;
           let h = s;
-          c === m.Audio && (h = (await G({
+          c === u.Audio && (h = (await G({
             extraFields: [v],
             recordIds: [i]
           })).items[0]?.[v]), h && this.emit("cx-content-builder-asset-select", {
@@ -136,6 +136,45 @@ let d = class extends w {
   handleDeleteClick() {
     this.emit("cx-content-builder-asset-delete");
   }
+  /** True when the picker accepts this asset type. */
+  acceptsType(t) {
+    return this.type.includes(t);
+  }
+  renderAssetPreview() {
+    if (this.value && this.acceptsType(u.Image))
+      return l`<cx-image
+        part="image"
+        class="asset-picker__image"
+        src=${this.value}
+        alt=${this.name}
+        width="200px"
+        object-fit=${V.Cover}
+      ></cx-image>`;
+    if (this.name && this.acceptsType(u.Video))
+      return l`
+       <cx-typography variant="body-2">
+       ${f(this.name, 30, 11, 11)}
+       </cx-typography>`;
+    if (this.name && this.acceptsType(u.Other)) {
+      const t = this.name.split(",");
+      return l`<cx-typography variant="body-2">
+        ${f(t[0], 30, 11, 11)}
+
+        ${m(
+        t.length > 1,
+        () => l` ${this.localize.term("andOthers", t.length - 1)}`
+      )}
+      </cx-typography>`;
+    }
+    if (this.name && this.acceptsType(u.All)) {
+      const t = this.name.split(",");
+      return l`<cx-typography variant="body-2">
+        ${f(t[0], 30, 11, 11)}
+        ${m(t.length > 1, () => l` ${this.localize.term("andOthers", t.length - 1)}`)}
+      </cx-typography>`;
+    }
+    return null;
+  }
   render() {
     return l`
       <cx-space
@@ -143,46 +182,10 @@ let d = class extends w {
         class="asset-picker"
         spacing="2x-small"
         direction="horizontal"
-        align-items=${this.type === m.Image ? "flex-start" : "center"}
+        align-items=${this.acceptsType(u.Image) ? "flex-start" : "center"}
       >
-        ${u(
-      this.value && this.type === m.Image,
-      () => l`<cx-image
-              part="image"
-              class="asset-picker__image"
-              src=${this.value}
-              alt=${this.name}
-              width="200px"
-              object-fit=${V.Cover}
-            ></cx-image>`
-    )}
-        ${u(
-      this.type === m.Video && this.name,
-      () => l`<cx-typography variant="body-2">
-              ${f(this.name, 30, 11, 11)}
-            </cx-typography>`
-    )}
-        ${u(this.type === m.Other && this.name, () => {
-      const t = this.name.split(",");
-      return l`<cx-typography variant="body-2">
-            ${f(t[0], 30, 11, 11)}
-            ${u(
-        t.length > 1,
-        () => l` ${this.localize.term("andOthers", t.length - 1)}`
-      )}
-          </cx-typography>`;
-    })}
-        ${u(this.type === m.All && this.name, () => {
-      const t = this.name.split(",");
-      return l`<cx-typography variant="body-2">
-            ${f(t[0], 30, 11, 11)}
-            ${u(
-        t.length > 1,
-        () => l` ${this.localize.term("andOthers", t.length - 1)}`
-      )}
-          </cx-typography>`;
-    })}
-        ${u(
+        ${this.renderAssetPreview()}
+        ${m(
       !this.disabled,
       () => l`
             <div class="asset-picker__button-container">
@@ -202,7 +205,7 @@ let d = class extends w {
                 ${this.localize.term("choose")}
               </cx-button>
             </div>
-            ${u(
+            ${m(
         this.value,
         () => l`<cx-icon-button
                   label=${this.localize.term("delete")}
@@ -222,8 +225,8 @@ d.dependencies = {
   "cx-button": _,
   "cx-icon-button": H,
   "cx-image": N,
-  "cx-input": $,
-  "cx-space": C,
+  "cx-input": C,
+  "cx-space": $,
   "cx-typography": I
 };
 p([
@@ -239,7 +242,13 @@ p([
   n({ reflect: !0, type: String })
 ], d.prototype, "name", 2);
 p([
-  n({ reflect: !0, type: String })
+  n({
+    converter: {
+      fromAttribute: (t) => (t ?? "").split(" ").filter((e) => e !== ""),
+      toAttribute: (t) => t.join(" ")
+    },
+    reflect: !0
+  })
 ], d.prototype, "type", 2);
 p([
   n({ reflect: !0, type: Boolean })
@@ -346,7 +355,7 @@ let a = class extends w {
         }
       ],
       options: {
-        placement: P.Right
+        placement: k.Right
       }
     }, this.OMITTED_FIELDS = ["id"];
   }
@@ -445,7 +454,7 @@ let a = class extends w {
         <div class="list-editor">
           <cx-table
             part="table"
-            class=${j({
+            class=${L({
       "list-editor__table": !0,
       "list-editor__table--no-header": this.noHeader
     })}
@@ -474,7 +483,7 @@ let a = class extends w {
               <cx-typography variant="h4">
                 ${this.isAdding ? this.addDialogLabel : this.editDialogLabel}
               </cx-typography>
-              ${u(
+              ${m(
       !this.isAdding && this.editedItem?.[this.displayField],
       () => l`<cx-typography variant="body3">
                     <cx-line-clamp lines="1">
@@ -493,7 +502,7 @@ let a = class extends w {
                       </cx-typography>
                     </cx-grid-item>
                     <cx-grid-item xs="3" sm="2">
-                      ${L(
+                      ${j(
         this.columnsMap[t].controlType,
         [
           [
@@ -590,7 +599,7 @@ let a = class extends w {
             </cx-space>
           </cx-dialog>
         </div>
-        ${u(
+        ${m(
       this.canAdd,
       () => l`
             <cx-button
@@ -614,12 +623,12 @@ a.dependencies = {
   "cx-dialog": z,
   "cx-grid": M,
   "cx-grid-item": q,
-  "cx-input": $,
-  "cx-line-clamp": R,
-  "cx-radio": O,
-  "cx-radio-group": k,
-  "cx-space": C,
-  "cx-table": T,
+  "cx-input": C,
+  "cx-line-clamp": T,
+  "cx-radio": R,
+  "cx-radio-group": O,
+  "cx-space": $,
+  "cx-table": P,
   "cx-typography": I
 };
 o([

package/library/chunks/ref.BDmlFGTP.js

@@ -0,0 +1,99 @@
+import { E as l } from "./custom-element.fmLrnDZr.js";
+import { f as $ } from "./directive-helpers.D78ZFDYN.js";
+import { i as f, t as a, e as _ } from "./directive.oAbCiebi.js";
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const h = (t, s) => {
+  const e = t._$AN;
+  if (e === void 0) return !1;
+  for (const i of e) i._$AO?.(s, !1), h(i, s);
+  return !0;
+}, n = (t) => {
+  let s, e;
+  do {
+    if ((s = t._$AM) === void 0) break;
+    e = s._$AN, e.delete(t), t = s;
+  } while (e?.size === 0);
+}, d = (t) => {
+  for (let s; s = t._$AM; t = s) {
+    let e = s._$AN;
+    if (e === void 0) s._$AN = e = /* @__PURE__ */ new Set();
+    else if (e.has(t)) break;
+    e.add(t), v(s);
+  }
+};
+function A(t) {
+  this._$AN !== void 0 ? (n(this), this._$AM = t, d(this)) : this._$AM = t;
+}
+function u(t, s = !1, e = 0) {
+  const i = this._$AH, c = this._$AN;
+  if (c !== void 0 && c.size !== 0) if (s) if (Array.isArray(i)) for (let o = e; o < i.length; o++) h(i[o], !1), n(i[o]);
+  else i != null && (h(i, !1), n(i));
+  else h(this, t);
+}
+const v = (t) => {
+  t.type == a.CHILD && (t._$AP ??= u, t._$AQ ??= A);
+};
+class p extends f {
+  constructor() {
+    super(...arguments), this._$AN = void 0;
+  }
+  _$AT(s, e, i) {
+    super._$AT(s, e, i), d(this), this.isConnected = s._$AU;
+  }
+  _$AO(s, e = !0) {
+    s !== this.isConnected && (this.isConnected = s, s ? this.reconnected?.() : this.disconnected?.()), e && (h(this, s), n(this));
+  }
+  setValue(s) {
+    if ($(this._$Ct)) this._$Ct._$AI(s, this);
+    else {
+      const e = [...this._$Ct._$AH];
+      e[this._$Ci] = s, this._$Ct._$AI(e, this, 0);
+    }
+  }
+  disconnected() {
+  }
+  reconnected() {
+  }
+}
+/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const N = () => new G();
+class G {
+}
+const r = /* @__PURE__ */ new WeakMap(), M = _(class extends p {
+  render(t) {
+    return l;
+  }
+  update(t, [s]) {
+    const e = s !== this.G;
+    return e && this.G !== void 0 && this.rt(void 0), (e || this.lt !== this.ct) && (this.G = s, this.ht = t.options?.host, this.rt(this.ct = t.element)), l;
+  }
+  rt(t) {
+    if (this.isConnected || (t = void 0), typeof this.G == "function") {
+      const s = this.ht ?? globalThis;
+      let e = r.get(s);
+      e === void 0 && (e = /* @__PURE__ */ new WeakMap(), r.set(s, e)), e.get(this.G) !== void 0 && this.G.call(this.ht, void 0), e.set(this.G, t), t !== void 0 && this.G.call(this.ht, t);
+    } else this.G.value = t;
+  }
+  get lt() {
+    return typeof this.G == "function" ? r.get(this.ht ?? globalThis)?.get(this.G) : this.G?.value;
+  }
+  disconnected() {
+    this.lt === this.ct && this.rt(void 0);
+  }
+  reconnected() {
+    this.rt(this.ct);
+  }
+});
+export {
+  N as e,
+  p as f,
+  M as n
+};

package/library/chunks/{tab-group.g2uXM2W8.js → tab-group.uF5JbAGa.js}

@@ -18,7 +18,7 @@ import { C as Hn } from "./button.DrU92LJQ.js";
 import Yn from "../components/dropdown.js";
 import Xn from "../components/icon-button.js";
 import qn from "../components/menu.js";
-import { C as Gn } from "./menu-item.DOFCmq0Z.js";
+import Gn from "../components/menu-item.js";
 import Kn from "../components/tab.js";
 var bi = /* @__PURE__ */ ((o) => (o.Bottom = "bottom", o.End = "end", o.Start = "start", o.Top = "top", o))(bi || {}), Ge = /* @__PURE__ */ ((o) => (o.Center = "center", o.End = "flex-end", o.Start = "flex-start", o))(Ge || {}), wr = /* @__PURE__ */ ((o) => (o.Auto = "auto", o.Manual = "manual", o))(wr || {}), Ke = /* @__PURE__ */ ((o) => (o.Button = "button", o.Default = "default", o.Timeline = "timeline", o))(Ke || {}), yt = /* @__PURE__ */ ((o) => (o.Dropdown = "dropdown", o.Pagination = "pagination", o.Scroll = "scroll", o))(yt || {}), Vt = /* @__PURE__ */ ((o) => (o.Absolute = "absolute", o.DisplayNone = "display-none", o))(Vt || {});
 function Dt(o) {

package/library/chunks/{table.Be9berv0.js → table.D6Abk0xC.js}

@@ -22,7 +22,7 @@ import { c as Qe } from "./repeat.B1pVpmRx.js";
 import { o as et } from "./style-map.lEJHEwk3.js";
 import ts from "../components/dropdown.js";
 import is from "../components/menu.js";
-import { C as ss } from "./menu-item.DOFCmq0Z.js";
+import ss from "../components/menu-item.js";
 import xs from "../components/menu-section.js";
 import Rs from "../components/input.js";
 import { C as Ts } from "./typography.trna8y2b.js";

package/library/components/atoms.js

@@ -37,7 +37,7 @@ import { default as Se } from "./input-group.js";
 import { default as Ae } from "./line-clamp.js";
 import { default as Pe } from "./markdown.js";
 import { default as Ge } from "./menu.js";
-import { C as ve } from "../chunks/menu-item.DOFCmq0Z.js";
+import { default as ve } from "./menu-item.js";
 import { default as ke } from "./menu-label.js";
 import { default as he } from "./menu-section.js";
 import { default as He } from "./mutation-observer.js";
@@ -64,8 +64,8 @@ import { default as Ro } from "./step.js";
 import { default as Do } from "./stepper.js";
 import { default as yo } from "./switch.js";
 import { default as Mo } from "./tab.js";
-import { C as Oo } from "../chunks/tab-group.g2uXM2W8.js";
-import { C as wo } from "../chunks/table.Be9berv0.js";
+import { C as Oo } from "../chunks/tab-group.uF5JbAGa.js";
+import { C as wo } from "../chunks/table.D6Abk0xC.js";
 import { default as Fo } from "./tab-panel.js";
 import { default as No } from "./tag.js";
 import { default as Eo } from "./textarea.js";

package/library/components/color-swatch-group.js

@@ -1,10 +1,10 @@
 import "./space.js";
-import "../chunks/table.Be9berv0.js";
+import "../chunks/table.D6Abk0xC.js";
 import "../chunks/typography.trna8y2b.js";
 import "../chunks/custom-element.fmLrnDZr.js";
 import "../chunks/color-swatch.DkZKPbUq.js";
 import "../chunks/component.styles.DtouHn2g.js";
-import { C as n } from "../chunks/color-swatch-group.DrpRd8Xw.js";
+import { C as n } from "../chunks/color-swatch-group.CMz7zQdk.js";
 import "../chunks/content-builder.UlVFSATk.js";
 import "../chunks/popup.CJrePm7n.js";
 import "../chunks/i18n.D33BKrRs.js";

package/library/components/file-on-demand.js

@@ -1,4 +1,4 @@
-import { C as J } from "../chunks/file-on-demand.ZcYwCR_s.js";
+import { C as J } from "../chunks/file-on-demand.CODE3g50.js";
 import "./avatar.js";
 import "../chunks/button.DrU92LJQ.js";
 import "../chunks/dialog.rme_OwWe.js";
@@ -14,7 +14,7 @@ import "./relative-time.js";
 import "../chunks/select.Bo8mWJ1g.js";
 import "./space.js";
 import "./tab.js";
-import "../chunks/tab-group.g2uXM2W8.js";
+import "../chunks/tab-group.uF5JbAGa.js";
 import "./tab-panel.js";
 import "./tooltip.js";
 import "../chunks/tree.DynOxJWg.js";

package/library/components/list-editor.js

@@ -7,7 +7,7 @@ import "./line-clamp.js";
 import "./radio.js";
 import "./radio-group.js";
 import "./space.js";
-import "../chunks/table.Be9berv0.js";
+import "../chunks/table.D6Abk0xC.js";
 import "../chunks/typography.trna8y2b.js";
 import "../chunks/custom-element.fmLrnDZr.js";
 import "../chunks/component.styles.DtouHn2g.js";
@@ -20,7 +20,7 @@ import "../chunks/choose.BTbF6BAn.js";
 import "../chunks/class-map.DqNfBvJI.js";
 import "../chunks/repeat.B1pVpmRx.js";
 import "../chunks/when.Dr1es41R.js";
-import { c as v, C as w } from "../chunks/list-editor.B_BRQoUp.js";
+import { c as v, C as w } from "../chunks/list-editor.RKB6H77Y.js";
 export {
   v as columnDefaults,
   w as default