MOBILE-4653 chore: Migrate styleUrls to styleUrl when possible

src/addons/calendar/components/calendar/calendar.ts

@@ -61,7 +61,7 @@ import { toBoolean } from '@/core/transforms/boolean';
 @Component({
     selector: 'addon-calendar-calendar',
     templateUrl: 'addon-calendar-calendar.html',
-    styleUrls: ['calendar.scss'],
+    styleUrl: 'calendar.scss',
 })
 export class AddonCalendarCalendarComponent implements OnInit, DoCheck, OnDestroy {
 

src/addons/calendar/components/upcoming-events/upcoming-events.ts

@@ -36,7 +36,7 @@ import { Translate } from '@singletons';
 @Component({
     selector: 'addon-calendar-upcoming-events',
     templateUrl: 'addon-calendar-upcoming-events.html',
-    styleUrls: ['../../calendar-common.scss'],
+    styleUrl: '../../calendar-common.scss',
 })
 export class AddonCalendarUpcomingEventsComponent implements OnInit, DoCheck, OnDestroy {
 

src/addons/calendar/pages/edit-event/edit-event.ts

@@ -55,7 +55,7 @@ import { CoreLoadings } from '@services/loadings';
 @Component({
     selector: 'page-addon-calendar-edit-event',
     templateUrl: 'edit-event.html',
-    styleUrls: ['edit-event.scss'],
+    styleUrl: 'edit-event.scss',
 })
 export class AddonCalendarEditEventPage implements OnInit, OnDestroy, CanLeave {
 

src/addons/messages/pages/contacts-35/contacts.ts

@@ -36,7 +36,7 @@ import { CoreKeyboard } from '@singletons/keyboard';
 @Component({
     selector: 'addon-messages-contacts',
     templateUrl: 'contacts.html',
-    styleUrls: ['../../messages-common.scss'],
+    styleUrl: '../../messages-common.scss',
 })
 export class AddonMessagesContacts35Page implements OnInit, OnDestroy {
 

src/addons/messages/pages/contacts/contacts.ts

@@ -31,9 +31,7 @@ import { CoreSplitViewComponent } from '@components/split-view/split-view';
 @Component({
     selector: 'page-addon-messages-contacts',
     templateUrl: 'contacts.html',
-    styleUrls: [
-        '../../messages-common.scss',
-    ],
+    styleUrl: '../../messages-common.scss',
 })
 export class AddonMessagesContactsPage implements OnInit, OnDestroy {
 

src/addons/messages/pages/discussions-35/discussions.ts

@@ -40,7 +40,7 @@ import { CoreKeyboard } from '@singletons/keyboard';
 @Component({
     selector: 'addon-messages-discussions',
     templateUrl: 'discussions.html',
-    styleUrls: ['../../messages-common.scss'],
+    styleUrl: '../../messages-common.scss',
 })
 export class AddonMessagesDiscussions35Page implements OnInit, OnDestroy {
 

src/addons/messages/pages/group-conversations/group-conversations.ts

@@ -53,7 +53,7 @@ const enum AddonMessagesGroupConversationOptionNames {
 @Component({
     selector: 'page-addon-messages-group-conversations',
     templateUrl: 'group-conversations.html',
-    styleUrls: ['../../messages-common.scss'],
+    styleUrl: '../../messages-common.scss',
 })
 export class AddonMessagesGroupConversationsPage implements OnInit, OnDestroy {
 

src/addons/mod/assign/components/submission/submission.ts

@@ -77,7 +77,7 @@ import { CoreLoadings } from '@services/loadings';
 @Component({
     selector: 'addon-mod-assign-submission',
     templateUrl: 'addon-mod-assign-submission.html',
-    styleUrls: ['submission.scss'],
+    styleUrl: 'submission.scss',
 })
 export class AddonModAssignSubmissionComponent implements OnInit, OnDestroy, CanLeave {
 

src/addons/mod/assign/pages/edit/edit.ts

@@ -54,7 +54,7 @@ import { CoreLoadings } from '@services/loadings';
 @Component({
     selector: 'page-addon-mod-assign-edit',
     templateUrl: 'edit.html',
-    styleUrls: ['edit.scss'],
+    styleUrl: 'edit.scss',
 })
 export class AddonModAssignEditPage implements OnInit, OnDestroy, CanLeave {
 

src/addons/mod/bigbluebuttonbn/components/index/index.ts

@@ -41,7 +41,7 @@ import { convertTextToHTMLElement } from '@/core/utils/create-html-element';
 @Component({
     selector: 'addon-mod-bbb-index',
     templateUrl: 'index.html',
-    styleUrls: ['index.scss'],
+    styleUrl: 'index.scss',
 })
 export class AddonModBBBIndexComponent extends CoreCourseModuleMainActivityComponent implements OnInit {
 

src/addons/mod/book/pages/contents/contents.ts

@@ -45,7 +45,7 @@ import { CoreModals } from '@services/modals';
 @Component({
     selector: 'page-addon-mod-book-contents',
     templateUrl: 'contents.html',
-    styleUrls: ['contents.scss'],
+    styleUrl: 'contents.scss',
 })
 export class AddonModBookContentsPage implements OnInit, OnDestroy {
 

src/addons/mod/data/components/index/index.ts

@@ -61,7 +61,7 @@ const contentToken = '<!-- CORE-DATABASE-CONTENT-GOES-HERE -->';
 @Component({
     selector: 'addon-mod-data-index',
     templateUrl: 'addon-mod-data-index.html',
-    styleUrls: ['../../data.scss'],
+    styleUrl: '../../data.scss',
 })
 export class AddonModDataIndexComponent extends CoreCourseModuleMainActivityComponent implements OnInit, OnDestroy {
 

src/addons/mod/data/pages/entry/entry.ts

@@ -50,7 +50,7 @@ import {
 @Component({
     selector: 'page-addon-mod-data-entry',
     templateUrl: 'entry.html',
-    styleUrls: ['../../data.scss'],
+    styleUrl: '../../data.scss',
 })
 export class AddonModDataEntryPage implements OnInit, OnDestroy {
 

src/addons/mod/feedback/pages/form/form.ts

@@ -51,7 +51,7 @@ import { CoreError } from '@classes/errors/error';
 @Component({
     selector: 'page-addon-mod-feedback-form',
     templateUrl: 'form.html',
-    styleUrls: ['form.scss'],
+    styleUrl: 'form.scss',
 })
 export class AddonModFeedbackFormPage implements OnInit, OnDestroy, CanLeave {
 

src/addons/mod/forum/components/index/index.ts

@@ -74,7 +74,7 @@ import { CoreLoadings } from '@services/loadings';
 @Component({
     selector: 'addon-mod-forum-index',
     templateUrl: 'index.html',
-    styleUrls: ['index.scss'],
+    styleUrl: 'index.scss',
 })
 export class AddonModForumIndexComponent extends CoreCourseModuleMainActivityComponent implements OnInit, AfterViewInit, OnDestroy {
 

src/addons/mod/forum/components/post/post.ts

@@ -65,7 +65,7 @@ import { CoreWSFile } from '@services/ws';
 @Component({
     selector: 'addon-mod-forum-post',
     templateUrl: 'post.html',
-    styleUrls: ['post.scss'],
+    styleUrl: 'post.scss',
 })
 export class AddonModForumPostComponent implements OnInit, OnDestroy, OnChanges {
 

src/addons/mod/forum/pages/discussion/discussion.ts

@@ -73,7 +73,7 @@ type Post = AddonModForumPost & { children?: Post[] };
 @Component({
     selector: 'page-addon-mod-forum-discussion',
     templateUrl: 'discussion.html',
-    styleUrls: ['discussion.scss'],
+    styleUrl: 'discussion.scss',
 })
 export class AddonModForumDiscussionPage implements OnInit, AfterViewInit, OnDestroy, CanLeave {
 

src/addons/mod/forum/pages/new-discussion/new-discussion.ts

@@ -70,7 +70,7 @@ type NewDiscussionData = {
 @Component({
     selector: 'page-addon-mod-forum-new-discussion',
     templateUrl: 'new-discussion.html',
-    styleUrls: ['new-discussion.scss'],
+    styleUrl: 'new-discussion.scss',
 })
 export class AddonModForumNewDiscussionPage implements OnInit, OnDestroy, CanLeave {
 

src/addons/mod/glossary/components/index/index.ts

@@ -66,7 +66,7 @@ import { CorePopovers } from '@services/popovers';
 @Component({
     selector: 'addon-mod-glossary-index',
     templateUrl: 'addon-mod-glossary-index.html',
-    styleUrls: ['index.scss'],
+    styleUrl: 'index.scss',
 })
 export class AddonModGlossaryIndexComponent extends CoreCourseModuleMainActivityComponent
     implements OnInit, AfterViewInit, OnDestroy {

src/addons/mod/h5pactivity/pages/attempt-results/attempt-results.ts

@@ -33,7 +33,7 @@ import { ADDON_MOD_H5PACTIVITY_COMPONENT } from '../../constants';
 @Component({
     selector: 'page-addon-mod-h5pactivity-attempt-results',
     templateUrl: 'attempt-results.html',
-    styleUrls: ['attempt-results.scss'],
+    styleUrl: 'attempt-results.scss',
 })
 export class AddonModH5PActivityAttemptResultsPage implements OnInit {
 

src/addons/mod/h5pactivity/pages/user-attempts/user-attempts.ts

@@ -34,7 +34,7 @@ import { CoreAnalytics, CoreAnalyticsEventType } from '@services/analytics';
 @Component({
     selector: 'page-addon-mod-h5pactivity-user-attempts',
     templateUrl: 'user-attempts.html',
-    styleUrls: ['user-attempts.scss'],
+    styleUrl: 'user-attempts.scss',
 })
 export class AddonModH5PActivityUserAttemptsPage implements OnInit {
 

src/addons/mod/h5pactivity/pages/users-attempts/users-attempts.ts

@@ -33,7 +33,7 @@ import { AddonModH5PActivityGradeMethod } from '../../constants';
 @Component({
     selector: 'page-addon-mod-h5pactivity-users-attempts',
     templateUrl: 'users-attempts.html',
-    styleUrls: ['users-attempts.scss'],
+    styleUrl: 'users-attempts.scss',
 })
 export class AddonModH5PActivityUsersAttemptsPage implements OnInit {
 

src/addons/mod/imscp/components/index/index.ts

@@ -27,7 +27,7 @@ import { ADDON_MOD_IMSCP_COMPONENT, ADDON_MOD_IMSCP_PAGE_NAME } from '../../cons
 @Component({
     selector: 'addon-mod-imscp-index',
     templateUrl: 'addon-mod-imscp-index.html',
-    styleUrls: ['index.scss'],
+    styleUrl: 'index.scss',
 })
 export class AddonModImscpIndexComponent extends CoreCourseModuleMainResourceComponent implements OnInit {
 

src/addons/mod/lesson/pages/player/player.ts

@@ -62,7 +62,7 @@ import { CoreModals } from '@services/modals';
 @Component({
     selector: 'page-addon-mod-lesson-player',
     templateUrl: 'player.html',
-    styleUrls: ['player.scss'],
+    styleUrl: 'player.scss',
 })
 export class AddonModLessonPlayerPage implements OnInit, OnDestroy, CanLeave {
 

src/addons/mod/lesson/pages/user-retake/user-retake.ts

@@ -42,7 +42,7 @@ import { ADDON_MOD_LESSON_COMPONENT } from '../../constants';
 @Component({
     selector: 'page-addon-mod-lesson-user-retake',
     templateUrl: 'user-retake.html',
-    styleUrls: ['user-retake.scss'],
+    styleUrl: 'user-retake.scss',
 })
 export class AddonModLessonUserRetakePage implements OnInit {
 

src/addons/mod/quiz/components/attempt-state/attempt-state.ts

@@ -22,7 +22,7 @@ import { toBoolean } from '@/core/transforms/boolean';
 @Component({
     selector: 'addon-mod-quiz-attempt-state',
     templateUrl: 'attempt-state.html',
-    styleUrls: ['attempt-state.scss'],
+    styleUrl: 'attempt-state.scss',
 })
 export class AddonModQuizAttemptStateComponent implements OnChanges {
 

src/addons/mod/quiz/components/index/index.ts

@@ -58,7 +58,7 @@ import { QuestionDisplayOptionsMarks } from '@features/question/constants';
 @Component({
     selector: 'addon-mod-quiz-index',
     templateUrl: 'addon-mod-quiz-index.html',
-    styleUrls: ['index.scss'],
+    styleUrl: 'index.scss',
 })
 export class AddonModQuizIndexComponent extends CoreCourseModuleMainActivityComponent implements OnInit, OnDestroy {
 

src/addons/mod/resource/components/index/index.ts

@@ -42,7 +42,7 @@ import { ADDON_MOD_RESOURCE_COMPONENT } from '../../constants';
 @Component({
     selector: 'addon-mod-resource-index',
     templateUrl: 'addon-mod-resource-index.html',
-    styleUrls: ['index.scss'],
+    styleUrl: 'index.scss',
 })
 export class AddonModResourceIndexComponent extends CoreCourseModuleMainResourceComponent implements OnInit, OnDestroy {
 

src/addons/mod/scorm/components/index/index.ts

@@ -57,7 +57,7 @@ import { CoreWait } from '@singletons/wait';
 @Component({
     selector: 'addon-mod-scorm-index',
     templateUrl: 'addon-mod-scorm-index.html',
-    styleUrls: ['index.scss'],
+    styleUrl: 'index.scss',
 })
 export class AddonModScormIndexComponent extends CoreCourseModuleMainActivityComponent implements OnInit {
 

src/addons/mod/survey/components/index/index.ts

@@ -46,7 +46,7 @@ import { CoreLoadings } from '@services/loadings';
 @Component({
     selector: 'addon-mod-survey-index',
     templateUrl: 'addon-mod-survey-index.html',
-    styleUrls: ['index.scss'],
+    styleUrl: 'index.scss',
 })
 export class AddonModSurveyIndexComponent extends CoreCourseModuleMainActivityComponent implements OnInit {
 

src/addons/mod/url/components/index/index.ts

@@ -31,7 +31,7 @@ import { CoreSites } from '@services/sites';
 @Component({
     selector: 'addon-mod-url-index',
     templateUrl: 'addon-mod-url-index.html',
-    styleUrls: ['index.scss'],
+    styleUrl: 'index.scss',
 })
 export class AddonModUrlIndexComponent extends CoreCourseModuleMainResourceComponent implements OnInit {
 

src/addons/mod/wiki/components/index/index.ts

@@ -67,7 +67,7 @@ import { CorePopovers } from '@services/popovers';
 @Component({
     selector: 'addon-mod-wiki-index',
     templateUrl: 'addon-mod-wiki-index.html',
-    styleUrls: ['index.scss'],
+    styleUrl: 'index.scss',
 })
 export class AddonModWikiIndexComponent extends CoreCourseModuleMainActivityComponent implements OnInit, OnDestroy {
 

src/addons/mod/workshop/components/submission/submission.ts

@@ -38,7 +38,7 @@ import { toBoolean } from '@/core/transforms/boolean';
 @Component({
     selector: 'addon-mod-workshop-submission',
     templateUrl: 'addon-mod-workshop-submission.html',
-    styleUrls: ['submission.scss'],
+    styleUrl: 'submission.scss',
 })
 export class AddonModWorkshopSubmissionComponent implements OnInit {
 

src/addons/notifications/pages/settings/settings.ts

@@ -48,7 +48,7 @@ import { CoreLoadings } from '@services/loadings';
 @Component({
     selector: 'page-addon-notifications-settings',
     templateUrl: 'settings.html',
-    styleUrls: ['settings.scss'],
+    styleUrl: 'settings.scss',
 })
 export class AddonNotificationsSettingsPage implements OnInit, OnDestroy {
 

src/addons/privatefiles/components/file/file.ts

@@ -21,7 +21,7 @@ import { CoreFileComponent } from '@components/file/file';
     selector: 'addon-privatefiles-file',
     templateUrl: 'file.html',
     standalone: true,
-    styleUrls: ['file.scss'],
+    styleUrl: 'file.scss',
     imports: [CoreSharedModule],
 })
 export class AddonPrivateFilesFileComponent extends CoreFileComponent implements OnDestroy {

src/addons/privatefiles/pages/index/index.ts

@@ -45,7 +45,7 @@ import { AddonPrivateFilesFileComponent } from '@addons/privatefiles/components/
 @Component({
     selector: 'page-addon-privatefiles-index',
     templateUrl: 'index.html',
-    styleUrls: ['./index.scss'],
+    styleUrl: './index.scss',
 })
 export class AddonPrivateFilesIndexPage implements OnInit, OnDestroy {
 

src/addons/qtype/calculated/component/calculated.ts

@@ -22,7 +22,7 @@ import { AddonModQuizCalculatedQuestion, CoreQuestionBaseComponent } from '@feat
 @Component({
     selector: 'addon-qtype-calculated',
     templateUrl: 'addon-qtype-calculated.html',
-    styleUrls: ['calculated.scss'],
+    styleUrl: 'calculated.scss',
 })
 export class AddonQtypeCalculatedComponent extends CoreQuestionBaseComponent<AddonModQuizCalculatedQuestion> {
 

src/addons/qtype/ddmarker/component/ddmarker.ts

@@ -27,7 +27,7 @@ import { AddonQtypeDdMarkerQuestion } from '../classes/ddmarker';
 @Component({
     selector: 'addon-qtype-ddmarker',
     templateUrl: 'addon-qtype-ddmarker.html',
-    styleUrls: ['ddmarker.scss'],
+    styleUrl: 'ddmarker.scss',
 })
 export class AddonQtypeDdMarkerComponent
     extends CoreQuestionBaseComponent<AddonQtypeDdMarkerQuestionData>

src/addons/qtype/gapselect/component/gapselect.ts

@@ -23,7 +23,7 @@ import { CoreQuestionHelper } from '@features/question/services/question-helper'
 @Component({
     selector: 'addon-qtype-gapselect',
     templateUrl: 'addon-qtype-gapselect.html',
-    styleUrls: ['gapselect.scss'],
+    styleUrl: 'gapselect.scss',
 })
 export class AddonQtypeGapSelectComponent extends CoreQuestionBaseComponent {
 

src/addons/qtype/match/component/match.ts

@@ -22,7 +22,7 @@ import { AddonModQuizMatchQuestion, CoreQuestionBaseComponent } from '@features/
 @Component({
     selector: 'addon-qtype-match',
     templateUrl: 'addon-qtype-match.html',
-    styleUrls: ['match.scss'],
+    styleUrl: 'match.scss',
 })
 export class AddonQtypeMatchComponent extends CoreQuestionBaseComponent<AddonModQuizMatchQuestion> {
 

src/addons/qtype/multianswer/component/multianswer.ts

@@ -22,7 +22,7 @@ import { CoreQuestionHelper } from '@features/question/services/question-helper'
 @Component({
     selector: 'addon-qtype-multianswer',
     templateUrl: 'addon-qtype-multianswer.html',
-    styleUrls: ['multianswer.scss'],
+    styleUrl: 'multianswer.scss',
 })
 export class AddonQtypeMultiAnswerComponent extends CoreQuestionBaseComponent {
 

src/addons/qtype/multichoice/component/multichoice.ts

@@ -22,7 +22,7 @@ import { AddonModQuizMultichoiceQuestion, CoreQuestionBaseComponent } from '@fea
 @Component({
     selector: 'addon-qtype-multichoice',
     templateUrl: 'addon-qtype-multichoice.html',
-    styleUrls: ['multichoice.scss'],
+    styleUrl: 'multichoice.scss',
 })
 export class AddonQtypeMultichoiceComponent extends CoreQuestionBaseComponent<AddonModQuizMultichoiceQuestion> {
 

src/addons/qtype/shortanswer/component/shortanswer.ts

@@ -22,7 +22,7 @@ import { AddonModQuizTextQuestion, CoreQuestionBaseComponent } from '@features/q
 @Component({
     selector: 'addon-qtype-shortanswer',
     templateUrl: 'addon-qtype-shortanswer.html',
-    styleUrls: ['shortanswer.scss'],
+    styleUrl: 'shortanswer.scss',
 })
 export class AddonQtypeShortAnswerComponent extends CoreQuestionBaseComponent<AddonModQuizTextQuestion> {
 

src/addons/storagemanager/pages/courses-storage/courses-storage.ts

@@ -34,7 +34,7 @@ import { CoreEventObserver, CoreEvents } from '@singletons/events';
 @Component({
     selector: 'page-addon-storagemanager-courses-storage',
     templateUrl: 'courses-storage.html',
-    styleUrls: ['courses-storage.scss'],
+    styleUrl: 'courses-storage.scss',
 })
 export class AddonStorageManagerCoursesStoragePage implements OnInit, OnDestroy {
 

src/addons/userprofilefield/checkbox/component/checkbox.ts

@@ -25,7 +25,7 @@ import { CoreUtils } from '@services/utils/utils';
 @Component({
     selector: 'addon-user-profile-field-checkbox',
     templateUrl: 'addon-user-profile-field-checkbox.html',
-    styleUrls: ['./checkbox.scss'],
+    styleUrl: './checkbox.scss',
 })
 export class AddonUserProfileFieldCheckboxComponent extends CoreUserProfileFieldBaseComponent<boolean> {
 

src/addons/userprofilefield/menu/component/menu.ts

@@ -23,7 +23,7 @@ import { CoreUserProfileFieldBaseComponent } from '@features/user/classes/base-p
 @Component({
     selector: 'addon-user-profile-field-menu',
     templateUrl: 'addon-user-profile-field-menu.html',
-    styleUrls: ['./menu.scss'],
+    styleUrl: './menu.scss',
 })
 export class AddonUserProfileFieldMenuComponent extends CoreUserProfileFieldBaseComponent {
 

src/core/components/attachments/attachments.ts

@@ -43,7 +43,7 @@ import { toBoolean } from '@/core/transforms/boolean';
 @Component({
     selector: 'core-attachments',
     templateUrl: 'core-attachments.html',
-    styleUrls: ['attachments.scss'],
+    styleUrl: 'attachments.scss',
 })
 export class CoreAttachmentsComponent implements OnInit {
 

src/core/components/button-with-spinner/button-with-spinner.ts

@@ -27,7 +27,7 @@ import { CoreAnimations } from '@components/animations';
 @Component({
     selector: 'core-button-with-spinner',
     templateUrl: 'core-button-with-spinner.html',
-    styleUrls: ['button-with-spinner.scss'],
+    styleUrl: 'button-with-spinner.scss',
     animations: [CoreAnimations.SHOW_HIDE],
 })
 export class CoreButtonWithSpinnerComponent {

src/core/components/chart/chart.ts

@@ -30,7 +30,7 @@ import { ChartLegendLabelItem, ChartLegendOptions } from 'chart.js';
 @Component({
     selector: 'core-chart',
     templateUrl: 'core-chart.html',
-    styleUrls: ['chart.scss'],
+    styleUrl: 'chart.scss',
 })
 export class CoreChartComponent implements OnDestroy, OnInit, OnChanges {
 

src/core/components/combobox/combobox.ts

@@ -40,7 +40,7 @@ import { toBoolean } from '@/core/transforms/boolean';
 @Component({
     selector: 'core-combobox',
     templateUrl: 'core-combobox.html',
-    styleUrls: ['combobox.scss'],
+    styleUrl: 'combobox.scss',
     providers: [
         {
             provide: NG_VALUE_ACCESSOR,

src/core/components/course-image/course-image.ts

@@ -21,7 +21,7 @@ import { CoreColors } from '@singletons/colors';
 @Component({
     selector: 'core-course-image',
     templateUrl: 'course-image.html',
-    styleUrls: ['./course-image.scss'],
+    styleUrl: './course-image.scss',
 })
 export class CoreCourseImageComponent {
 

src/core/components/download-refresh/download-refresh.ts

@@ -27,7 +27,7 @@ import { toBoolean } from '@/core/transforms/boolean';
 @Component({
     selector: 'core-download-refresh',
     templateUrl: 'core-download-refresh.html',
-    styleUrls: ['download-refresh.scss'],
+    styleUrl: 'download-refresh.scss',
     animations: [CoreAnimations.SHOW_HIDE],
 })
 export class CoreDownloadRefreshComponent implements OnInit {

src/core/components/horizontal-scroll-controls/horizontal-scroll-controls.ts

@@ -25,7 +25,7 @@ const enum ScrollPosition {
 @Component({
     selector: 'core-horizontal-scroll-controls',
     templateUrl: 'core-horizontal-scroll-controls.html',
-    styleUrls: ['./horizontal-scroll-controls.scss'],
+    styleUrl: './horizontal-scroll-controls.scss',
 })
 export class CoreHorizontalScrollControlsComponent {
 

src/core/components/iframe/iframe.ts

@@ -33,7 +33,7 @@ import { toBoolean } from '@/core/transforms/boolean';
 @Component({
     selector: 'core-iframe',
     templateUrl: 'core-iframe.html',
-    styleUrls: ['iframe.scss'],
+    styleUrl: 'iframe.scss',
 })
 export class CoreIframeComponent implements OnChanges, OnDestroy {
 

src/core/components/input-errors/input-errors.ts

@@ -36,7 +36,7 @@ import { FormControl } from '@angular/forms';
 @Component({
     selector: 'core-input-errors',
     templateUrl: 'core-input-errors.html',
-    styleUrls: ['input-errors.scss'],
+    styleUrl: 'input-errors.scss',
 })
 export class CoreInputErrorsComponent implements OnInit, OnChanges {
 

src/core/components/loading/loading.ts

@@ -47,7 +47,7 @@ import { toBoolean } from '@/core/transforms/boolean';
 @Component({
     selector: 'core-loading',
     templateUrl: 'core-loading.html',
-    styleUrls: ['loading.scss'],
+    styleUrl: 'loading.scss',
     animations: [CoreAnimations.SHOW_HIDE],
 })
 export class CoreLoadingComponent implements OnInit, OnChanges, AfterViewInit, AsyncDirective, OnDestroy {

src/core/components/mark-required/mark-required.ts

@@ -31,7 +31,7 @@ import { Translate } from '@singletons';
 @Component({
     selector: '[core-mark-required]',
     templateUrl: 'core-mark-required.html',
-    styleUrls: ['mark-required.scss'],
+    styleUrl: 'mark-required.scss',
 })
 export class CoreMarkRequiredComponent implements AfterViewInit {
 

src/core/components/message/message.ts

@@ -26,7 +26,7 @@ import { toBoolean } from '@/core/transforms/boolean';
 @Component({
     selector: 'core-message',
     templateUrl: 'message.html',
-    styleUrls: ['message.scss'],
+    styleUrl: 'message.scss',
     animations: [CoreAnimations.SLIDE_IN_OUT],
 })
 export class CoreMessageComponent implements OnInit {

src/core/components/mod-icon/mod-icon.ts

@@ -46,7 +46,7 @@ const enum IconVersion {
 @Component({
     selector: 'core-mod-icon',
     templateUrl: 'mod-icon.html',
-    styleUrls: ['mod-icon.scss'],
+    styleUrl: 'mod-icon.scss',
     changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class CoreModIconComponent implements OnInit, OnChanges {

src/core/components/navbar-buttons/navbar-buttons.ts

@@ -53,7 +53,7 @@ const BUTTON_HIDDEN_CLASS = 'core-navbar-button-hidden';
 @Component({
     selector: 'core-navbar-buttons',
     template: '<ng-content/><template #contextMenuContainer>-</template>',
-    styleUrls: ['navbar-buttons.scss'],
+    styleUrl: 'navbar-buttons.scss',
 })
 export class CoreNavBarButtonsComponent implements OnInit, OnDestroy {
 

src/core/components/navigation-bar/navigation-bar.ts

@@ -28,7 +28,7 @@ import { Translate } from '@singletons';
 @Component({
     selector: 'core-navigation-bar',
     templateUrl: 'core-navigation-bar.html',
-    styleUrls: ['navigation-bar.scss'],
+    styleUrl: 'navigation-bar.scss',
 })
 export class CoreNavigationBarComponent implements OnChanges {
 

src/core/components/progress-bar/progress-bar.ts

@@ -25,7 +25,7 @@ import { DomSanitizer, Translate } from '@singletons';
 @Component({
     selector: 'core-progress-bar',
     templateUrl: 'core-progress-bar.html',
-    styleUrls: ['progress-bar.scss'],
+    styleUrl: 'progress-bar.scss',
     changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class CoreProgressBarComponent implements OnChanges {

src/core/components/send-message-form/send-message-form.ts

@@ -35,7 +35,7 @@ import { toBoolean } from '@/core/transforms/boolean';
 @Component({
     selector: 'core-send-message-form',
     templateUrl: 'core-send-message-form.html',
-    styleUrls: ['send-message-form.scss'],
+    styleUrl: 'send-message-form.scss',
 })
 export class CoreSendMessageFormComponent {
 

src/core/components/sheet-modal/sheet-modal.ts

@@ -24,7 +24,7 @@ import { CoreDirectivesRegistry } from '@singletons/directives-registry';
 @Component({
     selector: 'core-sheet-modal',
     templateUrl: 'sheet-modal.html',
-    styleUrls: ['sheet-modal.scss'],
+    styleUrl: 'sheet-modal.scss',
 })
 export class CoreSheetModalComponent<T extends CoreModalComponent> implements AfterViewInit {
 

src/core/components/sites-list/sites-list.ts

@@ -39,7 +39,7 @@ import { toBoolean } from '@/core/transforms/boolean';
 @Component({
     selector: 'core-sites-list',
     templateUrl: 'sites-list.html',
-    styleUrls: ['sites-list.scss'],
+    styleUrl: 'sites-list.scss',
 })
 export class CoreSitesListComponent<T extends CoreSiteBasicInfo> {
 

src/core/components/split-view/split-view.ts

@@ -29,7 +29,7 @@ const disabledScrollClass = 'disable-scroll-y';
 @Component({
     selector: 'core-split-view',
     templateUrl: 'split-view.html',
-    styleUrls: ['split-view.scss'],
+    styleUrl: 'split-view.scss',
 })
 export class CoreSplitViewComponent implements AfterViewInit, OnDestroy {
 

src/core/components/swipe-navigation-tour/swipe-navigation-tour.ts

@@ -21,7 +21,7 @@ import { CoreUserTours } from '@features/usertours/services/user-tours';
 @Component({
     selector: 'core-swipe-navigation-tour',
     templateUrl: 'core-swipe-navigation-tour.html',
-    styleUrls: ['swipe-navigation-tour.scss'],
+    styleUrl: 'swipe-navigation-tour.scss',
 })
 export class CoreSwipeNavigationTourComponent {
 

src/core/components/swipe-slides/swipe-slides.ts

@@ -34,7 +34,7 @@ import { SwiperOptions } from 'swiper/types';
 @Component({
     selector: 'core-swipe-slides',
     templateUrl: 'swipe-slides.html',
-    styleUrls: ['swipe-slides.scss'],
+    styleUrl: 'swipe-slides.scss',
 })
 export class CoreSwipeSlidesComponent<Item = unknown> implements OnChanges, OnDestroy, AsyncDirective {
 

src/core/components/tabs-outlet/tabs-outlet.ts

@@ -49,7 +49,7 @@ import { CorePath } from '@singletons/path';
 @Component({
     selector: 'core-tabs-outlet',
     templateUrl: 'core-tabs-outlet.html',
-    styleUrls: ['../tabs/tabs.scss'],
+    styleUrl: '../tabs/tabs.scss',
 })
 export class CoreTabsOutletComponent extends CoreTabsBaseComponent<CoreTabsOutletTab>
     implements AfterViewInit, OnChanges, OnDestroy {

src/core/components/tabs/tabs.ts

@@ -41,7 +41,7 @@ import { toBoolean } from '@/core/transforms/boolean';
 @Component({
     selector: 'core-tabs',
     templateUrl: 'core-tabs.html',
-    styleUrls: ['tabs.scss'],
+    styleUrl: 'tabs.scss',
 })
 export class CoreTabsComponent extends CoreTabsBaseComponent<CoreTabComponent> implements AfterViewInit {
 

src/core/components/timer/timer.ts

@@ -27,7 +27,7 @@ import { CoreTimeUtils } from '@services/utils/time';
 @Component({
     selector: 'core-timer',
     templateUrl: 'core-timer.html',
-    styleUrls: ['timer.scss'],
+    styleUrl: 'timer.scss',
 })
 export class CoreTimerComponent implements OnInit, OnDestroy {
 

src/core/components/user-avatar/user-avatar.ts

@@ -33,7 +33,7 @@ import { toBoolean } from '@/core/transforms/boolean';
 @Component({
     selector: 'core-user-avatar',
     templateUrl: 'core-user-avatar.html',
-    styleUrls: ['user-avatar.scss'],
+    styleUrl: 'user-avatar.scss',
 })
 export class CoreUserAvatarComponent implements OnInit, OnChanges, OnDestroy {
 

src/core/features/block/components/block/block.ts

@@ -26,7 +26,7 @@ import { ContextLevel } from '@/core/constants';
 @Component({
     selector: 'core-block',
     templateUrl: 'core-block.html',
-    styleUrls: ['block.scss'],
+    styleUrl: 'block.scss',
 })
 export class CoreBlockComponent implements OnChanges, OnDestroy {
 

src/core/features/block/components/only-title-block/only-title-block.ts

@@ -22,7 +22,7 @@ import { CoreNavigator } from '@services/navigator';
 @Component({
     selector: 'core-block-only-title',
     templateUrl: 'core-block-only-title.html',
-    styleUrls: ['only-title-block.scss'],
+    styleUrl: 'only-title-block.scss',
 })
 export class CoreBlockOnlyTitleComponent extends CoreBlockBaseComponent implements OnInit {
 

src/core/features/block/components/side-blocks-button/side-blocks-button.ts

@@ -27,7 +27,7 @@ import { ContextLevel } from '@/core/constants';
 @Component({
     selector: 'core-block-side-blocks-button',
     templateUrl: 'side-blocks-button.html',
-    styleUrls: ['side-blocks-button.scss'],
+    styleUrl: 'side-blocks-button.scss',
 })
 export class CoreBlockSideBlocksButtonComponent implements OnInit, OnDestroy {
 

src/core/features/block/components/side-blocks-tour/side-blocks-tour.ts

@@ -21,7 +21,7 @@ import { CoreUserTours } from '@features/usertours/services/user-tours';
 @Component({
     selector: 'core-block-side-blocks-tour',
     templateUrl: 'side-blocks-tour.html',
-    styleUrls: ['side-blocks-tour.scss'],
+    styleUrl: 'side-blocks-tour.scss',
 })
 export class CoreBlockSideBlocksTourComponent {
 

src/core/features/course/components/course-index-tour/course-index-tour.ts

@@ -21,7 +21,7 @@ import { CoreUserTours } from '@features/usertours/services/user-tours';
 @Component({
     selector: 'core-course-course-index-tour',
     templateUrl: 'course-index-tour.html',
-    styleUrls: ['course-index-tour.scss'],
+    styleUrl: 'course-index-tour.scss',
 })
 export class CoreCourseCourseIndexTourComponent {
 

src/core/features/course/components/module-completion-legacy/module-completion-legacy.ts

@@ -39,7 +39,7 @@ import { ContextLevel } from '@/core/constants';
 @Component({
     selector: 'core-course-module-completion-legacy',
     templateUrl: 'core-course-module-completion-legacy.html',
-    styleUrls: ['module-completion-legacy.scss'],
+    styleUrl: 'module-completion-legacy.scss',
 })
 export class CoreCourseModuleCompletionLegacyComponent extends CoreCourseModuleCompletionBaseComponent
     implements OnInit, OnDestroy {

src/core/features/course/components/module-completion/module-completion.ts

@@ -37,7 +37,7 @@ import { toBoolean } from '@/core/transforms/boolean';
 @Component({
     selector: 'core-course-module-completion',
     templateUrl: 'core-course-module-completion.html',
-    styleUrls: ['module-completion.scss'],
+    styleUrl: 'module-completion.scss',
 })
 export class CoreCourseModuleCompletionComponent
     extends CoreCourseModuleCompletionBaseComponent

src/core/features/course/components/module-info/module-info.ts

@@ -32,7 +32,7 @@ import { CoreSites } from '@services/sites';
 @Component({
     selector: 'core-course-module-info',
     templateUrl: 'core-course-module-info.html',
-    styleUrls: ['course-module-info.scss'],
+    styleUrl: 'course-module-info.scss',
 })
 export class CoreCourseModuleInfoComponent implements OnInit {
 

src/core/features/course/components/module-navigation/module-navigation.ts

@@ -33,7 +33,7 @@ import { CoreEventObserver, CoreEvents } from '@singletons/events';
 @Component({
     selector: 'core-course-module-navigation',
     templateUrl: 'core-course-module-navigation.html',
-    styleUrls: ['module-navigation.scss'],
+    styleUrl: 'module-navigation.scss',
 })
 export class CoreCourseModuleNavigationComponent implements OnInit, OnDestroy {
 

src/core/features/course/components/module/module.ts

@@ -42,7 +42,7 @@ import { toBoolean } from '@/core/transforms/boolean';
 @Component({
     selector: 'core-course-module',
     templateUrl: 'core-course-module.html',
-    styleUrls: ['module.scss'],
+    styleUrl: 'module.scss',
 })
 export class CoreCourseModuleComponent implements OnInit, OnDestroy {
 

src/core/features/course/components/unsupported-module/unsupported-module.ts

@@ -23,7 +23,7 @@ import { CoreCourseModuleDelegate } from '@features/course/services/module-deleg
 @Component({
     selector: 'core-course-unsupported-module',
     templateUrl: 'core-course-unsupported-module.html',
-    styleUrls: ['unsupported-module.scss'],
+    styleUrl: 'unsupported-module.scss',
 })
 export class CoreCourseUnsupportedModuleComponent implements OnInit {
 

src/core/features/course/format/singleactivity/components/singleactivity.ts

@@ -30,7 +30,7 @@ import type { CoreCourseModuleMainActivityComponent } from '@features/course/cla
 @Component({
     selector: 'core-course-format-single-activity',
     templateUrl: 'core-course-format-single-activity.html',
-    styleUrls: ['single-activity.scss'],
+    styleUrl: 'single-activity.scss',
 })
 export class CoreCourseFormatSingleActivityComponent implements OnChanges {
 

src/core/features/course/pages/course-summary/course-summary.page.ts

@@ -49,7 +49,7 @@ import { CoreEnrol, CoreEnrolEnrolmentMethod } from '@features/enrol/services/en
 @Component({
     selector: 'page-core-course-summary',
     templateUrl: 'course-summary.html',
-    styleUrls: ['course-summary.scss'],
+    styleUrl: 'course-summary.scss',
 })
 export class CoreCourseSummaryPage implements OnInit, OnDestroy {
 

src/core/features/course/pages/index/index.ts

@@ -38,7 +38,7 @@ import { CoreWait } from '@singletons/wait';
 @Component({
     selector: 'page-core-course-index',
     templateUrl: 'index.html',
-    styleUrls: ['index.scss'],
+    styleUrl: 'index.scss',
 })
 export class CoreCourseIndexPage implements OnInit, OnDestroy {
 

src/core/features/course/pages/module-preview/module-preview.ts

@@ -29,7 +29,7 @@ import { CoreUtils } from '@services/utils/utils';
 @Component({
     selector: 'page-core-course-module-preview',
     templateUrl: 'module-preview.html',
-    styleUrls: ['module-preview.scss'],
+    styleUrl: 'module-preview.scss',
 })
 export class CoreCourseModulePreviewPage implements OnInit {
 

src/core/features/courses/components/course-list-item/course-list-item.ts

@@ -41,7 +41,7 @@ import { CoreLoadings } from '@services/loadings';
 @Component({
     selector: 'core-courses-course-list-item',
     templateUrl: 'core-courses-course-list-item.html',
-    styleUrls: ['course-list-item.scss'],
+    styleUrl: 'course-list-item.scss',
 })
 export class CoreCoursesCourseListItemComponent implements OnInit, OnDestroy, OnChanges {
 

src/core/features/courses/pages/my/my.ts

@@ -38,7 +38,7 @@ import { CoreWait } from '@singletons/wait';
 @Component({
     selector: 'page-core-courses-my',
     templateUrl: 'my.html',
-    styleUrls: ['my.scss'],
+    styleUrl: 'my.scss',
     providers: [{
         provide: PageLoadsManager,
         useClass: PageLoadsManager,

src/core/features/editor/components/rich-text-editor/rich-text-editor.ts

@@ -60,7 +60,7 @@ import { CoreQRScan } from '@services/qrscan';
 @Component({
     selector: 'core-rich-text-editor',
     templateUrl: 'core-editor-rich-text-editor.html',
-    styleUrls: ['rich-text-editor.scss'],
+    styleUrl: 'rich-text-editor.scss',
 })
 export class CoreEditorRichTextEditorComponent implements OnInit, AfterViewInit, OnDestroy {
 

src/core/features/emulator/components/capture-media/capture-media.ts

@@ -33,7 +33,7 @@ import { CoreLoadings } from '@services/loadings';
 @Component({
     selector: 'core-emulator-capture-media',
     templateUrl: 'capture-media.html',
-    styleUrls: ['capture-media.scss'],
+    styleUrl: 'capture-media.scss',
 })
 export class CoreEmulatorCaptureMediaComponent implements OnInit, OnDestroy {
 

src/core/features/grades/pages/course/course.page.ts

@@ -43,7 +43,7 @@ import { CoreAnalytics, CoreAnalyticsEventType } from '@services/analytics';
 @Component({
     selector: 'page-core-grades-course',
     templateUrl: 'course.html',
-    styleUrls: ['course.scss'],
+    styleUrl: 'course.scss',
 })
 export class CoreGradesCoursePage implements AfterViewInit, OnDestroy {
 

src/core/features/h5p/components/h5p-player/h5p-player.ts

@@ -34,7 +34,7 @@ import { BehaviorSubject } from 'rxjs';
 @Component({
     selector: 'core-h5p-player',
     templateUrl: 'core-h5p-player.html',
-    styleUrls: ['h5p-player.scss'],
+    styleUrl: 'h5p-player.scss',
 })
 export class CoreH5PPlayerComponent implements OnInit, OnChanges, OnDestroy {
 

src/core/features/login/components/exceeded-attempts/exceeded-attempts.ts

@@ -19,7 +19,7 @@ import { CoreUserSupport } from '@features/user/services/support';
 @Component({
     selector: 'core-login-exceeded-attempts',
     templateUrl: 'exceeded-attempts.html',
-    styleUrls: ['./exceeded-attempts.scss'],
+    styleUrl: './exceeded-attempts.scss',
 })
 export class CoreLoginExceededAttemptsComponent implements OnInit {
 

src/core/features/login/components/login-methods/login-methods.ts

@@ -24,7 +24,7 @@ import { CoreDomUtils } from '@services/utils/dom';
 @Component({
     selector: 'core-login-methods',
     templateUrl: 'login-methods.html',
-    styleUrls: ['../../login.scss'],
+    styleUrl: '../../login.scss',
 })
 export class CoreLoginMethodsComponent implements OnInit {
 

src/core/features/login/pages/credentials/credentials.ts

@@ -49,7 +49,7 @@ import { CoreLoadings } from '@services/loadings';
 @Component({
     selector: 'page-core-login-credentials',
     templateUrl: 'credentials.html',
-    styleUrls: ['../../login.scss'],
+    styleUrl: '../../login.scss',
 })
 export class CoreLoginCredentialsPage implements OnInit, OnDestroy {
 

src/core/features/login/pages/email-signup/email-signup.ts

@@ -45,7 +45,7 @@ import { CoreLoadings } from '@services/loadings';
 @Component({
     selector: 'page-core-login-email-signup',
     templateUrl: 'email-signup.html',
-    styleUrls: ['../../login.scss'],
+    styleUrl: '../../login.scss',
 })
 export class CoreLoginEmailSignupPage implements OnInit {
 

src/core/features/login/pages/reconnect/reconnect.ts

@@ -41,7 +41,7 @@ import { CoreLoadings } from '@services/loadings';
 @Component({
     selector: 'page-core-login-reconnect',
     templateUrl: 'reconnect.html',
-    styleUrls: ['../../login.scss'],
+    styleUrl: '../../login.scss',
 })
 export class CoreLoginReconnectPage implements OnInit, OnDestroy {
 

src/core/features/mainmenu/components/user-menu-button/user-menu-button.ts

@@ -32,7 +32,7 @@ import { toBoolean } from '@/core/transforms/boolean';
 @Component({
     selector: 'core-user-menu-button',
     templateUrl: 'user-menu-button.html',
-    styleUrls: ['user-menu-button.scss'],
+    styleUrl: 'user-menu-button.scss',
 })
 export class CoreMainMenuUserButtonComponent implements OnInit {
 

src/core/features/mainmenu/components/user-menu-tour/user-menu-tour.ts

@@ -21,7 +21,7 @@ import { CoreUserTours } from '@features/usertours/services/user-tours';
 @Component({
     selector: 'core-mainmenu-user-menu-tour',
     templateUrl: 'user-menu-tour.html',
-    styleUrls: ['user-menu-tour.scss'],
+    styleUrl: 'user-menu-tour.scss',
 })
 export class CoreMainMenuUserMenuTourComponent {