Update to Angular 19, Material 19; use all migrations

package.json

@@ -25,29 +25,29 @@
     "node": "22.x"
   },
   "dependencies": {
-    "@angular-devkit/build-angular": "^18.2.12",
+    "@angular-devkit/build-angular": "^19.0.6",
     "@angular-eslint/schematics": "^18.4.2",
     "@angular-eslint/template-parser": "^18.4.2",
-    "@angular/animations": "^18.2.13",
-    "@angular/cdk": "^18.2.14",
-    "@angular/cli": "^18.2.12",
-    "@angular/common": "^18.2.13",
-    "@angular/compiler": "^18.2.13",
-    "@angular/compiler-cli": "^18.2.13",
-    "@angular/core": "^18.2.13",
-    "@angular/forms": "^18.2.13",
-    "@angular/localize": "^18.2.13",
-    "@angular/material": "^18.2.14",
-    "@angular/platform-browser": "^18.2.13",
-    "@angular/platform-browser-dynamic": "^18.2.13",
-    "@angular/router": "^18.2.13",
+    "@angular/animations": "^19.0.5",
+    "@angular/cdk": "^19.0.4",
+    "@angular/cli": "^19.0.6",
+    "@angular/common": "^19.0.5",
+    "@angular/compiler": "^19.0.5",
+    "@angular/compiler-cli": "^19.0.5",
+    "@angular/core": "^19.0.5",
+    "@angular/forms": "^19.0.5",
+    "@angular/localize": "^19.0.5",
+    "@angular/material": "^19.0.4",
+    "@angular/platform-browser": "^19.0.5",
+    "@angular/platform-browser-dynamic": "^19.0.5",
+    "@angular/router": "^19.0.5",
     "@arcgis/core": "~4.31.0",
-    "@ngrx/effects": "^18.1.1",
-    "@ngrx/entity": "^18.1.1",
-    "@ngrx/operators": "^18.1.1",
-    "@ngrx/router-store": "^18.1.1",
-    "@ngrx/store": "^18.1.1",
-    "@ngrx/store-devtools": "^18.1.1",
+    "@ngrx/effects": "^19.0.0",
+    "@ngrx/entity": "^19.0.0",
+    "@ngrx/operators": "^19.0.0",
+    "@ngrx/router-store": "^19.0.0",
+    "@ngrx/store": "^19.0.0",
+    "@ngrx/store-devtools": "^19.0.0",
     "@terraformer/arcgis": "^2.1.2",
     "@types/file-saver": "^2.0.7",
     "@types/geojson": "^7946.0.10",
@@ -67,11 +67,11 @@
     "immer": "^10.0.1",
     "material-icons": "^1.13.12",
     "ng2-charts": "^7.0.0",
-    "ngx-ui-tour-md-menu": "^13.0.0",
+    "ngx-ui-tour-md-menu": "^14.0.1",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
     "uuid": "^11.0.0",
-    "zone.js": "~0.14.2"
+    "zone.js": "~0.15.0"
   },
   "devDependencies": {
     "@ngrx/eslint-plugin": "^18.1.1",

src/app/app.component.ts

@@ -26,6 +26,7 @@ import {SkipLinkTemplateVariable} from './shared/enums/skip-link-template-variab
   selector: 'app-root',
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.scss'],
+  standalone: false,
 })
 export class AppComponent implements OnInit, OnDestroy {
   @ViewChildren(Object.values(SkipLinkTemplateVariable).join(', '), {read: ElementRef}) private readonly elements!: QueryList<ElementRef>;

src/app/auth/components/login-redirect/login-redirect.component.ts

@@ -5,6 +5,7 @@ import {MainPage} from '../../../shared/enums/main-page.enum';
   selector: 'login-redirect',
   templateUrl: './login-redirect.component.html',
   styleUrls: ['./login-redirect.component.scss'],
+  standalone: false,
 })
 export class LoginRedirectComponent {
   protected readonly mainPageEnum = MainPage;

src/app/auth/notifications/auth-notification-dialog/auth-notification-dialog.component.ts

@@ -6,6 +6,7 @@ import {DialogContent} from '../auth-notification.service';
   selector: 'app-auth-notification-dialog',
   templateUrl: './auth-notification-dialog.component.html',
   styleUrls: ['./auth-notification-dialog.component.scss'],
+  standalone: false,
 })
 export class AuthNotificationDialogComponent {
   constructor(@Inject(MAT_DIALOG_DATA) public readonly data: DialogContent) {}

src/app/data-catalogue/components/abstract-base-detail/abstract-base-detail.component.ts

@@ -21,6 +21,7 @@ type DetailMetadata = ProductMetadata | MapMetadata | ServiceMetadata | DatasetM
 
 @Component({
   template: '',
+  standalone: false,
 })
 export abstract class AbstractBaseDetailComponent<T extends DetailMetadata> implements OnInit, OnDestroy {
   public abstract baseMetadataInformation?: BaseMetadataInformation;

src/app/data-catalogue/components/data-catalogue-detail-page-section/data-catalogue-detail-page-section.component.ts

@@ -4,6 +4,7 @@ import {Component, Input} from '@angular/core';
   selector: 'data-catalogue-detail-page-section',
   templateUrl: './data-catalogue-detail-page-section.component.html',
   styleUrls: ['./data-catalogue-detail-page-section.component.scss'],
+  standalone: false,
 })
 export class DataCatalogueDetailPageSectionComponent {
   @Input() public hasTwoColumns: boolean = false;

src/app/data-catalogue/components/data-catalogue-detail-page/data-catalogue-detail-page.component.ts

@@ -10,6 +10,7 @@ import {Subscription, tap} from 'rxjs';
   selector: 'data-catalogue-detail-page',
   templateUrl: './data-catalogue-detail-page.component.html',
   styleUrls: ['./data-catalogue-detail-page.component.scss'],
+  standalone: false,
 })
 export class DataCatalogueDetailPageComponent implements OnInit, OnDestroy {
   @Input() public baseMetadataInformation!: BaseMetadataInformation;

src/app/data-catalogue/components/data-catalogue-filter-dialog/data-catalogue-filter-dialog.component.ts

@@ -11,6 +11,7 @@ import {DataCatalogueFilterKey} from '../../../shared/types/data-catalogue-filte
   selector: 'data-catalogue-filter-dialog',
   templateUrl: './data-catalogue-filter-dialog.component.html',
   styleUrls: ['./data-catalogue-filter-dialog.component.scss'],
+  standalone: false,
 })
 export class DataCatalogueFilterDialogComponent implements OnInit, OnDestroy {
   public dataCatalogueFilters: DataCatalogueFilter[] = [];

src/app/data-catalogue/components/data-catalogue-overview/data-catalogue-overview.component.ts

@@ -48,6 +48,7 @@ class DataCataloguePaginatorIntl implements MatPaginatorIntl {
   templateUrl: './data-catalogue-overview.component.html',
   styleUrls: ['./data-catalogue-overview.component.scss'],
   providers: [{provide: MatPaginatorIntl, useClass: DataCataloguePaginatorIntl}],
+  standalone: false,
 })
 export class DataCatalogueOverviewComponent implements OnInit, OnDestroy, AfterViewInit {
   public loadingState: LoadingState;

src/app/data-catalogue/components/data-display-section/data-display-section.component.ts

@@ -4,6 +4,7 @@ import {Component, Input} from '@angular/core';
   selector: 'data-display-section',
   templateUrl: './data-display-section.component.html',
   styleUrls: ['./data-display-section.component.scss'],
+  standalone: false,
 })
 export class DataDisplaySectionComponent {
   @Input() public sectionTitle: string = '';

src/app/data-catalogue/components/data-display/data-display.component.ts

@@ -5,7 +5,6 @@ import {TextOrPlaceholderPipe} from '../../../shared/pipes/text-or-placeholder.p
 
 @Component({
   selector: 'data-display',
-  standalone: true,
   imports: [NgForOf, TextOrPlaceholderPipe],
   templateUrl: './data-display.component.html',
   styleUrls: ['./data-display.component.scss'],

src/app/data-catalogue/components/dataset-detail/dataset-detail.component.ts

@@ -24,6 +24,7 @@ interface MetadataLinkWithTopicId extends MetadataLinkWithoutDescription {
   selector: 'dataset-detail',
   templateUrl: './dataset-detail.component.html',
   styleUrls: ['./dataset-detail.component.scss'],
+  standalone: false,
 })
 export class DatasetDetailComponent extends AbstractBaseDetailComponent<DatasetMetadata> {
   public baseMetadataInformation?: BaseMetadataInformation;

src/app/data-catalogue/components/dataset-detail/dataset-element-detail/dataset-element-detail.component.ts

@@ -9,8 +9,7 @@ import {DatasetElementTableComponent} from '../dataset-element-table/dataset-ele
 
 @Component({
   selector: 'dataset-element-detail',
-  standalone: true,
-  imports: [NgForOf, NgIf, DataDisplayComponent, CdkAccordionModule, SharedModule, DatasetElementTableComponent],
+  imports: [DataDisplayComponent, CdkAccordionModule, SharedModule, DatasetElementTableComponent],
   templateUrl: './dataset-element-detail.component.html',
   styleUrl: './dataset-element-detail.component.scss',
 })

src/app/data-catalogue/components/dataset-detail/dataset-element-table/dataset-element-table.component.ts

@@ -6,8 +6,7 @@ import {TextOrPlaceholderPipe} from '../../../../shared/pipes/text-or-placeholde
 
 @Component({
   selector: 'dataset-element-table',
-  standalone: true,
-  imports: [NgForOf, FormatLineBreaksPipe, TextOrPlaceholderPipe],
+  imports: [FormatLineBreaksPipe, TextOrPlaceholderPipe],
   templateUrl: './dataset-element-table.component.html',
   styleUrl: './dataset-element-table.component.scss',
 })

src/app/data-catalogue/components/map-detail/map-detail.component.ts

@@ -18,6 +18,7 @@ interface BaseMetadataWithTopicInformation extends BaseMetadataInformation {
   selector: 'map-detail',
   templateUrl: './map-detail.component.html',
   styleUrls: ['./map-detail.component.scss'],
+  standalone: false,
 })
 export class MapDetailComponent extends AbstractBaseDetailComponent<MapMetadata> {
   public baseMetadataInformation?: BaseMetadataWithTopicInformation;

src/app/data-catalogue/components/product-detail/product-detail.component.ts

@@ -14,6 +14,7 @@ import {Store} from '@ngrx/store';
   selector: 'product-detail',
   templateUrl: './product-detail.component.html',
   styleUrls: ['./product-detail.component.scss'],
+  standalone: false,
 })
 export class ProductDetailComponent extends AbstractBaseDetailComponent<ProductMetadata> {
   public baseMetadataInformation?: BaseMetadataInformation;

src/app/data-catalogue/components/service-detail/service-detail.component.ts

@@ -14,6 +14,7 @@ import {Store} from '@ngrx/store';
   selector: 'service-detail',
   templateUrl: './service-detail.component.html',
   styleUrls: ['./service-detail.component.scss'],
+  standalone: false,
 })
 export class ServiceDetailComponent extends AbstractBaseDetailComponent<ServiceMetadata> {
   public baseMetadataInformation?: BaseMetadataInformation;

src/app/data-catalogue/data-catalogue-page.component.ts

@@ -4,5 +4,6 @@ import {Component} from '@angular/core';
   selector: 'data-catalogue-page',
   templateUrl: './data-catalogue-page.component.html',
   styleUrls: ['./data-catalogue-page.component.scss'],
+  standalone: false,
 })
 export class DataCataloguePageComponent {}

