{"version":3,"file":"dropdown-menu.vue2.mjs","sources":["../../../../../packages/components/dropdown/src/dropdown-menu.vue"],"sourcesContent":["<template>\n  <ul\n    :ref=\"dropdownListWrapperRef\"\n    :class=\"dropdownKls\"\n    :style=\"rovingFocusGroupRootStyle\"\n    :tabindex=\"-1\"\n    role=\"menu\"\n    @blur=\"onBlur\"\n    @focus=\"onFocus\"\n    @keydown=\"handleKeydown\"\n    @mousedown=\"onMousedown\"\n  >\n    <slot></slot>\n  </ul>\n</template>\n<script lang=\"ts\">\nimport { computed, defineComponent, inject, unref } from 'vue'\nimport { composeRefs, composeEventHandlers } from '@element-ultra/utils'\nimport { EVENT_CODE } from '@element-ultra/shared'\nimport { FOCUS_TRAP_INJECTION_KEY } from '@element-ultra/components/focus-trap'\nimport {\n  ROVING_FOCUS_COLLECTION_INJECTION_KEY,\n  ROVING_FOCUS_GROUP_INJECTION_KEY,\n  focusFirst,\n} from '@element-ultra/components/roving-focus-group'\nimport { useNamespace } from '@element-ultra/hooks'\nimport { DROPDOWN_INJECTION_KEY } from './tokens'\nimport {\n  DROPDOWN_COLLECTION_INJECTION_KEY,\n  dropdownMenuProps,\n  FIRST_LAST_KEYS,\n  LAST_KEYS,\n} from './dropdown'\nimport { useDropdown } from './useDropdown'\n\nexport default defineComponent({\n  name: 'ElDropdownMenu',\n  props: dropdownMenuProps,\n  setup(props) {\n    const ns = useNamespace('dropdown')\n    const { _elDropdownSize } = useDropdown()\n    const size = _elDropdownSize.value\n\n    const { focusTrapRef, onKeydown } = inject(\n      FOCUS_TRAP_INJECTION_KEY,\n      undefined\n    )!\n\n    const { contentRef } = inject(DROPDOWN_INJECTION_KEY, undefined)!\n\n    const { collectionRef: dropdownCollectionRef, getItems } = inject(\n      DROPDOWN_COLLECTION_INJECTION_KEY,\n      undefined\n    )!\n\n    const {\n      rovingFocusGroupRef,\n      rovingFocusGroupRootStyle,\n      tabIndex,\n      onBlur,\n      onFocus,\n      onMousedown,\n    } = inject(ROVING_FOCUS_GROUP_INJECTION_KEY, undefined)!\n\n    const { collectionRef: rovingFocusGroupCollectionRef } = inject(\n      ROVING_FOCUS_COLLECTION_INJECTION_KEY,\n      undefined\n    )!\n\n    const dropdownKls = computed(() => {\n      return [ns.b('menu'), ns.bm('menu', size?.value)]\n    })\n\n    const dropdownListWrapperRef = composeRefs(\n      contentRef,\n      dropdownCollectionRef,\n      focusTrapRef,\n      rovingFocusGroupRef,\n      rovingFocusGroupCollectionRef\n    )\n\n    const composedKeydown = composeEventHandlers(\n      (e: KeyboardEvent) => {\n        props.onKeydown?.(e)\n      },\n      (e) => {\n        const { currentTarget, code, target } = e\n        const isKeydownContained = (currentTarget as Node).contains(\n          target as Node\n        )\n\n        if (isKeydownContained) {\n          // TODO: implement typeahead search\n        }\n\n        if (EVENT_CODE.tab === code) {\n          e.stopImmediatePropagation()\n        }\n\n        e.preventDefault()\n\n        if (target !== unref(contentRef)) return\n        if (!FIRST_LAST_KEYS.includes(code)) return\n        const items = getItems<{ disabled: boolean }>().filter(\n          (item) => !item.disabled\n        )\n        const targets = items.map((item) => item.ref!)\n        if (LAST_KEYS.includes(code)) {\n          targets.reverse()\n        }\n        focusFirst(targets)\n      }\n    )\n\n    const handleKeydown = (e: KeyboardEvent) => {\n      composedKeydown(e)\n      onKeydown(e)\n    }\n\n    return {\n      size,\n      rovingFocusGroupRootStyle,\n      tabIndex,\n      dropdownKls,\n      dropdownListWrapperRef,\n      handleKeydown,\n      onBlur,\n      onFocus,\n      onMousedown,\n    }\n  },\n})\n</script>\n"],"names":["DROPDOWN_COLLECTION_INJECTION_KEY","ROVING_FOCUS_COLLECTION_INJECTION_KEY"],"mappings":"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"}