primevue
Version:
[](https://opensource.org/licenses/MIT) [](https://badge.fury.io/js/primevue) [ • 1.8 kB
JavaScript
this.primevue=this.primevue||{},this.primevue.skeleton=function(e,n,t){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=i(e),r=n.useStyle("\n.p-skeleton {\n overflow: hidden;\n}\n\n.p-skeleton::after {\n content: '';\n animation: p-skeleton-animation 1.2s infinite;\n height: 100%;\n left: 0;\n position: absolute;\n right: 0;\n top: 0;\n transform: translateX(-100%);\n z-index: 1;\n}\n\n.p-skeleton.p-skeleton-circle {\n border-radius: 50%;\n}\n\n.p-skeleton-none::after {\n animation: none;\n}\n\n@keyframes p-skeleton-animation {\n from {\n transform: translateX(-100%);\n }\n to {\n transform: translateX(100%);\n }\n}\n",{name:"skeleton",manual:!0}),s={name:"Skeleton",extends:{name:"BaseSkeleton",extends:o.default,props:{shape:{type:String,default:"rectangle"},size:{type:String,default:null},width:{type:String,default:"100%"},height:{type:String,default:"1rem"},borderRadius:{type:String,default:null},animation:{type:String,default:"wave"}},css:{classes:{root:function(e){var n=e.props;return["p-skeleton p-component",{"p-skeleton-circle":"circle"===n.shape,"p-skeleton-none":"none"===n.animation}]}},inlineStyles:{root:{position:"relative"}},loadStyle:r.load},provide:function(){return{$parentInstance:this}}},computed:{containerStyle:function(){return this.size?{width:this.size,height:this.size,borderRadius:this.borderRadius}:{width:this.width,height:this.height,borderRadius:this.borderRadius}}}};return s.render=function(e,n,i,o,r,s){return t.openBlock(),t.createElementBlock("div",t.mergeProps({class:e.cx("root"),style:[e.sx("root"),s.containerStyle],"aria-hidden":"true"},e.ptm("root"),{"data-pc-name":"skeleton"}),null,16)},s}(primevue.basecomponent,primevue.usestyle,Vue);