dga-ui-react 1.5.0 → 1.5.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/charts/cjs/index.js +58 -3
- package/charts/cjs/index.js.map +1 -1
- package/charts/esm/index.js +60 -5
- package/charts/esm/index.js.map +1 -1
- package/charts/index.d.ts +22 -5
- package/package.json +1 -1
package/charts/esm/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{jsx as e,jsxs as t}from"react/jsx-runtime";import n,{useDebugValue as r,createElement as o,useRef as a,useContext as i}from"react";import{select as s,pie as c,arc as l,stack as u,scaleBand as p,scaleLinear as d,max as h,axisLeft as f,scaleOrdinal as m,axisBottom as g}from"d3";const y=n.createContext(null),v={direction:"ltr",fontFamily:"IBM Plex Sans",textColor:"#161616",textOnColor:"#FFFFFF",palette:{neutral:{25:"#FCFCFD",50:"#F9FAFB",100:"#F3F4F6",200:"#E5E7EB",300:"#D2D6DB",400:"#9DA4AE",500:"#6C737F",600:"#4D5761",700:"#384250",800:"#1F2A37",900:"#111927",950:"#0D121C",light:"#D2D6DB",main:"#6C737F",dark:"#384250",contrastText:"#FFF"},primary:{25:"#F7FDF9",50:"#F3FCF6",100:"#DFF6E7",200:"#B8EACB",300:"#88D8AD",400:"#54C08A",500:"#25935F",600:"#1B8354",700:"#166A45",800:"#14573A",900:"#104631",950:"#092A1E",light:"#54C08A",main:"#1B8354",dark:"#14573A",contrastText:"#FFF"},secondary:{25:"#FFFEF7",50:"#FFFEF2",100:"#FFFCE6",200:"#FCF3BD",300:"#FAE996",400:"#F7D54D",500:"#F5BD02",600:"#DBA102",700:"#B87B02",800:"#945C01",900:"#6E3C00",950:"#472400",light:"#F7D54D",main:"#DBA102",dark:"#945C01",contrastText:"#0D121C"},error:{25:"#FFFBFA",50:"#FEF3F2",100:"#FEE4E2",200:"#FECDCA",300:"#FDA29B",400:"#F97066",500:"#F04438",600:"#D92D20",700:"#B42318",800:"#912018",900:"#7A271A",950:"#55160C",light:"#FDA29B",main:"#F04438",dark:"#B42318",contrastText:"#FFF"},warning:{25:"#FFFCF5",50:"#FFFAEB",100:"#FEF0C7",200:"#FEDF89",300:"#FEC84B",400:"#FDB022",500:"#F79009",600:"#DC6803",700:"#B54708",800:"#93370D",900:"#7A2E0E",950:"#4E1D09",light:"#FEC84B",main:"#F79009",dark:"#B54708",contrastText:"#0D121C"},info:{25:"#F5FAFF",50:"#ECFDF3",100:"#D1E9FF",200:"#B2DDFF",300:"#84CAFF",400:"#53B1FD",500:"#2E90FA",600:"#1570EF",700:"#175CD3",800:"#1849A9",900:"#194185",950:"#102A56",light:"#84CAFF",main:"#2E90FA",dark:"#175CD3",contrastText:"#FFF"},success:{25:"#F6FEF9",50:"#ECFDF3",100:"#DCFAE6",200:"#ABEFC6",300:"#75E0A7",400:"#47CD89",500:"#17B26A",600:"#079455",700:"#067647",800:"#085D3A",900:"#074D31",950:"#053321",light:"#75E0A7",main:"#17B26A",dark:"#067647",contrastText:"#FFF"}},typography:{h1:{fontSize:"72px",lineHeight:"90px"},h2:{fontSize:"60px",lineHeight:"72px"},h3:{fontSize:"48px",lineHeight:"60px"},h4:{fontSize:"36px",lineHeight:"44px"},h5:{fontSize:"30px",lineHeight:"38px"},h6:{fontSize:"24px",lineHeight:"32px"},xl:{fontSize:"20px",lineHeight:"30px"},lg:{fontSize:"18px",lineHeight:"28px"},md:{fontSize:"16px",lineHeight:"24px"},sm:{fontSize:"14px",lineHeight:"20px"},xs:{fontSize:"12px",lineHeight:"18px"}},elevation:{shadows:{xs:"box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, .05);",sm:"box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, .06), 0px 1px 3px 0px rgba(16, 24, 40, .1);",md:"box-shadow: 0px 2px 4px -2px rgba(16, 24, 40, .06), 0px 4px 8px -2px rgba(16, 24, 40, .1);",lg:"box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, .03), 0px 12px 16px -4px rgba(16, 24, 40, .08);",xl:"box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, .03), 0px 20px 24px -4px rgba(16, 24, 40, .08);","2xl":"box-shadow: 0 24px 48px -12px #1018282e;","3xl":"box-shadow: 0 32px 64px -12px #10182824;"},backdropBlur:{sm:"filter: blur(8px);-webkit-filter: blur(8px);",md:"filter: blur(16px);-webkit-filter: blur(16px);",lg:"filter: blur(24px);-webkit-filter: blur(24px);",xl:"filter: blur(40px);-webkit-filter: blur(40px);"}},raduises:{none:"0",xs:"2px",sm:"4px",md:"8px",lg:"16px",xl:"24px",full:"9999px"},breakPoints:{lg:1280,md:768,sm:375}};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if("undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}(".dgaui {\n font-family: IBM Plex Sans Arabic;\n box-sizing: border-box;\n font-size: 14px;\n -webkit-tap-highlight-color: transparent;\n}\n\n.dgaui input,\n.dgaui textarea,\n.dgaui select {\n font-family: IBM Plex Sans Arabic;\n}\n\n.dgaui_hiddenScrollbar {\n -ms-overflow-style: none; /* IE and Edge */\n /* Hide scrollbar for IE, Edge and Firefox */\n scrollbar-width: none; /* Firefox */\n}\n/* Hide scrollbar for Chrome, Safari and Opera */\n.dgaui_hiddenScrollbar::-webkit-scrollbar {\n display: none;\n}\n\n.dgauiDragging {\n cursor: grabbing;\n}\n");const x=()=>{const e=n.useContext(y);let t=v;return e&&(t=((e,t)=>{let n={};return t&&(n=function e(t,n){let r=Object.assign({},t);for(const a in n)(o=n[a])&&"object"==typeof o&&!Array.isArray(o)&&a in t?r[a]=e(t[a],n[a]):r[a]=n[a];var o;return r}(e,t)),n})(v,e)),t};var b=function(){return b=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},b.apply(this,arguments)};function w(e,t,n){if(n||2===arguments.length)for(var r,o=0,a=t.length;o<a;o++)!r&&o in t||(r||(r=Array.prototype.slice.call(t,0,o)),r[o]=t[o]);return e.concat(r||Array.prototype.slice.call(t))}function S(e){var t=Object.create(null);return function(n){return void 0===t[n]&&(t[n]=e(n)),t[n]}}"function"==typeof SuppressedError&&SuppressedError;var k=/^((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|disableRemotePlayback|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)-.*))$/,C=S((function(e){return k.test(e)||111===e.charCodeAt(0)&&110===e.charCodeAt(1)&&e.charCodeAt(2)<91})),A="-ms-",F="-moz-",E="-webkit-",D="comm",N="rule",P="decl",$="@keyframes",_=Math.abs,T=String.fromCharCode,I=Object.assign;function O(e){return e.trim()}function R(e,t){return(e=t.exec(e))?e[0]:e}function B(e,t,n){return e.replace(t,n)}function z(e,t,n){return e.indexOf(t,n)}function j(e,t){return 0|e.charCodeAt(t)}function M(e,t,n){return e.slice(t,n)}function L(e){return e.length}function H(e){return e.length}function V(e,t){return t.push(e),e}function G(e,t){return e.filter((function(e){return!R(e,t)}))}var q=1,Y=1,W=0,U=0,X=0,Z="";function K(e,t,n,r,o,a,i,s){return{value:e,root:t,parent:n,type:r,props:o,children:a,line:q,column:Y,length:i,return:"",siblings:s}}function J(e,t){return I(K("",null,null,"",null,null,0,e.siblings),e,{length:-e.length},t)}function Q(e){for(;e.root;)e=J(e.root,{children:[e]});V(e,e.siblings)}function ee(){return X=U>0?j(Z,--U):0,Y--,10===X&&(Y=1,q--),X}function te(){return X=U<W?j(Z,U++):0,Y++,10===X&&(Y=1,q++),X}function ne(){return j(Z,U)}function re(){return U}function oe(e,t){return M(Z,e,t)}function ae(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function ie(e){return O(oe(U-1,le(91===e?e+2:40===e?e+1:e)))}function se(e){for(;(X=ne())&&X<33;)te();return ae(e)>2||ae(X)>3?"":" "}function ce(e,t){for(;--t&&te()&&!(X<48||X>102||X>57&&X<65||X>70&&X<97););return oe(e,re()+(t<6&&32==ne()&&32==te()))}function le(e){for(;te();)switch(X){case e:return U;case 34:case 39:34!==e&&39!==e&&le(X);break;case 40:41===e&&le(e);break;case 92:te()}return U}function ue(e,t){for(;te()&&e+X!==57&&(e+X!==84||47!==ne()););return"/*"+oe(t,U-1)+"*"+T(47===e?e:te())}function pe(e){for(;!ae(ne());)te();return oe(e,U)}function de(e){return function(e){return Z="",e}(he("",null,null,null,[""],e=function(e){return q=Y=1,W=L(Z=e),U=0,[]}(e),0,[0],e))}function he(e,t,n,r,o,a,i,s,c){for(var l=0,u=0,p=i,d=0,h=0,f=0,m=1,g=1,y=1,v=0,x="",b=o,w=a,S=r,k=x;g;)switch(f=v,v=te()){case 40:if(108!=f&&58==j(k,p-1)){-1!=z(k+=B(ie(v),"&","&\f"),"&\f",_(l?s[l-1]:0))&&(y=-1);break}case 34:case 39:case 91:k+=ie(v);break;case 9:case 10:case 13:case 32:k+=se(f);break;case 92:k+=ce(re()-1,7);continue;case 47:switch(ne()){case 42:case 47:V(me(ue(te(),re()),t,n,c),c);break;default:k+="/"}break;case 123*m:s[l++]=L(k)*y;case 125*m:case 59:case 0:switch(v){case 0:case 125:g=0;case 59+u:-1==y&&(k=B(k,/\f/g,"")),h>0&&L(k)-p&&V(h>32?ge(k+";",r,n,p-1,c):ge(B(k," ","")+";",r,n,p-2,c),c);break;case 59:k+=";";default:if(V(S=fe(k,t,n,l,u,o,s,x,b=[],w=[],p,a),a),123===v)if(0===u)he(k,t,S,S,b,a,p,s,w);else switch(99===d&&110===j(k,3)?100:d){case 100:case 108:case 109:case 115:he(e,S,S,r&&V(fe(e,S,S,0,0,o,s,x,o,b=[],p,w),w),o,w,p,s,r?b:w);break;default:he(k,S,S,S,[""],w,0,s,w)}}l=u=h=0,m=y=1,x=k="",p=i;break;case 58:p=1+L(k),h=f;default:if(m<1)if(123==v)--m;else if(125==v&&0==m++&&125==ee())continue;switch(k+=T(v),v*m){case 38:y=u>0?1:(k+="\f",-1);break;case 44:s[l++]=(L(k)-1)*y,y=1;break;case 64:45===ne()&&(k+=ie(te())),d=ne(),u=p=L(x=k+=pe(re())),v++;break;case 45:45===f&&2==L(k)&&(m=0)}}return a}function fe(e,t,n,r,o,a,i,s,c,l,u,p){for(var d=o-1,h=0===o?a:[""],f=H(h),m=0,g=0,y=0;m<r;++m)for(var v=0,x=M(e,d+1,d=_(g=i[m])),b=e;v<f;++v)(b=O(g>0?h[v]+" "+x:B(x,/&\f/g,h[v])))&&(c[y++]=b);return K(e,t,n,0===o?N:s,c,l,u,p)}function me(e,t,n,r){return K(e,t,n,D,T(X),M(e,2,-2),0,r)}function ge(e,t,n,r,o){return K(e,t,n,P,M(e,0,r),M(e,r+1,-1),r,o)}function ye(e,t,n){switch(function(e,t){return 45^j(e,0)?(((t<<2^j(e,0))<<2^j(e,1))<<2^j(e,2))<<2^j(e,3):0}(e,t)){case 5103:return E+"print-"+e+e;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return E+e+e;case 4789:return F+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return E+e+F+e+A+e+e;case 5936:switch(j(e,t+11)){case 114:return E+e+A+B(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return E+e+A+B(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return E+e+A+B(e,/[svh]\w+-[tblr]{2}/,"lr")+e}case 6828:case 4268:case 2903:return E+e+A+e+e;case 6165:return E+e+A+"flex-"+e+e;case 5187:return E+e+B(e,/(\w+).+(:[^]+)/,E+"box-$1$2"+A+"flex-$1$2")+e;case 5443:return E+e+A+"flex-item-"+B(e,/flex-|-self/g,"")+(R(e,/flex-|baseline/)?"":A+"grid-row-"+B(e,/flex-|-self/g,""))+e;case 4675:return E+e+A+"flex-line-pack"+B(e,/align-content|flex-|-self/g,"")+e;case 5548:return E+e+A+B(e,"shrink","negative")+e;case 5292:return E+e+A+B(e,"basis","preferred-size")+e;case 6060:return E+"box-"+B(e,"-grow","")+E+e+A+B(e,"grow","positive")+e;case 4554:return E+B(e,/([^-])(transform)/g,"$1"+E+"$2")+e;case 6187:return B(B(B(e,/(zoom-|grab)/,E+"$1"),/(image-set)/,E+"$1"),e,"")+e;case 5495:case 3959:return B(e,/(image-set\([^]*)/,E+"$1$`$1");case 4968:return B(B(e,/(.+:)(flex-)?(.*)/,E+"box-pack:$3"+A+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+E+e+e;case 4200:if(!R(e,/flex-|baseline/))return A+"grid-column-align"+M(e,t)+e;break;case 2592:case 3360:return A+B(e,"template-","")+e;case 4384:case 3616:return n&&n.some((function(e,n){return t=n,R(e.props,/grid-\w+-end/)}))?~z(e+(n=n[t].value),"span",0)?e:A+B(e,"-start","")+e+A+"grid-row-span:"+(~z(n,"span",0)?R(n,/\d+/):+R(n,/\d+/)-+R(e,/\d+/))+";":A+B(e,"-start","")+e;case 4896:case 4128:return n&&n.some((function(e){return R(e.props,/grid-\w+-start/)}))?e:A+B(B(e,"-end","-span"),"span ","")+e;case 4095:case 3583:case 4068:case 2532:return B(e,/(.+)-inline(.+)/,E+"$1$2")+e;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(L(e)-1-t>6)switch(j(e,t+1)){case 109:if(45!==j(e,t+4))break;case 102:return B(e,/(.+:)(.+)-([^]+)/,"$1"+E+"$2-$3$1"+F+(108==j(e,t+3)?"$3":"$2-$3"))+e;case 115:return~z(e,"stretch",0)?ye(B(e,"stretch","fill-available"),t,n)+e:e}break;case 5152:case 5920:return B(e,/(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/,(function(t,n,r,o,a,i,s){return A+n+":"+r+s+(o?A+n+"-span:"+(a?i:+i-+r)+s:"")+e}));case 4949:if(121===j(e,t+6))return B(e,":",":"+E)+e;break;case 6444:switch(j(e,45===j(e,14)?18:11)){case 120:return B(e,/(.+:)([^;\s!]+)(;|(\s+)?!.+)?/,"$1"+E+(45===j(e,14)?"inline-":"")+"box$3$1"+E+"$2$3$1"+A+"$2box$3")+e;case 100:return B(e,":",":"+A)+e}break;case 5719:case 2647:case 2135:case 3927:case 2391:return B(e,"scroll-","scroll-snap-")+e}return e}function ve(e,t){for(var n="",r=0;r<e.length;r++)n+=t(e[r],r,e,t)||"";return n}function xe(e,t,n,r){switch(e.type){case"@layer":if(e.children.length)break;case"@import":case P:return e.return=e.return||e.value;case D:return"";case $:return e.return=e.value+"{"+ve(e.children,r)+"}";case N:if(!L(e.value=e.props.join(",")))return""}return L(n=ve(e.children,r))?e.return=e.value+"{"+n+"}":""}function be(e,t,n,r){if(e.length>-1&&!e.return)switch(e.type){case P:return void(e.return=ye(e.value,e.length,n));case $:return ve([J(e,{value:B(e.value,"@","@"+E)})],r);case N:if(e.length)return function(e,t){return e.map(t).join("")}(n=e.props,(function(t){switch(R(t,r=/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":Q(J(e,{props:[B(t,/:(read-\w+)/,":-moz-$1")]})),Q(J(e,{props:[t]})),I(e,{props:G(n,r)});break;case"::placeholder":Q(J(e,{props:[B(t,/:(plac\w+)/,":"+E+"input-$1")]})),Q(J(e,{props:[B(t,/:(plac\w+)/,":-moz-$1")]})),Q(J(e,{props:[B(t,/:(plac\w+)/,A+"input-$1")]})),Q(J(e,{props:[t]})),I(e,{props:G(n,r)})}return""}))}}var we={animationIterationCount:1,aspectRatio: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},Se="undefined"!=typeof process&&void 0!==process.env&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",ke="active",Ce="data-styled-version",Ae="6.1.15",Fe="/*!sc*/\n",Ee="undefined"!=typeof window&&"HTMLElement"in window,De=Boolean("boolean"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env&&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&&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),Ne=/invalid hook call/i,Pe=new Set,$e=function(e,t){if("production"!==process.env.NODE_ENV){var n=t?' with the id of "'.concat(t,'"'):"",r="The component ".concat(e).concat(n," has been created dynamically.\n")+"You 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.",o=console.error;try{var i=!0;console.error=function(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];Ne.test(e)?(i=!1,Pe.delete(r)):o.apply(void 0,w([e],t,!1))},a(),i&&!Pe.has(r)&&(console.warn(r),Pe.add(r))}catch(e){Ne.test(e.message)&&Pe.delete(r)}finally{console.error=o}}},_e=Object.freeze([]),Te=Object.freeze({});var Ie=new Set(["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","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","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","tr","track","u","ul","use","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"]),Oe=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,Re=/(^-|-$)/g;function Be(e){return e.replace(Oe,"-").replace(Re,"")}var ze=/(a)(d)/gi,je=function(e){return String.fromCharCode(e+(e>25?39:97))};function Me(e){var t,n="";for(t=Math.abs(e);t>52;t=t/52|0)n=je(t%52)+n;return(je(t%52)+n).replace(ze,"$1-$2")}var Le,He=function(e,t){for(var n=t.length;n;)e=33*e^t.charCodeAt(--n);return e},Ve=function(e){return He(5381,e)};function Ge(e){return"production"!==process.env.NODE_ENV&&"string"==typeof e&&e||e.displayName||e.name||"Component"}function qe(e){return"string"==typeof e&&("production"===process.env.NODE_ENV||e.charAt(0)===e.charAt(0).toLowerCase())}var Ye="function"==typeof Symbol&&Symbol.for,We=Ye?Symbol.for("react.memo"):60115,Ue=Ye?Symbol.for("react.forward_ref"):60112,Xe={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},Ze={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},Ke={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},Je=((Le={})[Ue]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},Le[We]=Ke,Le);function Qe(e){return("type"in(t=e)&&t.type.$$typeof)===We?Ke:"$$typeof"in e?Je[e.$$typeof]:Xe;var t}var et=Object.defineProperty,tt=Object.getOwnPropertyNames,nt=Object.getOwnPropertySymbols,rt=Object.getOwnPropertyDescriptor,ot=Object.getPrototypeOf,at=Object.prototype;function it(e,t,n){if("string"!=typeof t){if(at){var r=ot(t);r&&r!==at&&it(e,r,n)}var o=tt(t);nt&&(o=o.concat(nt(t)));for(var a=Qe(e),i=Qe(t),s=0;s<o.length;++s){var c=o[s];if(!(c in Ze||n&&n[c]||i&&c in i||a&&c in a)){var l=rt(t,c);try{et(e,c,l)}catch(e){}}}}return e}function st(e){return"function"==typeof e}function ct(e){return"object"==typeof e&&"styledComponentId"in e}function lt(e,t){return e&&t?"".concat(e," ").concat(t):e||t||""}function ut(e,t){if(0===e.length)return"";for(var n=e[0],r=1;r<e.length;r++)n+=e[r];return n}function pt(e){return null!==e&&"object"==typeof e&&e.constructor.name===Object.name&&!("props"in e&&e.$$typeof)}function dt(e,t,n){if(void 0===n&&(n=!1),!n&&!pt(e)&&!Array.isArray(e))return t;if(Array.isArray(t))for(var r=0;r<t.length;r++)e[r]=dt(e[r],t[r]);else if(pt(t))for(var r in t)e[r]=dt(e[r],t[r]);return e}function ht(e,t){Object.defineProperty(e,"toString",{value:t})}var ft="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",18:"ThemeProvider: Please make sure your useTheme hook is within a `<ThemeProvider>`"}:{};function mt(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];for(var n=e[0],r=[],o=1,a=e.length;o<a;o+=1)r.push(e[o]);return r.forEach((function(e){n=n.replace(/%[a-z]/,e)})),n}function gt(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];return"production"===process.env.NODE_ENV?new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(e," for more information.").concat(t.length>0?" Args: ".concat(t.join(", ")):"")):new Error(mt.apply(void 0,w([ft[e]],t,!1)).trim())}var yt=function(){function e(e){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e}return e.prototype.indexOfGroup=function(e){for(var t=0,n=0;n<e;n++)t+=this.groupSizes[n];return t},e.prototype.insertRules=function(e,t){if(e>=this.groupSizes.length){for(var n=this.groupSizes,r=n.length,o=r;e>=o;)if((o<<=1)<0)throw gt(16,"".concat(e));this.groupSizes=new Uint32Array(o),this.groupSizes.set(n),this.length=o;for(var a=r;a<o;a++)this.groupSizes[a]=0}for(var i=this.indexOfGroup(e+1),s=(a=0,t.length);a<s;a++)this.tag.insertRule(i,t[a])&&(this.groupSizes[e]++,i++)},e.prototype.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 o=n;o<r;o++)this.tag.deleteRule(n)}},e.prototype.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),o=r+n,a=r;a<o;a++)t+="".concat(this.tag.getRule(a)).concat(Fe);return t},e}(),vt=1<<30,xt=new Map,bt=new Map,wt=1,St=function(e){if(xt.has(e))return xt.get(e);for(;bt.has(wt);)wt++;var t=wt++;if("production"!==process.env.NODE_ENV&&((0|t)<0||t>vt))throw gt(16,"".concat(t));return xt.set(e,t),bt.set(t,e),t},kt=function(e,t){wt=t+1,xt.set(e,t),bt.set(t,e)},Ct="style[".concat(Se,"][").concat(Ce,'="').concat(Ae,'"]'),At=new RegExp("^".concat(Se,'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')),Ft=function(e,t,n){for(var r,o=n.split(","),a=0,i=o.length;a<i;a++)(r=o[a])&&e.registerName(t,r)},Et=function(e,t){for(var n,r=(null!==(n=t.textContent)&&void 0!==n?n:"").split(Fe),o=[],a=0,i=r.length;a<i;a++){var s=r[a].trim();if(s){var c=s.match(At);if(c){var l=0|parseInt(c[1],10),u=c[2];0!==l&&(kt(u,l),Ft(e,u,c[3]),e.getTag().insertRules(l,o)),o.length=0}else o.push(s)}}},Dt=function(e){for(var t=document.querySelectorAll(Ct),n=0,r=t.length;n<r;n++){var o=t[n];o&&o.getAttribute(Se)!==ke&&(Et(e,o),o.parentNode&&o.parentNode.removeChild(o))}};var Nt=function(e){var t=document.head,n=e||t,r=document.createElement("style"),o=function(e){var t=Array.from(e.querySelectorAll("style[".concat(Se,"]")));return t[t.length-1]}(n),a=void 0!==o?o.nextSibling:null;r.setAttribute(Se,ke),r.setAttribute(Ce,Ae);var i="undefined"!=typeof __webpack_nonce__?__webpack_nonce__:null;return i&&r.setAttribute("nonce",i),n.insertBefore(r,a),r},Pt=function(){function e(e){this.element=Nt(e),this.element.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 o=t[n];if(o.ownerNode===e)return o}throw gt(17)}(this.element),this.length=0}return e.prototype.insertRule=function(e,t){try{return this.sheet.insertRule(t,e),this.length++,!0}catch(e){return!1}},e.prototype.deleteRule=function(e){this.sheet.deleteRule(e),this.length--},e.prototype.getRule=function(e){var t=this.sheet.cssRules[e];return t&&t.cssText?t.cssText:""},e}(),$t=function(){function e(e){this.element=Nt(e),this.nodes=this.element.childNodes,this.length=0}return e.prototype.insertRule=function(e,t){if(e<=this.length&&e>=0){var n=document.createTextNode(t);return this.element.insertBefore(n,this.nodes[e]||null),this.length++,!0}return!1},e.prototype.deleteRule=function(e){this.element.removeChild(this.nodes[e]),this.length--},e.prototype.getRule=function(e){return e<this.length?this.nodes[e].textContent:""},e}(),_t=function(){function e(e){this.rules=[],this.length=0}return e.prototype.insertRule=function(e,t){return e<=this.length&&(this.rules.splice(e,0,t),this.length++,!0)},e.prototype.deleteRule=function(e){this.rules.splice(e,1),this.length--},e.prototype.getRule=function(e){return e<this.length?this.rules[e]:""},e}(),Tt=Ee,It={isServer:!Ee,useCSSOMInjection:!De},Ot=function(){function e(e,t,n){void 0===e&&(e=Te),void 0===t&&(t={});var r=this;this.options=b(b({},It),e),this.gs=t,this.names=new Map(n),this.server=!!e.isServer,!this.server&&Ee&&Tt&&(Tt=!1,Dt(this)),ht(this,(function(){return function(e){for(var t=e.getTag(),n=t.length,r="",o=function(n){var o=function(e){return bt.get(e)}(n);if(void 0===o)return"continue";var a=e.names.get(o),i=t.getGroup(n);if(void 0===a||!a.size||0===i.length)return"continue";var s="".concat(Se,".g").concat(n,'[id="').concat(o,'"]'),c="";void 0!==a&&a.forEach((function(e){e.length>0&&(c+="".concat(e,","))})),r+="".concat(i).concat(s,'{content:"').concat(c,'"}').concat(Fe)},a=0;a<n;a++)o(a);return r}(r)}))}return e.registerId=function(e){return St(e)},e.prototype.rehydrate=function(){!this.server&&Ee&&Dt(this)},e.prototype.reconstructWithOptions=function(t,n){return void 0===n&&(n=!0),new e(b(b({},this.options),t),this.gs,n&&this.names||void 0)},e.prototype.allocateGSInstance=function(e){return this.gs[e]=(this.gs[e]||0)+1},e.prototype.getTag=function(){return this.tag||(this.tag=(e=function(e){var t=e.useCSSOMInjection,n=e.target;return e.isServer?new _t(n):t?new Pt(n):new $t(n)}(this.options),new yt(e)));var e},e.prototype.hasNameForId=function(e,t){return this.names.has(e)&&this.names.get(e).has(t)},e.prototype.registerName=function(e,t){if(St(e),this.names.has(e))this.names.get(e).add(t);else{var n=new Set;n.add(t),this.names.set(e,n)}},e.prototype.insertRules=function(e,t,n){this.registerName(e,t),this.getTag().insertRules(St(e),n)},e.prototype.clearNames=function(e){this.names.has(e)&&this.names.get(e).clear()},e.prototype.clearRules=function(e){this.getTag().clearGroup(St(e)),this.clearNames(e)},e.prototype.clearTag=function(){this.tag=void 0},e}(),Rt=/&/g,Bt=/^\s*\/\/.*$/gm;function zt(e,t){return e.map((function(e){return"rule"===e.type&&(e.value="".concat(t," ").concat(e.value),e.value=e.value.replaceAll(",",",".concat(t," ")),e.props=e.props.map((function(e){return"".concat(t," ").concat(e)}))),Array.isArray(e.children)&&"@keyframes"!==e.type&&(e.children=zt(e.children,t)),e}))}var jt=new Ot,Mt=function(){var e,t,n,r=Te,o=r.options,a=void 0===o?Te:o,i=r.plugins,s=void 0===i?_e:i,c=function(n,r,o){return o.startsWith(t)&&o.endsWith(t)&&o.replaceAll(t,"").length>0?".".concat(e):n},l=s.slice();l.push((function(e){e.type===N&&e.value.includes("&")&&(e.props[0]=e.props[0].replace(Rt,t).replace(n,c))})),a.prefix&&l.push(be),l.push(xe);var u=function(r,o,i,s){void 0===o&&(o=""),void 0===i&&(i=""),void 0===s&&(s="&"),e=s,t=o,n=new RegExp("\\".concat(t,"\\b"),"g");var c=r.replace(Bt,""),u=de(i||o?"".concat(i," ").concat(o," { ").concat(c," }"):c);a.namespace&&(u=zt(u,a.namespace));var p,d=[];return ve(u,function(e){var t=H(e);return function(n,r,o,a){for(var i="",s=0;s<t;s++)i+=e[s](n,r,o,a)||"";return i}}(l.concat((p=function(e){return d.push(e)},function(e){e.root||(e=e.return)&&p(e)})))),d};return u.hash=s.length?s.reduce((function(e,t){return t.name||gt(15),He(e,t.name)}),5381).toString():"",u}(),Lt=n.createContext({shouldForwardProp:void 0,styleSheet:jt,stylis:Mt});function Ht(){return i(Lt)}Lt.Consumer,n.createContext(void 0);var Vt=function(){function e(e,t){var n=this;this.inject=function(e,t){void 0===t&&(t=Mt);var r=n.name+t.hash;e.hasNameForId(n.id,r)||e.insertRules(n.id,r,t(n.rules,r,"@keyframes"))},this.name=e,this.id="sc-keyframes-".concat(e),this.rules=t,ht(this,(function(){throw gt(12,String(n.name))}))}return e.prototype.getName=function(e){return void 0===e&&(e=Mt),this.name+e.hash},e}(),Gt=function(e){return e>="A"&&e<="Z"};function qt(e){for(var t="",n=0;n<e.length;n++){var r=e[n];if(1===n&&"-"===r&&"-"===e[0])return e;Gt(r)?t+="-"+r.toLowerCase():t+=r}return t.startsWith("ms-")?"-"+t:t}var Yt=function(e){return null==e||!1===e||""===e},Wt=function(e){var t,n,r=[];for(var o in e){var a=e[o];e.hasOwnProperty(o)&&!Yt(a)&&(Array.isArray(a)&&a.isCss||st(a)?r.push("".concat(qt(o),":"),a,";"):pt(a)?r.push.apply(r,w(w(["".concat(o," {")],Wt(a),!1),["}"],!1)):r.push("".concat(qt(o),": ").concat((t=o,null==(n=a)||"boolean"==typeof n||""===n?"":"number"!=typeof n||0===n||t in we||t.startsWith("--")?String(n).trim():"".concat(n,"px")),";")))}return r};function Ut(e,t,n,r){if(Yt(e))return[];if(ct(e))return[".".concat(e.styledComponentId)];if(st(e)){if(!st(a=e)||a.prototype&&a.prototype.isReactComponent||!t)return[e];var o=e(t);return"production"===process.env.NODE_ENV||"object"!=typeof o||Array.isArray(o)||o instanceof Vt||pt(o)||null===o||console.error("".concat(Ge(e)," 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.")),Ut(o,t,n,r)}var a;return e instanceof Vt?n?(e.inject(n,r),[e.getName(r)]):[e]:pt(e)?Wt(e):Array.isArray(e)?Array.prototype.concat.apply(_e,e.map((function(e){return Ut(e,t,n,r)}))):[e.toString()]}var Xt=Ve(Ae),Zt=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(st(n)&&!ct(n))return!1}return!0}(e),this.componentId=t,this.baseHash=He(Xt,t),this.baseStyle=n,Ot.registerId(t)}return e.prototype.generateAndInjectStyles=function(e,t,n){var r=this.baseStyle?this.baseStyle.generateAndInjectStyles(e,t,n):"";if(this.isStatic&&!n.hash)if(this.staticRulesId&&t.hasNameForId(this.componentId,this.staticRulesId))r=lt(r,this.staticRulesId);else{var o=ut(Ut(this.rules,e,t,n)),a=Me(He(this.baseHash,o)>>>0);if(!t.hasNameForId(this.componentId,a)){var i=n(o,".".concat(a),void 0,this.componentId);t.insertRules(this.componentId,a,i)}r=lt(r,a),this.staticRulesId=a}else{for(var s=He(this.baseHash,n.hash),c="",l=0;l<this.rules.length;l++){var u=this.rules[l];if("string"==typeof u)c+=u,"production"!==process.env.NODE_ENV&&(s=He(s,u));else if(u){var p=ut(Ut(u,e,t,n));s=He(s,p+l),c+=p}}if(c){var d=Me(s>>>0);t.hasNameForId(this.componentId,d)||t.insertRules(this.componentId,d,n(c,".".concat(d),void 0,this.componentId)),r=lt(r,d)}}return r},e}(),Kt=n.createContext(void 0);Kt.Consumer;var Jt={},Qt=new Set;function en(e,t,a){var i=ct(e),s=e,c=!qe(e),l=t.attrs,u=void 0===l?_e:l,p=t.componentId,d=void 0===p?function(e,t){var n="string"!=typeof e?"sc":Be(e);Jt[n]=(Jt[n]||0)+1;var r="".concat(n,"-").concat(function(e){return Me(Ve(e)>>>0)}(Ae+n+Jt[n]));return t?"".concat(t,"-").concat(r):r}(t.displayName,t.parentComponentId):p,h=t.displayName,f=void 0===h?function(e){return qe(e)?"styled.".concat(e):"Styled(".concat(Ge(e),")")}(e):h,m=t.displayName&&t.componentId?"".concat(Be(t.displayName),"-").concat(t.componentId):t.componentId||d,g=i&&s.attrs?s.attrs.concat(u).filter(Boolean):u,y=t.shouldForwardProp;if(i&&s.shouldForwardProp){var v=s.shouldForwardProp;if(t.shouldForwardProp){var x=t.shouldForwardProp;y=function(e,t){return v(e,t)&&x(e,t)}}else y=v}var w=new Zt(a,m,i?s.componentStyle:void 0);function S(e,t){return function(e,t,a){var i=e.attrs,s=e.componentStyle,c=e.defaultProps,l=e.foldedComponentIds,u=e.styledComponentId,p=e.target,d=n.useContext(Kt),h=Ht(),f=e.shouldForwardProp||h.shouldForwardProp;"production"!==process.env.NODE_ENV&&r(u);var m=function(e,t,n){return void 0===n&&(n=Te),e.theme!==n.theme&&e.theme||t||n.theme}(t,d,c)||Te,g=function(e,t,n){for(var r,o=b(b({},t),{className:void 0,theme:n}),a=0;a<e.length;a+=1){var i=st(r=e[a])?r(o):r;for(var s in i)o[s]="className"===s?lt(o[s],i[s]):"style"===s?b(b({},o[s]),i[s]):i[s]}return t.className&&(o.className=lt(o.className,t.className)),o}(i,t,m),y=g.as||p,v={};for(var x in g)void 0===g[x]||"$"===x[0]||"as"===x||"theme"===x&&g.theme===m||("forwardedAs"===x?v.as=g.forwardedAs:f&&!f(x,y)||(v[x]=g[x],f||"development"!==process.env.NODE_ENV||C(x)||Qt.has(x)||!Ie.has(y)||(Qt.add(x),console.warn('styled-components: it looks like an unknown prop "'.concat(x,'" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `<StyleSheetManager shouldForwardProp={...}>` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.)')))));var w=function(e,t){var n=Ht(),o=e.generateAndInjectStyles(t,n.styleSheet,n.stylis);return"production"!==process.env.NODE_ENV&&r(o),o}(s,g);"production"!==process.env.NODE_ENV&&e.warnTooManyClasses&&e.warnTooManyClasses(w);var S=lt(l,u);return w&&(S+=" "+w),g.className&&(S+=" "+g.className),v[qe(y)&&!Ie.has(y)?"class":"className"]=S,a&&(v.ref=a),o(y,v)}(k,e,t)}S.displayName=f;var k=n.forwardRef(S);return k.attrs=g,k.componentStyle=w,k.displayName=f,k.shouldForwardProp=y,k.foldedComponentIds=i?lt(s.foldedComponentIds,s.styledComponentId):"",k.styledComponentId=m,k.target=i?s.target:e,Object.defineProperty(k,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(e){this._foldedDefaultProps=i?function(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];for(var r=0,o=t;r<o.length;r++)dt(e,o[r],!0);return e}({},s.defaultProps,e):e}}),"production"!==process.env.NODE_ENV&&($e(f,m),k.warnTooManyClasses=function(e,t){var n={},r=!1;return function(o){if(!r&&(n[o]=!0,Object.keys(n).length>=200)){var a=t?' with the id of "'.concat(t,'"'):"";console.warn("Over ".concat(200," classes were generated for component ").concat(e).concat(a,".\n")+"Consider using the attrs method, together with a style object for frequently changed styles.\nExample:\n const Component = styled.div.attrs(props => ({\n style: {\n background: props.background,\n },\n }))`width: 100%;`\n\n <Component />"),r=!0,n={}}}}(f,m)),ht(k,(function(){return".".concat(k.styledComponentId)})),c&&it(k,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0}),k}function tn(e,t){for(var n=[e[0]],r=0,o=t.length;r<o;r+=1)n.push(t[r],e[r+1]);return n}var nn=function(e){return Object.assign(e,{isCss:!0})};function rn(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];if(st(e)||pt(e))return nn(Ut(tn(_e,w([e],t,!0))));var r=e;return 0===t.length&&1===r.length&&"string"==typeof r[0]?Ut(r):nn(Ut(tn(r,t)))}function on(e,t,n){if(void 0===n&&(n=Te),!t)throw gt(1,t);var r=function(r){for(var o=[],a=1;a<arguments.length;a++)o[a-1]=arguments[a];return e(t,n,rn.apply(void 0,w([r],o,!1)))};return r.attrs=function(r){return on(e,t,b(b({},n),{attrs:Array.prototype.concat(n.attrs,r).filter(Boolean)}))},r.withConfig=function(r){return on(e,t,b(b({},n),r))},r}var an=function(e){return on(en,e)},sn=an;Ie.forEach((function(e){sn[e]=an(e)})),"production"!==process.env.NODE_ENV&&"undefined"!=typeof navigator&&"ReactNative"===navigator.product&&console.warn("It looks like you've imported 'styled-components' on React Native.\nPerhaps you're looking to import 'styled-components/native'?\nRead more about this at https://www.styled-components.com/docs/basics#react-native");var cn="__sc-".concat(Se,"__");"production"!==process.env.NODE_ENV&&"test"!==process.env.NODE_ENV&&"undefined"!=typeof window&&(window[cn]||(window[cn]=0),1===window[cn]&&console.warn("It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason.\n\nSee https://s-c.sh/2BAXzed for more info."),window[cn]+=1);const ln=({square:t=!1,color:n=""})=>{const r=x();return e(un,{$theme:r,$color:n,className:"dgaui dgaui_chartMark"+(t?" square":"")})},un=sn.div`
|
|
1
|
+
import{jsx as e,jsxs as t}from"react/jsx-runtime";import n,{useDebugValue as r,createElement as o,useRef as a,useContext as i}from"react";import{select as s,pie as c,arc as l,stack as u,scaleBand as p,scaleLinear as d,max as h,axisLeft as f,scaleOrdinal as m,axisBottom as g,scalePoint as y,line as v,curveMonotoneX as x}from"d3";const b=n.createContext(null),w={direction:"ltr",fontFamily:"IBM Plex Sans",textColor:"#161616",textOnColor:"#FFFFFF",palette:{neutral:{25:"#FCFCFD",50:"#F9FAFB",100:"#F3F4F6",200:"#E5E7EB",300:"#D2D6DB",400:"#9DA4AE",500:"#6C737F",600:"#4D5761",700:"#384250",800:"#1F2A37",900:"#111927",950:"#0D121C",light:"#D2D6DB",main:"#6C737F",dark:"#384250",contrastText:"#FFF"},primary:{25:"#F7FDF9",50:"#F3FCF6",100:"#DFF6E7",200:"#B8EACB",300:"#88D8AD",400:"#54C08A",500:"#25935F",600:"#1B8354",700:"#166A45",800:"#14573A",900:"#104631",950:"#092A1E",light:"#54C08A",main:"#1B8354",dark:"#14573A",contrastText:"#FFF"},secondary:{25:"#FFFEF7",50:"#FFFEF2",100:"#FFFCE6",200:"#FCF3BD",300:"#FAE996",400:"#F7D54D",500:"#F5BD02",600:"#DBA102",700:"#B87B02",800:"#945C01",900:"#6E3C00",950:"#472400",light:"#F7D54D",main:"#DBA102",dark:"#945C01",contrastText:"#0D121C"},error:{25:"#FFFBFA",50:"#FEF3F2",100:"#FEE4E2",200:"#FECDCA",300:"#FDA29B",400:"#F97066",500:"#F04438",600:"#D92D20",700:"#B42318",800:"#912018",900:"#7A271A",950:"#55160C",light:"#FDA29B",main:"#F04438",dark:"#B42318",contrastText:"#FFF"},warning:{25:"#FFFCF5",50:"#FFFAEB",100:"#FEF0C7",200:"#FEDF89",300:"#FEC84B",400:"#FDB022",500:"#F79009",600:"#DC6803",700:"#B54708",800:"#93370D",900:"#7A2E0E",950:"#4E1D09",light:"#FEC84B",main:"#F79009",dark:"#B54708",contrastText:"#0D121C"},info:{25:"#F5FAFF",50:"#ECFDF3",100:"#D1E9FF",200:"#B2DDFF",300:"#84CAFF",400:"#53B1FD",500:"#2E90FA",600:"#1570EF",700:"#175CD3",800:"#1849A9",900:"#194185",950:"#102A56",light:"#84CAFF",main:"#2E90FA",dark:"#175CD3",contrastText:"#FFF"},success:{25:"#F6FEF9",50:"#ECFDF3",100:"#DCFAE6",200:"#ABEFC6",300:"#75E0A7",400:"#47CD89",500:"#17B26A",600:"#079455",700:"#067647",800:"#085D3A",900:"#074D31",950:"#053321",light:"#75E0A7",main:"#17B26A",dark:"#067647",contrastText:"#FFF"}},typography:{h1:{fontSize:"72px",lineHeight:"90px"},h2:{fontSize:"60px",lineHeight:"72px"},h3:{fontSize:"48px",lineHeight:"60px"},h4:{fontSize:"36px",lineHeight:"44px"},h5:{fontSize:"30px",lineHeight:"38px"},h6:{fontSize:"24px",lineHeight:"32px"},xl:{fontSize:"20px",lineHeight:"30px"},lg:{fontSize:"18px",lineHeight:"28px"},md:{fontSize:"16px",lineHeight:"24px"},sm:{fontSize:"14px",lineHeight:"20px"},xs:{fontSize:"12px",lineHeight:"18px"}},elevation:{shadows:{xs:"box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, .05);",sm:"box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, .06), 0px 1px 3px 0px rgba(16, 24, 40, .1);",md:"box-shadow: 0px 2px 4px -2px rgba(16, 24, 40, .06), 0px 4px 8px -2px rgba(16, 24, 40, .1);",lg:"box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, .03), 0px 12px 16px -4px rgba(16, 24, 40, .08);",xl:"box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, .03), 0px 20px 24px -4px rgba(16, 24, 40, .08);","2xl":"box-shadow: 0 24px 48px -12px #1018282e;","3xl":"box-shadow: 0 32px 64px -12px #10182824;"},backdropBlur:{sm:"filter: blur(8px);-webkit-filter: blur(8px);",md:"filter: blur(16px);-webkit-filter: blur(16px);",lg:"filter: blur(24px);-webkit-filter: blur(24px);",xl:"filter: blur(40px);-webkit-filter: blur(40px);"}},raduises:{none:"0",xs:"2px",sm:"4px",md:"8px",lg:"16px",xl:"24px",full:"9999px"},breakPoints:{lg:1280,md:768,sm:375}};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if("undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}(".dgaui {\n font-family: IBM Plex Sans Arabic;\n box-sizing: border-box;\n font-size: 14px;\n -webkit-tap-highlight-color: transparent;\n}\n\n.dgaui input,\n.dgaui textarea,\n.dgaui select {\n font-family: IBM Plex Sans Arabic;\n}\n\n.dgaui_hiddenScrollbar {\n -ms-overflow-style: none; /* IE and Edge */\n /* Hide scrollbar for IE, Edge and Firefox */\n scrollbar-width: none; /* Firefox */\n}\n/* Hide scrollbar for Chrome, Safari and Opera */\n.dgaui_hiddenScrollbar::-webkit-scrollbar {\n display: none;\n}\n\n.dgauiDragging {\n cursor: grabbing;\n}\n");const S=()=>{const e=n.useContext(b);let t=w;return e&&(t=((e,t)=>{let n={};return t&&(n=function e(t,n){let r=Object.assign({},t);for(const a in n)(o=n[a])&&"object"==typeof o&&!Array.isArray(o)&&a in t?r[a]=e(t[a],n[a]):r[a]=n[a];var o;return r}(e,t)),n})(w,e)),t};var k=function(){return k=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},k.apply(this,arguments)};function C(e,t,n){if(n||2===arguments.length)for(var r,o=0,a=t.length;o<a;o++)!r&&o in t||(r||(r=Array.prototype.slice.call(t,0,o)),r[o]=t[o]);return e.concat(r||Array.prototype.slice.call(t))}function A(e){var t=Object.create(null);return function(n){return void 0===t[n]&&(t[n]=e(n)),t[n]}}"function"==typeof SuppressedError&&SuppressedError;var F=/^((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|disableRemotePlayback|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)-.*))$/,E=A((function(e){return F.test(e)||111===e.charCodeAt(0)&&110===e.charCodeAt(1)&&e.charCodeAt(2)<91})),D="-ms-",N="-moz-",$="-webkit-",P="comm",_="rule",T="decl",O="@keyframes",I=Math.abs,R=String.fromCharCode,B=Object.assign;function z(e){return e.trim()}function j(e,t){return(e=t.exec(e))?e[0]:e}function L(e,t,n){return e.replace(t,n)}function M(e,t,n){return e.indexOf(t,n)}function H(e,t){return 0|e.charCodeAt(t)}function V(e,t,n){return e.slice(t,n)}function G(e){return e.length}function q(e){return e.length}function Y(e,t){return t.push(e),e}function W(e,t){return e.filter((function(e){return!j(e,t)}))}var U=1,X=1,Z=0,K=0,J=0,Q="";function ee(e,t,n,r,o,a,i,s){return{value:e,root:t,parent:n,type:r,props:o,children:a,line:U,column:X,length:i,return:"",siblings:s}}function te(e,t){return B(ee("",null,null,"",null,null,0,e.siblings),e,{length:-e.length},t)}function ne(e){for(;e.root;)e=te(e.root,{children:[e]});Y(e,e.siblings)}function re(){return J=K>0?H(Q,--K):0,X--,10===J&&(X=1,U--),J}function oe(){return J=K<Z?H(Q,K++):0,X++,10===J&&(X=1,U++),J}function ae(){return H(Q,K)}function ie(){return K}function se(e,t){return V(Q,e,t)}function ce(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function le(e){return z(se(K-1,de(91===e?e+2:40===e?e+1:e)))}function ue(e){for(;(J=ae())&&J<33;)oe();return ce(e)>2||ce(J)>3?"":" "}function pe(e,t){for(;--t&&oe()&&!(J<48||J>102||J>57&&J<65||J>70&&J<97););return se(e,ie()+(t<6&&32==ae()&&32==oe()))}function de(e){for(;oe();)switch(J){case e:return K;case 34:case 39:34!==e&&39!==e&&de(J);break;case 40:41===e&&de(e);break;case 92:oe()}return K}function he(e,t){for(;oe()&&e+J!==57&&(e+J!==84||47!==ae()););return"/*"+se(t,K-1)+"*"+R(47===e?e:oe())}function fe(e){for(;!ce(ae());)oe();return se(e,K)}function me(e){return function(e){return Q="",e}(ge("",null,null,null,[""],e=function(e){return U=X=1,Z=G(Q=e),K=0,[]}(e),0,[0],e))}function ge(e,t,n,r,o,a,i,s,c){for(var l=0,u=0,p=i,d=0,h=0,f=0,m=1,g=1,y=1,v=0,x="",b=o,w=a,S=r,k=x;g;)switch(f=v,v=oe()){case 40:if(108!=f&&58==H(k,p-1)){-1!=M(k+=L(le(v),"&","&\f"),"&\f",I(l?s[l-1]:0))&&(y=-1);break}case 34:case 39:case 91:k+=le(v);break;case 9:case 10:case 13:case 32:k+=ue(f);break;case 92:k+=pe(ie()-1,7);continue;case 47:switch(ae()){case 42:case 47:Y(ve(he(oe(),ie()),t,n,c),c);break;default:k+="/"}break;case 123*m:s[l++]=G(k)*y;case 125*m:case 59:case 0:switch(v){case 0:case 125:g=0;case 59+u:-1==y&&(k=L(k,/\f/g,"")),h>0&&G(k)-p&&Y(h>32?xe(k+";",r,n,p-1,c):xe(L(k," ","")+";",r,n,p-2,c),c);break;case 59:k+=";";default:if(Y(S=ye(k,t,n,l,u,o,s,x,b=[],w=[],p,a),a),123===v)if(0===u)ge(k,t,S,S,b,a,p,s,w);else switch(99===d&&110===H(k,3)?100:d){case 100:case 108:case 109:case 115:ge(e,S,S,r&&Y(ye(e,S,S,0,0,o,s,x,o,b=[],p,w),w),o,w,p,s,r?b:w);break;default:ge(k,S,S,S,[""],w,0,s,w)}}l=u=h=0,m=y=1,x=k="",p=i;break;case 58:p=1+G(k),h=f;default:if(m<1)if(123==v)--m;else if(125==v&&0==m++&&125==re())continue;switch(k+=R(v),v*m){case 38:y=u>0?1:(k+="\f",-1);break;case 44:s[l++]=(G(k)-1)*y,y=1;break;case 64:45===ae()&&(k+=le(oe())),d=ae(),u=p=G(x=k+=fe(ie())),v++;break;case 45:45===f&&2==G(k)&&(m=0)}}return a}function ye(e,t,n,r,o,a,i,s,c,l,u,p){for(var d=o-1,h=0===o?a:[""],f=q(h),m=0,g=0,y=0;m<r;++m)for(var v=0,x=V(e,d+1,d=I(g=i[m])),b=e;v<f;++v)(b=z(g>0?h[v]+" "+x:L(x,/&\f/g,h[v])))&&(c[y++]=b);return ee(e,t,n,0===o?_:s,c,l,u,p)}function ve(e,t,n,r){return ee(e,t,n,P,R(J),V(e,2,-2),0,r)}function xe(e,t,n,r,o){return ee(e,t,n,T,V(e,0,r),V(e,r+1,-1),r,o)}function be(e,t,n){switch(function(e,t){return 45^H(e,0)?(((t<<2^H(e,0))<<2^H(e,1))<<2^H(e,2))<<2^H(e,3):0}(e,t)){case 5103:return $+"print-"+e+e;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return $+e+e;case 4789:return N+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return $+e+N+e+D+e+e;case 5936:switch(H(e,t+11)){case 114:return $+e+D+L(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return $+e+D+L(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return $+e+D+L(e,/[svh]\w+-[tblr]{2}/,"lr")+e}case 6828:case 4268:case 2903:return $+e+D+e+e;case 6165:return $+e+D+"flex-"+e+e;case 5187:return $+e+L(e,/(\w+).+(:[^]+)/,$+"box-$1$2"+D+"flex-$1$2")+e;case 5443:return $+e+D+"flex-item-"+L(e,/flex-|-self/g,"")+(j(e,/flex-|baseline/)?"":D+"grid-row-"+L(e,/flex-|-self/g,""))+e;case 4675:return $+e+D+"flex-line-pack"+L(e,/align-content|flex-|-self/g,"")+e;case 5548:return $+e+D+L(e,"shrink","negative")+e;case 5292:return $+e+D+L(e,"basis","preferred-size")+e;case 6060:return $+"box-"+L(e,"-grow","")+$+e+D+L(e,"grow","positive")+e;case 4554:return $+L(e,/([^-])(transform)/g,"$1"+$+"$2")+e;case 6187:return L(L(L(e,/(zoom-|grab)/,$+"$1"),/(image-set)/,$+"$1"),e,"")+e;case 5495:case 3959:return L(e,/(image-set\([^]*)/,$+"$1$`$1");case 4968:return L(L(e,/(.+:)(flex-)?(.*)/,$+"box-pack:$3"+D+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+$+e+e;case 4200:if(!j(e,/flex-|baseline/))return D+"grid-column-align"+V(e,t)+e;break;case 2592:case 3360:return D+L(e,"template-","")+e;case 4384:case 3616:return n&&n.some((function(e,n){return t=n,j(e.props,/grid-\w+-end/)}))?~M(e+(n=n[t].value),"span",0)?e:D+L(e,"-start","")+e+D+"grid-row-span:"+(~M(n,"span",0)?j(n,/\d+/):+j(n,/\d+/)-+j(e,/\d+/))+";":D+L(e,"-start","")+e;case 4896:case 4128:return n&&n.some((function(e){return j(e.props,/grid-\w+-start/)}))?e:D+L(L(e,"-end","-span"),"span ","")+e;case 4095:case 3583:case 4068:case 2532:return L(e,/(.+)-inline(.+)/,$+"$1$2")+e;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(G(e)-1-t>6)switch(H(e,t+1)){case 109:if(45!==H(e,t+4))break;case 102:return L(e,/(.+:)(.+)-([^]+)/,"$1"+$+"$2-$3$1"+N+(108==H(e,t+3)?"$3":"$2-$3"))+e;case 115:return~M(e,"stretch",0)?be(L(e,"stretch","fill-available"),t,n)+e:e}break;case 5152:case 5920:return L(e,/(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/,(function(t,n,r,o,a,i,s){return D+n+":"+r+s+(o?D+n+"-span:"+(a?i:+i-+r)+s:"")+e}));case 4949:if(121===H(e,t+6))return L(e,":",":"+$)+e;break;case 6444:switch(H(e,45===H(e,14)?18:11)){case 120:return L(e,/(.+:)([^;\s!]+)(;|(\s+)?!.+)?/,"$1"+$+(45===H(e,14)?"inline-":"")+"box$3$1"+$+"$2$3$1"+D+"$2box$3")+e;case 100:return L(e,":",":"+D)+e}break;case 5719:case 2647:case 2135:case 3927:case 2391:return L(e,"scroll-","scroll-snap-")+e}return e}function we(e,t){for(var n="",r=0;r<e.length;r++)n+=t(e[r],r,e,t)||"";return n}function Se(e,t,n,r){switch(e.type){case"@layer":if(e.children.length)break;case"@import":case T:return e.return=e.return||e.value;case P:return"";case O:return e.return=e.value+"{"+we(e.children,r)+"}";case _:if(!G(e.value=e.props.join(",")))return""}return G(n=we(e.children,r))?e.return=e.value+"{"+n+"}":""}function ke(e,t,n,r){if(e.length>-1&&!e.return)switch(e.type){case T:return void(e.return=be(e.value,e.length,n));case O:return we([te(e,{value:L(e.value,"@","@"+$)})],r);case _:if(e.length)return function(e,t){return e.map(t).join("")}(n=e.props,(function(t){switch(j(t,r=/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":ne(te(e,{props:[L(t,/:(read-\w+)/,":-moz-$1")]})),ne(te(e,{props:[t]})),B(e,{props:W(n,r)});break;case"::placeholder":ne(te(e,{props:[L(t,/:(plac\w+)/,":"+$+"input-$1")]})),ne(te(e,{props:[L(t,/:(plac\w+)/,":-moz-$1")]})),ne(te(e,{props:[L(t,/:(plac\w+)/,D+"input-$1")]})),ne(te(e,{props:[t]})),B(e,{props:W(n,r)})}return""}))}}var Ce={animationIterationCount:1,aspectRatio: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},Ae="undefined"!=typeof process&&void 0!==process.env&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",Fe="active",Ee="data-styled-version",De="6.1.15",Ne="/*!sc*/\n",$e="undefined"!=typeof window&&"HTMLElement"in window,Pe=Boolean("boolean"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env&&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&&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),_e=/invalid hook call/i,Te=new Set,Oe=function(e,t){if("production"!==process.env.NODE_ENV){var n=t?' with the id of "'.concat(t,'"'):"",r="The component ".concat(e).concat(n," has been created dynamically.\n")+"You 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.",o=console.error;try{var i=!0;console.error=function(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];_e.test(e)?(i=!1,Te.delete(r)):o.apply(void 0,C([e],t,!1))},a(),i&&!Te.has(r)&&(console.warn(r),Te.add(r))}catch(e){_e.test(e.message)&&Te.delete(r)}finally{console.error=o}}},Ie=Object.freeze([]),Re=Object.freeze({});var Be=new Set(["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","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","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","tr","track","u","ul","use","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"]),ze=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,je=/(^-|-$)/g;function Le(e){return e.replace(ze,"-").replace(je,"")}var Me=/(a)(d)/gi,He=function(e){return String.fromCharCode(e+(e>25?39:97))};function Ve(e){var t,n="";for(t=Math.abs(e);t>52;t=t/52|0)n=He(t%52)+n;return(He(t%52)+n).replace(Me,"$1-$2")}var Ge,qe=function(e,t){for(var n=t.length;n;)e=33*e^t.charCodeAt(--n);return e},Ye=function(e){return qe(5381,e)};function We(e){return"production"!==process.env.NODE_ENV&&"string"==typeof e&&e||e.displayName||e.name||"Component"}function Ue(e){return"string"==typeof e&&("production"===process.env.NODE_ENV||e.charAt(0)===e.charAt(0).toLowerCase())}var Xe="function"==typeof Symbol&&Symbol.for,Ze=Xe?Symbol.for("react.memo"):60115,Ke=Xe?Symbol.for("react.forward_ref"):60112,Je={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},Qe={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},et={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},tt=((Ge={})[Ke]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},Ge[Ze]=et,Ge);function nt(e){return("type"in(t=e)&&t.type.$$typeof)===Ze?et:"$$typeof"in e?tt[e.$$typeof]:Je;var t}var rt=Object.defineProperty,ot=Object.getOwnPropertyNames,at=Object.getOwnPropertySymbols,it=Object.getOwnPropertyDescriptor,st=Object.getPrototypeOf,ct=Object.prototype;function lt(e,t,n){if("string"!=typeof t){if(ct){var r=st(t);r&&r!==ct&<(e,r,n)}var o=ot(t);at&&(o=o.concat(at(t)));for(var a=nt(e),i=nt(t),s=0;s<o.length;++s){var c=o[s];if(!(c in Qe||n&&n[c]||i&&c in i||a&&c in a)){var l=it(t,c);try{rt(e,c,l)}catch(e){}}}}return e}function ut(e){return"function"==typeof e}function pt(e){return"object"==typeof e&&"styledComponentId"in e}function dt(e,t){return e&&t?"".concat(e," ").concat(t):e||t||""}function ht(e,t){if(0===e.length)return"";for(var n=e[0],r=1;r<e.length;r++)n+=e[r];return n}function ft(e){return null!==e&&"object"==typeof e&&e.constructor.name===Object.name&&!("props"in e&&e.$$typeof)}function mt(e,t,n){if(void 0===n&&(n=!1),!n&&!ft(e)&&!Array.isArray(e))return t;if(Array.isArray(t))for(var r=0;r<t.length;r++)e[r]=mt(e[r],t[r]);else if(ft(t))for(var r in t)e[r]=mt(e[r],t[r]);return e}function gt(e,t){Object.defineProperty(e,"toString",{value:t})}var yt="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",18:"ThemeProvider: Please make sure your useTheme hook is within a `<ThemeProvider>`"}:{};function vt(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];for(var n=e[0],r=[],o=1,a=e.length;o<a;o+=1)r.push(e[o]);return r.forEach((function(e){n=n.replace(/%[a-z]/,e)})),n}function xt(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];return"production"===process.env.NODE_ENV?new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(e," for more information.").concat(t.length>0?" Args: ".concat(t.join(", ")):"")):new Error(vt.apply(void 0,C([yt[e]],t,!1)).trim())}var bt=function(){function e(e){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e}return e.prototype.indexOfGroup=function(e){for(var t=0,n=0;n<e;n++)t+=this.groupSizes[n];return t},e.prototype.insertRules=function(e,t){if(e>=this.groupSizes.length){for(var n=this.groupSizes,r=n.length,o=r;e>=o;)if((o<<=1)<0)throw xt(16,"".concat(e));this.groupSizes=new Uint32Array(o),this.groupSizes.set(n),this.length=o;for(var a=r;a<o;a++)this.groupSizes[a]=0}for(var i=this.indexOfGroup(e+1),s=(a=0,t.length);a<s;a++)this.tag.insertRule(i,t[a])&&(this.groupSizes[e]++,i++)},e.prototype.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 o=n;o<r;o++)this.tag.deleteRule(n)}},e.prototype.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),o=r+n,a=r;a<o;a++)t+="".concat(this.tag.getRule(a)).concat(Ne);return t},e}(),wt=1<<30,St=new Map,kt=new Map,Ct=1,At=function(e){if(St.has(e))return St.get(e);for(;kt.has(Ct);)Ct++;var t=Ct++;if("production"!==process.env.NODE_ENV&&((0|t)<0||t>wt))throw xt(16,"".concat(t));return St.set(e,t),kt.set(t,e),t},Ft=function(e,t){Ct=t+1,St.set(e,t),kt.set(t,e)},Et="style[".concat(Ae,"][").concat(Ee,'="').concat(De,'"]'),Dt=new RegExp("^".concat(Ae,'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')),Nt=function(e,t,n){for(var r,o=n.split(","),a=0,i=o.length;a<i;a++)(r=o[a])&&e.registerName(t,r)},$t=function(e,t){for(var n,r=(null!==(n=t.textContent)&&void 0!==n?n:"").split(Ne),o=[],a=0,i=r.length;a<i;a++){var s=r[a].trim();if(s){var c=s.match(Dt);if(c){var l=0|parseInt(c[1],10),u=c[2];0!==l&&(Ft(u,l),Nt(e,u,c[3]),e.getTag().insertRules(l,o)),o.length=0}else o.push(s)}}},Pt=function(e){for(var t=document.querySelectorAll(Et),n=0,r=t.length;n<r;n++){var o=t[n];o&&o.getAttribute(Ae)!==Fe&&($t(e,o),o.parentNode&&o.parentNode.removeChild(o))}};var _t=function(e){var t=document.head,n=e||t,r=document.createElement("style"),o=function(e){var t=Array.from(e.querySelectorAll("style[".concat(Ae,"]")));return t[t.length-1]}(n),a=void 0!==o?o.nextSibling:null;r.setAttribute(Ae,Fe),r.setAttribute(Ee,De);var i="undefined"!=typeof __webpack_nonce__?__webpack_nonce__:null;return i&&r.setAttribute("nonce",i),n.insertBefore(r,a),r},Tt=function(){function e(e){this.element=_t(e),this.element.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 o=t[n];if(o.ownerNode===e)return o}throw xt(17)}(this.element),this.length=0}return e.prototype.insertRule=function(e,t){try{return this.sheet.insertRule(t,e),this.length++,!0}catch(e){return!1}},e.prototype.deleteRule=function(e){this.sheet.deleteRule(e),this.length--},e.prototype.getRule=function(e){var t=this.sheet.cssRules[e];return t&&t.cssText?t.cssText:""},e}(),Ot=function(){function e(e){this.element=_t(e),this.nodes=this.element.childNodes,this.length=0}return e.prototype.insertRule=function(e,t){if(e<=this.length&&e>=0){var n=document.createTextNode(t);return this.element.insertBefore(n,this.nodes[e]||null),this.length++,!0}return!1},e.prototype.deleteRule=function(e){this.element.removeChild(this.nodes[e]),this.length--},e.prototype.getRule=function(e){return e<this.length?this.nodes[e].textContent:""},e}(),It=function(){function e(e){this.rules=[],this.length=0}return e.prototype.insertRule=function(e,t){return e<=this.length&&(this.rules.splice(e,0,t),this.length++,!0)},e.prototype.deleteRule=function(e){this.rules.splice(e,1),this.length--},e.prototype.getRule=function(e){return e<this.length?this.rules[e]:""},e}(),Rt=$e,Bt={isServer:!$e,useCSSOMInjection:!Pe},zt=function(){function e(e,t,n){void 0===e&&(e=Re),void 0===t&&(t={});var r=this;this.options=k(k({},Bt),e),this.gs=t,this.names=new Map(n),this.server=!!e.isServer,!this.server&&$e&&Rt&&(Rt=!1,Pt(this)),gt(this,(function(){return function(e){for(var t=e.getTag(),n=t.length,r="",o=function(n){var o=function(e){return kt.get(e)}(n);if(void 0===o)return"continue";var a=e.names.get(o),i=t.getGroup(n);if(void 0===a||!a.size||0===i.length)return"continue";var s="".concat(Ae,".g").concat(n,'[id="').concat(o,'"]'),c="";void 0!==a&&a.forEach((function(e){e.length>0&&(c+="".concat(e,","))})),r+="".concat(i).concat(s,'{content:"').concat(c,'"}').concat(Ne)},a=0;a<n;a++)o(a);return r}(r)}))}return e.registerId=function(e){return At(e)},e.prototype.rehydrate=function(){!this.server&&$e&&Pt(this)},e.prototype.reconstructWithOptions=function(t,n){return void 0===n&&(n=!0),new e(k(k({},this.options),t),this.gs,n&&this.names||void 0)},e.prototype.allocateGSInstance=function(e){return this.gs[e]=(this.gs[e]||0)+1},e.prototype.getTag=function(){return this.tag||(this.tag=(e=function(e){var t=e.useCSSOMInjection,n=e.target;return e.isServer?new It(n):t?new Tt(n):new Ot(n)}(this.options),new bt(e)));var e},e.prototype.hasNameForId=function(e,t){return this.names.has(e)&&this.names.get(e).has(t)},e.prototype.registerName=function(e,t){if(At(e),this.names.has(e))this.names.get(e).add(t);else{var n=new Set;n.add(t),this.names.set(e,n)}},e.prototype.insertRules=function(e,t,n){this.registerName(e,t),this.getTag().insertRules(At(e),n)},e.prototype.clearNames=function(e){this.names.has(e)&&this.names.get(e).clear()},e.prototype.clearRules=function(e){this.getTag().clearGroup(At(e)),this.clearNames(e)},e.prototype.clearTag=function(){this.tag=void 0},e}(),jt=/&/g,Lt=/^\s*\/\/.*$/gm;function Mt(e,t){return e.map((function(e){return"rule"===e.type&&(e.value="".concat(t," ").concat(e.value),e.value=e.value.replaceAll(",",",".concat(t," ")),e.props=e.props.map((function(e){return"".concat(t," ").concat(e)}))),Array.isArray(e.children)&&"@keyframes"!==e.type&&(e.children=Mt(e.children,t)),e}))}var Ht=new zt,Vt=function(){var e,t,n,r=Re,o=r.options,a=void 0===o?Re:o,i=r.plugins,s=void 0===i?Ie:i,c=function(n,r,o){return o.startsWith(t)&&o.endsWith(t)&&o.replaceAll(t,"").length>0?".".concat(e):n},l=s.slice();l.push((function(e){e.type===_&&e.value.includes("&")&&(e.props[0]=e.props[0].replace(jt,t).replace(n,c))})),a.prefix&&l.push(ke),l.push(Se);var u=function(r,o,i,s){void 0===o&&(o=""),void 0===i&&(i=""),void 0===s&&(s="&"),e=s,t=o,n=new RegExp("\\".concat(t,"\\b"),"g");var c=r.replace(Lt,""),u=me(i||o?"".concat(i," ").concat(o," { ").concat(c," }"):c);a.namespace&&(u=Mt(u,a.namespace));var p,d=[];return we(u,function(e){var t=q(e);return function(n,r,o,a){for(var i="",s=0;s<t;s++)i+=e[s](n,r,o,a)||"";return i}}(l.concat((p=function(e){return d.push(e)},function(e){e.root||(e=e.return)&&p(e)})))),d};return u.hash=s.length?s.reduce((function(e,t){return t.name||xt(15),qe(e,t.name)}),5381).toString():"",u}(),Gt=n.createContext({shouldForwardProp:void 0,styleSheet:Ht,stylis:Vt});function qt(){return i(Gt)}Gt.Consumer,n.createContext(void 0);var Yt=function(){function e(e,t){var n=this;this.inject=function(e,t){void 0===t&&(t=Vt);var r=n.name+t.hash;e.hasNameForId(n.id,r)||e.insertRules(n.id,r,t(n.rules,r,"@keyframes"))},this.name=e,this.id="sc-keyframes-".concat(e),this.rules=t,gt(this,(function(){throw xt(12,String(n.name))}))}return e.prototype.getName=function(e){return void 0===e&&(e=Vt),this.name+e.hash},e}(),Wt=function(e){return e>="A"&&e<="Z"};function Ut(e){for(var t="",n=0;n<e.length;n++){var r=e[n];if(1===n&&"-"===r&&"-"===e[0])return e;Wt(r)?t+="-"+r.toLowerCase():t+=r}return t.startsWith("ms-")?"-"+t:t}var Xt=function(e){return null==e||!1===e||""===e},Zt=function(e){var t,n,r=[];for(var o in e){var a=e[o];e.hasOwnProperty(o)&&!Xt(a)&&(Array.isArray(a)&&a.isCss||ut(a)?r.push("".concat(Ut(o),":"),a,";"):ft(a)?r.push.apply(r,C(C(["".concat(o," {")],Zt(a),!1),["}"],!1)):r.push("".concat(Ut(o),": ").concat((t=o,null==(n=a)||"boolean"==typeof n||""===n?"":"number"!=typeof n||0===n||t in Ce||t.startsWith("--")?String(n).trim():"".concat(n,"px")),";")))}return r};function Kt(e,t,n,r){if(Xt(e))return[];if(pt(e))return[".".concat(e.styledComponentId)];if(ut(e)){if(!ut(a=e)||a.prototype&&a.prototype.isReactComponent||!t)return[e];var o=e(t);return"production"===process.env.NODE_ENV||"object"!=typeof o||Array.isArray(o)||o instanceof Yt||ft(o)||null===o||console.error("".concat(We(e)," 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.")),Kt(o,t,n,r)}var a;return e instanceof Yt?n?(e.inject(n,r),[e.getName(r)]):[e]:ft(e)?Zt(e):Array.isArray(e)?Array.prototype.concat.apply(Ie,e.map((function(e){return Kt(e,t,n,r)}))):[e.toString()]}var Jt=Ye(De),Qt=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(ut(n)&&!pt(n))return!1}return!0}(e),this.componentId=t,this.baseHash=qe(Jt,t),this.baseStyle=n,zt.registerId(t)}return e.prototype.generateAndInjectStyles=function(e,t,n){var r=this.baseStyle?this.baseStyle.generateAndInjectStyles(e,t,n):"";if(this.isStatic&&!n.hash)if(this.staticRulesId&&t.hasNameForId(this.componentId,this.staticRulesId))r=dt(r,this.staticRulesId);else{var o=ht(Kt(this.rules,e,t,n)),a=Ve(qe(this.baseHash,o)>>>0);if(!t.hasNameForId(this.componentId,a)){var i=n(o,".".concat(a),void 0,this.componentId);t.insertRules(this.componentId,a,i)}r=dt(r,a),this.staticRulesId=a}else{for(var s=qe(this.baseHash,n.hash),c="",l=0;l<this.rules.length;l++){var u=this.rules[l];if("string"==typeof u)c+=u,"production"!==process.env.NODE_ENV&&(s=qe(s,u));else if(u){var p=ht(Kt(u,e,t,n));s=qe(s,p+l),c+=p}}if(c){var d=Ve(s>>>0);t.hasNameForId(this.componentId,d)||t.insertRules(this.componentId,d,n(c,".".concat(d),void 0,this.componentId)),r=dt(r,d)}}return r},e}(),en=n.createContext(void 0);en.Consumer;var tn={},nn=new Set;function rn(e,t,a){var i=pt(e),s=e,c=!Ue(e),l=t.attrs,u=void 0===l?Ie:l,p=t.componentId,d=void 0===p?function(e,t){var n="string"!=typeof e?"sc":Le(e);tn[n]=(tn[n]||0)+1;var r="".concat(n,"-").concat(function(e){return Ve(Ye(e)>>>0)}(De+n+tn[n]));return t?"".concat(t,"-").concat(r):r}(t.displayName,t.parentComponentId):p,h=t.displayName,f=void 0===h?function(e){return Ue(e)?"styled.".concat(e):"Styled(".concat(We(e),")")}(e):h,m=t.displayName&&t.componentId?"".concat(Le(t.displayName),"-").concat(t.componentId):t.componentId||d,g=i&&s.attrs?s.attrs.concat(u).filter(Boolean):u,y=t.shouldForwardProp;if(i&&s.shouldForwardProp){var v=s.shouldForwardProp;if(t.shouldForwardProp){var x=t.shouldForwardProp;y=function(e,t){return v(e,t)&&x(e,t)}}else y=v}var b=new Qt(a,m,i?s.componentStyle:void 0);function w(e,t){return function(e,t,a){var i=e.attrs,s=e.componentStyle,c=e.defaultProps,l=e.foldedComponentIds,u=e.styledComponentId,p=e.target,d=n.useContext(en),h=qt(),f=e.shouldForwardProp||h.shouldForwardProp;"production"!==process.env.NODE_ENV&&r(u);var m=function(e,t,n){return void 0===n&&(n=Re),e.theme!==n.theme&&e.theme||t||n.theme}(t,d,c)||Re,g=function(e,t,n){for(var r,o=k(k({},t),{className:void 0,theme:n}),a=0;a<e.length;a+=1){var i=ut(r=e[a])?r(o):r;for(var s in i)o[s]="className"===s?dt(o[s],i[s]):"style"===s?k(k({},o[s]),i[s]):i[s]}return t.className&&(o.className=dt(o.className,t.className)),o}(i,t,m),y=g.as||p,v={};for(var x in g)void 0===g[x]||"$"===x[0]||"as"===x||"theme"===x&&g.theme===m||("forwardedAs"===x?v.as=g.forwardedAs:f&&!f(x,y)||(v[x]=g[x],f||"development"!==process.env.NODE_ENV||E(x)||nn.has(x)||!Be.has(y)||(nn.add(x),console.warn('styled-components: it looks like an unknown prop "'.concat(x,'" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `<StyleSheetManager shouldForwardProp={...}>` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.)')))));var b=function(e,t){var n=qt(),o=e.generateAndInjectStyles(t,n.styleSheet,n.stylis);return"production"!==process.env.NODE_ENV&&r(o),o}(s,g);"production"!==process.env.NODE_ENV&&e.warnTooManyClasses&&e.warnTooManyClasses(b);var w=dt(l,u);return b&&(w+=" "+b),g.className&&(w+=" "+g.className),v[Ue(y)&&!Be.has(y)?"class":"className"]=w,a&&(v.ref=a),o(y,v)}(S,e,t)}w.displayName=f;var S=n.forwardRef(w);return S.attrs=g,S.componentStyle=b,S.displayName=f,S.shouldForwardProp=y,S.foldedComponentIds=i?dt(s.foldedComponentIds,s.styledComponentId):"",S.styledComponentId=m,S.target=i?s.target:e,Object.defineProperty(S,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(e){this._foldedDefaultProps=i?function(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];for(var r=0,o=t;r<o.length;r++)mt(e,o[r],!0);return e}({},s.defaultProps,e):e}}),"production"!==process.env.NODE_ENV&&(Oe(f,m),S.warnTooManyClasses=function(e,t){var n={},r=!1;return function(o){if(!r&&(n[o]=!0,Object.keys(n).length>=200)){var a=t?' with the id of "'.concat(t,'"'):"";console.warn("Over ".concat(200," classes were generated for component ").concat(e).concat(a,".\n")+"Consider using the attrs method, together with a style object for frequently changed styles.\nExample:\n const Component = styled.div.attrs(props => ({\n style: {\n background: props.background,\n },\n }))`width: 100%;`\n\n <Component />"),r=!0,n={}}}}(f,m)),gt(S,(function(){return".".concat(S.styledComponentId)})),c&<(S,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0}),S}function on(e,t){for(var n=[e[0]],r=0,o=t.length;r<o;r+=1)n.push(t[r],e[r+1]);return n}var an=function(e){return Object.assign(e,{isCss:!0})};function sn(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];if(ut(e)||ft(e))return an(Kt(on(Ie,C([e],t,!0))));var r=e;return 0===t.length&&1===r.length&&"string"==typeof r[0]?Kt(r):an(Kt(on(r,t)))}function cn(e,t,n){if(void 0===n&&(n=Re),!t)throw xt(1,t);var r=function(r){for(var o=[],a=1;a<arguments.length;a++)o[a-1]=arguments[a];return e(t,n,sn.apply(void 0,C([r],o,!1)))};return r.attrs=function(r){return cn(e,t,k(k({},n),{attrs:Array.prototype.concat(n.attrs,r).filter(Boolean)}))},r.withConfig=function(r){return cn(e,t,k(k({},n),r))},r}var ln=function(e){return cn(rn,e)},un=ln;Be.forEach((function(e){un[e]=ln(e)})),"production"!==process.env.NODE_ENV&&"undefined"!=typeof navigator&&"ReactNative"===navigator.product&&console.warn("It looks like you've imported 'styled-components' on React Native.\nPerhaps you're looking to import 'styled-components/native'?\nRead more about this at https://www.styled-components.com/docs/basics#react-native");var pn="__sc-".concat(Ae,"__");"production"!==process.env.NODE_ENV&&"test"!==process.env.NODE_ENV&&"undefined"!=typeof window&&(window[pn]||(window[pn]=0),1===window[pn]&&console.warn("It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason.\n\nSee https://s-c.sh/2BAXzed for more info."),window[pn]+=1);const dn=({square:t=!1,color:n=""})=>{const r=S();return e(hn,{$theme:r,$color:n,className:"dgaui dgaui_chartMark"+(t?" square":"")})},hn=un.div`
|
|
2
2
|
border-radius: 100%;
|
|
3
3
|
background-color: ${e=>e.$color};
|
|
4
4
|
width: 8px;
|
|
@@ -7,7 +7,7 @@ import{jsx as e,jsxs as t}from"react/jsx-runtime";import n,{useDebugValue as r,c
|
|
|
7
7
|
&.square {
|
|
8
8
|
border-radius: 2px;
|
|
9
9
|
}
|
|
10
|
-
`,
|
|
10
|
+
`,fn=({markSquare:n=!1,children:r,markColor:o="#1B8354"})=>{const a=S();return t(mn,{$theme:a,className:"dgaui dgaui_chartLegend",children:[e(dn,{square:n,color:o})," ",r]})},mn=un.div`
|
|
11
11
|
direction: ${e=>e.$theme.direction};
|
|
12
12
|
display: flex;
|
|
13
13
|
align-items: center;
|
|
@@ -15,7 +15,7 @@ import{jsx as e,jsxs as t}from"react/jsx-runtime";import n,{useDebugValue as r,c
|
|
|
15
15
|
.dgaui_chartMark {
|
|
16
16
|
margin-inline-end: 8px;
|
|
17
17
|
}
|
|
18
|
-
`,
|
|
18
|
+
`,gn=({data:r=[],hole:o=!1,size:a=150,style:i})=>{const u=S(),[p,d]=n.useState(),h=[u.palette.primary[600],u.palette.primary[400],u.palette.primary[200],u.palette.success[600],u.palette.primary[800],u.palette.primary[900]],f=function(e=0,t=0){const n=[];let r=1;for(;n.length<e;)r<=t?n.push(r):r%t==0?n.push(t):n.push(r%t),r++;return n}(r.length,h.length),m=r.map(((e,t)=>"color"===i?e.color:h[f[t]-1])),g=n.useRef(null);return n.useEffect((()=>{if(!g.current||!r)return;const e=a,t=a,n=Math.min(e,t)/2,u=20,p=20,h=20,f=20,y=s(g.current).attr("viewBox",`0 0 ${e+f+p} ${t+u+h}`).style("width","100%").style("height","auto").style("display","block").html("").append("g").attr("transform",`translate(${e/2+f}, ${t/2+u})`),v=c().value((e=>e.value)),x=l().innerRadius(o?n/2:0).outerRadius(n);y.selectAll(".arc").data(v(r)).enter().append("g").attr("class","arc").on("mousemove",((e,t)=>{d({data:Object.assign(Object.assign({},t.data),{color:m[t.index]}),location:{x:e.layerX+10,y:e.layerY+10}})})).on("mouseleave",(()=>{d(void 0)})).append("path").attr("d",x).attr("fill",(e=>"brand"===i?m[e.index]:e.data.color)).attr("class","rounded-full").style("stroke","#fff").style("stroke-width","0px")}),[r,o,a,i]),t(yn,{$theme:u,$size:a,$x:null==p?void 0:p.location.x,$y:null==p?void 0:p.location.y,className:"dgaui dgaui_pieChart",children:[e("svg",{ref:g}),e("div",{className:"legends",children:r.map(((t,n)=>e(fn,{markColor:m[n],children:t.label},n)))}),p&&t("div",{className:"dgaui_pieChartTooltip",children:[e("div",{children:p.data.value}),e("div",{children:e(fn,{markColor:p.data.color,children:p.data.label})})]})]})},yn=un.div`
|
|
19
19
|
direction: ${e=>e.$theme.direction};
|
|
20
20
|
width: ${e=>e.$size}px;
|
|
21
21
|
height: ${e=>e.$size}px;
|
|
@@ -48,7 +48,7 @@ import{jsx as e,jsxs as t}from"react/jsx-runtime";import n,{useDebugValue as r,c
|
|
|
48
48
|
pointer-events: none;
|
|
49
49
|
width: max-content;
|
|
50
50
|
}
|
|
51
|
-
`,
|
|
51
|
+
`,vn=({data:r,xAxisLabel:o,yAxisLabel:a,width:i,height:c})=>{var l;const y=S(),v=n.useRef(null),[x,b]=n.useState(),w=null!==(l=r.colors)&&void 0!==l?l:[y.palette.primary[600],y.palette.primary[400],y.palette.primary[200],y.palette.primary[100],y.palette.primary[50],y.palette.primary[25]];return n.useEffect((()=>{if(!v.current||!r)return;s(v.current).selectAll("*").remove();const e=40,t=20,n=30,o=a?72:40,l=(i||600)-o-t,x=(c||400)-e-n,S=s(v.current).attr("width",l+o+t).attr("height",x+e+n),k=S.append("defs"),C=S.append("g").attr("transform",`translate(${o},${e})`).attr("class","mainContainer"),A=r.categories.map(((e,t)=>{const n={category:e};return r.series.forEach((e=>{n[e.name]=e.values[t]})),n})),F=u().keys(r.series.map((e=>e.name)))(A),E=p().domain(r.categories).range([0,l]).padding(.5),D=d().domain([0,h(F[F.length-1],(e=>e[1]))]).nice().range([x,0]);C.append("g").attr("class","grid").call(f(D).tickSize(-l).tickFormat((()=>"")));const N=m().domain(r.series.map((e=>e.name))).range(w);C.selectAll(".series").data(F).enter().append("g").attr("fill",(e=>N(e.key))).selectAll("rect").data((e=>e)).enter().append("rect").attr("x",(e=>E(e.data.category))).attr("y",(e=>D(e[1]))).attr("height",(e=>D(e[0])-D(e[1]))).attr("width",E.bandwidth()).on("mousemove",((e,t)=>{b({data:t.data,location:{x:e.layerX+10,y:e.layerY+10}})})).on("mouseleave",(()=>{b(void 0)})).attr("mask",(function(e){const t=s(this.parentNode).datum();if((null==t?void 0:t.key)===F[F.length-1].key){const t=Date.now().toString(36)+Math.random().toString(36).substring(2,8);return this.setAttribute("fill",r.colors?r.colors[r.colors.length-1]:y.palette.neutral[200]),this.setAttribute("class","topBarBlock"),k.append("mask").attr("id","roundTopCorners_"+t).append("rect").attr("rx",8).attr("x",E(e.data.category)).attr("y",D(e[1])).attr("height",D(e[0])-D(e[1])+8).attr("width",E.bandwidth()).attr("fill",r.colors?r.colors[r.colors.length-1]:y.palette.neutral[200]),`url(#roundTopCorners_${t})`}return""})),C.append("g").attr("class","axis axis-x").attr("transform",`translate(0,${c})`).call(g(E)),C.append("g").attr("class","axis axis-y").call(f(D))}),[r,i,c]),t(xn,{$x:null==x?void 0:x.location.x,$y:null==x?void 0:x.location.y,className:"dgaui dgaui_barChart",children:[e("svg",{ref:v}),o&&e("div",{className:"xAxisLabel",children:o}),a&&e("div",{className:"yAxisLabel",children:a}),e("div",{className:"legends",children:r.series.map(((t,n)=>{var o;return e(fn,{markColor:w[n],children:null===(o=r.series[n])||void 0===o?void 0:o.name},n)}))}),x&&t("div",{className:"dgaui_barChartTooltip",children:[e("div",{children:x.data.category}),Object.keys(x.data).map(((n,r)=>"category"===n?null:e("div",{children:t(fn,{markColor:w[r-1],children:[e("span",{style:{marginInlineEnd:24},children:n})," ",x.data[n]]})}))).reverse()]})]})},xn=un.div`
|
|
52
52
|
position: relative;
|
|
53
53
|
|
|
54
54
|
.grid line {
|
|
@@ -103,5 +103,60 @@ import{jsx as e,jsxs as t}from"react/jsx-runtime";import n,{useDebugValue as r,c
|
|
|
103
103
|
pointer-events: none;
|
|
104
104
|
width: max-content;
|
|
105
105
|
}
|
|
106
|
-
|
|
106
|
+
`,bn=({data:r,xAxisLabel:o,yAxisLabel:a,width:i,height:c})=>{var l;const u=S(),p=n.useRef(null),[b,w]=n.useState(),k=null!==(l=r.colors)&&void 0!==l?l:[u.palette.primary[600],u.palette.primary[400],u.palette.primary[200],u.palette.primary[100],u.palette.primary[50],u.palette.primary[25]];return n.useEffect((()=>{if(!p.current||!r)return;s(p.current).selectAll("*").remove();const e=40,t=20,n=30,o=a?72:40,l=(i||600)-o-t,u=(c||400)-e-n,b=s(p.current).attr("width",l+o+t).attr("height",u+e+n).append("g").attr("transform",`translate(${o},${e})`).attr("class","mainContainer"),S=r.series.map((e=>({name:e.name,values:e.values.map(((e,t)=>({category:r.categories[t],value:e})))}))),C=y().domain(r.categories).range([0,l]),A=h(r.series,(e=>h(e.values))),F=d().domain([0,A]).nice().range([u,0]),E=m().domain(r.series.map((e=>e.name))).range(k);b.append("g").attr("class","grid").call(f(F).tickSize(-l).tickFormat((()=>"")));const D=v().x((e=>C(e.category))).y((e=>F(e.value))).curve(x),N=b.selectAll(".line-series").data(S).enter().append("g").attr("class","line-series");N.append("path").attr("class","line").attr("fill","none").attr("stroke",(e=>E(e.name))).attr("stroke-width",2).attr("d",(e=>D(e.values))),N.selectAll("circle").data((e=>e.values.map((t=>Object.assign(Object.assign({},t),{seriesName:e.name}))))).enter().append("circle").attr("cx",(e=>C(e.category))).attr("cy",(e=>F(e.value))).attr("r",4).attr("fill",(e=>E(e.seriesName))).attr("stroke","white").attr("stroke-width",1.5).on("mousemove",((e,t)=>{w({data:{category:t.category,series:t.seriesName,value:t.value},location:{x:e.layerX+10,y:e.layerY+10}})})).on("mouseleave",(()=>{w(void 0)})),b.append("g").attr("class","axis axis-x").attr("transform",`translate(0,${c})`).call(g(C)),b.append("g").attr("class","axis axis-y").call(f(F))}),[r,i,c]),t(wn,{$x:null==b?void 0:b.location.x,$y:null==b?void 0:b.location.y,className:"dgaui dgaui_lineChart",children:[e("svg",{ref:p}),o&&e("div",{className:"xAxisLabel",children:o}),a&&e("div",{className:"yAxisLabel",children:a}),e("div",{className:"legends",children:r.series.map(((t,n)=>{var o;return e(fn,{markColor:k[n],children:null===(o=r.series[n])||void 0===o?void 0:o.name},n)}))}),b&&t("div",{className:"dgaui_barChartTooltip",children:[e("div",{children:b.data.category}),Object.keys(b.data).map(((n,r)=>"category"===n?null:e("div",{children:t(fn,{markColor:k[r-1],children:[e("span",{style:{marginInlineEnd:24},children:n})," ",b.data[n]]})}))).reverse()]})]})},wn=un.div`
|
|
107
|
+
position: relative;
|
|
108
|
+
|
|
109
|
+
.grid line {
|
|
110
|
+
stroke: #f3f4f6;
|
|
111
|
+
}
|
|
112
|
+
.grid path {
|
|
113
|
+
stroke-width: 0;
|
|
114
|
+
}
|
|
115
|
+
svg {
|
|
116
|
+
text {
|
|
117
|
+
font-size: 14px;
|
|
118
|
+
}
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
.xAxisLabel {
|
|
122
|
+
text-align: center;
|
|
123
|
+
}
|
|
124
|
+
.yAxisLabel {
|
|
125
|
+
position: absolute;
|
|
126
|
+
top: 50%;
|
|
127
|
+
left: 10px;
|
|
128
|
+
transform-origin: 0;
|
|
129
|
+
transform: rotateZ(270deg);
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
.legends {
|
|
133
|
+
display: flex;
|
|
134
|
+
align-items: center;
|
|
135
|
+
justify-content: center;
|
|
136
|
+
flex-wrap: wrap;
|
|
137
|
+
position: absolute;
|
|
138
|
+
top: 0;
|
|
139
|
+
right: 0;
|
|
140
|
+
|
|
141
|
+
.dgaui_chartLegend {
|
|
142
|
+
min-width: fit-content;
|
|
143
|
+
margin-inline-end: 16px;
|
|
144
|
+
}
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
.dgaui_barChartTooltip {
|
|
148
|
+
position: absolute;
|
|
149
|
+
padding: 16px;
|
|
150
|
+
z-index: 1;
|
|
151
|
+
background-color: #00000067;
|
|
152
|
+
border-radius: 8px;
|
|
153
|
+
box-shadow: 0 0 4px #00000088;
|
|
154
|
+
color: #fff;
|
|
155
|
+
font-weight: 500;
|
|
156
|
+
left: ${e=>e.$x}px;
|
|
157
|
+
top: ${e=>e.$y}px;
|
|
158
|
+
pointer-events: none;
|
|
159
|
+
width: max-content;
|
|
160
|
+
}
|
|
161
|
+
`;export{vn as BarChart,bn as LineChart,gn as PieChart};
|
|
107
162
|
//# sourceMappingURL=index.js.map
|