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

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

@@ -1,4 +1,4 @@
-import { ref as k, getCurrentInstance as w, defineComponent as v, computed as _, createElementBlock as m, openBlock as l, normalizeClass as b, createElementVNode as A, normalizeStyle as z, createBlock as g, Fragment as B, createCommentVNode as y, toDisplayString as $, createVNode as C, renderSlot as O, defineCustomElement as T } from "vue";
+import { ref as k, getCurrentInstance as w, defineComponent as v, computed as _, createElementBlock as m, openBlock as c, normalizeClass as b, createElementVNode as A, normalizeStyle as z, createBlock as g, Fragment as B, createCommentVNode as y, toDisplayString as $, createVNode as C, renderSlot as O, defineCustomElement as T } from "vue";
 function j() {
   const e = k(!1), n = w()?.root || {};
   return "isCE" in n && n.isCE === !0 && (e.value = !0), e;
@@ -13,8 +13,8 @@ const x = [void 0, 10, 12, 20, 24, 32, 64], N = ["xlink:href"], P = /* @__PURE__
     const t = e, n = j(), s = k(null), r = _(() => ({
       "pv-icon": !0,
       [`pv-icon-${t.size}`]: x.includes(t.size)
-    })), c = _(() => n.value && s.value ? `${s.value}#${t.name}` : `#${t.name}`);
-    return globalThis.__PV_GLOBAL_SPRITE_PATH__ && (s.value = globalThis.__PV_GLOBAL_SPRITE_PATH__), (d, o) => (l(), m(
+    })), i = _(() => n.value && s.value ? `${s.value}#${t.name}` : `#${t.name}`);
+    return globalThis.__PV_GLOBAL_SPRITE_PATH__ && (s.value = globalThis.__PV_GLOBAL_SPRITE_PATH__), (d, o) => (c(), m(
       "svg",
       {
         "data-testid": "pv-icon",
@@ -22,7 +22,7 @@ const x = [void 0, 10, 12, 20, 24, 32, 64], N = ["xlink:href"], P = /* @__PURE__
         class: b(r.value)
       },
       [
-        A("use", { "xlink:href": c.value }, null, 8, N)
+        A("use", { "xlink:href": i.value }, null, 8, N)
       ],
       2
       /* CLASS */
@@ -46,7 +46,7 @@ const x = [void 0, 10, 12, 20, 24, 32, 64], N = ["xlink:href"], P = /* @__PURE__
       dark: "pv-spinner-dark",
       white: "pv-spinner-light"
     };
-    return (s, r) => (l(), m(
+    return (s, r) => (c(), m(
       "div",
       {
         "data-testid": "pv-spinner",
@@ -58,14 +58,14 @@ const x = [void 0, 10, 12, 20, 24, 32, 64], N = ["xlink:href"], P = /* @__PURE__
       /* CLASS, STYLE */
     ));
   }