src/app/embedded-page/embedded-map-page.component.ts

@@ -15,6 +15,7 @@ import {MainPage} from '../shared/enums/main-page.enum';
   selector: 'embedded-map-page',
   templateUrl: './embedded-map-page.component.html',
   styleUrls: ['./embedded-map-page.component.scss'],
+  standalone: false,
 })
 export class EmbeddedMapPageComponent implements OnInit, OnDestroy {
   public numberOfQueryLegends: number = 0;

src/app/error-handling/components/error-notification/error-notification.component.ts

@@ -9,6 +9,7 @@ const TICK_LENGTH_IN_MS = 100;
   selector: 'error-notification',
   templateUrl: './error-notification.component.html',
   styleUrls: ['./error-notification.component.scss'],
+  standalone: false,
 })
 export class ErrorNotificationComponent implements OnInit, OnDestroy {
   public progressbarValue$ = new BehaviorSubject<number>(100);

src/app/error-handling/components/fatal-error-page/fatal-error-page.component.ts

@@ -6,6 +6,7 @@ import {Subscription, tap} from 'rxjs';
   selector: 'fatal-error-page',
   templateUrl: './fatal-error-page.component.html',
   styleUrls: ['./fatal-error-page.component.scss'],
+  standalone: false,
 })
 export class FatalErrorPageComponent implements OnInit, OnDestroy {
   public errorMessage: string | null = null;

src/app/error-handling/components/not-found-error-page/not-found-error-page.component.ts

@@ -4,5 +4,6 @@ import {Component} from '@angular/core';
   selector: 'not-found-error-page',
   templateUrl: './not-found-error-page.component.html',
   styleUrls: ['./not-found-error-page.component.scss'],
+  standalone: false,
 })
 export class NotFoundErrorPageComponent {}

