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