@dialpad/dialtone/dist/vue3/lib/description-list/description-list.cjs.map

Dialpad's Dialtone design system monorepo

{"version":3,"file":"description-list.cjs","names":[],"sources":["../../../components/description_list/description_list.vue"],"sourcesContent":["<template>\n  <dl :class=\"['d-description-list', getDirectionClass, getGapClass]\">\n    <template\n      v-for=\"item in items\"\n      :key=\"item.term\"\n    >\n      <dt :class=\"dtClass\">\n        {{ item.term }}\n      </dt>\n      <dd :class=\"ddClass\">\n        {{ item.description }}\n      </dd>\n    </template>\n  </dl>\n</template>\n\n<script>\nimport { DT_STACK_GAP } from '@/components/stack';\nimport { DT_DESCRIPTION_LIST_DIRECTION } from './description_list_constants';\nimport { itemsValidator } from './description_list_validators';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtDescriptionList',\n\n  props: {\n    /**\n     * The direction for the list\n     * @values row, column\n     */\n    direction: {\n      type: String,\n      default: 'row',\n      validator: direction => DT_DESCRIPTION_LIST_DIRECTION.includes(direction),\n    },\n\n    /**\n     * A list of items that represent the term and the description\n     */\n    items: {\n      type: Array,\n      default: () => [],\n      validator: items => itemsValidator(items),\n      required: true,\n    },\n\n    /**\n     * Set the space between the elements\n     * @values 0, 100, 200, 300, 400, 500, 600\n     */\n    gap: {\n      type: String,\n      default: '400',\n      validator: (gap) => DT_STACK_GAP.includes(gap),\n    },\n\n    /**\n     * Used to customize the term element\n     */\n    termClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the description element\n     */\n    descriptionClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n  },\n\n  computed: {\n    dtClass () {\n      return ['d-description-list__term', this.termClass];\n    },\n\n    ddClass () {\n      return ['d-description-list__description', this.descriptionClass];\n    },\n\n    getDirectionClass () {\n      return `d-description-list--${this.direction}`;\n    },\n\n    getGapClass () {\n      return `d-description-list--gap-${this.gap}`;\n    },\n  },\n};\n</script>\n"],"mappings":"+VAqBA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,oBAEN,MAAO,CAKL,UAAW,CACT,KAAM,OACN,QAAS,MACT,UAAW,GAAa,EAAA,8BAA8B,SAAS,EAAU,CAC1E,CAKD,MAAO,CACL,KAAM,MACN,YAAe,EAAE,CACjB,UAAW,GAAS,EAAA,eAAe,EAAM,CACzC,SAAU,GACX,CAMD,IAAK,CACH,KAAM,OACN,QAAS,MACT,UAAY,GAAQ,EAAA,aAAa,SAAS,EAAI,CAC/C,CAKD,UAAW,CACT,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CAKD,iBAAkB,CAChB,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CACF,CAED,SAAU,CACR,SAAW,CACT,MAAO,CAAC,2BAA4B,KAAK,UAAU,EAGrD,SAAW,CACT,MAAO,CAAC,kCAAmC,KAAK,iBAAiB,EAGnE,mBAAqB,CACnB,MAAO,uBAAuB,KAAK,aAGrC,aAAe,CACb,MAAO,2BAA2B,KAAK,OAE1C,CACF,0EA7EM,KAAA,CAZA,OAAA,EAAA,EAAA,gBAAK,CAAA,qBAAyB,EAAA,kBAAmB,EAAA,YAAW,CAAA,CAAA,CAAA,GAAA,EAAA,EAAA,WAAA,GAAA,EAAA,EAAA,EAAA,oBAWpD,EAAA,SAAA,MAAA,EAAA,EAAA,YATM,EAAA,MAAR,+DACD,EAAK,KAAA,CAAA,EAAA,EAAA,EAAA,oBAIN,KAAA,CAFA,OAAA,EAAA,EAAA,gBAAO,EAAA,QAAO,CAAA,EAAA,EAAA,EAAA,iBACd,EAAK,KAAI,CAAA,EAAA,EAAA,EAAA,EAAA,oBAIT,KAAA,CAFA,OAAA,EAAA,EAAA,gBAAO,EAAA,QAAO,CAAA,EAAA,EAAA,EAAA,iBACd,EAAK,YAAW,CAAA,EAAA,CAAA,CAAA,GAAA"}