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

package/pv-components/dist/web/components/pv-insight-card/pv-insight-card.js

@@ -7,10 +7,10 @@ const L = /* @__PURE__ */ g({
     interactive: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const e = t, n = b(() => e.href ? "a" : e.interactive ? "button" : "div"), s = b(() => e.href || e.interactive ? "button" : "div");
-    return (r, c) => (i(), v(x(n.value), {
+    const e = t, n = b(() => e.href ? "a" : e.interactive ? "button" : "div"), r = b(() => e.href || e.interactive ? "button" : "div");
+    return (s, o) => (i(), v(x(n.value), {
       href: t.href,
-      type: s.value,
+      type: r.value,
       class: S([
         "pv-card pv-inset-square-8 pv-inline-block",
         {
@@ -20,7 +20,7 @@ const L = /* @__PURE__ */ g({
       "data-testid": "pv-card"
     }, {
       default: $(() => [
-        A(r.$slots, "default")
+        A(s.$slots, "default")
       ]),
       _: 3
       /* FORWARDED */
@@ -38,19 +38,19 @@ const D = [void 0, 10, 12, 20, 24, 32, 64], R = ["xlink:href"], P = /* @__PURE__
     size: { type: null }
   },
   setup(t) {
-    const e = t, n = N(), s = w(null), r = b(() => ({
+    const e = t, n = N(), r = w(null), s = b(() => ({
       "pv-icon": !0,
       [`pv-icon-${e.size}`]: D.includes(e.size)
-    })), c = b(() => n.value && s.value ? `${s.value}#${e.name}` : `#${e.name}`);
-    return globalThis.__PV_GLOBAL_SPRITE_PATH__ && (s.value = globalThis.__PV_GLOBAL_SPRITE_PATH__), (h, o) => (i(), p(
+    })), o = b(() => n.value && r.value ? `${r.value}#${e.name}` : `#${e.name}`);
+    return globalThis.__PV_GLOBAL_SPRITE_PATH__ && (r.value = globalThis.__PV_GLOBAL_SPRITE_PATH__), (h, a) => (i(), p(
       "svg",
       {
         "data-testid": "pv-icon",
         "aria-hidden": "true",
-        class: S(r.value)
+        class: S(s.value)
       },
       [
-        k("use", { "xlink:href": c.value }, null, 8, R)
+        k("use", { "xlink:href": o.value }, null, 8, R)
       ],
       2
       /* CLASS */
@@ -74,7 +74,7 @@ const D = [void 0, 10, 12, 20, 24, 32, 64], R = ["xlink:href"], P = /* @__PURE__
       dark: "pv-spinner-dark",
       white: "pv-spinner-light"
     };
-    return (s, r) => (i(), p(
+    return (r, s) => (i(), p(
       "div",
       {
         "data-testid": "pv-spinner",
@@ -86,14 +86,14 @@ const D = [void 0, 10, 12, 20, 24, 32, 64], R = ["xlink:href"], P = /* @__PURE__
       /* CLASS, STYLE */
     ));
   }
-}), M = ["ghost"], I = {
+}), I = {
   md: "pv-button-small",
   lg: void 0,
   xl: "pv-button-large"
-}, W = (t) => t == null || !I.hasOwnProperty(t) ? null : I[t] || null, H = ["disabled"], G = {
+}, M = (t) => t == null || !I.hasOwnProperty(t) ? null : I[t] || null, W = ["disabled"], H = {
   key: 1,
   "data-testid": "pv-button-label"
-}, q = /* @__PURE__ */ g({
+}, G = /* @__PURE__ */ g({
   __name: "PvButton",
   props: {
     variant: { default: "primary", type: String },
@@ -106,15 +106,15 @@ const D = [void 0, 10, 12, 20, 24, 32, 64], R = ["xlink:href"], P = /* @__PURE__
     inverse: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const e = t, n = b(() => {
+    const e = ["ghost"], n = t, r = b(() => {
       const s = [];
-      e.inverse && M.includes(e.variant) ? s.push(`pv-button-${e.variant}-inverse`) : s.push(`pv-button-${e.variant}`);
-      const r = W(e.size);
-      return r && s.push(r), s;
+      n.inverse && e.includes(n.variant) ? s.push(`pv-button-${n.variant}-inverse`) : s.push(`pv-button-${n.variant}`);
+      const o = M(n.size);
+      return o && s.push(o), s;
     });
-    return (s, r) => (i(), p("button", {
+    return (s, o) => (i(), p("button", {
       type: "button",
-      class: S(n.value),
+      class: S(r.value),
       disabled: t.disabled,
       "data-testid": "pv-button"
     }, [
@@ -132,7 +132,7 @@ const D = [void 0, 10, 12, 20, 24, 32, 64], R = ["xlink:href"], P = /* @__PURE__
           }, null, 8, ["name"])) : u("v-if", !0),
           t.label ? (i(), p(
             "span",
-            G,
+            H,
             y(t.label),
             1
             /* TEXT */
@@ -146,25 +146,25 @@ const D = [void 0, 10, 12, 20, 24, 32, 64], R = ["xlink:href"], P = /* @__PURE__
         64
         /* STABLE_FRAGMENT */
       ))
-    ], 10, H));
+    ], 10, W));
   }
-}), J = {
+}), q = {
   class: "pv-flex-vertical",
   style: { "--flex-align": "flex-start", "--flex-gap": "0.25rem" }
-}, U = {
+}, J = {
   key: 0,
   class: "pv-flex",
   style: { "--flex-gap": "0.25rem" }
-}, Z = { class: "pv-text-body-sm" }, F = {
+}, U = { class: "pv-text-body-sm" }, Z = {
   key: 1,
   class: "pv-text-body-sm pv-text-tertiary"
-}, K = {
+}, F = {
   key: 2,
   class: "pv-heading-2"
-}, Q = {
+}, K = {
   key: 3,
   class: "pv-text-body-md pv-text-secondary pv-text-subdued"
-}, X = /* @__PURE__ */ g({
+}, Q = /* @__PURE__ */ g({
   __name: "PvInsightCard",
   props: {
     icon: { default: "ai", type: String },
@@ -178,15 +178,15 @@ const D = [void 0, 10, 12, 20, 24, 32, 64], R = ["xlink:href"], P = /* @__PURE__
   emits: ["click", "icon-click"],
   setup(t) {
     const e = t, n = b(() => e.icon || e.insight);
-    return (s, r) => (i(), v(L, {
+    return (r, s) => (i(), v(L, {
       variant: "secondary",
       interactive: t.interactive,
-      onClick: r[1] || (r[1] = (c) => s.$emit("click")),
+      onClick: s[1] || (s[1] = (o) => r.$emit("click")),
       class: "pv-relative"
     }, {
       default: $(() => [
-        k("div", J, [
-          n.value ? (i(), p("div", U, [
+        k("div", q, [
+          n.value ? (i(), p("div", J, [
             t.icon ? (i(), v(P, {
               key: 0,
               style: { color: "#218c88" },
@@ -195,7 +195,7 @@ const D = [void 0, 10, 12, 20, 24, 32, 64], R = ["xlink:href"], P = /* @__PURE__
             }, null, 8, ["name"])) : u("v-if", !0),
             k(
               "span",
-              Z,
+              U,
               y(t.insight),
               1
               /* TEXT */
@@ -203,62 +203,62 @@ const D = [void 0, 10, 12, 20, 24, 32, 64], R = ["xlink:href"], P = /* @__PURE__
           ])) : u("v-if", !0),
           t.upperLabel ? (i(), p(
             "span",
-            F,
+            Z,
             y(t.upperLabel),
             1
             /* TEXT */
           )) : u("v-if", !0),
           t.title ? (i(), p(
             "span",
-            K,
+            F,
             y(t.title),
             1
             /* TEXT */
           )) : u("v-if", !0),
           t.description ? (i(), p(
             "span",
-            Q,
+            K,
             y(t.description),
             1
             /* TEXT */
           )) : u("v-if", !0)
         ]),
