reka-ui
Version:
Vue port for Radix UI Primitives.
1 lines • 1.67 kB
Source Map (JSON)
{"version":3,"file":"AccordionContent.cjs","sources":["../../src/Accordion/AccordionContent.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { CollapsibleContentProps } from '../Collapsible'\n\nexport interface AccordionContentProps extends CollapsibleContentProps {}\n</script>\n\n<script setup lang=\"ts\">\nimport { useForwardExpose } from '@/shared'\nimport { CollapsibleContent } from '../Collapsible'\nimport { injectAccordionItemContext } from './AccordionItem.vue'\nimport { injectAccordionRootContext } from './AccordionRoot.vue'\n\nconst props = defineProps<AccordionContentProps>()\n\nconst rootContext = injectAccordionRootContext()\nconst itemContext = injectAccordionItemContext()\n\nuseForwardExpose()\n</script>\n\n<template>\n <CollapsibleContent\n role=\"region\"\n :as-child=\"props.asChild\"\n :as=\"as\"\n :force-mount=\"props.forceMount\"\n :aria-labelledby=\"itemContext.triggerId\"\n :data-state=\"itemContext.dataState.value\"\n :data-disabled=\"itemContext.dataDisabled.value\"\n :data-orientation=\"rootContext.orientation\"\n style=\"\n --reka-accordion-content-width: var(--reka-collapsible-content-width);\n --reka-accordion-content-height: var(--reka-collapsible-content-height);\n \"\n @content-found=\"rootContext.changeModelValue(itemContext.value.value)\"\n >\n <slot />\n </CollapsibleContent>\n</template>\n"],"names":["injectAccordionRootContext","injectAccordionItemContext","useForwardExpose"],"mappings":";;;;;;;;;;;;;;;;;AAYA,IAAA,MAAM,KAAQ,GAAA,OAAA;AAEd,IAAA,MAAM,cAAcA,kDAA2B,EAAA;AAC/C,IAAA,MAAM,cAAcC,kDAA2B,EAAA;AAE/C,IAAiBC,wCAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;"}