@turquoisehealth/pit-viper 2.122.0 → 2.122.1-dev.0

package/pv-components/dist/web/components/pv-avatar/pv-avatar.js

@@ -0,0 +1,164 @@
+import { defineComponent as g, createElementBlock as h, openBlock as m, normalizeClass as y, createCommentVNode as E, Fragment as _, createTextVNode as C, toDisplayString as A, defineCustomElement as S } from "vue";
+const w = ["src"], P = /* @__PURE__ */ g({
+  __name: "PvAvatar",
+  props: {
+    size: { default: "lg", type: String },
+    image: { type: String },
+    initials: { type: String }
+  },
+  setup(t) {
+    const e = {
+      sm: "pv-avatar-16",
+      md: "pv-avatar-20",
+      lg: "pv-avatar-xs",
+      xl: "pv-avatar-sm",
+      "2x": "pv-avatar-md"
+    };
+    return (n, i) => (m(), h(
+      "div",
+      {
+        class: y(e[t.size]),
+        "data-testid": "pv-avatar"
+      },
+      [
+        t.initials ? (m(), h(
+          _,
+          { key: 0 },
+          [
+            C(
+              A(t.initials),
+              1
+              /* TEXT */
+            )
+          ],
+          64
+          /* STABLE_FRAGMENT */
+        )) : t.image ? (m(), h("img", {
+          key: 1,
+          src: t.image
+        }, null, 8, w)) : E("v-if", !0)
+      ],
+      2
+      /* CLASS */
+    ));
+  }
+}), I = /* @__PURE__ */ new Set(["PvIcon", "PvPopoverMenu", "PvPopover"]);
+function j(t) {
+  return !I.has(t);
+}
+function b(t, e) {
+  const n = document.querySelector('link[href*="' + e + '"]');
+  if (!t.shadowRoot)
+    return !1;
+  if (n && t.shadowRoot) {
+    const i = n.href;
+    if (t.shadowRoot.querySelector(`link[href="${i}"]`))
+      return;
+    const u = document.createElement("link");
+    return u.rel = "stylesheet", u.href = i, t.shadowRoot.prepend(u), !0;
+  }
+  return !1;
+}
+function k(t) {
+  if (!b(t, "pit-viper-v2")) {
+    if (b(t, "pit-viper")) {
+      b(t, "pit-viper-v2-scoped");
+      return;
+    }
+    console.warn(
+      "No global styles found for Pit Viper components. Make sure to include pit-viper.css or pit-viper-v2.css in your project."
+    );
+  }
+}
+const O = (t) => ({ shadowRoot: j(t) });
+function N(t, e) {
+  return e === null ? !1 : e === "" || e === "true" ? !0 : (e === "false" || console.warn(
+    `Invalid boolean attribute value for "${t}": "${e}". Expected "true", "false", or empty string.`
+  ), !1);
+}
+function $(t, e) {
+  const n = Number(e);
+  return isNaN(n) && console.warn(`Invalid number attribute value for "${t}": "${e}". Expected a valid number.`), n;
+}
+function x(t) {
+  const e = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Set(), p = (t.__vccOpts || t).props;
+  return p && typeof p == "object" && Object.entries(p).forEach(([f, r]) => {
+    r === Boolean || r && r.type === Boolean ? e.add(f) : r === Number || r && r.type === Number ? n.add(f) : (r === Object || r === Array || r && (r.type === Object || r.type === Array)) && i.add(f);
+  }), { booleanProps: e, numberProps: n, jsonProps: i };
+}
+function v(t, e) {
+  try {
+    return JSON.parse(e);
+  } catch (n) {
+    return console.warn(
+      `Invalid JSON attribute value for "${t}": "${e}". Error: ${n instanceof Error ? n.message : String(n)}`
+    ), null;
+  }
+}
+function B(t) {
+  const e = t.__name || t.name;
+  if (!e)
+    throw new Error("Component must have a __name or name property");
+  const n = S(t, O(e)), { booleanProps: i, numberProps: u, jsonProps: p } = x(t);
+  class f extends n {
+    _hiddenInput = null;
+    constructor() {
+      super(), this._parseAttributes();
+    }
+    disconnectedCallback() {
+      this._hiddenInput?.remove(), super.disconnectedCallback?.();
+    }
+    /**
+     * Update the hidden input value
+     * Call this from the Vue component to sync form value
+     */
+    setHiddenInputValue(a) {
+      this._hiddenInput && (this._hiddenInput.value = a ?? "");
+    }
+    _parseAttributes() {
+      i.forEach((s) => {
+        const o = this.getAttribute(s);
+        this[s] = N(s, o);
+      }), u.forEach((s) => {
+        const o = this.getAttribute(s);
+        o !== null && (this[s] = $(s, o));
+      }), p.forEach((s) => {
+        const o = this.getAttribute(s);
+        if (o !== null) {
+          const c = v(s, o);
+          c !== null && (this[s] = c);
+        }
+      });
+      const a = this.getAttribute("data-json-props");
+      a && a.split(",").map((o) => o.trim()).filter(Boolean).forEach((o) => {
+        const c = o.replace(/-([a-z])/g, (l) => l[1].toUpperCase());
+        let d = this.getAttribute(o);
+        if (d === null) {
+          const l = c.replace(/([A-Z])/g, "-$1").toLowerCase();
+          d = this.getAttribute(l);
+        }
+        if (d !== null && !this[c]) {
+          const l = v(c, d);
+          l !== null && (this[c] = l);
+        }
+      });
+    }
+    connectedCallback() {
+      this._parseAttributes(), super.connectedCallback?.(), k(this);
+      const a = this.getAttribute("name");
+      a && (this._hiddenInput = document.createElement("input"), this._hiddenInput.type = "hidden", this._hiddenInput.name = a, this.after(this._hiddenInput));
+    }
+  }
+  return f;
+}
+function D(t) {
+  return t.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "");
+}
+function z(t) {
+  const e = t.__name || t.name;
+  if (!e)
+    throw new Error("Component must have a __name or name property");
+  const n = D(e), i = B(t);
+  customElements.get(n) || customElements.define(n, i);
+}
+z(P);

