@regionerne/gis-komponent 0.0.92 → 0.0.93

package/fesm2022/regionerne-gis-komponent.mjs

@@ -11,7 +11,7 @@ import ImageWMS from 'ol/source/ImageWMS';
 import WMTSCapabilities from 'ol/format/WMTSCapabilities';
 import ImageLayer from 'ol/layer/Image';
 import * as i1 from '@angular/common/http';
-import { HttpClient, HttpParams, HttpHeaders, HttpErrorResponse, provideHttpClient, withInterceptors } from '@angular/common/http';
+import { HttpClient, HttpParams, HttpHeaders, HttpResponse, provideHttpClient, withInterceptors } from '@angular/common/http';
 import OLLayerGroup from 'ol/layer/Group';
 import * as i6$1 from '@angular/material/select';
 import { MatSelectModule } from '@angular/material/select';
@@ -22,7 +22,7 @@ import { register } from 'ol/proj/proj4';
 import proj4 from 'proj4';
 import { Control, Rotate as Rotate$1 } from 'ol/control';
 import { TileWMS, Vector } from 'ol/source';
-import { Subject, BehaviorSubject, tap, switchMap, EMPTY, map, combineLatest, Observable, debounceTime, distinctUntilChanged, filter, take, of, ReplaySubject, interval, catchError, forkJoin, throwError } from 'rxjs';
+import { Subject, BehaviorSubject, tap, switchMap, EMPTY, map, combineLatest, Observable, debounceTime, distinctUntilChanged, filter, take, of, ReplaySubject, interval, catchError, forkJoin } from 'rxjs';
 import WMTS, { optionsFromCapabilities } from 'ol/source/WMTS';
 import VectorLayer from 'ol/layer/Vector';
 import TileSource from 'ol/source/Tile';
@@ -2305,7 +2305,7 @@ class SearchProviderBase {
             });
             const body = this._serializer.serializeToString(searchFeature);
             // Call the post without generic <WfsFeatureCollection>, because the GeoServer will return a 200 and an error as xml. Handle the deserialize manually instead.
