-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathchunk-sKDgaV4_.js
1 lines (1 loc) · 10.6 KB
/
chunk-sKDgaV4_.js
1
import {a as an,U as Us}from'./chunk-DxQs-mxZ.js';import'./chunk-BZowma7t.js';import {w,aa as NR,aM as Be,aS as St,aN as ps,aO as uk,bh as vh,bi as Uc,bj as $c,aR as k,V as Vk,aV as ds,a3 as Ze,a0 as et,a1 as Re,a2 as Ee,_ as _p,f as pR,h as Tp,C as CE,aL as MR,a5 as fR,D as Dk,l as lw,U as Uw,Y as Yk,X as Xk,n as nR,i as eR,x as tR,F as Fw,I as tk,L as nk,b1 as Nw}from'./main-BP72IIBJ.js';var p={templates:[{path:"playground/0-hello-world",label:"Hello world"},{path:"playground/2-control-flow",label:"Control flow"},{path:"playground/1-signals",label:"Signals"},{path:"playground/3-minigame",label:"Minigame"}],defaultTemplate:{path:"playground/0-hello-world",label:"Hello world"},starterTemplate:{path:"playground/3-minigame",label:"Minigame"}};var H=(e,r)=>r.path;function J(e,r){e&1&&Nw(0);}function L(e,r){if(e&1&&CE(0,J,1,0,"ng-container",6),e&2){let t=nR();lw("ngComponentOutlet",t.embeddedEditorComponent);}}function Y(e,r){if(e&1){let t=tR();_p(0,"li")(1,"button",8),Fw("click",function(){let i=tk(t).$implicit,m=nR(2);return nk(m.changeTemplate(i))}),_p(2,"span"),pR(3),Tp()()();}if(e&2){let t=r.$implicit;Dk(3),Uw(t.label);}}function G(e,r){if(e&1&&(_p(0,"ul",7),Xk(1,Y,4,1,"li",null,H),Tp()),e&2){let t=nR();Dk(),eR(t.templates);}}var lt=(()=>{class e{changeDetectorRef=w(NR);environmentInjector=w(Be);destroyRef=w(St);isBrowser=ps(w(uk));templates=p.templates;defaultTemplate=p.defaultTemplate;starterTemplate=p.starterTemplate;nodeRuntimeSandbox;embeddedEditorComponent;selectedTemplate=this.defaultTemplate;ngAfterViewInit(){this.isBrowser&&vh({nodeRuntimeSandbox:an(this.environmentInjector),embeddedEditorComponent:import('./chunk-DxQs-mxZ.js').then(function(n){return n.c}).then(t=>t.EmbeddedEditor)}).pipe(Uc(({nodeRuntimeSandbox:t,embeddedEditorComponent:n})=>{this.nodeRuntimeSandbox=t,this.embeddedEditorComponent=n;}),$c(()=>this.loadTemplate(this.defaultTemplate.path)),k(this.destroyRef)).subscribe(()=>{this.changeDetectorRef.markForCheck(),this.nodeRuntimeSandbox.init();});}async newProject(){await this.loadTemplate(this.starterTemplate.path);}async changeTemplate(t){this.selectedTemplate=t,await this.loadTemplate(t.path),await this.nodeRuntimeSandbox.reset();}async loadTemplate(t){await(await Us(this.environmentInjector,()=>import('./chunk-DxQs-mxZ.js').then(function(n){return n.c}).then(i=>i.EmbeddedTutorialManager))).fetchAndSetTutorialFiles(t);}static \u0275fac=function(n){return new(n||e)};static \u0275cmp=Vk({type:e,selectors:[["adev-playground"]],decls:15,vars:3,consts:[["templatesMenu",""],[1,"adev-playground-header"],["tabindex","-1"],[1,"adev-template-select"],["for","playgroundTemplate"],[3,"cdkMenuTriggerFor"],[4,"ngComponentOutlet"],["cdkMenu","",1,"adev-template-dropdown"],["cdkMenuItem","","type","button",3,"click"]],template:function(n,i){if(n&1&&(_p(0,"div",1)(1,"header")(2,"h1",2),pR(3,"Angular \u6F14\u7EC3\u573A"),Tp()(),_p(4,"div",3)(5,"label",4),pR(6,"\u9009\u62E9\u6A21\u677F"),Tp(),_p(7,"button",5)(8,"span"),pR(9),Tp(),_p(10,"docs-icon"),pR(11,"expand_more"),Tp()()()(),CE(12,L,1,1,"ng-container")(13,G,3,0,"ng-template",null,0,MR)),n&2){let m=fR(14);Dk(7),lw("cdkMenuTriggerFor",m),Dk(2),Uw(i.selectedTemplate.label),Dk(3),Yk(i.embeddedEditorComponent?12:-1);}},dependencies:[ds,Ze,et,Re,Ee],styles:["[_nghost-%COMP%]{display:block;padding:var(--layout-padding);padding-block-end:100px;height:100vh;width:100%;box-sizing:border-box}[_nghost-%COMP%] header[_ngcontent-%COMP%]{display:flex;gap:1rem}[_nghost-%COMP%] header[_ngcontent-%COMP%] h1[_ngcontent-%COMP%]{margin-block:0}.adev-playground-header[_ngcontent-%COMP%]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-block:1rem}.adev-template-select[_ngcontent-%COMP%]{margin-block-end:.5rem}.adev-template-select[_ngcontent-%COMP%] label[_ngcontent-%COMP%]{color:var(--quaternary-contrast);font-size:.875rem;margin-block-end:.3rem;margin-inline-start:.45rem;display:block}.adev-template-select[_ngcontent-%COMP%] button[_ngcontent-%COMP%]{font-size:.875rem;border:1px solid var(--senary-contrast);border-radius:.25rem;width:200px;display:flex;justify-content:space-between;align-items:center;padding-block:.5rem;font-weight:400;transition:border .3s ease}.adev-template-select[_ngcontent-%COMP%] button[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{color:var(--primary-contrast);transition:color .3s ease;margin-inline-start:.1rem}.adev-template-select[_ngcontent-%COMP%] button[_ngcontent-%COMP%] docs-icon[_ngcontent-%COMP%]{font-size:1.3rem;color:var(--quaternary-contrast);transition:color .3s ease}.adev-template-dropdown[_ngcontent-%COMP%]{border:1px solid var(--senary-contrast);border-radius:.25rem;padding:0;transform:translateY(-.7rem)}.adev-template-dropdown[_ngcontent-%COMP%] li[_ngcontent-%COMP%]{list-style:none;width:198px;box-sizing:border-box}.adev-template-dropdown[_ngcontent-%COMP%] li[_ngcontent-%COMP%] button[_ngcontent-%COMP%]{background:var(--page-background);font-size:.875rem;width:100%;text-align:left;padding-block:.5rem;color:var(--quaternary-contrast);transition:color .3s ease,background .3s ease;font-weight:400}.adev-template-dropdown[_ngcontent-%COMP%] li[_ngcontent-%COMP%] button[_ngcontent-%COMP%]:hover{background:var(--senary-contrast);color:var(--primary-contrast)}",".adev-tutorial-nav-container[_ngcontent-%COMP%]{position:sticky;top:0;width:100%;background-color:var(--page-background);padding-block-start:var(--layout-padding);padding-block-end:calc(1.5rem + 50px);margin-block-end:1rem;border-block-end:1px solid var(--septenary-contrast);z-index:var(--z-index-nav);transition:background-color .3s ease;container:nav-container/inline-size}@media (max-width: 900px){.adev-tutorial-nav-container[_ngcontent-%COMP%]{top:60px}}@media (max-width: 700px){.adev-tutorial-nav-container[_ngcontent-%COMP%]{top:55px}}@container tutorial-content (max-width: 430px){.adev-tutorial-nav-container[_ngcontent-%COMP%]:has(.docs-reveal-answer-button){padding-block-end:calc(1.5rem + 85px)}}@container page-content (max-width: 430px){.adev-tutorial-nav-container[_ngcontent-%COMP%]:has(.docs-reveal-answer-button){padding-block-end:calc(1.5rem + 85px)}}.adev-tutorial-nav[_ngcontent-%COMP%]{position:absolute;display:flex;justify-content:space-between;align-items:center;gap:.5rem;width:100%;flex-wrap:wrap;z-index:var(--z-index-nav)}.adev-unfold-button[_ngcontent-%COMP%]{display:flex;gap:.5rem;align-items:center;padding-inline:0;border:none;background-color:transparent;cursor:pointer;flex:1;z-index:var(--z-index-nav)}.adev-unfold-button[_ngcontent-%COMP%] docs-icon[_ngcontent-%COMP%]{min-width:1.5rem;color:var(--quinary-contrast);transition:color .2s ease-in-out}.adev-nav-open[_ngcontent-%COMP%] .adev-unfold-button[_ngcontent-%COMP%] docs-icon[_ngcontent-%COMP%], .adev-unfold-button[_ngcontent-%COMP%]:hover docs-icon[_ngcontent-%COMP%]{color:var(--primary-contrast)}.adev-current-tutorial[_ngcontent-%COMP%]{text-align:left;letter-spacing:.00875rem}.adev-current-tutorial[_ngcontent-%COMP%] span[_ngcontent-%COMP%]:first-child{margin-block-end:.2rem;color:var(--quaternary-contrast);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.adev-current-tutorial[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{color:var(--primary-contrast);font-weight:500;font-size:.875rem;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.adev-download-button[_ngcontent-%COMP%]{width:2.875rem;height:2.875rem;padding:0}@container nav-container (max-width: 430px){.adev-reveal-desktop-button[_ngcontent-%COMP%]{display:none}}.adev-reveal-mobile-button-container[_ngcontent-%COMP%]{display:flex}@container nav-container (max-width: 430px){.adev-reveal-mobile-button-container[_ngcontent-%COMP%]{width:100%;justify-content:end}}@container nav-container (min-width: 430px){.adev-reveal-mobile-button-container[_ngcontent-%COMP%]{display:none}}.docs-reveal-answer-button[_ngcontent-%COMP%]{height:2.875rem;width:120px}.adev-reset-answer-button[_ngcontent-%COMP%]{background:var(--senary-contrast);transition:opacity .3s ease,background .3s ease}.adev-reset-answer-button[_ngcontent-%COMP%]:hover{background:var(--quinary-contrast)}.adev-reset-answer-button[_ngcontent-%COMP%]:hover:after{opacity:0}.adev-reset-answer-button[_ngcontent-%COMP%]:hover:before{background:var(--octonary-contrast)}.adev-nav-arrows[_ngcontent-%COMP%]{display:flex;gap:.5rem;margin-left:auto}.adev-nav-arrows[_ngcontent-%COMP%] button[_ngcontent-%COMP%]{width:2.875rem;height:2.875rem;display:flex;justify-content:center;align-items:center}.adev-nav-arrows[_ngcontent-%COMP%] button[_ngcontent-%COMP%]:disabled{background:var(--quinary-contrast)}.adev-nav-arrows[_ngcontent-%COMP%] button[_ngcontent-%COMP%]:disabled docs-icon[_ngcontent-%COMP%]{color:var(--quinary-contrast)}.adev-nav-arrows[_ngcontent-%COMP%] button[_ngcontent-%COMP%] docs-icon[_ngcontent-%COMP%]{z-index:var(--z-index-icon);color:var(--primary-contrast)}",'.adev-tutorial-nav-list-dropdown[_ngcontent-%COMP%]{background-color:var(--page-background);border:1px solid var(--senary-contrast);border-radius:.25rem;z-index:var(--z-index-nav);margin-top:1rem;width:100%;box-shadow:10px 4px 40px #0000000d;display:flex;flex-direction:column}@container tutorial-content (max-width: 430px){.adev-tutorial-nav-list-dropdown[_ngcontent-%COMP%]{margin-top:0}}.adev-tutorial-nav-list-dropdown[_ngcontent-%COMP%] ul[_ngcontent-%COMP%]{padding-block-end:1rem}.adev-tutorial-nav-list-dropdown[_ngcontent-%COMP%] a[_ngcontent-%COMP%]{position:sticky;display:flex;align-items:center;justify-content:flex-end;color:var(--gray-400);background-color:var(--page-background);border-block-start:1px solid var(--senary-contrast);border-radius:0 0 .25rem .25rem;text-align:right;padding:1rem;font-size:.875rem;transition:color .3s ease}.adev-tutorial-nav-list-dropdown[_ngcontent-%COMP%] a[_ngcontent-%COMP%]:hover{color:var(--primary-contrast);background-color:var(--octonary-contrast)}.adev-tutorial-nav-list-dropdown[_ngcontent-%COMP%] a[_ngcontent-%COMP%]:after{content:"chevron_right";font-family:var(--icons);font-size:1.3rem;margin-inline-start:.2rem}.adev-nav-list[_ngcontent-%COMP%]{height:max-content;max-height:calc(var(--fixed-content-height) - var(--layout-padding) - 67px);padding-block-start:1rem;padding-block-end:0}@container tutorial-content (max-width: 430px){.adev-nav-list[_ngcontent-%COMP%]{max-height:calc(var(--fixed-content-height) - var(--layout-padding) - 105px)}}@media (max-width: 900px){.adev-nav-list[_ngcontent-%COMP%]{max-height:calc(var(--fixed-content-height) - var(--layout-padding) - 167px)}}.adev-nav-list[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{background-color:var(--senary-contrast)}'],changeDetection:0})}return e})();export{lt as default};