@turquoisehealth/pit-viper 2.71.1-dev.2 → 2.71.1-dev.4

package/pv-components/dist/vue/base/pv-components-base.mjs

@@ -10648,18 +10648,46 @@ const ei = /* @__PURE__ */ Ue(Cc, [["render", xc]]), Bc = ["src"], Pc = /* @__PU
   useTeleport: e = !0,
   popoverCssProperties: o
 } = {}) => {
-  const r = be(null), n = be(null), a = be(null), i = be(null), s = U(() => !r.value || !n.value ? 0 : t === "right" || t === "top right" ? r.value.left + r.value.width : r.value.left), l = U(() => !r.value || !n.value ? 0 : t === "top" || t === "top right" ? r.value.top + window.scrollY : r.value.top + window.scrollY + r.value.height), u = U(() => {
+  const r = be(null), n = be(null), a = be(null), i = be(null), s = (f) => {
+    let p = f.parentElement;
+    for (; p && p !== document.body; ) {
+      if (window.getComputedStyle(p).position !== "static")
+        return p;
+      p = p.parentElement;
+    }
+    return null;
+  }, l = U(() => {
+    if (!r.value || !n.value || !i.value?.popoverRoot) return 0;
+    let f = r.value.left;
+    (t === "right" || t === "top right") && (f = r.value.left + r.value.width);
+    const p = s(i.value.popoverRoot);
+    if (p) {
+      const m = p.getBoundingClientRect();
+      f -= m.left;
+    }
+    return f;
+  }), u = U(() => {
+    if (!r.value || !n.value || !i.value?.popoverRoot) return 0;
+    let f = r.value.top + window.scrollY;
+    t === "top" || t === "top right" || (f += r.value.height);
+    const p = s(i.value.popoverRoot);
+    if (p) {
+      const m = p.getBoundingClientRect();
+      f -= m.top + window.scrollY;
+    }
+    return f;
+  }), d = U(() => {
     if (!e)
       return o;
-    const c = {
+    const f = {
       position: "absolute",
-      left: `${s.value}px`,
-      top: `${l.value}px`,
+      left: `${l.value}px`,
+      top: `${u.value}px`,
       zIndex: 10
     };
     return {
       ...o,
-      ...c
+      ...f
     };
   });
   return {
@@ -10667,7 +10695,7 @@ const ei = /* @__PURE__ */ Ue(Cc, [["render", xc]]), Bc = ["src"], Pc = /* @__PU
     popoverRef: i,
     triggerRect: r,
     popoverRect: n,
-    popoverPositionStyle: u,
+    popoverPositionStyle: d,
     updateRects: () => {
       a.value && (r.value = a.value.getBoundingClientRect()), i.value?.popoverRoot && (n.value = i.value.popoverRoot.getBoundingClientRect());
     }
@@ -12209,11 +12237,13 @@ const ow = /* @__PURE__ */ H({
     const e = {
       info: "pv-toast-info",
       success: "pv-toast-success",
-      error: "pv-toast-error"
+      error: "pv-toast-error",
+      dark: "pv-toast-dark"
     }, o = {
       info: "check-circle",
       success: "check-circle",
-      error: "alert-circle"
+      error: "alert-circle",
+      dark: "ai"
     };
     return (r, n) => (h(), v("div", {
       class: X(e[r.variant])