https://noji.io/library/_next/static/chunks/363.a13c26e21e28bffa.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[363],{14975:function(e,r,t){t.d(r,{p:function(){return n}});let n=15},10363:function(e,r,t){t.r(r),t.d(r,{Subheader:function(){return h}});var n=t(85893),s=t(15816),a=t(70484),l=t(98805),i=t(77460);t(67294);var o=t(34424),c=t(14975),u=t(90171),d=t(8862),f=t(92564);let g=e=>{let{colors:r,fonts:t}=e;return f.Z.create({container:{flex:1,flexDirection:"row",alignItems:"center",marginBottom:u.K.Five},labelContainer:{flexDirection:"row",paddingVertical:u.K.One,paddingHorizontal:u.K.Four,borderRadius:d.w.L,backgroundColor:r.system.onSurfaceVariant},learned:{...t.heading.h4,color:r.text.primary},total:{...t.heading.h4,color:r.text.disabled},progressContainer:{flex:1,marginLeft:u.K.Two}})};function h(e){let{progress:r}=e,t=(0,i.y)(g);return(0,n.jsxs)(o.Z,{style:t.container,children:[(0,n.jsxs)(o.Z,{style:t.labelContainer,children:[(0,n.jsx)(l.x,{style:t.learned,children:r.learned}),(0,n.jsxs)(l.x,{style:t.total,children:["/",r.total]})]}),(0,n.jsx)(o.Z,{style:t.progressContainer,children:(0,n.jsx)(s.$,{isRounded:!0,shouldSetMinWidth:!0,height:c.p,progress:r.percentage,type:a.l.progress})})]})}},15816:function(e,r,t){t.d(r,{$:function(){return k}});var n=t(85893),s=t(48479),a=t(77460),l=t(67294),i=t(81764),o=t(55735),c=t(34424),u=t(8862),d=t(90171),f=t(21682),g=t(92564),h=t(34489),p=t(70484);let m=(e,r,t)=>0===r||0===t?e:Math.max(e,Math.min(t/r,1)),y=e=>h.Pl&&e===p.l.progress||e===p.l.rating?1:.2,b=(e,r)=>{switch(e){case p.l.tint:return r.system.surface;case p.l.progress:return h.Pl?r.system.onSurfaceVariant:r.system.success;case p.l.black:case p.l.dark:return r.system.onSurfaceDisabled;case p.l.rating:return r.elements.outline}},x=(e,r)=>{switch(e){case p.l.tint:return r.system.surface;case p.l.progress:return r.system.success;case p.l.black:return r.constants.black;case p.l.dark:return r.system.onSurface;case p.l.rating:return r.colors.orange}},w=e=>{let{type:r,isRounded:t,height:n}=e;return e=>{let{colors:s}=e;return g.Z.create({container:{flexDirection:"row"},line:{width:"100%",backgroundColor:b(r,s),opacity:y(r),borderRadius:t?u.w.Full:u.w.None,height:n},filled:{position:"absolute",left:d.K.Zero,top:d.K.Zero,bottom:d.K.Zero,opacity:f.D.Ten,backgroundColor:x(r,s),borderRadius:t?u.w.Full:u.w.None,height:n,width:"100%",transformOrigin:"left center"}})}};function k(e){let{type:r=p.l.tint,progress:t,isRounded:u=!1,isOneWayAnimation:d,animationDuration:f=200,height:g=5,style:h,shouldSetMinWidth:y=!1}=e,[b,x]=(0,s.k)(),k=(0,l.useRef)(new i.Z.Value(t)).current,Z=(0,a.Y)(w,[{type:r,isRounded:u,height:g}]),j=m(t,b.width,y?u?g:4:0);return(0,l.useEffect)(()=>{let e=!1;return k.stopAnimation(r=>{e||i.Z.timing(k,{toValue:j,easing:o.Z.linear,duration:d&&r>j?0:f,useNativeDriver:!0}).start()}),()=>{e=!0,k.stopAnimation()}},[j,f,d,k]),(0,n.jsxs)(c.Z,{style:[Z.container,h],onLayout:x,children:[(0,n.jsx)(c.Z,{style:Z.line}),(0,n.jsx)(i.Z.View,{style:[Z.filled,{transform:[{scaleX:k}]}]})]})}},70484:function(e,r,t){var n,s;t.d(r,{l:function(){return n}}),(s=n||(n={}))[s.tint=0]="tint",s[s.dark=1]="dark",s[s.black=2]="black",s[s.progress=3]="progress",s[s.rating=4]="rating"}}]);