import { defineComponent, ref, createBlock, openBlock, mergeProps, unref, nextTick, withCtx, renderSlot } from 'vue'; import { _ as _sfc_main$1 } from './MenuItemImpl.js'; import { S as SELECTION_KEYS, I as ITEM_SELECT } from './utils.js'; import { u as useForwardExpose } from '../shared/useForwardExpose.js'; import { a as injectMenuRootContext } from './MenuRoot.js'; import { i as injectMenuContentContext } from './MenuContentImpl.js'; const _sfc_main = /* @__PURE__ */ defineComponent({ __name: "MenuItem", props: { disabled: { type: Boolean }, textValue: {}, asChild: { type: Boolean }, as: {} }, emits: ["select"], setup(__props, { emit: __emit }) { const props = __props; const emits = __emit; const { forwardRef, currentElement } = useForwardExpose(); const rootContext = injectMenuRootContext(); const contentContext = injectMenuContentContext(); const isPointerDownRef = ref(false); async function handleSelect() { const menuItem = currentElement.value; if (!props.disabled && menuItem) { const itemSelectEvent = new CustomEvent(ITEM_SELECT, { bubbles: true, cancelable: true }); emits("select", itemSelectEvent); await nextTick(); if (itemSelectEvent.defaultPrevented) isPointerDownRef.value = false; else rootContext.onClose(); } } return (_ctx, _cache) => { return openBlock(), createBlock(_sfc_main$1, mergeProps(props, { ref: unref(forwardRef), onClick: handleSelect, onPointerdown: _cache[0] || (_cache[0] = () => { isPointerDownRef.value = true; }), onPointerup: _cache[1] || (_cache[1] = async (event) => { await nextTick(); if (event.defaultPrevented) return; if (!isPointerDownRef.value) event.currentTarget?.click(); }), onKeydown: _cache[2] || (_cache[2] = async (event) => { const isTypingAhead = unref(contentContext).searchRef.value !== ""; if (_ctx.disabled || isTypingAhead && event.key === " ") return; if (unref(SELECTION_KEYS).includes(event.key)) { event.currentTarget.click(); event.preventDefault(); } }) }), { default: withCtx(() => [ renderSlot(_ctx.$slots, "default") ]), _: 3 }, 16); }; } }); export { _sfc_main as _ }; //# sourceMappingURL=MenuItem.js.map