import{Component,ChangeDetectionStrategy,ViewEncapsulation,Input,NgModule}from"@angular/core";import{CommonModule}from"@angular/common";class Skeleton{constructor(){this.shape="rectangle",this.animation="wave",this.borderRadius=null,this.size=null,this.width="100%",this.height="1rem"}containerClass(){return{"p-skeleton p-component":!0,"p-skeleton-circle":"circle"===this.shape,"p-skeleton-animation-none":"none"===this.animation}}containerStyle(){return this.size?Object.assign(Object.assign({},this.style),{width:this.size,height:this.size,borderRadius:this.borderRadius}):Object.assign(Object.assign({},this.style),{width:this.width,height:this.height,borderRadius:this.borderRadius})}}Skeleton.decorators=[{type:Component,args:[{selector:"p-skeleton",template:'\n
\n
\n ',changeDetection:ChangeDetectionStrategy.OnPush,encapsulation:ViewEncapsulation.None,styles:['.p-skeleton{overflow:hidden;position:relative}.p-skeleton:after{animation:p-skeleton-animation 1.2s infinite;content:"";height:100%;left:0;position:absolute;right:0;top:0;transform:translateX(-100%);z-index:1}.p-skeleton.p-skeleton-circle{border-radius:50%}.p-skeleton-none:after{animation:none}@keyframes p-skeleton-animation{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}']}]}],Skeleton.propDecorators={styleClass:[{type:Input}],style:[{type:Input}],shape:[{type:Input}],animation:[{type:Input}],borderRadius:[{type:Input}],size:[{type:Input}],width:[{type:Input}],height:[{type:Input}]};class SkeletonModule{}SkeletonModule.decorators=[{type:NgModule,args:[{imports:[CommonModule],exports:[Skeleton],declarations:[Skeleton]}]}];export{Skeleton,SkeletonModule};