@orangelogic/design-system 2.19.0-ci.5

package/library/chunks/index.Cpamj0jB.js

@@ -0,0 +1,10 @@
+var u = /* @__PURE__ */ ((e) => (e.Contain = "contain", e.Cover = "cover", e.Fill = "fill", e.None = "none", e.ScaleDown = "scale-down", e))(u || {}), r = /* @__PURE__ */ ((e) => (e.BottomLeft = "bottom-left", e.BottomRight = "bottom-right", e.TopLeft = "top-left", e.TopRight = "top-right", e))(r || {}), o = /* @__PURE__ */ ((e) => (e.Horizontal = "horizontal", e.Vertical = "vertical", e))(o || {}), t = /* @__PURE__ */ ((e) => (e.Fade = "fade", e.Slide = "slide", e))(t || {}), a = /* @__PURE__ */ ((e) => (e.Cubic = "cubic", e.Expo = "expo", e.Linear = "linear", e.QuadIn = "quad-in", e.QuadInOut = "quad-in-out", e.QuadOut = "quad-out", e))(a || {}), d = /* @__PURE__ */ ((e) => (e.cubic = "cubic-bezier(0.65, 0, 0.35, 1)", e.expo = "cubic-bezier(0.87, 0, 0.13, 1)", e.linear = "ease-in-out", e.quad = "cubic-bezier(0.45, 0, 0.55, 1)", e["quad-in"] = "cubic-bezier(0.55, 0.085, 0.68, 0.53)", e["quad-in-out"] = "cubic-bezier(0.455, 0.03, 0.515, 0.955)", e["quad-out"] = "cubic-bezier(0.25, 0.46, 0.45, 0.94)", e))(d || {}), l = /* @__PURE__ */ ((e) => (e.cubic = "power3.out", e.expo = "expo.out", e.linear = "none", e["quad-in"] = "power2.in", e["quad-in-out"] = "power2.inOut", e["quad-out"] = "power2.out", e))(l || {});
+export {
+  r as C,
+  a as E,
+  l as G,
+  o as O,
+  t as T,
+  u as a,
+  d as b
+};

package/library/chunks/isObjectLike.z36Fu426.js

@@ -0,0 +1,34 @@
+var f = typeof global == "object" && global && global.Object === Object && global, l = typeof self == "object" && self && self.Object === Object && self, g = f || l || Function("return this")(), n = g.Symbol, a = Object.prototype, s = a.hasOwnProperty, j = a.toString, e = n ? n.toStringTag : void 0;
+function u(t) {
+  var r = s.call(t, e), i = t[e];
+  try {
+    t[e] = void 0;
+    var c = !0;
+  } catch {
+  }
+  var b = j.call(t);
+  return c && (r ? t[e] = i : delete t[e]), b;
+}
+var y = Object.prototype, O = y.toString;
+function d(t) {
+  return O.call(t);
+}
+var S = "[object Null]", T = "[object Undefined]", o = n ? n.toStringTag : void 0;
+function v(t) {
+  return t == null ? t === void 0 ? T : S : o && o in Object(t) ? u(t) : d(t);
+}
+function h(t) {
+  var r = typeof t;
+  return t != null && (r == "object" || r == "function");
+}
+function m(t) {
+  return t != null && typeof t == "object";
+}
+export {
+  n as S,
+  h as a,
+  v as b,
+  f,
+  m as i,
+  g as r
+};

package/library/chunks/isSymbol.L0C2ND_U.js

@@ -0,0 +1,8 @@
+import { i as b, b as s } from "./isObjectLike.z36Fu426.js";
+var t = "[object Symbol]";
+function e(o) {
+  return typeof o == "symbol" || b(o) && s(o) == t;
+}
+export {
+  e as i
+};

package/library/chunks/list-editor.BPUsGMW-.js

