@dialpad/dialtone
Version:
Dialpad's Dialtone design system monorepo
3 lines (2 loc) • 1.25 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("../../common/mixins/skeleton.cjs"),a=require("./skeleton-constants.cjs"),t=require("vue"),o=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),r={compatConfig:{MODE:3},name:"DtSkeletonShape",mixins:[i.default],props:{shape:{type:String,default:"circle",validator:e=>Object.keys(a.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:a.SKELETON_SHAPES}},computed:{shapeStyles(){const e=a.SKELETON_SHAPE_SIZES[this.size]||this.size;return{...this.skeletonStyle,"min-width":e,"max-width":e,"min-height":e,"max-height":e}}}};function u(e,S,n,d,s,l){return t.openBlock(),t.createElementBlock("div",{ref:"skeleton","data-qa":"skeleton-shape",class:t.normalizeClass(["d-skeleton-placeholder",s.SKELETON_SHAPES[n.shape],{"d-skeleton-placeholder--animate":n.animate},n.contentClass]),style:t.normalizeStyle(l.shapeStyles)},null,6)}const c=o._(r,[["render",u]]);exports.default=c;
//# sourceMappingURL=skeleton-shape.cjs.map