UNPKG

@dialpad/dialtone

Version:

Dialpad's Dialtone design system monorepo

3 lines (2 loc) 2.65 kB
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./skeleton-shape.cjs"),u=require("./skeleton-list-item.cjs"),m=require("./skeleton-paragraph.cjs"),c=require("./skeleton-text.cjs"),t=require("vue"),f=require("../../_plugin-vue_export-helper-BRilXfQE.cjs");require("./skeleton-constants.cjs");const p={compatConfig:{MODE:3},name:"DtSkeleton",components:{DtSkeletonText:c.default,DtSkeletonShape:s.default,DtSkeletonListItem:u.default,DtSkeletonParagraph:m.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(([,n])=>n);if(a.length>=2){const n=`Use only one of ${a.map(([e])=>e).join(" | ")} options at the same time`;console.error(n)}}}},d=["aria-label"];function _(a,n,e,h,O,g){const o=t.resolveComponent("dt-skeleton-list-item"),i=t.resolveComponent("dt-skeleton-shape"),l=t.resolveComponent("dt-skeleton-paragraph"),r=t.resolveComponent("dt-skeleton-text");return t.openBlock(),t.createElementBlock("div",{"aria-busy":"true",role:"status","aria-label":e.ariaLabel},[e.listItemOption?(t.openBlock(),t.createBlock(o,t.mergeProps({key:0},e.listItemOption===!0?{}:e.listItemOption,{"animation-duration":e.animationDuration,animate:e.animate,offset:e.offset}),null,16,["animation-duration","animate","offset"])):e.shapeOption?(t.openBlock(),t.createBlock(i,t.mergeProps({key:1},e.shapeOption===!0?{}:e.shapeOption,{"animation-duration":e.animationDuration,animate:e.animate,offset:e.offset}),null,16,["animation-duration","animate","offset"])):e.paragraphOption?(t.openBlock(),t.createBlock(l,t.mergeProps({key:2},e.paragraphOption===!0?{}:e.paragraphOption,{"animation-duration":e.animationDuration,animate:e.animate,offset:e.offset}),null,16,["animation-duration","animate","offset"])):(t.openBlock(),t.createBlock(r,t.mergeProps({key:3},e.textOption||{},{"animation-duration":e.animationDuration,animate:e.animate,offset:e.offset}),null,16,["animation-duration","animate","offset"]))],8,d)}const k=f._(p,[["render",_]]);exports.default=k; //# sourceMappingURL=skeleton.cjs.map