reka-ui
Version:
Vue port for Radix UI Primitives.
1 lines • 1.33 kB
Source Map (JSON)
{"version":3,"file":"CollapsibleTrigger.cjs","sources":["../../src/Collapsible/CollapsibleTrigger.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { PrimitiveProps } from '@/Primitive'\nimport { useForwardExpose } from '@/shared'\n\nexport interface CollapsibleTriggerProps extends PrimitiveProps {}\n</script>\n\n<script setup lang=\"ts\">\nimport { Primitive } from '@/Primitive'\nimport { injectCollapsibleRootContext } from './CollapsibleRoot.vue'\n\nconst props = withDefaults(defineProps<CollapsibleTriggerProps>(), {\n as: 'button',\n})\n\nuseForwardExpose()\nconst rootContext = injectCollapsibleRootContext()\n</script>\n\n<template>\n <Primitive\n :type=\"as === 'button' ? 'button' : undefined\"\n :as=\"as\"\n :as-child=\"props.asChild\"\n :aria-controls=\"rootContext.contentId\"\n :aria-expanded=\"rootContext.open.value\"\n :data-state=\"rootContext.open.value ? 'open' : 'closed'\"\n :data-disabled=\"rootContext.disabled?.value ? '' : undefined\"\n :disabled=\"rootContext.disabled?.value\"\n @click=\"rootContext.onOpenToggle\"\n >\n <slot />\n </Primitive>\n</template>\n"],"names":["useForwardExpose","injectCollapsibleRootContext"],"mappings":";;;;;;;;;;;;;;AAWA,IAAA,MAAM,KAAQ,GAAA,OAAA;AAId,IAAiBA,wCAAA,EAAA;AACjB,IAAA,MAAM,cAAcC,wDAA6B,EAAA;;;;;;;;;;;;;;;;;;;;;;;;"}