-        t.showButton ? (i(), v(q, {
+        t.showButton ? (i(), v(G, {
           key: 0,
           "left-icon": "new-tab",
           variant: "ghost",
           size: "md",
           class: "pv-insight-button",
-          onClick: r[0] || (r[0] = j((c) => s.$emit("icon-click"), ["stop"]))
+          onClick: s[0] || (s[0] = j((o) => r.$emit("icon-click"), ["stop"]))
         })) : u("v-if", !0)
       ]),
       _: 1
       /* STABLE */
     }, 8, ["interactive"]));
   }
-}), Y = ".pv-insight-button[data-v-6e9399e6]{position:absolute;top:.5rem;right:.5rem}", tt = (t, e) => {
+}), X = ".pv-insight-button[data-v-6e9399e6]{position:absolute;top:.5rem;right:.5rem}", Y = (t, e) => {
   const n = t.__vccOpts || t;
-  for (const [s, r] of e)
-    n[s] = r;
+  for (const [r, s] of e)
+    n[r] = s;
   return n;
-}, et = /* @__PURE__ */ tt(X, [["styles", [Y]], ["__scopeId", "data-v-6e9399e6"]]), nt = /* @__PURE__ */ new Set(["PvIcon", "PvPopoverMenu", "PvPopover"]);
-function st(t) {
-  return !nt.has(t);
+}, tt = /* @__PURE__ */ Y(Q, [["styles", [X]], ["__scopeId", "data-v-6e9399e6"]]), et = /* @__PURE__ */ new Set(["PvIcon", "PvPopoverMenu", "PvPopover"]);
+function nt(t) {
+  return !et.has(t);
 }
 function C(t, e) {
   const n = document.querySelector('link[href*="' + e + '"]');
   if (!t.shadowRoot)
     return !1;
   if (n && t.shadowRoot) {
-    const s = n.href;
-    if (t.shadowRoot.querySelector(`link[href="${s}"]`))
+    const r = n.href;
+    if (t.shadowRoot.querySelector(`link[href="${r}"]`))
       return;
-    const r = document.createElement("link");
-    return r.rel = "stylesheet", r.href = s, t.shadowRoot.prepend(r), !0;
+    const s = document.createElement("link");
+    return s.rel = "stylesheet", s.href = r, t.shadowRoot.prepend(s), !0;
   }
   return !1;
 }
