@enos5/enos-vue-default 1.8.14 → 1.8.16

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-2Tim-PB2.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-D1NKz8QO.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-2Tim-PB2.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-D1NKz8QO.js";
 export {
   _ as ActionCard,
   a as ActionMessage,

package/dist/{plugin-2Tim-PB2.js → plugin-D1NKz8QO.js}

@@ -1099,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;
@@ -1106,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`,
@@ -3972,6 +3986,19 @@ const _sfc_main$t = {
     const emit = __emit;
     const dialog = ref();
     const showSlot = ref(props.show);
+    const presetMaxWidthClasses = {
+      "sm": "sm:max-w-sm",
+      "md": "sm:max-w-md",
+      "lg": "sm:max-w-lg",
+      "xl": "sm:max-w-xl",
+      "2xl": "sm:max-w-2xl",
+      "3xl": "sm:max-w-3xl",
+      "4xl": "sm:max-w-4xl",
+      "5xl": "sm:max-w-5xl",
+      "6xl": "sm:max-w-6xl",
+      "7xl": "sm:max-w-7xl",
+      "full": "sm:max-w-full"
+    };
     const openModal = () => {
       document.body.style.overflow = "hidden";
       showSlot.value = true;
@@ -4015,13 +4042,13 @@ const _sfc_main$t = {
       document.body.style.overflow = null;
     });
     const maxWidthClass = computed(() => {
-      return {
-        "sm": "sm:max-w-sm",
-        "md": "sm:max-w-md",
-        "lg": "sm:max-w-lg",
-        "xl": "sm:max-w-xl",
-        "2xl": "sm:max-w-2xl"
-      }[props.maxWidth];
+      return presetMaxWidthClasses[props.maxWidth] ?? null;
+    });
+    const modalWidthStyle = computed(() => {
+      if (maxWidthClass.value) {
+        return null;
+      }
+      return props.maxWidth ? { maxWidth: props.maxWidth } : null;
     });
     const positionClasses = computed(() => {
       switch (props.position) {
@@ -4072,10 +4099,11 @@ const _sfc_main$t = {
           }, {
             default: withCtx(() => [
               withDirectives(createElementVNode("div", {
-                class: normalizeClass(["relative z-50 mb-6 overflow-hidden rounded-lg border border-neutral-200 bg-white shadow-xl transform transition-all dark:border-neutral-800 dark:bg-neutral-950 sm:mx-auto sm:w-full", maxWidthClass.value])
+                class: normalizeClass(["relative z-50 mb-6 overflow-hidden rounded-lg border border-neutral-200 bg-white shadow-xl transform transition-all dark:border-neutral-800 dark:bg-neutral-950 sm:mx-auto sm:w-full", maxWidthClass.value]),
+                style: normalizeStyle(modalWidthStyle.value)
               }, [
                 showSlot.value ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("", true)
-              ], 2), [
+              ], 6), [
                 [vShow, __props.show]
               ])
             ]),
@@ -6528,4 +6556,4 @@ export {
   _sfc_main$B as y,
   _sfc_main$A as z
 };
-//# sourceMappingURL=plugin-2Tim-PB2.js.map
+//# sourceMappingURL=plugin-D1NKz8QO.js.map