@quoreadmin/ui 1.10.4 → 1.10.6

package/dist/index131.js

@@ -1,4 +1,4 @@
-import { defineComponent as A, useSlots as U, ref as g, computed as u, onMounted as G, onUnmounted as I, resolveComponent as J, openBlock as w, createElementBlock as p, normalizeClass as a, createElementVNode as r, normalizeStyle as C, unref as B, renderSlot as i, createCommentVNode as T, createVNode as P } from "vue";
+import { defineComponent as A, useSlots as U, ref as g, computed as c, onMounted as G, onUnmounted as I, resolveComponent as J, openBlock as w, createElementBlock as p, normalizeClass as a, createElementVNode as r, normalizeStyle as C, unref as B, renderSlot as u, createCommentVNode as $, createVNode as P } from "vue";
 import s from "./index57.js";
 const Q = { class: "flex-grow m-0 font-bold sm-down:text-md md:text-lg leading-none text-left" }, X = 100, Z = "4.5rem", _ = "4.8125rem", O = 80, le = /* @__PURE__ */ A({
   __name: "page-layout",
@@ -27,18 +27,18 @@ const Q = { class: "flex-grow m-0 font-bold sm-down:text-md md:text-lg leading-n
   },
   emits: ["update:sidebarCollapsed"],
   setup(o, { expose: R, emit: q }) {
-    const l = o, K = q, D = U(), b = g(null), c = g(!0), n = g(!1), m = g(!1), $ = g(!1), k = g(0);
-    let y = 0, x = !1, S = 0;
-    const v = u(() => !!D.sidebar), f = u(() => l.headerFixed !== void 0 ? l.headerFixed : v.value), d = u({
+    const l = o, K = q, D = U(), b = g(null), m = g(!0), n = g(!1), v = g(!1), S = g(!1), k = g(0);
+    let y = 0, x = !1, H = 0;
+    const f = c(() => !!D.sidebar), h = c(() => l.headerFixed !== void 0 ? l.headerFixed : f.value), d = c({
       get: () => l.sidebarCollapsed,
       set: (e) => K("update:sidebarCollapsed", e)
-    }), N = u(
-      () => v.value && l.sidebarCollapsible && s.md
-    ), E = u(
+    }), N = c(
+      () => f.value && l.sidebarCollapsible && s.md
+    ), E = c(
       () => `${l.headerTop + O}px`
-    ), V = u(
+    ), V = c(
       () => `calc(100vh - ${l.headerTop + O}px)`
-    ), z = u(
+    ), z = c(
       () => d.value ? l.sidebarCollapsedWidth : l.sidebarWidth
     ), F = () => {
       const e = b.value, t = !s.md && e;
@@ -47,41 +47,46 @@ const Q = { class: "flex-grow m-0 font-bold sm-down:text-md md:text-lg leading-n
         atTop: t ? e.scrollTop <= 0 : window.scrollY <= 0,
         atBottom: t ? e.scrollTop + e.clientHeight >= e.scrollHeight : window.scrollY + window.innerHeight >= document.documentElement.scrollHeight
       };
-    }, H = () => {
+    }, T = () => {
       x || (window.requestAnimationFrame(() => {
-        const { scrollY: e, atTop: t, atBottom: h } = F();
-        if (c.value = t, n.value = h, l.headerHideOnScroll && (f.value || !s.md)) {
+        const { scrollY: e, atTop: t, atBottom: i } = F();
+        if (m.value = t, n.value = i, l.headerHideOnScroll && (h.value || !s.md)) {
           if (e <= l.headerHideScrollThreshold) {
-            m.value = !1, y = e, x = !1;
+            v.value = !1, y = e, x = !1;
             return;
           }
-          if (h) {
+          if (i) {
             y = e, x = !1;
             return;
           }
-          const j = Math.max(0, e), M = j - y;
-          Math.abs(M) > 15 && (m.value = M > 0, y = j);
+          const W = Math.max(0, e), j = W - y;
+          Math.abs(j) > 15 && (v.value = j > 0, y = W);
         } else
-          m.value = !1;
+          v.value = !1;
         x = !1;
       }), x = !0);
     }, Y = () => {
       d.value = !d.value;
     }, L = () => {
       if (!l.adjustForKeyboard || s.md) return;
-      const e = window.visualViewport?.height ?? window.innerHeight, t = S - e;
-      t <= X ? (S = window.innerHeight, k.value = 0) : k.value = t;
+      const e = window.visualViewport?.height ?? window.innerHeight, t = H - e;
+      if (t <= X)
+        H = window.innerHeight, k.value = 0;
+      else {
+        const i = Math.max(0, H - window.innerHeight);
+        k.value = Math.max(0, t - i);
+      }
     };
     return G(() => {
-      S = window.innerHeight, window.addEventListener("scroll", H, { passive: !0 }), b.value && b.value.addEventListener("scroll", H, {
+      H = window.innerHeight, window.addEventListener("scroll", T, { passive: !0 }), b.value && b.value.addEventListener("scroll", T, {
         passive: !0
       });
-      const { scrollY: e, atTop: t, atBottom: h } = F();
-      y = e, c.value = t, n.value = h, l.adjustForKeyboard && window.visualViewport?.addEventListener("resize", L);
+      const { scrollY: e, atTop: t, atBottom: i } = F();
+      y = e, m.value = t, n.value = i, l.adjustForKeyboard && window.visualViewport?.addEventListener("resize", L);
     }), I(() => {
-      window.removeEventListener("scroll", H), b.value?.removeEventListener("scroll", H), window.visualViewport?.removeEventListener("resize", L);
-    }), R({ scrolledToTop: c, scrolledToBottom: n, headerHidden: m, keyboardOffset: k }), (e, t) => {
-      const h = J("q-icon");
+      window.removeEventListener("scroll", T), b.value?.removeEventListener("scroll", T), window.visualViewport?.removeEventListener("resize", L);
+    }), R({ scrolledToTop: m, scrolledToBottom: n, headerHidden: v, keyboardOffset: k }), (e, t) => {
+      const i = J("q-icon");
       return w(), p("div", {
         class: a([
           "page-layout",
@@ -94,10 +99,10 @@ const Q = { class: "flex-grow m-0 font-bold sm-down:text-md md:text-lg leading-n
             "page-layout__header",
             "flex items-center justify-center",
             B(s).md ? `bg-${o.containerBackgroundColor}` : "",
-            f.value ? "fixed left-0 w-full sm-down:z-50 md:z-[45] md:pt-6 md:px-6" : "md:mb-4 relative sm-down:absolute sm-down:top-0 sm-down:inset-x-0 sm-down:z-50",
-            { "page-layout__header--hidden": m.value }
+            h.value ? "fixed left-0 w-full sm-down:z-50 md:z-[45] md:pt-6 md:px-6" : "md:mb-4 relative sm-down:absolute sm-down:top-0 sm-down:inset-x-0 sm-down:z-50",
+            { "page-layout__header--hidden": v.value }
           ]),
-          style: C(f.value ? { top: `${o.headerTop}px` } : void 0)
+          style: C(h.value ? { top: `${o.headerTop}px` } : void 0)
         }, [
           r("div", {
             class: a([
@@ -109,17 +114,17 @@ const Q = { class: "flex-grow m-0 font-bold sm-down:text-md md:text-lg leading-n
               `text-${o.headerColor}`,
               o.headerBarClass,
               {
-                "md:shadow-[0_0.375rem_0.5rem_0_rgba(0,0,0,0.05)] md:shadow-gray-20": f.value && (!c.value || o.headerShowShadow)
+                "md:shadow-[0_0.375rem_0.5rem_0_rgba(0,0,0,0.05)] md:shadow-gray-20": h.value && (!m.value || o.headerShowShadow)
               }
             ])
           }, [
             r("h1", Q, [
-              i(e.$slots, "header", {
-                scrolledToTop: c.value,
+              u(e.$slots, "header", {
+                scrolledToTop: m.value,
                 scrolledToBottom: n.value
               }, void 0, !0)
             ]),
-            i(e.$slots, "header-actions", {}, void 0, !0)
+            u(e.$slots, "header-actions", {}, void 0, !0)
           ], 2)
         ], 6),
         r("div", {
@@ -129,12 +134,12 @@ const Q = { class: "flex-grow m-0 font-bold sm-down:text-md md:text-lg leading-n
             "page-layout__content",
             "sm-down:absolute sm-down:left-0 sm-down:right-0",
             "sm-down:overflow-y-auto sm-down:scroll-smooth sm-down:overscroll-none",
-            { "md:pt-[4.5rem]": f.value },
-            { "md:mb-[0.5rem]": f.value && l.footerVisible },
+            { "md:pt-[4.5rem]": h.value },
+            { "md:mb-[0.5rem]": h.value && l.footerVisible },
             o.contentClass
           ]),
           style: C({
-            "--sm-top": m.value ? "0px" : Z,
+            "--sm-top": v.value ? "0px" : Z,
             "--sm-bottom": l.footerVisible ? _ : "0px",
             "--keyboard-offset": `${k.value}px`
           })
@@ -142,10 +147,10 @@ const Q = { class: "flex-grow m-0 font-bold sm-down:text-md md:text-lg leading-n
           r("div", {
             class: a([
               "page-layout__content-inner",
-              { "md:flex md:gap-4": v.value }
+              { "md:flex md:gap-4": f.value }
             ])
           }, [
-            v.value && B(s).md ? (w(), p("div", {
+            f.value && B(s).md ? (w(), p("div", {
               key: 0,
               class: a([
                 "page-layout__sidebar",
@@ -155,8 +160,8 @@ const Q = { class: "flex-grow m-0 font-bold sm-down:text-md md:text-lg leading-n
                 { "!overflow-hidden": d.value },
                 o.sidebarClass
               ]),
-              onMouseenter: t[0] || (t[0] = (W) => $.value = !0),
-              onMouseleave: t[1] || (t[1] = (W) => $.value = !1)
+              onMouseenter: t[0] || (t[0] = (M) => S.value = !0),
+              onMouseleave: t[1] || (t[1] = (M) => S.value = !1)
             }, [
               r("div", {
                 class: a([
@@ -171,7 +176,7 @@ const Q = { class: "flex-grow m-0 font-bold sm-down:text-md md:text-lg leading-n
                   height: V.value
                 })
               }, [
-                i(e.$slots, "sidebar", {}, void 0, !0)
+                u(e.$slots, "sidebar", {}, void 0, !0)
               ], 6),
               d.value ? (w(), p("div", {
                 key: 0,
@@ -181,8 +186,8 @@ const Q = { class: "flex-grow m-0 font-bold sm-down:text-md md:text-lg leading-n
                   height: `calc(${V.value} - 2.5rem)`
                 }),
                 onClick: Y
-              }, null, 4)) : T("", !0),
-              N.value && ($.value || d.value) ? (w(), p("div", {
+              }, null, 4)) : $("", !0),
+              N.value && (S.value || d.value) ? (w(), p("div", {
                 key: 1,
                 class: a([
                   "page-layout__sidebar-toggle",
@@ -199,8 +204,8 @@ const Q = { class: "flex-grow m-0 font-bold sm-down:text-md md:text-lg leading-n
                 }),
                 onClick: Y
               }, [
-                i(e.$slots, "sidebar-toggle", { collapsed: d.value }, () => [
-                  P(h, {
+                u(e.$slots, "sidebar-toggle", { collapsed: d.value }, () => [
+                  P(i, {
                     icon: "double-chevron-right",
                     color: "inkwell-30",
                     type: "",
@@ -211,25 +216,25 @@ const Q = { class: "flex-grow m-0 font-bold sm-down:text-md md:text-lg leading-n
                     ])
                   }, null, 8, ["class"])
                 ], !0)
-              ], 6)) : T("", !0)
-            ], 34)) : T("", !0),
+              ], 6)) : $("", !0)
+            ], 34)) : $("", !0),
             r("div", {
               class: a([
                 "page-layout__main",
                 "block w-full grow leading-normal",
-                { "md:mb-4": v.value },
+                { "md:mb-4": f.value },
                 o.mainClass
               ])
             }, [
-              i(e.$slots, "default", {
+              u(e.$slots, "default", {
                 sidebarCollapsed: d.value,
-                scrolledToTop: c.value,
+                scrolledToTop: m.value,
                 scrolledToBottom: n.value
               }, void 0, !0)
             ], 2)
           ], 2)
         ], 6),
-        i(e.$slots, "overlay", {}, void 0, !0),
+        u(e.$slots, "overlay", {}, void 0, !0),
         l.footerVisible ? (w(), p("div", {
           key: 0,
           class: a([
@@ -249,7 +254,7 @@ const Q = { class: "flex-grow m-0 font-bold sm-down:text-md md:text-lg leading-n
             r("div", {
               class: a([
                 "shrink-0 w-0 transition-[width] duration-300",
-                v.value ? z.value : "hidden"
+                f.value ? z.value : "hidden"
               ])
             }, null, 2),
             r("div", {
@@ -269,14 +274,14 @@ const Q = { class: "flex-grow m-0 font-bold sm-down:text-md md:text-lg leading-n
                   o.footerBarClass
                 ])
               }, [
-                i(e.$slots, "footer", { scrolledToBottom: n.value }, void 0, !0)
+                u(e.$slots, "footer", { scrolledToBottom: n.value }, void 0, !0)
               ], 2)
             ], 2)
-          ], 2)) : i(e.$slots, "footer", {
+          ], 2)) : u(e.$slots, "footer", {
             key: 1,
             scrolledToBottom: n.value
           }, void 0, !0)
-        ], 2)) : T("", !0)
+        ], 2)) : $("", !0)
       ], 2);
     };
   }

package/dist/index138.js

@@ -1,7 +1,7 @@
-import { defineComponent as A, ref as h, computed as W, onMounted as Q, onUnmounted as F, watch as N, nextTick as O } from "vue";
-import { onClickOutside as k } from "./index173.js";
-import { useThrottleFn as I } from "./index184.js";
-const Z = A({
+import { defineComponent as _, ref as g, computed as O, onMounted as D, onUnmounted as G, watch as U, nextTick as k } from "vue";
+import { onClickOutside as q } from "./index173.js";
+import { useThrottleFn as x } from "./index184.js";
+const te = _({
   name: "QPopover",
   props: {
     /** Aligns the popover accordingly with the trigger.
@@ -84,175 +84,224 @@ const Z = A({
     }
   },
   emits: ["update:modelValue"],
-  setup(o, { emit: a }) {
-    const f = h(!1), d = h(""), s = h(null), g = h(null), V = h({
+  setup(o, { emit: m }) {
+    const h = g(!1), w = g(""), s = g(null), v = g(0), p = g(null), V = g({
       top: "0",
       left: "0",
       transform: "none"
-    }), p = W(() => f.value === !0 && o.reposition === !0 ? S(o.align) : o.align), y = W(() => f.value === !0 && o.reposition === !0 ? R(o.position) : o.position), S = (t) => {
+    }), H = O(() => (v.value, h.value === !0 && o.reposition === !0 ? B(o.align) : o.align)), E = O(() => (v.value, h.value === !0 && o.reposition === !0 ? C(o.position) : o.position)), B = (t) => {
       if (!s.value) return t;
       const e = o.teleport ? document.querySelector(".q-popover.teleported") : s.value.children[1];
-      if (!e || w(e)) return t;
-      const n = s.value.children[0].getBoundingClientRect(), u = e.getBoundingClientRect();
+      if (!e || S(e)) return t;
+      const n = s.value.children[0].getBoundingClientRect(), c = e.getBoundingClientRect();
       if (t === "left" || t === "right" || t === "center") {
         const l = n.left;
-        return window.innerWidth - l < u.width ? "right" : "left";
+        return window.innerWidth - l < c.width ? "right" : "left";
       } else {
         const l = n.top;
-        return window.innerHeight - l < u.height ? "bottom" : "top";
+        return window.innerHeight - l < c.height ? "bottom" : "top";
       }
-    }, R = (t) => {
+    }, C = (t) => {
       if (!s.value) return t;
       const e = o.teleport ? document.querySelector(".q-popover.teleported") : s.value.children[1];
-      if (!e || w(e)) return t;
-      const n = s.value.children[0].getBoundingClientRect(), u = e.getBoundingClientRect();
+      if (!e || S(e)) return t;
+      const n = s.value.children[0].getBoundingClientRect(), c = e.getBoundingClientRect();
       if (t === "top" || t === "bottom") {
+        if (o.teleport && v.value > 0) {
+          const i = window.innerHeight - n.bottom - 10, a = n.top - 10, b = 100;
+          return t === "bottom" && a > i + b ? "top" : t === "top" && i > a + b ? "bottom" : t;
+        }
         const l = n.top;
-        return window.innerHeight - l < u.height ? "top" : "bottom";
+        return window.innerHeight - l < c.height ? "top" : "bottom";
       } else {
         const l = n.left;
-        return window.innerWidth - l < u.width ? "left" : "right";
+        return window.innerWidth - l < c.width ? "left" : "right";
       }
-    }, w = (t) => {
+    }, S = (t) => {
       if (!t) return !1;
       const e = t.getBoundingClientRect();
       return e ? e.top >= 0 && e.left >= 0 && e.bottom <= (window.innerHeight || document.documentElement.clientHeight) && e.right <= (window.innerWidth || document.documentElement.clientWidth) : !1;
-    }, q = () => {
+    }, P = () => {
       if (!s.value) return !0;
       const t = s.value.children[0];
       if (!t) return !0;
       const e = t.getBoundingClientRect();
       let n = t.parentElement;
       for (; n; ) {
-        const r = getComputedStyle(n), c = r.overflowY, H = r.overflowX;
-        if (c === "auto" || c === "scroll" || (H === "auto" || H === "scroll")) {
-          const v = n.getBoundingClientRect();
-          if (!(e.bottom > v.top && e.top < v.bottom && e.right > v.left && e.left < v.right))
+        const u = getComputedStyle(n), i = u.overflowY, a = u.overflowX;
+        if (i === "auto" || i === "scroll" || (a === "auto" || a === "scroll")) {
+          const y = n.getBoundingClientRect();
+          if (!(e.bottom > y.top && e.top < y.bottom && e.right > y.left && e.left < y.right))
             return !1;
         }
         n = n.parentElement;
       }
-      const u = window.innerHeight || document.documentElement.clientHeight, l = window.innerWidth || document.documentElement.clientWidth;
-      return e.bottom > 0 && e.top < u && e.right > 0 && e.left < l;
-    }, B = () => {
+      const c = window.innerHeight || document.documentElement.clientHeight, l = window.innerWidth || document.documentElement.clientWidth;
+      return e.bottom > 0 && e.top < c && e.right > 0 && e.left < l;
+    }, Y = (t) => {
+      let e = t.parentElement;
+      for (; e && e !== document.documentElement; ) {
+        const c = getComputedStyle(e).overflowY;
+        if ((c === "auto" || c === "scroll") && e.scrollHeight > e.clientHeight)
+          return e;
+        e = e.parentElement;
+      }
+      return null;
+    }, T = () => {
       if (!o.teleport || !o.scrollIntoView || !o.modelValue) return;
       const t = document.querySelector(".q-popover.teleported");
       if (!t) return;
-      const e = t.getBoundingClientRect(), n = o.scrollIntoViewPadding, u = window.innerHeight, l = window.innerWidth;
-      let i = 0, r = 0;
-      e.bottom + n > u ? r = e.bottom + n - u : e.top - n < 0 && (r = e.top - n), e.right + n > l ? i = e.right + n - l : e.left - n < 0 && (i = e.left - n), (i !== 0 || r !== 0) && window.scrollBy({
-        top: r,
-        left: i,
-        behavior: "smooth"
-      });
-    }, z = () => {
+      const e = t.getBoundingClientRect(), n = o.scrollIntoViewPadding, c = window.innerHeight, l = window.innerWidth;
+      let r = 0, u = 0;
+      if (e.bottom + n > c ? u = e.bottom + n - c : e.top - n < 0 && (u = e.top - n), e.right + n > l ? r = e.right + n - l : e.left - n < 0 && (r = e.left - n), !(r === 0 && u === 0)) {
+        if (s.value) {
+          const i = s.value.children[0];
+          if (i) {
+            const a = Y(i);
+            if (a) {
+              const b = a.scrollTop;
+              a.scrollBy({
+                top: u,
+                left: r,
+                behavior: "smooth"
+              }), requestAnimationFrame(() => {
+                a.scrollTop !== b && (f(), d());
+              });
+              return;
+            }
+          }
+        }
+        window.scrollBy({
+          top: u,
+          left: r,
+          behavior: "smooth"
+        });
+      }
+    }, L = () => {
       if (!o.teleport || !o.scrollIntoView) return;
-      b();
+      R();
       const t = document.querySelector(".q-popover.teleported");
-      t && (g.value = new ResizeObserver(() => {
-        setTimeout(B, 50);
-      }), g.value.observe(t));
-    }, b = () => {
-      g.value && (g.value.disconnect(), g.value = null);
-    }, P = () => {
-      (o.trigger === "click" || o.trigger === "both") && a("update:modelValue", !o.modelValue);
-    }, T = () => {
-      o.trigger !== "click" && a("update:modelValue", !1);
-    }, x = () => {
-      o.trigger !== "click" && a("update:modelValue", !0);
-    }, L = () => {
+      t && (p.value = new ResizeObserver(() => {
+        setTimeout(() => {
+          v.value++, f(), d(), T();
+        }, 50);
+      }), p.value.observe(t));
+    }, R = () => {
+      p.value && (p.value.disconnect(), p.value = null);
+    }, d = () => {
+      if (!o.teleport || !o.scrollIntoView || !o.modelValue || !s.value) return;
+      const t = s.value.children[0];
+      if (!t) return;
+      const e = t.getBoundingClientRect(), n = 10, c = o.scrollIntoViewPadding, l = window.innerHeight, r = E.value, u = 200;
+      let i;
+      if (r === "bottom") {
+        const a = e.bottom + n;
+        i = l - a - c;
+      } else r === "top" ? i = e.top - n - c : i = l - c * 2;
+      i = Math.max(i, u), V.value = {
+        ...V.value,
+        maxHeight: `${i}px`,
+        overflowY: "auto"
+      };
+    }, z = () => {
+      (o.trigger === "click" || o.trigger === "both") && m("update:modelValue", !o.modelValue);
+    }, X = () => {
+      o.trigger !== "click" && m("update:modelValue", !1);
+    }, $ = () => {
+      o.trigger !== "click" && m("update:modelValue", !0);
+    }, A = () => {
       const t = s.value?.children[0];
       if (t) {
         const e = t.clientWidth, n = t.clientHeight;
-        switch (p.value) {
+        switch (H.value) {
           case "left":
-            d.value = `margin-left: ${e / 2 - 10}px;`;
+            w.value = `margin-left: ${e / 2 - 10}px;`;
             break;
           case "right":
-            d.value = `margin-right: ${e / 2 - 10}px;`;
+            w.value = `margin-right: ${e / 2 - 10}px;`;
             break;
           case "top":
-            d.value = `margin-top: ${n / 2 - 10}px;`;
+            w.value = `margin-top: ${n / 2 - 10}px;`;
             break;
           case "bottom":
-            d.value = `margin-bottom: ${n / 2 - 10}px;`;
+            w.value = `margin-bottom: ${n / 2 - 10}px;`;
             break;
         }
       }
-    }, m = () => {
+    }, f = () => {
       if (!s.value || !o.teleport) return;
       const t = s.value.children[0];
       if (!t) return;
-      const e = t.getBoundingClientRect(), n = 10, u = y.value, l = p.value;
-      let i = 0, r = 0, c = "none";
-      u === "bottom" ? (i = e.bottom + n, l === "left" ? (r = e.left, c = "none") : l === "right" ? (r = e.right, c = "translateX(-100%)") : l === "center" && (r = e.left + e.width / 2, c = "translateX(-50%)")) : u === "top" ? (i = e.top - n, c = "translateY(-100%)", l === "left" ? r = e.left : l === "right" ? (r = e.right, c = "translate(-100%, -100%)") : l === "center" && (r = e.left + e.width / 2, c = "translate(-50%, -100%)")) : u === "left" ? (r = e.left - n, c = "translateX(-100%)", l === "top" ? i = e.top : l === "bottom" ? (i = e.bottom, c = "translate(-100%, -100%)") : l === "middle" && (i = e.top + e.height / 2, c = "translate(-100%, -50%)")) : u === "right" && (r = e.right + n, l === "top" ? (i = e.top, c = "none") : l === "bottom" ? (i = e.bottom, c = "translateY(-100%)") : l === "middle" && (i = e.top + e.height / 2, c = "translateY(-50%)")), V.value = {
-        top: `${i}px`,
-        left: `${r}px`,
-        transform: c
+      const e = t.getBoundingClientRect(), n = 10, c = E.value, l = H.value;
+      let r = 0, u = 0, i = "none";
+      c === "bottom" ? (r = e.bottom + n, l === "left" ? (u = e.left, i = "none") : l === "right" ? (u = e.right, i = "translateX(-100%)") : l === "center" && (u = e.left + e.width / 2, i = "translateX(-50%)")) : c === "top" ? (r = e.top - n, i = "translateY(-100%)", l === "left" ? u = e.left : l === "right" ? (u = e.right, i = "translate(-100%, -100%)") : l === "center" && (u = e.left + e.width / 2, i = "translate(-50%, -100%)")) : c === "left" ? (u = e.left - n, i = "translateX(-100%)", l === "top" ? r = e.top : l === "bottom" ? (r = e.bottom, i = "translate(-100%, -100%)") : l === "middle" && (r = e.top + e.height / 2, i = "translate(-100%, -50%)")) : c === "right" && (u = e.right + n, l === "top" ? (r = e.top, i = "none") : l === "bottom" ? (r = e.bottom, i = "translateY(-100%)") : l === "middle" && (r = e.top + e.height / 2, i = "translateY(-50%)")), V.value = {
+        top: `${r}px`,
+        left: `${u}px`,
+        transform: i
       };
-    }, X = () => {
-      o.teleport && o.modelValue && m();
-    }, Y = () => {
+    }, M = () => {
+      o.teleport && o.modelValue && (f(), d());
+    }, F = () => {
       if (o.teleport && o.modelValue) {
-        if (o.closeOnScrollOutOfView && !q()) {
-          a("update:modelValue", !1);
+        if (o.closeOnScrollOutOfView && !P()) {
+          m("update:modelValue", !1);
           return;
         }
-        o.followScroll && m();
+        o.followScroll && (f(), d());
       }
-    }, C = I(X, 16, !0), E = I(Y, 16, !0);
-    k(s, (t) => {
+    }, I = x(M, 16, !0), W = x(F, 16, !0);
+    q(s, (t) => {
       if (o.teleport) {
         const e = document.querySelector(".q-popover.teleported");
         if (e && e.contains(t.target))
           return;
       }
-      o.modelValue && a("update:modelValue", !1);
+      o.modelValue && m("update:modelValue", !1);
     });
-    function $() {
-      f.value = !1, b();
+    function N() {
+      h.value = !1, v.value = 0, R();
     }
-    function M() {
-      f.value = !0, o.teleport ? O(() => {
-        m(), o.scrollIntoView && setTimeout(() => {
-          z(), B();
+    function Q() {
+      h.value = !0, o.teleport ? k(() => {
+        f(), o.scrollIntoView && setTimeout(() => {
+          d(), L(), T();
         }, 100);
-      }) : !w(s.value?.children[1]) && o.reposition === !0 && L();
+      }) : !S(s.value?.children[1]) && o.reposition === !0 && A();
     }
-    return Q(() => {
-      o.teleport && (window.addEventListener("resize", C), window.addEventListener("scroll", E, !0));
-    }), F(() => {
-      o.teleport && (window.removeEventListener("resize", C), window.removeEventListener("scroll", E, !0)), b();
-    }), N(
+    return D(() => {
+      o.teleport && (window.addEventListener("resize", I), window.addEventListener("scroll", W, !0));
+    }), G(() => {
+      o.teleport && (window.removeEventListener("resize", I), window.removeEventListener("scroll", W, !0)), R();
+    }), U(
       () => o.modelValue,
       (t) => {
-        o.teleport && t && O(() => {
-          m();
+        o.teleport && t && k(() => {
+          f(), d();
         });
       }
     ), {
       // Refs
-      entered: f,
-      offsetStyle: d,
+      entered: h,
+      offsetStyle: w,
       popover: s,
       teleportedStyle: V,
       // Computed
-      alignment: p,
-      positioning: y,
+      alignment: H,
+      positioning: E,
       // Methods
-      getAlignment: S,
-      getPositioning: R,
-      isElementInView: w,
-      onAfterLeave: $,
-      onClick: P,
-      onClickOutside: k,
-      onEnter: M,
-      onMouseLeave: T,
-      onMouseOver: x,
-      updateTeleportedPosition: m
+      getAlignment: B,
+      getPositioning: C,
+      isElementInView: S,
+      onAfterLeave: N,
+      onClick: z,
+      onClickOutside: q,
+      onEnter: Q,
+      onMouseLeave: X,
+      onMouseOver: $,
+      updateTeleportedPosition: f
     };
   }
 });
 export {
-  Z as default
+  te as default
 };

package/dist/index147.js

@@ -751,7 +751,7 @@ const Pt = 996, Zt = It({
     }, dt = (e) => {
       Ne(), b.value = e;
     }, mt = async (e) => {
-      if (console.log("selected:", e), E.value = e, O.value = [], g.value.issue = null, p.value.problem = null, v.value.item = null, v.value.issue = null, d.value.item = null, !E.value) {
+      if (E.value = e, O.value = [], g.value.issue = null, p.value.problem = null, v.value.item = null, v.value.issue = null, d.value.item = null, !E.value) {
         y.value.actionItems = !1;
         return;
       }

package/dist/index182.js

@@ -1,18 +1,18 @@
-import st from "./index213.js";
+import st from "./index216.js";
 import { reactive as V, watch as h, ref as g, defineComponent as Z, useSlots as H, h as K, Fragment as at, inject as ct, computed as A, toRaw as lt, unref as x } from "vue";
-import { unrefElement as ut, useIntersectionObserver as ft, useEventListener as m } from "./index214.js";
-import { tryOnUnmounted as pt, isObject as yt } from "./index215.js";
-import D, { getFrameData as dt } from "./index216.js";
-import { complex as $ } from "./index217.js";
-import { inertia as mt } from "./index218.js";
-import { animate as bt } from "./index219.js";
-import { velocityPerSecond as ht } from "./index220.js";
-import { number as vt, alpha as C, scale as j } from "./index221.js";
-import { filter as P } from "./index222.js";
-import { px as c, progressPercentage as F, degrees as O } from "./index223.js";
-import { color as b } from "./index224.js";
-import { cubicBezier as gt } from "./index225.js";
-import { bounceOut as Ot, bounceInOut as Tt, bounceIn as At, anticipate as xt, backOut as jt, backInOut as Vt, backIn as St, circOut as Ct, circInOut as Et, circIn as Nt, easeOut as Pt, easeInOut as _t, easeIn as wt, linear as Rt } from "./index226.js";
+import { unrefElement as ut, useIntersectionObserver as ft, useEventListener as m } from "./index217.js";
+import { tryOnUnmounted as pt, isObject as yt } from "./index218.js";
+import D, { getFrameData as dt } from "./index219.js";
+import { complex as $ } from "./index220.js";
+import { inertia as mt } from "./index221.js";
+import { animate as bt } from "./index222.js";
+import { velocityPerSecond as ht } from "./index223.js";
+import { number as vt, alpha as C, scale as j } from "./index224.js";
+import { filter as P } from "./index225.js";
+import { px as c, progressPercentage as F, degrees as O } from "./index226.js";
+import { color as b } from "./index227.js";
+import { cubicBezier as gt } from "./index228.js";
+import { bounceOut as Ot, bounceInOut as Tt, bounceIn as At, anticipate as xt, backOut as jt, backInOut as Vt, backIn as St, circOut as Ct, circInOut as Et, circIn as Nt, easeOut as Pt, easeInOut as _t, easeIn as wt, linear as Rt } from "./index229.js";
 const R = {};
 class Mt {
   subscriptions = /* @__PURE__ */ new Set();