react-loader-spinner
Version:
react-spinner-loader provides simple React.js spinner component which can be implemented for async wait operation before data load to the view.
3 lines • 6.44 kB
JavaScript
import {jsx,jsxs}from'react/jsx-runtime';var o={sunset:"sunset",ocean:"ocean",forest:"forest",twilight:"twilight",dawn:"dawn",dusk:"dusk",midday:"midday",midnight:"midnight",sunrise:"sunrise",rainbow:"rainbow"},t={[o.sunset]:{fillColor1:"#e15b64",fillColor2:"#f47e60",fillColor3:"#f8b26a",fillColor4:"#abbd81"},[o.ocean]:{fillColor1:"#3498db",fillColor2:"#2ecc71",fillColor3:"#1abc9c",fillColor4:"#9b59b6"},[o.forest]:{fillColor1:"#27ae60",fillColor2:"#16a085",fillColor3:"#f39c12",fillColor4:"#d35400"},[o.twilight]:{fillColor1:"#8e44ad",fillColor2:"#c0392b",fillColor3:"#d35400",fillColor4:"#f39c12"},[o.dawn]:{fillColor1:"#c0392b",fillColor2:"#d35400",fillColor3:"#f39c12",fillColor4:"#16a085"},[o.dusk]:{fillColor1:"#9b59b6",fillColor2:"#34495e",fillColor3:"#16a085",fillColor4:"#27ae60"},[o.midday]:{fillColor1:"#2ecc71",fillColor2:"#3498db",fillColor3:"#9b59b6",fillColor4:"#34495e"},[o.midnight]:{fillColor1:"#34495e",fillColor2:"#16a085",fillColor3:"#27ae60",fillColor4:"#8e44ad"},[o.sunrise]:{fillColor1:"#f1c40f",fillColor2:"#e67e22",fillColor3:"#e74c3c",fillColor4:"#ecf0f1"},[o.rainbow]:{fillColor1:"#16a085",fillColor2:"#27ae60",fillColor3:"#3498db",fillColor4:"#8e44ad"}};var c=t,P=o,y=t.sunset,F=({colors:p=y,backgroundColor:d="#fff",speed:h=2,width:m=100,height:g=100,visible:u=true,ariaLabel:n="Hairball loading",wrapperClass:b="",wrapperStyle:C={},preset:f})=>{let{fillColor1:i=c.dawn.fillColor1,fillColor2:e=c.dawn.fillColor2,fillColor3:a=c.dawn.fillColor3,fillColor4:s=c.dawn.fillColor4}=f?c[f]:p;return u?jsx("svg",{xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",style:{margin:"auto",background:d,display:"block",...C},width:m,height:g,"aria-label":n,className:b,viewBox:"0 0 100 100",preserveAspectRatio:"xMidYMid",role:"progressbar","data-testid":"hairball",children:jsx("g",{transform:"translate(50,50)",children:jsx("g",{transform:"scale(0.8)",children:jsx("g",{transform:"translate(-50,-50)",children:jsxs("g",{children:[jsx("animateTransform",{attributeName:"transform",type:"rotate",repeatCount:"indefinite",values:"0 50 50;360 50 50",keyTimes:"0;1",dur:`${h}s`,keySplines:"0.5 0.5 0.5 0.5",calcMode:"spline"}),jsx("path",{fill:i,d:"M51.8,9.9c-8.2-6.6-20.5-4.3-26,4.5c1.9-0.3,3.8-0.4,5.7-0.1c9.9-5.7,22.9-0.9,26.9,9.8 C58.5,18.7,56.1,13.4,51.8,9.9z"}),jsx("path",{fill:e,d:"M44.1,23c-4-6.9-12.3-10.3-20-8.1c-7.4,2-12.6,8.8-12.8,16.5c1.5-1.2,3.1-2.2,4.9-2.9 c5.7-9.8,19.4-12.2,28.1-5C44.3,23.3,44.2,23.1,44.1,23z"}),jsx("path",{fill:a,d:"M31.4,29.5c-6.8-3.9-15.6-2.8-21.1,2.7c-5.6,5.4-6.8,14.1-3.1,20.9c0.7-1.8,1.6-3.5,2.8-5 c0-11.4,10.7-20.3,21.9-18.4C31.7,29.7,31.5,29.6,31.4,29.5z"}),jsx("path",{fill:s,d:"M12.1,57c0.8-7.1,5.6-13,12.1-15.4c-8.1-0.2-15.4,5.2-17.5,13c-2,7.5,1.2,15.5,7.8,19.6 c-0.3-1.9-0.4-3.8-0.1-5.7C12.4,65,11.6,61,12.1,57z"}),jsx("path",{fill:i,d:"M28.4,83.8c-9.8-5.7-12.2-19.4-5-28.1c-7.1,3.8-10.7,12.2-8.6,20c2,7.5,8.8,12.8,16.5,13 C30.1,87.2,29.1,85.6,28.4,83.8z"}),jsx("path",{fill:e,d:"M48.2,90.1c-11.4,0-20.3-10.7-18.4-21.9c-4.2,6.8-3.2,15.6,2.3,21.4c5.4,5.7,14.2,7,21.1,3.3 C51.4,92.2,49.7,91.2,48.2,90.1z"}),jsx("path",{fill:a,d:"M68.5,85.6c-9.9,5.7-22.9,0.9-26.9-9.8c-0.2,8.1,5.2,15.4,13,17.5c7.5,2,15.5-1.2,19.6-7.8 C72.3,85.8,70.4,85.9,68.5,85.6z"}),jsx("path",{fill:s,d:"M83.8,71.6c-5.7,9.8-19.4,12.2-28.1,5c3.8,7.1,12.2,10.7,20,8.6c7.5-2,12.8-8.8,13-16.5 C87.2,69.9,85.6,70.9,83.8,71.6z"}),jsx("path",{fill:i,d:"M92.9,46.8c-0.7,1.8-1.6,3.5-2.8,5c0,11.4-10.7,20.3-21.9,18.4c6.8,4.2,15.6,3.2,21.4-2.3 C95.3,62.5,96.6,53.7,92.9,46.8z"}),jsx("path",{fill:e,d:"M85.5,25.8c0.3,1.9,0.4,3.8,0.1,5.7c5.7,9.9,0.9,22.9-9.8,26.9c8.1,0.2,15.4-5.2,17.5-13 C95.3,37.9,92.1,29.8,85.5,25.8z"}),jsx("path",{fill:a,d:"M71.6,16.2C67.8,6.4,56,2.2,46.8,7.1c1.8,0.7,3.5,1.6,5,2.8c11.4,0,20.3,10.7,18.4,21.9 C73.1,27.1,73.6,21.3,71.6,16.2z"}),jsx("path",{fill:s,d:"M85.5,25.8c-1.4-8.2-8.6-14.3-16.9-14.5c1.2,1.5,2.2,3.1,2.9,4.9c9.8,5.7,12.2,19.4,5,28.1 C83.2,40.7,86.8,33.2,85.5,25.8z"})]})})})})}):null};var M=t.sunset,N=o,A=t,L=({height:p=100,width:d=100,wrapperClass:h="",wrapperStyle:m={},visible:g=true,background:u="transparent",colors:n=M,speedInSecond:b=1,preset:C})=>{var s,w;if(!g)return null;let{fillColor1:f,fillColor2:i,fillColor3:e,fillColor4:a}=C&&(w=(s=t)==null?void 0:s[C])!=null?w:n;return jsx("svg",{xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",style:{margin:"auto",background:u,display:"block",...m},width:d,height:p,viewBox:"0 0 100 100",className:h,preserveAspectRatio:"xMidYMid","data-testid":"whirl",children:jsx("g",{transform:"translate(50,50)",children:jsx("g",{transform:"scale(0.8)",children:jsx("g",{transform:"translate(-50,-50)",children:jsxs("g",{children:[jsx("animateTransform",{attributeName:"transform",type:"rotate",repeatCount:"indefinite",values:"360 50 50;0 50 50",keyTimes:"0;1",dur:`${b}s`,keySplines:"0.5 0.5 0.5 0.5",calcMode:"spline"}),jsx("path",{fill:f,d:"M52.5,5c-0.8,0-1.7,0.1-2.5,0.1c9,1.2,16,10.8,16,22.4s-7,21.1-16,22.4c0.8,0.1,1.7,0.1,2.5,0.1 C64.9,50,75,39.9,75,27.5S64.9,5,52.5,5z"}),jsx("path",{fill:i,d:"M83.6,19.9c-0.6-0.6-1.2-1.2-1.9-1.7c5.5,7.2,3.7,18.9-4.5,27.1s-19.9,10-27.1,4.5c0.5,0.6,1.1,1.3,1.7,1.9 c8.8,8.8,23,8.8,31.8,0S92.4,28.7,83.6,19.9z"}),jsx("path",{fill:e,d:"M95,52.5c0-0.8-0.1-1.7-0.1-2.5c-1.2,9-10.8,16-22.4,16s-21.1-7-22.4-16c-0.1,0.8-0.1,1.7-0.1,2.5 C50,64.9,60.1,75,72.5,75S95,64.9,95,52.5z"}),jsx("path",{fill:a,d:"M80.1,83.6c0.6-0.6,1.2-1.2,1.7-1.9c-7.2,5.5-18.9,3.7-27.1-4.5s-10-19.9-4.5-27.1c-0.6,0.5-1.3,1.1-1.9,1.7 c-8.8,8.8-8.8,23,0,31.8S71.3,92.4,80.1,83.6z"}),jsx("path",{fill:f,d:"M47.5,95c0.8,0,1.7-0.1,2.5-0.1c-9-1.2-16-10.8-16-22.4s7-21.1,16-22.4c-0.8-0.1-1.7-0.1-2.5-0.1 C35.1,50,25,60.1,25,72.5S35.1,95,47.5,95z"}),jsx("path",{fill:i,d:"M16.4,80.1c0.6,0.6,1.2,1.2,1.9,1.7c-5.5-7.2-3.7-18.9,4.5-27.1s19.9-10,27.1-4.5c-0.5-0.6-1.1-1.3-1.7-1.9 c-8.8-8.8-23-8.8-31.8,0S7.6,71.3,16.4,80.1z"}),jsx("path",{fill:e,d:"M5,47.5c0,0.8,0.1,1.7,0.1,2.5c1.2-9,10.8-16,22.4-16s21.1,7,22.4,16c0.1-0.8,0.1-1.7,0.1-2.5 C50,35.1,39.9,25,27.5,25S5,35.1,5,47.5z"}),jsx("path",{fill:a,d:"M19.9,16.4c-0.6,0.6-1.2,1.2-1.7,1.9c7.2-5.5,18.9-3.7,27.1,4.5s10,19.9,4.5,27.1c0.6-0.5,1.3-1.1,1.9-1.7 c8.8-8.8,8.8-23,0-31.8S28.7,7.6,19.9,16.4z"})]})})})})})};
export{y as HAIRBALL_DEFAULT_COLOR,F as Hairball,P as HairballPreset,c as HairballPresetColors,L as Whirl,N as WhirlPreset,A as WhirlPresetColors};//# sourceMappingURL=beta.mjs.map
//# sourceMappingURL=beta.mjs.map