@dialpad/dialtone-vue
Version:
Vue component library for Dialpad's design system Dialtone
3 lines (2 loc) • 1.16 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("../../common/mixins/skeleton.cjs"),n=require("./skeleton-constants.cjs"),r=require("../../_plugin-vue2_normalizer-e_CkxkSV.cjs"),i={name:"DtSkeletonShape",mixins:[a.default],props:{shape:{type:String,default:"circle",validator:e=>Object.keys(n.SKELETON_SHAPES).includes(e)},size:{type:String,default:"md"},animationDuration:{type:Number,default:-1},animate:{type:Boolean,default:!0},offset:{type:Number,default:1},contentClass:{type:[String,Object,Array],default:""}},data(){return{SKELETON_SHAPES:n.SKELETON_SHAPES}},computed:{shapeStyles(){const e=n.SKELETON_SHAPE_SIZES[this.size]||this.size;return{...this.skeletonStyle,"min-width":e,"max-width":e,"min-height":e,"max-height":e}}}};var l=function(){var t=this,s=t._self._c;return s("div",{ref:"skeleton",class:["d-skeleton-placeholder",t.SKELETON_SHAPES[t.shape],{"d-skeleton-placeholder--animate":t.animate},t.contentClass],style:t.shapeStyles,attrs:{"data-qa":"skeleton-shape"}})},o=[],u=r.n(i,l,o);const c=u.exports;exports.default=c;
//# sourceMappingURL=skeleton-shape.cjs.map