"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[714],{4866:function(e,n,t){t.d(n,{v:function(){return c}});var o=t(85893),r=t(25115),i=t(28641),a=t(85657);t(67294);function c(){return(0,o.jsxs)(r.xv,{_hover:{textDecoration:"none",color:"blue.700","& .new-badge":{bg:"blue.700"}},as:r.rU,href:i.url.youtube,d:"block",target:"_blank",color:"red.700",fontSize:"sm",mb:"10px",fontWeight:500,onClick:function(){return(0,a.B)({category:"Subscription",action:"Clicked the YouTube banner",label:"YouTube Alert on Roadmap"})},children:[(0,o.jsx)(r.Ct,{transition:"all 300ms",className:"new-badge",mr:"7px",colorScheme:"red",variant:"solid",children:"New"}),(0,o.jsx)(r.xv,{textDecoration:"underline",as:"span",d:["none","inline"],children:"Roadmap topics to be covered on our YouTube Channel"}),(0,o.jsx)(r.xv,{textDecoration:"underline",as:"span",d:["inline","none"],children:"Topic videos being made on YouTube"}),(0,o.jsx)(r.xv,{as:"span",ml:"5px",children:"\xbb"})]})}},91177:function(e,n,t){t.d(n,{h:function(){return s}});var o=t(85893),r=t(81436),i=t(4866),a=t(25115),c=t(15193),l=t(71277);t(67294);function s(e){var n=e.roadmap;return(0,o.jsx)(a.xu,{pt:["25px","20px","45px"],pb:["20px","15px","30px"],borderBottomWidth:1,mb:"30px",children:(0,o.jsxs)(a.W2,{maxW:"container.md",position:"relative",children:[(0,o.jsx)(i.v,{}),(0,o.jsx)(a.X6,{as:"h1",color:"black",fontSize:["28px","33px","40px"],fontWeight:700,mb:["2px","2px","5px"],children:n.title}),(0,o.jsx)(a.xv,{fontSize:["13px","14px","15px"],children:n.description}),(0,o.jsx)(a.kC,{justifyContent:"space-between",alignItems:"center",mt:"20px",children:(0,o.jsxs)(a.Kq,{isInline:!0,children:[(0,o.jsxs)(c.zx,{d:["flex","flex"],as:a.rU,href:"/roadmaps",size:"xs",py:"14px",px:"10px",colorScheme:"teal",variant:"solid",_hover:{textDecoration:"none"},children:["\u2190",(0,o.jsx)(a.xv,{as:"span",d:["none","inline"],ml:"5px",children:"All Roadmaps"})]}),n.pdfUrl&&(0,o.jsx)(c.zx,{as:a.rU,href:n.pdfUrl,target:"_blank",size:"xs",py:"14px",px:"10px",leftIcon:(0,o.jsx)(l._8,{}),colorScheme:"yellow",variant:"solid",_hover:{textDecoration:"none"},children:"Download"}),(0,o.jsx)(c.zx,{as:a.rU,href:"/signup",size:"xs",py:"14px",px:"10px",variant:"solid",colorScheme:"yellow",leftIcon:(0,o.jsx)(l.Km,{}),_hover:{textDecoration:"none"},children:"Subscribe"})]})}),(0,r.FJ)(n.id)&&(0,o.jsxs)(a.xv,{mt:"30px",mb:["-37px","-32px","-47px"],fontWeight:500,fontSize:"14px",bg:"white",borderWidth:1,p:"5px 7px",rounded:"3px",children:[(0,o.jsx)(a.Ct,{pos:"relative",top:"-1px",mr:"6px",colorScheme:"yellow",children:"New"}),"Resources are here, try clicking any nodes."]})]})})}},81436:function(e,n,t){t.d(n,{FJ:function(){return o}});t(1662);function o(e){return["frontend","backend"].includes(e)}},2903:function(e,n,t){t.r(n),t.d(n,{__N_SSG:function(){return g},default:function(){return y}});var o=t(85893),r=t(25115),i=t(11739),a=t(82438),c=t(1832),l=t(80600),s=t(16673),d=t(92348),u=t(80202),p=(t(67294),t(71277)),f=t(28641),x=t(15193);function v(e){var n=e.href;return(0,o.jsxs)(r.xu,{my:"30px",children:[(0,o.jsx)(r.iz,{mb:"15px",orientation:"horizontal"}),(0,o.jsx)(r.xv,{lineHeight:"23px",fontWeight:500,fontSize:"14px",color:"gray.500",mb:"10px",children:"This page is a work in progress. Help us by writing a small introduction to the topic and suggesting a few links to read more about this topic."}),(0,o.jsx)(x.zx,{size:"sm",py:"20px",as:r.rU,href:n,target:"_blank",isFullWidth:!0,colorScheme:"gray",_hover:{textDecoration:"none",bg:"gray.200"},children:"Edit this Page"})]})}function h(e){var n=e.roadmap,i=e.group;if(!n.contentPathsFilePath)return null;var a=n.contentPathsFilePath.replace(/^\//,""),c=(t(79280)("./".concat(a))[i]||"").replace(/^\//,""),l=t(79280)("./".concat(c)).default;return(0,o.jsx)(r.xu,{children:(0,o.jsxs)(d.Z,{children:[(0,o.jsx)(l,{}),(0,o.jsx)(v,{href:"".concat(f.url.repoData,"/").concat(c)})]})})}function m(e){var n=e.roadmap,t=e.group.split(":");return(0,o.jsxs)(i.aG,{fontWeight:"medium",fontSize:"sm",separator:(0,o.jsx)(p.XC,{color:"gray.500"}),children:[(0,o.jsx)(i.gN,{children:(0,o.jsx)(i.At,{color:"blue.500",href:"/".concat(n.id),children:n.featuredTitle})}),t.map((function(e,r){return(0,o.jsx)(i.gN,{isCurrentPage:r===t.length-1,children:(0,o.jsx)(i.At,{textTransform:"capitalize",color:"blue.500",href:"/".concat(n.id,"/").concat(t.slice(0,r+1).join(":")),children:e.split("-").join(" ")})},e)}))]})}var g=!0;function y(e){var n,t,i=e.roadmap,d=e.group,p=e.isOutlet;return void 0!==p&&p?(0,o.jsx)(h,{roadmap:i,group:d}):(0,o.jsxs)(r.xu,{bg:"white",minH:"100vh",children:[(0,o.jsx)(a.e,{}),(0,o.jsx)(u.Z,{title:(null===i||void 0===i||null===(n=i.seo)||void 0===n?void 0:n.title)||i.title,description:(null===i||void 0===i||null===(t=i.seo)||void 0===t?void 0:t.description)||i.description,keywords:(null===i||void 0===i?void 0:i.seo.keywords)||[]}),(0,o.jsxs)(r.W2,{my:"60px",maxW:"container.md",position:"relative",children:[(0,o.jsx)(m,{roadmap:i,group:d}),(0,o.jsx)(h,{roadmap:i,group:d})]}),(0,o.jsx)(c.z,{}),(0,o.jsx)(l.q,{}),(0,o.jsx)(s.$,{})]})}},11714:function(e,n,t){t.r(n),t.d(n,{InteractiveRoadmapRenderer:function(){return A},__N_SSG:function(){return L},default:function(){return N}});var o=t(85893),r=t(62730),i=t(67294),a=t(25115),c=t(82438),l=t(1832),s=t(80600),d=t(16673),u=t(80202),p=t(28520),f=t.n(p);function x(e){var n=document.querySelectorAll('[data-group-id$="-'.concat(e,'"]')),t=[];return n.forEach((function(n){var o,r=(null===n||void 0===n||null===(o=n.dataset)||void 0===o?void 0:o.groupId)||"";new RegExp("^\\d+-".concat(e,"$")).test(r)&&t.push(n)})),t}function v(e){return(e||"").replace(/^\d+-/,"")}function h(e,n,t){var o=void 0===n?{}:n,r=document.createElementNS("http://www.w3.org/2000/svg",e);for(var i in o)o.hasOwnProperty(i)&&r.setAttribute(i,o[i]);return t&&t.appendChild(r),r}var m=2.7,g={black:["#000"],gray:["#000","#333","#666","#999","#ccc","#ddd","#eee"],white:["#fff"],red:["#cf2a27","#ea9999","#eo6666","#cc0000","#990000","#660000"],orange:["#ff9900","#f9cb9c","#f6b26b","#e69138","#b45f06","#783f04"],yellow:["#ffff00","#ffe599","#ffd966","#f1c232","#bf9000","#7f6000"],green:["#009e0f","#b6d7a8","#93c47d","#6aa84f","#38761d","#274e13"],cyan:["#00ffff","#a2c4c9","#76a5af","#45818e","#134f5c","#0c343d"],blue:["#2b78e4","#9fc5f8","#6fa8dc","#597eaa","#085394","#073763"],purple:["#9900ff","#b4a7d6","#8e7cc3","#674ea7","#351c75","#20124d"],pink:["#ff00ff","#d5a6bd","#c27ba0","#a64d79","#741b47","#4c1130"]};function y(e,n){for(var t=0;t>8&255,t=255&e;return"rgb(".concat(e>>16&255,",").concat(n,",").concat(t,")")}(e)}},{key:"parseFontProperties",value:function(e){var n,t,o;return{style:(null===(n=e.properties)||void 0===n?void 0:n.italic)?"italic":"normal",weight:(null===(t=e.properties)||void 0===t?void 0:t.bold)?"bold":"normal",size:(null===(o=e.properties)||void 0===o?void 0:o.size)?e.properties.size+"px":"13px",family:this.fontFamily}}},{key:"measureText",value:function(e,n){return this.canvasRenderingContext2D.font=n,this.canvasRenderingContext2D.measureText(e)}},{key:"drawRectangle",value:function(e,n){var t,o,r,i,a,c;h("rect",{x:parseInt(e.x)+1.35,y:parseInt(e.y)+1.35,width:parseInt(null!==(i=e.w)&&void 0!==i?i:e.measuredW)-m,height:parseInt(null!==(a=e.h)&&void 0!==a?a:e.measuredH)-m,rx:2,fill:this.parseColor(null===(t=e.properties)||void 0===t?void 0:t.color,"255,255,255"),"fill-opacity":null!==(c=null===(o=e.properties)||void 0===o?void 0:o.backgroundAlpha)&&void 0!==c?c:1,stroke:this.parseColor(null===(r=e.properties)||void 0===r?void 0:r.borderColor,"0,0,0"),"stroke-width":m},n)}},{key:"addText",value:function(e,n,t,o){var r,i,a=null!==(r=e.properties.text)&&void 0!==r?r:"",c=parseInt(e.x),l=parseInt(e.y),s=this.parseFontProperties(e),d=this.measureText(a,"".concat(s.style," ").concat(s.weight," ").concat(s.size," ").concat(s.family)),u=h("text",{x:"center"===o?c+(null!==(i=e.w)&&void 0!==i?i:e.measuredW)/2-d.width/2:c,y:l+e.measuredH/2+d.actualBoundingBoxAscent/2,fill:t,"font-style":s.style,"font-weight":s.weight,"font-size":s.size},n);a.includes("{color:")?a.split(/{color:|{color}/).forEach((function(e){if(e.includes("}")){var n=j(e.split("}"),2),t=n[0],o=n[1];if(!t.startsWith("#")){var r=parseInt(t.slice(-1));t=isNaN(r)?g[t][0]:g[t][r]}h("tspan",{fill:t},u).textContent=o}else h("tspan",{},u).textContent=e})):h("tspan",{},u).textContent=a}},{key:"TextArea",value:function(e,n){this.drawRectangle(e,n)}},{key:"Canvas",value:function(e,n){this.drawRectangle(e,n)}},{key:"Label",value:function(e,n){var t;this.addText(e,n,this.parseColor(null===(t=e.properties)||void 0===t?void 0:t.color,"0,0,0"),"left")}},{key:"TextInput",value:function(e,n){var t;this.drawRectangle(e,n),this.addText(e,n,this.parseColor(null===(t=e.properties)||void 0===t?void 0:t.textColor,"0,0,0"),"center")}},{key:"Arrow",value:function(e,n){var t,o,r,i,a=parseInt(e.x),c=parseInt(e.y),l=e.properties,s=l.p0,d=l.p1,u=l.p2;"dotted"===(null===(t=e.properties)||void 0===t?void 0:t.stroke)?i="0.8 12":"dashed"===(null===(o=e.properties)||void 0===o?void 0:o.stroke)&&(i="28 46");var p=(u.x-s.x)*d.x,f=(u.y-s.y)*d.x;h("path",{d:"M".concat(a+s.x," ").concat(c+s.y,"Q").concat(a+s.x+p+f*d.y*3.6," ").concat(c+s.y+f+-p*d.y*3.6," ").concat(a+u.x," ").concat(c+u.y),fill:"none",stroke:this.parseColor(null===(r=e.properties)||void 0===r?void 0:r.color,"0,0,0"),"stroke-width":4,"stroke-linecap":"round","stroke-linejoin":"round","stroke-dasharray":i},n)}},{key:"Icon",value:function(e,n){var t,o=parseInt(e.x),r=parseInt(e.y),i=10;h("circle",{cx:o+i,cy:r+i,r:i,fill:this.parseColor(null===(t=e.properties)||void 0===t?void 0:t.color,"0,0,0")},n),"check-circle"===e.properties.icon.ID&&h("path",{d:"M".concat(o+4.5," ").concat(r+i,"L").concat(o+8.5," ").concat(r+i+4," ").concat(o+15," ").concat(r+i-2.5),fill:"none",stroke:"#fff","stroke-width":3.5,"stroke-linecap":"round","stroke-linejoin":"round"},n)}},{key:"HRule",value:function(e,n){var t,o,r,i,a,c=parseInt(e.x),l=parseInt(e.y);"dotted"===(null===(t=e.properties)||void 0===t?void 0:t.stroke)?i="0.8, 8":"dashed"===(null===(o=e.properties)||void 0===o?void 0:o.stroke)&&(i="18, 30"),h("path",{d:"M".concat(c," ").concat(l,"L").concat(c+parseInt(null!==(a=e.w)&&void 0!==a?a:e.measuredW)," ").concat(l),fill:"none",stroke:this.parseColor(null===(r=e.properties)||void 0===r?void 0:r.color,"0,0,0"),"stroke-width":m,"stroke-linecap":"round","stroke-linejoin":"round","stroke-dasharray":i},n)}},{key:"__group__",value:function(e,n){var t,o=this,r=null===e||void 0===e||null===(t=e.properties)||void 0===t?void 0:t.controlName,i=v(r),a="done"===localStorage.getItem(i),c=h("g",function(e){for(var n=1;n