-            const req$ = this._http.post(layer.baseUrl.replace('wms', 'wfs'), body, { headers: { 'Content-Type': 'text/xml' }, responseType: 'text', observe: 'response' }).pipe(map(r => {
+            const req$ = this._http.post(layer.baseUrl.replace('wms', 'wfs'), body, { headers: { '_noLogError': '_', 'Content-Type': 'text/xml' }, responseType: 'text', observe: 'response' }).pipe(map(r => {
                 try {
                     const result = JSON.parse(r.body ?? '');
                     return this.map(layer, result);
@@ -5033,19 +5033,12 @@ class MapSearchComponent {
     }
     highlight(wkt, event) {
         event.stopPropagation();
-        const wktFormatter = new WKT();
-        const geom = wktFormatter.readGeometry(wkt);
         if (this.activeHighlightWkt === wkt) {
             this.activeHighlightWkt = null;
         }
         else {
             this.activeHighlightWkt = wkt;
-            if (geom.getType() === 'Point') {
-                this._zoomService.zoomToFeatures(wkt);
-            }
-            else {
-                this._highlight.highlight(wkt);
-            }
+            this._highlight.highlight(wkt);
         }
     }
     onDragEnded(event) {
@@ -5154,7 +5147,12 @@ class LegendsListComponent {
     _mapFilteredLayerGroupsKeyName = 'mapFilteredLayerGroups';
     POSITION_STORAGE_KEY = 'legendsListPosition';
     ngOnInit() {
-        this._layerHelperService.activeLayersChanged.subscribe(() => this._setFilteredLegends().subscribe(result => this.filteredLayersDetailed = result));
+        this._layerHelperService.activeLayersChanged.subscribe(() => {
+            return this._setFilteredLegends().subscribe(result => {
+                console.log("🚀 ~ LegendsListComponent ~ ngOnInit ~ result:", result);
+                this.filteredLayersDetailed = result;
+            });
+        });
     }
     ngOnChanges(changes) {
         this._layoutService.mapResizedSubject.subscribe(async () => {
@@ -5163,7 +5161,10 @@ class LegendsListComponent {
         if (changes['profile'] && this.profile) {
             this.collapsed = this.profile.legendsListFolded;
             this._loadPosition(this.collapsed);
-            this._setFilteredLegends().subscribe(result => this.filteredLayersDetailed = result);
+            this._setFilteredLegends().subscribe(result => {
+                console.log("🚀 ~ LegendsListComponent ~ ngOnChanges ~ result:", result);
+                this.filteredLayersDetailed = result;
+            });
         }
     }
     ngOnDestroy() {
@@ -5269,17 +5270,22 @@ class LegendsListComponent {
         }
         // Fallback to Geoserver legend file
         const fallbackUrl = `${layer.baseUrl}?service=WMS&REQUEST=GetLegendGraphic&VERSION=1.0.0&FORMAT=image/png&WIDTH=20&HEIGHT=20&STRICT=false&layer=${layer.layers}`;
-        return this._http.get(fallbackUrl, { responseType: 'blob' }).pipe(map(blob => {
+        const headers = new HttpHeaders().append('_noLogError', '_');
+        return this._http.get(fallbackUrl, { responseType: 'blob', headers }).pipe(map(blob => {
+            console.log("🚀 ~ LegendsListComponent ~ resolveLegendImage ~ layer:", layer);
             // Blob returned as an image, so layer has a legend in Geoserver
             const isImage = blob.type.startsWith('image/');
             return {
                 ...layer,
                 imageUrl: isImage ? fallbackUrl : ''
             };
-        }), catchError(() => of({
-            ...layer,
-            imageUrl: '' // fallback failed, layer has no legend on Geoserver
-        })));
+        }), catchError((err) => {
+            console.error(`Signatur kunne ikke indlæses for ${layer.name}`, err);
+            return of({
+                ...layer,
+                imageUrl: '' // fallback failed, layer has no legend on Geoserver
+            });
+        }));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: LegendsListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: LegendsListComponent, isStandalone: true, selector: "lib-legends-list", inputs: { map: "map", profile: "profile" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"legends-list-body-wrapper global-wrapper-container\" \n  cdkDrag \n  cdkDragBoundary=\".map-container\" \n  [cdkDragFreeDragPosition]=\"dragPosition\"\n  (cdkDragEnded)=\"onDragEnded($event)\"\n  [class.collapsed]=\"collapsed\">\n\n  <div class=\"drag-handle-legends\" cdkDragHandle>\n    <mat-icon \n      class=\"legend-icon\" \n      matTooltip=\"Signaturforklaring\" \n      (click)=\"toggleLegendsList()\"\n      [matTooltipShowDelay]=\"500\"\n      [matTooltipHideDelay]=\"100\" \n      matTooltipPosition=\"above\">\n      area_chart\n    </mat-icon>\n  <div class=\"right-icons\">\n    <mat-icon class=\"toggle-icon\" (click)=\"toggleLegendsList()\">\n      {{ collapsed ? 'flip_to_front' : 'remove' }}\n    </mat-icon>\n  </div>\n</div>\n\n<div class=\"legends-list-container\">\n  @if(!collapsed) {\n <div class=\"ol-unselectable ol-control legends-list-body\">\n    <div class=\"item-list\">\n      @for (layer of filteredLayersDetailed; track layer.id; let i = $index) {\n        @if (layer.imageUrl) {\n          <mat-expansion-panel [expanded]=\"i === 0\"> \n            <mat-expansion-panel-header>\n              <span class=\"panel-title\">\n                {{ layer.name }}\n              </span>\n            </mat-expansion-panel-header>\n            <div class=\"legend\">\n              <img [src]=\"layer.imageUrl\" class=\"legend-thumbnail\"/>\n            </div>\n          </mat-expansion-panel>\n        }\n      }\n    </div>\n  </div>\n}\n</div>\n</div>", styles: [".legends-list-body-wrapper{position:absolute;top:0!important;left:0!important;margin:0!important;z-index:1000;box-shadow:0 2px 10px #0000001a;width:350px;box-sizing:border-box;transition:width .3s ease,max-width .3s ease;border-radius:5px}.legends-list-body-wrapper.collapsed .drag-handle-legends{box-sizing:border-box}.legends-list-body-wrapper.collapsed .drag-handle-legends .legend-icon{margin-right:0}.legends-list-body-wrapper.cdk-drag-dragging{opacity:.8;cursor:grabbing;z-index:1001}@media (max-width: 1024px){.legends-list-body-wrapper{width:240px;max-width:240px;min-width:240px}.legends-list-body-wrapper.collapsed{width:90px!important;max-width:90px!important;min-width:90px!important}}@media (max-width: 768px){.legends-list-body-wrapper{right:1em;width:calc(100% - 2em);max-width:350px;min-width:unset}.legends-list-body-wrapper.collapsed{width:90px!important;max-width:90px!important;min-width:90px!important;left:auto;right:1em}}@media (max-width: 480px){.legends-list-body-wrapper.collapsed{width:90px!important;max-width:90px!important;min-width:90px!important}}.drag-handle-legends .legend-icon{font-size:18px;cursor:default!important;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.drag-handle-legends .toggle-icon{cursor:pointer!important;transition:all .2s ease;-webkit-user-select:none;user-select:none;font-size:18px!important;display:flex;align-items:center;justify-content:center;flex-shrink:0}.drag-handle-legends .toggle-icon:hover{color:#d3d3d3}.right-icons{display:flex;align-items:center;gap:10px}.legends-list-container{display:flex;flex-direction:column;align-items:center;width:100%;transition:all .3s ease;cursor:default;box-sizing:border-box}.panel-title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}::ng-deep .legends-list-body{position:relative;left:auto;right:auto;bottom:auto;z-index:auto;width:100%;max-height:610px;min-height:80px;overflow:hidden;display:flex;flex-direction:column}@media (max-width: 1024px){::ng-deep .legends-list-body{max-height:450px;min-height:70px}}@media (max-width: 768px){::ng-deep .legends-list-body{max-height:60vh;max-height:calc(var(--vh, 1vh) * 60);min-height:100px}}@media (max-width: 480px){::ng-deep .legends-list-body{max-height:70vh;max-height:calc(var(--vh, 1vh) * 70);min-height:90px}}::ng-deep .legends-list-body .item-list{flex:1 1 auto;overflow-y:auto}@media (max-width: 768px){::ng-deep .legends-list-body .item-list{padding:6px;max-height:400px}}::ng-deep .legends-list-body .item-list mat-expansion-panel{border-radius:0!important;box-shadow:none!important;width:100%;background:transparent}::ng-deep .legends-list-body .item-list mat-expansion-panel.mat-expansion-panel{background:transparent}::ng-deep .legends-list-body .item-list mat-expansion-panel .mat-expansion-panel-header{box-sizing:border-box;width:100%;overflow:hidden}::ng-deep .legends-list-body .item-list mat-expansion-panel .mat-expansion-panel-header .mat-content{overflow:hidden;min-width:0}::ng-deep .legends-list-body .item-list mat-expansion-panel .mat-expansion-panel-body{padding:12px 16px;background:#0003}::ng-deep .legends-list-body .item-list .legend{overflow:hidden}::ng-deep .legends-list-body .item-list .legend span{color:#fff}.legend-thumbnail{width:100%;max-width:100%;height:auto;border:1px solid #dee2e6;display:block;border-radius:5px;box-sizing:border-box}@media (max-width: 768px){.legend-thumbnail{padding:3px}}::ng-deep .legends-list-body .item-list::-webkit-scrollbar{width:12px}::ng-deep .legends-list-body .item-list::-webkit-scrollbar-track{background:#757474;border-radius:8px}::ng-deep .legends-list-body .item-list::-webkit-scrollbar-thumb{background:#1a1c1f;border-radius:8px;border:2px solid #2a2c30}::ng-deep .legends-list-body .item-list::-webkit-scrollbar-thumb:hover{background:#0f1012}::ng-deep .legends-list-body .item-list::-webkit-scrollbar-button{width:12px;height:16px;background:#2a2c30;border:1px solid #1a1c1f}::ng-deep .legends-list-body .item-list::-webkit-scrollbar-button:vertical:decrement{background:#2a2c30 url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 4l-4 4h8z'/%3E%3C/svg%3E\") no-repeat center;border-radius:8px 8px 0 0}::ng-deep .legends-list-body .item-list::-webkit-scrollbar-button:vertical:decrement:hover{background-color:#1a1c1f}::ng-deep .legends-list-body .item-list::-webkit-scrollbar-button:vertical:increment{background:#2a2c30 url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 8l4-4H2z'/%3E%3C/svg%3E\") no-repeat center;border-radius:0 0 8px 8px}::ng-deep .legends-list-body .item-list::-webkit-scrollbar-button:vertical:increment:hover{background-color:#1a1c1f}::ng-deep .mat-expansion-indicator:after{color:#bdc1c3cc!important}::ng-deep .mat-expansion-panel-header.mat-expanded .mat-expansion-indicator:after{color:#fff!important}@media (max-width: 768px){.legends-list-body-wrapper{right:.5em;max-width:350px}}@media (max-width: 480px){.legends-list-body-wrapper{right:.5em;left:.5em;max-width:calc(100vw - 1em);width:auto}.legends-list-body-wrapper.collapsed{width:90px;left:auto}::ng-deep .legends-list-body .item-list{max-height:300px}}\n"], dependencies: [{ kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i5.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i5.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "component", type: i6.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i6.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
@@ -5887,16 +5893,14 @@ class LibErrorService {
     _messages = [];
     //Format errors from backend or UI
     format(error) {
-        if (error instanceof HttpErrorResponse) {
-            if (error.error?.message)
-                return error.error.message;
-            if (typeof error.error === 'string')
-                return error.error;
-            return `Server returned ${error.status}`;
-        }
-        if (error instanceof Error)
-            return error.message;
-        return 'An unexpected error occurred.';
+        return `Der er opstået en uventet fejl. Kontroller venligst din opsætning. Kontakt supporten, hvis problemet fortsætter`;
+        // if (error instanceof HttpErrorResponse) {
+        //   if (error.error?.message) return error.error.message;
+        //   if (typeof error.error === 'string') return error.error;
+        //   return `Der er opstået en uventet fejl. Kontroller venligst din opsætning. Kontakt supporten, hvis problemet fortsætter`;
+        // }
+        // if (error instanceof Error) return error.message;
+        // return 'An unexpected error occurred.';
     }
     // Log errors (for debugging or telemetry)
     log(error) {
@@ -5933,9 +5937,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
 const libErrorInterceptor = (req, next) => {
     const errorService = inject(LibErrorService);
     return next(req).pipe(catchError((error) => {
-        errorService.log(error);
-        errorService.show(error);
-        return throwError(() => error); // Let the component decide if needed
+        console.log("🚀 ~ libErrorInterceptor ~ req.headers.get('_noLogError'):", req.headers.get('_noLogError'));
+        if (!req.headers.get('_noLogError')) {
+            errorService.log(error);
+            errorService.show(error);
+        }
+        return of(new HttpResponse({ body: '' }));
+        // return throwError(() => error); // Let the component decide if needed
     }));
 };