package/pv-components/dist/web/components/pv-avatar-group/pv-avatar-group.js

@@ -0,0 +1,170 @@
+import { defineComponent as g, computed as v, createElementBlock as f, openBlock as m, Fragment as _, renderList as E, createTextVNode as A, toDisplayString as w, defineCustomElement as C } from "vue";
+const P = ["data-more"], S = ["src"], I = {
+  key: 2,
+  class: "pv-avatar-sm"
+}, k = /* @__PURE__ */ g({
+  __name: "PvAvatarGroup",
+  props: {
+    items: { type: Array },
+    maxDisplayed: { type: Number }
+  },
+  setup(t) {
+    const e = t, r = v(() => e.maxDisplayed >= 7 ? 7 : e.maxDisplayed), s = v(() => {
+      const a = e.items.length - r.value;
+      return a > 0 ? a : 0;
+    });
+    return (a, p) => (m(), f("ul", {
+      class: "pv-avatar-group",
+      role: "list",
+      "data-more": s.value <= 0 ? void 0 : s.value,
+      "data-testid": "pv-avatar-group"
+    }, [
+      (m(!0), f(
+        _,
+        null,
+        E(t.items.slice(0, r.value), (c, n) => (m(), f("li", {
+          key: n,
+          "data-testid": "pv-avatar-group-item"
+        }, [
+          c.initials ? (m(), f(
+            _,
+            { key: 0 },
+            [
+              A(
+                w(c.initials),
+                1
+                /* TEXT */
+              )
+            ],
+            64
+            /* STABLE_FRAGMENT */
+          )) : c.image ? (m(), f("img", {
+            key: 1,
+            src: c.image
+          }, null, 8, S)) : (m(), f("div", I))
+        ]))),
+        128
+        /* KEYED_FRAGMENT */
+      ))
+    ], 8, P));
+  }
+}), j = /* @__PURE__ */ new Set(["PvIcon", "PvPopoverMenu", "PvPopover"]);
+function N(t) {
+  return !j.has(t);
+}
+function b(t, e) {
+  const r = document.querySelector('link[href*="' + e + '"]');
+  if (!t.shadowRoot)
+    return !1;
+  if (r && t.shadowRoot) {
+    const s = r.href;
+    if (t.shadowRoot.querySelector(`link[href="${s}"]`))
+      return;
+    const a = document.createElement("link");
+    return a.rel = "stylesheet", a.href = s, t.shadowRoot.prepend(a), !0;
+  }
+  return !1;
+}
+function O(t) {
+  if (!b(t, "pit-viper-v2")) {
+    if (b(t, "pit-viper")) {
+      b(t, "pit-viper-v2-scoped");
+      return;
+    }
+    console.warn(
+      "No global styles found for Pit Viper components. Make sure to include pit-viper.css or pit-viper-v2.css in your project."
+    );
+  }
+}
+const x = (t) => ({ shadowRoot: N(t) });
+function D(t, e) {
+  return e === null ? !1 : e === "" || e === "true" ? !0 : (e === "false" || console.warn(
+    `Invalid boolean attribute value for "${t}": "${e}". Expected "true", "false", or empty string.`
+  ), !1);
+}
+function $(t, e) {
+  const r = Number(e);
+  return isNaN(r) && console.warn(`Invalid number attribute value for "${t}": "${e}". Expected a valid number.`), r;
+}
+function B(t) {
+  const e = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Set(), s = /* @__PURE__ */ new Set(), p = (t.__vccOpts || t).props;
+  return p && typeof p == "object" && Object.entries(p).forEach(([c, n]) => {
+    n === Boolean || n && n.type === Boolean ? e.add(c) : n === Number || n && n.type === Number ? r.add(c) : (n === Object || n === Array || n && (n.type === Object || n.type === Array)) && s.add(c);
+  }), { booleanProps: e, numberProps: r, jsonProps: s };
+}
+function y(t, e) {
+  try {
+    return JSON.parse(e);
+  } catch (r) {
+    return console.warn(
+      `Invalid JSON attribute value for "${t}": "${e}". Error: ${r instanceof Error ? r.message : String(r)}`
+    ), null;
+  }
+}
+function R(t) {
+  const e = t.__name || t.name;
+  if (!e)
+    throw new Error("Component must have a __name or name property");
+  const r = C(t, x(e)), { booleanProps: s, numberProps: a, jsonProps: p } = B(t);
+  class c extends r {
+    _hiddenInput = null;
+    constructor() {
+      super(), this._parseAttributes();
+    }
+    disconnectedCallback() {
+      this._hiddenInput?.remove(), super.disconnectedCallback?.();
+    }
+    /**
+     * Update the hidden input value
+     * Call this from the Vue component to sync form value
+     */
+    setHiddenInputValue(u) {
+      this._hiddenInput && (this._hiddenInput.value = u ?? "");
+    }
+    _parseAttributes() {
+      s.forEach((o) => {
+        const i = this.getAttribute(o);
+        this[o] = D(o, i);
+      }), a.forEach((o) => {
+        const i = this.getAttribute(o);
+        i !== null && (this[o] = $(o, i));
+      }), p.forEach((o) => {
+        const i = this.getAttribute(o);
+        if (i !== null) {
+          const l = y(o, i);
+          l !== null && (this[o] = l);
+        }
+      });
+      const u = this.getAttribute("data-json-props");
+      u && u.split(",").map((i) => i.trim()).filter(Boolean).forEach((i) => {
+        const l = i.replace(/-([a-z])/g, (d) => d[1].toUpperCase());
+        let h = this.getAttribute(i);
+        if (h === null) {
+          const d = l.replace(/([A-Z])/g, "-$1").toLowerCase();
+          h = this.getAttribute(d);
+        }
+        if (h !== null && !this[l]) {
+          const d = y(l, h);
+          d !== null && (this[l] = d);
+        }
+      });
+    }
+    connectedCallback() {
+      this._parseAttributes(), super.connectedCallback?.(), O(this);
+      const u = this.getAttribute("name");
+      u && (this._hiddenInput = document.createElement("input"), this._hiddenInput.type = "hidden", this._hiddenInput.name = u, this.after(this._hiddenInput));
+    }
+  }
+  return c;
+}
+function L(t) {
+  return t.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "");
+}
+function M(t) {
+  const e = t.__name || t.name;
+  if (!e)
+    throw new Error("Component must have a __name or name property");
+  const r = L(e), s = R(t);
+  customElements.get(r) || customElements.define(r, s);
+}
+M(k);

