UNPKG

reka-ui

Version:

Vue port for Radix UI Primitives.

1 lines 2.08 kB
{"version":3,"file":"PopoverContent.cjs","sources":["../../src/Popover/PopoverContent.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type {\n PopoverContentImplEmits,\n PopoverContentImplProps,\n} from './PopoverContentImpl.vue'\n\nexport type PopoverContentEmits = PopoverContentImplEmits\n\nexport interface PopoverContentProps extends PopoverContentImplProps {\n /**\n * Used to force mounting when more control is needed. Useful when\n * controlling animation with Vue animation libraries.\n */\n forceMount?: boolean\n}\n</script>\n\n<script setup lang=\"ts\">\nimport PopoverContentModal from './PopoverContentModal.vue'\nimport PopoverContentNonModal from './PopoverContentNonModal.vue'\nimport { injectPopoverRootContext } from './PopoverRoot.vue'\nimport { useForwardExpose, useForwardPropsEmits, useId } from '@/shared'\nimport { Presence } from '@/Presence'\n\nconst props = defineProps<PopoverContentProps>()\nconst emits = defineEmits<PopoverContentEmits>()\n\nconst rootContext = injectPopoverRootContext()\n\nconst forwarded = useForwardPropsEmits(props, emits)\nconst { forwardRef } = useForwardExpose()\n\nrootContext.contentId ||= useId(undefined, 'reka-popover-content')\n</script>\n\n<template>\n <Presence :present=\"forceMount || rootContext.open.value\">\n <PopoverContentModal\n v-if=\"rootContext.modal.value\"\n v-bind=\"forwarded\"\n :ref=\"forwardRef\"\n >\n <slot />\n </PopoverContentModal>\n <PopoverContentNonModal\n v-else\n v-bind=\"forwarded\"\n :ref=\"forwardRef\"\n >\n <slot />\n </PopoverContentNonModal>\n </Presence>\n</template>\n"],"names":["injectPopoverRootContext","useForwardPropsEmits","useForwardExpose","useId"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,IAAA,MAAM,KAAQ,GAAA,OAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA;AAEd,IAAA,MAAM,cAAcA,4CAAyB,EAAA;AAE7C,IAAM,MAAA,SAAA,GAAYC,gDAAqB,CAAA,KAAA,EAAO,KAAK,CAAA;AACnD,IAAM,MAAA,EAAE,UAAW,EAAA,GAAIC,wCAAiB,EAAA;AAExC,IAAY,WAAA,CAAA,SAAA,KAAcC,kBAAM,CAAA,MAAA,EAAW,sBAAsB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;"}