vft 0.0.11 → 0.0.14

package/es/packages/components/focus-trap/focus-trap.vue2.mjs

@@ -0,0 +1,160 @@
+import { EVENT_CODE as w } from "@vft/constants";
+import { useEscapeKeydown as j } from "@vft/use";
+import { isString as q } from "@vft/utils";
+import { isNil as x } from "lodash";
+import { defineComponent as J, ref as M, provide as Y, watch as O, unref as E, onMounted as z, onBeforeUnmount as G, nextTick as I } from "vue";
+import { ON_TRAP_FOCUS_EVT as U, ON_RELEASE_FOCUS_EVT as K, FOCUS_TRAP_INJECTION_KEY as H, FOCUS_AFTER_TRAPPED as b, FOCUS_AFTER_TRAPPED_OPTS as k, FOCUS_AFTER_RELEASED as y } from "./tokens.mjs";
+import { useFocusReason as Q, tryFocus as f, createFocusOutPreventedEvent as m, getEdges as W, focusableStack as N, focusFirstDescendant as X, obtainAllFocusableElements as Z, isFocusCausedByUserEvent as $ } from "./utils.mjs";
+const ce = J({
+  name: "VftFocusTrap",
+  inheritAttrs: !1,
+  props: {
+    loop: Boolean,
+    trapped: Boolean,
+    focusTrapEl: Object,
+    focusStartEl: {
+      type: [Object, String],
+      default: "first"
+    }
+  },
+  emits: [
+    U,
+    K,
+    "focusin",
+    "focusout",
+    "focusout-prevented",
+    "release-requested"
+  ],
+  setup(n, { emit: r }) {
+    const c = M();
+    let l, T;
+    const { focusReason: d } = Q();
+    j((e) => {
+      n.trapped && !i.paused && r("release-requested", e);
+    });
+    const i = {
+      paused: !1,
+      pause() {
+        this.paused = !0;
+      },
+      resume() {
+        this.paused = !1;
+      }
+    }, v = (e) => {
+      if (!n.loop && !n.trapped || i.paused)
+        return;
+      const { key: t, altKey: s, ctrlKey: o, metaKey: a, currentTarget: R, shiftKey: h } = e, { loop: D } = n, V = t === w.tab && !s && !o && !a, p = document.activeElement;
+      if (V && p) {
+        const P = R, [_, C] = W(P);
+        if (_ && C) {
+          if (!h && p === C) {
+            const u = m({
+              focusReason: d.value
+            });
+            r("focusout-prevented", u), u.defaultPrevented || (e.preventDefault(), D && f(_, !0));
+          } else if (h && [_, P].includes(p)) {
+            const u = m({
+              focusReason: d.value
+            });
+            r("focusout-prevented", u), u.defaultPrevented || (e.preventDefault(), D && f(C, !0));
+          }
+        } else if (p === P) {
+          const u = m({
+            focusReason: d.value
+          });
+          r("focusout-prevented", u), u.defaultPrevented || e.preventDefault();
+        }
+      }
+    };
+    Y(H, {
+      focusTrapRef: c,
+      onKeydown: v
+    }), O(
+      () => n.focusTrapEl,
+      (e) => {
+        e && (c.value = e);
+      },
+      { immediate: !0 }
+    ), O([c], ([e], [t]) => {
+      e && (e.addEventListener("keydown", v), e.addEventListener("focusin", g), e.addEventListener("focusout", S)), t && (t.removeEventListener("keydown", v), t.removeEventListener("focusin", g), t.removeEventListener("focusout", S));
+    });
+    const F = (e) => {
+      r(U, e);
+    }, B = (e) => r(K, e), g = (e) => {
+      const t = E(c);
+      if (!t)
+        return;
+      const s = e.target, o = e.relatedTarget, a = s && t.contains(s);
+      n.trapped || o && t.contains(o) || (l = o), a && r("focusin", e), !i.paused && n.trapped && (a ? T = s : f(T, !0));
+    }, S = (e) => {
+      const t = E(c);
+      if (!(i.paused || !t))
+        if (n.trapped) {
+          const s = e.relatedTarget;
+          !x(s) && !t.contains(s) && setTimeout(() => {
+            if (!i.paused && n.trapped) {
+              const o = m({
+                focusReason: d.value
+              });
+              r("focusout-prevented", o), o.defaultPrevented || f(T, !0);
+            }
+          }, 0);
+        } else {
+          const s = e.target;
+          s && t.contains(s) || r("focusout", e);
+        }
+    };
+    async function L() {
+      await I();
+      const e = E(c);
+      if (e) {
+        N.push(i);
+        const t = e.contains(
+          document.activeElement
+        ) ? l : document.activeElement;
+        if (l = t, !e.contains(t)) {
+          const o = new Event(
+            b,
+            k
+          );
+          e.addEventListener(b, F), e.dispatchEvent(o), o.defaultPrevented || I(() => {
+            let a = n.focusStartEl;
+            q(a) || (f(a), document.activeElement !== a && (a = "first")), a === "first" && X(
+              Z(e),
+              !0
+            ), (document.activeElement === t || a === "container") && f(e);
+          });
+        }
+      }
+    }
+    function A() {
+      const e = E(c);
+      if (e) {
+        e.removeEventListener(b, F);
+        const t = new CustomEvent(y, {
+          ...k,
+          detail: {
+            focusReason: d.value
+          }
+        });
+        e.addEventListener(y, B), e.dispatchEvent(t), !t.defaultPrevented && (d.value == "keyboard" || !$() || e.contains(document.activeElement)) && f(l ?? document.body), e.removeEventListener(y, F), N.remove(i);
+      }
+    }
+    return z(() => {
+      n.trapped && L(), O(
+        () => n.trapped,
+        (e) => {
+          e ? L() : A();
+        }
+      );
+    }), G(() => {
+      n.trapped && A();
+    }), {
+      onKeydown: v
+    };
+  }
+});
+export {
+  ce as default
+};
+//# sourceMappingURL=focus-trap.vue2.mjs.map