src/app/map/components/active-map-items/active-map-item-header/active-map-item-header.component.ts

@@ -13,6 +13,7 @@ import {ActiveMapItem} from '../../../models/active-map-item.model';
   selector: 'active-map-item-header',
   templateUrl: './active-map-item-header.component.html',
   styleUrls: ['./active-map-item-header.component.scss'],
+  standalone: false,
 })
 export class ActiveMapItemHeaderComponent implements OnInit, OnDestroy {
   @Input() public activeMapItem!: ActiveMapItem;

src/app/map/components/active-map-items/active-map-item-layers/active-map-item-layer/active-map-item-layer.component.ts

@@ -10,6 +10,7 @@ import {selectScale} from '../../../../../state/map/reducers/map-config.reducer'
   selector: 'active-map-item-layer',
   templateUrl: './active-map-item-layer.component.html',
   styleUrls: ['./active-map-item-layer.component.scss'],
+  standalone: false,
 })
 export class ActiveMapItemLayerComponent implements OnInit, OnDestroy {
   @Input() public activeMapItem!: ActiveMapItem;

src/app/map/components/active-map-items/active-map-item-layers/active-map-item-layers.component.ts

@@ -9,6 +9,7 @@ import {CdkDrag, CdkDragDrop} from '@angular/cdk/drag-drop';
   selector: 'active-map-item-layers',
   templateUrl: './active-map-item-layers.component.html',
   styleUrls: ['./active-map-item-layers.component.scss'],
+  standalone: false,
 })
 export class ActiveMapItemLayersComponent {
   @Input() public activeMapItem!: ActiveMapItem;

src/app/map/components/active-map-items/active-map-item-settings/active-map-item-settings.component.ts

@@ -14,6 +14,7 @@ import {selectItems} from '../../../../state/map/selectors/active-map-items.sele
   selector: 'active-map-item-settings',
   templateUrl: './active-map-item-settings.component.html',
   styleUrls: ['./active-map-item-settings.component.scss'],
+  standalone: false,
 })
 export class ActiveMapItemSettingsComponent implements OnInit, OnDestroy {
   @Input() public activeMapItem!: ActiveMapItem;

src/app/map/components/active-map-items/active-map-item/active-map-item.component.ts

@@ -11,6 +11,7 @@ type TabType = 'layers' | 'settings';
   selector: 'active-map-item',
   templateUrl: './active-map-item.component.html',
   styleUrls: ['./active-map-item.component.scss'],
+  standalone: false,
 })
 export class ActiveMapItemComponent implements OnInit, OnDestroy {
   @Input() public activeMapItem!: ActiveMapItem;

src/app/map/components/active-map-items/active-map-items.component.ts

@@ -30,6 +30,7 @@ const TOOLTIP_TEXT = {
   selector: 'active-map-items',
   templateUrl: './active-map-items.component.html',
   styleUrls: ['./active-map-items.component.scss'],
+  standalone: false,
 })
 export class ActiveMapItemsComponent implements OnInit, OnDestroy {
   public tooltipText = TOOLTIP_TEXT;

src/app/map/components/api-dialog-wrapper/api-dialog-wrapper.component.ts

@@ -6,6 +6,7 @@ import {LoadingState} from '../../../shared/types/loading-state.type';
   selector: 'api-dialog-wrapper',
   templateUrl: './api-dialog-wrapper.component.html',
   styleUrls: ['./api-dialog-wrapper.component.scss'],
+  standalone: false,
 })
 export class ApiDialogWrapperComponent implements HasSavingState {
   @Input() public title: string = '';

src/app/map/components/bottom-sheet-overlay/bottom-sheet-item/bottom-sheet-item.component.ts

@@ -12,6 +12,7 @@ import {selectMapAttributeFiltersItem} from 'src/app/state/map/selectors/map-att
   selector: 'bottom-sheet-item',
   templateUrl: './bottom-sheet-item.component.html',
   styleUrls: ['./bottom-sheet-item.component.scss'],
+  standalone: false,
 })
 export class BottomSheetItemComponent implements OnInit, OnDestroy {
   @Input() public overlayTitle?: string = '';

src/app/map/components/bottom-sheet-overlay/bottom-sheet-overlay.component.ts

@@ -8,6 +8,7 @@ import {selectBottomSheetContent} from 'src/app/state/map/reducers/map-ui.reduce
   selector: 'bottom-sheet-overlay',
   templateUrl: './bottom-sheet-overlay.component.html',
   styleUrls: ['./bottom-sheet-overlay.component.scss'],
+  standalone: false,
 })
 export class BottomSheetOverlayComponent implements OnInit, OnDestroy {
   @Input() public showInteractiveElements: boolean = true;

src/app/map/components/drawing-edit-overlay/drawing-edit-overlay.component.ts

@@ -8,6 +8,7 @@ import {DrawingActions} from '../../../state/map/actions/drawing.actions';
   selector: 'drawing-edit-overlay',
   templateUrl: './drawing-edit-overlay.component.html',
   styleUrl: './drawing-edit-overlay.component.scss',
+  standalone: false,
 })
 export class DrawingEditOverlayComponent implements OnInit, OnDestroy {
   public isVisible: boolean = false;

src/app/map/components/drawing-edit-overlay/drawing-edit/color-picker-edit/color-picker-edit.component.ts

@@ -4,6 +4,7 @@ import {Component, EventEmitter, Input, Output} from '@angular/core';
   selector: 'color-picker-edit',
   templateUrl: './color-picker-edit.component.html',
   styleUrl: './color-picker-edit.component.scss',
+  standalone: false,
 })
 export class ColorPickerEditComponent {
   @Input() public fillColor: string = '';

src/app/map/components/drawing-edit-overlay/drawing-edit/drawing-edit.component.ts

@@ -12,6 +12,7 @@ import {DrawingActions} from '../../../../state/map/actions/drawing.actions';
   selector: 'drawing-edit',
   templateUrl: './drawing-edit.component.html',
   styleUrl: './drawing-edit.component.scss',
+  standalone: false,
 })
 export class DrawingEditComponent implements OnInit, OnDestroy {
   public selectedFeature?: Gb3StyledInternalDrawingRepresentation;

src/app/map/components/drawing-edit-overlay/drawing-edit/line-edit/line-edit.component.ts

@@ -5,6 +5,7 @@ import {Gb3LineStringStyle, LineStyleConfiguration} from '../../../../../shared/
   selector: 'line-edit',
   templateUrl: './line-edit.component.html',
   styleUrl: './line-edit.component.scss',
+  standalone: false,
 })
 export class LineEditComponent {
   @Input() public lineStyle!: Gb3LineStringStyle;

src/app/map/components/drawing-edit-overlay/drawing-edit/point-edit/point-edit.component.ts

@@ -5,6 +5,7 @@ import {Gb3PointStyle, PointStyleConfiguration} from '../../../../../shared/inte
   selector: 'point-edit',
   templateUrl: './point-edit.component.html',
   styleUrl: './point-edit.component.scss',
+  standalone: false,
 })
 export class PointEditComponent {
   @Input() public pointStyle!: Gb3PointStyle;

src/app/map/components/drawing-edit-overlay/drawing-edit/polygon-edit/polygon-edit.component.ts

@@ -5,6 +5,7 @@ import {AreaStyleConfiguration, Gb3PolygonStyle} from '../../../../../shared/int
   selector: 'polygon-edit',
   templateUrl: './polygon-edit.component.html',
   styleUrl: './polygon-edit.component.scss',
+  standalone: false,
 })
 export class PolygonEditComponent {
   @Input() public polygonStyle!: Gb3PolygonStyle;

src/app/map/components/drawing-edit-overlay/drawing-edit/slider-edit/slider-edit.component.ts

@@ -4,6 +4,7 @@ import {Component, EventEmitter, Input, numberAttribute, Output} from '@angular/
   selector: 'slider-edit',
   templateUrl: './slider-edit.component.html',
   styleUrl: './slider-edit.component.scss',
+  standalone: false,
 })
 export class SliderEditComponent {
   @Input({transform: numberAttribute}) public sliderValue: number = 0;

src/app/map/components/drawing-edit-overlay/drawing-edit/text-edit/text-edit.component.ts

@@ -8,6 +8,7 @@ const COLOR_INPUT_DEBOUNCE_IN_MS = 10;
   selector: 'text-edit',
   templateUrl: './text-edit.component.html',
   styleUrl: './text-edit.component.scss',
+  standalone: false,
 })
 export class TextEditComponent implements OnInit, OnDestroy {
   @Input() public textStyle!: Gb3TextStyle;

src/app/map/components/elevation-profile-overlay/elevation-profile-chart/elevation-profile-chart.component.ts

@@ -10,7 +10,6 @@ import {ElevationProfileActions} from '../../../../state/map/actions/elevation-p
 const VERTIXAL_AXIS_LABEL = 'MüM';
 
 @Component({
-  standalone: true,
   selector: 'elevation-profile-chart',
   templateUrl: './elevation-profile-chart.component.html',
   styleUrls: ['./elevation-profile-chart.component.scss'],

src/app/map/components/elevation-profile-overlay/elevation-profile-overlay.component.ts

@@ -12,6 +12,7 @@ import {SwisstopoApiService} from '../../../shared/services/apis/swisstopo/swiss
   selector: 'elevation-profile-overlay',
   templateUrl: './elevation-profile-overlay.component.html',
   styleUrls: ['./elevation-profile-overlay.component.scss'],
+  standalone: false,
 })
 export class ElevationProfileOverlayComponent implements OnInit, OnDestroy {
   public isVisible: boolean = false;

src/app/map/components/elevation-profile-overlay/elevation-profile-statistics/elevation-profile-statistics.component.ts

@@ -5,6 +5,7 @@ import {ElevationProfileStatistics} from '../../../../shared/interfaces/elevatio
   selector: 'elevation-profile-statistics',
   templateUrl: './elevation-profile-statistics.component.html',
   styleUrls: ['./elevation-profile-statistics.component.scss'],
+  standalone: false,
 })
 export class ElevationProfileStatisticsComponent {
   @Input() public statistics!: ElevationProfileStatistics;