@turquoisehealth/pit-viper 2.150.1-dev.0 → 2.151.1-dev.0

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

@@ -1,4 +1,4 @@
-import { defineComponent as S, computed as v, createElementBlock as g, openBlock as p, normalizeClass as P, toDisplayString as A, ref as $, getCurrentInstance as I, createElementVNode as h, mergeModels as x, useModel as O, normalizeStyle as B, createBlock as y, createCommentVNode as b, renderSlot as C, Fragment as j, defineCustomElement as z } from "vue";
+import { defineComponent as S, computed as v, createElementBlock as y, openBlock as p, normalizeClass as P, toDisplayString as $, ref as k, getCurrentInstance as O, createElementVNode as h, mergeModels as x, useModel as j, normalizeStyle as w, createBlock as b, createCommentVNode as g, renderSlot as C, Fragment as B, defineCustomElement as z } from "vue";
 const N = /* @__PURE__ */ S({
   __name: "PvCounterBadge",
   props: {
@@ -9,7 +9,7 @@ const N = /* @__PURE__ */ S({
     maxValue: { default: 99, type: Number }
   },
   setup(e) {
-    const t = e, n = v(() => t.size == "md" ? "md" : (t.size == "sm", "sm")), o = v(() => t.maxValue && t.value && t.value > t.maxValue ? `${t.maxValue}+` : t.value != null ? `${t.prefix}${t.value}` : "-"), s = v(() => ({
+    const t = e, n = v(() => t.size == "md" ? "md" : (t.size == "sm", "sm")), s = v(() => t.maxValue && t.value && t.value > t.maxValue ? `${t.maxValue}+` : t.value != null ? `${t.prefix}${t.value}` : "-"), o = v(() => ({
       "pv-inline-block pv-inset-square pv-radius pv-text-center": !0,
       "pv-badge-md pv-text-body-md": n.value == "md",
       "pv-badge-sm pv-text-body-sm": n.value == "sm",
@@ -19,25 +19,25 @@ const N = /* @__PURE__ */ S({
       "pv-text-secondary": t.variant == "ghost" || t.variant == "tertiary",
       "pv-surface": t.variant == "ghost"
     }));
-    return (u, a) => (p(), g(
+    return (u, a) => (p(), y(
       "div",
       {
-        class: P(s.value),
+        class: P(o.value),
         "data-testid": "pv-counter-badge"
       },
-      A(o.value),
+      $(s.value),
       3
       /* TEXT, CLASS */
     ));
   }
-}), V = ".pv-badge-md[data-v-fc3c1104]{--inset-size: 2px 2px;min-height:20px;max-height:20px;min-width:20px;font-weight:500}.pv-badge-sm[data-v-fc3c1104]{--inset-size: 0 2px;min-height:16px;max-height:16px;min-width:16px;font-weight:500}.pv-surface-lighten-5[data-v-fc3c1104]{background-color:#e0e5e4}.pv-text-secondary[data-v-fc3c1104]{color:#4b595c}", k = (e, t) => {
+}), V = ".pv-badge-md[data-v-fc3c1104]{--inset-size: 2px 2px;min-height:20px;max-height:20px;min-width:20px;font-weight:500}.pv-badge-sm[data-v-fc3c1104]{--inset-size: 0 2px;min-height:16px;max-height:16px;min-width:16px;font-weight:500}.pv-surface-lighten-5[data-v-fc3c1104]{background-color:#e0e5e4}.pv-text-secondary[data-v-fc3c1104]{color:#4b595c}", I = (e, t) => {
   const n = e.__vccOpts || e;
-  for (const [o, s] of t)
-    n[o] = s;
+  for (const [s, o] of t)
+    n[s] = o;
   return n;
-}, T = /* @__PURE__ */ k(N, [["styles", [V]], ["__scopeId", "data-v-fc3c1104"]]);
+}, T = /* @__PURE__ */ I(N, [["styles", [V]], ["__scopeId", "data-v-fc3c1104"]]);
 function M() {
-  const e = $(!1), n = I()?.root || {};
+  const e = k(!1), n = O()?.root || {};
   return "isCE" in n && n.isCE === !0 && (e.value = !0), e;
 }
 const W = [void 0, 10, 12, 20, 24, 32, 64], L = ["xlink:href"], E = /* @__PURE__ */ S({
@@ -47,16 +47,16 @@ const W = [void 0, 10, 12, 20, 24, 32, 64], L = ["xlink:href"], E = /* @__PURE__
     size: { type: null }
   },
   setup(e) {
-    const t = e, n = M(), o = $(null), s = v(() => ({
+    const t = e, n = M(), s = k(null), o = v(() => ({
       "pv-icon": !0,
       [`pv-icon-${t.size}`]: W.includes(t.size)
-    })), u = v(() => n.value && o.value ? `${o.value}#${t.name}` : `#${t.name}`);
-    return globalThis.__PV_GLOBAL_SPRITE_PATH__ && (o.value = globalThis.__PV_GLOBAL_SPRITE_PATH__), (a, r) => (p(), g(
+    })), u = v(() => n.value && s.value ? `${s.value}#${t.name}` : `#${t.name}`);
+    return globalThis.__PV_GLOBAL_SPRITE_PATH__ && (s.value = globalThis.__PV_GLOBAL_SPRITE_PATH__), (a, r) => (p(), y(
       "svg",
       {
         "data-testid": "pv-icon",
         "aria-hidden": "true",
-        class: P(s.value)
+        class: P(o.value)
       },
       [
         h("use", { "xlink:href": u.value }, null, 8, L)
@@ -76,75 +76,84 @@ const W = [void 0, 10, 12, 20, 24, 32, 64], L = ["xlink:href"], E = /* @__PURE__
     enableTriggerFullWidth: { type: Boolean, default: !1 },
     header: { type: String },
     summaryStyles: { type: Object },
-    summaryClasses: { type: Object }
+    summaryClasses: { type: Object },
+    contentStyles: { type: Object }
   }, {
     modelValue: { type: Boolean },
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ x(["summary-mouseenter", "summary-mouseleave"], ["update:modelValue"]),
   setup(e) {
-    const t = e, n = O(e, "modelValue");
+    const t = e, n = j(e, "modelValue");
     t.defaultOpen !== void 0 && (n.value = t.defaultOpen);
-    const o = (a) => {
+    const s = (a) => {
       const r = a.target;
       n.value = r.open;
-    }, s = {
+    }, o = {
       width: t.enableTriggerFullWidth ? "100%" : "fit-content"
     }, u = v(() => t.chevronVariant === "horizontal" ? t.chevronPosition === "left" ? n.value ? "chevron-down" : "chevron-right" : n.value ? "chevron-down" : "chevron-left" : n.value ? "chevron-up" : "chevron-down");
-    return (a, r) => (p(), g("details", {
+    return (a, r) => (p(), y("details", {
       "data-testid": "pv-accordion",
       class: "pv-accordion",
       open: n.value,
-      onToggle: o
+      onToggle: s
     }, [
       h(
         "summary",
         {
-          class: P(["pv-flex pv-relative", e.summaryClasses]),
-          style: B({ ...s, ...e.summaryStyles }),
+          class: P(["pv-flex pv-space-between pv-relative", e.summaryClasses]),
+          style: w({ ...o, ...e.summaryStyles }),
           onMouseenter: r[0] || (r[0] = (c) => a.$emit("summary-mouseenter")),
           onMouseleave: r[1] || (r[1] = (c) => a.$emit("summary-mouseleave"))
         },
         [
-          e.chevronPosition === "left" ? (p(), y(E, {
+          e.chevronPosition === "left" ? (p(), b(E, {
             key: 0,
             name: u.value
-          }, null, 8, ["name"])) : b("v-if", !0),
-          e.enableTriggerSlot ? C(a.$slots, "trigger", { key: 1 }, void 0, !0) : (p(), g(
-            j,
+          }, null, 8, ["name"])) : g("v-if", !0),
+          e.enableTriggerSlot ? C(a.$slots, "trigger", { key: 1 }, void 0, !0) : (p(), y(
+            B,
             { key: 2 },
             [
               h(
                 "span",
                 null,
-                A(e.header),
+                $(e.header),
                 1
                 /* TEXT */
               ),
-              e.counter ? (p(), y(T, {
+              e.counter ? (p(), b(T, {
                 key: 0,
                 value: e.counter,
                 variant: "secondary",
                 size: "sm"
-              }, null, 8, ["value"])) : b("v-if", !0)
+              }, null, 8, ["value"])) : g("v-if", !0)
             ],
             64
             /* STABLE_FRAGMENT */
           )),
-          e.chevronPosition === "right" ? (p(), y(E, {
+          e.chevronPosition === "right" ? (p(), b(E, {
             key: 3,
             name: u.value
-          }, null, 8, ["name"])) : b("v-if", !0)
+          }, null, 8, ["name"])) : g("v-if", !0)
         ],
         38
         /* CLASS, STYLE, NEED_HYDRATION */
       ),
-      h("div", null, [
-        C(a.$slots, "default", {}, void 0, !0)
-      ])
+      h(
+        "div",
+        {
+          style: w(e.contentStyles)
+        },
+        [
+          C(a.$slots, "default", {}, void 0, !0)
+        ],
+        4
+        /* STYLE */
+      )
     ], 40, R));
   }