package/es/packages/components/focus-trap/focus-trap.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus-trap.vue2.mjs","sources":["../../../../../../packages/components/focus-trap/focus-trap.vue"],"sourcesContent":["<template>\n  <slot :handle-keydown=\"onKeydown\" />\n</template>\n\n<script lang=\"ts\">\nimport { EVENT_CODE } from '@vft/constants';\nimport { useEscapeKeydown } from '@vft/use';\nimport { isString } from '@vft/utils';\nimport { isNil } from 'lodash';\nimport type { PropType } from 'vue';\nimport {\n  defineComponent,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  provide,\n  ref,\n  unref,\n  watch\n} from 'vue';\nimport {\n  FOCUS_AFTER_RELEASED,\n  FOCUS_AFTER_TRAPPED,\n  FOCUS_AFTER_TRAPPED_OPTS,\n  FOCUS_TRAP_INJECTION_KEY,\n  ON_RELEASE_FOCUS_EVT,\n  ON_TRAP_FOCUS_EVT\n} from './tokens';\nimport type { FocusLayer } from './utils';\nimport {\n  createFocusOutPreventedEvent,\n  focusableStack,\n  focusFirstDescendant,\n  getEdges,\n  isFocusCausedByUserEvent,\n  obtainAllFocusableElements,\n  tryFocus,\n  useFocusReason\n} from './utils';\n\nexport default defineComponent({\n  name: 'VftFocusTrap',\n  inheritAttrs: false,\n  props: {\n    loop: Boolean,\n    trapped: Boolean,\n    focusTrapEl: Object as PropType<HTMLElement>,\n    focusStartEl: {\n      type: [Object, String] as PropType<'container' | 'first' | HTMLElement>,\n      default: 'first'\n    }\n  },\n  emits: [\n    ON_TRAP_FOCUS_EVT,\n    ON_RELEASE_FOCUS_EVT,\n    'focusin',\n    'focusout',\n    'focusout-prevented',\n    'release-requested'\n  ],\n  setup (props, { emit }) {\n\t\tconst forwardRef = ref<HTMLElement | undefined>()\n\t\tlet lastFocusBeforeTrapped: HTMLElement | null\n\t\tlet lastFocusAfterTrapped: HTMLElement | null\n\n\t\tconst { focusReason } = useFocusReason()\n\n\t\tuseEscapeKeydown((event) => {\n\t\t\tif (props.trapped && !focusLayer.paused) {\n\t\t\t\temit('release-requested', event)\n\t\t\t}\n\t\t})\n\n\t\tconst focusLayer: FocusLayer = {\n\t\t\tpaused: false,\n\t\t\tpause () {\n\t\t\t\tthis.paused = true\n\t\t\t},\n\t\t\tresume () {\n\t\t\t\tthis.paused = false\n\t\t\t},\n\t\t}\n\n\t\tconst onKeydown = (e: KeyboardEvent) => {\n\t\t\tif (!props.loop && !props.trapped) return\n\t\t\tif (focusLayer.paused) return\n\n\t\t\tconst { key, altKey, ctrlKey, metaKey, currentTarget, shiftKey } = e\n\t\t\tconst { loop } = props\n\t\t\tconst isTabbing =\n\t\t\t\tkey === EVENT_CODE.tab && !altKey && !ctrlKey && !metaKey\n\n\t\t\tconst currentFocusingEl = document.activeElement\n\t\t\tif (isTabbing && currentFocusingEl) {\n\t\t\t\tconst container = currentTarget as HTMLElement\n\t\t\t\tconst [first, last] = getEdges(container)\n\t\t\t\tconst isTabbable = first && last\n\t\t\t\tif (!isTabbable) {\n\t\t\t\t\tif (currentFocusingEl === container) {\n\t\t\t\t\t\tconst focusoutPreventedEvent = createFocusOutPreventedEvent({\n\t\t\t\t\t\t\tfocusReason: focusReason.value,\n\t\t\t\t\t\t})\n\t\t\t\t\t\temit('focusout-prevented', focusoutPreventedEvent)\n\t\t\t\t\t\tif (!focusoutPreventedEvent.defaultPrevented) {\n\t\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tif (!shiftKey && currentFocusingEl === last) {\n\t\t\t\t\t\tconst focusoutPreventedEvent = createFocusOutPreventedEvent({\n\t\t\t\t\t\t\tfocusReason: focusReason.value,\n\t\t\t\t\t\t})\n\t\t\t\t\t\temit('focusout-prevented', focusoutPreventedEvent)\n\t\t\t\t\t\tif (!focusoutPreventedEvent.defaultPrevented) {\n\t\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\t\tif (loop) tryFocus(first, true)\n\t\t\t\t\t\t}\n\t\t\t\t\t} else if (\n\t\t\t\t\t\tshiftKey &&\n\t\t\t\t\t\t[first, container].includes(currentFocusingEl as HTMLElement)\n\t\t\t\t\t) {\n\t\t\t\t\t\tconst focusoutPreventedEvent = createFocusOutPreventedEvent({\n\t\t\t\t\t\t\tfocusReason: focusReason.value,\n\t\t\t\t\t\t})\n\t\t\t\t\t\temit('focusout-prevented', focusoutPreventedEvent)\n\t\t\t\t\t\tif (!focusoutPreventedEvent.defaultPrevented) {\n\t\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\t\tif (loop) tryFocus(last, true)\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tprovide(FOCUS_TRAP_INJECTION_KEY, {\n\t\t\tfocusTrapRef: forwardRef,\n\t\t\tonKeydown,\n\t\t})\n\n\t\twatch(\n\t\t\t() => props.focusTrapEl,\n\t\t\t(focusTrapEl) => {\n\t\t\t\tif (focusTrapEl) {\n\t\t\t\t\tforwardRef.value = focusTrapEl\n\t\t\t\t}\n\t\t\t},\n\t\t\t{ immediate: true }\n\t\t)\n\n\t\twatch([forwardRef], ([forwardRef], [oldForwardRef]) => {\n\t\t\tif (forwardRef) {\n\t\t\t\tforwardRef.addEventListener('keydown', onKeydown)\n\t\t\t\tforwardRef.addEventListener('focusin', onFocusIn)\n\t\t\t\tforwardRef.addEventListener('focusout', onFocusOut)\n\t\t\t}\n\t\t\tif (oldForwardRef) {\n\t\t\t\toldForwardRef.removeEventListener('keydown', onKeydown)\n\t\t\t\toldForwardRef.removeEventListener('focusin', onFocusIn)\n\t\t\t\toldForwardRef.removeEventListener('focusout', onFocusOut)\n\t\t\t}\n\t\t})\n\n\t\tconst trapOnFocus = (e: Event) => {\n\t\t\temit(ON_TRAP_FOCUS_EVT, e)\n\t\t}\n\t\tconst releaseOnFocus = (e: Event) => emit(ON_RELEASE_FOCUS_EVT, e)\n\n\t\tconst onFocusIn = (e: FocusEvent) => {\n\t\t\tconst trapContainer = unref(forwardRef)\n\t\t\tif (!trapContainer) return\n\n\t\t\tconst target = e.target as HTMLElement | null\n\t\t\tconst relatedTarget = e.relatedTarget as HTMLElement | null\n\t\t\tconst isFocusedInTrap = target && trapContainer.contains(target)\n\n\t\t\tif (!props.trapped) {\n\t\t\t\tconst isPrevFocusedInTrap =\n\t\t\t\t\trelatedTarget && trapContainer.contains(relatedTarget)\n\t\t\t\tif (!isPrevFocusedInTrap) {\n\t\t\t\t\tlastFocusBeforeTrapped = relatedTarget\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (isFocusedInTrap) emit('focusin', e)\n\n\t\t\tif (focusLayer.paused) return\n\n\t\t\tif (props.trapped) {\n\t\t\t\tif (isFocusedInTrap) {\n\t\t\t\t\tlastFocusAfterTrapped = target\n\t\t\t\t} else {\n\t\t\t\t\ttryFocus(lastFocusAfterTrapped, true)\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tconst onFocusOut = (e: Event) => {\n\t\t\tconst trapContainer = unref(forwardRef)\n\t\t\tif (focusLayer.paused || !trapContainer) return\n\n\t\t\tif (props.trapped) {\n\t\t\t\tconst relatedTarget = (e as FocusEvent)\n\t\t\t\t\t.relatedTarget as HTMLElement | null\n\t\t\t\tif (!isNil(relatedTarget) && !trapContainer.contains(relatedTarget)) {\n\t\t\t\t\t// Give embedded focus layer time to pause this layer before reclaiming focus\n\t\t\t\t\t// And only reclaim focus if it should currently be trapping\n\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\tif (!focusLayer.paused && props.trapped) {\n\t\t\t\t\t\t\tconst focusoutPreventedEvent = createFocusOutPreventedEvent({\n\t\t\t\t\t\t\t\tfocusReason: focusReason.value,\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\temit('focusout-prevented', focusoutPreventedEvent)\n\t\t\t\t\t\t\tif (!focusoutPreventedEvent.defaultPrevented) {\n\t\t\t\t\t\t\t\ttryFocus(lastFocusAfterTrapped, true)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}, 0)\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tconst target = e.target as HTMLElement | null\n\t\t\t\tconst isFocusedInTrap = target && trapContainer.contains(target)\n\t\t\t\tif (!isFocusedInTrap) emit('focusout', e)\n\t\t\t}\n\t\t}\n\n\t\tasync function startTrap () {\n\t\t\t// Wait for forwardRef to resolve\n\t\t\tawait nextTick()\n\t\t\tconst trapContainer = unref(forwardRef)\n\t\t\tif (trapContainer) {\n\t\t\t\tfocusableStack.push(focusLayer)\n\t\t\t\tconst prevFocusedElement = trapContainer.contains(\n\t\t\t\t\tdocument.activeElement\n\t\t\t\t)\n\t\t\t\t\t? lastFocusBeforeTrapped\n\t\t\t\t\t: document.activeElement\n\t\t\t\tlastFocusBeforeTrapped = prevFocusedElement as HTMLElement | null\n\t\t\t\tconst isPrevFocusContained = trapContainer.contains(prevFocusedElement)\n\t\t\t\tif (!isPrevFocusContained) {\n\t\t\t\t\tconst focusEvent = new Event(\n\t\t\t\t\t\tFOCUS_AFTER_TRAPPED,\n\t\t\t\t\t\tFOCUS_AFTER_TRAPPED_OPTS\n\t\t\t\t\t)\n\t\t\t\t\ttrapContainer.addEventListener(FOCUS_AFTER_TRAPPED, trapOnFocus)\n\t\t\t\t\ttrapContainer.dispatchEvent(focusEvent)\n\t\t\t\t\tif (!focusEvent.defaultPrevented) {\n\t\t\t\t\t\tnextTick(() => {\n\t\t\t\t\t\t\tlet focusStartEl = props.focusStartEl\n\t\t\t\t\t\t\tif (!isString(focusStartEl)) {\n\t\t\t\t\t\t\t\ttryFocus(focusStartEl)\n\t\t\t\t\t\t\t\tif (document.activeElement !== focusStartEl) {\n\t\t\t\t\t\t\t\t\tfocusStartEl = 'first'\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif (focusStartEl === 'first') {\n\t\t\t\t\t\t\t\tfocusFirstDescendant(\n\t\t\t\t\t\t\t\t\tobtainAllFocusableElements(trapContainer),\n\t\t\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\tdocument.activeElement === prevFocusedElement ||\n\t\t\t\t\t\t\t\tfocusStartEl === 'container'\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\ttryFocus(trapContainer)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tfunction stopTrap () {\n\t\t\tconst trapContainer = unref(forwardRef)\n\n\t\t\tif (trapContainer) {\n\t\t\t\ttrapContainer.removeEventListener(FOCUS_AFTER_TRAPPED, trapOnFocus)\n\n\t\t\t\tconst releasedEvent = new CustomEvent(FOCUS_AFTER_RELEASED, {\n\t\t\t\t\t...FOCUS_AFTER_TRAPPED_OPTS,\n\t\t\t\t\tdetail: {\n\t\t\t\t\t\tfocusReason: focusReason.value,\n\t\t\t\t\t},\n\t\t\t\t})\n\t\t\t\ttrapContainer.addEventListener(FOCUS_AFTER_RELEASED, releaseOnFocus)\n\t\t\t\ttrapContainer.dispatchEvent(releasedEvent)\n\t\t\t\tif (\n\t\t\t\t\t!releasedEvent.defaultPrevented &&\n\t\t\t\t\t(focusReason.value == 'keyboard' ||\n\t\t\t\t\t\t!isFocusCausedByUserEvent() ||\n\t\t\t\t\t\ttrapContainer.contains(document.activeElement))\n\t\t\t\t) {\n\t\t\t\t\ttryFocus(lastFocusBeforeTrapped ?? document.body)\n\t\t\t\t}\n\n\t\t\t\ttrapContainer.removeEventListener(FOCUS_AFTER_RELEASED, trapOnFocus)\n\t\t\t\tfocusableStack.remove(focusLayer)\n\t\t\t}\n\t\t}\n\n\t\tonMounted(() => {\n\t\t\tif (props.trapped) {\n\t\t\t\tstartTrap()\n\t\t\t}\n\n\t\t\twatch(\n\t\t\t\t() => props.trapped,\n\t\t\t\t(trapped) => {\n\t\t\t\t\tif (trapped) {\n\t\t\t\t\t\tstartTrap()\n\t\t\t\t\t} else {\n\t\t\t\t\t\tstopTrap()\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t)\n\t\t})\n\n\t\tonBeforeUnmount(() => {\n\t\t\tif (props.trapped) {\n\t\t\t\tstopTrap()\n\t\t\t}\n\t\t})\n\n\t\treturn {\n\t\t\tonKeydown,\n\t\t}\n  }\n});\n</script>\n"],"names":["_sfc_main","defineComponent","ON_TRAP_FOCUS_EVT","ON_RELEASE_FOCUS_EVT","props","emit","forwardRef","ref","lastFocusBeforeTrapped","lastFocusAfterTrapped","focusReason","useFocusReason","useEscapeKeydown","event","focusLayer","onKeydown","key","altKey","ctrlKey","metaKey","currentTarget","shiftKey","loop","isTabbing","EVENT_CODE","currentFocusingEl","container","first","last","getEdges","focusoutPreventedEvent","createFocusOutPreventedEvent","tryFocus","provide","FOCUS_TRAP_INJECTION_KEY","watch","focusTrapEl","oldForwardRef","onFocusIn","onFocusOut","trapOnFocus","releaseOnFocus","trapContainer","unref","target","relatedTarget","isFocusedInTrap","isNil","startTrap","nextTick","focusableStack","prevFocusedElement","focusEvent","FOCUS_AFTER_TRAPPED","FOCUS_AFTER_TRAPPED_OPTS","focusStartEl","isString","focusFirstDescendant","obtainAllFocusableElements","stopTrap","releasedEvent","FOCUS_AFTER_RELEASED","isFocusCausedByUserEvent","onMounted","trapped","onBeforeUnmount"],"mappings":";;;;;;;AAwCA,MAAAA,KAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,cAAc;AAAA,EACd,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT,aAAa;AAAA,IACb,cAAc;AAAA,MACZ,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IACLC;AAAA,IACAC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,MAAOC,GAAO,EAAE,MAAAC,KAAQ;AACxB,UAAMC,IAAaC;AACf,QAAAC,GACAC;AAEE,UAAA,EAAE,aAAAC,MAAgBC;AAExB,IAAAC,EAAiB,CAACC,MAAU;AAC3B,MAAIT,EAAM,WAAW,CAACU,EAAW,UAChCT,EAAK,qBAAqBQ,CAAK;AAAA,IAChC,CACA;AAED,UAAMC,IAAyB;AAAA,MAC9B,QAAQ;AAAA,MACR,QAAS;AACR,aAAK,SAAS;AAAA,MACf;AAAA,MACA,SAAU;AACT,aAAK,SAAS;AAAA,MACf;AAAA,IAAA,GAGKC,IAAY,CAAC,MAAqB;AAEvC,UADI,CAACX,EAAM,QAAQ,CAACA,EAAM,WACtBU,EAAW;AAAQ;AAEvB,YAAM,EAAE,KAAAE,GAAK,QAAAC,GAAQ,SAAAC,GAAS,SAAAC,GAAS,eAAAC,GAAe,UAAAC,EAAa,IAAA,GAC7D,EAAE,MAAAC,EAAS,IAAAlB,GACXmB,IACLP,MAAQQ,EAAW,OAAO,CAACP,KAAU,CAACC,KAAW,CAACC,GAE7CM,IAAoB,SAAS;AACnC,UAAIF,KAAaE,GAAmB;AACnC,cAAMC,IAAYN,GACZ,CAACO,GAAOC,CAAI,IAAIC,EAASH,CAAS;AAExC,YADmBC,KAASC;AAYvB,cAAA,CAACP,KAAYI,MAAsBG,GAAM;AAC5C,kBAAME,IAAyBC,EAA6B;AAAA,cAC3D,aAAarB,EAAY;AAAA,YAAA,CACzB;AACD,YAAAL,EAAK,sBAAsByB,CAAsB,GAC5CA,EAAuB,qBAC3B,EAAE,eAAe,GACbR,KAAMU,EAASL,GAAO,EAAI;AAAA,UAC/B,WAEAN,KACA,CAACM,GAAOD,CAAS,EAAE,SAASD,CAAgC,GAC3D;AACD,kBAAMK,IAAyBC,EAA6B;AAAA,cAC3D,aAAarB,EAAY;AAAA,YAAA,CACzB;AACD,YAAAL,EAAK,sBAAsByB,CAAsB,GAC5CA,EAAuB,qBAC3B,EAAE,eAAe,GACbR,KAAMU,EAASJ,GAAM,EAAI;AAAA,UAE/B;AAAA,mBA/BIH,MAAsBC,GAAW;AACpC,gBAAMI,IAAyBC,EAA6B;AAAA,YAC3D,aAAarB,EAAY;AAAA,UAAA,CACzB;AACD,UAAAL,EAAK,sBAAsByB,CAAsB,GAC5CA,EAAuB,oBAC3B,EAAE,eAAe;AAAA,QAEnB;AAAA,MAyBF;AAAA,IAAA;AAGD,IAAAG,EAAQC,GAA0B;AAAA,MACjC,cAAc5B;AAAA,MACd,WAAAS;AAAA,IAAA,CACA,GAEDoB;AAAA,MACC,MAAM/B,EAAM;AAAA,MACZ,CAACgC,MAAgB;AAChB,QAAIA,MACH9B,EAAW,QAAQ8B;AAAA,MAErB;AAAA,MACA,EAAE,WAAW,GAAK;AAAA,IAAA,GAGbD,EAAA,CAAC7B,CAAU,GAAG,CAAC,CAACA,CAAU,GAAG,CAAC+B,CAAa,MAAM;AACtD,MAAI/B,MACHA,EAAW,iBAAiB,WAAWS,CAAS,GAChDT,EAAW,iBAAiB,WAAWgC,CAAS,GAChDhC,EAAW,iBAAiB,YAAYiC,CAAU,IAE/CF,MACWA,EAAA,oBAAoB,WAAWtB,CAAS,GACxCsB,EAAA,oBAAoB,WAAWC,CAAS,GACxCD,EAAA,oBAAoB,YAAYE,CAAU;AAAA,IACzD,CACA;AAEK,UAAAC,IAAc,CAAC,MAAa;AACjC,MAAAnC,EAAKH,GAAmB,CAAC;AAAA,IAAA,GAEpBuC,IAAiB,CAAC,MAAapC,EAAKF,GAAsB,CAAC,GAE3DmC,IAAY,CAAC,MAAkB;AAC9B,YAAAI,IAAgBC,EAAMrC,CAAU;AACtC,UAAI,CAACoC;AAAe;AAEpB,YAAME,IAAS,EAAE,QACXC,IAAgB,EAAE,eAClBC,IAAkBF,KAAUF,EAAc,SAASE,CAAM;AAY/D,MAVKxC,EAAM,WAETyC,KAAiBH,EAAc,SAASG,CAAa,MAE5BrC,IAAAqC,IAIvBC,KAAiBzC,EAAK,WAAW,CAAC,GAElC,CAAAS,EAAW,UAEXV,EAAM,YACL0C,IACqBrC,IAAAmC,IAExBZ,EAASvB,GAAuB,EAAI;AAAA,IAEtC,GAGK8B,IAAa,CAAC,MAAa;AAC1B,YAAAG,IAAgBC,EAAMrC,CAAU;AAClC,UAAA,EAAAQ,EAAW,UAAU,CAAC4B;AAE1B,YAAItC,EAAM,SAAS;AAClB,gBAAMyC,IAAiB,EACrB;AACE,UAAA,CAACE,EAAMF,CAAa,KAAK,CAACH,EAAc,SAASG,CAAa,KAGjE,WAAW,MAAM;AAChB,gBAAI,CAAC/B,EAAW,UAAUV,EAAM,SAAS;AACxC,oBAAM0B,IAAyBC,EAA6B;AAAA,gBAC3D,aAAarB,EAAY;AAAA,cAAA,CACzB;AACD,cAAAL,EAAK,sBAAsByB,CAAsB,GAC5CA,EAAuB,oBAC3BE,EAASvB,GAAuB,EAAI;AAAA,YAEtC;AAAA,aACE,CAAC;AAAA,QACL,OACM;AACN,gBAAMmC,IAAS,EAAE;AAEjB,UADwBA,KAAUF,EAAc,SAASE,CAAM,KACzCvC,EAAK,YAAY,CAAC;AAAA,QACzC;AAAA,IAAA;AAGD,mBAAe2C,IAAa;AAE3B,YAAMC,EAAS;AACT,YAAAP,IAAgBC,EAAMrC,CAAU;AACtC,UAAIoC,GAAe;AAClB,QAAAQ,EAAe,KAAKpC,CAAU;AAC9B,cAAMqC,IAAqBT,EAAc;AAAA,UACxC,SAAS;AAAA,QAAA,IAEPlC,IACA,SAAS;AAGZ,YAFyBA,IAAA2C,GAErB,CADyBT,EAAc,SAASS,CAAkB,GAC3C;AAC1B,gBAAMC,IAAa,IAAI;AAAA,YACtBC;AAAA,YACAC;AAAA,UAAA;AAEa,UAAAZ,EAAA,iBAAiBW,GAAqBb,CAAW,GAC/DE,EAAc,cAAcU,CAAU,GACjCA,EAAW,oBACfH,EAAS,MAAM;AACd,gBAAIM,IAAenD,EAAM;AACrB,YAACoD,EAASD,CAAY,MACzBvB,EAASuB,CAAY,GACjB,SAAS,kBAAkBA,MACfA,IAAA,WAGbA,MAAiB,WACpBE;AAAA,cACCC,EAA2BhB,CAAa;AAAA,cACxC;AAAA,YAAA,IAID,SAAS,kBAAkBS,KAC3BI,MAAiB,gBAEjBvB,EAASU,CAAa;AAAA,UACvB,CACA;AAAA,QAEH;AAAA,MACD;AAAA,IACD;AAEA,aAASiB,IAAY;AACd,YAAAjB,IAAgBC,EAAMrC,CAAU;AAEtC,UAAIoC,GAAe;AACJ,QAAAA,EAAA,oBAAoBW,GAAqBb,CAAW;AAE5D,cAAAoB,IAAgB,IAAI,YAAYC,GAAsB;AAAA,UAC3D,GAAGP;AAAA,UACH,QAAQ;AAAA,YACP,aAAa5C,EAAY;AAAA,UAC1B;AAAA,QAAA,CACA;AACa,QAAAgC,EAAA,iBAAiBmB,GAAsBpB,CAAc,GACnEC,EAAc,cAAckB,CAAa,GAExC,CAACA,EAAc,qBACdlD,EAAY,SAAS,cACrB,CAACoD,EAAA,KACDpB,EAAc,SAAS,SAAS,aAAa,MAErCV,EAAAxB,KAA0B,SAAS,IAAI,GAGnCkC,EAAA,oBAAoBmB,GAAsBrB,CAAW,GACnEU,EAAe,OAAOpC,CAAU;AAAA,MACjC;AAAA,IACD;AAEA,WAAAiD,EAAU,MAAM;AACf,MAAI3D,EAAM,WACC4C,KAGXb;AAAA,QACC,MAAM/B,EAAM;AAAA,QACZ,CAAC4D,MAAY;AACZ,UAAIA,IACOhB,MAEDW;QAEX;AAAA,MAAA;AAAA,IACD,CACA,GAEDM,EAAgB,MAAM;AACrB,MAAI7D,EAAM,WACAuD;IACV,CACA,GAEM;AAAA,MACN,WAAA5C;AAAA,IAAA;AAAA,EAED;AACF,CAAC;"}

