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

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

@@ -0,0 +1,293 @@
+import { defineComponent as v, computed as u, createBlock as c, openBlock as o, resolveDynamicComponent as k, normalizeClass as f, withCtx as S, renderSlot as _, ref as g, onMounted as C, getCurrentInstance as x, createElementBlock as r, createElementVNode as y, normalizeStyle as P, Fragment as w, createCommentVNode as i, toDisplayString as p, withModifiers as $, defineCustomElement as E } from "vue";
+const I = /* @__PURE__ */ v({
+  __name: "PvCard",
+  props: {
+    href: { type: String },
+    variant: { default: "primary", type: String },
+    interactive: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const t = e, n = u(() => t.href ? "a" : t.interactive ? "button" : "div"), a = u(() => t.href || t.interactive ? "button" : "div");
+    return (s, l) => (o(), c(k(n.value), {
+      href: e.href,
+      type: a.value,
+      class: f([
+        "pv-card pv-inset-square-8 pv-inline-block",
+        {
+          "pv-card-secondary": e.variant === "secondary"
+        }
+      ]),
+      "data-testid": "pv-card"
+    }, {
+      default: S(() => [
+        _(s.$slots, "default")
+      ]),
+      _: 3
+      /* FORWARDED */
+    }, 8, ["href", "type", "class"]));
+  }
+}), z = [void 0, 10, 12, 20, 24, 32, 64], B = ["xlink:href"], h = /* @__PURE__ */ v({
+  __name: "PvIcon",
+  props: {
+    name: { type: String },
+    size: { type: null }
+  },
+  setup(e) {
+    const t = e, n = g(!1), a = g(null), s = u(() => ({
+      "pv-icon": !0,
+      [`pv-icon-${t.size}`]: z.includes(t.size)
+    })), l = u(() => n.value && a.value ? `${a.value}#${t.name}` : `#${t.name}`);
+    return globalThis.__PV_GLOBAL_SPRITE_PATH__ && (a.value = globalThis.__PV_GLOBAL_SPRITE_PATH__), C(() => {
+      const d = x()?.root;
+      n.value = d && "isCE" in d && d.isCE;
+    }), (d, ee) => (o(), r(
+      "svg",
+      {
+        "data-testid": "pv-icon",
+        "aria-hidden": "true",
+        class: f(s.value)
+      },
+      [
+        y("use", { "xlink:href": l.value }, null, 8, B)
+      ],
+      2
+      /* CLASS */
+    ));
+  }
+}), T = /* @__PURE__ */ v({
+  __name: "PvSpinner",
+  props: {
+    variant: { default: "primary", type: String },
+    size: { default: "lg", type: String }
+  },
+  setup(e) {
+    const t = {
+      xs: "0.75rem",
+      sm: "1rem",
+      md: "1.25rem",
+      lg: "1.5rem",
+      xl: "2rem"
+    }, n = {
+      primary: "pv-spinner",
+      dark: "pv-spinner-dark",
+      white: "pv-spinner-light"
+    };
+    return (a, s) => (o(), r(
+      "div",
+      {
+        "data-testid": "pv-spinner",
+        class: f(n[e.variant]),
+        style: P({ "--size": t[e.size] })
+      },
+      null,
+      6
+      /* CLASS, STYLE */
+    ));
+  }
+}), b = {
+  md: "pv-button-small",
+  lg: void 0,
+  xl: "pv-button-large"
+}, L = (e) => e == null || !b.hasOwnProperty(e) ? null : b[e] || null, O = ["disabled"], R = {
+  key: 1,
+  "data-testid": "pv-button-label"
+}, V = /* @__PURE__ */ v({
+  __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 t = ["ghost"], n = e, a = u(() => {
+      const s = [];
+      n.inverse && t.includes(n.variant) ? s.push(`pv-button-${n.variant}-inverse`) : s.push(`pv-button-${n.variant}`);
+      const l = L(n.size);
+      return l && s.push(l), s;
+    });
+    return (s, l) => (o(), r("button", {
+      type: "button",
+      class: f(a.value),
+      disabled: e.disabled,
+      "data-testid": "pv-button"
+    }, [
+      e.loading ? (o(), c(T, {
+        key: 0,
+        size: "sm"
+      })) : (o(), r(
+        w,
+        { key: 1 },
+        [
+          e.leftIcon ? (o(), c(h, {
+            key: 0,
+            name: e.leftIcon,
+            "data-testid": "pv-button-left-icon"
+          }, null, 8, ["name"])) : i("v-if", !0),
+          e.label ? (o(), r(
+            "span",
+            R,
+            p(e.label),
+            1
+            /* TEXT */
+          )) : i("v-if", !0),
+          e.rightIcon ? (o(), c(h, {
+            key: 2,
+            name: e.rightIcon,
+            "data-testid": "pv-button-right-icon"
+          }, null, 8, ["name"])) : i("v-if", !0)
+        ],
+        64
+        /* STABLE_FRAGMENT */
+      ))
+    ], 10, O));
+  }
+}), A = {
+  class: "pv-flex-vertical",
+  style: { "--flex-align": "flex-start", "--flex-gap": "0.25rem" }
+}, D = {
+  key: 0,
+  class: "pv-flex",
+  style: { "--flex-gap": "0.25rem" }
+}, M = { class: "pv-text-body-sm" }, N = {
+  key: 1,
+  class: "pv-text-body-sm pv-text-tertiary"
+}, G = {
+  key: 2,
+  class: "pv-heading-2"
+}, H = {
+  key: 3,
+  class: "pv-text-body-md pv-text-secondary pv-text-subdued"
+}, W = /* @__PURE__ */ v({
+  __name: "PvInsightCard",
+  props: {
+    icon: { default: "ai", type: String },
+    insight: { type: String },
+    upperLabel: { type: String },
+    title: { type: String },
+    description: { type: String },
+    showButton: { type: Boolean, default: !1 },
+    interactive: { type: Boolean, default: !1 }
+  },
+  emits: ["click", "icon-click"],
+  setup(e) {
+    const t = e, n = u(() => t.icon || t.insight);
+    return (a, s) => (o(), c(I, {
+      variant: "secondary",
+      interactive: e.interactive,
+      onClick: s[1] || (s[1] = (l) => a.$emit("click")),
+      class: "pv-relative"
+    }, {
+      default: S(() => [
+        y("div", A, [
+          n.value ? (o(), r("div", D, [
+            e.icon ? (o(), c(h, {
+              key: 0,
+              style: { color: "#218c88" },
+              name: e.icon,
+              size: 12
+            }, null, 8, ["name"])) : i("v-if", !0),
+            y(
+              "span",
+              M,
+              p(e.insight),
+              1
+              /* TEXT */
+            )
+          ])) : i("v-if", !0),
+          e.upperLabel ? (o(), r(
+            "span",
+            N,
+            p(e.upperLabel),
+            1
+            /* TEXT */
+          )) : i("v-if", !0),
+          e.title ? (o(), r(
+            "span",
+            G,
+            p(e.title),
+            1
+            /* TEXT */
+          )) : i("v-if", !0),
+          e.description ? (o(), r(
+            "span",
+            H,
+            p(e.description),
+            1
+            /* TEXT */
+          )) : i("v-if", !0)
+        ]),
+        e.showButton ? (o(), c(V, {
+          key: 0,
+          "left-icon": "new-tab",
+          variant: "ghost",
+          size: "md",
+          class: "pv-insight-button",
+          onClick: s[0] || (s[0] = $((l) => a.$emit("icon-click"), ["stop"]))
+        })) : i("v-if", !0)
+      ]),
+      _: 1
+      /* STABLE */
+    }, 8, ["interactive"]));
+  }
+}), j = ".pv-insight-button[data-v-6e9399e6]{position:absolute;top:.5rem;right:.5rem}", q = (e, t) => {
+  const n = e.__vccOpts || e;
+  for (const [a, s] of t)
+    n[a] = s;
+  return n;
+}, F = /* @__PURE__ */ q(W, [["styles", [j]], ["__scopeId", "data-v-6e9399e6"]]), K = /* @__PURE__ */ new Set(["PvIcon", "PvPopoverMenu", "PvPopover"]);
+function U(e) {
+  return !K.has(e);
+}
+function m(e, t) {
+  const n = document.querySelector('link[href*="' + t + '"]');
+  if (!e.shadowRoot)
+    return !1;
+  if (n && e.shadowRoot) {
+    const a = n.href;
+    if (e.shadowRoot.querySelector(`link[href="${a}"]`))
+      return;
+    const s = document.createElement("link");
+    return s.rel = "stylesheet", s.href = a, e.shadowRoot.prepend(s), !0;
+  }
+  return !1;
+}
+function Z(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 J = (e) => ({ shadowRoot: U(e) });
+function Q(e) {
+  const t = e.__name || e.name;
+  if (!t)
+    throw new Error("Component must have a __name or name property");
+  const n = E(e, J(t));
+  class a extends n {
+    connectedCallback() {
+      super.connectedCallback?.(), Z(this);
+    }
+  }
+  return a;
+}
+function X(e) {
+  return e.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "");
+}
+function Y(e) {
+  const t = e.__name || e.name;
+  if (!t)
+    throw new Error("Component must have a __name or name property");
+  const n = X(t), a = Q(e);
+  customElements.get(n) || customElements.define(n, a);
+}
+Y(F);

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

