https://scalr.com/_next/static/chunks/app/(landing)/learning-cente…?dpl=dpl_6U7QJf3xbroG3xCpBLZUfs81gBDU

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[37760],{4339:(e,r,s)=>{"use strict";s.d(r,{SearchPalette:()=>a});var n=s(95155),i=s(20063),t=s(12115),o=s(47650);let l=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],d=e=>e.toLowerCase().normalize("NFKD").replace(/[̀-ͯ]/g,"");function a(e){let{items:r,clusters:s,total:a,fontClass:c}=e,h=(0,i.useRouter)(),[m,v]=(0,t.useState)(!1),[b,P]=(0,t.useState)(""),[u,p]=(0,t.useState)(0),[f,x]=(0,t.useState)(!1),y=(0,t.useRef)(null),g=(0,t.useRef)(null),j=(0,t.useRef)(null),_=(0,t.useMemo)(()=>{let e=d(b.trim());if(!e)return r.filter(e=>"p"===e.y).slice(0,8);let n=e.split(/\s+/);return r.map(r=>({item:r,s:function(e,r,s,n){let i=d(e.t),t=d(n[e.c]||""),o=0;for(let e of(i.startsWith(r)?o+=60:i.includes(r)&&(o+=30),s)){if(!e)continue;let r=i.indexOf(e);if(r>=0)o+=0===r||" "===i[r-1]?14:8;else{if(!t.includes(e))return 0;o+=3}}return"p"===e.y&&(o+=4),o}(r,e,n,s)})).filter(e=>e.s>0).sort((e,r)=>r.s-e.s||(e.item.d<r.item.d?1:-1)).slice(0,12).map(e=>e.item)},[b,r,s]),w=(0,t.useCallback)(()=>{var e;v(!1),P(""),p(0),null==(e=g.current)||e.focus()},[]);(0,t.useEffect)(()=>{let e=e=>{if((e.metaKey||e.ctrlKey)&&"k"===e.key.toLowerCase())e.preventDefault(),m?w():v(!0);else if("/"!==e.key||m||e.metaKey||e.ctrlKey||e.altKey)"Escape"===e.key&&m&&(e.preventDefault(),w());else{let r=e.target;if(r&&(["INPUT","TEXTAREA","SELECT"].includes(r.tagName)||r.isContentEditable))return;e.preventDefault(),v(!0)}};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[m,w]),(0,t.useEffect)(()=>{if(!m)return;document.body.classList.add("lc-lock");let e=setTimeout(()=>{var e;return null==(e=y.current)?void 0:e.focus()},30);return()=>{document.body.classList.remove("lc-lock"),clearTimeout(e)}},[m]),(0,t.useEffect)(()=>{x(/Mac|iPhone|iPad/.test(navigator.platform))},[]),(0,t.useEffect)(()=>{p(0)},[b]),(0,t.useEffect)(()=>{var e;let r=null==(e=j.current)?void 0:e.querySelector('[data-index="'.concat(u,'"]'));null==r||r.scrollIntoView({block:"nearest"})},[u]);let k=e=>{v(!1),P(""),h.push("/learning-center/".concat(e))};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)("button",{ref:g,type:"button",className:"lc-search",onClick:()=>v(!0),"aria-haspopup":"dialog","aria-expanded":m,children:[(0,n.jsxs)("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",children:[(0,n.jsx)("circle",{cx:"11",cy:"11",r:"7",stroke:"currentColor",strokeWidth:"2"}),(0,n.jsx)("path",{d:"M20 20l-3.5-3.5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"})]}),(0,n.jsxs)("span",{children:["Search ",a," articles"]}),(0,n.jsxs)("span",{className:"lc-search__kbd","aria-hidden":"true",children:[f?"⌘":"Ctrl"," K"]})]}),m&&(0,o.createPortal)((0,n.jsx)("div",{className:"lc lc-palette ".concat(c),role:"presentation",onMouseDown:e=>{e.target===e.currentTarget&&w()},children:(0,n.jsxs)("div",{className:"lc-palette__panel",role:"dialog","aria-modal":"true","aria-label":"Search the learning center",children:[(0,n.jsxs)("div",{className:"lc-palette__head",children:[(0,n.jsxs)("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",children:[(0,n.jsx)("circle",{cx:"11",cy:"11",r:"7",stroke:"currentColor",strokeWidth:"2"}),(0,n.jsx)("path",{d:"M20 20l-3.5-3.5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"})]}),(0,n.jsx)("input",{ref:y,className:"lc-palette__input",type:"search",inputMode:"search",autoComplete:"off",spellCheck:!1,placeholder:"Search guides and articles",value:b,onChange:e=>P(e.target.value),onKeyDown:e=>{"ArrowDown"===e.key?(e.preventDefault(),p(e=>Math.min(_.length-1,e+1))):"ArrowUp"===e.key?(e.preventDefault(),p(e=>Math.max(0,e-1))):"Enter"===e.key&&_[u]&&(e.preventDefault(),k(_[u].s))},"aria-label":"Search","aria-controls":"lc-search-results","aria-activedescendant":_[u]?"lc-r-".concat(_[u].s):void 0}),(0,n.jsx)("button",{type:"button",className:"lc-palette__close",onClick:w,children:"Close"})]}),(0,n.jsxs)("ul",{className:"lc-palette__list",id:"lc-search-results",role:"listbox",ref:j,children:[!b.trim()&&(0,n.jsx)("li",{className:"lc-palette__label lc-label",role:"presentation",children:"Guides"}),_.map((e,r)=>(0,n.jsx)("li",{id:"lc-r-".concat(e.s),className:"lc-palette__item",role:"option","aria-selected":r===u,"data-active":r===u,"data-index":r,onMouseEnter:()=>p(r),children:(0,n.jsxs)("a",{href:"/learning-center/".concat(e.s),onClick:r=>{r.preventDefault(),k(e.s)},children:[(0,n.jsx)("span",{className:"lc-mark ".concat("p"===e.y?"lc-mark--guide":"lc-mark--article"),"aria-hidden":"true"}),(0,n.jsx)("span",{className:"lc-palette__title",children:e.t}),(0,n.jsxs)("span",{className:"lc-palette__meta",children:[(0,n.jsx)("span",{className:"lc-mono",style:{flex:"none"},children:function(e){let r=new Date(e.includes("T")?e:"".concat(e,"T00:00:00Z"));return"".concat(l[r.getUTCMonth()]," ").concat(r.getUTCFullYear())}(e.d)}),(0,n.jsx)("span",{children:"p"===e.y?"Guide":s[e.c]?s[e.c]:"Article"})]})]})},e.s))]}),0===_.length&&(0,n.jsxs)("p",{className:"lc-palette__empty",role:"status",children:["Nothing matches “",b,"”. Try a tool name (tfvars, Terragrunt, drift) or browse the guides."]}),(0,n.jsxs)("div",{className:"lc-palette__foot",children:[(0,n.jsxs)("span",{children:[(0,n.jsx)("kbd",{children:"↑"}),(0,n.jsx)("kbd",{children:"↓"})," move"]}),(0,n.jsxs)("span",{children:[(0,n.jsx)("kbd",{children:"↵"})," open"]}),(0,n.jsxs)("span",{children:[(0,n.jsx)("kbd",{children:"esc"})," close"]})]})]})}),document.body)]})}},42422:(e,r,s)=>{Promise.resolve().then(s.bind(s,70349)),Promise.resolve().then(s.bind(s,50240)),Promise.resolve().then(s.bind(s,8877)),Promise.resolve().then(s.bind(s,80474)),Promise.resolve().then(s.bind(s,10784)),Promise.resolve().then(s.bind(s,46671)),Promise.resolve().then(s.bind(s,24120)),Promise.resolve().then(s.bind(s,55739)),Promise.resolve().then(s.bind(s,59873)),Promise.resolve().then(s.bind(s,34736)),Promise.resolve().then(s.bind(s,68322)),Promise.resolve().then(s.bind(s,48629)),Promise.resolve().then(s.bind(s,89499)),Promise.resolve().then(s.bind(s,38703)),Promise.resolve().then(s.bind(s,28029)),Promise.resolve().then(s.bind(s,56560)),Promise.resolve().then(s.bind(s,34399)),Promise.resolve().then(s.bind(s,92117)),Promise.resolve().then(s.bind(s,94326)),Promise.resolve().then(s.bind(s,62924)),Promise.resolve().then(s.bind(s,13271)),Promise.resolve().then(s.bind(s,10481)),Promise.resolve().then(s.bind(s,89467)),Promise.resolve().then(s.bind(s,75318)),Promise.resolve().then(s.bind(s,89438)),Promise.resolve().then(s.bind(s,37431)),Promise.resolve().then(s.bind(s,59821)),Promise.resolve().then(s.bind(s,79067)),Promise.resolve().then(s.bind(s,86715)),Promise.resolve().then(s.bind(s,44642)),Promise.resolve().then(s.bind(s,86476)),Promise.resolve().then(s.bind(s,39161)),Promise.resolve().then(s.bind(s,20016)),Promise.resolve().then(s.bind(s,97787)),Promise.resolve().then(s.bind(s,10753)),Promise.resolve().then(s.bind(s,59666)),Promise.resolve().then(s.bind(s,56050)),Promise.resolve().then(s.bind(s,55500)),Promise.resolve().then(s.bind(s,98200)),Promise.resolve().then(s.bind(s,27394)),Promise.resolve().then(s.bind(s,31905)),Promise.resolve().then(s.bind(s,77079)),Promise.resolve().then(s.bind(s,96757)),Promise.resolve().then(s.bind(s,36971)),Promise.resolve().then(s.bind(s,86192)),Promise.resolve().then(s.bind(s,11376)),Promise.resolve().then(s.bind(s,89740)),Promise.resolve().then(s.bind(s,34793)),Promise.resolve().then(s.bind(s,10791)),Promise.resolve().then(s.bind(s,84851)),Promise.resolve().then(s.bind(s,78327)),Promise.resolve().then(s.bind(s,40279)),Promise.resolve().then(s.bind(s,4269)),Promise.resolve().then(s.bind(s,42678)),Promise.resolve().then(s.bind(s,3238)),Promise.resolve().then(s.bind(s,46483)),Promise.resolve().then(s.bind(s,11065)),Promise.resolve().then(s.bind(s,30138)),Promise.resolve().then(s.bind(s,26561)),Promise.resolve().then(s.bind(s,49532)),Promise.resolve().then(s.bind(s,45445)),Promise.resolve().then(s.bind(s,95892)),Promise.resolve().then(s.bind(s,67806)),Promise.resolve().then(s.bind(s,71683)),Promise.resolve().then(s.bind(s,10868)),Promise.resolve().then(s.bind(s,3167)),Promise.resolve().then(s.bind(s,81214)),Promise.resolve().then(s.bind(s,65676)),Promise.resolve().then(s.bind(s,85018)),Promise.resolve().then(s.bind(s,26071)),Promise.resolve().then(s.bind(s,20667)),Promise.resolve().then(s.bind(s,83131)),Promise.resolve().then(s.bind(s,86340)),Promise.resolve().then(s.bind(s,7284)),Promise.resolve().then(s.bind(s,28005)),Promise.resolve().then(s.bind(s,26034)),Promise.resolve().then(s.bind(s,44686)),Promise.resolve().then(s.bind(s,98984)),Promise.resolve().then(s.bind(s,7510)),Promise.resolve().then(s.bind(s,24278)),Promise.resolve().then(s.bind(s,52256)),Promise.resolve().then(s.bind(s,56541)),Promise.resolve().then(s.bind(s,34565)),Promise.resolve().then(s.bind(s,59891)),Promise.resolve().then(s.bind(s,93647)),Promise.resolve().then(s.bind(s,64905)),Promise.resolve().then(s.bind(s,97299)),Promise.resolve().then(s.bind(s,69145)),Promise.resolve().then(s.bind(s,68056)),Promise.resolve().then(s.bind(s,41234)),Promise.resolve().then(s.bind(s,82968)),Promise.resolve().then(s.bind(s,94163)),Promise.resolve().then(s.bind(s,76025)),Promise.resolve().then(s.bind(s,179)),Promise.resolve().then(s.bind(s,70122)),Promise.resolve().then(s.bind(s,23233)),Promise.resolve().then(s.bind(s,5797)),Promise.resolve().then(s.bind(s,85779)),Promise.resolve().then(s.bind(s,9493)),Promise.resolve().then(s.bind(s,16598)),Promise.resolve().then(s.bind(s,89403)),Promise.resolve().then(s.bind(s,14269)),Promise.resolve().then(s.bind(s,11399)),Promise.resolve().then(s.bind(s,81282)),Promise.resolve().then(s.bind(s,97959)),Promise.resolve().then(s.bind(s,60200)),Promise.resolve().then(s.bind(s,24502)),Promise.resolve().then(s.bind(s,89350)),Promise.resolve().then(s.bind(s,42960)),Promise.resolve().then(s.bind(s,7163)),Promise.resolve().then(s.bind(s,5635)),Promise.resolve().then(s.bind(s,47658)),Promise.resolve().then(s.bind(s,86363)),Promise.resolve().then(s.bind(s,32486)),Promise.resolve().then(s.bind(s,37749)),Promise.resolve().then(s.bind(s,14543)),Promise.resolve().then(s.bind(s,47487)),Promise.resolve().then(s.bind(s,39334)),Promise.resolve().then(s.bind(s,13675)),Promise.resolve().then(s.bind(s,80463)),Promise.resolve().then(s.bind(s,82832)),Promise.resolve().then(s.bind(s,13369)),Promise.resolve().then(s.bind(s,43246)),Promise.resolve().then(s.bind(s,26935)),Promise.resolve().then(s.bind(s,33740)),Promise.resolve().then(s.bind(s,74786)),Promise.resolve().then(s.bind(s,61961)),Promise.resolve().then(s.t.bind(s,52619,23)),Promise.resolve().then(s.t.bind(s,81356,23)),Promise.resolve().then(s.t.bind(s,41402,23)),Promise.resolve().then(s.bind(s,85890)),Promise.resolve().then(s.bind(s,10236)),Promise.resolve().then(s.bind(s,9654)),Promise.resolve().then(s.bind(s,98245)),Promise.resolve().then(s.bind(s,62285)),Promise.resolve().then(s.bind(s,87661)),Promise.resolve().then(s.bind(s,58771)),Promise.resolve().then(s.bind(s,59115)),Promise.resolve().then(s.bind(s,60443)),Promise.resolve().then(s.bind(s,72326)),Promise.resolve().then(s.bind(s,26488)),Promise.resolve().then(s.bind(s,89911)),Promise.resolve().then(s.bind(s,66102)),Promise.resolve().then(s.bind(s,26235)),Promise.resolve().then(s.bind(s,56111)),Promise.resolve().then(s.bind(s,40824)),Promise.resolve().then(s.bind(s,65160)),Promise.resolve().then(s.bind(s,11483)),Promise.resolve().then(s.bind(s,21467)),Promise.resolve().then(s.bind(s,4339)),Promise.resolve().then(s.bind(s,79169)),Promise.resolve().then(s.bind(s,93927)),Promise.resolve().then(s.bind(s,45373))},79169:(e,r,s)=>{"use strict";s.d(r,{TerrainHero:()=>l});var n=s(95155),i=s(67909),t=s(12115);let o=(0,i.default)(()=>Promise.all([s.e(61831),s.e(32274),s.e(89367),s.e(15847),s.e(95957)]).then(s.bind(s,95957)),{loadableGenerated:{webpack:()=>[95957]},ssr:!1});function l(e){let{posterSrcSet:r,posterSrc:s,alt:i}=e,l=(0,t.useRef)(null),[d,a]=(0,t.useState)(null),[c,h]=(0,t.useState)(!1),[m,v]=(0,t.useState)(!1),[b,P]=(0,t.useState)(!0),[u,p]=(0,t.useState)(!0),[f,x]=(0,t.useState)(!1);return(0,t.useEffect)(()=>{let e=!1;try{let r=document.createElement("canvas");e=!!(r.getContext("webgl2")||r.getContext("webgl"))}catch(r){e=!1}a(e),h(window.matchMedia("(prefers-reduced-motion: reduce)").matches),v(window.matchMedia("(pointer: coarse)").matches||window.innerWidth<900);let r=l.current,s=r?new IntersectionObserver(e=>{let[r]=e;return P(r.isIntersecting)},{threshold:.05}):null;r&&s&&s.observe(r);let n=()=>p("visible"===document.visibilityState);

1return document.addEventListener("visibilitychange",n),()=>{null==s||s.disconnect(),document.removeEventListener("visibilitychange",n)}},[]),(0,n.jsxs)("div",{ref:l,className:"lc-hero__stage","aria-hidden":"true",children:[(0,n.jsx)("img",{className:"lc-hero__poster",src:s,srcSet:r,sizes:"100vw",alt:i,fetchPriority:"high",decoding:"async","data-ready":f?"true":"false"}),d&&(0,n.jsx)("div",{className:"lc-hero__canvas","data-ready":f?"true":"false",children:(0,n.jsx)(o,{reduced:c,coarse:m,active:b&&u,onReady:()=>x(!0)})}),(0,n.jsx)("div",{className:"lc-hero__tint","data-ready":f?"true":"false"})]})}},93927:(e,r,s)=>{"use strict";s.d(r,{VideoLite:()=>t});var n=s(95155),i=s(12115);function t(e){let{id:r,title:s,meta:t}=e,[o,l]=(0,i.useState)(!1);return(0,n.jsxs)("li",{className:"lc-video",children:[(0,n.jsx)("div",{className:"lc-video__frame",children:o?(0,n.jsx)("iframe",{src:"https://www.youtube.com/embed/".concat(r,"?autoplay=1&rel=0&modestbranding=1"),title:s,allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",allowFullScreen:!0}):(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("img",{src:"/images/learning-center/video/".concat(r,".webp"),alt:"",loading:"lazy",decoding:"async"}),(0,n.jsx)("button",{type:"button",className:"lc-video__btn",onClick:()=>l(!0),"aria-label":"Play: ".concat(s),children:(0,n.jsx)("span",{className:"lc-video__play","aria-hidden":"true",children:(0,n.jsx)("svg",{width:"22",height:"22",viewBox:"0 0 24 24",fill:"currentColor",children:(0,n.jsx)("path",{d:"M8 5.5v13l11-6.5z"})})})})]})}),(0,n.jsx)("p",{className:"lc-video__title",children:s}),t&&(0,n.jsx)("p",{className:"lc-video__meta",children:t})]})}}},e=>{e.O(0,[14501,69095,191,10726,27933,34506,32150,60512,35760,81356,81154,88587,948,28269,28441,31255,77358],()=>e(e.s=42422)),_N_E=e.O()}]);