@dialpad/dialtone-vue
Version:
Vue component library for Dialpad's design system Dialtone
3 lines (2 loc) • 1.42 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("./skeleton-constants.cjs"),l=require("../../common/mixins/skeleton.cjs"),s=require("../../_plugin-vue2_normalizer-e_CkxkSV.cjs"),o={name:"DtSkeletonText",mixins:[l.default],props:{type:{type:String,default:"body",validator:t=>n.SKELETON_TEXT_TYPES.includes(t)},headingHeight:{type:String,default:"md",validator:t=>Object.keys(n.SKELETON_HEADING_HEIGHTS).includes(t)},width:{type:String,default:"100%"},animationDuration:{type:Number,default:-1},animate:{type:Boolean,default:!1},offset:{type:Number,default:1},contentClass:{type:String,default:""}},data(){return{SKELETON_HEADING_HEIGHTS:n.SKELETON_HEADING_HEIGHTS}}};var d=function(){var e=this,a=e._self._c;return e.type==="body"?a("div",{ref:"skeleton",class:["d-skeleton-text","d-skeleton-placeholder",{"d-skeleton-placeholder--animate":e.animate},e.contentClass],style:{width:e.width,...e.skeletonStyle},attrs:{"data-qa":"skeleton-text-body"}}):e.type==="heading"?a("div",{ref:"skeleton",class:[e.SKELETON_HEADING_HEIGHTS[e.headingHeight],"d-skeleton-text--heading","d-skeleton-placeholder",{"d-skeleton-placeholder--animate":e.animate},e.contentClass],style:{width:e.width,...e.skeletonStyle},attrs:{"data-qa":"skeleton-text-heading"}}):e._e()},i=[],r=s.n(o,d,i);const _=r.exports;exports.default=_;
//# sourceMappingURL=skeleton-text.cjs.map