Add support for dynamic themes

src/app/root/themed-root.component.ts

@@ -0,0 +1,35 @@
+import { ThemedComponent } from '../shared/theme-support/themed.component';
+import { RootComponent } from './root.component';
+import { Component, Input } from '@angular/core';
+
+@Component({
+  selector: 'ds-themed-root',
+  styleUrls: [],
+  templateUrl: '../shared/theme-support/themed.component.html',
+})
+export class ThemedRootComponent extends ThemedComponent<RootComponent> {
+  /**
+   * Whether or not the authentication is currently blocking the UI
+   */
+  @Input() isNotAuthBlocking: boolean;
+
+  /**
+   * Whether or not the the application is loading;
+   */
+  @Input() isLoading: boolean;
+
+  protected inAndOutputNames: (keyof RootComponent & keyof this)[] = ['isLoading', 'isNotAuthBlocking'];
+
+  protected getComponentName(): string {
+    return 'RootComponent';
+  }
+
+  protected importThemedComponent(themeName: string): Promise<any> {
+    return import(`../../themes/${themeName}/app/root/root.component`);
+  }
+
+  protected importUnthemedComponent(): Promise<any> {
+    return import(`./root.component`);
+  }
+
+}