-}), L = ["ghost"], E = {
+}), E = {
   md: "pv-button-small",
   lg: void 0,
   xl: "pv-button-large"
-}, R = (e) => e == null || !E.hasOwnProperty(e) ? null : E[e] || null, D = ["disabled"], W = {
+}, L = (e) => e == null || !E.hasOwnProperty(e) ? null : E[e] || null, R = ["disabled"], D = {
   key: 1,
   "data-testid": "pv-button-label"
-}, H = /* @__PURE__ */ v({
+}, W = /* @__PURE__ */ v({
   __name: "PvButton",
   props: {
     variant: { default: "primary", type: String },
@@ -78,38 +78,38 @@ const x = [void 0, 10, 12, 20, 24, 32, 64], N = ["xlink:href"], P = /* @__PURE__
     inverse: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, n = _(() => {
-      const s = [];
-      t.inverse && L.includes(t.variant) ? s.push(`pv-button-${t.variant}-inverse`) : s.push(`pv-button-${t.variant}`);
-      const r = R(t.size);
-      return r && s.push(r), s;
+    const t = ["ghost"], n = e, s = _(() => {
+      const r = [];
+      n.inverse && t.includes(n.variant) ? r.push(`pv-button-${n.variant}-inverse`) : r.push(`pv-button-${n.variant}`);
+      const i = L(n.size);
+      return i && r.push(i), r;
     });
-    return (s, r) => (l(), m("button", {
+    return (r, i) => (c(), m("button", {
       type: "button",
-      class: b(n.value),
+      class: b(s.value),
       disabled: e.disabled,
       "data-testid": "pv-button"
     }, [
-      e.loading ? (l(), g(V, {
+      e.loading ? (c(), g(V, {
         key: 0,
         size: "sm"
-      })) : (l(), m(
+      })) : (c(), m(
         B,
         { key: 1 },
         [
-          e.leftIcon ? (l(), g(P, {
+          e.leftIcon ? (c(), g(P, {
             key: 0,
             name: e.leftIcon,
             "data-testid": "pv-button-left-icon"
           }, null, 8, ["name"])) : y("v-if", !0),
-          e.label ? (l(), m(
+          e.label ? (c(), m(
             "span",
-            W,
+            D,
             $(e.label),
             1
             /* TEXT */
           )) : y("v-if", !0),
-          e.rightIcon ? (l(), g(P, {
+          e.rightIcon ? (c(), g(P, {
             key: 2,
             name: e.rightIcon,
             "data-testid": "pv-button-right-icon"
@@ -118,9 +118,9 @@ const x = [void 0, 10, 12, 20, 24, 32, 64], N = ["xlink:href"], P = /* @__PURE__
         64
         /* STABLE_FRAGMENT */
       ))
-    ], 10, D));
+    ], 10, R));
   }
-}), M = { class: "pv-text-body-md" }, G = /* @__PURE__ */ v({
+}), H = { class: "pv-text-body-md" }, M = /* @__PURE__ */ v({
   __name: "PvToast",
   props: {
     variant: { default: "info", type: String },
@@ -140,7 +140,7 @@ const x = [void 0, 10, 12, 20, 24, 32, 64], N = ["xlink:href"], P = /* @__PURE__
       error: "alert-circle",
       dark: "ai"
     };
-    return (s, r) => (l(), m(
+    return (s, r) => (c(), m(
       "div",
       {
         class: b(t[e.variant])
@@ -152,27 +152,27 @@ const x = [void 0, 10, 12, 20, 24, 32, 64], N = ["xlink:href"], P = /* @__PURE__
         }, null, 8, ["name"]),
         A(
           "p",
-          M,
+          H,
           $(e.label),
           1
           /* TEXT */
         ),
         O(s.$slots, "default"),
-        C(H, {
+        C(W, {
           variant: "ghost",
           inverse: e.variant === "dark",
           size: "lg",
           "left-icon": "close",
-          onClick: r[0] || (r[0] = (c) => s.$emit("handle-close"))
+          onClick: r[0] || (r[0] = (i) => s.$emit("handle-close"))
         }, null, 8, ["inverse"])
       ],
       2
       /* CLASS */
     ));
   }
-}), J = /* @__PURE__ */ new Set(["PvIcon", "PvPopoverMenu", "PvPopover"]);
-function q(e) {
-  return !J.has(e);
+}), G = /* @__PURE__ */ new Set(["PvIcon", "PvPopoverMenu", "PvPopover"]);
+function J(e) {
+  return !G.has(e);
 }
 function S(e, t) {
   const n = document.querySelector('link[href*="' + t + '"]');
@@ -187,7 +187,7 @@ function S(e, t) {
   }
   return !1;
 }
