"use strict";(self.webpackChunk_jbrowse_web=self.webpackChunk_jbrowse_web||[]).push([[6069],{26094:(t,n,e)=>{e.d(n,{Z:()=>M});var a,i,r,o,s=e(71171),h=e(31461),l=e(7896),d=e(41867),c=e(66184),u=e(38527),m=e(92705),p=e(43108),g=e(71939),w=e(75693),b=e(90293),f=e(64131),v=e(80838);const k=["animation","className","component","height","style","variant","width"];let C,Z,y,S;const R=(0,u.F4)(C||(C=a||(a=(0,s.Z)(["\n  0% {\n    opacity: 1;\n  }\n\n  50% {\n    opacity: 0.4;\n  }\n\n  100% {\n    opacity: 1;\n  }\n"])))),x=(0,u.F4)(Z||(Z=i||(i=(0,s.Z)(["\n  0% {\n    transform: translateX(-100%);\n  }\n\n  50% {\n    /* +0.5s of delay between each loop */\n    transform: translateX(100%);\n  }\n\n  100% {\n    transform: translateX(100%);\n  }\n"])))),B=(0,w.ZP)("span",{name:"MuiSkeleton",slot:"Root",overridesResolver:(t,n)=>{const{ownerState:e}=t;return[n.root,n[e.variant],!1!==e.animation&&n[e.animation],e.hasChildren&&n.withChildren,e.hasChildren&&!e.width&&n.fitContent,e.hasChildren&&!e.height&&n.heightAuto]}})((t=>{let{theme:n,ownerState:e}=t;const a=(0,p.Wy)(n.shape.borderRadius)||"px",i=(0,p.YL)(n.shape.borderRadius);return(0,l.Z)({display:"block",backgroundColor:n.vars?n.vars.palette.Skeleton.bg:(0,g.Fq)(n.palette.text.primary,"light"===n.palette.mode?.11:.13),height:"1.2em"},"text"===e.variant&&{marginTop:0,marginBottom:0,height:"auto",transformOrigin:"0 55%",transform:"scale(1, 0.60)",borderRadius:"".concat(i).concat(a,"/").concat(Math.round(i/.6*10)/10).concat(a),"&:empty:before":{content:'"\\00a0"'}},"circular"===e.variant&&{borderRadius:"50%"},"rounded"===e.variant&&{borderRadius:(n.vars||n).shape.borderRadius},e.hasChildren&&{"& > *":{visibility:"hidden"}},e.hasChildren&&!e.width&&{maxWidth:"fit-content"},e.hasChildren&&!e.height&&{height:"auto"})}),(t=>{let{ownerState:n}=t;return"pulse"===n.animation&&(0,u.iv)(y||(y=r||(r=(0,s.Z)(["\n      animation: "," 2s ease-in-out 0.5s infinite;\n    "]))),R)}),(t=>{let{ownerState:n,theme:e}=t;return"wave"===n.animation&&(0,u.iv)(S||(S=o||(o=(0,s.Z)(["\n      position: relative;\n      overflow: hidden;\n\n      /* Fix bug in Safari https://bugs.webkit.org/show_bug.cgi?id=68196 */\n      -webkit-mask-image: -webkit-radial-gradient(white, black);\n\n      &::after {\n        animation: "," 2s linear 0.5s infinite;\n        background: linear-gradient(\n          90deg,\n          transparent,\n          ",",\n          transparent\n        );\n        content: '';\n        position: absolute;\n        transform: translateX(-100%); /* Avoid flash during server-side hydration */\n        bottom: 0;\n        left: 0;\n        right: 0;\n        top: 0;\n      }\n    "]))),x,(e.vars||e).palette.action.hover)})),M=d.forwardRef((function(t,n){const e=(0,b.Z)({props:t,name:"MuiSkeleton"}),{animation:a="pulse",className:i,component:r="span",height:o,style:s,variant:d="text",width:u}=e,p=(0,h.Z)(e,k),g=(0,l.Z)({},e,{animation:a,component:r,variant:d,hasChildren:Boolean(p.children)}),w=(t=>{const{classes:n,variant:e,animation:a,hasChildren:i,width:r,height:o}=t,s={root:["root",e,a,i&&"withChildren",i&&!r&&"fitContent",i&&!o&&"heightAuto"]};return(0,m.Z)(s,f.B,n)})(g);return(0,v.jsx)(B,(0,l.Z)({as:r,ref:n,className:(0,c.Z)(w.root,i),ownerState:g},p,{style:(0,l.Z)({width:u,height:o},s)}))}))},76069:(t,n,e)=>{e.r(n),e.d(n,{default:()=>a.Z,getSkeletonUtilityClass:()=>i.B,skeletonClasses:()=>i.Z});var a=e(26094),i=e(64131)},64131:(t,n,e)=>{e.d(n,{B:()=>r,Z:()=>o});var a=e(70101),i=e(88498);function r(t){return(0,i.Z)("MuiSkeleton",t)}const o=(0,a.Z)("MuiSkeleton",["root","text","rectangular","rounded","circular","pulse","wave","withChildren","fitContent","heightAuto"])}}]);
//# sourceMappingURL=6069.202dc300.chunk.js.map