????
Your IP : 3.137.222.228
var __defProp=Object.defineProperty;var __name=(target,value)=>__defProp(target,"name",{value,configurable:!0});import{g as generateUtilityClass,a as generateUtilityClasses,bD as keyframes,s as styled,_ as _extends,bE as css,b as reactExports,u as useThemeProps,f as _objectWithoutPropertiesLoose,j as jsxRuntimeExports,h as clsx,i as PropTypes,l as composeClasses}from"./index-D8rI6KyB.js";import{a as alpha}from"./colorManipulator-6h19tMo6.js";function getUnit(input){return String(input).match(/[\d.\-+]*\s*(.*)/)[1]||""}__name(getUnit,"getUnit");function toUnitless(length){return parseFloat(length)}__name(toUnitless,"toUnitless");function getSkeletonUtilityClass(slot){return generateUtilityClass("MuiSkeleton",slot)}__name(getSkeletonUtilityClass,"getSkeletonUtilityClass");generateUtilityClasses("MuiSkeleton",["root","text","rectangular","rounded","circular","pulse","wave","withChildren","fitContent","heightAuto"]);const _excluded=["animation","className","component","height","style","variant","width"];let _=__name(t=>t,"_"),_t,_t2,_t3,_t4;const useUtilityClasses=__name(ownerState=>{const{classes,variant,animation,hasChildren,width,height}=ownerState;return composeClasses({root:["root",variant,animation,hasChildren&&"withChildren",hasChildren&&!width&&"fitContent",hasChildren&&!height&&"heightAuto"]},getSkeletonUtilityClass,classes)},"useUtilityClasses"),pulseKeyframe=keyframes(_t||(_t=_`
0% {
opacity: 1;
}
50% {
opacity: 0.4;
}
100% {
opacity: 1;
}
`)),waveKeyframe=keyframes(_t2||(_t2=_`
0% {
transform: translateX(-100%);
}
50% {
/* +0.5s of delay between each loop */
transform: translateX(100%);
}
100% {
transform: translateX(100%);
}
`)),SkeletonRoot=styled("span",{name:"MuiSkeleton",slot:"Root",overridesResolver:(props,styles)=>{const{ownerState}=props;return[styles.root,styles[ownerState.variant],ownerState.animation!==!1&&styles[ownerState.animation],ownerState.hasChildren&&styles.withChildren,ownerState.hasChildren&&!ownerState.width&&styles.fitContent,ownerState.hasChildren&&!ownerState.height&&styles.heightAuto]}})(({theme,ownerState})=>{const radiusUnit=getUnit(theme.shape.borderRadius)||"px",radiusValue=toUnitless(theme.shape.borderRadius);return _extends({display:"block",backgroundColor:theme.vars?theme.vars.palette.Skeleton.bg:alpha(theme.palette.text.primary,theme.palette.mode==="light"?.11:.13),height:"1.2em"},ownerState.variant==="text"&&{marginTop:0,marginBottom:0,height:"auto",transformOrigin:"0 55%",transform:"scale(1, 0.60)",borderRadius:`${radiusValue}${radiusUnit}/${Math.round(radiusValue/.6*10)/10}${radiusUnit}`,"&:empty:before":{content:'"\\00a0"'}},ownerState.variant==="circular"&&{borderRadius:"50%"},ownerState.variant==="rounded"&&{borderRadius:(theme.vars||theme).shape.borderRadius},ownerState.hasChildren&&{"& > *":{visibility:"hidden"}},ownerState.hasChildren&&!ownerState.width&&{maxWidth:"fit-content"},ownerState.hasChildren&&!ownerState.height&&{height:"auto"})},({ownerState})=>ownerState.animation==="pulse"&&css(_t3||(_t3=_`
animation: ${0} 2s ease-in-out 0.5s infinite;
`),pulseKeyframe),({ownerState,theme})=>ownerState.animation==="wave"&&css(_t4||(_t4=_`
position: relative;
overflow: hidden;
/* Fix bug in Safari https://bugs.webkit.org/show_bug.cgi?id=68196 */
-webkit-mask-image: -webkit-radial-gradient(white, black);
&::after {
animation: ${0} 2s linear 0.5s infinite;
background: linear-gradient(
90deg,
transparent,
${0},
transparent
);
content: '';
position: absolute;
transform: translateX(-100%); /* Avoid flash during server-side hydration */
bottom: 0;
left: 0;
right: 0;
top: 0;
}
`),waveKeyframe,(theme.vars||theme).palette.action.hover)),Skeleton=reactExports.forwardRef(__name(function(inProps,ref){const props=useThemeProps({props:inProps,name:"MuiSkeleton"}),{animation="pulse",className,component="span",height,style,variant="text",width}=props,other=_objectWithoutPropertiesLoose(props,_excluded),ownerState=_extends({},props,{animation,component,variant,hasChildren:!!other.children}),classes=useUtilityClasses(ownerState);return jsxRuntimeExports.jsx(SkeletonRoot,_extends({as:component,ref,className:clsx(classes.root,className),ownerState},other,{style:_extends({width,height},style)}))},"Skeleton2"));Skeleton.propTypes={animation:PropTypes.oneOf(["pulse","wave",!1]),children:PropTypes.node,classes:PropTypes.object,className:PropTypes.string,component:PropTypes.elementType,height:PropTypes.oneOfType([PropTypes.number,PropTypes.string]),style:PropTypes.object,sx:PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func,PropTypes.object,PropTypes.bool])),PropTypes.func,PropTypes.object]),variant:PropTypes.oneOfType([PropTypes.oneOf(["circular","rectangular","rounded","text"]),PropTypes.string]),width:PropTypes.oneOfType([PropTypes.number,PropTypes.string])};export{Skeleton as S};