package/es/packages/components/focus-trap/index.mjs

@@ -0,0 +1,26 @@
+import E from "./focus-trap.vue.mjs";
+import { FOCUSOUT_PREVENTED as _, FOCUSOUT_PREVENTED_OPTS as F, FOCUS_AFTER_RELEASED as o, FOCUS_AFTER_TRAPPED as T, FOCUS_AFTER_TRAPPED_OPTS as O, FOCUS_TRAP_INJECTION_KEY as r, ON_RELEASE_FOCUS_EVT as S, ON_TRAP_FOCUS_EVT as u } from "./tokens.mjs";
+import { createFocusOutPreventedEvent as a, focusFirstDescendant as c, focusableStack as P, getEdges as U, getVisibleElement as n, isFocusCausedByUserEvent as A, isHidden as C, obtainAllFocusableElements as i, tryFocus as l, useFocusReason as d } from "./utils.mjs";
+export {
+  _ as FOCUSOUT_PREVENTED,
+  F as FOCUSOUT_PREVENTED_OPTS,
+  o as FOCUS_AFTER_RELEASED,
+  T as FOCUS_AFTER_TRAPPED,
+  O as FOCUS_AFTER_TRAPPED_OPTS,
+  r as FOCUS_TRAP_INJECTION_KEY,
+  S as ON_RELEASE_FOCUS_EVT,
+  u as ON_TRAP_FOCUS_EVT,
+  E as VftFocusTrap,
+  a as createFocusOutPreventedEvent,
+  E as default,
+  c as focusFirstDescendant,
+  P as focusableStack,
+  U as getEdges,
+  n as getVisibleElement,
+  A as isFocusCausedByUserEvent,
+  C as isHidden,
+  i as obtainAllFocusableElements,
+  l as tryFocus,
+  d as useFocusReason
+};
+//# sourceMappingURL=index.mjs.map

