reka-ui
Version:
Vue port for Radix UI Primitives.
1 lines • 1.31 kB
Source Map (JSON)
{"version":3,"file":"DialogOverlay.cjs","sources":["../../src/Dialog/DialogOverlay.vue"],"sourcesContent":["<script lang=\"ts\">\nimport DialogOverlayImpl, { type DialogOverlayImplProps } from './DialogOverlayImpl.vue'\nimport { useForwardExpose } from '@/shared'\n\nexport interface DialogOverlayProps extends DialogOverlayImplProps {\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 { injectDialogRootContext } from './DialogRoot.vue'\nimport { Presence } from '@/Presence'\n\ndefineProps<DialogOverlayProps>()\nconst rootContext = injectDialogRootContext()\n\nconst { forwardRef } = useForwardExpose()\n</script>\n\n<template>\n <Presence\n v-if=\"rootContext?.modal.value\"\n :present=\"forceMount || rootContext.open.value\"\n >\n <DialogOverlayImpl\n v-bind=\"$attrs\"\n :ref=\"forwardRef\"\n :as=\"as\"\n :as-child=\"asChild\"\n >\n <slot />\n </DialogOverlayImpl>\n </Presence>\n</template>\n"],"names":["injectDialogRootContext","useForwardExpose"],"mappings":";;;;;;;;;;;;;;;;AAkBA,IAAA,MAAM,cAAcA,yCAAwB,EAAA;AAE5C,IAAM,MAAA,EAAE,UAAW,EAAA,GAAIC,wCAAiB,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;"}