Replace template/styles with templateUrl/styleUrls

shared/src/components/svg/keys/svg-icon-text-key/svg-icon-text-key.component.ts

@@ -2,7 +2,7 @@ import { Component, Input, OnInit } from '@angular/core';
 
 @Component({
     selector: 'g[svg-icon-text-key]',
-    template: require('./svg-icon-text-key.component.html')
+    templateUrl: './svg-icon-text-key.component.html'
 })
 export class SvgIconTextKeyComponent implements OnInit {
     @Input() width: number;

shared/src/components/svg/keys/svg-keyboard-key/svg-keyboard-key.component.ts

@@ -59,8 +59,8 @@ enum LabelTypes {
         ])
     ],
     selector: 'g[svg-keyboard-key]',
-    template: require('./svg-keyboard-key.component.html'),
-    styles: [require('./svg-keyboard-key.component.scss')]
+    templateUrl: './svg-keyboard-key.component.html',
+    styleUrls: ['./svg-keyboard-key.component.scss']
 })
 export class SvgKeyboardKeyComponent implements OnInit, OnChanges, OnDestroy {
     @Input() id: string;

shared/src/components/svg/keys/svg-keystroke-key/svg-keystroke-key.component.ts

@@ -26,8 +26,8 @@ enum Modifiers {
 
 @Component({
     selector: 'g[svg-keystroke-key]',
-    template: require('./svg-keystroke-key.component.html'),
-    styles: [require('./svg-keystroke-key.component.scss')]
+    templateUrl: './svg-keystroke-key.component.html',
+    styleUrls: ['./svg-keystroke-key.component.scss']
 })
 export class SvgKeystrokeKeyComponent implements OnInit, OnChanges {
     @Input() height: number;

shared/src/components/svg/keys/svg-mouse-click-key/svg-mouse-click-key.ts

@@ -4,7 +4,7 @@ import { MapperService } from '../../../../services/mapper.service';
 
 @Component({
     selector: 'g[svg-mouse-click-key]',
-    template: require('./svg-mouse-click-key.html')
+    templateUrl: './svg-mouse-click-key.html'
 })
 export class SvgMouseClickKeyComponent implements OnInit {
     @Input() button: string;

shared/src/components/svg/keys/svg-mouse-key/svg-mouse-key.ts

@@ -4,7 +4,7 @@ import { MouseAction, MouseActionParam } from '../../../../config-serializer/con
 
 @Component({
     selector: 'g[svg-mouse-key]',
-    template: require('./svg-mouse-key.html')
+    templateUrl: './svg-mouse-key.html'
 })
 export class SvgMouseKeyComponent implements OnChanges {
     @Input() mouseAction: MouseAction;

shared/src/components/svg/keys/svg-mouse-move-key/svg-mouse-move-key.ts

@@ -4,7 +4,7 @@ import { MapperService } from '../../../../services/mapper.service';
 
 @Component({
     selector: 'g[svg-mouse-move-key]',
-    template: require('./svg-mouse-move-key.html')
+    templateUrl: './svg-mouse-move-key.html'
 })
 export class SvgMouseMoveKeyComponent implements OnChanges {
     @Input() direction: string;

shared/src/components/svg/keys/svg-mouse-scroll-key/svg-mouse-scroll-key.ts

@@ -4,7 +4,7 @@ import { MapperService } from '../../../../services/mapper.service';
 
 @Component({
     selector: 'g[svg-mouse-scroll-key]',
-    template: require('./svg-mouse-scroll-key.html')
+    templateUrl: './svg-mouse-scroll-key.html'
 })
 export class SvgMouseScrollKeyComponent implements OnChanges {
     @Input() direction: string;

shared/src/components/svg/keys/svg-mouse-speed-key/svg-mouse-speed-key.ts

@@ -4,7 +4,7 @@ import { MapperService } from '../../../../services/mapper.service';
 
 @Component({
     selector: 'g[svg-mouse-speed-key]',
-    template: require('./svg-mouse-speed-key.html')
+    templateUrl: './svg-mouse-speed-key.html'
 })
 export class SvgMouseSpeedKeyComponent implements OnChanges {
     @Input() plus: boolean;

shared/src/components/svg/keys/svg-one-line-text-key/svg-one-line-text-key.component.ts

@@ -2,7 +2,7 @@ import { Component, Input, OnInit } from '@angular/core';
 
 @Component({
     selector: 'g[svg-one-line-text-key]',
-    template: require('./svg-one-line-text-key.component.html')
+    templateUrl: './svg-one-line-text-key.component.html'
 })
 export class SvgOneLineTextKeyComponent implements OnInit {
     @Input() height: number;

shared/src/components/svg/keys/svg-single-icon-key/svg-single-icon-key.component.ts

@@ -2,7 +2,7 @@ import { Component, Input, OnInit } from '@angular/core';
 
 @Component({
     selector: 'g[svg-single-icon-key]',
-    template: require('./svg-single-icon-key.component.html')
+    templateUrl: './svg-single-icon-key.component.html'
 })
 export class SvgSingleIconKeyComponent implements OnInit {
     @Input() width: number;

shared/src/components/svg/keys/svg-switch-keymap-key/svg-switch-keymap-key.component.ts

@@ -4,7 +4,7 @@ import { MapperService } from '../../../../services/mapper.service';
 
 @Component({
     selector: 'g[svg-switch-keymap-key]',
-    template: require('./svg-switch-keymap-key.component.html')
+    templateUrl: './svg-switch-keymap-key.component.html'
 })
 export class SvgSwitchKeymapKeyComponent implements OnInit {
     @Input() width: number;

shared/src/components/svg/keys/svg-text-icon-key/svg-text-icon-key.component.ts

@@ -2,7 +2,7 @@ import { Component, Input, OnInit } from '@angular/core';
 
 @Component({
     selector: 'g[svg-text-icon-key]',
-    template: require('./svg-text-icon-key.component.html')
+    templateUrl: './svg-text-icon-key.component.html'
 })
 export class SvgTextIconKeyComponent implements OnInit {
     @Input() width: number;

shared/src/components/svg/keys/svg-two-line-text-key/svg-two-line-text-key.component.ts

@@ -2,7 +2,7 @@ import { Component, Input, OnInit } from '@angular/core';
 
 @Component({
     selector: 'g[svg-two-line-text-key]',
-    template: require('./svg-two-line-text-key.component.html')
+    templateUrl: './svg-two-line-text-key.component.html'
 })
 export class SvgTwoLineTextKeyComponent implements OnInit {
     @Input() height: number;