forked from Romeo-Rosete/EXCHANGE-SECURITY
-
-
Notifications
You must be signed in to change notification settings - Fork 1
/
28750-54f919f5fed705a.js.download
1 lines (1 loc) · 15.6 KB
/
28750-54f919f5fed705a.js.download
1
(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[28750],{28750:function(n,t,i){"use strict";i.d(t,{V:function(){return on},Z:function(){return cn}});var e=i(67557),r=i(62230),o=i(85244),c=i(98240),d=i(75190),a=i(52322),h=i(2784),l=i(49948),s=i(82740),u=i(96664),p=i(38789),f=i(5632),x=i(47726),g=i(87962),m=i(82226),w=i(29101),Z=i(57472),v=i(99355),y=i(68434),b=i(83434),j=i(38926),k=i.n(j),z=i(94184),C=i.n(z),S=i(48723),M=i(36860),_=i(78320),L=i(96805),P=i(6761),I=i(83691),A=i(11399),q=i(38485),N=i(37881),X=i(64722);function E(){var n=(0,d.Z)(["\n width: 100%;\n max-width: 100%;\n filter: ",";\n\n .scroll-menu-arrow {\n z-index: 1;\n transition: 0.3s ease;\n }\n\n .scroll-menu-arrow--disabled {\n opacity: 0;\n }\n\n .menu-item-wrapper {\n vertical-align: bottom;\n }\n .menu-item-wrapper:focus {\n outline: none !important;\n }\n\n .scroll-item-wrapper + .scroll-item-wrapper {\n margin-left: 8px;\n }\n"]);return E=function(){return n},n}function F(){var n=(0,d.Z)(["\n padding: 16px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 360px;\n height: 90px;\n border-radius: 8px;\n line-height: 1;\n background-color: var(--card-bg);\n\n & > "," {\n &:nth-of-type(1) {\n width: 55%;\n }\n\n &:nth-of-type(2) {\n width: 45%;\n }\n\n & > "," {\n &:nth-of-type(2) {\n font-size: 16px;\n }\n }\n }\n\n @media (max-width: ","px) {\n padding: 10px 12px;\n width: 240px;\n height: auto;\n font-size: 14px;\n\n & > "," {\n &:nth-of-type(1) {\n width: 60%;\n }\n\n &:nth-of-type(2) {\n width: 40%;\n }\n\n & > "," {\n &:nth-of-type(2) {\n font-size: 14px;\n }\n }\n }\n }\n"]);return F=function(){return n},n}function W(){var n=(0,d.Z)(["\n align-items: center;\n color: ",";\n display: inline-flex;\n font-size: 12px;\n font-weight: 600;\n line-height: 1;\n"]);return W=function(){return n},n}function D(){var n=(0,d.Z)(["\n width: 24px;\n height: 24px;\n border-radius: 12px;\n background-color: ",";\n color: ",";\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n"]);return D=function(){return n},n}function H(){var n=(0,d.Z)(["\n height: 100%;\n width: 0;\n overflow: visible;\n transform: ",";\n"]);return H=function(){return n},n}function B(){var n=(0,d.Z)(["\n width: 24px;\n height: 90px;\n display: flex;\n align-items: center;\n background-image: ",";\n"]);return B=function(){return n},n}var T=s.ZP.div.withConfig({componentId:"sc-4c324889-0"})(E(),(function(n){return n.theme.banner.shadow})),G=s.ZP.div.withConfig({componentId:"sc-4c324889-1"})(F(),_.Z,N.ZP,S.AV.XSMALL_MIN,_.Z,N.ZP),R=(0,s.ZP)(L.Z).withConfig({componentId:"sc-4c324889-2"})(W(),(function(n){var t=n.percentChange,i=n.theme;return t<0?i.colors.red:t>0?i.colors.green:i.colors.text})),U=s.ZP.div.withConfig({componentId:"sc-4c324889-3"})(D(),(function(n){return n.theme.isDay?n.theme.colors.neutral4:n.theme.colors.darks[3]}),(function(n){return n.theme.isDay?"#FFF":n.theme.colors.neutral6})),V=s.ZP.div.withConfig({componentId:"sc-4c324889-4"})(H(),(function(n){return n.right?"translate(-24px, 0)":"none"})),Y=s.ZP.div.withConfig({componentId:"sc-4c324889-5"})(B(),(function(n){var t=n.theme.isDay?"#FFF":n.theme.colors.darks[1];return n.right?"linear-gradient(to left, ".concat(t,", rgba(255, 255, 255, 0))"):"linear-gradient(to right, ".concat(t,", rgba(255, 255, 255, 0))")})),$=(0,a.jsx)(V,{children:(0,a.jsx)(Y,{children:(0,a.jsx)(U,{children:(0,a.jsx)(P.Z,{size:"18px"})})})}),J=(0,a.jsx)(V,{right:!0,children:(0,a.jsx)(Y,{right:!0,children:(0,a.jsx)(U,{children:(0,a.jsx)(I.Z,{size:"18px"})})})});var O=function(n){var t=n.percentChange;if(!t)return null;var i=t<0?A.Z:q.Z;return(0,a.jsxs)(R,{percentChange:t,children:[0!==t&&(0,a.jsx)(i,{color:t>=0?"green":"red",size:"12px"}),(0,a.jsx)(N.ZP,{ml:"2px",as:"span",fontSize:"12px",color:t>=0?"green":"red",children:Math.abs(t.toFixed(2))+"%"})]})};function Q(n){var t=n.data,i=(0,g.$G)().t;return(0,a.jsx)(T,{children:(0,a.jsx)(k(),{data:t.map((function(n,t){var e=n.graphUrl||"";return(0,a.jsxs)(G,{children:[(0,a.jsxs)(_.Z,{display:"flex",flexDirection:"column",children:[(0,a.jsx)(N.ZP,{as:"span",color:"neutral6",fontSize:"12px",lineHeight:"1",children:i(n.title)}),(0,a.jsx)(N.ZP,{as:"span",fontWeight:"600",children:(0,M.useCurrencyFormatter)(n.value,{decimal:0})}),(0,a.jsx)(_.Z,{mt:"1px",children:(0,a.jsx)(O,{percentChange:n.percentChange})})]}),(0,a.jsx)(_.Z,{children:""!==e&&(0,a.jsx)(X.Yt,{isUp:n.percentChange>=0,src:e,alt:"price-graph",width:"100%",style:{pointerEvents:"none"}})})]},t)})),itemClass:C()("menu-item-wrapper","scroll-item-wrapper"),arrowLeft:$,arrowRight:J,hideSingleArrow:!0,hideArrows:!0,clickWhenDrag:!1,alignCenter:!1})})}var K=i(17093),nn=i.n(K);function tn(){var n=(0,d.Z)(["\n display: inline-block;\n font-size: ",";\n text-decoration: underline;\n cursor: pointer;\n color: ",";\n\n "," {\n font-size: ",";\n }\n"]);return tn=function(){return n},n}var en=(0,s.ZP)(y.Z).withConfig({componentId:"sc-c110e118-0"})(tn(),p.fontSize100,p.colorGray500,u[p.mqLg].down,p.fontSize75);function rn(n){var t=n.children,i=n.onClick,e=n.style;return(0,a.jsx)(en,{onClick:i,style:e,children:t})}var on={promo:"promo",stats:"stats"};var cn=(0,m.$)((function(n){var t,i=n.beforeTitle,d=n.title,s=n.description,m=n.moreContent,j=n.boardType,k=void 0===j?on.promo:j,z=n.statsCardsData,C=void 0===z?[]:z,S=(n.hideCards,n.isStyleBlackbox),M=void 0!==S&&S,_=(0,c.Z)(n,["beforeTitle","title","description","moreContent","boardType","statsCardsData","hideCards","isStyleBlackbox"]),L=(0,h.useState)(!0),P=L[0],I=L[1],A=(0,g.$G)().t,q=A(P?"Read More":"Read Less"),N=(0,f.useRouter)(),X=((0,l.useSelector)(x.Qy),N.pathname.startsWith("/watchlist"),["/","/coins","/tokens"].includes(N.pathname),(0,h.useCallback)((function(){I((function(n){return v.Z.sendEvent({category:"Read More",action:n?"Expanded":"Collapsed",label:"top section"}),!n}))}),[])),E=(0,w.qL)().language,F=M?null:[1,4],W=M?null:[1,4],D=M?{}:(t={},(0,e.Z)(t,u[p.mqMd].down,{paddingTop:p.space200,paddingBottom:p.space200}),(0,e.Z)(t,"paddingTop","24px"),(0,e.Z)(t,"paddingBottom","24px"),t),H=(0,a.jsxs)("div",{className:nn()["des-content"],children:[s?"string"===typeof s?(0,a.jsxs)(b.Z,{color:"textSecondary",dir:"auto",children:[s,"\xa0"]}):(0,a.jsxs)("div",{className:nn()["normal-des"],children:[s,"\xa0"]}):null,(0,a.jsx)("div",{style:{display:P?"none":"inline"},children:(0,a.jsx)(b.Z,{color:"textSecondary",dir:"auto",children:m})}),m?(0,a.jsx)(rn,{onClick:X,children:q}):null]});return(0,a.jsxs)(y.Z,(0,o.Z)((0,r.Z)({as:"section",display:"flex",flexDirection:["column",null,"row"],pt:F,pb:W,style:{width:"100%"}},_),{children:[(0,a.jsxs)(y.Z,{sx:D,children:[i,(0,a.jsx)(b.Z,{textType:"heading-xl",as:"h1",className:nn()["main-title"],children:(0,a.jsx)("span",{dir:"auto",children:d})}),H]}),!(0,Z.yx)(E)&&k===on.stats&&(0,a.jsx)(y.Z,(0,o.Z)((0,r.Z)({},{id:"cmc-slot--leaderboard-top"}),{children:(0,a.jsx)(Q,{data:C})}))]}))}))},64722:function(n,t,i){"use strict";i.d(t,{$A:function(){return P},AS:function(){return M},FH:function(){return E},UN:function(){return N},WW:function(){return L},Yt:function(){return S},am:function(){return q},bM:function(){return I},lu:function(){return A},oY:function(){return z},sE:function(){return X},y6:function(){return _}});var e=i(62230),r=i(85244),o=i(75190),c=i(52322),d=i(2784),a=i(82740),h=i(96664),l=i(38789),s=i(87681),u=i(31535);function p(){var n=(0,o.Z)(["\n .table-wrap tbody td {\n white-space: normal;\n }\n"]);return p=function(){return n},n}function f(){var n=(0,o.Z)(["\n width: 164px;\n height: 48px;\n text-align: center;\n box-sizing: content-box;\n padding-top: 2px;\n padding-bottom: 3px;\n filter: hue-rotate(300deg) saturate(210%) brightness(0.7) contrast(170%);\n &.isUp {\n filter: hue-rotate(85deg) saturate(80%) brightness(0.85);\n }\n\n /* filter: ","; */\n\n @media (max-width: ","px) {\n width: 19.4vw;\n height: 7.8vw;\n }\n"]);return f=function(){return n},n}function x(){var n=(0,o.Z)(["\n width: 100%;\n height: 100%;\n margin: 0px;\n padding-top: 0px;\n padding-bottom: 0px;\n vertical-align: bottom;\n"]);return x=function(){return n},n}function g(){var n=(0,o.Z)(["\n && {\n ","\n }\n"]);return g=function(){return n},n}function m(){var n=(0,o.Z)(["\n margin: auto;\n font-size: 14px;\n width: 100%;\n isolation: isolate;\n\n thead {\n position: sticky;\n z-index: 120;\n\n th {\n background-color: ",";\n }\n }\n\n tr:not(:only-child):hover > td {\n background-color: ",";\n }\n\n td {\n text-align: right;\n font-weight: 500;\n white-space: nowrap;\n }\n\n td[colspan] {\n text-align: center !important;\n padding: 8px !important;\n }\n\n th,\n td {\n border-bottom: 1px solid ",";\n padding: 10px;\n background-color: ",";\n }\n\n th {\n border-top: 1px solid ",";\n padding: 11px 10px;\n text-align: right;\n z-index: 99;\n font-size: 12px;\n\n &:hover {\n z-index: 100;\n }\n }\n\n > tbody > tr:only-child > td:only-child {\n padding: 0;\n }\n\n th:nth-child(1),\n th:nth-child(2),\n th:nth-child(3),\n td:nth-child(1),\n td:nth-child(2),\n td:nth-child(3) {\n text-align: left;\n }\n\n tbody tr {\n content-visibility: auto;\n contain-intrinsic-size: 60px;\n }\n\n && {\n ","\n }\n"]);return m=function(){return n},n}function w(){var n=(0,o.Z)(["\n overflow-x: clip;\n"]);return w=function(){return n},n}function Z(){var n=(0,o.Z)(["\n th {\n position: sticky;\n top: 0;\n white-space: nowrap;\n }\n\n th:nth-child(1),\n td:nth-child(1) {\n position: sticky;\n left: 0px;\n z-index: 102;\n min-width: 36px;\n padding-top: 12px; // better align watchlist star\n }\n\n th:nth-child(2),\n td:nth-child(2) {\n position: sticky;\n left: 36px;\n z-index: 101;\n }\n\n th:nth-child(3),\n td:nth-child(3) {\n position: sticky;\n left: 71px;\n z-index: 101;\n white-space: initial;\n }\n\n td:nth-child(4) {\n min-width: 8em;\n }\n\n @media (min-width: ","px) {\n "," {\n th:nth-child(1),\n td:nth-child(1) {\n position: sticky;\n left: -5px;\n z-index: 100;\n }\n\n th:nth-child(2),\n td:nth-child(2) {\n position: sticky;\n left: 28px;\n z-index: 100;\n }\n\n th:nth-child(3),\n td:nth-child(3) {\n position: sticky;\n left: 63px;\n z-index: 100;\n }\n }\n }\n\n "," {\n th,\n td {\n padding: 10px 4px;\n img {\n z-index: 30;\n }\n }\n th:nth-child(1),\n td:nth-child(1) {\n position: sticky;\n left: 0px;\n z-index: 102;\n }\n th:nth-child(2),\n td:nth-child(2) {\n position: sticky;\n left: 20px;\n z-index: 100;\n }\n th:nth-child(3),\n td:nth-child(3) {\n position: sticky;\n left: 45px;\n z-index: 100;\n }\n\n Cards [class^='PercentageBar__PercentageOuter'] {\n z-index: 30;\n }\n }\n"]);return Z=function(){return n},n}function v(){var n=(0,o.Z)(["\n "," {\n th:nth-child(2),\n td:nth-child(2) {\n display: table-cell;\n left: 28px;\n }\n th:nth-child(3),\n td:nth-child(3) {\n display: table-cell;\n left: 55px;\n }\n }\n\n @media (max-width: ","px) {\n font-size: ",";\n\n th,\n td {\n padding: 10px 3px;\n }\n\n th:nth-child(1),\n td:nth-child(1) {\n min-width: 18px;\n }\n\n th:nth-child(2),\n td:nth-child(2) {\n left: 19px;\n\n > p {\n font-size: 10px;\n text-align: center;\n }\n }\n\n th:nth-child(3),\n td:nth-child(3) {\n left: 49px;\n\n p {\n font-size: ",";\n }\n }\n\n td:nth-child(4) {\n min-width: unset;\n }\n }\n"]);return v=function(){return n},n}function y(){var n=(0,o.Z)(["\n th {\n position: sticky;\n top: 0;\n }\n\n "," {\n th:nth-child(2),\n td:nth-child(2) {\n position: sticky;\n left: 0px;\n z-index: 100;\n white-space: initial;\n }\n td:nth-child(2):hover {\n z-index: 101;\n }\n }\n}"]);return y=function(){return n},n}function b(){var n=(0,o.Z)(["\n white-space: nowrap;\n\n "," {\n overflow-x: clip;\n }\n"]);return b=function(){return n},n}function j(){var n=(0,o.Z)(["\n "," {\n overflow-x: clip;\n }\n"]);return j=function(){return n},n}function k(){var n=(0,o.Z)(["\n th {\n position: sticky;\n top: 0;\n }\n\n td:nth-child(1) {\n width: 33px;\n }\n\n "," {\n th:nth-child(1),\n td:nth-child(1) {\n position: sticky;\n left: 0px;\n z-index: 100;\n white-space: initial;\n }\n th:nth-child(2),\n td:nth-child(2) {\n position: sticky;\n left: 32px;\n z-index: 100;\n white-space: initial;\n }\n\n th:nth-child(3),\n td:nth-child(3) {\n position: sticky;\n left: 70px;\n z-index: 100;\n white-space: initial;\n }\n }\n\n "," {\n th:nth-child(1),\n td:nth-child(1) {\n display: none;\n }\n th:nth-child(2),\n td:nth-child(2) {\n display: none;\n }\n th:nth-child(3),\n td:nth-child(3) {\n left: 0;\n }\n }\n"]);return k=function(){return n},n}var z=(0,a.vJ)(p()),C=a.ZP.img.withConfig({componentId:"sc-14cb040a-0"})(f(),(function(n){return n.isUp?"hue-rotate(85deg) saturate(80%) brightness(0.85)":"hue-rotate(300deg) saturate(210%) brightness(0.7) contrast(170%)"}),s.AV.XSMALL_MIN),S=function(n){var t=(0,d.useState)(!0),i=t[0],o=t[1],a=n.src;return(0,d.useEffect)((function(){var n=new Image;n.src=a,n.onerror=function(){o(!1)}}),[a]),i?(0,c.jsx)(C,(0,r.Z)((0,e.Z)({},n),{onError:function(){o(!1)}})):(0,c.jsx)(u.YM,{children:"--"})},M=(0,a.ZP)(S).withConfig({componentId:"sc-14cb040a-1"})(x()),_=a.ZP.div.withConfig({componentId:"sc-14cb040a-2"})(g(),(function(n){return n.addCSS})),L=a.ZP.table.withConfig({componentId:"sc-14cb040a-3"})(m(),l.colorBackground2,l.colorGray100,l.colorGray200,l.colorBackground2,l.colorGray200,(function(n){return n.addCSS})),P=(0,a.iv)(w()),I=(0,a.iv)(Z(),s.AV.XSMALL_MIN,h[l.mqXl].down,h[l.mqMd].down),A=(0,a.iv)(v(),h[l.mqMd].down,s.AV.XXSMALL_MIN,l.fontSize75,l.fontSize50),q=(0,a.iv)(y(),h[l.mqXl].down),N=(0,a.iv)(b(),h[l.mqXl].down),X=(0,a.iv)(j(),h[l.mqXl].down),E=(0,a.iv)(k(),h[l.mqXl].down,h[l.mqMd].down)},96805:function(n,t,i){"use strict";var e=i(62230),r=i(52322),o=(i(2784),i(37881));t.Z=function(n){return(0,r.jsx)(o.ZP,(0,e.Z)({as:"span",fontSize:"11px",lineHeight:1,fontWeight:"regular"},n))}},11399:function(n,t,i){"use strict";var e=i(62230),r=i(85244),o=i(52322),c=(i(2784),i(69591));t.Z=function(n){return(0,o.jsx)(c.Z,(0,r.Z)((0,e.Z)({},n),{children:(0,o.jsx)("path",{d:"M18.0566 8H5.94336C5.10459 8 4.68455 9.02183 5.27763 9.61943L11.3343 15.7222C11.7019 16.0926 12.2981 16.0926 12.6657 15.7222L18.7223 9.61943C19.3155 9.02183 18.8954 8 18.0566 8Z"})}))}},38485:function(n,t,i){"use strict";var e=i(62230),r=i(85244),o=i(52322),c=(i(2784),i(69591));t.Z=function(n){return(0,o.jsx)(c.Z,(0,r.Z)((0,e.Z)({},n),{children:(0,o.jsx)("path",{d:"M18.0566 16H5.94336C5.10459 16 4.68455 14.9782 5.27763 14.3806L11.3343 8.27783C11.7019 7.90739 12.2981 7.90739 12.6657 8.27783L18.7223 14.3806C19.3155 14.9782 18.8954 16 18.0566 16Z"})}))}},6761:function(n,t,i){"use strict";var e=i(62230),r=i(85244),o=i(52322),c=(i(2784),i(69591));t.Z=function(n){return(0,o.jsx)(c.Z,(0,r.Z)((0,e.Z)({fill:"none"},n),{children:(0,o.jsx)("path",{d:"M15 6L9 12L15 18",stroke:"currentColor",strokeWidth:"2",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"})}))}},17093:function(n){n.exports={"main-title":"SummaryHeader_main-title__Y_W3w","des-content":"SummaryHeader_des-content__En7s_","normal-des":"SummaryHeader_normal-des__hhWcs"}}}]);