-function U(e) {
+function q(e) {
   if (!S(e, "pit-viper-v2")) {
     if (S(e, "pit-viper")) {
       S(e, "pit-viper-v2-scoped");
@@ -198,19 +198,19 @@ function U(e) {
     );
   }
 }
-const Z = (e) => ({ shadowRoot: q(e) });
-function F(e, t) {
+const U = (e) => ({ shadowRoot: J(e) });
+function Z(e, t) {
   return t === null ? !1 : t === "" || t === "true" ? !0 : (t === "false" || console.warn(
     `Invalid boolean attribute value for "${e}": "${t}". Expected "true", "false", or empty string.`
   ), !1);
 }
-function K(e, t) {
+function F(e, t) {
   const n = Number(t);
   return isNaN(n) && console.warn(`Invalid number attribute value for "${e}": "${t}". Expected a valid number.`), n;
 }
-function Q(e) {
-  const t = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set(), s = /* @__PURE__ */ new Set(), c = (e.__vccOpts || e).props;
-  return c && typeof c == "object" && Object.entries(c).forEach(([d, o]) => {
+function K(e) {
+  const t = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set(), s = /* @__PURE__ */ new Set(), i = (e.__vccOpts || e).props;
+  return i && typeof i == "object" && Object.entries(i).forEach(([d, o]) => {
     o === Boolean || o && o.type === Boolean ? t.add(d) : o === Number || o && o.type === Number ? n.add(d) : (o === Object || o === Array || o && (o.type === Object || o.type === Array)) && s.add(d);
   }), { booleanProps: t, numberProps: n, jsonProps: s };
 }
@@ -223,11 +223,11 @@ function I(e, t) {
     ), null;
   }
 }
-function X(e) {
+function Q(e) {
   const t = e.__name || e.name;
   if (!t)
     throw new Error("Component must have a __name or name property");
-  const n = T(e, Z(t)), { booleanProps: s, numberProps: r, jsonProps: c } = Q(e);
+  const n = T(e, U(t)), { booleanProps: s, numberProps: r, jsonProps: i } = K(e);
   class d extends n {
     _hiddenInput = null;
     constructor() {
@@ -244,23 +244,23 @@ function X(e) {
       this._hiddenInput && (this._hiddenInput.value = u ?? "");
     }
     _parseAttributes() {
-      s.forEach((i) => {
-        const a = this.getAttribute(i);
-        this[i] = F(i, a);
-      }), r.forEach((i) => {
-        const a = this.getAttribute(i);
-        a !== null && (this[i] = K(i, a));
-      }), c.forEach((i) => {
-        const a = this.getAttribute(i);
-        if (a !== null) {
-          const p = I(i, a);
-          p !== null && (this[i] = p);
+      s.forEach((a) => {
+        const l = this.getAttribute(a);
+        this[a] = Z(a, l);
+      }), r.forEach((a) => {
+        const l = this.getAttribute(a);
+        l !== null && (this[a] = F(a, l));
+      }), i.forEach((a) => {
+        const l = this.getAttribute(a);
+        if (l !== null) {
+          const p = I(a, l);
+          p !== null && (this[a] = 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 h = this.getAttribute(a);
+      u && u.split(",").map((l) => l.trim()).filter(Boolean).forEach((l) => {
+        const p = l.replace(/-([a-z])/g, (f) => f[1].toUpperCase());
+        let h = this.getAttribute(l);
         if (h === null) {
           const f = p.replace(/([A-Z])/g, "-$1").toLowerCase();
           h = this.getAttribute(f);
@@ -272,21 +272,21 @@ function X(e) {
       });
     }
     connectedCallback() {
-      this._parseAttributes(), super.connectedCallback?.(), U(this);
+      this._parseAttributes(), super.connectedCallback?.(), q(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 d;
 }
-function Y(e) {
+function X(e) {
   return e.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "");
 }
-function ee(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 = Y(t), s = X(e);
+  const n = X(t), s = Q(e);
   customElements.get(n) || customElements.define(n, s);
 }
-ee(G);
+Y(M);