package/pv-components/dist/web/components/pv-banner/pv-banner.js

@@ -0,0 +1,224 @@
+import { ref as I, getCurrentInstance as k, defineComponent as $, computed as S, createElementBlock as _, openBlock as b, normalizeClass as y, createElementVNode as h, unref as f, renderSlot as C, createBlock as j, createCommentVNode as E, toDisplayString as A, defineCustomElement as O } from "vue";
+function N() {
+  const e = I(!1), n = k()?.root || {};
+  return "isCE" in n && n.isCE === !0 && (e.value = !0), e;
+}
+const T = [void 0, 10, 12, 20, 24, 32, 64], x = ["xlink:href"], z = /* @__PURE__ */ $({
+  __name: "PvIcon",
+  props: {
+    name: { type: String },
+    size: { type: null }
+  },
+  setup(e) {
+    const t = e, n = N(), r = I(null), a = S(() => ({
+      "pv-icon": !0,
+      [`pv-icon-${t.size}`]: T.includes(t.size)
+    })), c = S(() => n.value && r.value ? `${r.value}#${t.name}` : `#${t.name}`);
+    return globalThis.__PV_GLOBAL_SPRITE_PATH__ && (r.value = globalThis.__PV_GLOBAL_SPRITE_PATH__), (p, s) => (b(), _(
+      "svg",
+      {
+        "data-testid": "pv-icon",
+        "aria-hidden": "true",
+        class: y(a.value)
+      },
+      [
+        h("use", { "xlink:href": c.value }, null, 8, x)
+      ],
+      2
+      /* CLASS */
+    ));
+  }
+});
+var g = /* @__PURE__ */ ((e) => (e.Vertical = "Vertical", e.Horizontal = "Horizontal", e))(g || {}), m = /* @__PURE__ */ ((e) => (e.Primary = "Primary", e.Secondary = "Secondary", e.Tertiary = "Tertiary", e))(m || {});
+const H = ["title"], B = ["title"], L = { class: "pv-flex" }, R = /* @__PURE__ */ $({
+  __name: "PvBanner",
+  props: {
+    label: { type: String },
+    description: { type: String },
+    icon: { type: String },
+    variant: { default: m.Primary, type: null },
+    orientation: { default: g.Horizontal, type: null }
+  },
+  setup(e) {
+    return (t, n) => (b(), _(
+      "div",
+      {
+        "data-testid": "pv-banner",
+        class: y([
+          {
+            "pv-banner-primary": e.variant === f(m).Primary,
+            "pv-banner-secondary": e.variant === f(m).Secondary,
+            "pv-banner-tertiary": e.variant === f(m).Tertiary,
+            "pv-flex pv-space-between": e.orientation === f(g).Horizontal
+          }
+        ])
+      },
+      [
+        h(
+          "div",
+          {
+            class: y([
+              "pv-flex",
+              {
+                "pv-stack-16": e.orientation === f(g).Vertical && t.$slots.action
+              }
+            ])
+          },
+          [
+            C(t.$slots, "left"),
+            e.icon ? (b(), j(z, {
+              key: 0,
+              "data-testid": "pv-banner-icon",
+              class: "pv-text-brand",
+              name: e.icon
+            }, null, 8, ["name"])) : E("v-if", !0),
+            h("div", null, [
+              h("p", {
+                class: y([
+                  " pv-text-title-md pv-line-clamp",
+                  {
+                    "pv-stack-4": e.description
+                  }
+                ]),
+                style: { "--lines": "2", "font-weight": "500" },
+                title: e.label
+              }, A(e.label), 11, H),
+              e.description ? (b(), _("p", {
+                key: 0,
+                class: "pv-text-body-sm pv-line-clamp",
+                style: { "--lines": "2" },
+                title: e.description
+              }, A(e.description), 9, B)) : E("v-if", !0)
+            ])
+          ],
+          2
+          /* CLASS */
+        ),
+        h("div", L, [
+          C(t.$slots, "action")
+        ])
+      ],
+      2
+      /* CLASS */
+    ));
+  }
+}), D = /* @__PURE__ */ new Set(["PvIcon", "PvPopoverMenu", "PvPopover"]);
+function W(e) {
+  return !D.has(e);
+}
+function P(e, t) {
+  const n = document.querySelector('link[href*="' + t + '"]');
+  if (!e.shadowRoot)
+    return !1;
+  if (n && e.shadowRoot) {
+    const r = n.href;
+    if (e.shadowRoot.querySelector(`link[href="${r}"]`))
+      return;
+    const a = document.createElement("link");
+    return a.rel = "stylesheet", a.href = r, e.shadowRoot.prepend(a), !0;
+  }
+  return !1;
+}
+function V(e) {
+  if (!P(e, "pit-viper-v2")) {
+    if (P(e, "pit-viper")) {
+      P(e, "pit-viper-v2-scoped");
+      return;
+    }
+    console.warn(
+      "No global styles found for Pit Viper components. Make sure to include pit-viper.css or pit-viper-v2.css in your project."
+    );
+  }
+}
+const G = (e) => ({ shadowRoot: W(e) });
+function M(e, t) {
+  return t === null ? !1 : t === "" || t === "true" ? !0 : (t === "false" || console.warn(
+    `Invalid boolean attribute value for "${e}": "${t}". Expected "true", "false", or empty string.`
+  ), !1);
+}
+function J(e, t) {
+  const n = Number(t);
+  return isNaN(n) && console.warn(`Invalid number attribute value for "${e}": "${t}". Expected a valid number.`), n;
+}
+function q(e) {
+  const t = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Set(), c = (e.__vccOpts || e).props;
+  return c && typeof c == "object" && Object.entries(c).forEach(([p, s]) => {
+    s === Boolean || s && s.type === Boolean ? t.add(p) : s === Number || s && s.type === Number ? n.add(p) : (s === Object || s === Array || s && (s.type === Object || s.type === Array)) && r.add(p);
+  }), { booleanProps: t, numberProps: n, jsonProps: r };
+}
+function w(e, t) {
+  try {
+    return JSON.parse(t);
+  } catch (n) {
+    return console.warn(
+      `Invalid JSON attribute value for "${e}": "${t}". Error: ${n instanceof Error ? n.message : String(n)}`
+    ), null;
+  }
+}
+function U(e) {
+  const t = e.__name || e.name;
+  if (!t)
+    throw new Error("Component must have a __name or name property");
+  const n = O(e, G(t)), { booleanProps: r, numberProps: a, jsonProps: c } = q(e);
+  class p extends n {
+    _hiddenInput = null;
+    constructor() {
+      super(), this._parseAttributes();
+    }
+    disconnectedCallback() {
+      this._hiddenInput?.remove(), super.disconnectedCallback?.();
+    }
+    /**
+     * Update the hidden input value
+     * Call this from the Vue component to sync form value
+     */
+    setHiddenInputValue(l) {
+      this._hiddenInput && (this._hiddenInput.value = l ?? "");
+    }
+    _parseAttributes() {
+      r.forEach((o) => {
+        const i = this.getAttribute(o);
+        this[o] = M(o, i);
+      }), a.forEach((o) => {
+        const i = this.getAttribute(o);
+        i !== null && (this[o] = J(o, i));
+      }), c.forEach((o) => {
+        const i = this.getAttribute(o);
+        if (i !== null) {
+          const u = w(o, i);
+          u !== null && (this[o] = u);
+        }
+      });
+      const l = this.getAttribute("data-json-props");
+      l && l.split(",").map((i) => i.trim()).filter(Boolean).forEach((i) => {
+        const u = i.replace(/-([a-z])/g, (d) => d[1].toUpperCase());
+        let v = this.getAttribute(i);
+        if (v === null) {
+          const d = u.replace(/([A-Z])/g, "-$1").toLowerCase();
+          v = this.getAttribute(d);
+        }
+        if (v !== null && !this[u]) {
+          const d = w(u, v);
+          d !== null && (this[u] = d);
+        }
+      });
+    }
+    connectedCallback() {
+      this._parseAttributes(), super.connectedCallback?.(), V(this);
+      const l = this.getAttribute("name");
+      l && (this._hiddenInput = document.createElement("input"), this._hiddenInput.type = "hidden", this._hiddenInput.name = l, this.after(this._hiddenInput));
+    }
+  }
+  return p;
+}
+function Z(e) {
+  return e.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "");
+}
+function K(e) {
+  const t = e.__name || e.name;
+  if (!t)
+    throw new Error("Component must have a __name or name property");
+  const n = Z(t), r = U(e);
+  customElements.get(n) || customElements.define(n, r);
+}
+K(R);