UNPKG

@dialpad/dialtone

Version:

Dialpad's Dialtone design system monorepo

1 lines 1.75 kB
{"version":3,"file":"dropdown-list.cjs","names":[],"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 compatConfig: { MODE: 3 },\n name: 'DtDropdownList',\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"],"mappings":"wPAyBA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,iBACN,WAAY,CAAE,QAAA,EAAA,QAAS,CACvB,MAAO,CAIL,QAAS,CACP,KAAM,OACN,QAAS,GACV,CAKD,UAAW,CACT,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CACF,CACF,mHA3BM,KAAA,KAAA,CAfK,EAAA,UAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,aAMG,EAAA,OALT,UAAU,MACV,MAAM,SACN,MAAM,0GAEoB,EAAA,EAAA,EAAA,oBAAA,OAAA,MAAA,EAAA,EAAA,iBAAjB,EAAA,QAAO,CAAA,EAAA,CAAA,CAAA,iEASb,KAAA,CALF,OAAA,EAAA,EAAA,gBAAK,CAAA,gBAAA,WAAA,QAAyC,EAAA,UAAS,CAAA,CACxD,UAAQ,8CAGA,EAAA,OAAA,UAAA,CAAA,CAAA,EAAA,CAAA,CAAA"}