@enos5/enos-vue-default 1.8.13 → 1.8.15

package/dist/index.js

@@ -1,5 +1,5 @@
 import './styles.css';
-import { _, a, b, c, d, e, f, g, h, i, C, j, k, D, l, m, n, o, p, q, r, s, t, u, v, w, x, y, z, A, B, S, E, F, G, H, I, J, K, L, M, N, O, P, Q, R, T, U, V, W, X, Y, Z, $, a0, a1, a2, a3 } from "./plugin-BckDeD_m.js";
+import { _, a, b, c, d, e, f, g, h, i, C, j, k, D, l, m, n, o, p, q, r, s, t, u, v, w, x, y, z, A, B, S, E, F, G, H, I, J, K, L, M, N, O, P, Q, R, T, U, V, W, X, Y, Z, $, a0, a1, a2, a3 } from "./plugin-DGM-XlRe.js";
 export {
   _ as ActionCard,
   a as ActionMessage,

package/dist/index.node.js

@@ -1,4 +1,4 @@
-import { _, a, b, c, d, e, f, g, h, i, C, j, k, D, l, m, n, o, p, q, r, s, t, u, v, w, x, y, z, A, B, S, E, F, G, H, I, J, K, L, M, N, O, P, Q, R, T, U, V, W, X, Y, Z, $, a0, a1, a2, a3 } from "./plugin-BckDeD_m.js";
+import { _, a, b, c, d, e, f, g, h, i, C, j, k, D, l, m, n, o, p, q, r, s, t, u, v, w, x, y, z, A, B, S, E, F, G, H, I, J, K, L, M, N, O, P, Q, R, T, U, V, W, X, Y, Z, $, a0, a1, a2, a3 } from "./plugin-DGM-XlRe.js";
 export {
   _ as ActionCard,
   a as ActionMessage,

package/dist/{plugin-BckDeD_m.js → plugin-DGM-XlRe.js}

@@ -1067,8 +1067,10 @@ const _sfc_main$G = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
       }
     };
     const syncTeleportTarget = () => {
-      const dialog = rootRef.value?.closest("dialog");
-      teleportTarget.value = dialog ?? document.body;
+      const modalContainer = rootRef.value?.closest(
+        '[data-slot="dialog-content"], [data-dismissable-layer], [role="dialog"], dialog'
+      );
+      teleportTarget.value = modalContainer ?? document.body;
     };
     const selectOption = (option) => {
       const value = optionValue(option);
@@ -1097,6 +1099,7 @@ const _sfc_main$G = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
         return;
       }
       const rect = triggerRef.value.getBoundingClientRect();
+      const teleportElement = teleportTarget.value instanceof HTMLElement ? teleportTarget.value : null;
       const viewportWidth = window.innerWidth;
       const viewportHeight = window.innerHeight;
       const spaceBelow = viewportHeight - rect.bottom - 8;
@@ -1104,6 +1107,19 @@ const _sfc_main$G = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
       const shouldOpenUpward = spaceBelow < 240 && spaceAbove > spaceBelow;
       const width = Math.min(rect.width, Math.max(viewportWidth - rect.left - 16, 160));
       const maxHeight = Math.max(Math.min(240, shouldOpenUpward ? spaceAbove : spaceBelow), 120);
+      if (teleportElement && teleportElement !== document.body) {
+        const containerRect = teleportElement.getBoundingClientRect();
+        dropdownStyle.value = {
+          position: "absolute",
+          left: `${rect.left - containerRect.left}px`,
+          width: `${width}px`,
+          maxHeight: `${maxHeight}px`,
+          pointerEvents: "auto",
+          zIndex: "9999",
+          ...shouldOpenUpward ? { bottom: `${containerRect.bottom - rect.top + 1}px` } : { top: `${rect.bottom - containerRect.top - 1}px` }
+        };
+        return;
+      }
       dropdownStyle.value = {
         position: "fixed",
         left: `${Math.max(rect.left, 8)}px`,
@@ -6526,4 +6542,4 @@ export {
   _sfc_main$B as y,
   _sfc_main$A as z
 };
-//# sourceMappingURL=plugin-BckDeD_m.js.map
+//# sourceMappingURL=plugin-DGM-XlRe.js.map