Make RegisterEmailComponent themeable

src/app/register-page/register-email/themed-register-email.component.ts

@@ -0,0 +1,25 @@
+import { Component } from '@angular/core';
+import { ThemedComponent } from '../../shared/theme-support/themed.component';
+import { RegisterEmailComponent } from './register-email.component';
+
+/**
+ * Themed wrapper for RegisterEmailComponent
+ */
+@Component({
+  selector: 'ds-themed-register-email',
+  styleUrls: [],
+  templateUrl: '../../shared/theme-support/themed.component.html',
+})
+export class ThemedRegisterEmailComponent extends ThemedComponent<RegisterEmailComponent> {
+  protected getComponentName(): string {
+    return 'RegisterEmailComponent';
+  }
+
+  protected importThemedComponent(themeName: string): Promise<any> {
+    return import(`../../../themes/${themeName}/app/register-page/register-email/register-email.component`);
+  }
+
+  protected importUnthemedComponent(): Promise<any> {
+    return import('./register-email.component');
+  }
+}

src/app/register-page/register-page-routing.module.ts

@@ -1,6 +1,6 @@
 import { NgModule } from '@angular/core';
 import { RouterModule } from '@angular/router';
-import { RegisterEmailComponent } from './register-email/register-email.component';
+import { ThemedRegisterEmailComponent } from './register-email/themed-register-email.component';
 import { ItemPageResolver } from '../item-page/item-page.resolver';
 import { EndUserAgreementCookieGuard } from '../core/end-user-agreement/end-user-agreement-cookie.guard';
 import { ThemedCreateProfileComponent } from './create-profile/themed-create-profile.component';
@@ -11,7 +11,7 @@ import { RegistrationGuard } from './registration.guard';
     RouterModule.forChild([
       {
         path: '',
-        component: RegisterEmailComponent,
+        component: ThemedRegisterEmailComponent,
         data: {title: 'register-email.title'},
       },
       {

src/app/register-page/register-page.module.ts

@@ -7,6 +7,7 @@ import { CreateProfileComponent } from './create-profile/create-profile.componen
 import { RegisterEmailFormModule } from '../register-email-form/register-email-form.module';
 import { ProfilePageModule } from '../profile-page/profile-page.module';
 import { ThemedCreateProfileComponent } from './create-profile/themed-create-profile.component';
+import { ThemedRegisterEmailComponent } from './register-email/themed-register-email.component';
 
 @NgModule({
   imports: [
@@ -18,6 +19,7 @@ import { ThemedCreateProfileComponent } from './create-profile/themed-create-pro
   ],
   declarations: [
     RegisterEmailComponent,
+    ThemedRegisterEmailComponent,
     CreateProfileComponent,
     ThemedCreateProfileComponent
   ],