werks here

src/frontend/widget/main.ts

@@ -0,0 +1 @@
+export { PluginModule } from './widget/module';

src/frontend/widget/widget/a-nested.component.ts

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'exclamations',
+  template: `
+  <span style="color: blue">!!!</span>
+  `
+})
+export class ANestedComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() { }
+
+}

src/frontend/widget/widget/component.ts

@@ -0,0 +1,24 @@
+import { Component, OnInit } from '@angular/core';
+declare const fb
+@Component({
+  selector: 'APICLIENT', //!!!!
+  template: `
+  <div class="card">
+    <div class="card-block">
+      <div class="card-title">
+        APICLIENT ${Object.keys(fb.ApiClient).join("<br>")}
+      </div>
+      <div class="card-text">
+        Hello World <exclamations></exclamations>
+      </div>
+    </div>
+  </div>
+  `
+})
+export class PluginComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() { }
+
+}

src/frontend/widget/widget/module.ts

@@ -0,0 +1,18 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { PluginComponent } from './component';
+import { ANestedComponent } from './a-nested.component';
+
+@NgModule({
+  imports: [CommonModule],
+  declarations: [
+    PluginComponent,
+    ANestedComponent
+  ],
+  entryComponents: [PluginComponent],
+  providers: [{
+    provide: 'provider',
+    useValue: PluginComponent
+  }]
+})
+export class PluginModule { }