reka-ui
Version:
Vue port for Radix UI Primitives.
1 lines • 1.25 kB
Source Map (JSON)
{"version":3,"file":"EditableArea.cjs","sources":["../../src/Editable/EditableArea.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { PrimitiveProps } from '@/Primitive'\nimport { injectEditableRootContext } from './EditableRoot.vue'\n\nexport interface EditableAreaProps extends PrimitiveProps {}\n</script>\n\n<script setup lang=\"ts\">\nimport { Primitive } from '@/Primitive'\n\nconst props = withDefaults(defineProps<EditableAreaProps>(), { as: 'div' })\n\nconst context = injectEditableRootContext()\n</script>\n\n<template>\n <Primitive\n v-bind=\"props\"\n :data-placeholder-shown=\"context.isEditing.value ? undefined : ''\"\n :data-focus=\"context.isEditing.value ? '' : undefined\"\n :data-focused=\"context.isEditing.value ? '' : undefined\"\n :data-empty=\"context.isEmpty.value ? '' : undefined\"\n :data-readonly=\"context.readonly.value ? '' : undefined\"\n :data-disabled=\"context.disabled.value ? '' : undefined\"\n :style=\"context.autoResize.value ? { display: 'inline-grid' } : undefined\"\n >\n <slot />\n </Primitive>\n</template>\n"],"names":["injectEditableRootContext"],"mappings":";;;;;;;;;;;;;AAUA,IAAA,MAAM,KAAQ,GAAA,OAAA;AAEd,IAAA,MAAM,UAAUA,+CAA0B,EAAA;;;;;;;;;;;;;;;;;;;;;;"}