package/es/packages/components/focus-trap/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/es/packages/components/focus-trap/tokens.mjs

@@ -0,0 +1,18 @@
+const e = "focus-trap.focus-after-trapped", s = "focus-trap.focus-after-released", t = "focus-trap.focusout-prevented", c = {
+  cancelable: !0,
+  bubbles: !1
+}, E = {
+  cancelable: !0,
+  bubbles: !1
+}, o = "focusAfterTrapped", _ = "focusAfterReleased", T = Symbol("vftFocusTrap");
+export {
+  t as FOCUSOUT_PREVENTED,
+  E as FOCUSOUT_PREVENTED_OPTS,
+  s as FOCUS_AFTER_RELEASED,
+  e as FOCUS_AFTER_TRAPPED,
+  c as FOCUS_AFTER_TRAPPED_OPTS,
+  T as FOCUS_TRAP_INJECTION_KEY,
+  _ as ON_RELEASE_FOCUS_EVT,
+  o as ON_TRAP_FOCUS_EVT
+};
+//# sourceMappingURL=tokens.mjs.map

package/es/packages/components/focus-trap/tokens.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.mjs","sources":["../../../../../../packages/components/focus-trap/tokens.ts"],"sourcesContent":["import type { InjectionKey, Ref } from 'vue';\n\nexport const FOCUS_AFTER_TRAPPED = 'focus-trap.focus-after-trapped';\nexport const FOCUS_AFTER_RELEASED = 'focus-trap.focus-after-released';\nexport const FOCUSOUT_PREVENTED = 'focus-trap.focusout-prevented';\nexport const FOCUS_AFTER_TRAPPED_OPTS: EventInit = {\n\tcancelable: true,\n\tbubbles: false,\n};\nexport const FOCUSOUT_PREVENTED_OPTS: EventInit = {\n\tcancelable: true,\n\tbubbles: false,\n};\n\nexport const ON_TRAP_FOCUS_EVT = 'focusAfterTrapped';\nexport const ON_RELEASE_FOCUS_EVT = 'focusAfterReleased';\n\nexport type FocusTrapInjectionContext = {\n\tfocusTrapRef: Ref<HTMLElement | undefined>\n\tonKeydown: (e: KeyboardEvent) => void\n}\n\nexport const FOCUS_TRAP_INJECTION_KEY: InjectionKey<FocusTrapInjectionContext> =\n\tSymbol('vftFocusTrap');\n"],"names":["FOCUS_AFTER_TRAPPED","FOCUS_AFTER_RELEASED","FOCUSOUT_PREVENTED","FOCUS_AFTER_TRAPPED_OPTS","FOCUSOUT_PREVENTED_OPTS","ON_TRAP_FOCUS_EVT","ON_RELEASE_FOCUS_EVT","FOCUS_TRAP_INJECTION_KEY"],"mappings":"AAEO,MAAMA,IAAsB,kCACtBC,IAAuB,mCACvBC,IAAqB,iCACrBC,IAAsC;AAAA,EAClD,YAAY;AAAA,EACZ,SAAS;AACV,GACaC,IAAqC;AAAA,EACjD,YAAY;AAAA,EACZ,SAAS;AACV,GAEaC,IAAoB,qBACpBC,IAAuB,sBAOvBC,IACZ,OAAO,cAAc;"}

