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

package/pv-components/dist/web/components/pv-expandable-content/pv-expandable-content.js

@@ -0,0 +1,235 @@
+import { defineComponent as u, ref as f, computed as c, onMounted as S, getCurrentInstance as x, createElementBlock as i, openBlock as s, normalizeClass as p, createElementVNode as b, normalizeStyle as h, createBlock as d, Fragment as C, createCommentVNode as v, toDisplayString as k, createVNode as E, renderSlot as P, defineCustomElement as z } from "vue";
+const w = [void 0, 10, 12, 20, 24, 32, 64], I = ["xlink:href"], y = /* @__PURE__ */ u({
+  __name: "PvIcon",
+  props: {
+    name: { type: String },
+    size: { type: null }
+  },
+  setup(e) {
+    const a = e, t = f(!1), n = f(null), o = c(() => ({
+      "pv-icon": !0,
+      [`pv-icon-${a.size}`]: w.includes(a.size)
+    })), r = c(() => t.value && n.value ? `${n.value}#${a.name}` : `#${a.name}`);
+    return globalThis.__PV_GLOBAL_SPRITE_PATH__ && (n.value = globalThis.__PV_GLOBAL_SPRITE_PATH__), S(() => {
+      const l = x()?.root;
+      t.value = l && "isCE" in l && l.isCE;
+    }), (l, _) => (s(), i(
+      "svg",
+      {
+        "data-testid": "pv-icon",
+        "aria-hidden": "true",
+        class: p(o.value)
+      },
+      [
+        b("use", { "xlink:href": r.value }, null, 8, I)
+      ],
+      2
+      /* CLASS */
+    ));
+  }
+}), $ = /* @__PURE__ */ u({
+  __name: "PvSpinner",
+  props: {
+    variant: { default: "primary", type: String },
+    size: { default: "lg", type: String }
+  },
+  setup(e) {
+    const a = {
+      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 (n, o) => (s(), i(
+      "div",
+      {
+        "data-testid": "pv-spinner",
+        class: p(t[e.variant]),
+        style: h({ "--size": a[e.size] })
+      },
+      null,
+      6
+      /* CLASS, STYLE */
+    ));
+  }
+}), g = {
+  md: "pv-button-small",
+  lg: void 0,
+  xl: "pv-button-large"
+}, B = (e) => e == null || !g.hasOwnProperty(e) ? null : g[e] || null, T = ["disabled"], O = {
+  key: 1,
+  "data-testid": "pv-button-label"
+}, M = /* @__PURE__ */ u({
+  __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 a = ["ghost"], t = e, n = c(() => {
+      const o = [];
+      t.inverse && a.includes(t.variant) ? o.push(`pv-button-${t.variant}-inverse`) : o.push(`pv-button-${t.variant}`);
+      const r = B(t.size);
+      return r && o.push(r), o;
+    });
+    return (o, r) => (s(), i("button", {
+      type: "button",
+      class: p(n.value),
+      disabled: e.disabled,
+      "data-testid": "pv-button"
+    }, [
+      e.loading ? (s(), d($, {
+        key: 0,
+        size: "sm"
+      })) : (s(), i(
+        C,
+        { key: 1 },
+        [
+          e.leftIcon ? (s(), d(y, {
+            key: 0,
+            name: e.leftIcon,
+            "data-testid": "pv-button-left-icon"
+          }, null, 8, ["name"])) : v("v-if", !0),
+          e.label ? (s(), i(
+            "span",
+            O,
+            k(e.label),
+            1
+            /* TEXT */
+          )) : v("v-if", !0),
+          e.rightIcon ? (s(), d(y, {
+            key: 2,
+            name: e.rightIcon,
+            "data-testid": "pv-button-right-icon"
+          }, null, 8, ["name"])) : v("v-if", !0)
+        ],
+        64
+        /* STABLE_FRAGMENT */
+      ))
+    ], 10, T));
+  }
+}), N = /* @__PURE__ */ u({
+  __name: "PvExpandableContent",
+  props: {
+    lines: { default: 4, type: Number },
+    size: { default: "md", type: String },
+    variant: { default: "primary", type: String },
+    defaultOpen: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const a = {
+      none: "0",
+      xs: "4px",
+      sm: "8px",
+      md: "12px",
+      lg: "16px"
+    }, t = e, n = f(t.defaultOpen), o = () => {
+      n.value = !n.value;
+    }, r = c(() => ({
+      "--lines": n.value ? "none" : t.lines,
+      "max-height": n.value ? "100vh" : `${t.lines * 1.5}em`
+    }));
+    return (l, _) => (s(), i(
+      "div",
+      {
+        class: p([
+          "pv-inset-square expandable-content",
+          {
+            "pv-surface-accent": e.variant === "ghost"
+          }
+        ]),
+        style: h({ "--inset-size": a[e.size] })
+      },
+      [
+        b(
+          "p",
+          {
+            class: "pv-line-clamp pv-text-body-md pv-stack-8",
+            style: h(r.value)
+          },
+          [
+            P(l.$slots, "default", {}, void 0, !0)
+          ],
+          4
+          /* STYLE */
+        ),
+        E(M, {
+          label: n.value ? "Show Less" : "Show More",
+          variant: "ghost",
+          size: "md",
+          onClick: o,
+          "left-icon": n.value ? "chevron-up" : "chevron-down"
+        }, null, 8, ["label", "left-icon"])
+      ],
+      6
+      /* CLASS, STYLE */
+    ));
+  }
+}), R = ".expandable-content[data-v-2f840307]{border-radius:.5rem}.expandable-content .pv-line-clamp[data-v-2f840307]{transition:max-height .3s ease-in-out}", V = (e, a) => {
+  const t = e.__vccOpts || e;
+  for (const [n, o] of a)
+    t[n] = o;
+  return t;
+}, A = /* @__PURE__ */ V(N, [["styles", [R]], ["__scopeId", "data-v-2f840307"]]), L = /* @__PURE__ */ new Set(["PvIcon", "PvPopoverMenu", "PvPopover"]);
+function D(e) {
+  return !L.has(e);
+}
+function m(e, a) {
+  const t = document.querySelector('link[href*="' + a + '"]');
+  if (!e.shadowRoot)
+    return !1;
+  if (t && e.shadowRoot) {
+    const n = t.href;
+    if (e.shadowRoot.querySelector(`link[href="${n}"]`))
+      return;
+    const o = document.createElement("link");
+    return o.rel = "stylesheet", o.href = n, e.shadowRoot.prepend(o), !0;
+  }
+  return !1;
+}
+function G(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 H = (e) => ({ shadowRoot: D(e) });
+function W(e) {
+  const a = e.__name || e.name;
+  if (!a)
+    throw new Error("Component must have a __name or name property");
+  const t = z(e, H(a));
+  class n extends t {
+    connectedCallback() {
+      super.connectedCallback?.(), G(this);
+    }
+  }
+  return n;
+}
+function j(e) {
+  return e.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "");
+}
+function q(e) {
+  const a = e.__name || e.name;
+  if (!a)
+    throw new Error("Component must have a __name or name property");
+  const t = j(a), n = W(e);
+  customElements.get(t) || customElements.define(t, n);
+}
+q(A);

