@orangelogic/design-system 2.19.0-ci.5

package/library/chunks/directive-helpers.D78ZFDYN.js

@@ -0,0 +1,37 @@
+import { Z as d } from "./custom-element.fmLrnDZr.js";
+/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const { I: c } = d, v = (e) => e.strings === void 0, f = () => document.createComment(""), p = (e, i, t) => {
+  const s = e._$AA.parentNode, $ = i === void 0 ? e._$AB : i._$AA;
+  if (t === void 0) {
+    const r = s.insertBefore(f(), $), _ = s.insertBefore(f(), $);
+    t = new c(r, _, e, e.options);
+  } else {
+    const r = t._$AB.nextSibling, _ = t._$AM, o = _ !== e;
+    if (o) {
+      let A;
+      t._$AQ?.(e), t._$AM = e, t._$AP !== void 0 && (A = e._$AU) !== _._$AU && t._$AP(A);
+    }
+    if (r !== $ || o) {
+      let A = t._$AA;
+      for (; A !== r; ) {
+        const n = A.nextSibling;
+        s.insertBefore(A, $), A = n;
+      }
+    }
+  }
+  return t;
+}, B = (e, i, t = e) => (e._$AI(i, t), e), m = {}, a = (e, i = m) => e._$AH = i, g = (e) => e._$AH, u = (e) => {
+  e._$AR(), e._$AA.remove();
+};
+export {
+  u as M,
+  v as f,
+  a as m,
+  g as p,
+  p as s,
+  B as v
+};

package/library/chunks/directive.oAbCiebi.js

