@dialpad/dialtone-vue/dist/lib/description-list/description-list.cjs

Vue component library for Dialpad's design system Dialtone

"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./description-list-constants.cjs"),n=require("./description-list-validators.cjs"),d=require("../../_plugin-vue2_normalizer-e_CkxkSV.cjs"),a=require("../stack/stack-constants.cjs"),l={name:"DtDescriptionList",props:{direction:{type:String,default:"row",validator:s=>r.DT_DESCRIPTION_LIST_DIRECTION.includes(s)},items:{type:Array,default:()=>[],validator:s=>n.itemsValidator(s),required:!0},gap:{type:String,default:"400",validator:s=>a.DT_STACK_GAP.includes(s)},termClass:{type:[String,Array,Object],default:""},descriptionClass:{type:[String,Array,Object],default:""}},computed:{dtClass(){return["d-description-list__term",this.termClass]},ddClass(){return["d-description-list__description",this.descriptionClass]},getDirectionClass(){return`d-description-list--${this.direction}`},getGapClass(){return`d-description-list--gap-${this.gap}`}}};var c=function(){var t=this,i=t._self._c;return i("dl",{class:["d-description-list",t.getDirectionClass,t.getGapClass]},[t._l(t.items,function(e){return[i("dt",{key:`dt-${e.term}`,class:t.dtClass},[t._v(" "+t._s(e.term)+" ")]),i("dd",{key:`dd-${e.term}`,class:t.ddClass},[t._v(" "+t._s(e.description)+" ")])]})],2)},o=[],_=d.n(l,c,o);const p=_.exports;exports.default=p;
//# sourceMappingURL=description-list.cjs.map