reka-ui
Version:
Vue port for Radix UI Primitives.
1 lines • 1.06 kB
Source Map (JSON)
{"version":3,"file":"ToolbarLink.cjs","sources":["../../src/Toolbar/ToolbarLink.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { PrimitiveProps } from '@/Primitive'\nimport { useForwardExpose } from '@/shared'\n\nexport interface ToolbarLinkProps extends PrimitiveProps {}\n</script>\n\n<script setup lang=\"ts\">\nimport { Primitive } from '@/Primitive'\nimport { RovingFocusItem } from '@/RovingFocus'\n\nconst props = withDefaults(defineProps<ToolbarLinkProps>(), { as: 'a' })\nconst { forwardRef } = useForwardExpose()\n</script>\n\n<template>\n <RovingFocusItem\n as-child\n focusable\n >\n <Primitive\n v-bind=\"props\"\n :ref=\"forwardRef\"\n @keydown=\"(event: KeyboardEvent) => {\n if (event.key === ' ') (event.currentTarget as HTMLElement)?.click()\n }\"\n >\n <slot />\n </Primitive>\n </RovingFocusItem>\n</template>\n"],"names":["useForwardExpose"],"mappings":";;;;;;;;;;;;;;AAWA,IAAA,MAAM,KAAQ,GAAA,OAAA;AACd,IAAM,MAAA,EAAE,UAAW,EAAA,GAAIA,wCAAiB,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;"}