@@ -0,0 +1,356 @@
+import { C as x } from "./button.G_W-dK6b.js";
+import { C as u } from "./dialog.upIZWR3x.js";
+import g from "../components/grid.js";
+import y from "../components/grid-item.js";
+import f from "../components/icon.js";
+import b from "../components/icon-button.js";
+import v from "../components/input.js";
+import I from "../components/line-clamp.js";
+import _ from "../components/space.js";
+import C from "../components/tooltip.js";
+import { C as $, a as A } from "./tree.5Cb85J9q.js";
+import { C as S } from "./typography.trna8y2b.js";
+import { i as D, n as s, C as w, x as l, c as E } from "./custom-element.fmLrnDZr.js";
+import { c as F } from "./component.styles.DtouHn2g.js";
+import { L as z } from "./i18n.C6c6_pqI.js";
+import { r as h } from "./state.Dt9F_SuS.js";
+import { c as m } from "./repeat.B1pVpmRx.js";
+import { o as L } from "./style-map.lEJHEwk3.js";
+import { n } from "./when.Dr1es41R.js";
+import { c as O } from "./capitalize.CNStXZBq.js";
+import { t as T } from "./toString.CL_lYXbK.js";
+var j = 0;
+function q(t) {
+  var e = ++j;
+  return T(t) + e;
+}
+const B = D`
+  :host {
+    --min-height: 200px;
+    --max-height: 260px;
+
+    display: block;
+    width: 100%;
+  }
+
+  .list-editor {
+    border: 1px solid var(--cx-color-neutral-200);
+    border-radius: var(--cx-border-radius-large);
+    min-height: var(--min-height);
+    max-height: var(--max-height);
+    padding: var(--cx-spacing-x-small);
+    width: 100%;
+    overflow: auto;
+  }
+
+  .list-editor__item::part(expand-button) {
+    display: none;
+  }
+
+  .list-editor__item::part(item) {
+    align-items: flex-start;
+  }
+
+  .list-editor__item__text {
+    --line-height: 1;
+  }
+
+  .list-editor__item__text__description {
+    color: var(--cx-color-neutral-600);
+  }
+`;
+var R = Object.defineProperty, k = Object.getOwnPropertyDescriptor, a = (t, e, r, o) => {
+  for (var d = o > 1 ? void 0 : o ? k(e, r) : e, c = t.length - 1, p; c >= 0; c--)
+    (p = t[c]) && (d = (o ? p(e, r, d) : p(d)) || d);
+  return o && d && R(e, r, d), d;
+};
+let i = class extends w {
+  constructor() {
+    super(...arguments), this.localize = new z(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.boundary = document.body, this.editedItem = null, this.isAdding = !1, this.actions = [
+      {
+        icon: "edit",
+        id: "edit",
+        label: this.localize.term("edit")
+      },
+      {
+        color: "var(--cx-color-danger)",
+        icon: "delete",
+        id: "delete",
+        label: this.localize.term("delete")
+      }
+    ], this.OMITTED_FIELDS = ["id"];
+  }
+  handleRequestClose() {
+    this.isAdding = !1, this.editedItem = null;
+  }
+  handleAddClick() {
+    this.isAdding = !0, this.editedItem = {
+      ...this.sampleItem,
+      id: q(`${Date.now()}-`)
+    };
+  }
+  handleSaveClick() {
+    if (this.editedItem) {
+      const t = this.data.findIndex(
+        (r) => r.id === this.editedItem.id
+      );
+      if (!this.isAdding && t === -1) {
+        this.editedItem = null;
+        return;
+      }
+      let e = this.data;
+      this.isAdding ? e = [...e, this.editedItem] : e = this.data.map((r) => r.id === this.editedItem.id ? this.editedItem : r), this.emit("cx-list-editor-change", {
+        detail: {
+          data: e
+        }
+      }), this.editedItem = null, this.isAdding = !1;
+    }
+  }
+  handleReorder(t) {
+    const { newIndex: e, oldIndex: r } = t.detail;
+    if (!(r === void 0 || e === void 0) && r !== e) {
+      const o = this.data[r];
+      this.data.splice(r, 1), this.data.splice(e, 0, o), this.emit("cx-list-editor-change", {
+        detail: {
+          data: this.data
+        }
+      });
+    }
+  }
+  render() {
+    return l`
+      <cx-space direction="vertical" align-items="flex-start">
+        <div class="list-editor">
+          <cx-tree
+            ?sortable=${this.sortable}
+            no-drag-inside
+            @cx-reorder=${this.handleReorder}
+          >
+            ${m(
+      this.data,
+      (t) => t.id,
+      (t) => l`<cx-tree-item class="list-editor__item">
+                  ${m(this.actions, (e) => {
+        const r = () => {
+          if (this.useEvents) {
+            this.emit(`cx-list-editor-${e.id}`, {
+              detail: {
+                item: t
+              }
+            });
+            return;
+          }
+          e.id === "edit" ? this.editedItem = t : this.emit("cx-list-editor-change", {
+            detail: {
+              data: this.data.filter((o) => o.id !== t.id)
+            }
+          });
+        };
+        return l`<cx-tooltip
+                      slot="actions"
+                      content=${e.label}
+                    >
+                      <cx-icon-button
+                        ?loading=${this.loadingEvent === e.id}
+                        class="list-editor__action"
+                        name=${e.icon}
+                        label=${e.label}
+                        size="small"
+                        style=${L({
+          color: e.color
+        })}
+                        @click=${r}
+                      ></cx-icon-button>
+                    </cx-tooltip>`;
+      })}
+                  ${n(
+        this.sortable,
+        () => l`<cx-icon name="menu"></cx-icon>`
+      )}
+                  <cx-typography class="list-editor__item__text">
+                    ${t[this.displayField]}
+                    ${n(
+        this.descriptionField && typeof t[this.descriptionField] == "string" && t[this.descriptionField].trim(),
+        () => l`<br />
+                          <cx-typography
+                            variant="small"
+                            class="list-editor__item__text__description"
+                          >
+                            ${t[this.descriptionField]}
+                          </cx-typography>`
+      )}
+                  </cx-typography>
+                </cx-tree-item>`
+    )}
+          </cx-tree>
+          <cx-dialog
+            part="dialog"
+            class="list-editor__dialog"
+            use-overlay-scrollbar
+            strategy="overlay"
+            ?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(
+      !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>
+            <cx-grid columns="3" spacing="var(--cx-spacing-small)" wrap="wrap">
+              ${m(
+      Object.entries(this.editedItem || {}).filter(
+        ([t]) => this.OMITTED_FIELDS.indexOf(t) === -1
+      ),
+      ([t]) => t,
+      ([t, e]) => {
+        const r = (o) => {
+          const d = o.target.value;
+          this.editedItem = {
+            ...this.editedItem,
+            [t]: d
+          };
+        };
+        return l`<cx-grid-item xs="3" sm="1">
+                      <cx-typography variant="body2">
+                        ${O(t)}
+                      </cx-typography>
+                    </cx-grid-item>
+                    <cx-grid-item xs="3" sm="2">
+                      <cx-input
+                        value=${e}
+                        @cx-change=${r}
+                      ></cx-input>
+                    </cx-grid-item>`;
+      }
+    )}
+            </cx-grid>
+            <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.handleSaveClick}
+              >
+                ${this.localize.term("save")}
+              </cx-button>
+            </cx-space>
+          </cx-dialog>
+        </div>
+        ${n(
+      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>
+    `;
+  }
+};
+i.styles = [F, B];
+i.dependencies = {
+  "cx-button": x,
+  "cx-dialog": u,
+  "cx-grid": g,
+  "cx-grid-item": y,
+  "cx-icon": f,
+  "cx-icon-button": b,
+  "cx-input": v,
+  "cx-line-clamp": I,
+  "cx-space": _,
+  "cx-tooltip": C,
+  "cx-tree": A,
+  "cx-tree-item": $,
+  "cx-typography": S
+};
+a([
+  s({
+    converter: {
+      fromAttribute: (t) => {
+        try {
+          const e = JSON.parse(t);
+          return Array.isArray(e) ? e : [];
+        } catch {
+          return [];
+        }
+      },
+      toAttribute: (t) => JSON.stringify(t)
+    },
+    reflect: !0,
+    type: String
+  })
+], i.prototype, "data", 2);
+a([
+  s({ attribute: "can-add", reflect: !0, type: Boolean })
+], i.prototype, "canAdd", 2);
+a([
+  s({ attribute: "add-dialog-label", reflect: !0, type: String })
+], i.prototype, "addDialogLabel", 2);
+a([
+  s({ attribute: "edit-dialog-label", reflect: !0, type: String })
+], i.prototype, "editDialogLabel", 2);
+a([
+  s({ attribute: "display-field", reflect: !0, type: String })
+], i.prototype, "displayField", 2);
+a([
+  s({ attribute: "description-field", reflect: !0, type: String })
+], i.prototype, "descriptionField", 2);
+a([
+  s({ attribute: "add-item-text", reflect: !0, type: String })
+], i.prototype, "addItemText", 2);
+a([
+  s({ attribute: "sample-item", type: Object })
+], i.prototype, "sampleItem", 2);
+a([
+  s({ attribute: "use-events", reflect: !0, type: Boolean })
+], i.prototype, "useEvents", 2);
+a([
+  s({ reflect: !0, type: Boolean })
+], i.prototype, "sortable", 2);
+a([
+  s({ attribute: "loading-event", reflect: !0, type: String })
+], i.prototype, "loadingEvent", 2);
+a([
+  s({ type: Object })
+], i.prototype, "boundary", 2);
+a([
+  h()
+], i.prototype, "editedItem", 2);
+a([
+  h()
+], i.prototype, "isAdding", 2);
+i = a([
+  E("cx-list-editor")
+], i);
+export {
+  i as C,
+  q as u
+};

package/library/chunks/live.DCdtYl87.js

@@ -0,0 +1,30 @@
+import { T as n, E as s } from "./custom-element.fmLrnDZr.js";
+import { e as T, i as f, t } from "./directive.oAbCiebi.js";
+import { f as l, m as p } from "./directive-helpers.D78ZFDYN.js";
+/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const c = T(class extends f {
+  constructor(e) {
+    if (super(e), e.type !== t.PROPERTY && e.type !== t.ATTRIBUTE && e.type !== t.BOOLEAN_ATTRIBUTE) throw Error("The `live` directive is not allowed on child or event bindings");
+    if (!l(e)) throw Error("`live` bindings can only contain a single expression");
+  }
+  render(e) {
+    return e;
+  }
+  update(e, [r]) {
+    if (r === n || r === s) return r;
+    const o = e.element, i = e.name;
+    if (e.type === t.PROPERTY) {
+      if (r === o[i]) return n;
+    } else if (e.type === t.BOOLEAN_ATTRIBUTE) {
+      if (!!r === o.hasAttribute(i)) return n;
+    } else if (e.type === t.ATTRIBUTE && o.getAttribute(i) === r + "") return n;
+    return p(e), r;
+  }
+});
+export {
+  c as l
+};

package/library/chunks/map.D8heArFD.js

@@ -0,0 +1,14 @@
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+function* e(o, i) {
+  if (o !== void 0) {
+    let t = 0;
+    for (const f of o) yield i(f, t++);
+  }
+}
+export {
+  e as o
+};

package/library/chunks/math.DqTA6ya4.js

@@ -0,0 +1,7 @@
+function o(r, e, c) {
+  const t = (n) => Object.is(n, -0) ? 0 : n;
+  return r < e ? t(e) : r > c ? t(c) : t(r);
+}
+export {
+  o as c
+};