var d={name:"angular",title:window.deps.translateString("templates.starter.angular","Angular Starter"),thumbnail:"assets/templates/angular.svg",activeEditor:"script",markup:{language:"html",content:`Loading... `},style:{language:"css",content:""},script:{language:"typescript",content:` import { Component, Input, NgModule, enableProdMode } from '@angular/core@12.2.13'; import { CommonModule } from '@angular/common@12.2.13'; import { BrowserModule } from '@angular/platform-browser@12.2.13'; import { platformBrowserDynamic } from '@angular/platform-browser-dynamic@12.2.13'; import 'zone.js@0.12.0/dist/zone'; // app.component.ts @Component({ selector: "app", styles: [ \` .container, .container button { text-align: center; font: 1em sans-serif; } .logo { width: 150px; } \`, ], template: \`

You clicked {{count}} times.

\`, }) class AppComponent { count = 0; name = "Angular"; constructor() {} increment() { this.count += 1; } } // heading.component.ts @Component({ selector: "heading", template: "

{{title}}

", }) class HeadingComponent { @Input() name: string; title: string; ngOnInit() { this.title = \`Hello, \${this.name}!\`; } } // app.module.ts @NgModule({ imports: [BrowserModule, CommonModule], declarations: [AppComponent, HeadingComponent], bootstrap: [AppComponent], providers: [], }) class AppModule {} // main.ts // enableProdMode(); platformBrowserDynamic() .bootstrapModule(AppModule) .catch((err: Error) => console.error(err)); `.trimStart()},customSettings:{typescript:{experimentalDecorators:!0}}};var u={name:"assemblyscript",title:window.deps.translateString("templates.starter.assemblyscript","AssemblyScript Starter"),thumbnail:"assets/templates/assemblyscript.svg",activeEditor:"script",markup:{language:"html",content:`

Hello, World!

You clicked 0 times.