@turquoisehealth/pit-viper 2.104.1 → 2.104.2-dev.0

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

@@ -0,0 +1,173 @@
+import { defineComponent as d, ref as f, computed as m, onMounted as y, getCurrentInstance as b, createElementBlock as i, openBlock as a, normalizeClass as v, createElementVNode as _, normalizeStyle as S, createBlock as c, Fragment as C, createCommentVNode as u, toDisplayString as P, defineCustomElement as k } from "vue";
+const E = [void 0, 10, 12, 20, 24, 32, 64], w = ["xlink:href"], h = /* @__PURE__ */ d({
+  __name: "PvIcon",
+  props: {
+    name: { type: String },
+    size: { type: null }
+  },
+  setup(e) {
+    const n = e, t = f(!1), o = f(null), s = m(() => ({
+      "pv-icon": !0,
+      [`pv-icon-${n.size}`]: E.includes(n.size)
+    })), r = m(() => t.value && o.value ? `${o.value}#${n.name}` : `#${n.name}`);
+    return globalThis.__PV_GLOBAL_SPRITE_PATH__ && (o.value = globalThis.__PV_GLOBAL_SPRITE_PATH__), y(() => {
+      const l = b()?.root;
+      t.value = l && "isCE" in l && l.isCE;
+    }), (l, M) => (a(), i(
+      "svg",
+      {
+        "data-testid": "pv-icon",
+        "aria-hidden": "true",
+        class: v(s.value)
+      },
+      [
+        _("use", { "xlink:href": r.value }, null, 8, w)
+      ],
+      2
+      /* CLASS */
+    ));
+  }
+}), z = /* @__PURE__ */ d({
+  __name: "PvSpinner",
+  props: {
+    variant: { default: "primary", type: String },
+    size: { default: "lg", type: String }
+  },
+  setup(e) {
+    const n = {
+      xs: "0.75rem",
+      sm: "1rem",
+      md: "1.25rem",
+      lg: "1.5rem",
+      xl: "2rem"
+    }, t = {
+      primary: "pv-spinner",
+      dark: "pv-spinner-dark",
+      white: "pv-spinner-light"
+    };
+    return (o, s) => (a(), i(
+      "div",
+      {
+        "data-testid": "pv-spinner",
+        class: v(t[e.variant]),
+        style: S({ "--size": n[e.size] })
+      },
+      null,
+      6
+      /* CLASS, STYLE */
+    ));
+  }
+}), g = {
+  md: "pv-button-small",
+  lg: void 0,
+  xl: "pv-button-large"
+}, I = (e) => e == null || !g.hasOwnProperty(e) ? null : g[e] || null, B = ["disabled"], T = {
+  key: 1,
+  "data-testid": "pv-button-label"
+}, $ = /* @__PURE__ */ d({
+  __name: "PvButton",
+  props: {
+    variant: { default: "primary", type: String },
+    disabled: { type: Boolean, default: !1 },
+    size: { default: "lg", type: String },
+    loading: { type: Boolean, default: !1 },
+    label: { type: String },
+    leftIcon: { type: String },
+    rightIcon: { type: String },
+    inverse: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const n = ["ghost"], t = e, o = m(() => {
+      const s = [];
+      t.inverse && n.includes(t.variant) ? s.push(`pv-button-${t.variant}-inverse`) : s.push(`pv-button-${t.variant}`);
+      const r = I(t.size);
+      return r && s.push(r), s;
+    });
+    return (s, r) => (a(), i("button", {
+      type: "button",
+      class: v(o.value),
+      disabled: e.disabled,
+      "data-testid": "pv-button"
+    }, [
+      e.loading ? (a(), c(z, {
+        key: 0,
+        size: "sm"
+      })) : (a(), i(
+        C,
+        { key: 1 },
+        [
+          e.leftIcon ? (a(), c(h, {
+            key: 0,
+            name: e.leftIcon,
+            "data-testid": "pv-button-left-icon"
+          }, null, 8, ["name"])) : u("v-if", !0),
+          e.label ? (a(), i(
+            "span",
+            T,
+            P(e.label),
+            1
+            /* TEXT */
+          )) : u("v-if", !0),
+          e.rightIcon ? (a(), c(h, {
+            key: 2,
+            name: e.rightIcon,
+            "data-testid": "pv-button-right-icon"
+          }, null, 8, ["name"])) : u("v-if", !0)
+        ],
+        64
+        /* STABLE_FRAGMENT */
+      ))
+    ], 10, B));
+  }
+}), x = /* @__PURE__ */ new Set(["PvIcon", "PvPopoverMenu", "PvPopover"]);
+function R(e) {
+  return !x.has(e);
+}
+function p(e, n) {
+  const t = document.querySelector('link[href*="' + n + '"]');
+  if (!e.shadowRoot)
+    return !1;
+  if (t && e.shadowRoot) {
+    const o = t.href;
+    if (e.shadowRoot.querySelector(`link[href="${o}"]`))
+      return;
+    const s = document.createElement("link");
+    return s.rel = "stylesheet", s.href = o, e.shadowRoot.prepend(s), !0;
+  }
+  return !1;
+}
+function A(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 O = (e) => ({ shadowRoot: R(e) });
+function V(e) {
+  const n = e.__name || e.name;
+  if (!n)
+    throw new Error("Component must have a __name or name property");
+  const t = k(e, O(n));
+  class o extends t {
+    connectedCallback() {
+      super.connectedCallback?.(), A(this);
+    }
+  }
+  return o;
+}
+function D(e) {
+  return e.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "");
+}
+function L(e) {
+  const n = e.__name || e.name;
+  if (!n)
+    throw new Error("Component must have a __name or name property");
+  const t = D(n), o = V(e);
+  customElements.get(t) || customElements.define(t, o);
+}
+L($);

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

