reka-ui
Version:
Vue port for Radix UI Primitives.
1 lines • 1.45 kB
Source Map (JSON)
{"version":3,"file":"SelectPopperPosition.cjs","sources":["../../src/Select/SelectPopperPosition.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { PopperContentProps } from '@/Popper'\n\nexport interface SelectPopperPositionProps extends PopperContentProps {}\n</script>\n\n<script setup lang=\"ts\">\nimport { useForwardProps } from '..'\nimport { CONTENT_MARGIN } from './utils'\nimport { PopperContent } from '@/Popper'\n\nconst props = withDefaults(defineProps<SelectPopperPositionProps>(), {\n align: 'start',\n collisionPadding: CONTENT_MARGIN,\n})\nconst forwarded = useForwardProps(props)\n</script>\n\n<template>\n <PopperContent\n v-bind=\"forwarded\"\n :style=\"{\n // Ensure border-box for floating-ui calculations\n 'boxSizing': 'border-box',\n '--reka-select-content-transform-origin':\n 'var(--reka-popper-transform-origin)',\n '--reka-select-content-available-width':\n 'var(--reka-popper-available-width)',\n '--reka-select-content-available-height':\n 'var(--reka-popper-available-height)',\n '--reka-select-trigger-width': 'var(--reka-popper-anchor-width)',\n '--reka-select-trigger-height': 'var(--reka-popper-anchor-height)',\n }\"\n >\n <slot />\n </PopperContent>\n</template>\n"],"names":["useForwardProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,IAAA,MAAM,KAAQ,GAAA,OAAA;AAId,IAAM,MAAA,SAAA,GAAYA,uCAAgB,KAAK,CAAA;;;;;;;;;;;;;;;;;;;;;;"}