Replace template/styles with templateUrl/styleUrls

shared/src/components/keymap/add/keymap-add.component.ts

@@ -12,8 +12,8 @@ import { KeymapActions } from '../../../store/actions';
 
 @Component({
     selector: 'keymap-add',
-    template: require('./keymap-add.component.html'),
-    styles: [require('./keymap-add.component.scss')],
+    templateUrl: './keymap-add.component.html',
+    styleUrls: ['./keymap-add.component.scss'],
     host: {
         'class': 'container-fluid'
     }

shared/src/components/keymap/edit/keymap-edit.component.ts

@@ -15,8 +15,8 @@ import { getKeymap, getKeymapEntities } from '../../../store/reducers/keymap';
 
 @Component({
     selector: 'keymap-edit',
-    template: require('./keymap-edit.component.html'),
-    styles: [require('./keymap-edit.component.scss')],
+    templateUrl: './keymap-edit.component.html',
+    styleUrls: ['./keymap-edit.component.scss'],
     host: {
         'class': 'container-fluid'
     }

shared/src/components/keymap/header/keymap-header.component.ts

@@ -18,8 +18,8 @@ import { KeymapActions } from '../../../store/actions';
 
 @Component({
     selector: 'keymap-header',
-    template: require('./keymap-header.component.html'),
-    styles: [require('./keymap-header.component.scss')],
+    templateUrl: './keymap-header.component.html',
+    styleUrls: ['./keymap-header.component.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class KeymapHeaderComponent implements OnChanges {