-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathchunk-D-mikGdD.js
1 lines (1 loc) · 10.6 KB
/
chunk-D-mikGdD.js
1
import {o as on,N as Ns}from'./chunk-CyMRNplY.js';import'./chunk-Nwjx55rZ.js';import {d as D,ab as r1,aK as we,aQ as mt,aL as Mc,aM as rv,bf as um,bg as Jl,bh as Yl,aP as k,D as Db,aT as Tc,a3 as Xe,a0 as nt,a1 as De,a2 as Se,n as gl,o as ow,p as ml,O as OD,a4 as Sh,a6 as rw,S as SI,b as Wh,C as dg,A as AD,L as LD,W as WD,F as FD,U as UD,r as ag,M as Xu,N as ed,aJ as ww,a$ as ng}from'./main-CWMTBNLS.js';var p={templates:[{path:"playground/0-hello-world",label:"Hello world"},{path:"playground/1-signals",label:"Signals"},{path:"playground/2-control-flow",label:"Control flow"},{path:"playground/3-minigame",label:"Minigame"}],defaultTemplate:{path:"playground/0-hello-world",label:"Hello world"},starterTemplate:{path:"playground/3-minigame",label:"Minigame"}};var J=(e,r)=>r.path;function L(e,r){e&1&&ng(0);}function Y(e,r){if(e&1&&Sh(0,L,1,0,"ng-container",6),e&2){let t=WD();Wh("ngComponentOutlet",t.embeddedEditorComponent);}}function G(e,r){if(e&1){let t=UD();gl(0,"li")(1,"button",8),ag("click",function(){let i=Xu(t).$implicit,m=WD(2);return ed(m.changeTemplate(i))}),gl(2,"span"),ow(3),ml()()();}if(e&2){let t=r.$implicit;SI(3),dg(t.label);}}function K(e,r){if(e&1&&(gl(0,"ul",7),LD(1,G,4,1,"li",null,J),ml()),e&2){let t=WD();SI(),FD(t.templates);}}var ct=(()=>{class e{changeDetectorRef=D(r1);environmentInjector=D(we);destroyRef=D(mt);isBrowser=Mc(D(rv));templates=p.templates;defaultTemplate=p.defaultTemplate;starterTemplate=p.starterTemplate;nodeRuntimeSandbox;embeddedEditorComponent;selectedTemplate=this.defaultTemplate;ngAfterViewInit(){this.isBrowser&&um({nodeRuntimeSandbox:on(this.environmentInjector),embeddedEditorComponent:import('./chunk-CyMRNplY.js').then(function(n){return n.c}).then(t=>t.EmbeddedEditor)}).pipe(Jl(({nodeRuntimeSandbox:t,embeddedEditorComponent:n})=>{this.nodeRuntimeSandbox=t,this.embeddedEditorComponent=n;}),Yl(()=>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 Ns(this.environmentInjector,()=>import('./chunk-CyMRNplY.js').then(function(n){return n.c}).then(i=>i.EmbeddedTutorialManager))).fetchAndSetTutorialFiles(t);}static \u0275fac=function(n){return new(n||e)};static \u0275cmp=Db({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&&(gl(0,"div",1)(1,"header")(2,"h1",2),ow(3,"Angular \u6F14\u7EC3\u573A"),ml()(),gl(4,"div",3)(5,"label",4),ow(6,"\u9009\u62E9\u6A21\u677F"),ml(),gl(7,"button",5)(8,"span"),ow(9),ml(),gl(10,"docs-icon"),ow(11,"expand_more"),ml()()()(),OD(12,Y,1,1,"ng-container"),Sh(13,K,3,0,"ng-template",null,0,ww)),n&2){let m=rw(14);SI(7),Wh("cdkMenuTriggerFor",m),SI(2),dg(i.selectedTemplate.label),SI(3),AD(i.embeddedEditorComponent?12:-1);}},dependencies:[Tc,Xe,nt,De,Se],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{ct as default};