package/pv-components/dist/web/components/pv-ghost-input/pv-ghost-input.js

@@ -0,0 +1,251 @@
+import { defineComponent as m, ref as y, computed as b, onMounted as k, getCurrentInstance as E, createElementBlock as r, openBlock as l, normalizeClass as S, createElementVNode as w, normalizeStyle as P, createBlock as d, Fragment as I, createCommentVNode as p, toDisplayString as $, mergeModels as T, useTemplateRef as z, useModel as B, watch as M, renderSlot as R, withDirectives as V, mergeProps as D, vModelText as A, defineCustomElement as N } from "vue";
+const O = [void 0, 10, 12, 20, 24, 32, 64], W = ["xlink:href"], C = /* @__PURE__ */ m({
+  __name: "PvIcon",
+  props: {
+    name: { type: String },
+    size: { type: null }
+  },
+  setup(e) {
+    const t = e, n = y(!1), o = y(null), a = b(() => ({
+      "pv-icon": !0,
+      [`pv-icon-${t.size}`]: O.includes(t.size)
+    })), s = b(() => n.value && o.value ? `${o.value}#${t.name}` : `#${t.name}`);
+    return globalThis.__PV_GLOBAL_SPRITE_PATH__ && (o.value = globalThis.__PV_GLOBAL_SPRITE_PATH__), k(() => {
+      const i = E()?.root;
+      n.value = i && "isCE" in i && i.isCE;
+    }), (i, x) => (l(), r(
+      "svg",
+      {
+        "data-testid": "pv-icon",
+        "aria-hidden": "true",
+        class: S(a.value)
+      },
+      [
+        w("use", { "xlink:href": s.value }, null, 8, W)
+      ],
+      2
+      /* CLASS */
+    ));
+  }
+}), L = /* @__PURE__ */ m({
+  __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 (o, a) => (l(), r(
+      "div",
+      {
+        "data-testid": "pv-spinner",
+        class: S(n[e.variant]),
+        style: P({ "--size": t[e.size] })
+      },
+      null,
+      6
+      /* CLASS, STYLE */
+    ));
+  }
+}), _ = {
+  md: "pv-button-small",
+  lg: void 0,
+  xl: "pv-button-large"
+}, G = (e) => e == null || !_.hasOwnProperty(e) ? null : _[e] || null, H = ["disabled"], j = {
+  key: 1,
+  "data-testid": "pv-button-label"
+}, q = /* @__PURE__ */ m({
+  __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, o = b(() => {
+      const a = [];
+      n.inverse && t.includes(n.variant) ? a.push(`pv-button-${n.variant}-inverse`) : a.push(`pv-button-${n.variant}`);
+      const s = G(n.size);
+      return s && a.push(s), a;
+    });
+    return (a, s) => (l(), r("button", {
+      type: "button",
+      class: S(o.value),
+      disabled: e.disabled,
+      "data-testid": "pv-button"
+    }, [
+      e.loading ? (l(), d(L, {
+        key: 0,
+        size: "sm"
+      })) : (l(), r(
+        I,
+        { key: 1 },
+        [
+          e.leftIcon ? (l(), d(C, {
+            key: 0,
+            name: e.leftIcon,
+            "data-testid": "pv-button-left-icon"
+          }, null, 8, ["name"])) : p("v-if", !0),
+          e.label ? (l(), r(
+            "span",
+            j,
+            $(e.label),
+            1
+            /* TEXT */
+          )) : p("v-if", !0),
+          e.rightIcon ? (l(), d(C, {
+            key: 2,
+            name: e.rightIcon,
+            "data-testid": "pv-button-right-icon"
+          }, null, 8, ["name"])) : p("v-if", !0)
+        ],
+        64
+        /* STABLE_FRAGMENT */
+      ))
+    ], 10, H));
+  }
+}), F = ["data-style"], U = ["placeholder", "disabled", "name"], K = /* @__PURE__ */ m({
+  __name: "PvGhostInput",
+  props: /* @__PURE__ */ T({
+    variant: { default: "h1", type: null },
+    placeholder: { type: String },
+    disabled: { type: Boolean },
+    showEditIcon: { type: Boolean }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = z("inputRef"), n = {
+      h1: "ghost-input-h1",
+      h2: "ghost-input-h2",
+      h3: "ghost-input-h3",
+      h4: "ghost-input-h4",
+      "text-lg": "ghost-input-text-large",
+      "text-md": "ghost-input-text-medium",
+      "text-sm": "ghost-input-text-small",
+      caption: "ghost-input-caption"
+    }, o = {
+      h1: "h1",
+      h2: "h2",
+      h3: "h3",
+      h4: "h4",
+      "text-sm": "text-small",
+      "text-md": "text-medium",
+      "text-lg": "text-large",
+      caption: "caption"
+    }, a = e, s = B(e, "modelValue"), i = y(0), x = () => {
+      t.value?.focus();
+    };
+    k(() => {
+      s.value && s.value.length > 0 ? c(s.value) : a.placeholder ? c(a.placeholder) : i.value = 240;
+    }), M(
+      () => s.value,
+      () => {
+        s.value && s.value.length > 0 ? c(s.value) : a.placeholder ? c(a.placeholder) : i.value = 240;
+      }
+    );
+    const c = (h) => {
+      if (!t.value) return;
+      const u = document.createElement("canvas").getContext("2d");
+      if (!u) return;
+      const f = getComputedStyle(t.value);
+      u.font = `${f.fontWeight} ${f.fontSize} ${f.fontFamily}`, i.value = u.measureText(h).width + 10;
+    };
+    return (h, v) => (l(), r("div", {
+      class: "pv-ghost-input pv-full-width",
+      "data-testid": "pv-ghost-input",
+      "data-style": o[e.variant]
+    }, [
+      R(h.$slots, "action"),
+      V(w("input", D({
+        ref_key: "inputRef",
+        ref: t
+      }, a, {
+        "onUpdate:modelValue": v[0] || (v[0] = (u) => s.value = u),
+        type: "text",
+        style: {
+          width: i.value + "px"
+        },
+        placeholder: e.placeholder,
+        disabled: e.disabled,
+        name: n[e.variant]
+      }), null, 16, U), [
+        [A, s.value]
+      ]),
+      e.showEditIcon ? (l(), d(q, {
+        key: 0,
+        "left-icon": "edit",
+        variant: "ghost",
+        onClick: x
+      })) : p("v-if", !0)
+    ], 8, F));
+  }
+}), Z = /* @__PURE__ */ new Set(["PvIcon", "PvPopoverMenu", "PvPopover"]);
+function J(e) {
+  return !Z.has(e);
+}
+function g(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 a = document.createElement("link");
+    return a.rel = "stylesheet", a.href = o, e.shadowRoot.prepend(a), !0;
+  }
+  return !1;
+}
+function Q(e) {
+  if (!g(e, "pit-viper-v2")) {
+    if (g(e, "pit-viper")) {
+      g(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 X = (e) => ({ shadowRoot: J(e) });
+function Y(e) {
+  const t = e.__name || e.name;
+  if (!t)
+    throw new Error("Component must have a __name or name property");
+  const n = N(e, X(t));
+  class o extends n {
+    connectedCallback() {
+      super.connectedCallback?.(), Q(this);
+    }
+  }
+  return o;
+}
+function ee(e) {
+  return e.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "");
+}
+function te(e) {
+  const t = e.__name || e.name;
+  if (!t)
+    throw new Error("Component must have a __name or name property");
+  const n = ee(t), o = Y(e);
+  customElements.get(n) || customElements.define(n, o);
+}
+te(K);

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

@@ -0,0 +1,81 @@
+import { defineComponent as u, ref as c, computed as i, onMounted as p, getCurrentInstance as m, createElementBlock as f, openBlock as _, normalizeClass as h, createElementVNode as v, defineCustomElement as d } from "vue";
+const C = [void 0, 10, 12, 20, 24, 32, 64], E = ["xlink:href"], P = /* @__PURE__ */ u({
+  __name: "PvIcon",
+  props: {
+    name: { type: String },
+    size: { type: null }
+  },
+  setup(e) {
+    const t = e, n = c(!1), o = c(null), r = i(() => ({
+      "pv-icon": !0,
+      [`pv-icon-${t.size}`]: C.includes(t.size)
+    })), l = i(() => n.value && o.value ? `${o.value}#${t.name}` : `#${t.name}`);
+    return globalThis.__PV_GLOBAL_SPRITE_PATH__ && (o.value = globalThis.__PV_GLOBAL_SPRITE_PATH__), p(() => {
+      const s = m()?.root;
+      n.value = s && "isCE" in s && s.isCE;
+    }), (s, A) => (_(), f(
+      "svg",
+      {
+        "data-testid": "pv-icon",
+        "aria-hidden": "true",
+        class: h(r.value)
+      },
+      [
+        v("use", { "xlink:href": l.value }, null, 8, E)
+      ],
+      2
+      /* CLASS */
+    ));
+  }
+}), S = /* @__PURE__ */ new Set(["PvIcon", "PvPopoverMenu", "PvPopover"]);
+function g(e) {
+  return !S.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 w(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 b = (e) => ({ shadowRoot: g(e) });
+function y(e) {
+  const t = e.__name || e.name;
+  if (!t)
+    throw new Error("Component must have a __name or name property");
+  const n = d(e, b(t));
+  class o extends n {
+    connectedCallback() {
+      super.connectedCallback?.(), w(this);
+    }
+  }
+  return o;
+}
+function k(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 n = k(t), o = y(e);
+  customElements.get(n) || customElements.define(n, o);
+}
+R(P);

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

@@ -0,0 +1,123 @@
+import { defineComponent as u, mergeModels as c, useModel as m, createElementBlock as a, openBlock as l, Fragment as p, createCommentVNode as s, withDirectives as f, renderSlot as v, createElementVNode as h, normalizeClass as d, vModelDynamic as y, toDisplayString as b, defineCustomElement as w } from "vue";
+const S = ["for"], g = ["disabled", "type", "placeholder", "id", "data-invalid"], C = /* @__PURE__ */ u({
+  __name: "PvInput",
+  props: /* @__PURE__ */ c({
+    error: { type: Boolean },
+    disabled: { type: Boolean },
+    placeholder: { type: String },
+    type: { default: "text", type: String },
+    id: { default: Math.random().toString(), type: String },
+    lowerLabel: { type: String },
+    variant: { default: "white", type: String }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = m(e, "modelValue");
+    return (o, n) => (l(), a(
+      p,
+      null,
+      [
+        o.$slots.label ? (l(), a("label", {
+          key: 0,
+          "data-testid": "pv-input-label",
+          class: "pv-label pv-stack-8",
+          for: e.id
+        }, [
+          v(o.$slots, "label")
+        ], 8, S)) : s("v-if", !0),
+        f(h("input", {
+          "onUpdate:modelValue": n[0] || (n[0] = (r) => t.value = r),
+          "data-testid": "pv-input",
+          class: d([
+            "pv-input-text",
+            {
+              "pv-stack-8": e.lowerLabel,
+              "pv-surface-accent": e.variant === "grey"
+            }
+          ]),
+          disabled: e.disabled,
+          type: e.type,
+          placeholder: e.placeholder,
+          id: e.id,
+          "data-invalid": e.error ? !0 : void 0
+        }, null, 10, g), [
+          [y, t.value]
+        ]),
+        e.lowerLabel ? (l(), a(
+          "p",
+          {
+            key: 1,
+            "data-testid": "pv-input-lower-label",
+            style: { "margin-left": "12px" },
+            class: d([
+              "pv-text-body-xs",
+              {
+                "pv-text-red": e.error,
+                "pv-text-subdued": !e.error
+              }
+            ])
+          },
+          b(e.lowerLabel),
+          3
+          /* TEXT, CLASS */
+        )) : s("v-if", !0)
+      ],
+      64
+      /* STABLE_FRAGMENT */
+    ));
+  }
+}), E = /* @__PURE__ */ new Set(["PvIcon", "PvPopoverMenu", "PvPopover"]);
+function k(e) {
+  return !E.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 M(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 D = (e) => ({ shadowRoot: k(e) });
+function x(e) {
+  const t = e.__name || e.name;
+  if (!t)
+    throw new Error("Component must have a __name or name property");
+  const o = w(e, D(t));
+  class n extends o {
+    connectedCallback() {
+      super.connectedCallback?.(), M(this);
+    }
+  }
+  return n;
+}
+function P(e) {
+  return e.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "");
+}
+function V(e) {
+  const t = e.__name || e.name;
+  if (!t)
+    throw new Error("Component must have a __name or name property");
+  const o = P(t), n = x(e);
+  customElements.get(o) || customElements.define(o, n);
+}
+V(C);