fix: update @ionic/angular* and patch dependencies

frontend/app/package.json

@@ -60,23 +60,23 @@
     "@capacitor-community/in-app-review": "8.0.0",
     "@capacitor-community/screen-brightness": "8.0.0",
     "@capacitor/app": "8.0.1",
-    "@capacitor/browser": "8.0.2",
+    "@capacitor/browser": "8.0.4",
     "@capacitor/clipboard": "8.0.1",
     "@capacitor/core": "8.2.0",
-    "@capacitor/device": "8.0.1",
+    "@capacitor/device": "8.0.3",
     "@capacitor/dialog": "8.0.1",
-    "@capacitor/filesystem": "8.1.2",
+    "@capacitor/filesystem": "8.1.3",
     "@capacitor/geolocation": "8.1.0",
-    "@capacitor/haptics": "8.0.1",
-    "@capacitor/keyboard": "8.0.1",
+    "@capacitor/haptics": "8.0.2",
+    "@capacitor/keyboard": "8.0.5",
     "@capacitor/local-notifications": "8.0.2",
     "@capacitor/network": "8.0.1",
     "@capacitor/preferences": "8.0.1",
     "@capacitor/screen-orientation": "8.0.1",
     "@capacitor/share": "8.0.1",
-    "@capacitor/splash-screen": "8.0.1",
-    "@ionic/angular": "8.7.16",
-    "@ionic/angular-server": "8.7.16",
+    "@capacitor/splash-screen": "8.0.2",
+    "@ionic/angular": "8.8.16",
+    "@ionic/angular-server": "8.8.16",
     "@ionic/storage-angular": "4.0.0",
     "@maplibre/ngx-maplibre-gl": "17.4.1",
     "@ngx-translate/core": "15.0.0",
@@ -86,12 +86,12 @@
     "@openstapps/collection-utils": "workspace:*",
     "@openstapps/core": "workspace:*",
     "@transistorsoft/capacitor-background-fetch": "8.0.0",
-    "@types/dom-view-transitions": "1.0.4",
-    "capacitor-secure-storage-plugin": "0.12.0",
+    "@types/dom-view-transitions": "1.0.6",
+    "capacitor-secure-storage-plugin": "0.13.0",
     "cordova-plugin-calendar": "5.1.6",
     "date-fns": "3.6.0",
     "deepmerge": "4.3.1",
-    "form-data": "4.0.4",
+    "form-data": "4.0.6",
     "geojson": "0.5.0",
     "ionic-appauth": "2.1.0",
     "ionicons": "8.0.13",
@@ -106,7 +106,7 @@
     "opening_hours": "3.8.0",
     "pmtiles": "3.0.3",
     "prettier": "3.1.1",
-    "rxjs": "7.8.1",
+    "rxjs": "7.8.2",
     "semver": "7.6.0",
     "swiper": "8.4.5",
     "tslib": "2.6.2",
@@ -138,13 +138,13 @@
     "@ionic/cli": "7.2.1",
     "@openstapps/prettier-config": "workspace:*",
     "@openstapps/tsconfig": "workspace:*",
-    "@types/fontkit": "2.0.7",
+    "@types/fontkit": "2.0.9",
     "@types/geojson": "1.0.6",
     "@types/glob": "8.1.0",
     "@types/jasmine": "5.1.4",
     "@types/jasminewd2": "2.0.13",
     "@types/jsonpath": "0.2.0",
-    "@types/karma": "6.3.8",
+    "@types/karma": "6.3.9",
     "@types/karma-coverage": "2.0.3",
     "@types/karma-jasmine": "4.0.5",
     "@types/node": "22.15.31",
@@ -158,14 +158,14 @@
     "eslint-plugin-prettier": "5.1.3",
     "eslint-plugin-unicorn": "51.0.1",
     "fast-deep-equal": "3.1.3",
-    "fontkit": "2.0.2",
+    "fontkit": "2.0.4",
     "glob": "10.5.0",
     "http-server": "14.1.1",
     "is-docker": "2.2.1",
     "jasmine-core": "5.1.2",
     "jasmine-spec-reporter": "7.0.0",
     "junit-report-merger": "6.0.3",
-    "karma": "6.4.3",
+    "karma": "6.4.4",
     "karma-chrome-launcher": "3.2.0",
     "karma-coverage": "2.2.1",
     "karma-jasmine": "5.1.0",

frontend/app/src/app/app-routing.module.ts

