@dialpad/dialtone
Version:
Dialpad's Dialtone design system monorepo
1 lines • 2.2 kB
Source Map (JSON)
{"version":3,"file":"message_input_button.vue.cjs","sources":["../../../../recipes/conversation_view/message_input/message_input_button.vue"],"sourcesContent":["<template>\n <dt-tooltip>\n <template #anchor>\n <dt-button\n :data-qa=\"dataQa\"\n importance=\"clear\"\n kind=\"muted\"\n :aria-label=\"ariaLabel\"\n size=\"xs\"\n :active=\"isActive\"\n @click=\"$emit('click', $event)\"\n >\n <template #icon>\n <slot name=\"icon\" />\n </template>\n </dt-button>\n </template>\n <dt-stack gap=\"200\">\n <p>{{ tooltipText }}</p>\n <dt-keyboard-shortcut\n v-if=\"keyboardShortcutText\"\n inverted\n :shortcut=\"keyboardShortcutText\"\n />\n </dt-stack>\n </dt-tooltip>\n</template>\n\n<script>\nimport { DtButton } from '@/components/button';\nimport { DtTooltip } from '@/components/tooltip';\nimport { DtStack } from '@/components/stack';\nimport { DtKeyboardShortcut } from '@/components/keyboard_shortcut';\nexport default {\n name: 'DtRecipeMessageInputButton',\n components: {\n DtButton,\n DtTooltip,\n DtStack,\n DtKeyboardShortcut,\n },\n\n props: {\n ariaLabel: {\n type: String,\n required: true,\n },\n\n tooltipText: {\n type: String,\n required: true,\n },\n\n keyboardShortcutText: {\n type: String,\n default: '',\n },\n\n isActive: {\n type: Boolean,\n default: false,\n },\n\n dataQa: {\n type: String,\n required: true,\n },\n },\n\n emits: ['click'],\n};\n</script>\n"],"names":["DtButton","DtTooltip","DtStack","DtKeyboardShortcut"],"mappings":";;;;;;;AAiCA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA;AAAA,IACA,UAAAA,OAAA;AAAA,IACA,WAAAC,QAAA;AAAA,IACA,SAAAC,MAAA;AAAA,IACA,oBAAAC,kBAAA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA,IACA,WAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA,IAEA,aAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA,IAEA,sBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,IAEA,UAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,IAEA,QAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA,CAAA,OAAA;AACA;;;;;;;;;;;;;;;;;;;"}