package/es/packages/components/focus-trap/utils.mjs

@@ -0,0 +1,90 @@
+import { ref as i, onMounted as v, onBeforeUnmount as p } from "vue";
+import { FOCUSOUT_PREVENTED as F, FOCUSOUT_PREVENTED_OPTS as w } from "./tokens.mjs";
+const a = i(), u = i(0), d = i(0);
+let r = 0;
+const T = (e) => {
+  const n = [], o = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
+    acceptNode: (t) => {
+      const s = t.tagName === "INPUT" && t.type === "hidden";
+      return t.disabled || t.hidden || s ? NodeFilter.FILTER_SKIP : t.tabIndex >= 0 || t === document.activeElement ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+    }
+  });
+  for (; o.nextNode(); )
+    n.push(o.currentNode);
+  return n;
+}, l = (e, n) => {
+  for (const o of e)
+    if (!N(o, n))
+      return o;
+}, N = (e, n) => {
+  if (process.env.NODE_ENV === "test")
+    return !1;
+  if (getComputedStyle(e).visibility === "hidden")
+    return !0;
+  for (; e; ) {
+    if (n && e === n)
+      return !1;
+    if (getComputedStyle(e).display === "none")
+      return !0;
+    e = e.parentElement;
+  }
+  return !1;
+}, R = (e) => {
+  const n = T(e), o = l(n, e), t = l(n.reverse(), e);
+  return [o, t];
+}, y = (e) => e instanceof HTMLInputElement && "select" in e, S = (e, n) => {
+  if (e && e.focus) {
+    const o = document.activeElement;
+    e.focus({ preventScroll: !0 }), d.value = window.performance.now(), e !== o && y(e) && n && e.select();
+  }
+};
+function m(e, n) {
+  const o = [...e], t = e.indexOf(n);
+  return t !== -1 && o.splice(t, 1), o;
+}
+const L = () => {
+  let e = [];
+  return {
+    push: (t) => {
+      const s = e[0];
+      s && t !== s && s.pause(), e = m(e, t), e.unshift(t);
+    },
+    remove: (t) => {
+      var s, f;
+      e = m(e, t), (f = (s = e[0]) == null ? void 0 : s.resume) == null || f.call(s);
+    }
+  };
+}, k = (e, n = !1) => {
+  const o = document.activeElement;
+  for (const t of e)
+    if (S(t, n), document.activeElement !== o)
+      return;
+}, C = L(), I = () => u.value > d.value, c = () => {
+  a.value = "pointer", u.value = window.performance.now();
+}, E = () => {
+  a.value = "keyboard", u.value = window.performance.now();
+}, O = () => (v(() => {
+  r === 0 && (document.addEventListener("mousedown", c), document.addEventListener("touchstart", c), document.addEventListener("keydown", E)), r++;
+}), p(() => {
+  r--, r <= 0 && (document.removeEventListener("mousedown", c), document.removeEventListener("touchstart", c), document.removeEventListener("keydown", E));
+}), {
+  focusReason: a,
+  lastUserFocusTimestamp: u,
+  lastAutomatedFocusTimestamp: d
+}), P = (e) => new CustomEvent(F, {
+  ...w,
+  detail: e
+});
+export {
+  P as createFocusOutPreventedEvent,
+  k as focusFirstDescendant,
+  C as focusableStack,
+  R as getEdges,
+  l as getVisibleElement,
+  I as isFocusCausedByUserEvent,
+  N as isHidden,
+  T as obtainAllFocusableElements,
+  S as tryFocus,
+  O as useFocusReason
+};
+//# sourceMappingURL=utils.mjs.map

package/es/packages/components/focus-trap/utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.mjs","sources":["../../../../../../packages/components/focus-trap/utils.ts"],"sourcesContent":["import { onBeforeUnmount, onMounted, ref } from 'vue'\nimport { FOCUSOUT_PREVENTED, FOCUSOUT_PREVENTED_OPTS } from './tokens'\n\nconst focusReason = ref<'pointer' | 'keyboard'>()\nconst lastUserFocusTimestamp = ref<number>(0)\nconst lastAutomatedFocusTimestamp = ref<number>(0)\nlet focusReasonUserCount = 0\n\nexport type FocusLayer = {\n\tpaused: boolean\n\tpause: () => void\n\tresume: () => void\n}\n\nexport type FocusStack = FocusLayer[]\n\nexport const obtainAllFocusableElements = (\n\telement: HTMLElement\n): HTMLElement[] => {\n\tconst nodes: HTMLElement[] = []\n\tconst walker = document.createTreeWalker(element, NodeFilter.SHOW_ELEMENT, {\n\t\tacceptNode: (\n\t\t\tnode: Element & {\n\t\t\t\tdisabled: boolean\n\t\t\t\thidden: boolean\n\t\t\t\ttype: string\n\t\t\t\ttabIndex: number\n\t\t\t}\n\t\t) => {\n\t\t\tconst isHiddenInput = node.tagName === 'INPUT' && node.type === 'hidden'\n\t\t\tif (node.disabled || node.hidden || isHiddenInput)\n\t\t\t\treturn NodeFilter.FILTER_SKIP\n\t\t\treturn node.tabIndex >= 0 || node === document.activeElement\n\t\t\t\t? NodeFilter.FILTER_ACCEPT\n\t\t\t\t: NodeFilter.FILTER_SKIP\n\t\t},\n\t})\n\twhile (walker.nextNode()) nodes.push(walker.currentNode as HTMLElement)\n\t\n\treturn nodes\n}\n\nexport const getVisibleElement = (\n\telements: HTMLElement[],\n\tcontainer: HTMLElement\n) => {\n\tfor (const element of elements) {\n\t\tif (!isHidden(element, container)) return element\n\t}\n}\n\nexport const isHidden = (element: HTMLElement, container: HTMLElement) => {\n\tif (process.env.NODE_ENV === 'test') return false\n\tif (getComputedStyle(element).visibility === 'hidden') return true\n\t\n\twhile (element) {\n\t\tif (container && element === container) return false\n\t\tif (getComputedStyle(element).display === 'none') return true\n\t\telement = element.parentElement as HTMLElement\n\t}\n\t\n\treturn false\n}\n\nexport const getEdges = (container: HTMLElement) => {\n\tconst focusable = obtainAllFocusableElements(container)\n\tconst first = getVisibleElement(focusable, container)\n\tconst last = getVisibleElement(focusable.reverse(), container)\n\treturn [first, last]\n}\n\nconst isSelectable = (\n\telement: any\n): element is HTMLInputElement & {select: () => void} => {\n\treturn element instanceof HTMLInputElement && 'select' in element\n}\n\nexport const tryFocus = (\n\telement?: HTMLElement | {focus: () => void} | null,\n\tshouldSelect?: boolean\n) => {\n\tif (element && element.focus) {\n\t\tconst prevFocusedElement = document.activeElement\n\t\telement.focus({ preventScroll: true })\n\t\tlastAutomatedFocusTimestamp.value = window.performance.now()\n\t\tif (\n\t\t\telement !== prevFocusedElement &&\n\t\t\tisSelectable(element) &&\n\t\t\tshouldSelect\n\t\t) {\n\t\t\telement.select()\n\t\t}\n\t}\n}\n\nfunction removeFromStack<T> (list: T[], item: T) {\n\tconst copy = [...list]\n\t\n\tconst idx = list.indexOf(item)\n\t\n\tif (idx !== -1) {\n\t\tcopy.splice(idx, 1)\n\t}\n\treturn copy\n}\n\nconst createFocusableStack = () => {\n\tlet stack = [] as FocusStack\n\t\n\tconst push = (layer: FocusLayer) => {\n\t\tconst currentLayer = stack[0]\n\t\t\n\t\tif (currentLayer && layer !== currentLayer) {\n\t\t\tcurrentLayer.pause()\n\t\t}\n\t\t\n\t\tstack = removeFromStack(stack, layer)\n\t\tstack.unshift(layer)\n\t}\n\t\n\tconst remove = (layer: FocusLayer) => {\n\t\tstack = removeFromStack(stack, layer)\n\t\tstack[0]?.resume?.()\n\t}\n\t\n\treturn {\n\t\tpush,\n\t\tremove,\n\t}\n}\n\nexport const focusFirstDescendant = (\n\telements: HTMLElement[],\n\tshouldSelect = false\n) => {\n\tconst prevFocusedElement = document.activeElement\n\tfor (const element of elements) {\n\t\ttryFocus(element, shouldSelect)\n\t\tif (document.activeElement !== prevFocusedElement) return\n\t}\n}\n\nexport const focusableStack = createFocusableStack()\n\nexport const isFocusCausedByUserEvent = (): boolean => {\n\treturn lastUserFocusTimestamp.value > lastAutomatedFocusTimestamp.value\n}\n\nconst notifyFocusReasonPointer = () => {\n\tfocusReason.value = 'pointer'\n\tlastUserFocusTimestamp.value = window.performance.now()\n}\n\nconst notifyFocusReasonKeydown = () => {\n\tfocusReason.value = 'keyboard'\n\tlastUserFocusTimestamp.value = window.performance.now()\n}\n\nexport const useFocusReason = (): {\n\tfocusReason: typeof focusReason\n\tlastUserFocusTimestamp: typeof lastUserFocusTimestamp\n\tlastAutomatedFocusTimestamp: typeof lastAutomatedFocusTimestamp\n} => {\n\tonMounted(() => {\n\t\tif (focusReasonUserCount === 0) {\n\t\t\tdocument.addEventListener('mousedown', notifyFocusReasonPointer)\n\t\t\tdocument.addEventListener('touchstart', notifyFocusReasonPointer)\n\t\t\tdocument.addEventListener('keydown', notifyFocusReasonKeydown)\n\t\t}\n\t\tfocusReasonUserCount++\n\t})\n\t\n\tonBeforeUnmount(() => {\n\t\tfocusReasonUserCount--\n\t\tif (focusReasonUserCount <= 0) {\n\t\t\tdocument.removeEventListener('mousedown', notifyFocusReasonPointer)\n\t\t\tdocument.removeEventListener('touchstart', notifyFocusReasonPointer)\n\t\t\tdocument.removeEventListener('keydown', notifyFocusReasonKeydown)\n\t\t}\n\t})\n\t\n\treturn {\n\t\tfocusReason,\n\t\tlastUserFocusTimestamp,\n\t\tlastAutomatedFocusTimestamp,\n\t}\n}\n\nexport const createFocusOutPreventedEvent = (\n\tdetail: CustomEventInit['detail']\n) => {\n\treturn new CustomEvent(FOCUSOUT_PREVENTED, {\n\t\t...FOCUSOUT_PREVENTED_OPTS,\n\t\tdetail,\n\t})\n}\n"],"names":["focusReason","ref","lastUserFocusTimestamp","lastAutomatedFocusTimestamp","focusReasonUserCount","obtainAllFocusableElements","element","nodes","walker","node","isHiddenInput","getVisibleElement","elements","container","isHidden","getEdges","focusable","first","last","isSelectable","tryFocus","shouldSelect","prevFocusedElement","removeFromStack","list","item","copy","idx","createFocusableStack","stack","layer","currentLayer","_b","_a","focusFirstDescendant","focusableStack","isFocusCausedByUserEvent","notifyFocusReasonPointer","notifyFocusReasonKeydown","useFocusReason","onMounted","onBeforeUnmount","createFocusOutPreventedEvent","detail","FOCUSOUT_PREVENTED","FOCUSOUT_PREVENTED_OPTS"],"mappings":"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"}