@@ -0,0 +1,118 @@
+import { defineComponent as f, mergeModels as p, useTemplateRef as h, useModel as v, watch as y, createElementBlock as l, openBlock as r, createElementVNode as a, createCommentVNode as d, renderSlot as u, toDisplayString as m, defineCustomElement as C } from "vue";
+const b = ["closedby"], w = { class: "pv-inset-squish-12" }, g = {
+  class: "pv-flex pv-flex-vertical pv-stack-16",
+  style: { "--flex-align": "flex-start" }
+}, k = { class: "pv-heading-3" }, _ = {
+  key: 0,
+  class: "pv-text-body-md"
+}, E = {
+  key: 0,
+  class: "pv-inset-squish-12 pv-border-top",
+  style: { "--color-border": "#d2d8dc" }
+}, S = /* @__PURE__ */ f({
+  __name: "PvModal",
+  props: /* @__PURE__ */ p({
+    header: { type: String },
+    subheader: { type: String },
+    disableCloseOnClickOutside: { type: Boolean, default: !1 },
+    hideFooter: { type: Boolean, default: !1 }
+  }, {
+    modelValue: { type: Boolean, required: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const s = e, o = h("dialog"), t = v(e, "modelValue");
+    y(
+      () => t.value,
+      () => {
+        t.value ? o.value?.showModal() : o.value?.close();
+      }
+    );
+    const n = () => {
+      s.disableCloseOnClickOutside || (t.value = !1);
+    };
+    return (c, R) => (r(), l("dialog", {
+      class: "pv-modal-sm",
+      ref_key: "dialog",
+      ref: o,
+      closedby: e.disableCloseOnClickOutside ? void 0 : "any",
+      style: { "--max-width": "480px" },
+      onClose: n
+    }, [
+      a("div", w, [
+        a("div", g, [
+          a(
+            "span",
+            k,
+            m(e.header),
+            1
+            /* TEXT */
+          ),
+          e.subheader ? (r(), l(
+            "span",
+            _,
+            m(e.subheader),
+            1
+            /* TEXT */
+          )) : d("v-if", !0)
+        ]),
+        u(c.$slots, "body")
+      ]),
+      e.hideFooter ? d("v-if", !0) : (r(), l("div", E, [
+        u(c.$slots, "footer")
+      ]))
+    ], 40, b));
+  }
+}), M = /* @__PURE__ */ new Set(["PvIcon", "PvPopoverMenu", "PvPopover"]);
+function O(e) {
+  return !M.has(e);
+}
+function i(e, s) {
+  const o = document.querySelector('link[href*="' + s + '"]');
+  if (!e.shadowRoot)
+    return !1;
+  if (o && e.shadowRoot) {
+    const t = o.href;
+    if (e.shadowRoot.querySelector(`link[href="${t}"]`))
+      return;
+    const n = document.createElement("link");
+    return n.rel = "stylesheet", n.href = t, e.shadowRoot.prepend(n), !0;
+  }
+  return !1;
+}
+function x(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 P = (e) => ({ shadowRoot: O(e) });
+function B(e) {
+  const s = e.__name || e.name;
+  if (!s)
+    throw new Error("Component must have a __name or name property");
+  const o = C(e, P(s));
+  class t extends o {
+    connectedCallback() {
+      super.connectedCallback?.(), x(this);
+    }
+  }
+  return t;
+}
+function D(e) {
+  return e.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "");
+}
+function N(e) {
+  const s = e.__name || e.name;
+  if (!s)
+    throw new Error("Component must have a __name or name property");
+  const o = D(s), t = B(e);
+  customElements.get(o) || customElements.define(o, t);
+}
+N(S);