chunk-CJJVhfDF.js

import {w,O as oe$1,b4 as Tk,b5 as yc,a6 as _,b as Vn,d as Zr,V as Vk,_ as _p,F as Fw,h as Tp,C as CE,b6 as Wk,l as lw,D as Dk,Y as Yk,b7 as zk,b8 as Gk,b9 as Oe$1,H as Ho,ba as Rk,bb as kp,c as ck,bc as ak,bd as Ep,e as ey,s as Tn,ak as yR,f as pR,a as Cw,A as dw,E as QE,u as uR,j as dR,r as H,aD as Bk,ap as rk,X as Xk,a4 as Jk,n as nR,be as uw,i as eR,bf as wo,aU as Q$1,aT as Y,Q as Qk,bg as ER}from'./main-BP72IIBJ.js';function xt(o){switch(o.type){case "numeric":return o.values.map(([n,r])=>n+r).join(" ");case "transform":return Array.from(o.values).map(([n,r])=>`${n}(${r.map(([a,i])=>a+i).join(", ")})`).join(" ");case "color":let t=o.value,e=t[0]+"(";for(let n=1;n<t.length;n++)e+=t[n]+(n<t.length-1?", ":"");return e+")";case "static":return o.value}}function Lt(o){return structuredClone(o)}var Ut=["space","bracket","comma"];function At(o){let t=[],e="",n=null,r=()=>t.push(n==="number"?parseFloat(e):e);for(let a of o){let i=Vt(a),s=zt(i,n);Ut.includes(i)&&e?(r(),e="",n=null):s!==null&&(s!==n&&n!==null?(r(),e=a,n=s):(s===n||n===null)&&(e+=a,n=s));}return e&&r(),t}function Vt(o){if(o===".")return "point";if(o==="-")return "hyphen";if(o===",")return "comma";if(o==="%")return "percent";if(o==="#")return "hash";if(o===" ")return "space";if(o==="("||o===")")return "bracket";let t=o.charCodeAt(0);return 48<=t&&t<=57?"digit":65<=t&&t<=90||97<=t&&t<=122?"letter":"unknown"}function zt(o,t){return ["hash"].includes(o)||t==="color"?"color":["letter","percent"].includes(o)?"text":["digit","point","hyphen"].includes(o)?"number":null}var Yt=["translate","rotate","scale","skew","translateX","translateY","translateZ","scaleX","scaleY","scaleZ","skewX","skewY"],Zt=o=>{let t=o[0];if(typeof t=="string"){if(t.startsWith("#")){let e=[];if(t.length===7){let n="";for(let r=1;r<t.length;r++)if(n+=t[r],n.length===2){let a=parseInt(n,16);e.push(a),n="";}}else if(t.length===4)for(let n=1;n<t.length;n++){let r=t[n],a=r+r,i=parseInt(a,16);e.push(i);}if(e.length===3)return {type:"color",value:["rgb",...e]}}if(t==="rgb"&&o.length===4||t==="rgba"&&o.length===5)return {type:"color",value:o}}return null},Gt=o=>{if(typeof o[0]=="number"){let t={type:"numeric",values:[]},e=[];for(let n of o)if(typeof n=="number")e.length&&(t.values.push(e.length===1?[e[0],""]:e),e=[]),e.push(n);else if(e.length===1)e.push(n);else return null;return e.length&&t.values.push(e.length===1?[e[0],""]:e),t}return null},Xt=o=>{if(o.length>1&&typeof o[0]=="string"){let t={type:"transform",values:new Map},e="",n=[],r=[],a=true,i=()=>!r.find(s=>typeof s=="string");for(let s of o)if(typeof s=="string"&&Yt.includes(s)){if(n.length||r.length){if(r.length){if(!i()){a=false;break}let l=r.map(d=>[d,""]);n=n.concat(l);}t.values.set(e,n),n=[],r=[];}e=s;}else e&&(r.push(s),r.length===2&&typeof r[0]=="number"&&typeof r[1]=="string"&&(n.push(r),r=[]));if(e&&(n.length||r.length)){if(r.length&&i()){let s=r.map(l=>[l,""]);n=n.concat(s);}n.length&&t.values.set(e,n);}if(a&&t.values.size)return t}return null},qt=[Zt,Gt,Xt];function A(o){let t=At(o);for(let e of qt){let n=e(t);if(n)return n}return {type:"static",value:o}}function Tt(o,t,e){switch(t.type){case "numeric":return Kt(o,t,e);case "transform":return Qt(o,t,e);case "color":return Jt(o,t,e)}return Lt(t)}function Kt(o,t,e){let n={type:"numeric",values:[]};for(let r=0;r<t.values.length;r++){let a=o.values[r],i=t.values[r],s=Z(a[0],i[0],e),l=i[1]||a[1];n.values.push([a[0]+s,l]);}return n}function Qt(o,t,e){let n={type:"transform",values:new Map};for(let[r,a]of t.values){let i=o.values.get(r),s=[];for(let l=0;l<a.length;l++){let d=a[l],O=i[l],w=Z(O[0],d[0],e),v=d[1]||O[1];s.push([O[0]+w,v]);}n.values.set(r,s);}return n}function Jt(o,t,e){let n=[o.value[0]];for(let r=1;r<t.value.length;r++){let a=o.value[r],i=t.value[r],s=Z(a,i,e);n.push(Math.round(a+s));}return {type:"color",value:n}}function Z(o,t,e){return (t-o)*e}var te=">>",St=1e3,ee={timestep:100},N=o=>o.timeframe?o.timeframe[0]:o.at,j=o=>o.timeframe?o.timeframe[1]:o.at,ne=o=>o.timeframe?o.to:o.styles,B=class{renderer;rules=[];config;currentTime=0;allObjects=new Map;activeStyles=new Map;animationFrameId=null;completed=false;plugins=[];_duration=0;_isPlaying=Vn(false);_progress=Vn(0);isPlaying=this._isPlaying.asReadonly();progress=this._progress.asReadonly();constructor(t,e,n){this.renderer=e.get(wo).createRenderer(null,null),this.config=Q$1(Q$1({},ee),n||{}),this.allObjects=new Map(t.map(r=>[r.id(),r.elementRef.nativeElement]));}get duration(){return this._duration}get timestep(){return this.config.timestep}define(t){return this.reset(),this.extractObjectsAndValidateRules(t),this.rules=t.sort((e,n)=>N(e)-N(n)).map(e=>{if(e.timeframe){let n={},r={};for(let[i,s]of Object.entries(e.from))n[i]=A(s);for(let[i,s]of Object.entries(e.to))r[i]=A(s);let a=e.timeframe.map(i=>i*St);return Y(Q$1({},e),{from:n,to:r,timeframe:a})}else {let n={};for(let[a,i]of Object.entries(e.styles))n[a]=A(i);let r=e.at*St;return Y(Q$1({},e),{styles:n,at:r})}}),this._duration=Math.max(...this.rules.map(e=>j(e))),this}play(){if(this.animationFrameId===null){if(!this.rules.length){console.warn("Animation: Can't play without a definition");return}this.completed&&(this.reset(),this.completed=false),this._isPlaying.set(true),this.animate(Date.now(),0);}}pause(){this.animationFrameId!==null&&(cancelAnimationFrame(this.animationFrameId),this.animationFrameId=null,this._isPlaying.set(false));}seek(t){if(this.pause(),!this.rules.length){console.warn("Animation: Can't  without a definition");return}t=Math.max(0,Math.min(t,1));let e=Math.round(t*this._duration);this.updateFrame(e),this.completed=t===1;}forward(t){if(this.pause(),!this.rules.length){console.warn("Animation: Can't go forward without a definition");return}t=t??this.config.timestep;let e=this.currentTime+t;e<=this._duration?this.updateFrame(e):this.completed=true;}back(t){if(this.pause(),!this.rules.length){console.warn("Animation: Can't go back without a definition");return}t=t??this.config.timestep;let e=this.currentTime-t;e>=0&&(this.updateFrame(e),this.completed=false);}reset(){this.pause(),this.currentTime=0,this._progress.set(0);for(let[t,e]of this.activeStyles){for(let n of Object.keys(e))this.removeStyle(t,n);this.activeStyles.delete(t);}}stop(){this.reset();}addPlugin(t){return t.init(this),this.plugins.push(t),this}dispose(){for(let t of this.plugins)t.destroy();this.reset(),this.rules=[],this._duration=0,this.plugins=[];}updateFrame(t){let e=this.rules.filter(i=>t>=j(i)),n=this.rules.filter(i=>{let s=N(i),l=j(i);return s<l&&s<=t&&t<=l}),r=new Map;for(let i of e){let s=r.get(i.selector)||{};s=Q$1(Q$1({},s),ne(i)),r.set(i.selector,s);}let a=t-this.currentTime;for(let i of n){let s,l,d,O;if(a>0){let p=i.timeframe[0];O=t-p,s=j(i)-p,l=i.to,d=i.from;}else {let p=i.timeframe[1];O=t-p,s=p-N(i),l=i.from,d=i.to;}let w=Math.abs(O/s),v=r.get(i.selector)||{};for(let[p,T]of Object.entries(l)){let V=d[p];v[p]=Tt(V,T,w);}r.set(i.selector,v);}for(let[i,s]of this.activeStyles){let l=r.get(i);for(let d of Object.keys(s))(!l||!l[d])&&this.removeStyle(i,d);}for(let[i,s]of r)for(let[l,d]of Object.entries(s))this.setStyle(i,l,d);this.currentTime=t,this._progress.set(t/this.duration);}setStyle(t,e,n){let r=this.allObjects.get(t),a=xt(n);if(r instanceof Element)this.renderer.setStyle(r,e,a);else for(let s of r)this.renderer.setStyle(s,e,a);let i=this.activeStyles.get(t)||{};i[e]=n,this.activeStyles.set(t,i);}removeStyle(t,e){let n=this.allObjects.get(t);if(n instanceof Element)this.renderer.removeStyle(n,e);else for(let a of n)this.renderer.removeStyle(a,e);let r=this.activeStyles.get(t)||{};delete r[e];}animate(t,e){this.animationFrameId=requestAnimationFrame(()=>this.animate(t,e));let n=Date.now();if(e=n-t,e>=this.config.timestep){t=n-e%this.config.timestep;let r=this.currentTime+e;r<=this._duration?this.updateFrame(r):(this.pause(),this.completed=true,this.duration>this.currentTime&&requestAnimationFrame(()=>this.updateFrame(this.duration)));}}extractObjectsAndValidateRules(t){for(let e of t)this.validateRules(e),this.extractObjects(e);}validateRules(t){if(!t.timeframe)return;let e=t.timeframe[1]-t.timeframe[0];if(e<0)throw new Error(`Animation: Incorrect time frame for selector '${t.selector}'. Start time is greater than end time`);if(e===0)throw new Error(`Animation: Duration for selector '${t.selector}' is zero. Use 'at' time selector instead`);let n=Object.keys(t.from),r=Object.keys(t.to);if(n.length!==r.length)throw new Error(`Animation: There is a mismatch between the number of "from" and "to" styles for selector '${t.selector}'`);for(let a of r)if(!t.from[a])throw new Error(`Animation: "from" style '${a}' is missing for selector '${t.selector}'`)}extractObjects(t){let[e,n]=t.selector.split(te);e=e.trim(),n=(n??"").trim();let r=this.allObjects.get(e);if(!r)throw new Error(`Animation: Missing layer ID: ${e}`);if(n&&!this.allObjects.has(t.selector)){let a=r.getElementsByClassName(n.replaceAll("."," ").trim());if(!a.length)throw new Error(`Animation: Missing layer object(s): ${t.selector}`);this.allObjects.has(t.selector)||this.allObjects.set(t.selector,a.length===1?a[0]:Array.from(a));}}};var X=(()=>{class o{injector=w(Oe$1);createAnimation(e,n){return new B(e,this.injector,n)}static ɵfac=function(n){return new(n||o)};static ɵprov=H({token:o,factory:o.ɵfac})}return o})();var W=(()=>{class o{elementRef=w(Ho);id=ck.required({alias:"layerId"});static ɵfac=function(n){return new(n||o)};static ɵdir=Bk({type:o,selectors:[["","adevAnimationLayer",""]],inputs:{id:[1,"layerId","id"]}})}return o})();var oe=500,$=class{hostElementRef;addSpacer;win;renderer;unlisteners=[];scrollHeight=0;spacer;resizeDebounceTimeout;constructor(t,e,n=true){this.hostElementRef=t,this.addSpacer=n,this.win=e.get(yc),this.renderer=e.get(wo).createRenderer(null,null);}init(t){this.scrollHeight=t.duration/t.timestep,this.unlisteners.push(this.renderer.listen(this.win,"scroll",()=>{t.isPlaying()&&t.pause();let e=this.win.scrollY/this.scrollHeight;t.seek(e);})),this.addSpacer&&(this.createSpacer(),this.unlisteners.push(this.renderer.listen(this.win,"resize",()=>{this.resizeDebounceTimeout&&clearTimeout(this.resizeDebounceTimeout),this.resizeDebounceTimeout=setTimeout(()=>this.updateSpacerHeight(),oe);})));}destroy(){for(let t of this.unlisteners)t();}createSpacer(){this.spacer=this.renderer.createElement("div"),this.renderer.addClass(this.spacer,"anim-scroll-spacer"),this.updateSpacerHeight(),this.hostElementRef.nativeElement.appendChild(this.spacer);}updateSpacerHeight(){let t=this.scrollHeight+this.win.innerHeight;this.renderer.setStyle(this.spacer,"height",t+"px");}};var kt="banners",re=`${kt} >> .adev-banner`,Rt=`${kt} >> .learn-angular`,h="logo",ie=`${h} >> .logo`,ae=`${h} >> .shield`,se=`${h} >> .shield-middle`,le=`${h} >> .shield-bottom-a-arc`,ce=`${h} >> .shield-bottom-extension`,me=`${h} >> .capt-a-letter`,de=`${h} >> .n-letter`,ge=`${h} >> .g-letter`,ue=`${h} >> .u-letter`,he=`${h} >> .l-letter`,fe=`${h} >> .a-letter`,pe=`${h} >> .r-letter`,Dt="uwu",Ft="works-at-any-scale",J="meteor-field",U=`${J} >> .field`,Ce=`${J} >> .meteor`,Ht=o=>`${J} >> .mt-${o}`,It="loved-by-millions",Q="build-for-everyone",_e=`${Q} >> .title`,q=o=>o*1.55,c=(o,t)=>[o*1.55,t*1.55];function y(o,t){return {selector:o,timeframe:c(t,t+1),from:{opacity:"1"},to:{opacity:"0"}}}function Nt(o,t){let e=t+Math.random();return {selector:o,timeframe:c(e,e+1),from:{opacity:"0",transform:"translate(200%, 200%) scale(0.3)"},to:{opacity:"1",transform:"translate(0, 0) scale(1)"}}}function K(o,t,e,n){let r=[];for(;r.length<t;){let a=Math.round(Math.random()*(e-1)+1);n.has(a)||(r.push(Nt(Ht(a),o)),n.add(a));}return r}function jt(o,t){let e=[{selector:re,timeframe:c(2,3),from:{transform:"translateY(0)"},to:{transform:"translateY(-200px)"}},{selector:Rt,timeframe:c(2.5,3.5),from:{opacity:"1"},to:{opacity:"0"}},{selector:Rt,at:q(4),styles:{visibility:"hidden"}}],n=[{selector:ie,timeframe:c(0,5),from:{transform:"translateX(0)"},to:{transform:"translateX(467px)"}},y(pe,1),y(fe,1.5),y(he,2),y(ue,2.5),y(ge,3),y(de,3.5),y(me,4),{selector:se,timeframe:c(5.5,5.6),from:{transform:"scale(1)"},to:{transform:"scale(0)"}},{selector:le,timeframe:c(5.5,5.6),from:{transform:"scaleY(1)"},to:{transform:"scaleY(0)"}},{selector:ce,timeframe:c(5.5,5.6),from:{transform:"scale(0)"},to:{transform:"scale(1)"}},{selector:ae,timeframe:c(5.5,10),from:{transform:"scale(1) rotate(0deg)"},to:{transform:"scale(50) rotate(-360deg)"}}],r=[{selector:Dt,timeframe:c(0,5.5),from:{transform:"scale(1)"},to:{transform:"scale(0)"}},{selector:Dt,timeframe:c(4,5.5),from:{opacity:"1"},to:{opacity:"0"}}],a=[{selector:Ft,timeframe:c(5.7,8),from:{transform:"scale(0.1)",opacity:"0"},to:{transform:"scale(1)",opacity:"1"}},{selector:Ft,timeframe:c(11,12.5),from:{transform:"scale(1)",opacity:"1"},to:{transform:"scale(1.5)",opacity:"0"}}],i=t*.05,s=t*.15,l=t*.25,d=new Set,O=K(8,i,t,d),w=K(10,s,t,d),v=K(12,l,t,d),p=16,T=[];for(let S=1;S<=t;S++)d.has(S)||T.push(Nt(Ht(S),p));let V=[{selector:U,at:q(7),styles:{display:"flex"}},{selector:U,timeframe:c(8,18),from:{transform:"scale(1.42)"},to:{transform:"scale(1)"}},...O,...w,...v,...T,{selector:Ce,timeframe:c(19.5,21),from:{transform:"translate(0, 0) scale(1)"},to:{transform:"translate(-200%, -200%) scale(0.3)"}},{selector:U,timeframe:c(19.5,21),from:{opacity:"1"},to:{opacity:"0"}},{selector:U,at:q(22),styles:{display:"none"}}],Wt=[{selector:It,timeframe:c(14,15.5),from:{transform:"scale(0.75)",opacity:"0"},to:{transform:"scale(1)",opacity:"1"}},{selector:It,timeframe:c(19,20.5),from:{transform:"scale(1)",opacity:"1"},to:{transform:"scale(1.5)",opacity:"0"}}],$t=[{selector:Q,timeframe:c(22,25),from:{transform:"scale(0.75)",opacity:"0"},to:{transform:"scale(1)",opacity:"1"}},{selector:_e,timeframe:c(23,25),from:{"background-position-x":"100%"},to:{"background-position-x":"0"}},{selector:Q,timeframe:c(29,31.5),from:{opacity:"1"},to:{opacity:"0"}}];return [...e,...o?r:n,...a,...V,...Wt,...$t]}var Oe=(o,t)=>["meteor",o,t];function Pe(o,t){o&1&&(_p(0,"div",9),rk(),_p(1,"svg",16)(2,"defs")(3,"linearGradient",17),Cw(4,"stop",18)(5,"stop",19)(6,"stop",20)(7,"stop",21)(8,"animateTransform",22),Tp()(),_p(9,"g",23)(10,"g",24)(11,"g",25),Cw(12,"path",26)(13,"path",27)(14,"path",28)(15,"path",29),Tp(),Cw(16,"path",30)(17,"path",31)(18,"path",32)(19,"path",33)(20,"rect",34)(21,"path",35)(22,"path",36),Tp()()()());}function ye(o,t){o&1&&(_p(0,"div",10),Cw(1,"img",37),Tp());}function ve(o,t){if(o&1&&Cw(0,"div"),o&2){let e=t.$implicit,n=t.$index;Qk(ER(2,Oe,"type-"+e,"mt-"+(n+1)));}}function be(o,t){if(o&1&&(_p(0,"div",12)(1,"div",38),Xk(2,ve,1,5,"div",39,Jk),Tp()()),o&2){let e=t,n=nR();Dk(),uw("width",e.width+"px")("height",e.height+"px")("margin-left",e.marginLeft+"px")("margin-top",e.marginTop+"px"),Dk(),eR(n.meteors());}}var Ee=1.42,we=1.33,xe=[[800,60],[1100,90]],Le=120,Bt=(()=>{class o{win=w(yc);animCreator=w(X);injector=w(Oe$1);elementRef=w(Ho);animation;animationLayers=Rk();ctaLink=kp?"overview":"tutorials/learn-angular";isUwu=ck.required();ready=ak();reducedMotion=Vn(Ep());meteorFieldData=Vn(null);meteors=Vn([]);constructor(){this.reducedMotion()?this.ready.emit(true):this.initAnimation();}ngOnDestroy(){this.animation?.dispose();}initAnimation(){let e=this.calculateMeteorDimensions(),n=this.calculateMeteorFieldData(e);this.setCssVariables(e),this.meteorFieldData.set(n),this.meteors.set(new Array(n.count).fill(1).map(()=>Math.round(Math.random()*2+1))),ey({read:()=>{this.animation=this.animCreator.createAnimation(this.animationLayers(),{timestep:10}).define(jt(this.isUwu(),this.meteors().length)).addPlugin(new $(this.elementRef,this.injector)),this.ready.emit(true);}});}calculateMeteorDimensions(){let e=Le;for(let[s,l]of xe)this.win.innerWidth<=s&&(e=l);let n=e*Ee,r=e*we,a=Math.sqrt(e*e+n*n),i=-Math.asin(e/a);return {width:e,height:n,gap:r,tailLength:a,tiltAngle:i}}calculateMeteorFieldData(e){let n=e.width+e.gap,r=e.height+e.gap,a=1,i=1;for(;i*n-e.gap<=this.win.innerWidth;)i++;for(;a*r-e.gap<=this.win.innerHeight;)a++;let s=i*n-e.gap,l=a*r-e.gap;return {count:a*i,width:s,height:l,marginLeft:-(s-this.win.innerWidth)/2,marginTop:-(l-this.win.innerHeight)/2}}setCssVariables({width:e,height:n,tailLength:r,tiltAngle:a,gap:i}){let s=this.elementRef.nativeElement.style;s.setProperty("--meteor-width",e+"px"),s.setProperty("--meteor-height",n+"px"),s.setProperty("--meteor-tail-length",r+"px"),s.setProperty("--meteor-tilt-angle",a+"rad"),s.setProperty("--meteor-gap",i+"px");}static ɵfac=function(n){return new(n||o)};static ɵcmp=Vk({type:o,selectors:[["adev-home-animation"]],viewQuery:function(n,r){n&1&&uR(r.animationLayers,W,5),n&2&&dR();},inputs:{isUwu:[1,"isUwu"]},outputs:{ready:"ready"},features:[yR([X])],decls:30,vars:6,consts:[[1,"animation"],["adevAnimationLayer","","layerId","banners",1,"banners-layer","layer"],["href","https://blog.angular.dev/meet-angular-v19-7b29dfd05b84","target","_blank",1,"adev-banner"],["tabindex","-1"],[1,"adev-banner-cta"],[1,"learn-angular"],[1,"adev-cta",3,"routerLink"],["aria-label","學習 Angular",1,"docs-primary-btn"],[1,"adev-arrow"],["adevAnimationLayer","","layerId","logo",1,"logo-layer","layer"],["adevAnimationLayer","","layerId","uwu",1,"uwu-layer","layer"],["adevAnimationLayer","","layerId","works-at-any-scale",1,"works-at-any-scale-layer","layer"],["adevAnimationLayer","","layerId","meteor-field",1,"meteor-field-layer","layer"],["adevAnimationLayer","","layerId","loved-by-millions",1,"loved-by-millions-layer","layer"],["adevAnimationLayer","","layerId","build-for-everyone",1,"build-for-everyone-layer","layer"],[1,"title"],["viewBox","0 0 1280 400","xmlns","http://www.w3.org/2000/svg",1,"svg"],["id","gradient","gradientUnits","userSpaceOnUse","gradientTransform","rotate(0 640 125)"],["offset","0","stop-color","#ed0100"],["offset","0.25","stop-color","#e449b4"],["offset","0.5","stop-color","#ae3bfc"],["offset","1","stop-color","#7f15fd"],["attributeName","gradientTransform","type","rotate","from","0 640 125","to","360 640 125","dur","6.5s","repeatCount","indefinite"],["fill","url(#gradient)",1,"wrapper"],[1,"logo"],[1,"shield"],["d","M311.8,101.7L302,255.6L208.3,53.8L311.8,101.7ZM246.9,300.7L176.1,341.1L105.3,300.7L246.9,300.7ZM50.1,255.6L40.4,101.7L143.9,53.8L50.1,255.6Z",1,"shield-base"],["d","M176.1,130.4L213.2,220.6L139,220.6L176.1,130.4Z",1,"shield-middle"],["d","M106.419,301.339L105.3,300.7L119.7,265.8L232.5,265.8L246.9,300.7L245.781,301.339L106.419,301.339Z",1,"shield-bottom-a-arc"],["d","M245.78,301.339L106.42,301.339L68.889,279.923L283.311,279.923L245.78,301.339Z",1,"shield-bottom-extension"],["d","M515.4,288L553.1,288L484.4,92.7L440.7,92.7L372,288L409.7,288L425.8,239.9L499.2,239.9L515.4,288ZM435.4,211.4L461.8,132.8L463.3,132.8L489.7,211.4L435.4,211.4Z",1,"capt-a-letter","letter"],["d","M590.4,202.2L590.4,288L555.9,288L555.9,141.6L588.9,141.6L588.9,166.5L590.6,166.5C594,158.3 599.4,151.8 606.8,147C614.2,142.2 623.4,139.8 634.3,139.8C644.4,139.8 653.2,142 660.8,146.3C668.3,150.6 674.2,156.9 678.3,165.1C682.5,173.3 684.5,183.2 684.4,194.9L684.4,288L649.9,288L649.9,200.1C649.9,190.3 647.4,182.7 642.3,177.1C637.2,171.6 630.3,168.8 621.4,168.8C615.4,168.8 610,170.1 605.3,172.8C600.6,175.4 597,179.2 594.3,184.2C591.8,189.1 590.4,195.1 590.4,202.2Z",1,"n-letter","letter"],["d","M760.5,345.9C748.1,345.9 737.5,344.2 728.6,340.9C719.7,337.6 712.6,333.1 707.2,327.5C701.8,321.9 698,315.7 696,308.9L727.1,301.4C728.5,304.3 730.5,307.1 733.2,309.9C735.9,312.7 739.5,315.1 744,317C748.5,318.9 754.3,319.8 761.2,319.8C771,319.8 779.1,317.4 785.5,312.7C791.9,308 795.1,300.2 795.1,289.4L795.1,261.7L793.4,261.7C791.6,265.3 789,268.9 785.6,272.7C782.2,276.5 777.7,279.6 772.2,282.1C766.6,284.6 759.7,285.9 751.3,285.9C740.1,285.9 729.9,283.2 720.7,277.9C711.6,272.6 704.3,264.6 699,254.1C693.6,243.5 690.9,230.3 690.9,214.3C690.9,198.2 693.6,184.6 699,173.5C704.4,162.4 711.6,154 720.8,148.2C730,142.4 740.2,139.6 751.4,139.6C760,139.6 767.1,141 772.6,143.9C778.2,146.8 782.6,150.3 785.9,154.3C789.2,158.3 791.7,162.1 793.4,165.7L795.3,165.7L795.3,141.5L829.3,141.5L829.3,290.3C829.3,302.8 826.3,313.2 820.3,321.4C814.3,329.6 806.2,335.7 795.8,339.8C785.4,343.9 773.6,345.9 760.5,345.9ZM760.8,258.8C768.1,258.8 774.3,257 779.5,253.5C784.6,249.9 788.6,244.8 791.2,238.2C793.9,231.5 795.2,223.5 795.2,214.2C795.2,205 793.9,196.9 791.2,190C788.6,183.1 784.7,177.7 779.6,173.8C774.5,170 768.2,168 760.8,168C753.1,168 746.7,170 741.5,174C736.4,178 732.5,183.5 729.9,190.4C727.3,197.4 726,205.3 726,214.1C726,223.1 727.3,230.9 730,237.6C732.6,244.3 736.5,249.5 741.7,253.2C746.8,256.9 753.2,258.8 760.8,258.8Z",1,"g-letter","letter"],["d","M933.8,226.4L933.8,141.6L968.3,141.6L968.3,288L934.8,288L934.8,262L933.3,262C930,270.2 924.6,276.9 917,282.1C909.5,287.3 900.2,289.9 889.2,289.9C879.6,289.9 871.1,287.8 863.8,283.5C856.5,279.2 850.7,273 846.6,264.7C842.5,256.5 840.4,246.5 840.4,234.8L840.4,141.6L875,141.6L875,229.5C875,238.8 877.5,246.2 882.6,251.6C887.7,257.1 894.4,259.8 902.6,259.8C907.7,259.8 912.6,258.6 917.4,256.1C922.2,253.6 926.1,249.9 929.2,245C932.3,240 933.8,233.8 933.8,226.4Z",1,"u-letter","letter"],["x","979.6","y","92.7","width","34.5","height","195.3",1,"l-letter","letter"],["d","M1068.9,290.9C1059.6,290.9 1051.3,289.2 1043.9,285.9C1036.5,282.6 1030.6,277.6 1026.4,271.1C1022.1,264.6 1020,256.5 1020,246.9C1020,238.6 1021.5,231.8 1024.6,226.4C1027.7,221 1031.8,216.7 1037.1,213.4C1042.4,210.2 1048.3,207.7 1055,206C1061.6,204.3 1068.5,203.1 1075.6,202.3C1084.2,201.4 1091.1,200.6 1096.5,199.9C1101.8,199.2 1105.7,198 1108.2,196.5C1110.6,194.9 1111.9,192.5 1111.9,189.2L1111.9,188.6C1111.9,181.4 1109.8,175.9 1105.5,171.9C1101.2,168 1095.1,166 1087.1,166C1078.6,166 1072,167.8 1067,171.5C1062.1,175.2 1058.8,179.5 1057,184.6L1024.8,180C1027.3,171.1 1031.5,163.7 1037.4,157.6C1043.2,151.6 1050.4,147.1 1058.8,144.1C1067.3,141.1 1076.6,139.6 1086.8,139.6C1093.9,139.6 1100.9,140.4 1107.9,142.1C1114.9,143.8 1121.3,146.5 1127.1,150.3C1132.9,154.1 1137.5,159.2 1141.1,165.7C1144.6,172.2 1146.4,180.3 1146.4,190L1146.4,288L1113.2,288L1113.2,267.9L1112.1,267.9C1110,272 1107.1,275.8 1103.3,279.3C1099.5,282.8 1094.8,285.7 1089.1,287.8C1083.2,289.9 1076.6,290.9 1068.9,290.9ZM1077.9,265.6C1084.8,265.6 1090.8,264.2 1095.9,261.5C1101,258.7 1104.9,255.1 1107.7,250.5C1110.5,245.9 1111.8,240.9 1111.8,235.5L1111.8,218.2C1110.7,219.1 1108.9,219.9 1106.3,220.7C1103.7,221.5 1100.9,222.1 1097.7,222.7C1094.5,223.3 1091.4,223.8 1088.3,224.2C1085.2,224.6 1082.5,225 1080.2,225.3C1075.1,226 1070.4,227.1 1066.4,228.7C1062.3,230.3 1059.1,232.5 1056.8,235.3C1054.4,238.1 1053.3,241.8 1053.3,246.2C1053.3,252.6 1055.6,257.4 1060.3,260.6C1064.8,264 1070.7,265.6 1077.9,265.6Z",1,"a-letter","letter"],["d","M1156.9,288L1156.9,141.6L1190.4,141.6L1190.4,166L1191.9,166C1194.6,157.5 1199.2,151 1205.7,146.4C1212.2,141.8 1219.7,139.5 1228.1,139.5C1230,139.5 1232.2,139.6 1234.5,139.7C1236.9,139.9 1238.9,140.1 1240.5,140.4L1240.5,172.1C1239,171.6 1236.7,171.1 1233.6,170.7C1230.5,170.3 1227.4,170.1 1224.5,170.1C1218.2,170.1 1212.6,171.5 1207.6,174.2C1202.6,176.9 1198.7,180.6 1195.8,185.4C1192.9,190.2 1191.5,195.7 1191.5,201.9L1191.5,288L1156.9,288Z",1,"r-letter","letter"],["src","assets/images/uwu.png","alt","Angular logo"],[1,"field"],[3,"class"]],template:function(n,r){if(n&1&&(_p(0,"div",0)(1,"div",1)(2,"a",2)(3,"h1",3),pR(4,"Angular v19 已發布！"),Tp(),_p(5,"p",4),pR(6,"閱讀我們的最新版本。"),Tp()(),_p(7,"div",5)(8,"a",6)(9,"button",7),pR(10," 學習 Angular "),Tp()(),Cw(11,"div",8),Tp()(),CE(12,Pe,23,0,"div",9)(13,ye,2,0,"div",10),_p(14,"div",11)(15,"h2"),pR(16,"適用於任何規模"),Tp(),_p(17,"p"),pR(18," Angular 讓你從小規模開始，於坦途之上成長，並隨著你的團隊和應用程式的發展而提供支援。 "),Tp()(),CE(19,be,4,8,"div",12),_p(20,"div",13)(21,"h2"),pR(22,"深受數百萬開發者喜愛"),Tp(),_p(23,"p"),pR(24," 加入全球數百萬使用 Angular 建立應用的開發者，成為這個充滿活力和友好的社群的一員。 "),Tp()(),_p(25,"div",14)(26,"h2",15),pR(27,"為所有人建立"),Tp(),_p(28,"p"),pR(29," 依靠 Angular 內建的水合、國際化、安全性和無障礙性支援，為全球所有人建立應用。 "),Tp()()()),n&2){let a;dw("reduced-motion",r.reducedMotion()),Dk(8),lw("routerLink",r.ctaLink),Dk(),QE("text","學習 Angular"),Dk(3),Yk(r.isUwu()?13:12),Dk(7),Yk((a=r.meteorFieldData())?19:-1,a);}},dependencies:[W,Tn],styles:['[_nghost-%COMP%]{display:block;position:relative}[_nghost-%COMP%]   .animation[_ngcontent-%COMP%]{position:fixed;inset:0}[_nghost-%COMP%]   .animation[_ngcontent-%COMP%]   .layer[_ngcontent-%COMP%]{position:absolute;inset:0}[_nghost-%COMP%]   .animation[_ngcontent-%COMP%]   .layer[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%]{font-size:4vw;font-weight:600;white-space:nowrap;margin-top:0;margin-bottom:.5em;z-index:1}@media (max-width: 900px){[_nghost-%COMP%]   .animation[_ngcontent-%COMP%]   .layer[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%]{font-size:2rem}}[_nghost-%COMP%]   .animation[_ngcontent-%COMP%]   .layer[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{font-weight:400;color:var(--quaternary-contrast);font-size:clamp(1rem,1vw,2rem);line-height:1.5;width:clamp(345px,50%,600px);margin:0 auto}[_nghost-%COMP%]   .animation[_ngcontent-%COMP%]   .layer[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%], [_nghost-%COMP%]   .animation[_ngcontent-%COMP%]   .layer[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{background-color:var(--page-background);box-shadow:0 0 20px 20px var(--page-background)}@media (max-width: 1200px){[_nghost-%COMP%]   .animation[_ngcontent-%COMP%]   .layer[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%], [_nghost-%COMP%]   .animation[_ngcontent-%COMP%]   .layer[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{box-shadow:0 0 10px 10px var(--page-background)}}[_nghost-%COMP%]   .animation[_ngcontent-%COMP%]   .banners-layer[_ngcontent-%COMP%]{z-index:10}[_nghost-%COMP%]   .animation[_ngcontent-%COMP%]   .banners-layer[_ngcontent-%COMP%]   .adev-banner[_ngcontent-%COMP%]{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;border:1px solid var(--senary-contrast);background:var(--page-background);position:absolute;border-radius:.25rem;padding:10px;max-width:100%;width:fit-content;box-sizing:border-box;transition:background .3s ease,border .3s ease,transform .2s linear;top:var(--layout-padding);left:calc(var(--layout-padding) + var(--primary-nav-width))}@media (max-width: 900px){[_nghost-%COMP%]   .animation[_ngcontent-%COMP%]   .banners-layer[_ngcontent-%COMP%]   .adev-banner[_ngcontent-%COMP%]{top:6rem;left:var(--layout-padding);max-width:calc(100% - var(--layout-padding) * 2)}}@media (max-width: 700px){[_nghost-%COMP%]   .animation[_ngcontent-%COMP%]   .banners-layer[_ngcontent-%COMP%]   .adev-banner[_ngcontent-%COMP%]{top:5rem}}[_nghost-%COMP%]   .animation[_ngcontent-%COMP%]   .banners-layer[_ngcontent-%COMP%]   .adev-banner[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%], [_nghost-%COMP%]   .animation[_ngcontent-%COMP%]   .banners-layer[_ngcontent-%COMP%]   .adev-banner[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{display:inline;font-size:.875rem;margin:0;background-image:var(--red-to-pink-to-purple-horizontal-gradient);background-clip:text;color:transparent;width:fit-content;font-weight:500;box-shadow:none;position:relative}[_nghost-%COMP%]   .animation[_ngcontent-%COMP%]   .banners-layer[_ngcontent-%COMP%]   .adev-banner[_ngcontent-%COMP%]   h1.adev-banner-cta[_ngcontent-%COMP%], [_nghost-%COMP%]   .animation[_ngcontent-%COMP%]   .banners-layer[_ngcontent-%COMP%]   .adev-banner[_ngcontent-%COMP%]   p.adev-banner-cta[_ngcontent-%COMP%]{color:var(--tertiary-contrast)}[_nghost-%COMP%]   .animation[_ngcontent-%COMP%]   .banners-layer[_ngcontent-%COMP%]   .adev-banner[_ngcontent-%COMP%]   h1.adev-banner-cta[_ngcontent-%COMP%]:after, [_nghost-%COMP%]   .animation[_ngcontent-%COMP%]   .banners-layer[_ngcontent-%COMP%]   .adev-banner[_ngcontent-%COMP%]   p.adev-banner-cta[_ngcontent-%COMP%]:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:1px;bottom:-2px;left:0;background:var(--red-to-pink-to-purple-horizontal-gradient);transform-origin:bottom right;transition:transform .3s ease}[_nghost-%COMP%]   .animation[_ngcontent-%COMP%]   .banners-layer[_ngcontent-%COMP%]   .adev-banner[_ngcontent-%COMP%]:hover   .adev-banner-cta[_ngcontent-%COMP%]:after{transform:scaleX(1);transform-origin:bottom left}[_nghost-%COMP%]   .animation[_ngcontent-%COMP%]   .banners-layer[_ngcontent-%COMP%]   .learn-angular[_ngcontent-%COMP%]{position:absolute;left:50%;bottom:5%;transform:translate(-50%);transition:opacity .2s linear;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:50px}[_nghost-%COMP%]   .animation[_ngcontent-%COMP%]   .banners-layer[_ngcontent-%COMP%]   .learn-angular[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{font-size:1rem;padding:1rem 1.75rem}[_nghost-%COMP%]   .animation[_ngcontent-%COMP%]   .banners-layer[_ngcontent-%COMP%]   .learn-angular[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:after{font-size:1rem}[_nghost-%COMP%]   .animation[_ngcontent-%COMP%]   .banners-layer[_ngcontent-%COMP%]   .learn-angular[_ngcontent-%COMP%]   .adev-arrow[_ngcontent-%COMP%]{transform:rotate(45deg);border:solid var(--primary-contrast);border-width:0 2px 2px 0;display:inline-block;padding:7px}[_nghost-%COMP%]   .animation[_ngcontent-%COMP%]   .logo-layer[_ngcontent-%COMP%]{-webkit-user-select:none;user-select:none;pointer-events:none}[_nghost-%COMP%]   .animation[_ngcontent-%COMP%]   .logo-layer[_ngcontent-%COMP%]   .svg[_ngcontent-%COMP%]{position:absolute;width:100%;height:100%;fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2}[_nghost-%COMP%]   .animation[_ngcontent-%COMP%]   .logo-layer[_ngcontent-%COMP%]   .wrapper[_ngcontent-%COMP%]{transform:scale(.55);transform-origin:50% 50%}@media (max-width: 775px){[_nghost-%COMP%]   .animation[_ngcontent-%COMP%]   .logo-layer[_ngcontent-%COMP%]   .wrapper[_ngcontent-%COMP%]{transform:scale(.8)}}@media (min-width: 1801px){[_nghost-%COMP%]   .animation[_ngcontent-%COMP%]   .logo-layer[_ngcontent-%COMP%]   .wrapper[_ngcontent-%COMP%]{transform:scale(.5)}}[_nghost-%COMP%]   .animation[_ngcontent-%COMP%]   .logo-layer[_ngcontent-%COMP%]   .wrapper[_ngcontent-%COMP%]   .logo[_ngcontent-%COMP%]{transition:transform .2s linear}[_nghost-%COMP%]   .animation[_ngcontent-%COMP%]   .logo-layer[_ngcontent-%COMP%]   .wrapper[_ngcontent-%COMP%]   .logo[_ngcontent-%COMP%]   .shield[_ngcontent-%COMP%], [_nghost-%COMP%]   .animation[_ngcontent-%COMP%]   .logo-layer[_ngcontent-%COMP%]   .wrapper[_ngcontent-%COMP%]   .logo[_ngcontent-%COMP%]   .shield[_ngcontent-%COMP%]   .shield-middle[_ngcontent-%COMP%]{transform-origin:177px 200px;transition:transform .2s linear}[_nghost-%COMP%]   .animation[_ngcontent-%COMP%]   .logo-layer[_ngcontent-%COMP%]   .wrapper[_ngcontent-%COMP%]   .logo[_ngcontent-%COMP%]   .shield[_ngcontent-%COMP%]   .shield-bottom-a-arc[_ngcontent-%COMP%]{transform-origin:0 302px;transition:transform .2s linear}[_nghost-%COMP%]   .animation[_ngcontent-%COMP%]   .logo-layer[_ngcontent-%COMP%]   .wrapper[_ngcontent-%COMP%]   .logo[_ngcontent-%COMP%]   .shield[_ngcontent-%COMP%]   .shield-bottom-extension[_ngcontent-%COMP%]{transform-origin:177px 340px;transition:transform .2s linear;transform:scale(0)}[_nghost-%COMP%]   .animation[_ngcontent-%COMP%]   .logo-layer[_ngcontent-%COMP%]   .wrapper[_ngcontent-%COMP%]   .logo[_ngcontent-%COMP%]   .letter[_ngcontent-%COMP%]{transition:opacity .2s linear}[_nghost-%COMP%]   .animation[_ngcontent-%COMP%]   .uwu-layer[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;transition:transform .2s linear,opacity .2s linear}[_nghost-%COMP%]   .animation[_ngcontent-%COMP%]   .uwu-layer[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{-webkit-user-select:none;user-select:none;width:max(700 * min(100vw,2560px) / 1470,350px);height:auto}[_nghost-%COMP%]   .animation[_ngcontent-%COMP%]   .works-at-any-scale-layer[_ngcontent-%COMP%], [_nghost-%COMP%]   .animation[_ngcontent-%COMP%]   .loved-by-millions-layer[_ngcontent-%COMP%], [_nghost-%COMP%]   .animation[_ngcontent-%COMP%]   .build-for-everyone-layer[_ngcontent-%COMP%]{-webkit-user-select:none;user-select:none;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;opacity:0;z-index:1;transition:transform .2s linear,opacity .2s linear}[_nghost-%COMP%]   .animation[_ngcontent-%COMP%]   .works-at-any-scale-layer[_ngcontent-%COMP%]{transform:scale(0)}[_nghost-%COMP%]   .animation[_ngcontent-%COMP%]   .loved-by-millions-layer[_ngcontent-%COMP%], [_nghost-%COMP%]   .animation[_ngcontent-%COMP%]   .build-for-everyone-layer[_ngcontent-%COMP%]{transform:scale(.75)}[_nghost-%COMP%]   .animation[_ngcontent-%COMP%]   .build-for-everyone-layer[_ngcontent-%COMP%]   .title[_ngcontent-%COMP%]{color:transparent;display:inline-block;background:linear-gradient(110deg,#f31a5b 0,#8737e9 50%,#3a373f 0%);background-clip:text;background-size:205% 100%;background-position-x:100%;transition:background-position-x .2s linear}[_nghost-%COMP%]   .animation[_ngcontent-%COMP%]   .meteor-field-layer[_ngcontent-%COMP%]{overflow:hidden}[_nghost-%COMP%]   .animation[_ngcontent-%COMP%]   .meteor-field-layer[_ngcontent-%COMP%]   .field[_ngcontent-%COMP%]{--math-pi: 3.1415926536rad;position:absolute;flex-wrap:wrap;align-content:flex-start;gap:var(--meteor-gap);display:none;transform:scale(1.42);top:0;left:0;transform-origin:50% 50%;transition:opacity .2s linear,transform .2s linear}[_nghost-%COMP%]   .animation[_ngcontent-%COMP%]   .meteor-field-layer[_ngcontent-%COMP%]   .field[_ngcontent-%COMP%]   .meteor[_ngcontent-%COMP%]{position:relative;width:var(--meteor-width);height:var(--meteor-height);opacity:0;transform:translate(200%,200%) scale(.3);transition:opacity .2s linear,transform .2s linear}[_nghost-%COMP%]   .animation[_ngcontent-%COMP%]   .meteor-field-layer[_ngcontent-%COMP%]   .field[_ngcontent-%COMP%]   .meteor[_ngcontent-%COMP%]:after{content:"";position:absolute;width:4px;height:var(--meteor-tail-length);border-radius:2px;transform-origin:top center;transform:rotate(var(--meteor-tilt-angle));top:0;left:0}[_nghost-%COMP%]   .animation[_ngcontent-%COMP%]   .meteor-field-layer[_ngcontent-%COMP%]   .field[_ngcontent-%COMP%]   .meteor.type-1[_ngcontent-%COMP%]:after{background:linear-gradient(calc(var(--math-pi) + var(--meteor-tilt-angle)),rgb(228,49,85) 0,rgb(219,64,219) 66%,transparent 100%)}[_nghost-%COMP%]   .animation[_ngcontent-%COMP%]   .meteor-field-layer[_ngcontent-%COMP%]   .field[_ngcontent-%COMP%]   .meteor.type-2[_ngcontent-%COMP%]:after{background:linear-gradient(calc(var(--math-pi) + var(--meteor-tilt-angle)),rgb(152,56,226) 0,rgb(217,18,167) 66%,transparent 100%)}[_nghost-%COMP%]   .animation[_ngcontent-%COMP%]   .meteor-field-layer[_ngcontent-%COMP%]   .field[_ngcontent-%COMP%]   .meteor.type-3[_ngcontent-%COMP%]:after{background:linear-gradient(calc(var(--math-pi) + var(--meteor-tilt-angle)),rgb(214,53,150) 0,rgb(229,91,229) 66%,transparent 100%)}[_nghost-%COMP%]   .animation.reduced-motion[_ngcontent-%COMP%]{position:relative}[_nghost-%COMP%]   .animation.reduced-motion[_ngcontent-%COMP%]   .banners-layer[_ngcontent-%COMP%]{height:100vh}@media (max-width: 700px){[_nghost-%COMP%]   .animation.reduced-motion[_ngcontent-%COMP%]   .banners-layer[_ngcontent-%COMP%]   .adev-banner[_ngcontent-%COMP%]{top:6rem}}@media (min-width: 901px){[_nghost-%COMP%]   .animation.reduced-motion[_ngcontent-%COMP%]   .banners-layer[_ngcontent-%COMP%]   .adev-banner[_ngcontent-%COMP%]{left:var(--layout-padding)}}[_nghost-%COMP%]   .animation.reduced-motion[_ngcontent-%COMP%]   .logo-layer[_ngcontent-%COMP%]{position:relative;height:100vh}@media (max-width: 900px){[_nghost-%COMP%]   .animation.reduced-motion[_ngcontent-%COMP%]   .logo-layer[_ngcontent-%COMP%]{margin-top:-75px}}[_nghost-%COMP%]   .animation.reduced-motion[_ngcontent-%COMP%]   .works-at-any-scale-layer[_ngcontent-%COMP%], [_nghost-%COMP%]   .animation.reduced-motion[_ngcontent-%COMP%]   .loved-by-millions-layer[_ngcontent-%COMP%], [_nghost-%COMP%]   .animation.reduced-motion[_ngcontent-%COMP%]   .build-for-everyone-layer[_ngcontent-%COMP%]{position:relative;height:120vh;opacity:1;transform:scale(1)}[_nghost-%COMP%]   .animation.reduced-motion[_ngcontent-%COMP%]   .build-for-everyone-layer[_ngcontent-%COMP%] > .title[_ngcontent-%COMP%]{background-position-x:0}'],changeDetection:0})}return o})();var Ae=()=>[import('./chunk-DFNcA9tT.js').then(o=>o.CodeEditorComponent)];function Te(o,t){o&1&&Cw(0,"div",1);}function Se(o,t){if(o&1&&Cw(0,"adev-code-editor",4),o&2){let e=nR();lw("tutorialFiles",e.tutorialFiles);}}function Re(o,t){o&1&&Cw(0,"img",5);}var De="homepage",An=(()=>{class o{activatedRoute=w(oe$1);renderer=w(Tk);win=w(yc);doc=w(_);scrollListener;tutorialFiles=De;isUwu="uwu"in this.activatedRoute.snapshot.queryParams;scrollProgress=Vn(0);prefetchEditor=Zr(()=>this.scrollProgress()>.25);showEditor=Zr(()=>this.scrollProgress()>.35);animationReady=Vn(false);ngAfterViewInit(){this.scrollListener=this.renderer.listen(this.win,"scroll",()=>this.scrollProgress.set(this.win.scrollY/this.doc.body.scrollHeight));}ngOnDestroy(){this.scrollListener&&this.scrollListener();}onAnimationReady(e){this.animationReady.set(e);}static ɵfac=function(n){return new(n||o)};static ɵcmp=Vk({type:o,selectors:[["adev-home"]],decls:8,vars:4,consts:[[3,"ready","isUwu"],[1,"spacer"],[1,"adev-editor-scroll-container"],[1,"adev-code-editor"],[3,"tutorialFiles"],["alt","程式碼編輯器"]],template:function(n,r){n&1&&(_p(0,"adev-home-animation",0),Fw("ready",function(i){return r.onAnimationReady(i)}),Tp(),CE(1,Te,1,0,"div",1),_p(2,"div",2)(3,"div",3),CE(4,Se,1,1)(5,Re,1,0),Wk(6,4,Ae,5),Tp()()),n&2&&(lw("isUwu",r.isUwu),Dk(),Yk(r.animationReady()?-1:1),Dk(5),zk(r.showEditor()),Gk(r.prefetchEditor()));},dependencies:[Bt],styles:['[_nghost-%COMP%]{width:100%;position:relative}.docs-dark-mode   [_nghost-%COMP%]   .adev-editor-scroll-container[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{content:url("./media/editor-dark-horizontal-77EOZCTM.svg")}@media (max-width: 775px){.docs-dark-mode   [_nghost-%COMP%]   .adev-editor-scroll-container[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{content:url("./media/editor-dark-vertical-NVEKZCHP.svg")}}.docs-light-mode   [_nghost-%COMP%]   .adev-editor-scroll-container[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{content:url("./media/editor-light-horizontal-EM34KOCZ.svg")}@media (max-width: 775px){.docs-light-mode   [_nghost-%COMP%]   .adev-editor-scroll-container[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{content:url("./media/editor-light-vertical-XEBNSYEW.svg")}}[_nghost-%COMP%]   .spacer[_ngcontent-%COMP%]{height:100vh}[_nghost-%COMP%]   .adev-editor-scroll-container[_ngcontent-%COMP%]{position:relative;height:300vh;background-color:var(--page-background)}[_nghost-%COMP%]   .adev-editor-scroll-container[_ngcontent-%COMP%]   .adev-code-editor[_ngcontent-%COMP%]{background-color:var(--page-background);padding-bottom:60px;position:sticky;top:calc((100vh - (100vh - 110px))/2)}@media (min-width: 701px) and (max-width: 900px){[_nghost-%COMP%]   .adev-editor-scroll-container[_ngcontent-%COMP%]   .adev-code-editor[_ngcontent-%COMP%]{top:calc((100vh - (100vh - 110px))/2 + 36px)}}@media (max-width: 700px){[_nghost-%COMP%]   .adev-editor-scroll-container[_ngcontent-%COMP%]   .adev-code-editor[_ngcontent-%COMP%]{top:calc((100vh - (100vh - 110px))/2 + 25px)}}[_nghost-%COMP%]   .adev-editor-scroll-container[_ngcontent-%COMP%]   .adev-code-editor[_ngcontent-%COMP%]     embedded-editor{margin:0 auto;display:flex;width:75vw;height:calc(100vh - 110px)}@media (max-width: 700px){[_nghost-%COMP%]   .adev-editor-scroll-container[_ngcontent-%COMP%]   .adev-code-editor[_ngcontent-%COMP%]     embedded-editor{width:95vw}}[_nghost-%COMP%]   .adev-editor-scroll-container[_ngcontent-%COMP%]   .adev-code-editor[_ngcontent-%COMP%]     embedded-editor .adev-editor-container{width:100%}[_nghost-%COMP%]   .adev-editor-scroll-container[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{margin:0 auto;display:flex;justify-content:center;align-items:center;height:auto;min-height:60vh;width:75vw}'],changeDetection:0})}return o})();
export{De as TUTORIALS_HOMEPAGE_DIRECTORY,An as default};