-function rt(t) {
+function st(t) {
   if (!C(t, "pit-viper-v2")) {
     if (C(t, "pit-viper")) {
       C(t, "pit-viper-v2-scoped");
@@ -269,21 +269,21 @@ function rt(t) {
     );
   }
 }
-const it = (t) => ({ shadowRoot: st(t) });
-function ot(t, e) {
+const rt = (t) => ({ shadowRoot: nt(t) });
+function it(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 at(t, e) {
+function ot(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(), s = /* @__PURE__ */ new Set(), c = (t.__vccOpts || t).props;
-  return c && typeof c == "object" && Object.entries(c).forEach(([h, o]) => {
-    o === Boolean || o && o.type === Boolean ? e.add(h) : o === Number || o && o.type === Number ? n.add(h) : (o === Object || o === Array || o && (o.type === Object || o.type === Array)) && s.add(h);
-  }), { booleanProps: e, numberProps: n, jsonProps: s };
+function at(t) {
+  const e = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Set(), o = (t.__vccOpts || t).props;
+  return o && typeof o == "object" && Object.entries(o).forEach(([h, a]) => {
+    a === Boolean || a && a.type === Boolean ? e.add(h) : a === Number || a && a.type === Number ? n.add(h) : (a === Object || a === Array || a && (a.type === Object || a.type === Array)) && r.add(h);
+  }), { booleanProps: e, numberProps: n, jsonProps: r };
 }
 function E(t, e) {
   try {
@@ -294,11 +294,11 @@ function E(t, e) {
     ), null;
   }
 }
-function ct(t) {
+function lt(t) {
   const e = t.__name || t.name;
   if (!e)
     throw new Error("Component must have a __name or name property");
-  const n = T(t, it(e)), { booleanProps: s, numberProps: r, jsonProps: c } = lt(t);
+  const n = T(t, rt(e)), { booleanProps: r, numberProps: s, jsonProps: o } = at(t);
   class h extends n {
     _hiddenInput = null;
     constructor() {
@@ -315,23 +315,23 @@ function ct(t) {
       this._hiddenInput && (this._hiddenInput.value = d ?? "");
     }
     _parseAttributes() {
-      s.forEach((a) => {
-        const l = this.getAttribute(a);
-        this[a] = ot(a, l);
-      }), r.forEach((a) => {
-        const l = this.getAttribute(a);
-        l !== null && (this[a] = at(a, l));
-      }), c.forEach((a) => {
-        const l = this.getAttribute(a);
-        if (l !== null) {
-          const f = E(a, l);
-          f !== null && (this[a] = f);
+      r.forEach((l) => {
+        const c = this.getAttribute(l);
+        this[l] = it(l, c);
+      }), s.forEach((l) => {
+        const c = this.getAttribute(l);
+        c !== null && (this[l] = ot(l, c));
+      }), o.forEach((l) => {
+        const c = this.getAttribute(l);
+        if (c !== null) {
+          const f = E(l, c);
+          f !== null && (this[l] = f);
         }
       });
       const d = this.getAttribute("data-json-props");
-      d && d.split(",").map((l) => l.trim()).filter(Boolean).forEach((l) => {
-        const f = l.replace(/-([a-z])/g, (m) => m[1].toUpperCase());
-        let _ = this.getAttribute(l);
+      d && d.split(",").map((c) => c.trim()).filter(Boolean).forEach((c) => {
+        const f = c.replace(/-([a-z])/g, (m) => m[1].toUpperCase());
+        let _ = this.getAttribute(c);
         if (_ === null) {
           const m = f.replace(/([A-Z])/g, "-$1").toLowerCase();
           _ = this.getAttribute(m);
@@ -343,21 +343,21 @@ function ct(t) {
       });
     }
     connectedCallback() {
-      this._parseAttributes(), super.connectedCallback?.(), rt(this);
+      this._parseAttributes(), super.connectedCallback?.(), st(this);
       const d = this.getAttribute("name");
       d && (this._hiddenInput = document.createElement("input"), this._hiddenInput.type = "hidden", this._hiddenInput.name = d, this.after(this._hiddenInput));
     }
   }
   return h;
 }
-function ut(t) {
+function ct(t) {
   return t.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "");
 }
-function pt(t) {
+function ut(t) {
   const e = t.__name || t.name;
   if (!e)
     throw new Error("Component must have a __name or name property");
-  const n = ut(e), s = ct(t);
-  customElements.get(n) || customElements.define(n, s);
+  const n = ct(e), r = lt(t);
+  customElements.get(n) || customElements.define(n, r);
 }
-pt(et);
+ut(tt);