{"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"}