⬆️ upgrade HSL to 7

angular.json

@@ -36,9 +36,7 @@
             ],
             "preserveSymlinks": true,
             "styles": [
-              "./node_modules/ol/ol.css",
-              "./node_modules/hslayers-ng/src/css/hslayers-bootstrap.scss",
-              "./node_modules/hslayers-ng/src/css/whhg-font/css/whhg.css"
+              "./node_modules/hslayers-ng/css/hslayers-ng.css"
             ],
             "scripts": [],
             "vendorChunk": true,

package.json

@@ -6,6 +6,7 @@
   "scripts": {
     "build": "ng build --configuration production",
     "build-dev": "ng build",
+    "dev": "npm run start-dev",
     "serve": "npm run start-dev",
     "start": "npx http-server ./build -p 8080",
     "start-dev": "ng serve --configuration production --disable-host-check",
@@ -25,40 +26,10 @@
   ],
   "license": "MIT",
   "dependencies": {
-    "@angular/cdk": "^12.2.10",
-    "@angular/common": "^12.2.10",
-    "@angular/compiler": "^12.2.10",
-    "@angular/core": "^12.2.10",
-    "@angular/forms": "^12.2.10",
-    "@angular/localize": "^12.2.10",
-    "@angular/platform-browser": "^12.2.10",
-    "@angular/platform-browser-dynamic": "^12.2.10",
-    "@ng-bootstrap/ng-bootstrap": "^10.0.0",
-    "@ngx-translate/core": "^13.0.0",
-    "@ngx-translate/http-loader": "^6.0.0",
-    "bootstrap": "^5.1.3",
     "csvtojson": "^2.0.10",
-    "dayjs": "^1.10.7",
-    "deepmerge": "^4.2.2",
-    "geostyler-openlayers-parser": "^3.0.0",
-    "geostyler-sld-parser": "^3.0.1",
-    "geostyler-style": "^5.0.0",
-    "hslayers-ng": "https://gitpkg.now.sh/hslayers/hslayers-ng/projects/hslayers?develop",
+    "hslayers-ng": "^7.1.0",
     "hsv2rgb": "^1.1.0",
-    "http-server": "^0.12.3",
-    "ngx-color": "^7.2.0",
-    "ngx-cookie-service": "^12.0.3",
-    "ol": "6.7",
-    "ol-popup": "^4.0.0",
-    "proj4": "2.7",
-    "queue": "^6.0.2",
-    "resumablejs": "^1.1.0",
-    "rxjs": "6.6",
-    "share-api-polyfill": "^1.0.20",
-    "ts-sync-request": "^1.4.1",
-    "tslib": "^2.3.1",
-    "xml-js": "^1.6.11",
-    "zone.js": "^0.11.4"
+    "http-server": "^0.12.3"
   },
   "devDependencies": {
     "@angular-builders/custom-webpack": "^12.1.3",
@@ -69,18 +40,12 @@
     "@angular-eslint/schematics": "^12.5.0",
     "@angular-eslint/template-parser": "^12.5.0",
     "@angular/cli": "^12.2.10",
-    "@angular/compiler-cli": "^12.2.10",
     "@angularclass/hmr": "^3.0.0",
     "eslint": "^7.10.0",
-    "eslint-config-openlayers": "^14.0.0",
+    "eslint-config-openlayers": "14.0.0",
     "eslint-plugin-import": "^2.22.1",
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-promise": "^4.2.1",
-    "file-loader": "^6.2.0",
-    "ng-packagr": "^12.2.3",
-    "sass": "^1.32.7",
-    "typescript": "4.2",
-    "webpack": "^4.46.0",
-    "webpack-dev-server": "^3.11.2"
+    "file-loader": "^6.2.0"
   }
 }

src/app.config.ts

@@ -296,7 +296,7 @@ export const AppConfig = {
   //proxyPrefix: '../8085/',
   geonamesUser: env.geonamesUser,
   default_layers: [cartodbLayer, osmLayer, mcr500Layer, ortofotoLayer],
-  popUpDisplay: 'hover',
+  popUpDisplay: 'hover' as const,
   project_name: 'erra/map',
   default_view: new View({
     projection: sjtskProjection,