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

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

@@ -1,286 +0,0 @@
-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

@@ -1,160 +0,0 @@
-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);