package/es/packages/components/icon/icon.vue2.mjs

@@ -0,0 +1,42 @@
+import { defineComponent as t, computed as i, openBlock as c, createElementBlock as s, renderSlot as r } from "vue";
+import { addUnit as a } from "@vft/utils";
+import { useNamespace as f } from "../../hooks/use-namespace/index.mjs";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.mjs";
+import "@vueuse/core";
+import "@vue/shared";
+const u = (
+  /* hoist-static*/
+  f("icon")
+), m = t({
+  name: u.b()
+}), b = /* @__PURE__ */ t({
+  ...m,
+  props: {
+    dot: { type: Boolean },
+    icon: null,
+    size: null,
+    badge: null,
+    color: null,
+    classPrefix: null,
+    spin: { type: Boolean },
+    cursor: { type: Boolean },
+    scale: null
+  },
+  emits: ["click"],
+  setup(e, { emit: d }) {
+    i(() => {
+      const o = {};
+      return e.color && (o.color = e.color), e.size && (o.fontSize = a(e.size)), e.spin && (o.animation = "vft-rotate 1s linear 0s infinite"), e.cursor && (o.cursor = "pointer"), e.scale && (o.transform = "scale(0.8)"), o;
+    });
+    const n = ((o) => o == null ? void 0 : o.includes("/"))(e.icon), l = i(() => e.classPrefix);
+    return i(() => n ? "" : [e.icon.startsWith("vi-") ? "vicon" : "iconfont", `${l.value || ""}${e.icon}`]), (o, B) => (c(), s("div", null, [
+      r(o.$slots, "default")
+    ]));
+  }
+});
+export {
+  b as default
+};
+//# sourceMappingURL=icon.vue2.mjs.map

package/es/packages/components/icon/icon.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.vue2.mjs","sources":["../../../../../../packages/components/icon/icon.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('icon')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n  name: ns.b()\n});</script>\n<script lang=\"ts\" setup>\nimport { computed, type CSSProperties, inject } from 'vue';\nimport { addUnit } from '@vft/utils';\nimport { useNamespace } from '@vft-ui/hooks';\n\nexport interface IconProps {\n  /** 是否显示图标右上角小红点 */\n  dot?: boolean;\n  /** 图标名称或图片链接 */\n  icon: string;\n  /** 图标大小 */\n  size?: Numberish;\n  /** 图标右上角徽标的内容 */\n  badge?: Numberish;\n  /** 图标颜色 */\n  color?: string;\n  /** 类名前缀，用于使用自定义图标 */\n  classPrefix?: string;\n  spin?: boolean;\n  cursor?: boolean;\n  scale?: number\n}\n\nconst emit = defineEmits(['click']);\n\ndefineProps({\n  \"dot\": { type: Boolean,  },\n  \"icon\": null,\n  \"size\": null,\n  \"badge\": null,\n  \"color\": null,\n  \"classPrefix\": null,\n  \"spin\": { type: Boolean,  },\n  \"cursor\": { type: Boolean,  },\n  \"scale\": null\n})\n\n\n\n;\n\nconst style = computed(() => {\n  const _style: CSSProperties = {};\n  if (__props.color) {\n    _style['color'] = __props.color;\n  }\n  if (__props.size) {\n    _style['fontSize'] = addUnit(__props.size);\n  }\n  if (__props.spin) {\n    _style['animation'] = 'vft-rotate 1s linear 0s infinite';\n  }\n  if (__props.cursor) {\n    _style['cursor'] = 'pointer';\n  }\n  if (__props.scale) {\n    _style.transform = 'scale(0.8)';\n  }\n  return _style;\n});\n\nconst isImage = (name?: string) => name?.includes('/');\nconst isImageIcon = isImage(__props.icon);\n\n\nconst _classPrefix = computed(() => __props.classPrefix);\nconst classes = computed(() => (isImageIcon ? '' : [__props.icon.startsWith('vi-') ? 'vicon' : 'iconfont', `${_classPrefix.value || ''}${__props.icon}`]));\n</script>\n\n<template>\n\t<div>\n\t\t<slot></slot>\n\t</div>\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","computed","_style","__props","addUnit","isImageIcon","name","_classPrefix"],"mappings":";;;;;;;;AACA,MAAMA;AAAA;AAAA,EAAuBC,EAAa,MAAM;AAAA,GAGhDC,IAA6BC,EAAmB;AAAA,EAC9C,MAAMH,EAAG,EAAE;AACb,CAAC;;;;;;;;;;;;;;;AA0Ca,IAAAI,EAAS,MAAM;AAC3B,YAAMC,IAAwB,CAAA;AAC9B,aAAIC,EAAQ,UACHD,EAAA,QAAWC,EAAQ,QAExBA,EAAQ,SACVD,EAAO,WAAcE,EAAQD,EAAQ,IAAI,IAEvCA,EAAQ,SACVD,EAAO,YAAe,qCAEpBC,EAAQ,WACVD,EAAO,SAAY,YAEjBC,EAAQ,UACVD,EAAO,YAAY,eAEdA;AAAA,IAAA,CACR;AAGK,UAAAG,KADU,CAACC,MAAkBA,KAAA,gBAAAA,EAAM,SAAS,MACtBH,EAAQ,IAAI,GAGlCI,IAAeN,EAAS,MAAME,EAAQ,WAAW;AACvC,WAAAF,EAAS,MAAOI,IAAc,KAAK,CAACF,EAAQ,KAAK,WAAW,KAAK,IAAI,UAAU,YAAY,GAAGI,EAAa,SAAS,KAAKJ,EAAQ,MAAM,CAAE;;;;;"}

