@dialpad/dialtone-vue
Version:
Vue component library for Dialpad's design system Dialtone
1 lines • 1.39 kB
Source Map (JSON)
{"version":3,"file":"dropdown-list.cjs","sources":["../../../components/dropdown/dropdown_list.vue"],"sourcesContent":["<!-- eslint-disable vue/no-restricted-class -->\n<template>\n <li>\n <dt-stack\n v-if=\"heading\"\n direction=\"row\"\n align=\"center\"\n class=\"dt-dropdown-list--header d-fs12 d-fc-black-400 d-fw-bold d-lh4 d-py4 d-px12\"\n >\n <span>{{ heading }}</span>\n </dt-stack>\n <!-- eslint-disable-next-line vuejs-accessibility/mouse-events-have-key-events -->\n <ul\n :class=\"['d-ps-relative', 'd-stack2', 'd-px0', listClass]\"\n data-qa=\"dt-dropdown-list-wrapper\"\n >\n <!-- @slot Slot for the list component -->\n <slot />\n </ul>\n </li>\n</template>\n\n<script>\nimport { DtStack } from '@/components/stack';\n\nexport default {\n name: 'DtDropdownList',\n\n components: { DtStack },\n props: {\n /**\n * List's heading.\n */\n heading: {\n type: String,\n default: '',\n },\n\n /**\n * Additional class for the wrapper list element.\n */\n listClass: {\n type: [String, Array, Object],\n default: '',\n },\n },\n};\n</script>\n"],"names":["_sfc_main","DtStack"],"mappings":"0MAyBAA,EAAA,CACA,KAAA,iBAEA,WAAA,CAAA,QAAAC,EAAAA,OAAA,EACA,MAAA,CAIA,QAAA,CACA,KAAA,OACA,QAAA,EACA,EAKA,UAAA,CACA,KAAA,CAAA,OAAA,MAAA,MAAA,EACA,QAAA,EACA,CACA,CACA"}