UNPKG

react-chrono-multicard

Version:

A Modern Timeline component for React with multiple card entries

63 lines (59 loc) 139 kB
import*as e from"react";import t,{useState as n,useMemo as r,useRef as i,useDebugValue as o,useContext as a,createElement as l,useEffect as s,useCallback as c}from"react";import u from"react-dom";"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self&&self;!function(){function e(e){var t=!0,n=!1,r=null,i={text:!0,search:!0,url:!0,tel:!0,email:!0,password:!0,number:!0,date:!0,month:!0,week:!0,time:!0,datetime:!0,"datetime-local":!0};function o(e){return!!(e&&e!==document&&"HTML"!==e.nodeName&&"BODY"!==e.nodeName&&"classList"in e&&"contains"in e.classList)}function a(e){var t=e.type,n=e.tagName;return!("INPUT"!==n||!i[t]||e.readOnly)||"TEXTAREA"===n&&!e.readOnly||!!e.isContentEditable}function l(e){e.classList.contains("focus-visible")||(e.classList.add("focus-visible"),e.setAttribute("data-focus-visible-added",""))}function s(e){e.hasAttribute("data-focus-visible-added")&&(e.classList.remove("focus-visible"),e.removeAttribute("data-focus-visible-added"))}function c(n){n.metaKey||n.altKey||n.ctrlKey||(o(e.activeElement)&&l(e.activeElement),t=!0)}function u(e){t=!1}function d(e){o(e.target)&&(t||a(e.target))&&l(e.target)}function f(e){o(e.target)&&(e.target.classList.contains("focus-visible")||e.target.hasAttribute("data-focus-visible-added"))&&(n=!0,window.clearTimeout(r),r=window.setTimeout((function(){n=!1}),100),s(e.target))}function p(e){"hidden"===document.visibilityState&&(n&&(t=!0),m())}function m(){document.addEventListener("mousemove",g),document.addEventListener("mousedown",g),document.addEventListener("mouseup",g),document.addEventListener("pointermove",g),document.addEventListener("pointerdown",g),document.addEventListener("pointerup",g),document.addEventListener("touchmove",g),document.addEventListener("touchstart",g),document.addEventListener("touchend",g)}function h(){document.removeEventListener("mousemove",g),document.removeEventListener("mousedown",g),document.removeEventListener("mouseup",g),document.removeEventListener("pointermove",g),document.removeEventListener("pointerdown",g),document.removeEventListener("pointerup",g),document.removeEventListener("touchmove",g),document.removeEventListener("touchstart",g),document.removeEventListener("touchend",g)}function g(e){e.target.nodeName&&"html"===e.target.nodeName.toLowerCase()||(t=!1,h())}document.addEventListener("keydown",c,!0),document.addEventListener("mousedown",u,!0),document.addEventListener("pointerdown",u,!0),document.addEventListener("touchstart",u,!0),document.addEventListener("visibilitychange",p,!0),m(),e.addEventListener("focus",d,!0),e.addEventListener("blur",f,!0),e.nodeType===Node.DOCUMENT_FRAGMENT_NODE&&e.host?e.host.setAttribute("data-js-focus-visible",""):e.nodeType===Node.DOCUMENT_NODE&&(document.documentElement.classList.add("js-focus-visible"),document.documentElement.setAttribute("data-js-focus-visible",""))}if("undefined"!=typeof window&&"undefined"!=typeof document){var t;window.applyFocusVisiblePolyfill=e;try{t=new CustomEvent("focus-visible-polyfill-ready")}catch(e){(t=document.createEvent("CustomEvent")).initCustomEvent("focus-visible-polyfill-ready",!1,!1,{})}window.dispatchEvent(t)}"undefined"!=typeof document&&e(document)}();var d,f=t.createContext({}),p=function(e){var n=e.cardHeight;void 0===n&&(n=200);var r=e.cardLess;void 0===r&&(r=!1);var i=e.flipLayout,o=e.items;void 0===o&&(o=[]);var a=e.theme,l=Object.assign({},{borderLessCards:!1,cardLess:!1,disableAutoScrollOnClick:!1,disableClickOnCircle:!1,fontSizes:{cardSubtitle:"0.85rem",cardText:"0.8rem",cardTitle:"1rem",title:"1rem"},lineWidth:3,mode:"VERTICAL_ALTERNATING",scrollable:{scrollbar:!1},showAllCardsHorizontal:!1,timelineCircleDimension:16,useReadMore:!0},Object.assign({},e,{activeItemIndex:i?(null==o?void 0:o.length)-1:0,cardHeight:r?n||80:n,theme:Object.assign({cardBgColor:"#fff",cardForeColor:"#000",primary:"#0f52ba",secondary:"#ffdf00",titleColor:"#000",titleColorActive:"#0f52ba"},a)})),s=e.children;return t.createElement(f.Provider,{value:l},s)},m=function(e,t){var i=n(0),o=i[0],a=i[1];return[o,r((function(){return function(n,r){var i=n.clientWidth,o=n.scrollLeft,l=n.scrollTop,s=n.clientHeight,c=r.pointOffset,u=r.pointWidth,d=r.contentHeight,f=r.contentOffset;if(c)if("HORIZONTAL"===e&&t&&u){var p=o+i,m=c+u,h=c-o,g=p-c;c>=o&&m<=p||(c<o&&m>o||m>p&&c<p)?(h<=t&&h>=0||g<=t&&g>=0)&&a(c-t):a(c-t)}else if("VERTICAL"===e||"VERTICAL_ALTERNATING"===e){if(!f||!d)return;var v=l+s,y=f+d,b=f-d,E=!(f>=l&&y<=v)||(f<l&&y>l||y>v&&f<v);E&&b+d<v?a(b+Math.round(d/2)):E&&a(b)}}}),[e,t])]},h={exports:{}},g={};var v,y,b={};function E(e){function t(e,r,s,c,f){for(var p,m,h,g,E,S=0,C=0,A=0,x=0,O=0,I=0,P=h=p=0,$=0,j=0,H=0,F=0,M=s.length,W=M-1,U="",z="",B="",V="";$<M;){if(m=s.charCodeAt($),$===W&&0!==C+x+A+S&&(0!==C&&(m=47===C?10:47),x=A=S=0,M++,W++),0===C+x+A+S){if($===W&&(0<j&&(U=U.replace(d,"")),0<U.trim().length)){switch(m){case 32:case 9:case 59:case 13:case 10:break;default:U+=s.charAt($)}m=59}switch(m){case 123:for(p=(U=U.trim()).charCodeAt(0),h=1,F=++$;$<M;){switch(m=s.charCodeAt($)){case 123:h++;break;case 125:h--;break;case 47:switch(m=s.charCodeAt($+1)){case 42:case 47:e:{for(P=$+1;P<W;++P)switch(s.charCodeAt(P)){case 47:if(42===m&&42===s.charCodeAt(P-1)&&$+2!==P){$=P+1;break e}break;case 10:if(47===m){$=P+1;break e}}$=P}}break;case 91:m++;case 40:m++;case 34:case 39:for(;$++<W&&s.charCodeAt($)!==m;);}if(0===h)break;$++}if(h=s.substring(F,$),0===p&&(p=(U=U.replace(u,"").trim()).charCodeAt(0)),64===p){switch(0<j&&(U=U.replace(d,"")),m=U.charCodeAt(1)){case 100:case 109:case 115:case 45:j=r;break;default:j=N}if(F=(h=t(r,j,h,m,f+1)).length,0<_&&(E=l(3,h,j=n(N,U,H),r,k,T,F,m,f,c),U=j.join(""),void 0!==E&&0===(F=(h=E.trim()).length)&&(m=0,h="")),0<F)switch(m){case 115:U=U.replace(w,a);case 100:case 109:case 45:h=U+"{"+h+"}";break;case 107:h=(U=U.replace(v,"$1 $2"))+"{"+h+"}",h=1===L||2===L&&o("@"+h,3)?"@-webkit-"+h+"@"+h:"@"+h;break;default:h=U+h,112===c&&(z+=h,h="")}else h=""}else h=t(r,n(r,U,H),h,c,f+1);B+=h,h=H=j=P=p=0,U="",m=s.charCodeAt(++$);break;case 125:case 59:if(1<(F=(U=(0<j?U.replace(d,""):U).trim()).length))switch(0===P&&(45===(p=U.charCodeAt(0))||96<p&&123>p)&&(F=(U=U.replace(" ",":")).length),0<_&&void 0!==(E=l(1,U,r,e,k,T,z.length,c,f,c))&&0===(F=(U=E.trim()).length)&&(U="\0\0"),p=U.charCodeAt(0),m=U.charCodeAt(1),p){case 0:break;case 64:if(105===m||99===m){V+=U+s.charAt($);break}default:58!==U.charCodeAt(F-1)&&(z+=i(U,p,m,U.charCodeAt(2)))}H=j=P=p=0,U="",m=s.charCodeAt(++$)}}switch(m){case 13:case 10:47===C?C=0:0===1+p&&107!==c&&0<U.length&&(j=1,U+="\0"),0<_*D&&l(0,U,r,e,k,T,z.length,c,f,c),T=1,k++;break;case 59:case 125:if(0===C+x+A+S){T++;break}default:switch(T++,g=s.charAt($),m){case 9:case 32:if(0===x+S+C)switch(O){case 44:case 58:case 9:case 32:g="";break;default:32!==m&&(g=" ")}break;case 0:g="\\0";break;case 12:g="\\f";break;case 11:g="\\v";break;case 38:0===x+C+S&&(j=H=1,g="\f"+g);break;case 108:if(0===x+C+S+R&&0<P)switch($-P){case 2:112===O&&58===s.charCodeAt($-3)&&(R=O);case 8:111===I&&(R=I)}break;case 58:0===x+C+S&&(P=$);break;case 44:0===C+A+x+S&&(j=1,g+="\r");break;case 34:case 39:0===C&&(x=x===m?0:0===x?m:x);break;case 91:0===x+C+A&&S++;break;case 93:0===x+C+A&&S--;break;case 41:0===x+C+S&&A--;break;case 40:if(0===x+C+S){if(0===p)if(2*O+3*I==533);else p=1;A++}break;case 64:0===C+A+x+S+P+h&&(h=1);break;case 42:case 47:if(!(0<x+S+A))switch(C){case 0:switch(2*m+3*s.charCodeAt($+1)){case 235:C=47;break;case 220:F=$,C=42}break;case 42:47===m&&42===O&&F+2!==$&&(33===s.charCodeAt(F+2)&&(z+=s.substring(F,$+1)),g="",C=0)}}0===C&&(U+=g)}I=O,O=m,$++}if(0<(F=z.length)){if(j=r,0<_&&(void 0!==(E=l(2,z,j,e,k,T,F,c,f,c))&&0===(z=E).length))return V+z+B;if(z=j.join(",")+"{"+z+"}",0!=L*R){switch(2!==L||o(z,2)||(R=0),R){case 111:z=z.replace(b,":-moz-$1")+z;break;case 112:z=z.replace(y,"::-webkit-input-$1")+z.replace(y,"::-moz-$1")+z.replace(y,":-ms-input-$1")+z}R=0}}return V+z+B}function n(e,t,n){var i=t.trim().split(h);t=i;var o=i.length,a=e.length;switch(a){case 0:case 1:var l=0;for(e=0===a?"":e[0]+" ";l<o;++l)t[l]=r(e,t[l],n).trim();break;default:var s=l=0;for(t=[];l<o;++l)for(var c=0;c<a;++c)t[s++]=r(e[c]+" ",i[l],n).trim()}return t}function r(e,t,n){var r=t.charCodeAt(0);switch(33>r&&(r=(t=t.trim()).charCodeAt(0)),r){case 38:return t.replace(g,"$1"+e.trim());case 58:return e.trim()+t.replace(g,"$1"+e.trim());default:if(0<1*n&&0<t.indexOf("\f"))return t.replace(g,(58===e.charCodeAt(0)?"":"$1")+e.trim())}return e+t}function i(e,t,n,r){var a=e+";",l=2*t+3*n+4*r;if(944===l){e=a.indexOf(":",9)+1;var s=a.substring(e,a.length-1).trim();return s=a.substring(0,e).trim()+s+";",1===L||2===L&&o(s,1)?"-webkit-"+s+s:s}if(0===L||2===L&&!o(a,1))return a;switch(l){case 1015:return 97===a.charCodeAt(10)?"-webkit-"+a+a:a;case 951:return 116===a.charCodeAt(3)?"-webkit-"+a+a:a;case 963:return 110===a.charCodeAt(5)?"-webkit-"+a+a:a;case 1009:if(100!==a.charCodeAt(4))break;case 969:case 942:return"-webkit-"+a+a;case 978:return"-webkit-"+a+"-moz-"+a+a;case 1019:case 983:return"-webkit-"+a+"-moz-"+a+"-ms-"+a+a;case 883:if(45===a.charCodeAt(8))return"-webkit-"+a+a;if(0<a.indexOf("image-set(",11))return a.replace(O,"$1-webkit-$2")+a;break;case 932:if(45===a.charCodeAt(4))switch(a.charCodeAt(5)){case 103:return"-webkit-box-"+a.replace("-grow","")+"-webkit-"+a+"-ms-"+a.replace("grow","positive")+a;case 115:return"-webkit-"+a+"-ms-"+a.replace("shrink","negative")+a;case 98:return"-webkit-"+a+"-ms-"+a.replace("basis","preferred-size")+a}return"-webkit-"+a+"-ms-"+a+a;case 964:return"-webkit-"+a+"-ms-flex-"+a+a;case 1023:if(99!==a.charCodeAt(8))break;return"-webkit-box-pack"+(s=a.substring(a.indexOf(":",15)).replace("flex-","").replace("space-between","justify"))+"-webkit-"+a+"-ms-flex-pack"+s+a;case 1005:return p.test(a)?a.replace(f,":-webkit-")+a.replace(f,":-moz-")+a:a;case 1e3:switch(t=(s=a.substring(13).trim()).indexOf("-")+1,s.charCodeAt(0)+s.charCodeAt(t)){case 226:s=a.replace(E,"tb");break;case 232:s=a.replace(E,"tb-rl");break;case 220:s=a.replace(E,"lr");break;default:return a}return"-webkit-"+a+"-ms-"+s+a;case 1017:if(-1===a.indexOf("sticky",9))break;case 975:switch(t=(a=e).length-10,l=(s=(33===a.charCodeAt(t)?a.substring(0,t):a).substring(e.indexOf(":",7)+1).trim()).charCodeAt(0)+(0|s.charCodeAt(7))){case 203:if(111>s.charCodeAt(8))break;case 115:a=a.replace(s,"-webkit-"+s)+";"+a;break;case 207:case 102:a=a.replace(s,"-webkit-"+(102<l?"inline-":"")+"box")+";"+a.replace(s,"-webkit-"+s)+";"+a.replace(s,"-ms-"+s+"box")+";"+a}return a+";";case 938:if(45===a.charCodeAt(5))switch(a.charCodeAt(6)){case 105:return s=a.replace("-items",""),"-webkit-"+a+"-webkit-box-"+s+"-ms-flex-"+s+a;case 115:return"-webkit-"+a+"-ms-flex-item-"+a.replace(C,"")+a;default:return"-webkit-"+a+"-ms-flex-line-pack"+a.replace("align-content","").replace(C,"")+a}break;case 973:case 989:if(45!==a.charCodeAt(3)||122===a.charCodeAt(4))break;case 931:case 953:if(!0===x.test(e))return 115===(s=e.substring(e.indexOf(":")+1)).charCodeAt(0)?i(e.replace("stretch","fill-available"),t,n,r).replace(":fill-available",":stretch"):a.replace(s,"-webkit-"+s)+a.replace(s,"-moz-"+s.replace("fill-",""))+a;break;case 962:if(a="-webkit-"+a+(102===a.charCodeAt(5)?"-ms-"+a:"")+a,211===n+r&&105===a.charCodeAt(13)&&0<a.indexOf("transform",10))return a.substring(0,a.indexOf(";",27)+1).replace(m,"$1-webkit-$2")+a}return a}function o(e,t){var n=e.indexOf(1===t?":":"{"),r=e.substring(0,3!==t?n:10);return n=e.substring(n+1,e.length-1),P(2!==t?r:r.replace(A,"$1"),n,t)}function a(e,t){var n=i(t,t.charCodeAt(0),t.charCodeAt(1),t.charCodeAt(2));return n!==t+";"?n.replace(S," or ($1)").substring(4):"("+t+")"}function l(e,t,n,r,i,o,a,l,s,u){for(var d,f=0,p=t;f<_;++f)switch(d=I[f].call(c,e,p,n,r,i,o,a,l,s,u)){case void 0:case!1:case!0:case null:break;default:p=d}if(p!==t)return p}function s(e){return void 0!==(e=e.prefix)&&(P=null,e?"function"!=typeof e?L=1:(L=2,P=e):L=0),s}function c(e,n){var r=e;if(33>r.charCodeAt(0)&&(r=r.trim()),r=[r],0<_){var i=l(-1,n,r,r,k,T,0,0,0,0);void 0!==i&&"string"==typeof i&&(n=i)}var o=t(N,r,n,0,0);return 0<_&&(void 0!==(i=l(-2,o,r,r,k,T,o.length,0,0,0))&&(o=i)),"",R=0,T=k=1,o}var u=/^\0+/g,d=/[\0\r\f]/g,f=/: */g,p=/zoo|gra/,m=/([,: ])(transform)/g,h=/,\r+?/g,g=/([\t\r\n ])*\f?&/g,v=/@(k\w+)\s*(\S*)\s*/,y=/::(place)/g,b=/:(read-only)/g,E=/[svh]\w+-[tblr]{2}/,w=/\(\s*(.*)\s*\)/g,S=/([\s\S]*?);/g,C=/-self|flex-/g,A=/[^]*?(:[rp][el]a[\w-]+)[^]*/,x=/stretch|:\s*\w+\-(?:conte|avail)/,O=/([^-])(image-set\()/,T=1,k=1,R=0,L=1,N=[],I=[],_=0,P=null,D=0;return c.use=function e(t){switch(t){case void 0:case null:_=I.length=0;break;default:if("function"==typeof t)I[_++]=t;else if("object"==typeof t)for(var n=0,r=t.length;n<r;++n)e(t[n]);else D=0|!!t}return e},c.set=s,void 0!==e&&s(e),c}y=h,"production"===process.env.NODE_ENV?y.exports=function(){if(d)return g;d=1;var e,t=Symbol.for("react.element"),n=Symbol.for("react.portal"),r=Symbol.for("react.fragment"),i=Symbol.for("react.strict_mode"),o=Symbol.for("react.profiler"),a=Symbol.for("react.provider"),l=Symbol.for("react.context"),s=Symbol.for("react.server_context"),c=Symbol.for("react.forward_ref"),u=Symbol.for("react.suspense"),f=Symbol.for("react.suspense_list"),p=Symbol.for("react.memo"),m=Symbol.for("react.lazy"),h=Symbol.for("react.offscreen");function v(e){if("object"==typeof e&&null!==e){var d=e.$$typeof;switch(d){case t:switch(e=e.type){case r:case o:case i:case u:case f:return e;default:switch(e=e&&e.$$typeof){case s:case l:case c:case m:case p:case a:return e;default:return d}}case n:return d}}}return e=Symbol.for("react.module.reference"),g.ContextConsumer=l,g.ContextProvider=a,g.Element=t,g.ForwardRef=c,g.Fragment=r,g.Lazy=m,g.Memo=p,g.Portal=n,g.Profiler=o,g.StrictMode=i,g.Suspense=u,g.SuspenseList=f,g.isAsyncMode=function(){return!1},g.isConcurrentMode=function(){return!1},g.isContextConsumer=function(e){return v(e)===l},g.isContextProvider=function(e){return v(e)===a},g.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===t},g.isForwardRef=function(e){return v(e)===c},g.isFragment=function(e){return v(e)===r},g.isLazy=function(e){return v(e)===m},g.isMemo=function(e){return v(e)===p},g.isPortal=function(e){return v(e)===n},g.isProfiler=function(e){return v(e)===o},g.isStrictMode=function(e){return v(e)===i},g.isSuspense=function(e){return v(e)===u},g.isSuspenseList=function(e){return v(e)===f},g.isValidElementType=function(t){return"string"==typeof t||"function"==typeof t||t===r||t===o||t===i||t===u||t===f||t===h||"object"==typeof t&&null!==t&&(t.$$typeof===m||t.$$typeof===p||t.$$typeof===a||t.$$typeof===l||t.$$typeof===c||t.$$typeof===e||void 0!==t.getModuleId)},g.typeOf=v,g}():y.exports=(v||(v=1,"production"!==process.env.NODE_ENV&&function(){var e,t=Symbol.for("react.element"),n=Symbol.for("react.portal"),r=Symbol.for("react.fragment"),i=Symbol.for("react.strict_mode"),o=Symbol.for("react.profiler"),a=Symbol.for("react.provider"),l=Symbol.for("react.context"),s=Symbol.for("react.server_context"),c=Symbol.for("react.forward_ref"),u=Symbol.for("react.suspense"),d=Symbol.for("react.suspense_list"),f=Symbol.for("react.memo"),p=Symbol.for("react.lazy"),m=Symbol.for("react.offscreen");function h(e){if("object"==typeof e&&null!==e){var m=e.$$typeof;switch(m){case t:var h=e.type;switch(h){case r:case o:case i:case u:case d:return h;default:var g=h&&h.$$typeof;switch(g){case s:case l:case c:case p:case f:case a:return g;default:return m}}case n:return m}}}e=Symbol.for("react.module.reference");var g=l,v=a,y=t,E=c,w=r,S=p,C=f,A=n,x=o,O=i,T=u,k=d,R=!1,L=!1;b.ContextConsumer=g,b.ContextProvider=v,b.Element=y,b.ForwardRef=E,b.Fragment=w,b.Lazy=S,b.Memo=C,b.Portal=A,b.Profiler=x,b.StrictMode=O,b.Suspense=T,b.SuspenseList=k,b.isAsyncMode=function(e){return R||(R=!0),!1},b.isConcurrentMode=function(e){return L||(L=!0),!1},b.isContextConsumer=function(e){return h(e)===l},b.isContextProvider=function(e){return h(e)===a},b.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===t},b.isForwardRef=function(e){return h(e)===c},b.isFragment=function(e){return h(e)===r},b.isLazy=function(e){return h(e)===p},b.isMemo=function(e){return h(e)===f},b.isPortal=function(e){return h(e)===n},b.isProfiler=function(e){return h(e)===o},b.isStrictMode=function(e){return h(e)===i},b.isSuspense=function(e){return h(e)===u},b.isSuspenseList=function(e){return h(e)===d},b.isValidElementType=function(t){return"string"==typeof t||"function"==typeof t||t===r||t===o||t===i||t===u||t===d||t===m||"object"==typeof t&&null!==t&&(t.$$typeof===p||t.$$typeof===f||t.$$typeof===a||t.$$typeof===l||t.$$typeof===c||t.$$typeof===e||void 0!==t.getModuleId)},b.typeOf=h}()),b);var w={animationIterationCount:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1};function S(e){var t=Object.create(null);return function(n){return void 0===t[n]&&(t[n]=e(n)),t[n]}}var C,A=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,x=S((function(e){return A.test(e)||111===e.charCodeAt(0)&&110===e.charCodeAt(1)&&e.charCodeAt(2)<91})),O={exports:{}},T={};var k,R={};!function(e){"production"===process.env.NODE_ENV?e.exports=function(){if(C)return T;C=1;var e="function"==typeof Symbol&&Symbol.for,t=e?Symbol.for("react.element"):60103,n=e?Symbol.for("react.portal"):60106,r=e?Symbol.for("react.fragment"):60107,i=e?Symbol.for("react.strict_mode"):60108,o=e?Symbol.for("react.profiler"):60114,a=e?Symbol.for("react.provider"):60109,l=e?Symbol.for("react.context"):60110,s=e?Symbol.for("react.async_mode"):60111,c=e?Symbol.for("react.concurrent_mode"):60111,u=e?Symbol.for("react.forward_ref"):60112,d=e?Symbol.for("react.suspense"):60113,f=e?Symbol.for("react.suspense_list"):60120,p=e?Symbol.for("react.memo"):60115,m=e?Symbol.for("react.lazy"):60116,h=e?Symbol.for("react.block"):60121,g=e?Symbol.for("react.fundamental"):60117,v=e?Symbol.for("react.responder"):60118,y=e?Symbol.for("react.scope"):60119;function b(e){if("object"==typeof e&&null!==e){var f=e.$$typeof;switch(f){case t:switch(e=e.type){case s:case c:case r:case o:case i:case d:return e;default:switch(e=e&&e.$$typeof){case l:case u:case m:case p:case a:return e;default:return f}}case n:return f}}}function E(e){return b(e)===c}return T.AsyncMode=s,T.ConcurrentMode=c,T.ContextConsumer=l,T.ContextProvider=a,T.Element=t,T.ForwardRef=u,T.Fragment=r,T.Lazy=m,T.Memo=p,T.Portal=n,T.Profiler=o,T.StrictMode=i,T.Suspense=d,T.isAsyncMode=function(e){return E(e)||b(e)===s},T.isConcurrentMode=E,T.isContextConsumer=function(e){return b(e)===l},T.isContextProvider=function(e){return b(e)===a},T.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===t},T.isForwardRef=function(e){return b(e)===u},T.isFragment=function(e){return b(e)===r},T.isLazy=function(e){return b(e)===m},T.isMemo=function(e){return b(e)===p},T.isPortal=function(e){return b(e)===n},T.isProfiler=function(e){return b(e)===o},T.isStrictMode=function(e){return b(e)===i},T.isSuspense=function(e){return b(e)===d},T.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===r||e===c||e===o||e===i||e===d||e===f||"object"==typeof e&&null!==e&&(e.$$typeof===m||e.$$typeof===p||e.$$typeof===a||e.$$typeof===l||e.$$typeof===u||e.$$typeof===g||e.$$typeof===v||e.$$typeof===y||e.$$typeof===h)},T.typeOf=b,T}():e.exports=(k||(k=1,"production"!==process.env.NODE_ENV&&function(){var e="function"==typeof Symbol&&Symbol.for,t=e?Symbol.for("react.element"):60103,n=e?Symbol.for("react.portal"):60106,r=e?Symbol.for("react.fragment"):60107,i=e?Symbol.for("react.strict_mode"):60108,o=e?Symbol.for("react.profiler"):60114,a=e?Symbol.for("react.provider"):60109,l=e?Symbol.for("react.context"):60110,s=e?Symbol.for("react.async_mode"):60111,c=e?Symbol.for("react.concurrent_mode"):60111,u=e?Symbol.for("react.forward_ref"):60112,d=e?Symbol.for("react.suspense"):60113,f=e?Symbol.for("react.suspense_list"):60120,p=e?Symbol.for("react.memo"):60115,m=e?Symbol.for("react.lazy"):60116,h=e?Symbol.for("react.block"):60121,g=e?Symbol.for("react.fundamental"):60117,v=e?Symbol.for("react.responder"):60118,y=e?Symbol.for("react.scope"):60119;function b(e){if("object"==typeof e&&null!==e){var f=e.$$typeof;switch(f){case t:var h=e.type;switch(h){case s:case c:case r:case o:case i:case d:return h;default:var g=h&&h.$$typeof;switch(g){case l:case u:case m:case p:case a:return g;default:return f}}case n:return f}}}var E=s,w=c,S=l,C=a,A=t,x=u,O=r,T=m,k=p,L=n,N=o,I=i,_=d,P=!1;function D(e){return b(e)===c}R.AsyncMode=E,R.ConcurrentMode=w,R.ContextConsumer=S,R.ContextProvider=C,R.Element=A,R.ForwardRef=x,R.Fragment=O,R.Lazy=T,R.Memo=k,R.Portal=L,R.Profiler=N,R.StrictMode=I,R.Suspense=_,R.isAsyncMode=function(e){return P||(P=!0),D(e)||b(e)===s},R.isConcurrentMode=D,R.isContextConsumer=function(e){return b(e)===l},R.isContextProvider=function(e){return b(e)===a},R.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===t},R.isForwardRef=function(e){return b(e)===u},R.isFragment=function(e){return b(e)===r},R.isLazy=function(e){return b(e)===m},R.isMemo=function(e){return b(e)===p},R.isPortal=function(e){return b(e)===n},R.isProfiler=function(e){return b(e)===o},R.isStrictMode=function(e){return b(e)===i},R.isSuspense=function(e){return b(e)===d},R.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===r||e===c||e===o||e===i||e===d||e===f||"object"==typeof e&&null!==e&&(e.$$typeof===m||e.$$typeof===p||e.$$typeof===a||e.$$typeof===l||e.$$typeof===u||e.$$typeof===g||e.$$typeof===v||e.$$typeof===y||e.$$typeof===h)},R.typeOf=b}()),R)}(O);var L=O.exports,N={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},I={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},_={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},P={};function D(e){return L.isMemo(e)?_:P[e.$$typeof]||N}P[L.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},P[L.Memo]=_;var $=Object.defineProperty,j=Object.getOwnPropertyNames,H=Object.getOwnPropertySymbols,F=Object.getOwnPropertyDescriptor,M=Object.getPrototypeOf,W=Object.prototype;var U=function e(t,n,r){if("string"!=typeof n){if(W){var i=M(n);i&&i!==W&&e(t,i,r)}var o=j(n);H&&(o=o.concat(H(n)));for(var a=D(t),l=D(n),s=0;s<o.length;++s){var c=o[s];if(!(I[c]||r&&r[c]||l&&l[c]||a&&a[c])){var u=F(n,c);try{$(t,c,u)}catch(e){}}}}return t};function z(){return(z=Object.assign||function(e){for(var t=arguments,n=1;n<arguments.length;n++){var r=t[n];for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&(e[i]=r[i])}return e}).apply(this,arguments)}var B=function(e,t){for(var n=[e[0]],r=0,i=t.length;r<i;r+=1)n.push(t[r],e[r+1]);return n},V=function(e){return null!==e&&"object"==typeof e&&"[object Object]"===(e.toString?e.toString():Object.prototype.toString.call(e))&&!h.exports.typeOf(e)},G=Object.freeze([]),Y=Object.freeze({});function K(e){return"function"==typeof e}function q(e){return"production"!==process.env.NODE_ENV&&"string"==typeof e&&e||e.displayName||e.name||"Component"}function X(e){return e&&"string"==typeof e.styledComponentId}var Z="undefined"!=typeof process&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",Q="undefined"!=typeof window&&"HTMLElement"in window,J=Boolean("boolean"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&""!==process.env.REACT_APP_SC_DISABLE_SPEEDY?"false"!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&process.env.REACT_APP_SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env.SC_DISABLE_SPEEDY&&""!==process.env.SC_DISABLE_SPEEDY?"false"!==process.env.SC_DISABLE_SPEEDY&&process.env.SC_DISABLE_SPEEDY:"production"!==process.env.NODE_ENV),ee="production"!==process.env.NODE_ENV?{1:"Cannot create styled-component for component: %s.\n\n",2:"Can't collect styles once you've consumed a `ServerStyleSheet`'s styles! `ServerStyleSheet` is a one off instance for each server-side render cycle.\n\n- Are you trying to reuse it across renders?\n- Are you accidentally calling collectStyles twice?\n\n",3:"Streaming SSR is only supported in a Node.js environment; Please do not try to call this method in the browser.\n\n",4:"The `StyleSheetManager` expects a valid target or sheet prop!\n\n- Does this error occur on the client and is your target falsy?\n- Does this error occur on the server and is the sheet falsy?\n\n",5:"The clone method cannot be used on the client!\n\n- Are you running in a client-like environment on the server?\n- Are you trying to run SSR on the client?\n\n",6:"Trying to insert a new style tag, but the given Node is unmounted!\n\n- Are you using a custom target that isn't mounted?\n- Does your document not have a valid head element?\n- Have you accidentally removed a style tag manually?\n\n",7:'ThemeProvider: Please return an object from your "theme" prop function, e.g.\n\n```js\ntheme={() => ({})}\n```\n\n',8:'ThemeProvider: Please make your "theme" prop an object.\n\n',9:"Missing document `<head>`\n\n",10:"Cannot find a StyleSheet instance. Usually this happens if there are multiple copies of styled-components loaded at once. Check out this issue for how to troubleshoot and fix the common cases where this situation can happen: https://github.com/styled-components/styled-components/issues/1941#issuecomment-417862021\n\n",11:"_This error was replaced with a dev-time warning, it will be deleted for v4 final._ [createGlobalStyle] received children which will not be rendered. Please use the component without passing children elements.\n\n",12:"It seems you are interpolating a keyframe declaration (%s) into an untagged string. This was supported in styled-components v3, but is not longer supported in v4 as keyframes are now injected on-demand. Please wrap your string in the css\\`\\` helper which ensures the styles are injected correctly. See https://www.styled-components.com/docs/api#css\n\n",13:"%s is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.\n\n",14:'ThemeProvider: "theme" prop is required.\n\n',15:"A stylis plugin has been supplied that is not named. We need a name for each plugin to be able to prevent styling collisions between different stylis configurations within the same app. Before you pass your plugin to `<StyleSheetManager stylisPlugins={[]}>`, please make sure each plugin is uniquely-named, e.g.\n\n```js\nObject.defineProperty(importedPlugin, 'name', { value: 'some-unique-name' });\n```\n\n",16:"Reached the limit of how many styled components may be created at group %s.\nYou may only create up to 1,073,741,824 components. If you're creating components dynamically,\nas for instance in your render method then you may be running into this limitation.\n\n",17:"CSSStyleSheet could not be found on HTMLStyleElement.\nHas styled-components' style tag been unmounted or altered by another script?\n"}:{};function te(){for(var e=arguments,t=arguments.length<=0?void 0:arguments[0],n=[],r=1,i=arguments.length;r<i;r+=1)n.push(r<0||e.length<=r?void 0:e[r]);return n.forEach((function(e){t=t.replace(/%[a-z]/,e)})),t}function ne(e){for(var t=arguments,n=arguments.length,r=new Array(n>1?n-1:0),i=1;i<n;i++)r[i-1]=t[i];throw"production"===process.env.NODE_ENV?new Error("An error occurred. See https://git.io/JUIaE#"+e+" for more information."+(r.length>0?" Args: "+r.join(", "):"")):new Error(te.apply(void 0,[ee[e]].concat(r)).trim())}var re=function(){function e(e){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e}var t=e.prototype;return t.indexOfGroup=function(e){for(var t=0,n=0;n<e;n++)t+=this.groupSizes[n];return t},t.insertRules=function(e,t){if(e>=this.groupSizes.length){for(var n=this.groupSizes,r=n.length,i=r;e>=i;)(i<<=1)<0&&ne(16,""+e);this.groupSizes=new Uint32Array(i),this.groupSizes.set(n),this.length=i;for(var o=r;o<i;o++)this.groupSizes[o]=0}for(var a=this.indexOfGroup(e+1),l=0,s=t.length;l<s;l++)this.tag.insertRule(a,t[l])&&(this.groupSizes[e]++,a++)},t.clearGroup=function(e){if(e<this.length){var t=this.groupSizes[e],n=this.indexOfGroup(e),r=n+t;this.groupSizes[e]=0;for(var i=n;i<r;i++)this.tag.deleteRule(n)}},t.getGroup=function(e){var t="";if(e>=this.length||0===this.groupSizes[e])return t;for(var n=this.groupSizes[e],r=this.indexOfGroup(e),i=r+n,o=r;o<i;o++)t+=this.tag.getRule(o)+"/*!sc*/\n";return t},e}(),ie=new Map,oe=new Map,ae=1,le=function(e){if(ie.has(e))return ie.get(e);for(;oe.has(ae);)ae++;var t=ae++;return"production"!==process.env.NODE_ENV&&((0|t)<0||t>1<<30)&&ne(16,""+t),ie.set(e,t),oe.set(t,e),t},se=function(e){return oe.get(e)},ce=function(e,t){t>=ae&&(ae=t+1),ie.set(e,t),oe.set(t,e)},ue="style["+Z+'][data-styled-version="5.3.5"]',de=new RegExp("^"+Z+'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)'),fe=function(e,t,n){for(var r,i=n.split(","),o=0,a=i.length;o<a;o++)(r=i[o])&&e.registerName(t,r)},pe=function(e,t){for(var n=(t.textContent||"").split("/*!sc*/\n"),r=[],i=0,o=n.length;i<o;i++){var a=n[i].trim();if(a){var l=a.match(de);if(l){var s=0|parseInt(l[1],10),c=l[2];0!==s&&(ce(c,s),fe(e,c,l[3]),e.getTag().insertRules(s,r)),r.length=0}else r.push(a)}}},me=function(e){var t=document.head,n=e||t,r=document.createElement("style"),i=function(e){for(var t=e.childNodes,n=t.length;n>=0;n--){var r=t[n];if(r&&1===r.nodeType&&r.hasAttribute(Z))return r}}(n),o=void 0!==i?i.nextSibling:null;r.setAttribute(Z,"active"),r.setAttribute("data-styled-version","5.3.5");var a="undefined"!=typeof window&&void 0!==window.__webpack_nonce__?window.__webpack_nonce__:null;return a&&r.setAttribute("nonce",a),n.insertBefore(r,o),r},he=function(){function e(e){var t=this.element=me(e);t.appendChild(document.createTextNode("")),this.sheet=function(e){if(e.sheet)return e.sheet;for(var t=document.styleSheets,n=0,r=t.length;n<r;n++){var i=t[n];if(i.ownerNode===e)return i}ne(17)}(t),this.length=0}var t=e.prototype;return t.insertRule=function(e,t){try{return this.sheet.insertRule(t,e),this.length++,!0}catch(e){return!1}},t.deleteRule=function(e){this.sheet.deleteRule(e),this.length--},t.getRule=function(e){var t=this.sheet.cssRules[e];return void 0!==t&&"string"==typeof t.cssText?t.cssText:""},e}(),ge=function(){function e(e){var t=this.element=me(e);this.nodes=t.childNodes,this.length=0}var t=e.prototype;return t.insertRule=function(e,t){if(e<=this.length&&e>=0){var n=document.createTextNode(t),r=this.nodes[e];return this.element.insertBefore(n,r||null),this.length++,!0}return!1},t.deleteRule=function(e){this.element.removeChild(this.nodes[e]),this.length--},t.getRule=function(e){return e<this.length?this.nodes[e].textContent:""},e}(),ve=function(){function e(e){this.rules=[],this.length=0}var t=e.prototype;return t.insertRule=function(e,t){return e<=this.length&&(this.rules.splice(e,0,t),this.length++,!0)},t.deleteRule=function(e){this.rules.splice(e,1),this.length--},t.getRule=function(e){return e<this.length?this.rules[e]:""},e}(),ye=Q,be={isServer:!Q,useCSSOMInjection:!J},Ee=function(){function e(e,t,n){void 0===e&&(e=Y),void 0===t&&(t={}),this.options=z({},be,{},e),this.gs=t,this.names=new Map(n),this.server=!!e.isServer,!this.server&&Q&&ye&&(ye=!1,function(e){for(var t=document.querySelectorAll(ue),n=0,r=t.length;n<r;n++){var i=t[n];i&&"active"!==i.getAttribute(Z)&&(pe(e,i),i.parentNode&&i.parentNode.removeChild(i))}}(this))}e.registerId=function(e){return le(e)};var t=e.prototype;return t.reconstructWithOptions=function(t,n){return void 0===n&&(n=!0),new e(z({},this.options,{},t),this.gs,n&&this.names||void 0)},t.allocateGSInstance=function(e){return this.gs[e]=(this.gs[e]||0)+1},t.getTag=function(){return this.tag||(this.tag=(n=(t=this.options).isServer,r=t.useCSSOMInjection,i=t.target,e=n?new ve(i):r?new he(i):new ge(i),new re(e)));var e,t,n,r,i},t.hasNameForId=function(e,t){return this.names.has(e)&&this.names.get(e).has(t)},t.registerName=function(e,t){if(le(e),this.names.has(e))this.names.get(e).add(t);else{var n=new Set;n.add(t),this.names.set(e,n)}},t.insertRules=function(e,t,n){this.registerName(e,t),this.getTag().insertRules(le(e),n)},t.clearNames=function(e){this.names.has(e)&&this.names.get(e).clear()},t.clearRules=function(e){this.getTag().clearGroup(le(e)),this.clearNames(e)},t.clearTag=function(){this.tag=void 0},t.toString=function(){return function(e){for(var t=e.getTag(),n=t.length,r="",i=0;i<n;i++){var o=se(i);if(void 0!==o){var a=e.names.get(o),l=t.getGroup(i);if(a&&l&&a.size){var s=Z+".g"+i+'[id="'+o+'"]',c="";void 0!==a&&a.forEach((function(e){e.length>0&&(c+=e+",")})),r+=""+l+s+'{content:"'+c+'"}/*!sc*/\n'}}}return r}(this)},e}(),we=/(a)(d)/gi,Se=function(e){return String.fromCharCode(e+(e>25?39:97))};function Ce(e){var t,n="";for(t=Math.abs(e);t>52;t=t/52|0)n=Se(t%52)+n;return(Se(t%52)+n).replace(we,"$1-$2")}var Ae=function(e,t){for(var n=t.length;n;)e=33*e^t.charCodeAt(--n);return e},xe=function(e){return Ae(5381,e)};var Oe=xe("5.3.5"),Te=function(){function e(e,t,n){this.rules=e,this.staticRulesId="",this.isStatic="production"===process.env.NODE_ENV&&(void 0===n||n.isStatic)&&function(e){for(var t=0;t<e.length;t+=1){var n=e[t];if(K(n)&&!X(n))return!1}return!0}(e),this.componentId=t,this.baseHash=Ae(Oe,t),this.baseStyle=n,Ee.registerId(t)}return e.prototype.generateAndInjectStyles=function(e,t,n){var r=this.componentId,i=[];if(this.baseStyle&&i.push(this.baseStyle.generateAndInjectStyles(e,t,n)),this.isStatic&&!n.hash)if(this.staticRulesId&&t.hasNameForId(r,this.staticRulesId))i.push(this.staticRulesId);else{var o=We(this.rules,e,t,n).join(""),a=Ce(Ae(this.baseHash,o)>>>0);if(!t.hasNameForId(r,a)){var l=n(o,"."+a,void 0,r);t.insertRules(r,a,l)}i.push(a),this.staticRulesId=a}else{for(var s=this.rules.length,c=Ae(this.baseHash,n.hash),u="",d=0;d<s;d++){var f=this.rules[d];if("string"==typeof f)u+=f,"production"!==process.env.NODE_ENV&&(c=Ae(c,f+d));else if(f){var p=We(f,e,t,n),m=Array.isArray(p)?p.join(""):p;c=Ae(c,m+d),u+=m}}if(u){var h=Ce(c>>>0);if(!t.hasNameForId(r,h)){var g=n(u,"."+h,void 0,r);t.insertRules(r,h,g)}i.push(h)}}return i.join(" ")},e}(),ke=/^\s*\/\/.*$/gm,Re=[":","[",".","#"];var Le=t.createContext();Le.Consumer;var Ne=t.createContext(),Ie=(Ne.Consumer,new Ee),_e=function(e){var t,n,r,i,o=void 0===e?Y:e,a=o.options,l=void 0===a?Y:a,s=o.plugins,c=void 0===s?G:s,u=new E(l),d=[],f=function(e){function t(t){if(t)try{e(t+"}")}catch(e){}}return function(n,r,i,o,a,l,s,c,u,d){switch(n){case 1:if(0===u&&64===r.charCodeAt(0))return e(r+";"),"";break;case 2:if(0===c)return r+"/*|*/";break;case 3:switch(c){case 102:case 112:return e(i[0]+r),"";default:return r+(0===d?"/*|*/":"")}case-2:r.split("/*|*/}").forEach(t)}}}((function(e){d.push(e)})),p=function(e,r,o){return 0===r&&-1!==Re.indexOf(o[n.length])||o.match(i)?e:"."+t};function m(e,o,a,l){void 0===l&&(l="&");var s=e.replace(ke,""),c=o&&a?a+" "+o+" { "+s+" }":s;return t=l,n=o,r=new RegExp("\\"+n+"\\b","g"),i=new RegExp("(\\"+n+"\\b){2,}"),u(a||!o?"":o,c)}return u.use([].concat(c,[function(e,t,i){2===e&&i.length&&i[0].lastIndexOf(n)>0&&(i[0]=i[0].replace(r,p))},f,function(e){if(-2===e){var t=d;return d=[],t}}])),m.hash=c.length?c.reduce((function(e,t){return t.name||ne(15),Ae(e,t.name)}),5381).toString():"",m}();var Pe=function(){function e(e,t){var n=this;this.inject=function(e,t){void 0===t&&(t=_e);var r=n.name+t.hash;e.hasNameForId(n.id,r)||e.insertRules(n.id,r,t(n.rules,r,"@keyframes"))},this.toString=function(){return ne(12,String(n.name))},this.name=e,this.id="sc-keyframes-"+e,this.rules=t}return e.prototype.getName=function(e){return void 0===e&&(e=_e),this.name+e.hash},e}(),De=/([A-Z])/,$e=/([A-Z])/g,je=/^ms-/,He=function(e){return"-"+e.toLowerCase()};function Fe(e){return De.test(e)?e.replace($e,He).replace(je,"-ms-"):e}var Me=function(e){return null==e||!1===e||""===e};function We(e,t,n,r){if(Array.isArray(e)){for(var i,o=[],a=0,l=e.length;a<l;a+=1)""!==(i=We(e[a],t,n,r))&&(Array.isArray(i)?o.push.apply(o,i):o.push(i));return o}if(Me(e))return"";if(X(e))return"."+e.styledComponentId;if(K(e)){if("function"!=typeof(c=e)||c.prototype&&c.prototype.isReactComponent||!t)return e;var s=e(t);return"production"!==process.env.NODE_ENV&&h.exports.isElement(s),We(s,t,n,r)}var c;return e instanceof Pe?n?(e.inject(n,r),e.getName(r)):e:V(e)?function e(t,n){var r,i,o=[];for(var a in t)t.hasOwnProperty(a)&&!Me(t[a])&&(Array.isArray(t[a])&&t[a].isCss||K(t[a])?o.push(Fe(a)+":",t[a],";"):V(t[a])?o.push.apply(o,e(t[a],a)):o.push(Fe(a)+": "+(r=a,(null==(i=t[a])||"boolean"==typeof i||""===i?"":"number"!=typeof i||0===i||r in w?String(i).trim():i+"px")+";")));return n?[n+" {"].concat(o,["}"]):o}(e):e.toString()}var Ue=function(e){return Array.isArray(e)&&(e.isCss=!0),e};function ze(e){for(var t=arguments,n=arguments.length,r=new Array(n>1?n-1:0),i=1;i<n;i++)r[i-1]=t[i];return K(e)||V(e)?Ue(We(B(G,[e].concat(r)))):0===r.length&&1===e.length&&"string"==typeof e[0]?e:Ue(We(B(e,r)))}var Be=/invalid hook call/i,Ve=new Set,Ge=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,Ye=/(^-|-$)/g;function Ke(e){return e.replace(Ge,"-").replace(Ye,"")}var qe=function(e){return Ce(xe(e)>>>0)};function Xe(e){return"string"==typeof e&&("production"===process.env.NODE_ENV||e.charAt(0)===e.charAt(0).toLowerCase())}var Ze=function(e){return"function"==typeof e||"object"==typeof e&&null!==e&&!Array.isArray(e)},Qe=function(e){return"__proto__"!==e&&"constructor"!==e&&"prototype"!==e};function Je(e,t,n){var r=e[n];Ze(t)&&Ze(r)?et(r,t):e[n]=t}function et(e){for(var t=arguments,n=arguments.length,r=new Array(n>1?n-1:0),i=1;i<n;i++)r[i-1]=t[i];for(var o=0,a=r;o<a.length;o++){var l=a[o];if(Ze(l))for(var s in l)Qe(s)&&Je(e,l[s],s)}return e}var tt=t.createContext();tt.Consumer;var nt={};function rt(e,n,r){var s=X(e),c=!Xe(e),u=n.attrs,d=void 0===u?G:u,f=n.componentId,p=void 0===f?function(e,t){var n="string"!=typeof e?"sc":Ke(e);nt[n]=(nt[n]||0)+1;var r=n+"-"+qe("5.3.5"+n+nt[n]);return t?t+"-"+r:r}(n.displayName,n.parentComponentId):f,m=n.displayName,h=void 0===m?function(e){return Xe(e)?"styled."+e:"Styled("+q(e)+")"}(e):m,g=n.displayName&&n.componentId?Ke(n.displayName)+"-"+n.componentId:n.componentId||p,v=s&&e.attrs?Array.prototype.concat(e.attrs,d).filter(Boolean):d,y=n.shouldForwardProp;s&&e.shouldForwardProp&&(y=n.shouldForwardProp?function(t,r,i){return e.shouldForwardProp(t,r,i)&&n.shouldForwardProp(t,r,i)}:e.shouldForwardProp);var b,E=new Te(r,g,s?e.componentStyle:void 0),w=E.isStatic&&0===d.length,S=function(e,t){return function(e,t,n,r){var i=e.attrs,s=e.componentStyle,c=e.defaultProps,u=e.foldedComponentIds,d=e.shouldForwardProp,f=e.styledComponentId,p=e.target;"production"!==process.env.NODE_ENV&&o(f);var m=function(e,t,n){void 0===e&&(e=Y);var r=z({},t,{theme:e}),i={};return n.forEach((function(e){var t,n,o,a=e;for(t in K(a)&&(a=a(r)),a)r[t]=i[t]="className"===t?(n=i[t],o=a[t],n&&o?n+" "+o:n||o):a[t]})),[r,i]}(function(e,t,n){return void 0===n&&(n=Y),e.theme!==n.theme&&e.theme||t||n.theme}(t,a(tt),c)||Y,t,i),h=m[0],g=m[1],v=function(e,t,n,r){var i=a(Le)||Ie,l=a(Ne)||_e,s=t?e.generateAndInjectStyles(Y,i,l):e.generateAndInjectStyles(n,i,l);return"production"!==process.env.NODE_ENV&&o(s),"production"!==process.env.NODE_ENV&&!t&&r&&r(s),s}(s,r,h,"production"!==process.env.NODE_ENV?e.warnTooManyClasses:void 0),y=n,b=g.$as||t.$as||g.as||t.as||p,E=Xe(b),w=g!==t?z({},t,{},g):t,S={};for(var C in w)"$"!==C[0]&&"as"!==C&&("forwardedAs"===C?S.as=w[C]:(d?d(C,x,b):!E||x(C))&&(S[C]=w[C]));return t.style&&g.style!==t.style&&(S.style=z({},t.style,{},g.style)),S.className=Array.prototype.concat(u,f,v!==f?v:null,t.className,g.className).filter(Boolean).join(" "),S.ref=y,l(b,S)}(b,e,t,w)};return S.displayName=h,(b=t.forwardRef(S)).attrs=v,b.componentStyle=E,b.displayName=h,b.shouldForwardProp=y,b.foldedComponentIds=s?Array.prototype.concat(e.foldedComponentIds,e.styledComponentId):G,b.styledComponentId=g,b.target=s?e.target:e,b.withComponent=function(e){var t=n.componentId,i=function(e,t){if(null==e)return{};var n,r,i={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(i[n]=e[n]);return i}(n,["componentId"]),o=t&&t+"-"+(Xe(e)?e:Ke(q(e)));return rt(e,z({},i,{attrs:v,componentId:o}),r)},Object.defineProperty(b,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(t){this._foldedDefaultProps=s?et({},e.defaultProps,t):t}}),"production"!==process.env.NODE_ENV&&(function(e,t){if("production"!==process.env.NODE_ENV){var n="The component "+e+(t?' with the id of "'+t+'"':"")+" has been created dynamically.\nYou may see this warning because you've called styled inside another component.\nTo resolve this only create new StyledComponents outside of any render method and function component.",r=console.error;try{var o=!0;console.error=function(e){var t=arguments;if(Be.test(e))o=!1,Ve.delete(n);else{for(var i=arguments.length,a=new Array(i>1?i-1:0),l=1;l<i;l++)a[l-1]=t[l];r.apply(void 0,[e].concat(a))}},i(),o&&!Ve.has(n)&&Ve.add(n)}catch(e){Be.test(e.message)&&Ve.delete(n)}finally{console.error=r}}}(h,g),b.warnTooManyClasses=function(e,t){var n={},r=!1;return function(e){if(!r&&(n[e]=!0,Object.keys(n).length>=200)){r=!0,n={}}}}()),b.toString=function(){return"."+b.styledComponentId},c&&U(b,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0,withComponent:!0}),b}var it=function(e){return function e(t,n,r){if(void 0===r&&(r=Y),!h.exports.isValidElementType(n))return ne(1,String(n));var i=function(){return t(n,r,ze.apply(void 0,arguments))};return i.withConfig=function(i){return e(t,n,z({},r,{},i))},i.attrs=function(i){return e(t,n,z({},r,{attrs:Array.prototype.concat(r.attrs,i).filter(Boolean)}))},i}(rt,e)};function ot(e){var t=arguments;"production"!==process.env.NODE_ENV&&"undefined"!=typeof navigator&&navigator.product;for(var n=arguments.length,r=new Array(n>1?n-1:0),i=1;i<n;i++)r[i-1]=t[i];var o=ze.apply(void 0,[e].concat(r)).join(""),a=qe(o);return new Pe(a,o)}["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","marquee","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","textPath","tspan"].forEach((function(e){it[e]=it(e)})),"production"!==process.env.NODE_ENV&&"undefined"!=typeof navigator&&navigator.product,"production"!==process.env.NODE_ENV&&"test"!==process.env.NODE_ENV&&"undefined"!=typeof window&&(window["__styled-components-init__"]=window["__styled-components-init__"]||0,window["__styled-components-init__"],window["__styled-components-init__"]+=1);var at=it.ul` background: rgba(229, 229, 229, 0.85); border-radius: 25px; display: flex; list-style: none; padding: 0.25em 0.25em; `,lt=it.li` padding: 0.1em; display: flex; align-items: center; justify-content: center; ${function(e){return e.disable?"pointer-events: none; filter: opacity(0.7)":""}}; `;it.button` align-items: center; background: ${function(e){return e.theme.primary}}; border-radius: 50%; border: 0; color: #fff; cursor: pointer; display: flex; filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.25)); height: 20px; justify-content: center; margin: 0 0.2em; padding: 0; transition: all 0.1s ease-in; width: 20px; transform: ${function(e){if("TRUE"===e.rotate)return"rotate(90deg)"}}; &:active { filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.25)); transform: ${function(e){return"TRUE"===e.rotate?"rotate(90deg)":""}} scale(0.9); } svg { width: 80%; height: 80%; } `;var st=it.div` align-items: center; display: flex; justify-content: center; // direction: ${function(e){return e.flip?"rtl":"ltr"}}; visibility: ${function(e){return e.slideShowActive?"hidden":"visible"}}; `,ct=it.button` align-items: center; background: ${function(e){return e.theme.primary}}; border-radius: 50%; cursor: pointer; display: flex; height: 2em; justify-content: center; margin-left: 0.5em; width: 2em; outline: 0; color: #fff; svg { width: 80%; height: 80%; } `;function ut(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function dt(e,t){if(e){if("string"==typeof e)return ut(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?ut(e,t):void 0}}function ft(e,t){return function(e){if(Array.isArray(e