package/es/packages/components/icon/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/icon/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils';\n\nimport Icon, { type IconProps } from './icon.vue';\n\nexport {\n\ttype IconProps\n} from './icon.vue';\n\nexport const VftIcon = withInstall(Icon);\nexport default VftIcon;\n"],"names":["VftIcon","withInstall","Icon"],"mappings":";;;;;AAQa,MAAAA,IAAUC,EAAYC,CAAI;"}

package/es/packages/components/index.mjs

@@ -0,0 +1,53 @@
+import { VftDivider as r } from "./divider/index.mjs";
+import { VftIcon as f } from "./icon/index.mjs";
+import { VftAvatar as x } from "./avatar/index.mjs";
+import { VftEmpty as n } from "./empty/index.mjs";
+import { VftResult as V } from "./result/index.mjs";
+import { VftException as s } from "./exception/index.mjs";
+import { VftTabPane as T, VftTabs as l } from "./tabs/index.mjs";
+import { VftPopper as M } from "./popper/index.mjs";
+import { VftCollapseTransition as C } from "./collapse-transition/index.mjs";
+import { VftTooltip as y } from "./tooltip/index.mjs";
+import { VftPopover as c } from "./popover/index.mjs";
+import { VftMenu as v, VftMenuItem as A, VftMenuItemGroup as D, VftSubMenu as I } from "./menu/index.mjs";
+import { createContextMenu as R, destroyContextMenu as G } from "./context-menu/createContextMenu.mjs";
+import { useContextMenu as S } from "./context-menu/useContextMenu.mjs";
+import { VftMultipleTabs as j } from "./multiple-tabs/index.mjs";
+import { EmptyEnum as q } from "./empty/constants.mjs";
+import { TabsRootContextKey as B } from "./tabs/types.mjs";
+import { default as H } from "./popper/arrow.vue2.mjs";
+import { default as L } from "./popper/trigger.vue2.mjs";
+import { default as O } from "./popper/content.vue2.mjs";
+import { useTabDropdown as U } from "./multiple-tabs/use/use-tab-dropdown.mjs";
+import { initAffixTabs as X, useTabsDrag as Y } from "./multiple-tabs/use/use-multiple-tabs.mjs";
+export {
+  q as EmptyEnum,
+  B as TabsRootContextKey,
+  x as VftAvatar,
+  C as VftCollapseTransition,
+  r as VftDivider,
+  n as VftEmpty,
+  s as VftException,
+  f as VftIcon,
+  v as VftMenu,
+  A as VftMenuItem,
+  D as VftMenuItemGroup,
+  j as VftMultipleTabs,
+  c as VftPopover,
+  M as VftPopper,
+  H as VftPopperArrow,
+  O as VftPopperContent,
+  L as VftPopperTrigger,
+  V as VftResult,
+  I as VftSubMenu,
+  T as VftTabPane,
+  l as VftTabs,
+  y as VftTooltip,
+  R as createContextMenu,
+  G as destroyContextMenu,
+  X as initAffixTabs,
+  S as useContextMenu,
+  U as useTabDropdown,
+  Y as useTabsDrag
+};
+//# sourceMappingURL=index.mjs.map

package/es/packages/components/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}

package/es/packages/components/menu/index.mjs

@@ -0,0 +1,21 @@
+import { withInstall as r, withNoopInstall as t } from "../../utils/vue/install.mjs";
+import "vue";
+import "@vue/shared";
+import "@vft/utils";
+import f from "./menu.vue2.mjs";
+import o from "./menu-item.vue2.mjs";
+import m from "./menu-item-group.vue2.mjs";
+import n from "./sub-menu.vue2.mjs";
+const M = r(f, {
+  MenuItem: o,
+  MenuItemGroup: m,
+  SubMenu: n
+}), I = t(o), l = t(m), V = t(n);
+export {
+  M as VftMenu,
+  I as VftMenuItem,
+  l as VftMenuItemGroup,
+  V as VftSubMenu,
+  M as default
+};
+//# sourceMappingURL=index.mjs.map

package/es/packages/components/menu/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/menu/index.ts"],"sourcesContent":["import { withInstall, withNoopInstall } from '@vft-ui/utils'\n\nimport Menu from './menu.vue'\nimport MenuItem from './menu-item.vue'\nimport MenuItemGroup from './menu-item-group.vue'\nimport SubMenu from './sub-menu.vue'\n\nexport const VftMenu = withInstall(Menu, {\n\tMenuItem,\n\tMenuItemGroup,\n\tSubMenu,\n})\nexport default VftMenu\nexport const VftMenuItem = withNoopInstall(MenuItem)\nexport const VftMenuItemGroup = withNoopInstall(MenuItemGroup)\nexport const VftSubMenu = withNoopInstall(SubMenu)\n\nexport * from './types'\n"],"names":["VftMenu","withInstall","Menu","MenuItem","MenuItemGroup","SubMenu","VftMenuItem","withNoopInstall","VftMenuItemGroup","VftSubMenu"],"mappings":";;;;;;;;AAOa,MAAAA,IAAUC,EAAYC,GAAM;AAAA,EAAA,UACxCC;AAAAA,EAAA,eACAC;AAAAA,EAAA,SACAC;AACD,CAAC,GAEYC,IAAcC,EAAgBJ,CAAQ,GACtCK,IAAmBD,EAAgBH,CAAa,GAChDK,IAAaF,EAAgBF,CAAO;"}

package/es/packages/components/menu/menu-collapse-transition.vue.mjs

@@ -0,0 +1,16 @@
+import o from "./menu-collapse-transition.vue2.mjs";
+import { openBlock as r, createBlock as t, Transition as n, mergeProps as s, withCtx as i, renderSlot as a } from "vue";
+import p from "../../../_virtual/_plugin-vue_export-helper.mjs";
+function f(e, l, c, m, d, u) {
+  return r(), t(n, s({ mode: "out-in" }, e.listeners), {
+    default: i(() => [
+      a(e.$slots, "default")
+    ]),
+    _: 3
+  }, 16);
+}
+const k = /* @__PURE__ */ p(o, [["render", f]]);
+export {
+  k as default
+};
+//# sourceMappingURL=menu-collapse-transition.vue.mjs.map

package/es/packages/components/menu/menu-collapse-transition.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-collapse-transition.vue.mjs","sources":["../../../../../../packages/components/menu/menu-collapse-transition.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent } from 'vue';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { addClass, hasClass, removeClass } from '@vft/utils';\n\nimport type { BaseTransitionProps, TransitionProps } from 'vue';\n\nexport default defineComponent({\n  setup() {\n    const ns = useNamespace('menu');\n    const listeners = {\n      onBeforeEnter: (el) => (el.style.opacity = '0.2'),\n      onEnter(el, done) {\n        addClass(el, `${ns.namespace.value}-opacity-transition`);\n        el.style.opacity = '1';\n        done();\n      },\n\n      onAfterEnter(el) {\n        removeClass(el, `${ns.namespace.value}-opacity-transition`);\n        el.style.opacity = '';\n      },\n\n      onBeforeLeave(el) {\n        if (!el.dataset) {\n          ;(el as any).dataset = {};\n        }\n\n        if (hasClass(el, ns.m('collapse'))) {\n          removeClass(el, ns.m('collapse'));\n          el.dataset.oldOverflow = el.style.overflow;\n          el.dataset.scrollWidth = el.clientWidth.toString();\n          addClass(el, ns.m('collapse'));\n        } else {\n          addClass(el, ns.m('collapse'));\n          el.dataset.oldOverflow = el.style.overflow;\n          el.dataset.scrollWidth = el.clientWidth.toString();\n          removeClass(el, ns.m('collapse'));\n        }\n\n        el.style.width = `${el.scrollWidth}px`;\n        el.style.overflow = 'hidden';\n      },\n\n      onLeave(el: HTMLElement) {\n        addClass(el, 'horizontal-collapse-transition');\n        el.style.width = `${el.dataset.scrollWidth}px`;\n      }\n    } as BaseTransitionProps<HTMLElement> as TransitionProps;\n\n    return {\n      listeners\n    };\n  }\n});\n</script>\n\n<template>\n  <transition mode=\"out-in\" v-bind=\"listeners\">\n    <slot />\n  </transition>\n</template>\n"],"names":["_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_openBlock","_createBlock","_Transition","_mergeProps","_withCtx"],"mappings":";;;AA2DY,SAAAA,EAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAA;SAARC,EAAQ,GAAAC,EAAAC,GAAAC,EAAA,EAAA,MAAA,SAAA,GAAAT,EAAA,SAAA,GAAA;AAAA,IAAA,SAAAU,EAAA,MAAA;AAAA;;;;;;"}

package/es/packages/components/menu/menu-collapse-transition.vue2.mjs

