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

Dialpad's Dialtone design system monorepo

{"version":3,"file":"description-list.cjs","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 '../stack/stack_constants';\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"],"names":["_sfc_main","direction","DT_DESCRIPTION_LIST_DIRECTION","items","itemsValidator","gap","DT_STACK_GAP","_createElementBlock","_normalizeClass","$options","_openBlock","_Fragment","_renderList","$props","item","_createElementVNode","_toDisplayString"],"mappings":"oUAqBKA,EAAU,CACb,aAAc,CAAE,KAAM,CAAG,EACzB,KAAM,oBAEN,MAAO,CAKL,UAAW,CACT,KAAM,OACN,QAAS,MACT,UAAWC,GAAaC,gCAA8B,SAASD,CAAS,CACzE,EAKD,MAAO,CACL,KAAM,MACN,QAAS,IAAM,CAAE,EACjB,UAAWE,GAASC,EAAc,eAACD,CAAK,EACxC,SAAU,EACX,EAMD,IAAK,CACH,KAAM,OACN,QAAS,MACT,UAAYE,GAAQC,eAAa,SAASD,CAAG,CAC9C,EAKD,UAAW,CACT,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,EACV,EAKD,iBAAkB,CAChB,KAAM,CAAC,OAAQ,MAAO,MAAM,EAC5B,QAAS,EACV,CACF,EAED,SAAU,CACR,SAAW,CACT,MAAO,CAAC,2BAA4B,KAAK,SAAS,CACnD,EAED,SAAW,CACT,MAAO,CAAC,kCAAmC,KAAK,gBAAgB,CACjE,EAED,mBAAqB,CACnB,MAAO,uBAAuB,KAAK,SAAS,EAC7C,EAED,aAAe,CACb,MAAO,2BAA2B,KAAK,GAAG,EAC3C,CACF,CACH,+CAzFEE,EAYK,mBAAA,KAAA,CAZA,MADPC,EAAA,eAAA,CAAA,qBACqCC,EAAiB,kBAAEA,EAAW,WAAA,CAAA,KAC/DC,YAAA,EAAA,EAAAH,EAAAA,mBAUWI,EAZf,SAAA,KAAAC,EAAAA,WAGqBC,EAAK,MAAbC,IAHbJ,EAAA,UAAA,EAAAH,EAAA,mBAAAI,WAAA,CAAA,IAIYG,EAAK,OAEXC,EAAAA,mBAEK,KAAA,CAFA,MANXP,EAAAA,eAMkBC,EAAO,OAAA,CACd,EAAAO,kBAAAF,EAAK,IAAI,EAAA,CAAA,EAEdC,EAAAA,mBAEK,KAAA,CAFA,MATXP,EAAAA,eASkBC,EAAO,OAAA,CACd,EAAAO,kBAAAF,EAAK,WAAW,EAAA,CAAA"}