@orangelogic/design-system 2.52.0 → 2.53.0

package/library/chunks/{button.CVc2wJ0B.js → button.CiWlWCNb.js}

@@ -1,7 +1,7 @@
 import { n as o, C as v, c as g } from "./custom-element.vnXBMQxc.js";
 import { c as C } from "./component.styles.CI-v8BZa.js";
 import { F as x, v as w } from "./form.DycFDdkp.js";
-import { L as $ } from "./i18n.GsJkEfVA.js";
+import { L as $ } from "./i18n.C3Z8Xe8q.js";
 import { H as O, g as S } from "./slot.DJLm4Dig.js";
 import { w as m } from "./watch.BCJD77bD.js";
 import { r as h } from "./state.Cw55xXlb.js";

package/library/chunks/{color-swatch-group.CUtNUbRn.js → color-swatch-group.CG_PUG1X.js}

@@ -1,12 +1,12 @@
 import _ from "../components/space.js";
-import { C as z } from "./table.91X28qCm.js";
+import { C as z } from "./table.C8gqB3Ym.js";
 import { C as $ } from "./typography.BFpl0WMA.js";
 import { x as h, B as F, i as k, n as p, C as A, c as S } from "./custom-element.vnXBMQxc.js";
-import { C as v, a as m } from "./color-swatch.EAiUOc_J.js";
+import { C as v, a as m } from "./color-swatch.CsKJgvVf.js";
 import { c as T } from "./component.styles.CI-v8BZa.js";
 import { D as n } from "./content-builder.UlVFSATk.js";
-import { d as E } from "./popup.d45CSCf5.js";
-import { L as D } from "./i18n.GsJkEfVA.js";
+import { d as E } from "./popup.Ba501Rgg.js";
+import { L as D } from "./i18n.C3Z8Xe8q.js";
 import { w as C } from "./watch.BCJD77bD.js";
 import { r as d } from "./state.Cw55xXlb.js";
 import { e as R } from "./query.BBf1UFkC.js";

package/library/chunks/{color-swatch.EAiUOc_J.js → color-swatch.CsKJgvVf.js}

@@ -6,8 +6,8 @@ import { C as G } from "./typography.BFpl0WMA.js";
 import { i as M, n as l, C as S, x as C, c as U } from "./custom-element.vnXBMQxc.js";
 import { c as W } from "./component.styles.CI-v8BZa.js";
 import { T as v } from "./index.C1chwzNp.js";
-import { d as H } from "./popup.d45CSCf5.js";
-import { L as D } from "./i18n.GsJkEfVA.js";
+import { d as H } from "./popup.Ba501Rgg.js";
+import { L as D } from "./i18n.C3Z8Xe8q.js";
 import { w as h } from "./watch.BCJD77bD.js";
 import { r as d } from "./state.Cw55xXlb.js";
 import { e as L } from "./query.BBf1UFkC.js";

package/library/chunks/{confirm-popover.DfkoLeR6.js → confirm-popover.Bfuw361W.js}

@@ -1,10 +1,10 @@
-import { C as _ } from "./button.CVc2wJ0B.js";
-import { C as u, D as h } from "./dialog.CLn29MZF.js";
+import { C as _ } from "./button.CiWlWCNb.js";
+import { C as u, D as h } from "./dialog.C28qzMSQ.js";
 import g from "../components/dropdown.js";
 import { C as x } from "./typography.BFpl0WMA.js";
 import { i as b, n as e, C as y, x as d, c as w } from "./custom-element.vnXBMQxc.js";
 import { c as $ } from "./component.styles.CI-v8BZa.js";
-import { L as z } from "./i18n.GsJkEfVA.js";
+import { L as z } from "./i18n.C3Z8Xe8q.js";
 import { e as m } from "./query.BBf1UFkC.js";
 import { e as a } from "./class-map.CoZTSvbM.js";
 var v = /* @__PURE__ */ ((t) => (t.Horizontal = "horizontal", t.HorizontalReverse = "horizontal-reverse", t.Vertical = "vertical", t.VerticalReverse = "vertical-reverse", t))(v || {}), f = /* @__PURE__ */ ((t) => (t.Center = "center", t.End = "end", t.Start = "start", t))(f || {});

