@turquoisehealth/pit-viper 2.122.0 → 2.123.0

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

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

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

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