@turquoisehealth/pit-viper 2.122.0 → 2.122.1-dev.0

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

@@ -0,0 +1,355 @@
+import { ref as T, getCurrentInstance as z, defineComponent as b, computed as _, createElementBlock as m, openBlock as p, normalizeClass as C, createElementVNode as S, normalizeStyle as N, createBlock as v, Fragment as O, createCommentVNode as g, toDisplayString as P, mergeModels as x, useModel as B, createVNode as I, renderList as j, unref as V, defineCustomElement as D } from "vue";
+function L() {
+  const t = T(!1), n = z()?.root || {};
+  return "isCE" in n && n.isCE === !0 && (t.value = !0), t;
+}
+const M = [void 0, 10, 12, 20, 24, 32, 64], R = ["xlink:href"], k = /* @__PURE__ */ b({
+  __name: "PvIcon",
+  props: {
+    name: { type: String },
+    size: { type: null }
+  },
+  setup(t) {
+    const e = t, n = L(), o = T(null), s = _(() => ({
+      "pv-icon": !0,
+      [`pv-icon-${e.size}`]: M.includes(e.size)
+    })), i = _(() => n.value && o.value ? `${o.value}#${e.name}` : `#${e.name}`);
+    return globalThis.__PV_GLOBAL_SPRITE_PATH__ && (o.value = globalThis.__PV_GLOBAL_SPRITE_PATH__), (r, l) => (p(), m(
+      "svg",
+      {
+        "data-testid": "pv-icon",
+        "aria-hidden": "true",
+        class: C(s.value)
+      },
+      [
+        S("use", { "xlink:href": i.value }, null, 8, R)
+      ],
+      2
+      /* CLASS */
+    ));
+  }
+}), W = /* @__PURE__ */ b({
+  __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 (o, s) => (p(), m(
+      "div",
+      {
+        "data-testid": "pv-spinner",
+        class: C(n[t.variant]),
+        style: N({ "--size": e[t.size] })
+      },
+      null,
+      6
+      /* CLASS, STYLE */
+    ));
+  }
+}), H = ["ghost"], $ = {
+  md: "pv-button-small",
+  lg: void 0,
+  xl: "pv-button-large"
+}, F = (t) => t == null || !$.hasOwnProperty(t) ? null : $[t] || null, G = ["disabled"], q = {
+  key: 1,
+  "data-testid": "pv-button-label"
+}, w = /* @__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(t) {
+    const e = t, n = _(() => {
+      const o = [];
+      e.inverse && H.includes(e.variant) ? o.push(`pv-button-${e.variant}-inverse`) : o.push(`pv-button-${e.variant}`);
+      const s = F(e.size);
+      return s && o.push(s), o;
+    });
+    return (o, s) => (p(), m("button", {
+      type: "button",
+      class: C(n.value),
+      disabled: t.disabled,
+      "data-testid": "pv-button"
+    }, [
+      t.loading ? (p(), v(W, {
+        key: 0,
+        size: "sm"
+      })) : (p(), m(
+        O,
+        { key: 1 },
+        [
+          t.leftIcon ? (p(), v(k, {
+            key: 0,
+            name: t.leftIcon,
+            "data-testid": "pv-button-left-icon"
+          }, null, 8, ["name"])) : g("v-if", !0),
+          t.label ? (p(), m(
+            "span",
+            q,
+            P(t.label),
+            1
+            /* TEXT */
+          )) : g("v-if", !0),
+          t.rightIcon ? (p(), v(k, {
+            key: 2,
+            name: t.rightIcon,
+            "data-testid": "pv-button-right-icon"
+          }, null, 8, ["name"])) : g("v-if", !0)
+        ],
+        64
+        /* STABLE_FRAGMENT */
+      ))
+    ], 10, G));
+  }
+}), A = {
+  short: 5,
+  long: 7
+}, J = ({
+  variant: t = "long"
+} = {}) => ({
+  getPaginations: ({
+    currentPage: o,
+    pages: s
+  }) => {
+    if (s <= A[t])
+      return Array.from({ length: s }, (d, h) => ({
+        page: h + 1,
+        label: (h + 1).toString()
+      }));
+    const i = [
+      {
+        page: 1,
+        label: "1"
+      }
+    ], r = A[t] - 3, l = Math.floor(r / 2);
+    let u = o - l, a = o + l;
+    const c = u > 2, f = a < s - 1;
+    if (u <= 2 && (u = 2, a = u + r - 1), a >= s - 1 && (a = s - 1, u = a - r + 1), c && i.push({
+      page: 0,
+      label: "..."
+    }), c && f)
+      for (let d = u + 1; d <= a - 1; d++)
+        i.push({ page: d, label: d.toString() });
+    else
+      for (let d = u; d <= a; d++)
+        i.push({ page: d, label: d.toString() });
+    return f && i.push({
+      page: 0,
+      label: "..."
+    }), s > 1 && i.push({ page: s, label: s.toString() }), i;
+  }
+}), U = ["data-style"], Z = ["data-testid", "aria-current"], K = {
+  key: 0,
+  class: "dots-button",
+  disabled: ""
+}, Q = ["onClick"], X = /* @__PURE__ */ b({
+  __name: "PvPagination",
+  props: /* @__PURE__ */ x({
+    size: { default: "lg", type: String },
+    maxPages: { type: Number },
+    maxNumberToShow: { type: Number },
+    variant: { default: "long", type: String }
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(t) {
+    const e = t, { getPaginations: n } = J({
+      variant: e.variant
+    }), o = B(t, "modelValue");
+    return (s, i) => (p(), m("ol", {
+      role: "list",
+      class: "pv-pagination",
+      "data-testid": "pv-pagination",
+      "data-style": t.size === "lg" ? "small" : void 0
+    }, [
+      S("li", null, [
+        I(w, {
+          "data-testid": "pagination-left-arrow-icon",
+          disabled: o.value === 1,
+          "left-icon": "chevron-left",
+          variant: "ghost",
+          onClick: i[0] || (i[0] = (r) => s.$emit("update:modelValue", o.value - 1))
+        }, null, 8, ["disabled"])
+      ]),
+      (p(!0), m(
+        O,
+        null,
+        j(V(n)({
+          currentPage: o.value,
+          pages: t.maxPages
+        }), (r) => (p(), m("li", {
+          key: r.page,
+          "data-testid": `pagination-button-${r.page}`,
+          "aria-current": r.page === o.value ? "page" : void 0
+        }, [
+          r.label === "..." ? (p(), m(
+            "button",
+            K,
+            P(r.label),
+            1
+            /* TEXT */
+          )) : (p(), m("button", {
+            key: 1,
+            onClick: (l) => s.$emit("update:modelValue", r.page)
+          }, P(r.label), 9, Q))
+        ], 8, Z))),
+        128
+        /* KEYED_FRAGMENT */
+      )),
+      S("li", null, [
+        I(w, {
+          "data-testid": "pagination-right-arrow-icon",
+          disabled: o.value === t.maxPages,
+          "left-icon": "chevron-right",
+          variant: "ghost",
+          onClick: i[1] || (i[1] = (r) => s.$emit("update:modelValue", o.value + 1))
+        }, null, 8, ["disabled"])
+      ])
+    ], 8, U));
+  }
+}), Y = ".dots-button[data-v-e63422b9]{background-color:transparent;color:#4b595c}", tt = (t, e) => {
+  const n = t.__vccOpts || t;
+  for (const [o, s] of e)
+    n[o] = s;
+  return n;
+}, et = /* @__PURE__ */ tt(X, [["styles", [Y]], ["__scopeId", "data-v-e63422b9"]]), nt = /* @__PURE__ */ new Set(["PvIcon", "PvPopoverMenu", "PvPopover"]);
+function ot(t) {
+  return !nt.has(t);
+}
+function y(t, e) {
+  const n = document.querySelector('link[href*="' + e + '"]');
+  if (!t.shadowRoot)
+    return !1;
+  if (n && t.shadowRoot) {
+    const o = n.href;
+    if (t.shadowRoot.querySelector(`link[href="${o}"]`))
+      return;
+    const s = document.createElement("link");
+    return s.rel = "stylesheet", s.href = o, t.shadowRoot.prepend(s), !0;
+  }
+  return !1;
+}
+function st(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 rt = (t) => ({ shadowRoot: ot(t) });
+function at(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 it(t, e) {
+  const n = Number(e);
+  return isNaN(n) && console.warn(`Invalid number attribute value for "${t}": "${e}". Expected a valid number.`), n;
+}
+function lt(t) {
+  const e = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set(), o = /* @__PURE__ */ new Set(), i = (t.__vccOpts || t).props;
+  return i && typeof i == "object" && Object.entries(i).forEach(([r, l]) => {
+    l === Boolean || l && l.type === Boolean ? e.add(r) : l === Number || l && l.type === Number ? n.add(r) : (l === Object || l === Array || l && (l.type === Object || l.type === Array)) && o.add(r);
+  }), { booleanProps: e, numberProps: n, jsonProps: o };
+}
+function E(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 ut(t) {
+  const e = t.__name || t.name;
+  if (!e)
+    throw new Error("Component must have a __name or name property");
+  const n = D(t, rt(e)), { booleanProps: o, numberProps: s, jsonProps: i } = lt(t);
+  class r 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(u) {
+      this._hiddenInput && (this._hiddenInput.value = u ?? "");
+    }
+    _parseAttributes() {
+      o.forEach((a) => {
+        const c = this.getAttribute(a);
+        this[a] = at(a, c);
+      }), s.forEach((a) => {
+        const c = this.getAttribute(a);
+        c !== null && (this[a] = it(a, c));
+      }), i.forEach((a) => {
+        const c = this.getAttribute(a);
+        if (c !== null) {
+          const f = E(a, c);
+          f !== null && (this[a] = f);
+        }
+      });
+      const u = this.getAttribute("data-json-props");
+      u && u.split(",").map((c) => c.trim()).filter(Boolean).forEach((c) => {
+        const f = c.replace(/-([a-z])/g, (h) => h[1].toUpperCase());
+        let d = this.getAttribute(c);
+        if (d === null) {
+          const h = f.replace(/([A-Z])/g, "-$1").toLowerCase();
+          d = this.getAttribute(h);
+        }
+        if (d !== null && !this[f]) {
+          const h = E(f, d);
+          h !== null && (this[f] = h);
+        }
+      });
+    }
+    connectedCallback() {
+      this._parseAttributes(), super.connectedCallback?.(), st(this);
+      const u = this.getAttribute("name");
+      u && (this._hiddenInput = document.createElement("input"), this._hiddenInput.type = "hidden", this._hiddenInput.name = u, this.after(this._hiddenInput));
+    }
+  }
+  return r;
+}
+function ct(t) {
+  return t.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "");
+}
+function dt(t) {
+  const e = t.__name || t.name;
+  if (!e)
+    throw new Error("Component must have a __name or name property");
+  const n = ct(e), o = ut(t);
+  customElements.get(n) || customElements.define(n, o);
+}
+dt(et);

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

@@ -0,0 +1,229 @@
+import { ref as P, getCurrentInstance as S, defineComponent as C, computed as m, createElementBlock as g, openBlock as h, normalizeClass as b, createElementVNode as E, createCommentVNode as _, createBlock as w, toDisplayString as A, defineCustomElement as I } from "vue";
+function k() {
+  const t = P(!1), n = S()?.root || {};
+  return "isCE" in n && n.isCE === !0 && (t.value = !0), t;
+}
+const $ = [void 0, 10, 12, 20, 24, 32, 64], O = ["xlink:href"], j = /* @__PURE__ */ C({
+  __name: "PvIcon",
+  props: {
+    name: { type: String },
+    size: { type: null }
+  },
+  setup(t) {
+    const e = t, n = k(), r = P(null), o = m(() => ({
+      "pv-icon": !0,
+      [`pv-icon-${e.size}`]: $.includes(e.size)
+    })), c = m(() => n.value && r.value ? `${r.value}#${e.name}` : `#${e.name}`);
+    return globalThis.__PV_GLOBAL_SPRITE_PATH__ && (r.value = globalThis.__PV_GLOBAL_SPRITE_PATH__), (l, s) => (h(), g(
+      "svg",
+      {
+        "data-testid": "pv-icon",
+        "aria-hidden": "true",
+        class: b(o.value)
+      },
+      [
+        E("use", { "xlink:href": c.value }, null, 8, O)
+      ],
+      2
+      /* CLASS */
+    ));
+  }
+}), x = /* @__PURE__ */ C({
+  __name: "PvPill",
+  props: {
+    size: { default: "md", type: String },
+    variant: { default: "default", type: String },
+    icon: { type: String },
+    dotVariant: { type: String },
+    label: { type: String }
+  },
+  setup(t) {
+    const e = t, n = m(() => {
+      switch (e.size) {
+        case "lg":
+          return "pv-tag-lg";
+        case "sm":
+          return "pv-tag-sm";
+        default:
+          return "";
+      }
+    }), r = m(() => {
+      if (e.dotVariant)
+        return "pv-tag-tertiary";
+      switch (e.variant) {
+        case "default":
+          return "pv-tag-tertiary";
+        case "success":
+          return "pv-tag-green";
+        case "warning":
+          return "pv-tag-orange";
+        case "critical":
+          return "pv-tag-red";
+        case "highlight":
+          return "pv-tag-turquoise";
+        default:
+          return "pv-tag-tertiary";
+      }
+    });
+    return (o, c) => (h(), g(
+      "div",
+      {
+        class: b([r.value, n.value, "pv-flex"]),
+        onClick: c[0] || (c[0] = (l) => o.$emit("handle-click", t.label)),
+        "data-style": "rounded",
+        style: { width: "fit-content", "--flex-gap": "4px" }
+      },
+      [
+        t.dotVariant ? (h(), g(
+          "span",
+          {
+            key: 0,
+            style: { "margin-inline-end": "0px" },
+            class: b(`pv-status-${t.dotVariant}`)
+          },
+          null,
+          2
+          /* CLASS */
+        )) : _("v-if", !0),
+        t.icon ? (h(), w(j, {
+          key: 1,
+          name: t.icon,
+          size: 12
+        }, null, 8, ["name"])) : _("v-if", !0),
+        E(
+          "span",
+          null,
+          A(t.label),
+          1
+          /* TEXT */
+        )
+      ],
+      2
+      /* CLASS */
+    ));
+  }
+}), N = "[class*=pv-status]{&[data-v-4ee8f936]:before,&[data-v-4ee8f936]:after{margin-inline-end:0px}}", z = (t, e) => {
+  const n = t.__vccOpts || t;
+  for (const [r, o] of e)
+    n[r] = o;
+  return n;
+}, B = /* @__PURE__ */ z(x, [["styles", [N]], ["__scopeId", "data-v-4ee8f936"]]), V = /* @__PURE__ */ new Set(["PvIcon", "PvPopoverMenu", "PvPopover"]);
+function T(t) {
+  return !V.has(t);
+}
+function v(t, e) {
+  const n = document.querySelector('link[href*="' + e + '"]');
+  if (!t.shadowRoot)
+    return !1;
+  if (n && t.shadowRoot) {
+    const r = n.href;
+    if (t.shadowRoot.querySelector(`link[href="${r}"]`))
+      return;
+    const o = document.createElement("link");
+    return o.rel = "stylesheet", o.href = r, t.shadowRoot.prepend(o), !0;
+  }
+  return !1;
+}
+function L(t) {
+  if (!v(t, "pit-viper-v2")) {
+    if (v(t, "pit-viper")) {
+      v(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 R = (t) => ({ shadowRoot: T(t) });
+function D(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 W(t, e) {
+  const n = Number(e);
+  return isNaN(n) && console.warn(`Invalid number attribute value for "${t}": "${e}". Expected a valid number.`), n;
+}
+function H(t) {
+  const e = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Set(), c = (t.__vccOpts || t).props;
+  return c && typeof c == "object" && Object.entries(c).forEach(([l, s]) => {
+    s === Boolean || s && s.type === Boolean ? e.add(l) : s === Number || s && s.type === Number ? n.add(l) : (s === Object || s === Array || s && (s.type === Object || s.type === Array)) && r.add(l);
+  }), { booleanProps: e, numberProps: n, jsonProps: r };
+}
+function y(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 G(t) {
+  const e = t.__name || t.name;
+  if (!e)
+    throw new Error("Component must have a __name or name property");
+  const n = I(t, R(e)), { booleanProps: r, numberProps: o, jsonProps: c } = H(t);
+  class l 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(u) {
+      this._hiddenInput && (this._hiddenInput.value = u ?? "");
+    }
+    _parseAttributes() {
+      r.forEach((i) => {
+        const a = this.getAttribute(i);
+        this[i] = D(i, a);
+      }), o.forEach((i) => {
+        const a = this.getAttribute(i);
+        a !== null && (this[i] = W(i, a));
+      }), c.forEach((i) => {
+        const a = this.getAttribute(i);
+        if (a !== null) {
+          const p = y(i, a);
+          p !== null && (this[i] = p);
+        }
+      });
+      const u = this.getAttribute("data-json-props");
+      u && u.split(",").map((a) => a.trim()).filter(Boolean).forEach((a) => {
+        const p = a.replace(/-([a-z])/g, (f) => f[1].toUpperCase());
+        let d = this.getAttribute(a);
+        if (d === null) {
+          const f = p.replace(/([A-Z])/g, "-$1").toLowerCase();
+          d = this.getAttribute(f);
+        }
+        if (d !== null && !this[p]) {
+          const f = y(p, d);
+          f !== null && (this[p] = f);
+        }
+      });
+    }
+    connectedCallback() {
+      this._parseAttributes(), super.connectedCallback?.(), L(this);
+      const u = this.getAttribute("name");
+      u && (this._hiddenInput = document.createElement("input"), this._hiddenInput.type = "hidden", this._hiddenInput.name = u, this.after(this._hiddenInput));
+    }
+  }
+  return l;
+}
+function M(t) {
+  return t.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "");
+}
+function q(t) {
+  const e = t.__name || t.name;
+  if (!e)
+    throw new Error("Component must have a __name or name property");
+  const n = M(e), r = G(t);
+  customElements.get(n) || customElements.define(n, r);
+}
+q(B);