package/library/chunks/{dialog.CLn29MZF.js → dialog.C28qzMSQ.js}

@@ -3,7 +3,7 @@ import { c as L } from "./component.styles.CI-v8BZa.js";
 import { O, C as P, H as $, z as H, o as E } from "./overlayscrollbars.aFuRG5Rs.js";
 import { s as p, g as h, b as c, a as y } from "./animation-registry.DavRkTTr.js";
 import { w as x } from "./event.mFzZi4sr.js";
-import { L as R } from "./i18n.GsJkEfVA.js";
+import { L as R } from "./i18n.C3Z8Xe8q.js";
 import { M as W } from "./modal.BqNLxgs1.js";
 import { l as w, u as _ } from "./scroll.DwPiX2Ox.js";
 import { H as q } from "./slot.DJLm4Dig.js";
@@ -16,7 +16,7 @@ import { o as A } from "./style-map.CZovMmo_.js";
 import { n as g } from "./when.Dr1es41R.js";
 import F from "../components/divider.js";
 import I from "../components/icon-button.js";
-import { C as T } from "./popup.d45CSCf5.js";
+import { C as T } from "./popup.Ba501Rgg.js";
 var l = /* @__PURE__ */ ((e) => (e.Both = "both", e.Footer = "footer", e.Header = "header", e.None = "none", e))(l || {});
 const U = z`
   :host {

package/library/chunks/{dot-pagination.BMZxEk73.js → dot-pagination.D3RYAiHL.js}

@@ -1,7 +1,7 @@
 import { i as P, n as a, C as F, x as y, c as z } from "./custom-element.vnXBMQxc.js";
 import { c as S } from "./component.styles.CI-v8BZa.js";
 import { O as C } from "./index.Cpamj0jB.js";
-import { L as O } from "./i18n.GsJkEfVA.js";
+import { L as O } from "./i18n.C3Z8Xe8q.js";
 import { w as h } from "./watch.BCJD77bD.js";
 import { r as j } from "./state.Cw55xXlb.js";
 import { e as H } from "./query.BBf1UFkC.js";

package/library/chunks/{file-on-demand.CoA1eDl7.js → file-on-demand.UNUgyyno.js}

@@ -1,9 +1,9 @@
 import lt from "../components/icon.js";
 import dt from "../components/line-clamp.js";
-import { C as pt, s as ht, a as ut, b as Q } from "./tree.DQDSYKYi.js";
+import { C as pt, s as ht, a as ut, b as Q } from "./tree.82OigIgE.js";
 import { n as p, C as Y, x as r, c as K, i as gt, E as bt } from "./custom-element.vnXBMQxc.js";
 import { c as xt } from "./component.styles.CI-v8BZa.js";
-import { L as Z } from "./i18n.GsJkEfVA.js";
+import { L as Z } from "./i18n.C3Z8Xe8q.js";
 import { k as $t, h as mt, i as ft, w as L, j as wt, l as St, f as It, g as Ct, d as At, m as Dt, n as Tt } from "./watch.BCJD77bD.js";
 import { p as P } from "./string.D6poLUEC.js";
 import { r as x } from "./state.Cw55xXlb.js";
@@ -13,24 +13,24 @@ import { c as F } from "./repeat.CauKaXyy.js";
 import { n as g } from "./when.Dr1es41R.js";
 import { a as zt, i as _t, c as Et, b as tt } from "./_baseUniq.BUihBa8c.js";
 import Lt from "../components/avatar.js";
-import { C as Rt } from "./button.CVc2wJ0B.js";
-import { C as Pt } from "./dialog.CLn29MZF.js";
+import { C as Rt } from "./button.CiWlWCNb.js";
+import { C as Pt } from "./dialog.C28qzMSQ.js";
 import Ft from "../components/divider.js";
 import Ut from "../components/format-bytes.js";
 import kt from "../components/icon-button.js";
 import Ot from "../components/input.js";
-import { C as Nt } from "./option.CPTRiPaF.js";
+import { C as Nt } from "./option.BOHZB9Sv.js";
 import jt from "../components/progress-bar.js";
 import Mt from "../components/relative-time.js";
-import { C as Bt } from "./select.ByWIHETd.js";
+import { C as Bt } from "./select.oVg7uA-M.js";
 import Vt from "../components/space.js";
 import Ht from "../components/tab.js";
-import { C as Wt } from "./tab-group.B6aKJLVZ.js";
+import { C as Wt } from "./tab-group.BWYMMhrE.js";
 import Gt from "../components/tab-panel.js";
 import qt from "../components/tooltip.js";
 import { C as Yt } from "./typography.BFpl0WMA.js";
-import { C as Kt } from "./confirm-popover.DfkoLeR6.js";
-import { d as Zt } from "./popup.d45CSCf5.js";
+import { C as Kt } from "./confirm-popover.Bfuw361W.js";
+import { d as Zt } from "./popup.Ba501Rgg.js";
 import { a as H } from "./number.CjNxU7Xs.js";
 import { o as Xt } from "./style-map.CZovMmo_.js";
 import { a as Jt } from "./toString.CL_lYXbK.js";

package/library/chunks/{folder-select.Bq-NKzjL.js → folder-select.ELghy6Qk.js}

@@ -1,17 +1,17 @@
 import G from "../components/icon.js";
 import Z from "../components/input.js";
-import { C as J } from "./select.ByWIHETd.js";
-import { C as x, a as K } from "./tree.DQDSYKYi.js";
+import { C as J } from "./select.oVg7uA-M.js";
+import { C as x, a as K } from "./tree.82OigIgE.js";
 import { n as r, C as I, x as f, c as w, i as X } from "./custom-element.vnXBMQxc.js";
 import { h as k, F as Y, b as A } from "./endpoints.BgyupJys.js";
 import { c as R } from "./component.styles.CI-v8BZa.js";
-import { L as V } from "./i18n.GsJkEfVA.js";
+import { L as V } from "./i18n.C3Z8Xe8q.js";
 import { w as m } from "./watch.BCJD77bD.js";
 import { r as y } from "./state.Cw55xXlb.js";
 import { e as B } from "./query.BBf1UFkC.js";
 import { r as ee } from "./choose.BTbF6BAn.js";
-import { C as q } from "./button.CVc2wJ0B.js";
-import { d as te } from "./popup.d45CSCf5.js";
+import { C as q } from "./button.CiWlWCNb.js";
+import { d as te } from "./popup.Ba501Rgg.js";
 import { o as S } from "./if-defined.MfEgpxEN.js";
 import { c as W } from "./repeat.CauKaXyy.js";
 import { n as O } from "./when.Dr1es41R.js";

package/library/chunks/format-time.HdcgoabZ.js

@@ -0,0 +1,226 @@
+import { i as D, n as d, C as g, x as S, c as M } from "./custom-element.vnXBMQxc.js";
+import { c as w } from "./component.styles.CI-v8BZa.js";
+import { L as N } from "./i18n.C3Z8Xe8q.js";
+import { w as m } from "./watch.BCJD77bD.js";
+import { f as b } from "./number.CjNxU7Xs.js";
+import { r as H } from "./state.Cw55xXlb.js";
+var p = /* @__PURE__ */ ((t) => (t.Millisecond = "ms", t.Second = "s", t))(p || {}), e = /* @__PURE__ */ ((t) => (t.Day = "d", t.DayHour = "d-h", t.DayHourMinute = "d-h-m", t.DayHourMinuteSecond = "d-h-m-s", t.Hour = "h", t.HourMinute = "h-m", t.HourMinuteSecond = "h-m-s", t.Minute = "m", t.MinuteSecond = "m-s", t.Second = "s", t))(e || {}), a = /* @__PURE__ */ ((t) => (t.Digital = "digital", t.Long = "long", t.Narrow = "narrow", t.Short = "short", t))(a || {}), y = /* @__PURE__ */ ((t) => (t.English = "en", t))(y || {});
+const _ = [
+  {
+    key: "days",
+    longPlural: "days",
+    longSingular: "day",
+    narrow: "d",
+    short: "day"
+  },
+  {
+    key: "hours",
+    longPlural: "hours",
+    longSingular: "hour",
+    narrow: "h",
+    short: "hr"
+  },
+  {
+    key: "minutes",
+    longPlural: "minutes",
+    longSingular: "minute",
+    narrow: "m",
+    short: "min"
+  },
+  {
+    key: "seconds",
+    longPlural: "seconds",
+    longSingular: "second",
+    narrow: "s",
+    short: "sec"
+  }
+], P = 1e3, B = 60 * 1e3;
+function v(t, o, n = y.English) {
+  const i = Intl.DurationFormat;
+  if (typeof i != "function")
+    throw new Error("Intl.DurationFormat is not supported");
+  return new i(n, { style: o }).format(t);
+}
+function F(t, o) {
+  const n = Math.floor(t / 1e3), i = Math.floor(n / 60), r = Math.floor(i / 60), s = Math.floor(r / 24), c = r % 24, h = i % 60, f = n % 60;
+  switch (o) {
+    case e.Day:
+      return { days: s };
+    case e.DayHour:
+      return { days: s, hours: c };
+    case e.DayHourMinute:
+      return { days: s, hours: c, minutes: h };
+    case e.DayHourMinuteSecond:
+      return { days: s, hours: c, minutes: h, seconds: f };
+    case e.Hour:
+      return { hours: r };
+    case e.HourMinute:
+      return { hours: r, minutes: h };
+    case e.HourMinuteSecond:
+      return { hours: r, minutes: h, seconds: f };
+    case e.Minute:
+      return { minutes: i };
+    case e.MinuteSecond:
+      return { minutes: i, seconds: f };
+    case e.Second:
+      return { seconds: n };
+    default:
+      return { days: s, hours: c, minutes: h };
+  }
+}
+function I(t) {
+  return Object.fromEntries(
+    Object.entries(t).filter(([, o]) => o !== 0)
+  );
+}
+function L(t, o) {
+  const n = [];
+  let i = 0;
+  for (const r of _) {
+    const s = t[r.key];
+    s !== void 0 && (n.push(
+      O(s, r, o, i)
+    ), i += 1);
+  }
+  if (n.length === 0)
+    return "0";
+  switch (o) {
+    case a.Digital:
+      return n.join(":");
+    case a.Long:
+    case a.Short:
+      return n.join(", ");
+    case a.Narrow:
+    default:
+      return n.join(" ");
+  }
+}
+function O(t, o, n, i) {
+  const r = n === a.Digital ? i === 0 ? String(t) : String(t).padStart(2, "0") : b(t);
+  switch (n) {
+    case a.Digital:
+      return r;
+    case a.Long:
+      return `${r} ${t === 1 ? o.longSingular : o.longPlural}`;
+    case a.Short:
+      return `${r} ${o.short}`;
+    case a.Narrow:
+    default:
+      return `${r}${o.narrow}`;
+  }
+}
+const T = D`
+  :host {
+    display: contents;
+  }
+    
+  .format-time {
+    color: var(--cx-format-time-color, inherit);
+    font-size: var(--cx-format-time-font-size, inherit);
+    font-weight: var(--cx-format-time-font-weight, inherit);
+  }
+`;
+var E = Object.defineProperty, A = Object.getOwnPropertyDescriptor, l = (t, o, n, i) => {
+  for (var r = i > 1 ? void 0 : i ? A(o, n) : o, s = t.length - 1, c; s >= 0; s--)
+    (c = t[s]) && (r = (i ? c(o, n, r) : c(r)) || r);
+  return i && r && E(o, n, r), r;
+};
+function x(t) {
+  if (t === null || t === "")
+    return null;
+  const o = Number(t);
+  return Number.isFinite(o) ? o : null;
+}
+function C(t) {
+  return t == null ? null : String(t);
+}
+const U = e.DayHourMinute, $ = a.Long, j = /* @__PURE__ */ new Set([
+  e.Day,
+  e.DayHour,
+  e.DayHourMinute,
+  e.DayHourMinuteSecond,
+  e.Hour,
+  e.HourMinute,
+  e.HourMinuteSecond,
+  e.Minute,
+  e.MinuteSecond,
+  e.Second
+]), z = /* @__PURE__ */ new Set([
+  a.Long,
+  a.Short,
+  a.Narrow,
+  a.Digital
+]);
+let u = class extends g {
+  constructor() {
+    super(...arguments), this.localize = new N(this), this.duration = null, this.placeholder = "", this.unitsFormat = e.DayHourMinute, this.locale = y.English, this.displayStyle = a.Long, this.inputUnit = p.Millisecond, this.formattedDuration = "0";
+  }
+  updateFormattedDuration() {
+    const t = this.normalizeDurationToMilliseconds();
+    if (t == null || t === 0 || !Number.isFinite(t)) {
+      this.formattedDuration = "0";
+      return;
+    }
+    const o = j.has(this.unitsFormat) ? this.unitsFormat : U, n = z.has(this.displayStyle) ? this.displayStyle : $, i = F(t, o);
+    try {
+      this.formattedDuration = v(i, n, this.locale) || "0";
+    } catch {
+      const r = I(i);
+      this.formattedDuration = L(r, n);
+    }
+  }
+  normalizeDurationToMilliseconds() {
+    return this.duration === null || this.duration === void 0 ? null : Number.isFinite(this.duration) ? this.inputUnit === p.Second ? this.duration * P : this.duration : Number.NaN;
+  }
+  render() {
+    const t = this.placeholder || this.localize.term("ongoing");
+    return this.duration == null || Number.isNaN(this.duration) ? S`<span part="base" class="format-time">${t}</span>` : S`<span part="base" class="format-time">${this.formattedDuration}</span>`;
+  }
+};
+u.styles = [w, T];
+u.dependencies = {};
+l([
+  d({
+    converter: {
+      fromAttribute: x,
+      toAttribute: C
+    },
+    reflect: !0
+  })
+], u.prototype, "duration", 2);
+l([
+  d({ type: String })
+], u.prototype, "placeholder", 2);
+l([
+  d({ attribute: "units-format", reflect: !0, type: String })
+], u.prototype, "unitsFormat", 2);
+l([
+  d({ type: String })
+], u.prototype, "locale", 2);
+l([
+  d({ attribute: "display-style", reflect: !0, type: String })
+], u.prototype, "displayStyle", 2);
+l([
+  d({ attribute: "input-unit", type: String })
+], u.prototype, "inputUnit", 2);
+l([
+  H()
+], u.prototype, "formattedDuration", 2);
+l([
+  m("displayStyle", { waitUntilFirstUpdate: !0 }),
+  m("unitsFormat", { waitUntilFirstUpdate: !0 }),
+  m("inputUnit", { waitUntilFirstUpdate: !0 }),
+  m("locale", { waitUntilFirstUpdate: !0 }),
+  m("duration")
+], u.prototype, "updateFormattedDuration", 1);
+u = l([
+  M("cx-format-time")
+], u);
+export {
+  u as C,
+  a as D,
+  B as M,
+  e as U,
+  x as f,
+  C as t
+};

package/library/chunks/{header.DiOD6K3N.js → header.oyZxakKM.js}

@@ -1,7 +1,7 @@
 import k from "../components/copy-button.js";
 import { i as u, n as c, C as b, c as x } from "./custom-element.vnXBMQxc.js";
 import { c as v } from "./component.styles.CI-v8BZa.js";
-import { L as y } from "./i18n.GsJkEfVA.js";
+import { L as y } from "./i18n.C3Z8Xe8q.js";
 import { w } from "./watch.BCJD77bD.js";
 import { e as m } from "./query.BBf1UFkC.js";
 import { e as g } from "./class-map.CoZTSvbM.js";

package/library/chunks/{i18n.GsJkEfVA.js → i18n.C3Z8Xe8q.js}

@@ -361,6 +361,7 @@ const m = {
   environment: "Environment",
   error: "Error",
   errorUpdatingChapters: "Error updating chapters",
+  estimatedReadingTime: "Estimated reading time:",
   example: (e) => `Example: ${e}`,
   executeACommand: "Execute a command",
   exitFullscreen: "Exit fullscreen",

package/library/chunks/{iframe.BO6qSFJP.js → iframe.C6CLUrTT.js}

@@ -1,6 +1,6 @@
 import { i as d, n as r, C as h, x as p, c as y } from "./custom-element.vnXBMQxc.js";
 import { c as u } from "./component.styles.CI-v8BZa.js";
-import { L as g } from "./i18n.GsJkEfVA.js";
+import { L as g } from "./i18n.C3Z8Xe8q.js";
 import { w as v } from "./watch.BCJD77bD.js";
 import { e as b } from "./query.BBf1UFkC.js";
 import { e as x } from "./class-map.CoZTSvbM.js";

package/library/chunks/{image.Dqq3RyRZ.js → image.BJfasRY_.js}

@@ -3,8 +3,8 @@ import { r as H } from "./state.Cw55xXlb.js";
 import { e as X } from "./query.BBf1UFkC.js";
 import { E as $e, b as de, a as We } from "./index.Cpamj0jB.js";
 import { c as Ae } from "./component.styles.CI-v8BZa.js";
-import { C as Oe, d as Me } from "./popup.d45CSCf5.js";
-import { L as De } from "./i18n.GsJkEfVA.js";
+import { C as Oe, d as Me } from "./popup.Ba501Rgg.js";
+import { L as De } from "./i18n.C3Z8Xe8q.js";
 import { w as q } from "./watch.BCJD77bD.js";
 import { e as j } from "./class-map.CoZTSvbM.js";
 import { o as je } from "./if-defined.MfEgpxEN.js";

package/library/chunks/{list-editor.H4eJhYPV.js → list-editor.qPIn_AFA.js}

@@ -1,5 +1,5 @@
-import { C as _ } from "./button.CVc2wJ0B.js";
-import { C as z } from "./dialog.CLn29MZF.js";
+import { C as _ } from "./button.CiWlWCNb.js";
+import { C as z } from "./dialog.C28qzMSQ.js";
 import M from "../components/grid.js";
 import q from "../components/grid-item.js";
 import C from "../components/input.js";
@@ -7,12 +7,12 @@ 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.91X28qCm.js";
+import { C as P, H as k } from "./table.C8gqB3Ym.js";
 import { C as I } from "./typography.BFpl0WMA.js";
 import { i as A, n, C as w, x as l, c as E } from "./custom-element.vnXBMQxc.js";
 import { c as D } from "./component.styles.CI-v8BZa.js";
-import { d as F } from "./popup.d45CSCf5.js";
-import { L as S } from "./i18n.GsJkEfVA.js";
+import { d as F } from "./popup.Ba501Rgg.js";
+import { L as S } from "./i18n.C3Z8Xe8q.js";
 import { w as g } from "./watch.BCJD77bD.js";
 import { r as x } from "./state.Cw55xXlb.js";
 import { e as b } from "./query.BBf1UFkC.js";
@@ -22,7 +22,7 @@ import { c as y } from "./repeat.CauKaXyy.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.Dqq3RyRZ.js";
+import { C as N } from "./image.BJfasRY_.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 u } from "./content-builder.UlVFSATk.js";

package/library/chunks/{option.CPTRiPaF.js → option.BOHZB9Sv.js}

@@ -1,6 +1,6 @@
 import { i as x, n as r, C as v, x as h, c as m } from "./custom-element.vnXBMQxc.js";
 import { c as g } from "./component.styles.CI-v8BZa.js";
-import { L as b } from "./i18n.GsJkEfVA.js";
+import { L as b } from "./i18n.C3Z8Xe8q.js";
 import { w as d } from "./watch.BCJD77bD.js";
 import { r as f } from "./state.Cw55xXlb.js";
 import { e as _ } from "./query.BBf1UFkC.js";