@dialpad/dialtone-vue
Version:
Vue component library for Dialpad's design system Dialtone
3 lines (2 loc) • 2.24 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("./skeleton-shape.cjs"),o=require("./skeleton-list-item.cjs"),i=require("./skeleton-paragraph.cjs"),r=require("./skeleton-text.cjs"),s=require("../../_plugin-vue2_normalizer-e_CkxkSV.cjs");require("./skeleton-constants.cjs");const l={name:"DtSkeleton",components:{DtSkeletonText:r.default,DtSkeletonShape:n.default,DtSkeletonListItem:o.default,DtSkeletonParagraph:i.default},props:{paragraphOption:{type:[Object,Boolean],default:null},listItemOption:{type:[Object,Boolean],default:null},textOption:{type:Object,default:null},shapeOption:{type:[Object,Boolean],default:null},animationDuration:{type:Number,default:-1},ariaLabel:{type:String,default:""},animate:{type:Boolean,default:!0},offset:{type:Number,default:1}},computed:{validationOptions(){return{paragraphOption:this.paragraphOption,listItemOption:this.listItemOption,textOption:this.textOption,shapeOption:this.shapeOption}}},watch:{$props:{immediate:!0,handler:"validator"}},methods:{validator(){const a=Object.entries(this.validationOptions).filter(([,t])=>t);if(a.length>=2){const t=`Use only one of ${a.map(([e])=>e).join(" | ")} options at the same time`;console.error(t)}}}};var p=function(){var t=this,e=t._self._c;return e("div",{attrs:{"aria-busy":"true",role:"status","aria-label":t.ariaLabel}},[t.listItemOption?e("dt-skeleton-list-item",t._b({attrs:{"animation-duration":t.animationDuration,animate:t.animate,offset:t.offset}},"dt-skeleton-list-item",t.listItemOption===!0?{}:t.listItemOption,!1)):t.shapeOption?e("dt-skeleton-shape",t._b({attrs:{"animation-duration":t.animationDuration,animate:t.animate,offset:t.offset}},"dt-skeleton-shape",t.shapeOption===!0?{}:t.shapeOption,!1)):t.paragraphOption?e("dt-skeleton-paragraph",t._b({attrs:{"animation-duration":t.animationDuration,animate:t.animate,offset:t.offset}},"dt-skeleton-paragraph",t.paragraphOption===!0?{}:t.paragraphOption,!1)):e("dt-skeleton-text",t._b({attrs:{"animation-duration":t.animationDuration,animate:t.animate,offset:t.offset}},"dt-skeleton-text",t.textOption||{},!1))],1)},u=[],f=s.n(l,p,u);const m=f.exports;exports.default=m;
//# sourceMappingURL=skeleton.cjs.map