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

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

@@ -0,0 +1,204 @@
+import { defineComponent as v, ref as d, computed as a, watch as y, createElementBlock as c, openBlock as i, normalizeStyle as g, normalizeClass as u, createElementVNode as f, onMounted as C, getCurrentInstance as _, createVNode as S, createBlock as P, createCommentVNode as w, toDisplayString as E, withModifiers as z, defineCustomElement as $ } from "vue";
+function k(e) {
+  return e.charAt(0).toUpperCase() + e.slice(1).toLowerCase();
+}
+const x = /\p{Lu}?\p{Ll}+|[0-9]+|\p{Lu}+(?!\p{Ll})|\p{Emoji_Presentation}|\p{Extended_Pictographic}|\p{L}+/gu;
+function b(e) {
+  return Array.from(e.match(x) ?? []);
+}
+function L(e) {
+  const t = b(e);
+  if (t.length === 0)
+    return "";
+  const [n, ...s] = t;
+  return `${n.toLowerCase()}${s.map((o) => k(o)).join("")}`;
+}
+const N = {
+  xs: "12px",
+  sm: "16px",
+  md: "20px",
+  lg: "24px",
+  xl: "32px",
+  "2x": "40px"
+}, A = [void 0, 10, 12, 20, 24, 32, 64], T = {
+  class: "pv-flex",
+  "data-testid": "pv-company-logo"
+}, O = ["src"], R = /* @__PURE__ */ v({
+  __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, n = d(!0), s = a(() => N[t.size] || "32px"), o = a(() => ({
+      "pv-icon": n.value,
+      [`pv-company-${t.size}`]: t.size && !n.value
+    })), l = a(() => ({
+      width: s.value
+    })), r = a(() => t.toCamelCase ? L(t.name) + ".svg" : t.name + ".svg"), p = a(() => t.srcPathOverride ? t.srcPathOverride : `${t.basePath}/${r.value}`);
+    return y(p, () => {
+      n.value = !0;
+    }), (U, h) => (i(), c("div", T, [
+      n.value ? (i(), c(
+        "div",
+        {
+          key: 0,
+          class: u(o.value),
+          style: g(l.value)
+        },
+        [
+          f("img", {
+            src: p.value,
+            alt: "",
+            onError: h[0] || (h[0] = (K) => n.value = !1)
+          }, null, 40, O)
+        ],
+        6
+        /* CLASS, STYLE */
+      )) : (i(), c(
+        "div",
+        {
+          key: 1,
+          class: u(o.value)
+        },
+        null,
+        2
+        /* CLASS */
+      ))
+    ]));
+  }
+}), B = ["xlink:href"], I = /* @__PURE__ */ v({
+  __name: "PvIcon",
+  props: {
+    name: { type: String },
+    size: { type: null }
+  },
+  setup(e) {
+    const t = e, n = d(!1), s = d(null), o = a(() => ({
+      "pv-icon": !0,
+      [`pv-icon-${t.size}`]: A.includes(t.size)
+    })), l = a(() => n.value && s.value ? `${s.value}#${t.name}` : `#${t.name}`);
+    return globalThis.__PV_GLOBAL_SPRITE_PATH__ && (s.value = globalThis.__PV_GLOBAL_SPRITE_PATH__), C(() => {
+      const r = _()?.root;
+      n.value = r && "isCE" in r && r.isCE;
+    }), (r, p) => (i(), c(
+      "svg",
+      {
+        "data-testid": "pv-icon",
+        "aria-hidden": "true",
+        class: u(o.value)
+      },
+      [
+        f("use", { "xlink:href": l.value }, null, 8, B)
+      ],
+      2
+      /* CLASS */
+    ));
+  }
+}), M = /* @__PURE__ */ v({
+  __name: "PvCompanyTag",
+  props: {
+    companyName: { type: String },
+    size: { default: "md", type: String },
+    showClear: { type: Boolean, default: !1 }
+  },
+  emits: ["handle-close", "handle-click"],
+  setup(e) {
+    const t = e, n = a(() => {
+      switch (t.size) {
+        case "lg":
+          return "pv-tag-lg";
+        case "sm":
+          return "pv-tag-sm";
+        default:
+          return "";
+      }
+    });
+    return (s, o) => (i(), c(
+      "button",
+      {
+        class: u(["pv-tag-tertiary", n.value]),
+        onClick: o[1] || (o[1] = (l) => s.$emit("handle-click", e.companyName)),
+        "data-testid": "pv-company-tag"
+      },
+      [
+        S(R, {
+          class: u(e.size === "lg" ? "pv-company-sm" : "pv-company-xs"),
+          "data-testid": "pv-company-tag-icon",
+          size: e.size === "lg" ? "sm" : "xs",
+          name: e.companyName
+        }, null, 8, ["class", "size", "name"]),
+        f(
+          "span",
+          null,
+          E(e.companyName),
+          1
+          /* TEXT */
+        ),
+        e.showClear ? (i(), P(I, {
+          key: 0,
+          "data-testid": "pv-company-tag-close-icon",
+          size: 12,
+          name: "close",
+          onClick: o[0] || (o[0] = z((l) => s.$emit("handle-close", e.companyName), ["stop"]))
+        })) : w("v-if", !0)
+      ],
+      2
+      /* CLASS */
+    ));
+  }
+}), V = /* @__PURE__ */ new Set(["PvIcon", "PvPopoverMenu", "PvPopover"]);
+function D(e) {
+  return !V.has(e);
+}
+function m(e, t) {
+  const n = document.querySelector('link[href*="' + t + '"]');
+  if (!e.shadowRoot)
+    return !1;
+  if (n && e.shadowRoot) {
+    const s = n.href;
+    if (e.shadowRoot.querySelector(`link[href="${s}"]`))
+      return;
+    const o = document.createElement("link");
+    return o.rel = "stylesheet", o.href = s, e.shadowRoot.prepend(o), !0;
+  }
+  return !1;
+}
+function j(e) {
+  if (!m(e, "pit-viper-v2")) {
+    if (m(e, "pit-viper")) {
+      m(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: D(e) });
+function H(e) {
+  const t = e.__name || e.name;
+  if (!t)
+    throw new Error("Component must have a __name or name property");
+  const n = $(e, G(t));
+  class s extends n {
+    connectedCallback() {
+      super.connectedCallback?.(), j(this);
+    }
+  }
+  return s;
+}
+function W(e) {
+  return e.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "");
+}
+function q(e) {
+  const t = e.__name || e.name;
+  if (!t)
+    throw new Error("Component must have a __name or name property");
+  const n = W(t), s = H(e);
+  customElements.get(n) || customElements.define(n, s);
+}
+q(M);

package/pv-components/dist/web/components/pv-counter-badge/pv-counter-badge.js

@@ -0,0 +1,89 @@
+import { defineComponent as i, computed as o, createElementBlock as c, openBlock as u, normalizeClass as p, toDisplayString as l, defineCustomElement as m } from "vue";
+const v = /* @__PURE__ */ i({
+  __name: "PvCounterBadge",
+  props: {
+    value: { type: Number },
+    prefix: { default: "", type: String },
+    variant: { default: "primary", type: null },
+    size: { default: "sm", type: String },
+    maxValue: { default: 99, type: Number }
+  },
+  setup(e) {
+    const t = e, r = o(() => t.size == "md" ? "md" : (t.size == "sm", "sm")), n = o(() => t.maxValue && t.value && t.value > t.maxValue ? `${t.maxValue}+` : t.value != null ? `${t.prefix}${t.value}` : "-"), a = o(() => ({
+      "pv-inline-block pv-inset-square pv-radius pv-text-center": !0,
+      "pv-badge-md pv-text-body-md": r.value == "md",
+      "pv-badge-sm pv-text-body-sm": r.value == "sm",
+      "pv-surface-brand-inverse pv-text-inverse": t.variant == "primary",
+      "pv-surface pv-bordered": t.variant == "secondary",
+      "pv-surface-lighten-5": t.variant == "tertiary",
+      "pv-text-secondary": t.variant == "ghost" || t.variant == "tertiary",
+      "pv-surface": t.variant == "ghost"
+    }));
+    return (E, S) => (u(), c(
+      "div",
+      {
+        class: p(a.value),
+        "data-testid": "pv-counter-badge"
+      },
+      l(n.value),
+      3
+      /* TEXT, CLASS */
+    ));
+  }
+}), d = ".pv-badge-md[data-v-fc3c1104]{--inset-size: 2px 2px;min-height:20px;max-height:20px;min-width:20px;font-weight:500}.pv-badge-sm[data-v-fc3c1104]{--inset-size: 0 2px;min-height:16px;max-height:16px;min-width:16px;font-weight:500}.pv-surface-lighten-5[data-v-fc3c1104]{background-color:#e0e5e4}.pv-text-secondary[data-v-fc3c1104]{color:#4b595c}", f = (e, t) => {
+  const r = e.__vccOpts || e;
+  for (const [n, a] of t)
+    r[n] = a;
+  return r;
+}, h = /* @__PURE__ */ f(v, [["styles", [d]], ["__scopeId", "data-v-fc3c1104"]]), y = /* @__PURE__ */ new Set(["PvIcon", "PvPopoverMenu", "PvPopover"]);
+function g(e) {
+  return !y.has(e);
+}
+function s(e, t) {
+  const r = document.querySelector('link[href*="' + t + '"]');
+  if (!e.shadowRoot)
+    return !1;
+  if (r && e.shadowRoot) {
+    const n = r.href;
+    if (e.shadowRoot.querySelector(`link[href="${n}"]`))
+      return;
+    const a = document.createElement("link");
+    return a.rel = "stylesheet", a.href = n, e.shadowRoot.prepend(a), !0;
+  }
+  return !1;
+}
+function x(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 _ = (e) => ({ shadowRoot: g(e) });
+function b(e) {
+  const t = e.__name || e.name;
+  if (!t)
+    throw new Error("Component must have a __name or name property");
+  const r = m(e, _(t));
+  class n extends r {
+    connectedCallback() {
+      super.connectedCallback?.(), x(this);
+    }
+  }
+  return n;
+}
+function w(e) {
+  return e.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "");
+}
+function C(e) {
+  const t = e.__name || e.name;
+  if (!t)
+    throw new Error("Component must have a __name or name property");
+  const r = w(t), n = b(e);
+  customElements.get(r) || customElements.define(r, n);
+}
+C(h);