@@ -0,0 +1,34 @@
+import { defineComponent as i } from "vue";
+import { useNamespace as r } from "../../hooks/use-namespace/index.mjs";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.mjs";
+import "@vueuse/core";
+import "@vue/shared";
+import { addClass as s, removeClass as a, hasClass as n } from "@vft/utils";
+const u = i({
+  setup() {
+    const o = r("menu");
+    return {
+      listeners: {
+        onBeforeEnter: (t) => t.style.opacity = "0.2",
+        onEnter(t, e) {
+          s(t, `${o.namespace.value}-opacity-transition`), t.style.opacity = "1", e();
+        },
+        onAfterEnter(t) {
+          a(t, `${o.namespace.value}-opacity-transition`), t.style.opacity = "";
+        },
+        onBeforeLeave(t) {
+          t.dataset || (t.dataset = {}), n(t, o.m("collapse")) ? (a(t, o.m("collapse")), t.dataset.oldOverflow = t.style.overflow, t.dataset.scrollWidth = t.clientWidth.toString(), s(t, o.m("collapse"))) : (s(t, o.m("collapse")), t.dataset.oldOverflow = t.style.overflow, t.dataset.scrollWidth = t.clientWidth.toString(), a(t, o.m("collapse"))), t.style.width = `${t.scrollWidth}px`, t.style.overflow = "hidden";
+        },
+        onLeave(t) {
+          s(t, "horizontal-collapse-transition"), t.style.width = `${t.dataset.scrollWidth}px`;
+        }
+      }
+    };
+  }
+});
+export {
+  u as default
+};
+//# sourceMappingURL=menu-collapse-transition.vue2.mjs.map

package/es/packages/components/menu/menu-collapse-transition.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-collapse-transition.vue2.mjs","sources":["../../../../../../packages/components/menu/menu-collapse-transition.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent } from 'vue';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { addClass, hasClass, removeClass } from '@vft/utils';\n\nimport type { BaseTransitionProps, TransitionProps } from 'vue';\n\nexport default defineComponent({\n  setup() {\n    const ns = useNamespace('menu');\n    const listeners = {\n      onBeforeEnter: (el) => (el.style.opacity = '0.2'),\n      onEnter(el, done) {\n        addClass(el, `${ns.namespace.value}-opacity-transition`);\n        el.style.opacity = '1';\n        done();\n      },\n\n      onAfterEnter(el) {\n        removeClass(el, `${ns.namespace.value}-opacity-transition`);\n        el.style.opacity = '';\n      },\n\n      onBeforeLeave(el) {\n        if (!el.dataset) {\n          ;(el as any).dataset = {};\n        }\n\n        if (hasClass(el, ns.m('collapse'))) {\n          removeClass(el, ns.m('collapse'));\n          el.dataset.oldOverflow = el.style.overflow;\n          el.dataset.scrollWidth = el.clientWidth.toString();\n          addClass(el, ns.m('collapse'));\n        } else {\n          addClass(el, ns.m('collapse'));\n          el.dataset.oldOverflow = el.style.overflow;\n          el.dataset.scrollWidth = el.clientWidth.toString();\n          removeClass(el, ns.m('collapse'));\n        }\n\n        el.style.width = `${el.scrollWidth}px`;\n        el.style.overflow = 'hidden';\n      },\n\n      onLeave(el: HTMLElement) {\n        addClass(el, 'horizontal-collapse-transition');\n        el.style.width = `${el.dataset.scrollWidth}px`;\n      }\n    } as BaseTransitionProps<HTMLElement> as TransitionProps;\n\n    return {\n      listeners\n    };\n  }\n});\n</script>\n\n<template>\n  <transition mode=\"out-in\" v-bind=\"listeners\">\n    <slot />\n  </transition>\n</template>\n"],"names":["_sfc_main","defineComponent","ns","useNamespace","el","done","addClass","removeClass","hasClass"],"mappings":";;;;;;;;AAOA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,QAAQ;AACA,UAAAC,IAAKC,EAAa,MAAM;AAyCvB,WAAA;AAAA,MACL,WAzCgB;AAAA,QAChB,eAAe,CAACC,MAAQA,EAAG,MAAM,UAAU;AAAA,QAC3C,QAAQA,GAAIC,GAAM;AAChB,UAAAC,EAASF,GAAI,GAAGF,EAAG,UAAU,0BAA0B,GACvDE,EAAG,MAAM,UAAU,KACdC;QACP;AAAA,QAEA,aAAaD,GAAI;AACf,UAAAG,EAAYH,GAAI,GAAGF,EAAG,UAAU,0BAA0B,GAC1DE,EAAG,MAAM,UAAU;AAAA,QACrB;AAAA,QAEA,cAAcA,GAAI;AACZ,UAACA,EAAG,YACJA,EAAW,UAAU,KAGrBI,EAASJ,GAAIF,EAAG,EAAE,UAAU,CAAC,KAC/BK,EAAYH,GAAIF,EAAG,EAAE,UAAU,CAAC,GAC7BE,EAAA,QAAQ,cAAcA,EAAG,MAAM,UAClCA,EAAG,QAAQ,cAAcA,EAAG,YAAY,SAAS,GACjDE,EAASF,GAAIF,EAAG,EAAE,UAAU,CAAC,MAE7BI,EAASF,GAAIF,EAAG,EAAE,UAAU,CAAC,GAC1BE,EAAA,QAAQ,cAAcA,EAAG,MAAM,UAClCA,EAAG,QAAQ,cAAcA,EAAG,YAAY,SAAS,GACjDG,EAAYH,GAAIF,EAAG,EAAE,UAAU,CAAC,IAG/BE,EAAA,MAAM,QAAQ,GAAGA,EAAG,iBACvBA,EAAG,MAAM,WAAW;AAAA,QACtB;AAAA,QAEA,QAAQA,GAAiB;AACvB,UAAAE,EAASF,GAAI,gCAAgC,GAC7CA,EAAG,MAAM,QAAQ,GAAGA,EAAG,QAAQ;AAAA,QACjC;AAAA,MAAA;AAAA,IAIA;AAAA,EAEJ;AACF,CAAC;"}

package/es/packages/components/menu/menu-item-group.vue.mjs

@@ -0,0 +1,5 @@
+import f from "./menu-item-group.vue2.mjs";
+export {
+  f as default
+};
+//# sourceMappingURL=menu-item-group.vue.mjs.map

package/es/packages/components/menu/menu-item-group.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item-group.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/es/packages/components/menu/menu-item-group.vue2.mjs

@@ -0,0 +1,39 @@
+import { defineComponent as m, openBlock as o, createElementBlock as l, normalizeClass as r, unref as s, createElementVNode as n, Fragment as p, createTextVNode as u, toDisplayString as c, renderSlot as i } from "vue";
+import { useNamespace as d } from "../../hooks/use-namespace/index.mjs";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.mjs";
+import "@vueuse/core";
+import "@vue/shared";
+import "@vft/utils";
+const t = (
+  /* hoist-static*/
+  d("menu-item-group")
+), f = m({
+  name: t.b()
+}), E = /* @__PURE__ */ m({
+  ...f,
+  props: {
+    title: null
+  },
+  setup(a) {
+    return (e, _) => (o(), l("li", {
+      class: r(s(t).b())
+    }, [
+      n("div", {
+        class: r(s(t).e("title"))
+      }, [
+        e.$slots.title ? i(e.$slots, "title", { key: 1 }) : (o(), l(p, { key: 0 }, [
+          u(c(a.title), 1)
+        ], 64))
+      ], 2),
+      n("ul", null, [
+        i(e.$slots, "default")
+      ])
+    ], 2));
+  }
+});
+export {
+  E as default
+};
+//# sourceMappingURL=menu-item-group.vue2.mjs.map

package/es/packages/components/menu/menu-item-group.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item-group.vue2.mjs","sources":["../../../../../../packages/components/menu/menu-item-group.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('menu-item-group')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: ns.b()\n});</script>\n<template>\n  <li :class=\"ns.b()\">\n    <div :class=\"ns.e('title')\">\n      <template v-if=\"!$slots.title\">{{ title }}</template>\n      <slot v-else name=\"title\" />\n    </div>\n    <ul>\n      <slot />\n    </ul>\n  </li>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useNamespace } from '@vft-ui/hooks';\n\ninterface Props {\n\ttitle?: string\n}\n\ndefineProps({\n  \"title\": null\n});\n\n\n\n;\n</script>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent"],"mappings":";;;;;;;;AACA,MAAMA;AAAA;AAAA,EAAuBC,EAAa,iBAAiB;AAAA,GAG3DC,IAA6BC,EAAmB;AAAA,EAC/C,MAAMH,EAAG,EAAE;AACZ,CAAC;;;;;;;;;;;;;;;;;;;;;;"}

package/es/packages/components/menu/menu-item.vue.mjs

@@ -0,0 +1,5 @@
+import f from "./menu-item.vue2.mjs";
+export {
+  f as default
+};
+//# sourceMappingURL=menu-item.vue.mjs.map

package/es/packages/components/menu/menu-item.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}