@revolugo/elements 6.8.2-beta.30 → 6.8.2-beta.32

package/dist/revolugo.vmenu.M77T6yV3.min.js

@@ -0,0 +1,145 @@
+import { g as P, u as R, l as y, y as x, z as g } from "./revolugo.webcomponentwrapper.Ggu2FW__.min.js";
+import { f as C } from "./revolugo.forwardrefs.VVhh1qV3.min.js";
+import { _ as D, $ as M, a3 as I, aC as U, aJ as K, J as w, k as N, aj as _, a6 as j, W as G, c6 as Y, T as B, c7 as h, O as z, D as L, a as S, a7 as F, c8 as E, c9 as H, bx as V, al as J, ca as W } from "./revolugo.index.wc.WVpKRxMB.min.js";
+import { V as $ } from "./revolugo.dialog-transition.Bcw3NUGf.min.js";
+import { a as q } from "./revolugo.index.DmlGotxY.min.js";
+function A(t) {
+  try {
+    if (typeof document < "u") {
+      window.REVOLUGO_ELEMENTS_STYLES = window.REVOLUGO_ELEMENTS_STYLES || {
+        sheets: [],
+        components: []
+      };
+      const l = import.meta.url, r = l.slice(0, l.lastIndexOf("/") + 1) + t;
+      window.REVOLUGO_ELEMENTS_STYLES.sheets.push(r);
+      for (const n of REVOLUGO_ELEMENTS_STYLES.components)
+        n(r);
+      if (t.indexOf("fonts") >= 0) {
+        const n = document.createElement("link");
+        n.rel = "stylesheet", linK.href = r, document.head.appendChild(n);
+      }
+    }
+  } catch (l) {
+    console.error("[revolugo-elements] ", l);
+  }
+}
+const Q = M({
+  // TODO
+  // disableKeys: Boolean,
+  id: String,
+  submenu: Boolean,
+  ...F(x({
+    closeDelay: 250,
+    closeOnContentClick: !0,
+    locationStrategy: "connected",
+    location: void 0,
+    openDelay: 300,
+    scrim: !1,
+    scrollStrategy: "reposition",
+    transition: {
+      component: $
+    }
+  }), ["absolute"])
+}, "VMenu"), oe = D()({
+  name: "VMenu",
+  props: Q(),
+  emits: {
+    "update:modelValue": (t) => !0
+  },
+  setup(t, l) {
+    let {
+      slots: r
+    } = l;
+    const n = I(t, "modelValue"), {
+      scopeId: T
+    } = P(), {
+      isRtl: c
+    } = U(), d = K(), m = w(() => t.id || `v-menu-${d}`), o = N(), i = _(g, null), f = j(/* @__PURE__ */ new Set());
+    J(g, {
+      register() {
+        f.value.add(d);
+      },
+      unregister() {
+        f.value.delete(d);
+      },
+      closeParents(e) {
+        setTimeout(() => {
+          !f.value.size && !t.persistent && (e == null || o.value?.contentEl && !W(e, o.value.contentEl)) && (n.value = !1, i?.closeParents());
+        }, 40);
+      }
+    }), G(() => {
+      i?.unregister(), document.removeEventListener("focusin", v);
+    }), Y(() => n.value = !1);
+    async function v(e) {
+      const a = e.relatedTarget, s = e.target;
+      await B(), n.value && a !== s && o.value?.contentEl && // We're the topmost menu
+      o.value?.globalTop && // It isn't the document or the menu body
+      ![document, o.value.contentEl].includes(s) && // It isn't inside the menu body
+      !o.value.contentEl.contains(s) && h(o.value.contentEl)[0]?.focus();
+    }
+    z(n, (e) => {
+      e ? (i?.register(), V && document.addEventListener("focusin", v, {
+        once: !0
+      })) : (i?.unregister(), V && document.removeEventListener("focusin", v));
+    }, {
+      immediate: !0
+    });
+    function b(e) {
+      i?.closeParents(e);
+    }
+    function k(e) {
+      if (!t.disabled)
+        if (e.key === "Tab" || e.key === "Enter" && !t.closeOnContentClick) {
+          if (e.key === "Enter" && (e.target instanceof HTMLTextAreaElement || e.target instanceof HTMLInputElement && e.target.closest("form"))) return;
+          e.key === "Enter" && e.preventDefault(), H(h(o.value?.contentEl, !1), e.shiftKey ? "prev" : "next", (s) => s.tabIndex >= 0) || (n.value = !1, o.value?.activatorEl?.focus());
+        } else t.submenu && e.key === (c.value ? "ArrowRight" : "ArrowLeft") && (n.value = !1, o.value?.activatorEl?.focus());
+    }
+    function p(e) {
+      if (t.disabled) return;
+      const a = o.value?.contentEl;
+      a && n.value ? e.key === "ArrowDown" ? (e.preventDefault(), e.stopImmediatePropagation(), E(a, "next")) : e.key === "ArrowUp" ? (e.preventDefault(), e.stopImmediatePropagation(), E(a, "prev")) : t.submenu && (e.key === (c.value ? "ArrowRight" : "ArrowLeft") ? n.value = !1 : e.key === (c.value ? "ArrowLeft" : "ArrowRight") && (e.preventDefault(), E(a, "first"))) : (t.submenu ? e.key === (c.value ? "ArrowLeft" : "ArrowRight") : ["ArrowDown", "ArrowUp"].includes(e.key)) && (n.value = !0, e.preventDefault(), setTimeout(() => setTimeout(() => p(e))));
+    }
+    const O = w(() => L({
+      "aria-haspopup": "menu",
+      "aria-expanded": String(n.value),
+      "aria-controls": m.value,
+      onKeydown: p
+    }, t.activatorProps));
+    return R(() => {
+      const e = y.filterProps(t);
+      return S(y, L({
+        ref: o,
+        id: m.value,
+        class: ["v-menu", t.class],
+        style: t.style
+      }, e, {
+        modelValue: n.value,
+        "onUpdate:modelValue": (a) => n.value = a,
+        absolute: !0,
+        activatorProps: O.value,
+        location: t.location ?? (t.submenu ? "end" : "bottom"),
+        "onClick:outside": b,
+        onKeydown: k
+      }, T), {
+        activator: r.activator,
+        default: function() {
+          for (var a = arguments.length, s = new Array(a), u = 0; u < a; u++)
+            s[u] = arguments[u];
+          return S(q, {
+            root: "VMenu"
+          }, {
+            default: () => [r.default?.(...s)]
+          });
+        }
+      });
+    }), C({
+      id: m,
+      ΨopenChildren: f
+    }, o);
+  }
+});
+A("css/revolugo.vmenu.DvKwEp1j.css");
+export {
+  oe as V
+};
+//# sourceMappingURL=revolugo.vmenu.M77T6yV3.min.js.map