style: rewrite imports of styles to styleUrls for AOT inside components

Author: dkocich

public_src/components/app/app.component.ts

@@ -15,7 +15,9 @@ import { EditService } from '../../services/edit.service';
 @Component({
   providers: [{ provide: CarouselConfig, useValue: { noPause: false } }],
   selector: 'app',
-  styles: [require<any>('./app.component.less')],
+  styleUrls: [
+    './app.component.less',
+  ],
   templateUrl: './app.component.html',
 })
 export class AppComponent {

public_src/components/auth/auth.component.ts

@@ -7,7 +7,9 @@ import { StorageService } from '../../services/storage.service';
 @Component({
   providers: [],
   selector: 'auth',
-  styles: [require<any>('./auth.component.less')],
+  styleUrls: [
+    './auth.component.less',
+  ],
   templateUrl: './auth.component.html',
 })
 export class AuthComponent {

public_src/components/editor/editor.component.ts

@@ -10,9 +10,9 @@ import { ModalDirective } from 'ngx-bootstrap';
 @Component({
   providers: [],
   selector: 'editor',
-  styles: [
-    require<any>('./editor.component.less'),
-    require<any>('../../styles/main.less'),
+  styleUrls: [
+    './editor.component.less',
+    '../../styles/main.less',
   ],
   templateUrl: './editor.component.html',
 })

public_src/components/lang/lang.component.ts

@@ -6,7 +6,9 @@ import { TranslateService } from '@ngx-translate/core';
 @Component({
   providers: [],
   selector: 'lang',
-  styles: [require<any>('./lang.component.less')],
+  styleUrls: [
+    './lang.component.less',
+  ],
   templateUrl: './lang.component.html',
 })
 export class LangComponent {

public_src/components/navigator/navigator.component.ts

@@ -6,9 +6,9 @@ import { MapService } from '../../services/map.service';
 @Component({
   providers: [],
   selector: 'navigator',
-  styles: [
-    require<any>('./navigator.component.less'),
-    require<any>('../../styles/main.less'),
+  styleUrls: [
+    './navigator.component.less',
+    '../../styles/main.less',
   ],
   templateUrl: './navigator.component.html',
 })

public_src/components/sidebar/relation-browser.component.ts

@@ -10,9 +10,9 @@ import { IPtRouteMasterNew } from '../../core/ptRouteMasterNew.interface';
 @Component({
   providers: [],
   selector: 'relation-browser',
-  styles: [
-    require<any>('./relation-browser.component.less'),
-    require<any>('../../styles/main.less'),
+  styleUrls: [
+    './relation-browser.component.less',
+    '../../styles/main.less',
   ],
   templateUrl: './relation-browser.component.html',
 })

public_src/components/sidebar/route-browser.component.ts

@@ -9,9 +9,9 @@ import { StorageService } from '../../services/storage.service';
 @Component({
   providers: [],
   selector: 'route-browser',
-  styles: [
-    require<any>('./route-browser.component.less'),
-    require<any>('../../styles/main.less'),
+  styleUrls: [
+    './route-browser.component.less',
+    '../../styles/main.less',
   ],
   templateUrl: './route-browser.component.html',
 })

public_src/components/sidebar/stop-browser.component.ts

@@ -12,9 +12,9 @@ import { IPtStop } from '../../core/ptStop.interface';
 @Component({
   providers: [],
   selector: 'stop-browser',
-  styles: [
-    require<any>('./stop-browser.component.less'),
-    require<any>('../../styles/main.less'),
+  styleUrls: [
+    './stop-browser.component.less',
+    '../../styles/main.less',
   ],
   templateUrl: './stop-browser.component.html',
 })

public_src/components/sidebar/tag-browser.component.ts

@@ -15,9 +15,9 @@ import { IOsmEntity } from '../../core/osmEntity.interface';
   changeDetection: ChangeDetectionStrategy.Default,
   providers: [],
   selector: 'tag-browser',
-  styles: [
-    require<any>('./tag-browser.component.less'),
-    require<any>('../../styles/main.less'),
+  styleUrls: [
+    './tag-browser.component.less',
+    '../../styles/main.less',
   ],
   templateUrl: './tag-browser.component.html',
 })

public_src/components/toolbar/toolbar.component.ts

@@ -14,9 +14,9 @@ import { IOsmEntity } from '../../core/osmEntity.interface';
 @Component({
   providers: [],
   selector: 'toolbar',
-  styles: [
-    require<any>('./toolbar.component.less'),
-    require<any>('../../styles/main.less'),
+  styleUrls: [
+    './toolbar.component.less',
+    '../../styles/main.less',
   ],
   templateUrl: './toolbar.component.html',
 })

public_src/components/transporter/transporter.component.ts

@@ -10,9 +10,9 @@ import { ModalDirective } from 'ngx-bootstrap';
 @Component({
   providers: [],
   selector: 'transporter',
-  styles: [
-    require<any>('../toolbar/toolbar.component.less'),
-    require<any>('./transporter.component.less'),
+  styleUrls: [
+    '../toolbar/toolbar.component.less',
+    './transporter.component.less',
   ],
   templateUrl: './transporter.component.html',
 })