-}), H = "summary[data-v-44e236cd]{background-image:none;padding-right:2px}", G = /* @__PURE__ */ k(D, [["styles", [H]], ["__scopeId", "data-v-44e236cd"]]), q = /* @__PURE__ */ new Set(["PvIcon", "PvPopoverMenu", "PvPopover"]);
+}), H = "summary[data-v-bb9613de]{background-image:none;padding-right:2px}", G = /* @__PURE__ */ I(D, [["styles", [H]], ["__scopeId", "data-v-bb9613de"]]), q = /* @__PURE__ */ new Set(["PvIcon", "PvPopoverMenu", "PvPopover"]);
 function F(e) {
   return !q.has(e);
 }
@@ -153,11 +162,11 @@ function _(e, t) {
   if (!e.shadowRoot)
     return !1;
   if (n && e.shadowRoot) {
-    const o = n.href;
-    if (e.shadowRoot.querySelector(`link[href="${o}"]`))
+    const s = n.href;
+    if (e.shadowRoot.querySelector(`link[href="${s}"]`))
       return;
-    const s = document.createElement("link");
-    return s.rel = "stylesheet", s.href = o, e.shadowRoot.prepend(s), !0;
+    const o = document.createElement("link");
+    return o.rel = "stylesheet", o.href = s, e.shadowRoot.prepend(o), !0;
   }
   return !1;
 }
