@orangelogic/design-system 2.117.0 → 2.119.0

package/library/components/dialog.js

@@ -1,10 +1,10 @@
 import "../chunks/lib-cortex-element.CVMmyPMC.js";
 import "../chunks/component.styles.CRO4Odto.js";
 import "../chunks/overlayscrollbars.BMav4RQ4.js";
-import { C as v } from "../chunks/dialog.BYCWepBc.js";
+import { C as v } from "../chunks/dialog.DdsJ_WqU.js";
 import "../chunks/event.BeKOsirN.js";
 import "../chunks/custom-element.L4WJXn1j.js";
-import "../chunks/i18n.CH-wak_P.js";
+import "../chunks/i18n.DDj5y9px.js";
 import "../chunks/modal.U1QltQKe.js";
 import "../chunks/scroll.xtO5yojm.js";
 import "../chunks/slot.j5oheLJC.js";
@@ -18,7 +18,7 @@ import "../chunks/style-map.llVFPd__.js";
 import "../chunks/when.Dr1es41R.js";
 import "../chunks/animation-registry.HmpwNuGH.js";
 import "./divider.js";
-import "../chunks/icon-button.CQiBjznj.js";
+import "../chunks/icon-button.DOrACmes.js";
 import "./popup.js";
 export {
   v as default

package/library/components/diff.d.ts

@@ -0,0 +1,3 @@
+export * from '../packages/atoms/src/components/diff/diff'
+import _default from '../packages/atoms/src/components/diff/diff'
+export default _default

package/library/components/diff.js

@@ -0,0 +1,104 @@
+import { n as m, C as x } from "../chunks/lib-cortex-element.CVMmyPMC.js";
+import { c as w } from "../chunks/component.styles.CRO4Odto.js";
+import { c as _ } from "../chunks/custom-element.L4WJXn1j.js";
+import { d as g } from "../chunks/debounce.DaHuiSGU.js";
+import { H as v } from "../chunks/slot.j5oheLJC.js";
+import { w as p } from "../chunks/watch.CThbualB.js";
+import { s as y } from "../chunks/string.DUgD4c9f.js";
+import { i as C, x as d, E as S } from "../chunks/lit-element.jLBm65_O.js";
+import { r as V } from "../chunks/state.CSDxrqLd.js";
+import { o as R } from "../chunks/unsafe-html.Dff7-rCx.js";
+import { n as u } from "../chunks/when.Dr1es41R.js";
+const b = C`:host,.cx-diff__content{display:inline}.cx-diff__del,.cx-diff__old{background-color:var(--cx-diff-deleted-bg,var(--cx-color-neutral-200));color:var(--cx-diff-deleted-color,inherit);margin-inline-end:var(--cx-diff-gap,var(--cx-spacing-2x-small));text-decoration:line-through}.cx-diff__ins,.cx-diff__new{background-color:var(--cx-diff-inserted-bg,var(--cx-color-success-200));color:var(--cx-diff-inserted-color,inherit)}`;
+function q(e) {
+  return new Worker(
+    "https://design-system.orangelogic.com/assets/diff.worker-ClilI1xm.js",
+    {
+      name: e?.name
+    }
+  );
+}
+let o, D = 0;
+const i = /* @__PURE__ */ new Map();
+function h() {
+  i.forEach((e) => e("")), i.clear(), o?.terminate(), o = void 0;
+}
+function E() {
+  return o || (o = new q(), o.addEventListener("message", (e) => {
+    if (e.data?.type !== "cx-diff-response")
+      return;
+    const { id: t, result: n } = e.data.payload, r = i.get(t);
+    r && (i.delete(t), r(n));
+  }), o.addEventListener("error", h), o.addEventListener("messageerror", h)), o;
+}
+function M(e, t) {
+  const n = E(), r = ++D;
+  return new Promise((s) => {
+    i.set(r, s), n.postMessage({ payload: { id: r, newValue: t, oldValue: e }, type: "cx-diff-request" });
+  });
+}
+var A = Object.defineProperty, W = Object.getOwnPropertyDescriptor, a = (e, t, n, r) => {
+  for (var s = r > 1 ? void 0 : r ? W(t, n) : t, f = e.length - 1, c; f >= 0; f--)
+    (c = e[f]) && (s = (r ? c(t, n, s) : c(s)) || s);
+  return r && s && A(t, n, s), s;
+};
+let l = class extends x {
+  constructor() {
+    super(...arguments), this.hasSlotController = new v(this, "old", "new"), this.oldValue = "", this.newValue = "", this.diffResult = "", this.latestRequestId = 0;
+  }
+  handleValuesChange() {
+    this.refreshDiff();
+  }
+  async refreshDiff() {
+    const e = ++this.latestRequestId;
+    if (this.hasSlotController.test("old") || this.hasSlotController.test("new"))
+      return;
+    if (!this.oldValue && !this.newValue) {
+      this.diffResult = "";
+      return;
+    }
+    const t = await M(this.oldValue, this.newValue);
+    e === this.latestRequestId && (this.diffResult = y(
+      t.replaceAll(/<ins[^>]*>/g, '<span class="cx-diff__ins">').replaceAll("</ins>", "</span>").replaceAll(/<del[^>]*>/g, '<span class="cx-diff__del">').replaceAll("</del>", "</span>")
+    ));
+  }
+  renderSlotMode() {
+    const e = this.hasSlotController.test("old"), t = this.hasSlotController.test("new");
+    return d`
+      ${u(e, () => d`<span class="cx-diff__old" part="deleted"><slot name="old"></slot></span>`)}
+      ${u(t, () => d`<span class="cx-diff__new" part="inserted"><slot name="new"></slot></span>`)}
+    `;
+  }
+  renderAutoMode() {
+    return u(
+      !!this.diffResult,
+      () => d`<span class="cx-diff__content">${R(this.diffResult)}</span>`,
+      () => S
+    );
+  }
+  render() {
+    return this.hasSlotController.test("old") || this.hasSlotController.test("new") ? this.renderSlotMode() : this.renderAutoMode();
+  }
+};
+l.styles = [w, b];
+l.dependencies = {};
+a([
+  m({ attribute: "old-value", type: String })
+], l.prototype, "oldValue", 2);
+a([
+  m({ attribute: "new-value", type: String })
+], l.prototype, "newValue", 2);
+a([
+  V()
+], l.prototype, "diffResult", 2);
+a([
+  p("oldValue"),
+  p("newValue", { waitUntilFirstUpdate: !0 }),
+  g(16)
+], l.prototype, "handleValuesChange", 1);
+l = a([
+  _("cx-diff")
+], l);
+export {
+  l as default
+};

package/library/components/document-viewer.js

@@ -1,16 +1,16 @@
 import "../chunks/resizable-component.styles.DpK0TTP5.js";
-import { C as b } from "../chunks/document-viewer.CKCX8ueu.js";
+import { C as b } from "../chunks/document-viewer.B5VtBEEP.js";
 import "../chunks/component.styles.CRO4Odto.js";
 import "../chunks/index.Cpamj0jB.js";
 import "../chunks/custom-element.L4WJXn1j.js";
-import "../chunks/i18n.CH-wak_P.js";
+import "../chunks/i18n.DDj5y9px.js";
 import "../chunks/lit-element.jLBm65_O.js";
 import "../chunks/lib-cortex-element.CVMmyPMC.js";
 import "../chunks/state.CSDxrqLd.js";
 import "../chunks/class-map.BiVq-cVR.js";
 import "../chunks/when.Dr1es41R.js";
 import "../chunks/icon.DnBh6-56.js";
-import "../chunks/image.cT-FziNS.js";
+import "../chunks/image.BugewF1g.js";
 import "../chunks/typography.DJC_UXgs.js";
 export {
   b as default

package/library/components/dot-pagination.js

@@ -2,7 +2,7 @@ import "../chunks/lib-cortex-element.CVMmyPMC.js";
 import "../chunks/component.styles.CRO4Odto.js";
 import "../chunks/index.Cpamj0jB.js";
 import "../chunks/custom-element.L4WJXn1j.js";
-import "../chunks/i18n.CH-wak_P.js";
+import "../chunks/i18n.DDj5y9px.js";
 import "../chunks/watch.CThbualB.js";
 import "../chunks/lit-element.jLBm65_O.js";
 import "../chunks/state.CSDxrqLd.js";
@@ -13,7 +13,7 @@ import "../chunks/if-defined.BRoBj_Rp.js";
 import "../chunks/map.D8heArFD.js";
 import "../chunks/when.Dr1es41R.js";
 import "./tooltip.js";
-import { C as g } from "../chunks/dot-pagination.C4l5vKor.js";
+import { C as g } from "../chunks/dot-pagination.Bny2T6DA.js";
 export {
   g as default
 };

package/library/components/drawer.js

@@ -2,7 +2,7 @@ import { n as s, C as k } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as z } from "../chunks/component.styles.CRO4Odto.js";
 import { a as d, s as p, w as v } from "../chunks/event.BeKOsirN.js";
 import { c as P } from "../chunks/custom-element.L4WJXn1j.js";
-import { L as O } from "../chunks/i18n.CH-wak_P.js";
+import { L as O } from "../chunks/i18n.DDj5y9px.js";
 import { M as $ } from "../chunks/modal.U1QltQKe.js";
 import { l as w, u } from "../chunks/scroll.xtO5yojm.js";
 import { H as B } from "../chunks/slot.j5oheLJC.js";
@@ -15,7 +15,7 @@ import { o as _ } from "../chunks/if-defined.BRoBj_Rp.js";
 import { n as b } from "../chunks/when.Dr1es41R.js";
 import { c as x } from "../chunks/capitalize.i-sHIcnm.js";
 import { s as o, g as c } from "../chunks/animation-registry.HmpwNuGH.js";
-import { C as q } from "../chunks/icon-button.CQiBjznj.js";
+import { C as q } from "../chunks/icon-button.DOrACmes.js";
 const D = S`:host{--size:25rem;--header-spacing:var(--cx-spacing-large);--body-spacing:var(--cx-spacing-large);--footer-spacing:var(--cx-spacing-large);--font-family:var(--cx-font-sans);display:contents}.drawer{top:0;pointer-events:none;width:0;height:0;inset-inline-start:0;overflow:hidden}.drawer--open{width:100%;height:100%}.drawer--persistent.drawer--open{width:var(--size);min-width:var(--size)}.drawer--contained{z-index:initial;position:absolute}.drawer--persistent{position:relative}.drawer--fixed{z-index:var(--cx-z-index-drawer);position:fixed}.drawer__panel{z-index:2;background-color:var(--cx-panel-background-color);max-width:100%;max-height:100%;box-shadow:var(--cx-shadow-large);pointer-events:all;flex-direction:column;display:flex;position:absolute;overflow:auto}.drawer__panel:focus{outline:none}.drawer--top .drawer__panel{top:0;inset-inline-end:auto;bottom:auto;width:100%;height:var(--size);inset-inline-start:0}.drawer--end .drawer__panel{top:0;inset-inline-end:0;bottom:auto;width:var(--size);height:100%;inset-inline-start:auto}.drawer--bottom .drawer__panel{top:auto;inset-inline-end:auto;bottom:0;width:100%;height:var(--size);inset-inline-start:0}.drawer--start .drawer__panel{top:0;inset-inline-end:auto;bottom:auto;width:var(--size);height:100%;inset-inline-start:0}.drawer__header{gap:var(--cx-spacing-small);padding:var(--header-spacing);border-bottom:solid 1px var(--cx-input-border-color);font-family:var(--font-family);display:flex}.drawer__header__content{flex:auto}.drawer__title{font:inherit;font-size:var(--cx-font-size-large);font-weight:var(--cx-font-weight-semibold);line-height:var(--cx-line-height-medium);align-items:center;margin:0;display:flex}.drawer__header-actions{justify-content:end;gap:var(--cx-spacing-2x-small);flex-wrap:wrap;flex-shrink:0;display:flex}.drawer__header-actions cx-icon-button,.drawer__header-actions ::slotted(cx-icon-button){font-size:var(--cx-font-size-medium);flex:none;align-items:center;display:flex}.drawer__description{font-family:var(--font-family);font-size:var(--cx-font-size-small);color:var(--cx-color-neutral-700)}.drawer__description ::slotted(*){margin:0}.drawer__body{padding:var(--body-spacing);-webkit-overflow-scrolling:touch;font-family:var(--font-family);flex:auto;display:block;overflow:auto}.drawer__footer{text-align:right;padding:var(--footer-spacing);font-family:var(--font-family)}.drawer__footer ::slotted(cx-button:not(:last-of-type)){margin-inline-end:var(--cx-spacing-x-small)}.drawer:not(.drawer--has-footer) .drawer__footer{display:none}.drawer__overlay{background-color:var(--cx-overlay-background-color);pointer-events:all;display:block;position:fixed;inset:0}.drawer--contained .drawer__overlay{opacity:0;position:absolute}.drawer--contained.drawer--ignore-parent-width.drawer--open{width:0;overflow:visible}.drawer--ignore-parent-width .drawer__panel{max-width:none}.drawer__overlay--disabled{display:none}@media (forced-colors:active){.drawer__panel{border:solid 1px var(--cx-color-neutral-0)}}`;
 var E = Object.defineProperty, L = Object.getOwnPropertyDescriptor, r = (e, a, i, l) => {
   for (var n = l > 1 ? void 0 : l ? L(a, i) : a, f = e.length - 1, m; f >= 0; f--)

package/library/components/dropdown.js

@@ -2,7 +2,7 @@ import { n as s, C as w } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as b } from "../chunks/component.styles.CRO4Odto.js";
 import { w as c, s as u, a as m } from "../chunks/event.BeKOsirN.js";
 import { c as x } from "../chunks/custom-element.L4WJXn1j.js";
-import { L as v } from "../chunks/i18n.CH-wak_P.js";
+import { L as v } from "../chunks/i18n.DDj5y9px.js";
 import { H as k } from "../chunks/slot.j5oheLJC.js";
 import { g as f } from "../chunks/tabbable.CcMz3mIL.js";
 import { w as E } from "../chunks/watch.CThbualB.js";
@@ -11,7 +11,7 @@ import { e as h } from "../chunks/query.BBf1UFkC.js";
 import { e as T } from "../chunks/class-map.BiVq-cVR.js";
 import { o as O } from "../chunks/if-defined.BRoBj_Rp.js";
 import { s as y, g } from "../chunks/animation-registry.HmpwNuGH.js";
-import { C as _ } from "../chunks/input.CH4lKxPM.js";
+import { C as _ } from "../chunks/input.BYj6YXcM.js";
 import d from "./menu.js";
 import L from "./popup.js";
 import A from "./textarea.js";