@@ -26,6 +26,7 @@ const routes: Routes = [{path: '', redirectTo: '/overview', pathMatch: 'full'}];
     RouterModule.forRoot(routes, {
       preloadingStrategy: PreloadAllModules,
       errorHandler: error => {
+        console.error(error);
         // Handle unknown routes, at the moment this can only be done via window.location
         if (error.message.includes('Cannot match any routes')) {
           window.location.href = '/overview';

frontend/app/src/app/modules/map/elements/building-markers.html

@@ -3,7 +3,7 @@
   id="stapps-building-fill"
   type="fill"
   source="polygons"
-  before="poi_label"
+  after="poi_label"
   [paint]="buildingFillPaint"
   (layerClick)="featureClick($event)"
   (layerMouseEnter)="dataProvider !== null && mapService.changeCanvasCursor('pointer')"
@@ -13,7 +13,7 @@
   id="stapps-building-outline"
   type="line"
   source="polygons"
-  before="poi_label"
+  after="poi_label"
   [paint]="buildingPaint"
 ></mgl-layer>
 <mgl-layer

frontend/app/src/app/modules/map/map-page.component.ts

@@ -24,7 +24,6 @@ import {TranslateModule} from '@ngx-translate/core';
 import {ActivatedRoute, RouterLink} from '@angular/router';
 import {MapAuto3dDirective} from './map-auto-3d.directive';
 import {MediaQueryPipe} from '../../util/media-query.pipe';
-import {MapStyleDirective} from './map-style.directive';
 import {DataProvider} from '../data/data.provider';
 import {SCSearchFilter, SCThingType} from '@openstapps/core';
 import {DataModule} from '../data/data.module';
@@ -33,6 +32,7 @@ import {GeolocateControlComponent} from './controls/geolocate-control.component'
 import {CompassControlComponent} from './controls/compass-control.component';
 import {MapSizeFixDirective} from './map-size-fix.directive';
 import {MapDataProvider} from './map-data.provider';
+import {MapStylePipe} from './map-style.pipe';
 import {ThingPoiFeatureCollectionPipe, ThingPolygonFeatureCollectionPipe} from './feature-collection.pipe';
 import {BuildingMarkersComponent} from './elements/building-markers.component';
 import {PoiMarkersComponent} from './elements/poi-markers.component';
@@ -68,7 +68,7 @@ import {IonIconDirective} from 'src/app/util/ion-icon/ion-icon.directive';
     MapAuto3dDirective,
     MapComponent,
     MapSizeFixDirective,
-    MapStyleDirective,
+    MapStylePipe,
     MediaQueryPipe,
     PoiMarkersComponent,
     RouterLink,

frontend/app/src/app/modules/map/map-page.html

@@ -22,8 +22,7 @@
 
 <ion-content id="map">
   <mgl-map
-    [styleName]="('(prefers-color-scheme: dark)' | mediaQuery | async) ? 'dark' : 'light'"
-    [antialias]="true"
+    [style]="('(prefers-color-scheme: dark)' | mediaQuery | async) ? 'dark' : 'light' | mapStyleUrl"
     [attributionControl]="false"
     [fitBounds]="(bounds | async) ?? undefined"
     [fitBoundsOptions]="{maxZoom: 15, padding: {top: 100, bottom: 50, left: 50, right: 50}, animate: false}"

frontend/app/src/app/modules/map/map-style.directive.ts

@@ -1,21 +0,0 @@
-import {Directive, Input, Host} from '@angular/core';
-import {MapComponent} from '@maplibre/ngx-maplibre-gl';
-import {environment} from '../../../environments/environment';
-
-@Directive({
-  selector: 'mgl-map[styleName]',
-  standalone: true,
-})
-export class MapStyleDirective {
-  constructor(@Host() readonly map: MapComponent) {}
-
-  @Input()
-  set styleName(name: string) {
-    const style = `${environment.backend_url}/_static/map/styles/${name}/style.json`;
-    if (this.map.style) {
-      this.map.mapInstance.setStyle(style);
-    } else {
-      this.map.style = style;
-    }
-  }
-}

frontend/app/src/app/modules/map/map-style.pipe.ts

@@ -0,0 +1,34 @@
+/*
+ * Copyright (C) 2025 StApps
+ * This program is free software: you can redistribute it and/or modify it
+ * under the terms of the GNU General Public License as published by the Free
+ * Software Foundation, version 3.
+ *
+ * This program is distributed in the hope that it will be useful, but WITHOUT
+ * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+ * FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
+ * more details.
+ *
+ * You should have received a copy of the GNU General Public License along with
+ * this program. If not, see <https://www.gnu.org/licenses/>.
+ */
+
+import {Injectable, Pipe, PipeTransform} from '@angular/core';
+import {environment} from '../../../environments/environment';
+
+/**
+ * Return the extended translation key by the current daytime key
+ */
+@Injectable()
+@Pipe({
+  name: 'mapStyleUrl',
+  standalone: true,
+})
+export class MapStylePipe implements PipeTransform {
+  /**
+   * Transform
+   */
+  transform(name: string): string {
+    return `${environment.backend_url}/_static/map/styles/${name}/style.json`;
+  }
+}

frontend/app/src/app/modules/map/map-widget.component.ts

@@ -21,7 +21,7 @@ import {TranslateModule} from '@ngx-translate/core';
 import {CommonModule} from '@angular/common';
 import {MapAuto3dDirective} from './map-auto-3d.directive';
 import {MediaQueryPipe} from 'src/app/util/media-query.pipe';
-import {MapStyleDirective} from './map-style.directive';
+import {MapStylePipe} from './map-style.pipe';
 import {MapSizeFixDirective} from './map-size-fix.directive';
 import {SCThings} from '@openstapps/core';
 import {ThingPolygonFeatureCollectionPipe, ThingPoiFeatureCollectionPipe} from './feature-collection.pipe';
@@ -50,7 +50,7 @@ import {IonIconDirective} from 'src/app/util/ion-icon/ion-icon.directive';
     MapAuto3dDirective,
     MapComponent,
     MapSizeFixDirective,
-    MapStyleDirective,
+    MapStylePipe,
     MarkerComponent,
     MediaQueryPipe,
     PoiMarkersComponent,

frontend/app/src/app/modules/map/map-widget.html

@@ -14,7 +14,7 @@
   -->
 <mgl-map
   auto-3d
-  [styleName]="('(prefers-color-scheme: dark)' | mediaQuery | async) ? 'dark' : 'light'"
+  [style]="('(prefers-color-scheme: dark)' | mediaQuery | async) ? 'dark' : 'light' | mapStyleUrl"
   [interactive]="false"
   [attributionControl]="false"
   [center]="$any(place.geo.point.coordinates)"