@@ -183,12 +192,12 @@ function K(e, 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(), o = /* @__PURE__ */ new Set(), u = (e.__vccOpts || e).props;
+  const t = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set(), s = /* @__PURE__ */ new Set(), u = (e.__vccOpts || e).props;
   return u && typeof u == "object" && Object.entries(u).forEach(([a, r]) => {
-    r === Boolean || r && r.type === Boolean ? t.add(a) : r === Number || r && r.type === Number ? n.add(a) : (r === Object || r === Array || r && (r.type === Object || r.type === Array)) && o.add(a);
-  }), { booleanProps: t, numberProps: n, jsonProps: o };
+    r === Boolean || r && r.type === Boolean ? t.add(a) : r === Number || r && r.type === Number ? n.add(a) : (r === Object || r === Array || r && (r.type === Object || r.type === Array)) && s.add(a);
+  }), { booleanProps: t, numberProps: n, jsonProps: s };
 }
-function w(e, t) {
+function A(e, t) {
   try {
     return JSON.parse(t);
   } catch (n) {
@@ -201,7 +210,7 @@ function X(e) {
   const t = e.__name || e.name;
   if (!t)
     throw new Error("Component must have a __name or name property");
-  const n = z(e, U(t)), { booleanProps: o, numberProps: s, jsonProps: u } = Q(e);
+  const n = z(e, U(t)), { booleanProps: s, numberProps: o, jsonProps: u } = Q(e);
   class a extends n {
     _hiddenInput = null;
     constructor() {
@@ -218,16 +227,16 @@ function X(e) {
       this._hiddenInput && (this._hiddenInput.value = c ?? "");
     }
     _parseAttributes() {
-      o.forEach((i) => {
+      s.forEach((i) => {
         const l = this.getAttribute(i);
         this[i] = Z(i, l);
-      }), s.forEach((i) => {
+      }), o.forEach((i) => {
         const l = this.getAttribute(i);
         l !== null && (this[i] = K(i, l));
       }), u.forEach((i) => {
         const l = this.getAttribute(i);
         if (l !== null) {
-          const d = w(i, l);
+          const d = A(i, l);
           d !== null && (this[i] = d);
         }
       });
@@ -240,7 +249,7 @@ function X(e) {
           f = this.getAttribute(m);
         }
         if (f !== null && !this[d]) {
-          const m = w(d, f);
+          const m = A(d, f);
           m !== null && (this[d] = m);
         }
       });
@@ -260,7 +269,7 @@ function ee(e) {
   const t = e.__name || e.name;
   if (!t)
     throw new Error("Component must have a __name or name property");
-  const n = Y(t), o = X(e);
-  customElements.get(n) || customElements.define(n, o);
+  const n = Y(t), s = X(e);
+  customElements.get(n) || customElements.define(n, s);
 }
 ee(G);