primevue/skeleton/skeleton.esm.min.js

[](https://opensource.org/licenses/MIT) [](https://badge.fury.io/js/primevue) [![Discord Chat](https://img.shields.io/discord/55794023

import e from"primevue/basecomponent";import{useStyle as n}from"primevue/usestyle";import{openBlock as t,createElementBlock as o,mergeProps as i}from"vue";var r=n("\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}),a={name:"Skeleton",extends:{name:"BaseSkeleton",extends:e,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}}}};a.render=function(e,n,r,a,s,l){return t(),o("div",i({class:e.cx("root"),style:[e.sx("root"),l.containerStyle],"aria-hidden":"true"},e.ptm("root"),{"data-pc-name":"skeleton"}),null,16)};export{a as default};