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

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

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

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

@@ -0,0 +1,160 @@
+import { defineComponent as d, ref as v, computed as l, onMounted as g, getCurrentInstance as h, createElementBlock as u, openBlock as i, normalizeClass as p, createElementVNode as m, createCommentVNode as f, createBlock as _, toDisplayString as y, defineCustomElement as C } from "vue";
+const S = [void 0, 10, 12, 20, 24, 32, 64], P = ["xlink:href"], E = /* @__PURE__ */ d({
+  __name: "PvIcon",
+  props: {
+    name: { type: String },
+    size: { type: null }
+  },
+  setup(e) {
+    const t = e, n = v(!1), r = v(null), a = l(() => ({
+      "pv-icon": !0,
+      [`pv-icon-${t.size}`]: S.includes(t.size)
+    })), s = l(() => n.value && r.value ? `${r.value}#${t.name}` : `#${t.name}`);
+    return globalThis.__PV_GLOBAL_SPRITE_PATH__ && (r.value = globalThis.__PV_GLOBAL_SPRITE_PATH__), g(() => {
+      const o = h()?.root;
+      n.value = o && "isCE" in o && o.isCE;
+    }), (o, T) => (i(), u(
+      "svg",
+      {
+        "data-testid": "pv-icon",
+        "aria-hidden": "true",
+        class: p(a.value)
+      },
+      [
+        m("use", { "xlink:href": s.value }, null, 8, P)
+      ],
+      2
+      /* CLASS */
+    ));
+  }
+}), k = /* @__PURE__ */ d({
+  __name: "PvPill",
+  props: {
+    size: { default: "md", type: String },
+    variant: { default: "default", type: String },
+    icon: { type: String },
+    dotVariant: { type: String },
+    label: { type: String }
+  },
+  setup(e) {
+    const t = e, n = l(() => {
+      switch (t.size) {
+        case "lg":
+          return "pv-tag-lg";
+        case "sm":
+          return "pv-tag-sm";
+        default:
+          return "";
+      }
+    }), r = l(() => {
+      if (t.dotVariant)
+        return "pv-tag-tertiary";
+      switch (t.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 (a, s) => (i(), u(
+      "div",
+      {
+        class: p([r.value, n.value, "pv-flex"]),
+        onClick: s[0] || (s[0] = (o) => a.$emit("handle-click", e.label)),
+        "data-style": "rounded",
+        style: { width: "fit-content", "--flex-gap": "4px" }
+      },
+      [
+        e.dotVariant ? (i(), u(
+          "span",
+          {
+            key: 0,
+            style: { "margin-inline-end": "0px" },
+            class: p(`pv-status-${e.dotVariant}`)
+          },
+          null,
+          2
+          /* CLASS */
+        )) : f("v-if", !0),
+        e.icon ? (i(), _(E, {
+          key: 1,
+          name: e.icon,
+          size: 12
+        }, null, 8, ["name"])) : f("v-if", !0),
+        m(
+          "span",
+          null,
+          y(e.label),
+          1
+          /* TEXT */
+        )
+      ],
+      2
+      /* CLASS */
+    ));
+  }
+}), w = "[class*=pv-status]{&[data-v-4ee8f936]:before,&[data-v-4ee8f936]:after{margin-inline-end:0px}}", b = (e, t) => {
+  const n = e.__vccOpts || e;
+  for (const [r, a] of t)
+    n[r] = a;
+  return n;
+}, x = /* @__PURE__ */ b(k, [["styles", [w]], ["__scopeId", "data-v-4ee8f936"]]), V = /* @__PURE__ */ new Set(["PvIcon", "PvPopoverMenu", "PvPopover"]);
+function $(e) {
+  return !V.has(e);
+}
+function c(e, t) {
+  const n = document.querySelector('link[href*="' + t + '"]');
+  if (!e.shadowRoot)
+    return !1;
+  if (n && e.shadowRoot) {
+    const r = n.href;
+    if (e.shadowRoot.querySelector(`link[href="${r}"]`))
+      return;
+    const a = document.createElement("link");
+    return a.rel = "stylesheet", a.href = r, e.shadowRoot.prepend(a), !0;
+  }
+  return !1;
+}
+function z(e) {
+  if (!c(e, "pit-viper-v2")) {
+    if (c(e, "pit-viper")) {
+      c(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 I = (e) => ({ shadowRoot: $(e) });
+function R(e) {
+  const t = e.__name || e.name;
+  if (!t)
+    throw new Error("Component must have a __name or name property");
+  const n = C(e, I(t));
+  class r extends n {
+    connectedCallback() {
+      super.connectedCallback?.(), z(this);
+    }
+  }
+  return r;
+}
+function A(e) {
+  return e.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "");
+}
+function O(e) {
+  const t = e.__name || e.name;
+  if (!t)
+    throw new Error("Component must have a __name or name property");
+  const n = A(t), r = R(e);
+  customElements.get(n) || customElements.define(n, r);
+}
+O(x);