@@ -0,0 +1,27 @@
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const s = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4 }, _ = (r) => (...t) => ({ _$litDirective$: r, values: t });
+class $ {
+  constructor(t) {
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AT(t, e, i) {
+    this._$Ct = t, this._$AM = e, this._$Ci = i;
+  }
+  _$AS(t, e) {
+    return this.update(t, e);
+  }
+  update(t, e) {
+    return this.render(...e);
+  }
+}
+export {
+  _ as e,
+  $ as i,
+  s as t
+};

package/library/chunks/dom.DcrKFR2q.js

@@ -0,0 +1,67 @@
+import { B as d } from "./custom-element.fmLrnDZr.js";
+const p = (e) => e.nodeType === Node.ELEMENT_NODE, m = (e, n) => {
+  if (!e)
+    return !1;
+  let t = e;
+  for (; t && t.parentNode; ) {
+    if (t.parentNode === n)
+      return !0;
+    t.parentNode.host ? t = t.parentNode.host : t = t.parentNode;
+  }
+  return !1;
+}, l = (e = document) => {
+  const n = e.activeElement;
+  return n ? n.shadowRoot ? l(n.shadowRoot) : n : null;
+}, f = (e, n = document.body, t = "width") => {
+  const s = e?.trim();
+  if (!s)
+    return 0;
+  const o = s.split(/\s+/)[0];
+  if (o.endsWith("px"))
+    return parseFloat(o);
+  const i = o.startsWith("-"), r = document.createElement("div");
+  r.style[t] = i ? o.substring(1) : o, r.style.position = "absolute", r.style.visibility = "hidden", n.appendChild(r);
+  const c = r.getBoundingClientRect(), a = t === "width" ? c.width : c.height;
+  return n.removeChild(r), i ? -a : a;
+}, g = (e, n) => {
+  const t = n.getBoundingClientRect(), o = (e.clientX - t.left) / t.width * 100;
+  return Math.max(0, Math.min(100, o));
+}, h = (e, n) => new Promise((t, s) => {
+  const o = document, i = o.querySelector(
+    `script[src="${e}"]`
+  );
+  if (i) {
+    if (i.getAttribute("data-loaded") === "true")
+      return t();
+    i.addEventListener("load", () => t()), i.addEventListener("error", (c) => s(c));
+    return;
+  }
+  const r = o.createElement("script");
+  r.src = e, r.async = !0, r.onload = () => {
+    r.setAttribute("data-loaded", "true"), t();
+  }, r.onerror = () => s(new Error(`Failed to load ${e}`)), o.head.appendChild(r);
+});
+function E(e) {
+  return [...e].sort((n, t) => {
+    const s = n.getBoundingClientRect().top, o = t.getBoundingClientRect().top;
+    return s - o;
+  });
+}
+function w() {
+  return window.StackMgr?.GetInstance()?.GetIndex() ?? 99999;
+}
+function C(e) {
+  const n = document.createElement("template");
+  return d(e, n.content), n.content.firstElementChild;
+}
+export {
+  g as a,
+  w as b,
+  f as c,
+  l as d,
+  p as e,
+  C as g,
+  m as i,
+  h as l,
+  E as s
+};

package/library/chunks/dot-pagination.EWl_NO9m.js

@@ -0,0 +1,323 @@
+import { i as P, n as a, C as F, x as y, c as z } from "./custom-element.fmLrnDZr.js";
+import { c as S } from "./component.styles.DtouHn2g.js";
+import { O as C } from "./index.Cpamj0jB.js";
+import { L as O } from "./i18n.C6c6_pqI.js";
+import { w as h } from "./watch.BCJD77bD.js";
+import { r as j } from "./state.Dt9F_SuS.js";
+import { e as H } from "./query.BBf1UFkC.js";
+import { r as K } from "./query-all.i3PyvTUQ.js";
+import { e as L } from "./class-map.DqNfBvJI.js";
+import { o as E } from "./if-defined.CKupVaWs.js";
+import { o as D } from "./map.D8heArFD.js";
+import { n as w } from "./when.Dr1es41R.js";
+import R from "../components/tooltip.js";
+const T = P`
+  :host {
+    display: inline-block;
+  }
+
+  :host([orientation='vertical']) {
+    height: 100%;
+  }
+
+  :host([orientation='vertical']) .dot-pagination {
+    flex-direction: column;
+    height: 100%;
+  }
+
+  .dot-pagination {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    gap: var(--cx-spacing-small);
+  }
+
+  .dot-pagination__dot {
+    display: block;
+    cursor: pointer;
+    background: none;
+    border: 0;
+    border-radius: var(--cx-border-radius-circle);
+    width: var(--cx-spacing-small);
+    height: var(--cx-spacing-small);
+    background-color: var(--cx-color-neutral-300);
+    padding: 0;
+    margin: 0;
+  }
+
+  .dot-pagination__dot--active {
+    background-color: var(--cx-color-neutral-500);
+  }
+
+  .dot-pagination__dot--transitioning {
+    cursor: default;
+    opacity: 0.5;
+  }
+
+  .dot-pagination__ellipsis {
+    color: var(--cx-color-neutral-400);
+    font-size: var(--cx-font-size-small);
+    font-weight: var(--cx-font-weight-medium);
+    user-select: none;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    min-width: var(--cx-spacing-small);
+    height: var(--cx-spacing-small);
+  }
+
+  /* Focus styles */
+  .dot-pagination__dot:focus-visible {
+    outline: var(--cx-focus-ring);
+    outline-offset: var(--cx-focus-ring-offset);
+  }
+
+  /* Responsive adjustments */
+  @media (max-width: 640px) {
+    .dot-pagination {
+      gap: var(--cx-spacing-x-small);
+      padding: var(--cx-spacing-medium);
+    }
+  }
+
+  /* High contrast mode support */
+  @media (prefers-contrast: high) {
+    .dot-pagination__dot {
+      border: 1px solid var(--cx-color-neutral-600);
+    }
+
+    .dot-pagination__dot--active {
+      border-color: var(--cx-color-neutral-700);
+    }
+  }
+
+  /* Reduced motion support */
+  @media (prefers-reduced-motion: reduce) {
+    .dot-pagination__dot {
+      transition: none;
+    }
+  }
+`;
+var B = Object.defineProperty, V = Object.getOwnPropertyDescriptor, i = (t, n, e, c) => {
+  for (var l = c > 1 ? void 0 : c ? V(n, e) : n, r = t.length - 1, s; r >= 0; r--)
+    (s = t[r]) && (l = (c ? s(n, e, l) : s(l)) || l);
+  return c && l && B(n, e, l), l;
+};
+let o = class extends F {
+  constructor() {
+    super(...arguments), this.localize = new O(this), this.activeIndex = 0, this.totalItemsCount = 0, this.visibleItemsCount = 1, this.step = 1, this.centerDots = 5, this.frontDots = 3, this.backDots = 3, this.loop = !1, this.orientation = C.Horizontal, this.transitioning = !1, this.tooltipPlacement = void 0, this.tooltipDescription = void 0, this.description = void 0, this.controlIds = [], this.dots = {
+      back: [],
+      backEllipsis: !1,
+      center: [],
+      front: [],
+      frontEllipsis: !1
+    };
+  }
+  calculateDots() {
+    const {
+      activeIndex: t,
+      backDots: n,
+      centerDots: e,
+      frontDots: c,
+      loop: l,
+      step: r,
+      totalItemsCount: s,
+      visibleItemsCount: p
+    } = this, U = s % p !== 0 ? Math.ceil(s / p) * p : s, f = l ? U : s, I = f - s, $ = l ? f : f - (p - r), M = I >= r ? $ - I : $, g = s > 0 ? Math.max(1, Math.ceil(M / r)) : 0, v = Math.floor(e / 2), _ = Math.floor(t / r), d = {
+      back: [],
+      backEllipsis: !1,
+      center: [],
+      front: [],
+      frontEllipsis: !1
+    }, N = c + e + n, x = l ? f : Math.max(0, f - p);
+    if (g <= N)
+      d.front = Array.from(
+        { length: g },
+        (u, m) => Math.min(m * r, x)
+      );
+    else {
+      d.frontEllipsis = _ > c + v, d.backEllipsis = _ < g - n - v - 1, d.front = Array.from(
+        { length: c },
+        (k, b) => Math.min(b * r, x)
+      ), d.back = Array.from(
+        { length: n },
+        (k, b) => Math.min((g - n + b) * r, x)
+      );
+      let u, m;
+      d.frontEllipsis ? d.backEllipsis ? (u = _ - v, m = u + e) : (m = g - n, u = m - e) : (u = c, m = u + e), d.center = Array.from({ length: m - u }, (k, b) => {
+        const A = (u + b) * r;
+        return Math.min(A, x);
+      });
+    }
+    this.dots = d;
+  }
+  /**
+   * Carousel focus active item when key is pressed from pagination
+   */
+  focus() {
+    this.activeDot?.focus();
+  }
+  handleDotClick(t) {
+    const n = t.currentTarget, e = Number(n.dataset.index);
+    e === this.activeIndex || isNaN(e) || (this.activeIndex = e, this.emit("cx-dot-pagination-change", {
+      detail: {
+        active: e
+      }
+    }));
+  }
+  handleKeyDown(t) {
+    const n = t.target;
+    if (t.key === "Enter" || t.key === " ") {
+      t.preventDefault(), n.click();
+      return;
+    }
+    const e = this.orientation === C.Horizontal, c = e ? ["ArrowRight"] : ["ArrowDown"], l = e ? ["ArrowLeft"] : ["ArrowUp"];
+    if (![...c, ...l].includes(t.key))
+      return;
+    t.preventDefault(), t.stopPropagation();
+    const r = Array.from(this.allDots), s = r.indexOf(n);
+    if (s === -1)
+      return;
+    let p = c.includes(t.key) ? s + 1 : s - 1;
+    this.loop ? p = (p + r.length) % r.length : p = Math.max(0, Math.min(p, r.length - 1)), r[p]?.focus();
+  }
+  handleFocus() {
+    this.emit("cx-dot-pagination-focus");
+  }
+  renderEllipsis() {
+    return y`
+      <span part="ellipsis" class="dot-pagination__ellipsis" aria-hidden="true">
+        •••
+      </span>
+    `;
+  }
+  renderDot(t) {
+    const n = t + 1, e = y`
+      <button
+        part="dot${this.activeIndex === t ? " dot--active" : ""}"
+        class=${L({
+      "dot-pagination__dot": !0,
+      "dot-pagination__dot--active": t === this.activeIndex,
+      "dot-pagination__dot--transitioning": this.transitioning
+    })}
+        role="tab"
+        type="button"
+        aria-selected=${t === this.activeIndex ? "true" : "false"}
+        aria-label=${this.localize.term("slideNum", n)}
+        aria-controls=${E(this.controlIds[t])}
+        tabindex="0"
+        data-index=${t}
+        ?disabled=${this.transitioning}
+        @click=${this.handleDotClick}
+        @keydown=${this.handleKeyDown}
+        @focus=${this.handleFocus}
+      ></button>
+    `;
+    return w(
+      this.tooltipPlacement,
+      () => y`
+        <cx-tooltip
+          content=${this.tooltipDescription || t + 1}
+          placement=${this.tooltipPlacement}
+        >
+          ${e}
+        </cx-tooltip>
+      `,
+      () => e
+    );
+  }
+  render() {
+    return y`
+      <div
+        part="base"
+        class="dot-pagination"
+        role="tablist"
+        aria-roledescription=${E(this.description || void 0)}
+        aria-label=${this.localize.term("pagination")}
+      >
+        ${D(this.dots.front, (t) => this.renderDot(t))}
+        ${w(this.dots.frontEllipsis, () => this.renderEllipsis())}
+        ${D(this.dots.center, (t) => this.renderDot(t))}
+        ${w(this.dots.backEllipsis, () => this.renderEllipsis())}
+        ${D(this.dots.back, (t) => this.renderDot(t))}
+      </div>
+    `;
+  }
+};
+o.styles = [S, T];
+o.dependencies = { "cx-tooltip": R };
+i([
+  H(".dot-pagination__dot--active")
+], o.prototype, "activeDot", 2);
+i([
+  K(".dot-pagination__dot")
+], o.prototype, "allDots", 2);
+i([
+  a({ attribute: "active-index", reflect: !0, type: Number })
+], o.prototype, "activeIndex", 2);
+i([
+  a({ attribute: "total-items-count", reflect: !0, type: Number })
+], o.prototype, "totalItemsCount", 2);
+i([
+  a({ attribute: "visible-items-count", reflect: !0, type: Number })
+], o.prototype, "visibleItemsCount", 2);
+i([
+  a({ reflect: !0, type: Number })
+], o.prototype, "step", 2);
+i([
+  a({ attribute: "center-dots", reflect: !0, type: Number })
+], o.prototype, "centerDots", 2);
+i([
+  a({ attribute: "front-dots", reflect: !0, type: Number })
+], o.prototype, "frontDots", 2);
+i([
+  a({ attribute: "back-dots", reflect: !0, type: Number })
+], o.prototype, "backDots", 2);
+i([
+  a({ reflect: !0, type: Boolean })
+], o.prototype, "loop", 2);
+i([
+  a({ reflect: !0, type: String })
+], o.prototype, "orientation", 2);
+i([
+  a({ reflect: !0, type: Boolean })
+], o.prototype, "transitioning", 2);
+i([
+  a({ attribute: "tooltip-placement", reflect: !0, type: String })
+], o.prototype, "tooltipPlacement", 2);
+i([
+  a({ attribute: "tooltip-description", reflect: !0, type: String })
+], o.prototype, "tooltipDescription", 2);
+i([
+  a({ reflect: !0, type: String })
+], o.prototype, "description", 2);
+i([
+  a({
+    attribute: "control-ids",
+    converter: {
+      fromAttribute: (t) => t?.split(" ") ?? [],
+      toAttribute: (t) => t.join(" ")
+    },
+    reflect: !0
+  })
+], o.prototype, "controlIds", 2);
+i([
+  j()
+], o.prototype, "dots", 2);
+i([
+  h("centerDots", { waitUntilFirstUpdate: !0 }),
+  h("frontDots", { waitUntilFirstUpdate: !0 }),
+  h("backDots", { waitUntilFirstUpdate: !0 }),
+  h("activeIndex", { waitUntilFirstUpdate: !0 }),
+  h("step", { waitUntilFirstUpdate: !0 }),
+  h("visibleItemsCount", { waitUntilFirstUpdate: !0 }),
+  h("loop", { waitUntilFirstUpdate: !0 }),
+  h("totalItemsCount")
+], o.prototype, "calculateDots", 1);
+o = i([
+  z("cx-dot-pagination")
+], o);
+export {
+  o as C,
+  T as d
+};

package/library/chunks/drag.DXEXVXPv.js

@@ -0,0 +1,18 @@
+function s(i, e) {
+  function o(t) {
+    const l = i.getBoundingClientRect(), f = i.ownerDocument.defaultView, d = l.left + f.scrollX, a = l.top + f.scrollY;
+    let u = t.pageX - d, r = t.pageY - a;
+    if (t._parentEvent) {
+      const n = t.target;
+      n instanceof HTMLElement && (u += n.getBoundingClientRect().left + n.ownerDocument.defaultView.scrollX, r += n.getBoundingClientRect().top + n.ownerDocument.defaultView.scrollY);
+    }
+    e?.onMove && e.onMove(u, r, t);
+  }
+  function c() {
+    document.removeEventListener("pointermove", o), document.removeEventListener("pointerup", c), e?.onStop && e.onStop();
+  }
+  document.addEventListener("pointermove", o, { passive: !0 }), document.addEventListener("pointerup", c), e?.initialEvent instanceof PointerEvent && o(e.initialEvent);
+}
+export {
+  s as d
+};