@@ -0,0 +1,80 @@
+import { defineComponent as c, computed as s, createBlock as i, openBlock as l, resolveDynamicComponent as u, normalizeClass as p, withCtx as f, renderSlot as m, defineCustomElement as d } from "vue";
+const v = /* @__PURE__ */ c({
+  __name: "PvCard",
+  props: {
+    href: { type: String },
+    variant: { default: "primary", type: String },
+    interactive: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const t = e, n = s(() => t.href ? "a" : t.interactive ? "button" : "div"), o = s(() => t.href || t.interactive ? "button" : "div");
+    return (r, b) => (l(), i(u(n.value), {
+      href: e.href,
+      type: o.value,
+      class: p([
+        "pv-card pv-inset-square-8 pv-inline-block",
+        {
+          "pv-card-secondary": e.variant === "secondary"
+        }
+      ]),
+      "data-testid": "pv-card"
+    }, {
+      default: f(() => [
+        m(r.$slots, "default")
+      ]),
+      _: 3
+      /* FORWARDED */
+    }, 8, ["href", "type", "class"]));
+  }
+}), h = /* @__PURE__ */ new Set(["PvIcon", "PvPopoverMenu", "PvPopover"]);
+function y(e) {
+  return !h.has(e);
+}
+function a(e, t) {
+  const n = document.querySelector('link[href*="' + t + '"]');
+  if (!e.shadowRoot)
+    return !1;
+  if (n && e.shadowRoot) {
+    const o = n.href;
+    if (e.shadowRoot.querySelector(`link[href="${o}"]`))
+      return;
+    const r = document.createElement("link");
+    return r.rel = "stylesheet", r.href = o, e.shadowRoot.prepend(r), !0;
+  }
+  return !1;
+}
+function C(e) {
+  if (!a(e, "pit-viper-v2")) {
+    if (a(e, "pit-viper")) {
+      a(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 w = (e) => ({ shadowRoot: y(e) });
+function S(e) {
+  const t = e.__name || e.name;
+  if (!t)
+    throw new Error("Component must have a __name or name property");
+  const n = d(e, w(t));
+  class o extends n {
+    connectedCallback() {
+      super.connectedCallback?.(), C(this);
+    }
+  }
+  return o;
+}
+function E(e) {
+  return e.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "");
+}
+function _(e) {
+  const t = e.__name || e.name;
+  if (!t)
+    throw new Error("Component must have a __name or name property");
+  const n = E(t), o = S(e);
+  customElements.get(n) || customElements.define(n, o);
+}
+_(v);

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

@@ -0,0 +1,77 @@
+import { defineComponent as a, mergeModels as i, useModel as l, withDirectives as c, createElementBlock as u, openBlock as m, vModelCheckbox as d, defineCustomElement as p } from "vue";
+const f = ["disabled", "indeterminate"], h = /* @__PURE__ */ a({
+  __name: "PvCheckbox",
+  props: /* @__PURE__ */ i({
+    disabled: { type: Boolean },
+    indeterminate: { type: Boolean }
+  }, {
+    modelValue: { type: Boolean },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = l(e, "modelValue");
+    return (n, o) => c((m(), u("input", {
+      ref: "checkbox-ref",
+      "onUpdate:modelValue": o[0] || (o[0] = (r) => t.value = r),
+      class: "pv-checkbox",
+      type: "checkbox",
+      name: "checkbox",
+      disabled: e.disabled,
+      indeterminate: e.indeterminate
+    }, null, 8, f)), [
+      [d, t.value]
+    ]);
+  }
+}), v = /* @__PURE__ */ new Set(["PvIcon", "PvPopoverMenu", "PvPopover"]);
+function b(e) {
+  return !v.has(e);
+}
+function s(e, t) {
+  const n = document.querySelector('link[href*="' + t + '"]');
+  if (!e.shadowRoot)
+    return !1;
+  if (n && e.shadowRoot) {
+    const o = n.href;
+    if (e.shadowRoot.querySelector(`link[href="${o}"]`))
+      return;
+    const r = document.createElement("link");
+    return r.rel = "stylesheet", r.href = o, e.shadowRoot.prepend(r), !0;
+  }
+  return !1;
+}
+function k(e) {
+  if (!s(e, "pit-viper-v2")) {
+    if (s(e, "pit-viper")) {
+      s(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 C = (e) => ({ shadowRoot: b(e) });
+function w(e) {
+  const t = e.__name || e.name;
+  if (!t)
+    throw new Error("Component must have a __name or name property");
+  const n = p(e, C(t));
+  class o extends n {
+    connectedCallback() {
+      super.connectedCallback?.(), k(this);
+    }
+  }
+  return o;
+}
+function y(e) {
+  return e.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "");
+}
+function E(e) {
+  const t = e.__name || e.name;
+  if (!t)
+    throw new Error("Component must have a __name or name property");
+  const n = y(t), o = w(e);
+  customElements.get(n) || customElements.define(n, o);
+}
+E(h);

package/pv-components/dist/web/components/pv-company-label/pv-company-label.js

@@ -0,0 +1,153 @@
+import { defineComponent as m, ref as h, computed as r, watch as y, createElementBlock as a, openBlock as l, normalizeStyle as g, normalizeClass as c, createElementVNode as d, createVNode as C, toDisplayString as S, defineCustomElement as x } from "vue";
+function _(e) {
+  return e.charAt(0).toUpperCase() + e.slice(1).toLowerCase();
+}
+const w = /\p{Lu}?\p{Ll}+|[0-9]+|\p{Lu}+(?!\p{Ll})|\p{Emoji_Presentation}|\p{Extended_Pictographic}|\p{L}+/gu;
+function E(e) {
+  return Array.from(e.match(w) ?? []);
+}
+function b(e) {
+  const t = E(e);
+  if (t.length === 0)
+    return "";
+  const [o, ...n] = t;
+  return `${o.toLowerCase()}${n.map((s) => _(s)).join("")}`;
+}
+const P = {
+  xs: "12px",
+  sm: "16px",
+  md: "20px",
+  lg: "24px",
+  xl: "32px",
+  "2x": "40px"
+}, z = {
+  class: "pv-flex",
+  "data-testid": "pv-company-logo"
+}, L = ["src"], k = /* @__PURE__ */ m({
+  __name: "PvCompanyLogo",
+  props: {
+    basePath: { default: "https://static-assets.turquoise.health/shared-logos/prd/payers", type: String },
+    name: { type: String },
+    size: { default: "md", type: null },
+    srcPathOverride: { type: String },
+    toCamelCase: { type: Boolean, default: !0 }
+  },
+  setup(e) {
+    const t = e, o = h(!0), n = r(() => P[t.size] || "32px"), s = r(() => ({
+      "pv-icon": o.value,
+      [`pv-company-${t.size}`]: t.size && !o.value
+    })), f = r(() => ({
+      width: n.value
+    })), v = r(() => t.toCamelCase ? b(t.name) + ".svg" : t.name + ".svg"), u = r(() => t.srcPathOverride ? t.srcPathOverride : `${t.basePath}/${v.value}`);
+    return y(u, () => {
+      o.value = !0;
+    }), (B, p) => (l(), a("div", z, [
+      o.value ? (l(), a(
+        "div",
+        {
+          key: 0,
+          class: c(s.value),
+          style: g(f.value)
+        },
+        [
+          d("img", {
+            src: u.value,
+            alt: "",
+            onError: p[0] || (p[0] = (V) => o.value = !1)
+          }, null, 40, L)
+        ],
+        6
+        /* CLASS, STYLE */
+      )) : (l(), a(
+        "div",
+        {
+          key: 1,
+          class: c(s.value)
+        },
+        null,
+        2
+        /* CLASS */
+      ))
+    ]));
+  }
+}), $ = { class: "pv-flex" }, N = /* @__PURE__ */ m({
+  __name: "PvCompanyLabel",
+  props: {
+    size: { default: "md", type: String },
+    logo: { type: String },
+    label: { type: String }
+  },
+  setup(e) {
+    const t = {
+      xs: "pv-text-body-xs",
+      sm: "pv-text-body-md",
+      md: "pv-text-body-md"
+    };
+    return (o, n) => (l(), a("div", $, [
+      C(k, {
+        name: e.logo ? e.logo : e.label,
+        size: e.size
+      }, null, 8, ["name", "size"]),
+      d(
+        "span",
+        {
+          class: c(t[e.size])
+        },
+        S(e.label),
+        3
+        /* TEXT, CLASS */
+      )
+    ]));
+  }
+}), A = /* @__PURE__ */ new Set(["PvIcon", "PvPopoverMenu", "PvPopover"]);
+function O(e) {
+  return !A.has(e);
+}
+function i(e, t) {
+  const o = document.querySelector('link[href*="' + t + '"]');
+  if (!e.shadowRoot)
+    return !1;
+  if (o && e.shadowRoot) {
+    const n = o.href;
+    if (e.shadowRoot.querySelector(`link[href="${n}"]`))
+      return;
+    const s = document.createElement("link");
+    return s.rel = "stylesheet", s.href = n, e.shadowRoot.prepend(s), !0;
+  }
+  return !1;
+}
+function D(e) {
+  if (!i(e, "pit-viper-v2")) {
+    if (i(e, "pit-viper")) {
+      i(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 R = (e) => ({ shadowRoot: O(e) });
+function j(e) {
+  const t = e.__name || e.name;
+  if (!t)
+    throw new Error("Component must have a __name or name property");
+  const o = x(e, R(t));
+  class n extends o {
+    connectedCallback() {
+      super.connectedCallback?.(), D(this);
+    }
+  }
+  return n;
+}
+function M(e) {
+  return e.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "");
+}
+function T(e) {
+  const t = e.__name || e.name;
+  if (!t)
+    throw new Error("Component must have a __name or name property");
+  const o = M(t), n = j(e);
+  customElements.get(o) || customElements.define(o, n);
+}
+T(N);

package/pv-components/dist/web/components/pv-company-logo/pv-company-logo.js

@@ -0,0 +1,124 @@
+import { defineComponent as f, ref as v, computed as s, watch as h, createElementBlock as a, openBlock as c, normalizeStyle as y, normalizeClass as p, createElementVNode as C, defineCustomElement as _ } from "vue";
+function g(e) {
+  return e.charAt(0).toUpperCase() + e.slice(1).toLowerCase();
+}
+const w = /\p{Lu}?\p{Ll}+|[0-9]+|\p{Lu}+(?!\p{Ll})|\p{Emoji_Presentation}|\p{Extended_Pictographic}|\p{L}+/gu;
+function E(e) {
+  return Array.from(e.match(w) ?? []);
+}
+function S(e) {
+  const t = E(e);
+  if (t.length === 0)
+    return "";
+  const [o, ...n] = t;
+  return `${o.toLowerCase()}${n.map((r) => g(r)).join("")}`;
+}
+const P = {
+  xs: "12px",
+  sm: "16px",
+  md: "20px",
+  lg: "24px",
+  xl: "32px",
+  "2x": "40px"
+}, x = {
+  class: "pv-flex",
+  "data-testid": "pv-company-logo"
+}, k = ["src"], L = /* @__PURE__ */ f({
+  __name: "PvCompanyLogo",
+  props: {
+    basePath: { default: "https://static-assets.turquoise.health/shared-logos/prd/payers", type: String },
+    name: { type: String },
+    size: { default: "md", type: null },
+    srcPathOverride: { type: String },
+    toCamelCase: { type: Boolean, default: !0 }
+  },
+  setup(e) {
+    const t = e, o = v(!0), n = s(() => P[t.size] || "32px"), r = s(() => ({
+      "pv-icon": o.value,
+      [`pv-company-${t.size}`]: t.size && !o.value
+    })), m = s(() => ({
+      width: n.value
+    })), d = s(() => t.toCamelCase ? S(t.name) + ".svg" : t.name + ".svg"), l = s(() => t.srcPathOverride ? t.srcPathOverride : `${t.basePath}/${d.value}`);
+    return h(l, () => {
+      o.value = !0;
+    }), (j, u) => (c(), a("div", x, [
+      o.value ? (c(), a(
+        "div",
+        {
+          key: 0,
+          class: p(r.value),
+          style: y(m.value)
+        },
+        [
+          C("img", {
+            src: l.value,
+            alt: "",
+            onError: u[0] || (u[0] = (D) => o.value = !1)
+          }, null, 40, k)
+        ],
+        6
+        /* CLASS, STYLE */
+      )) : (c(), a(
+        "div",
+        {
+          key: 1,
+          class: p(r.value)
+        },
+        null,
+        2
+        /* CLASS */
+      ))
+    ]));
+  }
+}), b = /* @__PURE__ */ new Set(["PvIcon", "PvPopoverMenu", "PvPopover"]);
+function z(e) {
+  return !b.has(e);
+}
+function i(e, t) {
+  const o = document.querySelector('link[href*="' + t + '"]');
+  if (!e.shadowRoot)
+    return !1;
+  if (o && e.shadowRoot) {
+    const n = o.href;
+    if (e.shadowRoot.querySelector(`link[href="${n}"]`))
+      return;
+    const r = document.createElement("link");
+    return r.rel = "stylesheet", r.href = n, e.shadowRoot.prepend(r), !0;
+  }
+  return !1;
+}
+function $(e) {
+  if (!i(e, "pit-viper-v2")) {
+    if (i(e, "pit-viper")) {
+      i(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 A = (e) => ({ shadowRoot: z(e) });
+function N(e) {
+  const t = e.__name || e.name;
+  if (!t)
+    throw new Error("Component must have a __name or name property");
+  const o = _(e, A(t));
+  class n extends o {
+    connectedCallback() {
+      super.connectedCallback?.(), $(this);
+    }
+  }
+  return n;
+}
+function O(e) {
+  return e.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "");
+}
+function R(e) {
+  const t = e.__name || e.name;
+  if (!t)
+    throw new Error("Component must have a __name or name property");
+  const o = O(t), n = N(e);
+  customElements.get(o) || customElements.define(o, n);
+}
+R(L);