@regionerne/gis-komponent 0.0.87 → 0.0.88

package/fesm2022/regionerne-gis-komponent.mjs

@@ -59,7 +59,7 @@ import * as SLDReader from '@nieuwlandgeo/sldreader';
 import WKT from 'ol/format/WKT';
 import Feature$1 from 'ol/Feature';
 import { never, always } from 'ol/events/condition';
-import { buffer, lineIntersect, lineSplit, featureCollection, difference, booleanIntersects, union, point, booleanPointInPolygon, area, flatten, feature, booleanWithin, intersect, bboxPolygon } from '@turf/turf';
+import { buffer, lineIntersect, lineSplit, featureCollection, difference, booleanIntersects, union, booleanPointInPolygon, point, area, flatten, feature, booleanWithin, intersect, bboxPolygon } from '@turf/turf';
 import GeoJSON$1 from 'ol/format/GeoJSON';
 import { containsXY, extend, createEmpty, buffer as buffer$1 } from 'ol/extent';
 import { Feature } from 'ol';
@@ -1520,29 +1520,10 @@ class UndoRedoService {
     constructor(_drawlayerSourceService) {
         this._drawlayerSourceService = _drawlayerSourceService;
     }
-    disable() {
-        this._enabled = false;
-    }
-    enable() {
-        this._enabled = true;
-    }
     _steps = [];
     _currentStep = 0;
-    _changing = false;
-    _enabled = true;
     init() {
         this._steps[0] = this._drawlayerSourceService.allFeatures;
-        // For every change, add the current state
-        this._drawlayerSourceService.features$.pipe(filter(() => this._enabled)).subscribe({
-            next: () => {
-                if (this._changing) {
-                    this._changing = false;
-                    return;
-                }
-                this._steps = [...this._steps.slice(0, this._currentStep + 1), this._drawlayerSourceService.allFeatures];
-                this._currentStep++;
-            }
-        });
     }
     get canUndo() {
         return this._currentStep > 0;
@@ -1550,9 +1531,12 @@ class UndoRedoService {
     get canRedo() {
         return this._currentStep < this._steps.length - 1;
     }
+    addStep() {
+        this._steps = [...this._steps.slice(0, this._currentStep + 1), this._drawlayerSourceService.allFeatures];
+        this._currentStep++;
+    }
     undo() {
         if (this.canUndo) {
-            this._changing = true;
             this._currentStep--;
             const features = this._steps[this._currentStep];
             this._drawlayerSourceService.setFeatures(features);
@@ -1560,14 +1544,12 @@ class UndoRedoService {
     }
     redo() {
         if (this.canRedo) {
-            this._changing = true;
             this._currentStep++;
             const features = this._steps[this._currentStep];
             this._drawlayerSourceService.setFeatures(features);
         }
     }
     reset() {
-        this._changing = true;
         if (this._currentStep === 0) {
             return;
         }
@@ -1584,6 +1566,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
 class GeometrySplitService {
     geoJsonFormat = new GeoJSON$1();
     _featureHelper = inject(FeatureHelperService);
+    _undoRedo = inject(UndoRedoService);
     /**
      * Split polygons in a vector source using a buffered LineString.
      * @param lineFeature The drawn LineString feature.
@@ -1645,6 +1628,7 @@ class GeometrySplitService {
                 vectorSource.addFeatures(newFeatures);
             }
         });
+        this._undoRedo.addStep();
     }
     isPointStrictlyInside(geom, coord) {
         if (!geom.intersectsCoordinate(coord))
@@ -1656,13 +1640,10 @@ class GeometrySplitService {
         return true; // inde og ikke kun på kanten
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GeometrySplitService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GeometrySplitService, providedIn: 'root' });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GeometrySplitService });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GeometrySplitService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
+            type: Injectable
         }] });
 
 class ZoomService {
@@ -1822,6 +1803,7 @@ class MergeFeaturesService {
     _featureHelper = inject(FeatureHelperService);
     _interactionHelper = inject(InteractionHelperService);
     _drawLayerService = inject(DrawLayerSourceService);
+    _undoRedoService = inject(UndoRedoService);
     _selectedMergeFeature;
     formatter = new GeoJSON$1();
     _formatterOptions = { dataProjection: 'EPSG:4326', featureProjection: 'EPSG:25832' };
@@ -1832,6 +1814,9 @@ class MergeFeaturesService {
         if (this._featureHelper.typeId(f) !== typeId) {
             return false;
         }
+        if (f.getGeometry()?.getType() !== 'Polygon') {
+            return false;
+        }
         if (this._selectedMergeFeature) {
             const previusFeatureObject = this.formatter.writeFeatureObject(this._selectedMergeFeature, this._formatterOptions);
             const bufferedPreviouslySelected = buffer(previusFeatureObject, 5, { units: 'centimeters' });
@@ -1863,6 +1848,7 @@ class MergeFeaturesService {
                             const newFeature = this.formatter.readFeature(newFeatureObject, this._formatterOptions);
                             this._selectedMergeFeature.setGeometry(newFeature.getGeometry());
                             this._drawLayerService.source.removeFeature(evt.selected[0]);
+                            this._undoRedoService.addStep();
                         }
                         this._selectedMergeFeature = undefined;
                         map.removeInteraction(select);
@@ -2020,6 +2006,21 @@ class CenterPointService {
             this._drawLayerService.remove(centerFeature.getId());
         }
     }
+    checkAfterUpdate() {
+        if (!this._current.gisKomponentSettings.centerPoint || !this._current.gisKomponentSettings.centerPoint.withinPolygon) {
+            return;
+        }
+        const currentCenter = this._drawLayerService.source.getFeatures().filter(f => this.isCenterpoint(f));
+        if (currentCenter && currentCenter.length === 1) {
+            const polygonFeatures = this._drawLayerService.source.getFeatures().filter(f => f.getGeometry()?.getType() === 'Polygon');
+            const centerFeatureObject = this._geoJson.writeFeatureObject(currentCenter[0]);
+            const isInSomePoly = polygonFeatures.map(pf => this._geoJson.writeFeatureObject(pf)).some(pf => booleanPointInPolygon(centerFeatureObject, pf));
+            console.log("🚀 ~ CenterPointService ~ checkAfterUpdate ~ isInSomePoly:", isInSomePoly);
+            if (!isInSomePoly) {
+                this._drawLayerService.source.removeFeature(currentCenter[0]);
+            }
+        }
+    }
     isCenterpoint(feature) {
         return feature.get(this._centerPointProperty) === true;
     }
@@ -2027,7 +2028,7 @@ class CenterPointService {
         const style$ = this._settingsHelper.getStyle(style, this._current.profile.styleRepositoryWorkspace, this._current.profile.styleRepositoryGeoserver, 'Point');
         combineLatest([style$, this._current.map$]).subscribe({
             next: ([loadedStyle, map]) => {
-                let parentPolyId;
+                // let parentPolyId: number | string | undefined;
                 const centerDraw = new Draw({
                     type: 'Point',
                     source: this._drawLayerService.source,
@@ -2048,7 +2049,7 @@ class CenterPointService {
                             return false;
                         }
                         // Save the parent polygon's id on the center. If the parent is deleted, the point will be deleted too                        
-                        parentPolyId = parentPoly.id;
+                        // parentPolyId = parentPoly.id;
                         return !!parentPoly;
                     },
                     style: loadedStyle
@@ -2063,7 +2064,7 @@ class CenterPointService {
                     }
                     // Mark feature as centerpoint - this is to find it again an remove
                     evt.feature.set(this._centerPointProperty, true);
-                    evt.feature.set('_parentPolyId', parentPolyId);
+                    // evt.feature.set('_parentPolyId', parentPolyId);
                     this._featureHelper.setId(evt.feature);
                     callBack();
                 });
@@ -3331,12 +3332,14 @@ class ToolboxComponent {
             this._overlap.splitByFeature(feature)])
             .subscribe({
             next: ([style, features]) => {
-                this._undoRedo.enable();
                 features.forEach(feature => {
                     this._featureHelper.setTypeId(feature, this.selectedDrawItem?.typeId || '');
                     this._featureHelper.setId(feature);
                     this._drawLayerService.source.addFeature(feature);
                 });
+                if (features.length > 0) {
+                    this._undoRedo.addStep();
+                }
                 //Clear results and close tool
                 this.activeMode = null;
                 this.showGeometryTypes = false;
@@ -3371,13 +3374,16 @@ class ToolboxComponent {
             this._overlap.splitByFeature(feature, true)])
             .subscribe({
             next: ([style, features]) => {
-                this._undoRedo.enable();
                 features.forEach(feature => {
                     this._featureHelper.setTypeId(feature, this.selectedDrawItem?.typeId || '');
                     this._featureHelper.setId(feature);
                     this._drawLayerService.source.addFeature(feature);
                 });
                 //Clear results and close tool
+                if (features.length > 0) {
+                    this._centerPointService.checkAfterUpdate();
+                    this._undoRedo.addStep();
+                }
                 this.activeMode = null;
                 this.showGeometryTypes = false;
                 this._disablePointSearch();
@@ -3464,6 +3470,9 @@ class ToolboxComponent {
                                                 if (f.length > 1) {
                                                     this._confirmService.open({ message: `Den indtegnede flade var ikke gyldig, men rettet til ${f.length} nye flader`, primaryText: 'OK', title: 'Advarsel' }).subscribe();
                                                 }
+                                                if (f.length > 0) {
+                                                    this._undoRedo.addStep();
+                                                }
                                             }
                                         }
                                     });
@@ -3480,6 +3489,7 @@ class ToolboxComponent {
                         this._featureHelper.setId(feature);
                         this._zoomService.zoomToFeatures([feature]);
                         this._drawLayerService.source.addFeature(feature);
+                        this._undoRedo.addStep();
                     }
                 }
             });
@@ -3530,7 +3540,11 @@ class ToolboxComponent {
         });
         this._interactionHelper.setAsTemp(clipHoleDraw);
         clipHoleDraw.on('drawend', evt => {
-            const featuresInExtent = this._drawLayerService.source.getFeatures().filter(f => !this._featureHelper.isLocked(f) && f.getGeometry()?.intersectsExtent(evt.feature.getGeometry().getExtent()));
+            const featuresInExtent = this._drawLayerService.source
+                .getFeatures()
+                .filter(f => !this._featureHelper.isLocked(f)
+                && f.getGeometry()?.getType() === 'Polygon'
+                && f.getGeometry()?.intersectsExtent(evt.feature.getGeometry().getExtent()));
             const formatterOptions = { dataProjection: 'EPSG:4326', featureProjection: 'EPSG:25832' };
             const geoJsonFormat = new GeoJSON$1(formatterOptions);
             const holeGeoJson = geoJsonFormat.writeFeatureObject(evt.feature);
@@ -3566,9 +3580,9 @@ class ToolboxComponent {
                     })).flatMap(f => f);
                     const featuresToRemove = validatedItems.map(item => item.feature);
                     this._drawLayerService.source.removeFeatures(featuresToRemove);
-                    this._undoRedo.disable();
                     this._drawLayerService.source.addFeatures(featuresToAdd);
-                    this._undoRedo.enable();
+                    this._centerPointService.checkAfterUpdate();
+                    this._undoRedo.addStep();
                 }
             });
         });
@@ -3635,6 +3649,7 @@ class ToolboxComponent {
             this._featureHelper.setTypeId(feature, typeId);
             feature.setStyle(style);
             this._drawLayerService.source.addFeature(feature);
+            this._undoRedo.addStep();
         });
         this._interactionHelper.setAsTemp(drawInteraction);
         this.map.addInteraction(drawInteraction);
@@ -3661,8 +3676,13 @@ class ToolboxComponent {
         });
         this._interactionHelper.setAsTemp(this.deleteSelect);
         this.deleteSelect.on('select', evt => {
+            console.log("🚀 ~ ToolboxComponent ~ deleteSelect ~ evt:", evt);
             this._drawLayerService.source.removeFeatures(evt.selected);
-            evt.selected.forEach(f => this._centerPointService.handleFeatureDeleted(f.getId()));
+            // evt.selected.forEach(f => this._centerPointService.handleFeatureDeleted(f.getId()!) );
+            this._centerPointService.checkAfterUpdate();
+            if (evt.selected.length > 0) {
+                this._undoRedo.addStep();
+            }
         });
         return this._deleteSelect;
     }
@@ -3678,17 +3698,15 @@ class ToolboxComponent {
         const modifyRemove = new Modify({
             source: this._drawLayerService.source,
             filter: f => !this._featureHelper.isLocked(f),
-            // condition: evt => {
-            //     // first, get all features from the draw-layer
-            //     const feature = this.map.forEachFeatureAtPixel(evt.pixel, f => f, { layerFilter: l => l == this._drawLayerService.layer });
-            //     if (!feature) { return false ;}
-            //     return !this._featureHelper.isLocked(feature as Feature);
-            // },
             // Make sure delete is allowed and other interactions are not.
             deleteCondition: always,
             insertVertexCondition: never,
             snapToPointer: this.snap,
         });
+        modifyRemove.on('modifyend', evt => {
+            this._centerPointService.checkAfterUpdate();
+            this._undoRedo.addStep();
+        });
         this._interactionHelper.setAsTemp(modifyRemove);
         this.map.addInteraction(modifyRemove);
         this._addSnap();
@@ -3728,13 +3746,15 @@ class ToolboxComponent {
                         next: f => {
                             if (f) {
                                 f.forEach(feature => {
-                                    this._undoRedo.enable();
                                     this._drawLayerService.source.addFeature(feature);
                                 });
                                 this._zoomService.zoomToFeatures(f);
                                 if (f.length > 1) {
                                     this._confirmService.open({ message: `Den indtegnede flade var ikke gyldig, men rettet til ${f.length} nye flader`, primaryText: 'OK', title: 'Advarsel' }).subscribe();
                                 }
+                                if (f.length > 0) {
+                                    this._undoRedo.addStep();
+                                }
                                 //Clear results and close tool
                                 this.activeMode = null;
                                 this.showGeometryTypes = false;
@@ -3763,11 +3783,7 @@ class ToolboxComponent {
             // condition: always,
             insertVertexCondition: always,
         });
-        /* Modify fires changes to features a LOT, so to not flood the UndoRedo service, I disable until ending the modify
-        and then force an update, to add the updated feature to the undo-service. */
-        modify.on('modifystart', () => this._undoRedo.disable());
         modify.on('modifyend', (evt) => {
-            this._undoRedo.enable();
             evt.features.forEach(f => {
                 f.set('updated', new Date().toISOString());
                 const geom = f.getGeometry();
@@ -3790,6 +3806,7 @@ class ToolboxComponent {
                                 // Don't check for overlap with the feature being updated.
                                 this._overlap.handleOverlaps(result, idsToExcludeFromOverlap).pipe(filter(f => !!f)).subscribe({
                                     next: f => {
+                                        console.log("🚀 ~ ToolboxComponent ~ startEdit ~ f:", f);
                                         if (f) {
                                             f.forEach(feature => {
                                                 this._drawLayerService.source.addFeature(feature);
@@ -3798,6 +3815,8 @@ class ToolboxComponent {
                                                 this._confirmService.open({ message: `Den indtegnede flade var ikke gyldig, men rettet til ${f.length} nye flader`, primaryText: 'OK', title: 'Advarsel' }).subscribe();
                                             }
                                         }
+                                        this._centerPointService.checkAfterUpdate();
+                                        this._undoRedo.addStep();
                                     }
                                 });
                             }
@@ -3824,7 +3843,6 @@ class ToolboxComponent {
                     source: new VectorSource(),
                     style: style
                 });
-                this._undoRedo.disable();
                 drawInteraction.on('drawend', evt => {
                     if (geomType === 'Polygon') {
                         // Validate feature
@@ -3839,7 +3857,6 @@ class ToolboxComponent {
                                     this._overlap.handleOverlaps(result).pipe(filter(f => !!f)).subscribe({
                                         next: f => {
                                             if (f) {
-                                                this._undoRedo.enable();
                                                 f.forEach(feature => {
                                                     if (feature.getGeometry()?.getType() !== 'MultiPolygon') {
                                                         this._drawLayerService.source.addFeature(feature);
@@ -3857,6 +3874,9 @@ class ToolboxComponent {
                                                 if (f.length > 1) {
                                                     this._confirmService.open({ message: `Den indtegnede flade var ikke gyldig, men rettet til ${f.length} nye flader`, primaryText: 'OK', title: 'Advarsel' }).subscribe();
                                                 }
+                                                if (f.length > 0) {
+                                                    this._undoRedo.addStep();
+                                                }
                                             }
                                         }
                                     });
@@ -3871,8 +3891,8 @@ class ToolboxComponent {
                         this._featureHelper.setTypeId(evt.feature, typeId);
                         this._featureHelper.setId(evt.feature);
                         evt.feature.setStyle(style);
-                        this._undoRedo.enable();
                         this._drawLayerService.source.addFeature(evt.feature);
+                        this._undoRedo.addStep();
                     }
                 });
                 this._interactionHelper.setAsTemp(drawInteraction);
@@ -4233,6 +4253,7 @@ class ToolboxComponent {
                             this._featureHelper.setTypeId(newFeature, this.selectedDrawItem?.typeId || '');
                             this._drawLayerService.source.removeFeature(feature);
                             this._drawLayerService.source.addFeature(newFeature);
+                            this._undoRedo.addStep();
                         }
                     }
                 });
@@ -5753,7 +5774,7 @@ class GisKomponentComponent {
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: GisKomponentComponent, isStandalone: true, selector: "gis-komponent", inputs: { identifier: "identifier", settings: "settings" }, outputs: { sessionDone: "sessionDone", featuresChanged: "featuresChanged" }, providers: [CurrentItemsService, FeatureLoaderService, DrawLayerSourceService, ZoomService, UndoRedoService, ShowInfoHoverService, HoverInfoSearchService, CenterPointService, PrintDrawLayerSourceService,
             HighlightService, ShowInfoService, InfoSearchProvider, InteractionHelperService, ConflictAnalysisSearchProvider,
             MergeFeaturesService, OverlapService, CowiService, SearchProviderService, AddressSearchService, CadastreSearchService, ShowDocumentInfoService, DocumentSearchService,
-            DmpCatalogService, OlCapabilitiesService, DmpLayerMapperService, GeometrySearchService], viewQueries: [{ propertyName: "toolbarRef", first: true, predicate: ["toolbarRef"], descendants: true, static: true }, { propertyName: "legendsListRef", first: true, predicate: ["legendsListRef"], descendants: true, static: true }, { propertyName: "layerSelectorRef", first: true, predicate: ["layerSelectorRef"], descendants: true, static: true }, { propertyName: "activeObjectsRef", first: true, predicate: ["activeObjectsRef"], descendants: true, static: true }, { propertyName: "documentInfoRef", first: true, predicate: ["documentInfoRef"], descendants: true, static: true }], ngImport: i0, template: "<div #layerSelectorRef class=\"layer-selector-container\">\n  @if (selectedProfile && selectedProfile.showLayerSelector) {\n    <lib-layer-selector [map]=\"map\" [profile]=\"selectedProfile\" [currentZoomLevel]=\"currentZoomLevel\"></lib-layer-selector>\n  }\n</div>\n\n<div #legendsListRef class=\"legends-list-container\">\n  @if (selectedProfile && selectedProfile.showLegends) {\n    <lib-legends-list [map]=\"map\" [profile]=\"selectedProfile\"></lib-legends-list>\n  }\n</div>\n\n<div #documentInfoRef class=\"documents-features-wrapper\">\n  <document-search-info></document-search-info>\n</div>\n\n<div #activeObjectsRef class=\"active-objects-container\">\n  @if(showActiveObjects && settings && selectedProfile) {\n    <activeObjects [settings]=\"settings\" [profile]=\"selectedProfile\" (sessionDone)=\"sessionDoneFromActiveObject()\"></activeObjects>\n  }\n</div>\n\n<div #toolbarRef class=\"map-toolbar-container\">\n    @if (settings) {\n      <map-toolbox [map]=\"map\" \n        [profile]=\"selectedProfile\"\n        [settings]=\"settings\"\n        [class.toolbox-hidden]=\"!profileShowToolbox\"\n        [collapsed]=\"toolbarCollapsed\" [WKTInputEnabled]=\"settings?.WKTInputEnabled\" [deleteEnabled]=\"settings?.deleteEnabled\" [showMeasureArea]=\"selectedProfile?.showAreaMeasurement || false\" [showMeasureDistance]=\"selectedProfile?.showDistanceMeasurement || false\"></map-toolbox>\n    }\n</div>\n\n<div class=\"map-container\">\n  <lib-map-search *ngIf=\"showSearch\" [profile]=\"selectedProfile\"></lib-map-search>\n\n  <!-- Kort -->\n  <div id=\"map\" class=\"map\"></div>\n</div>\n", styles: ["::ng-deep .global-wrapper-container{background:#4c4d51}::ng-deep .dmp-dialog-content mat-dialog-content{background:#4c4d51!important}::ng-deep .dmp-dialog-content mat-dialog-content .search-section mat-form-field input{color:#fff!important;font-family:Avenir Next W01,Lato,-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}::ng-deep .dmp-dialog-content mat-dialog-content .search-section mat-form-field input .search-icon{color:#fff!important}::ng-deep button.ol-zoom-in,::ng-deep button.ol-zoom-out,::ng-deep button.ol-rotate-reset{background:#4c4d51;color:#fff;border-radius:5px!important}::ng-deep button.ol-zoom-in:hover,::ng-deep button.ol-zoom-out:hover,::ng-deep button.ol-rotate-reset:hover{color:#e9e3e3;outline:none}::ng-deep mat-expansion-panel .mat-expansion-panel-header{height:40px!important;min-height:40px!important;background:#ffffff0d;transition:background .2s ease;border-top-left-radius:4px!important;border-top-right-radius:4px!important;padding:0 16px;margin-bottom:2px}::ng-deep mat-expansion-panel .mat-expansion-panel-header:hover{background:#ffffff14!important}::ng-deep mat-expansion-panel .mat-expansion-panel-header .panel-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:320px;margin-right:10px;color:#fff;font-weight:600;font-family:Avenir Next W01,Lato,-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px}::ng-deep mat-expansion-panel .mat-expansion-panel-header-title{color:#fff}::ng-deep .custom-image-icon,.compact-icon{background:none}::ng-deep .custom-image-icon img,.compact-icon img{width:100%;height:100%;object-fit:contain;transition:filter .2s ease}::ng-deep .custom-image-icon.active,.compact-icon.active{background:#f7b528!important;border-color:transparent;box-shadow:0 4px 12px #0ea5e966}::ng-deep .custom-image-icon.active img,.compact-icon.active img{filter:brightness(0) invert(1)}::ng-deep .custom-image-icon.active:hover,.compact-icon.active:hover{box-shadow:0 6px 20px #0ea5e980}::ng-deep .custom-image-icon:hover:not(.active),.compact-icon:hover:not(.active){background:#ffffff1a!important;border-color:none;box-shadow:none}::ng-deep .custom-image-icon:hover:not(.active) img,.compact-icon:hover:not(.active) img{filter:brightness(0) invert(.8)}::ng-deep .layer-selector-body .search-section mat-form-field input{color:#fff!important}::ng-deep .search-field .mat-mdc-input-element{color:#fff!important}::ng-deep .mat-mdc-text-field-wrapper{background:#878787!important}::ng-deep .mat-mdc-select-panel{font-family:Avenir Next W01,Lato,-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}::ng-deep .active-objects-wrapper.collapsed,::ng-deep .layer-selector-body-wrapper.collapsed,::ng-deep .legends-list-body-wrapper.collapsed,::ng-deep .search-container.collapsed,::ng-deep .toolbox-wrapper.collapsed{width:90px;max-width:90px;min-width:90px}::ng-deep .drag-handle-active-objects,::ng-deep .drag-handle-legends,::ng-deep .drag-handle,::ng-deep .drag-handle-selector,::ng-deep .drag-handle-toolbox{display:flex;align-items:center;justify-content:space-between;padding:0 2px;cursor:move;color:#fff;border-radius:5px;width:100%;box-sizing:border-box}:host{font-family:Avenir Next W01,Lato,-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}:host ::ng-deep .mdc-notched-outline .mdc-notched-outline__leading,:host ::ng-deep .mdc-notched-outline .mdc-notched-outline__notch,:host ::ng-deep .mdc-notched-outline .mdc-notched-outline__trailing{border-color:#dee2e6!important;border-width:1px!important}:host.mat-focused ::ng-deep .mdc-notched-outline .mdc-notched-outline__leading,:host.mat-focused ::ng-deep .mdc-notched-outline .mdc-notched-outline__notch,:host.mat-focused ::ng-deep .mdc-notched-outline .mdc-notched-outline__trailing{border-color:#d1d5db!important;border-width:1px!important;box-shadow:0 0 0 3px #d1d5db40!important}::ng-deep .mat-mdc-form-field-flex{height:40px!important;display:flex!important;align-items:center!important}::ng-deep .mat-expansion-indicator svg{fill:#fff!important}::ng-deep .ol-control{background-color:transparent!important}::ng-deep .search-result-option{font-family:Avenir Next W01,Lato,-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}::ng-deep .mat-mdc-autocomplete-panel .mat-pseudo-checkbox{display:none!important}::ng-deep .mat-mdc-autocomplete-panel .mdc-list-item__end{display:none!important}:host{display:block;width:100%;height:100%;overflow:hidden}::ng-deep .lib-error-snackbar{background-color:#d32f2f;color:#fff;font-weight:500}::ng-deep .map-container{position:relative;height:81vh;width:100%;overflow:hidden}::ng-deep .toolbox-hidden{visibility:hidden!important}::ng-deep #map{width:100%;height:100%;position:absolute;inset:0;overflow:hidden}::ng-deep .ol-viewport{overflow:hidden!important}::ng-deep ::ng-deep .ol-logo{position:absolute;left:auto;right:3em;top:6.25em}::ng-deep ::ng-deep .ol-copyright{background-color:transparent;position:absolute;bottom:10px;width:100%;display:flex;justify-content:end}::ng-deep ::ng-deep .toolbar{position:absolute;top:10px;left:10px;background:#fff;padding:4px;border-radius:4px;display:flex;flex-direction:column;transition:width .3s;z-index:1000;overflow:hidden}::ng-deep ::ng-deep .toolbar.collapsed{width:40px;overflow:hidden}::ng-deep .object-panel{position:absolute;bottom:10px;left:10px;background:#fff;padding:8px;border-radius:4px;z-index:1000;max-height:calc(85vh - 20px);overflow-y:auto}::ng-deep .object-panel .header{display:flex;justify-content:space-between;padding:8px;cursor:pointer;background:#f0f0f0}::ng-deep .conflict-panel{position:absolute;bottom:10px;right:10px;background:#fff;padding:8px;border-radius:4px;z-index:1000;max-height:calc(85vh - 20px);overflow-y:auto}::ng-deep .conflict-panel .header{display:flex;justify-content:space-between;padding:8px;cursor:pointer;background:#f0f0f0}::ng-deep ::ng-deep .ol-zoom.ol-unselectable.ol-control{display:flex;flex-direction:column;position:absolute}::ng-deep ::ng-deep .ol-scale-text{display:flex}::ng-deep .ol-scale-bar.ol-unselectable{position:absolute;bottom:3rem}::ng-deep .ol-mouse-position{position:absolute;bottom:10px;left:6px;top:auto;background:#0000004d;color:#fffcfc;width:189px;height:30px;padding:2px;border-radius:5px;text-align:center;display:flex;align-items:center;justify-content:flex-start;z-index:1000}::ng-deep .documents-features-wrapper{position:absolute!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatListModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: LayerSelectorComponent, selector: "lib-layer-selector", inputs: ["map", "profile", "currentZoomLevel"] }, { kind: "component", type: MapSearchComponent, selector: "lib-map-search", inputs: ["profile"] }, { kind: "component", type: ToolboxComponent, selector: "map-toolbox", inputs: ["map", "showMeasureDistance", "showMeasureArea", "collapsed", "settings", "profile", "WKTInputEnabled", "deleteEnabled"] }, { kind: "component", type: ActiveObjectsComponent, selector: "activeObjects", inputs: ["settings", "profile"], outputs: ["sessionDone"] }, { kind: "component", type: LegendsListComponent, selector: "lib-legends-list", inputs: ["map", "profile"] }, { kind: "component", type: DocumentSearchInfoComponent, selector: "document-search-info" }] });
+            DmpCatalogService, OlCapabilitiesService, DmpLayerMapperService, GeometrySearchService, GeometrySplitService], viewQueries: [{ propertyName: "toolbarRef", first: true, predicate: ["toolbarRef"], descendants: true, static: true }, { propertyName: "legendsListRef", first: true, predicate: ["legendsListRef"], descendants: true, static: true }, { propertyName: "layerSelectorRef", first: true, predicate: ["layerSelectorRef"], descendants: true, static: true }, { propertyName: "activeObjectsRef", first: true, predicate: ["activeObjectsRef"], descendants: true, static: true }, { propertyName: "documentInfoRef", first: true, predicate: ["documentInfoRef"], descendants: true, static: true }], ngImport: i0, template: "<div #layerSelectorRef class=\"layer-selector-container\">\n  @if (selectedProfile && selectedProfile.showLayerSelector) {\n    <lib-layer-selector [map]=\"map\" [profile]=\"selectedProfile\" [currentZoomLevel]=\"currentZoomLevel\"></lib-layer-selector>\n  }\n</div>\n\n<div #legendsListRef class=\"legends-list-container\">\n  @if (selectedProfile && selectedProfile.showLegends) {\n    <lib-legends-list [map]=\"map\" [profile]=\"selectedProfile\"></lib-legends-list>\n  }\n</div>\n\n<div #documentInfoRef class=\"documents-features-wrapper\">\n  <document-search-info></document-search-info>\n</div>\n\n<div #activeObjectsRef class=\"active-objects-container\">\n  @if(showActiveObjects && settings && selectedProfile) {\n    <activeObjects [settings]=\"settings\" [profile]=\"selectedProfile\" (sessionDone)=\"sessionDoneFromActiveObject()\"></activeObjects>\n  }\n</div>\n\n<div #toolbarRef class=\"map-toolbar-container\">\n    @if (settings) {\n      <map-toolbox [map]=\"map\" \n        [profile]=\"selectedProfile\"\n        [settings]=\"settings\"\n        [class.toolbox-hidden]=\"!profileShowToolbox\"\n        [collapsed]=\"toolbarCollapsed\" [WKTInputEnabled]=\"settings?.WKTInputEnabled\" [deleteEnabled]=\"settings?.deleteEnabled\" [showMeasureArea]=\"selectedProfile?.showAreaMeasurement || false\" [showMeasureDistance]=\"selectedProfile?.showDistanceMeasurement || false\"></map-toolbox>\n    }\n</div>\n\n<div class=\"map-container\">\n  <lib-map-search *ngIf=\"showSearch\" [profile]=\"selectedProfile\"></lib-map-search>\n\n  <!-- Kort -->\n  <div id=\"map\" class=\"map\"></div>\n</div>\n", styles: ["::ng-deep .global-wrapper-container{background:#4c4d51}::ng-deep .dmp-dialog-content mat-dialog-content{background:#4c4d51!important}::ng-deep .dmp-dialog-content mat-dialog-content .search-section mat-form-field input{color:#fff!important;font-family:Avenir Next W01,Lato,-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}::ng-deep .dmp-dialog-content mat-dialog-content .search-section mat-form-field input .search-icon{color:#fff!important}::ng-deep button.ol-zoom-in,::ng-deep button.ol-zoom-out,::ng-deep button.ol-rotate-reset{background:#4c4d51;color:#fff;border-radius:5px!important}::ng-deep button.ol-zoom-in:hover,::ng-deep button.ol-zoom-out:hover,::ng-deep button.ol-rotate-reset:hover{color:#e9e3e3;outline:none}::ng-deep mat-expansion-panel .mat-expansion-panel-header{height:40px!important;min-height:40px!important;background:#ffffff0d;transition:background .2s ease;border-top-left-radius:4px!important;border-top-right-radius:4px!important;padding:0 16px;margin-bottom:2px}::ng-deep mat-expansion-panel .mat-expansion-panel-header:hover{background:#ffffff14!important}::ng-deep mat-expansion-panel .mat-expansion-panel-header .panel-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:320px;margin-right:10px;color:#fff;font-weight:600;font-family:Avenir Next W01,Lato,-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px}::ng-deep mat-expansion-panel .mat-expansion-panel-header-title{color:#fff}::ng-deep .custom-image-icon,.compact-icon{background:none}::ng-deep .custom-image-icon img,.compact-icon img{width:100%;height:100%;object-fit:contain;transition:filter .2s ease}::ng-deep .custom-image-icon.active,.compact-icon.active{background:#f7b528!important;border-color:transparent;box-shadow:0 4px 12px #0ea5e966}::ng-deep .custom-image-icon.active img,.compact-icon.active img{filter:brightness(0) invert(1)}::ng-deep .custom-image-icon.active:hover,.compact-icon.active:hover{box-shadow:0 6px 20px #0ea5e980}::ng-deep .custom-image-icon:hover:not(.active),.compact-icon:hover:not(.active){background:#ffffff1a!important;border-color:none;box-shadow:none}::ng-deep .custom-image-icon:hover:not(.active) img,.compact-icon:hover:not(.active) img{filter:brightness(0) invert(.8)}::ng-deep .layer-selector-body .search-section mat-form-field input{color:#fff!important}::ng-deep .search-field .mat-mdc-input-element{color:#fff!important}::ng-deep .mat-mdc-text-field-wrapper{background:#878787!important}::ng-deep .mat-mdc-select-panel{font-family:Avenir Next W01,Lato,-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}::ng-deep .active-objects-wrapper.collapsed,::ng-deep .layer-selector-body-wrapper.collapsed,::ng-deep .legends-list-body-wrapper.collapsed,::ng-deep .search-container.collapsed,::ng-deep .toolbox-wrapper.collapsed{width:90px;max-width:90px;min-width:90px}::ng-deep .drag-handle-active-objects,::ng-deep .drag-handle-legends,::ng-deep .drag-handle,::ng-deep .drag-handle-selector,::ng-deep .drag-handle-toolbox{display:flex;align-items:center;justify-content:space-between;padding:0 2px;cursor:move;color:#fff;border-radius:5px;width:100%;box-sizing:border-box}:host{font-family:Avenir Next W01,Lato,-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}:host ::ng-deep .mdc-notched-outline .mdc-notched-outline__leading,:host ::ng-deep .mdc-notched-outline .mdc-notched-outline__notch,:host ::ng-deep .mdc-notched-outline .mdc-notched-outline__trailing{border-color:#dee2e6!important;border-width:1px!important}:host.mat-focused ::ng-deep .mdc-notched-outline .mdc-notched-outline__leading,:host.mat-focused ::ng-deep .mdc-notched-outline .mdc-notched-outline__notch,:host.mat-focused ::ng-deep .mdc-notched-outline .mdc-notched-outline__trailing{border-color:#d1d5db!important;border-width:1px!important;box-shadow:0 0 0 3px #d1d5db40!important}::ng-deep .mat-mdc-form-field-flex{height:40px!important;display:flex!important;align-items:center!important}::ng-deep .mat-expansion-indicator svg{fill:#fff!important}::ng-deep .ol-control{background-color:transparent!important}::ng-deep .search-result-option{font-family:Avenir Next W01,Lato,-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}::ng-deep .mat-mdc-autocomplete-panel .mat-pseudo-checkbox{display:none!important}::ng-deep .mat-mdc-autocomplete-panel .mdc-list-item__end{display:none!important}:host{display:block;width:100%;height:100%;overflow:hidden}::ng-deep .lib-error-snackbar{background-color:#d32f2f;color:#fff;font-weight:500}::ng-deep .map-container{position:relative;height:81vh;width:100%;overflow:hidden}::ng-deep .toolbox-hidden{visibility:hidden!important}::ng-deep #map{width:100%;height:100%;position:absolute;inset:0;overflow:hidden}::ng-deep .ol-viewport{overflow:hidden!important}::ng-deep ::ng-deep .ol-logo{position:absolute;left:auto;right:3em;top:6.25em}::ng-deep ::ng-deep .ol-copyright{background-color:transparent;position:absolute;bottom:10px;width:100%;display:flex;justify-content:end}::ng-deep ::ng-deep .toolbar{position:absolute;top:10px;left:10px;background:#fff;padding:4px;border-radius:4px;display:flex;flex-direction:column;transition:width .3s;z-index:1000;overflow:hidden}::ng-deep ::ng-deep .toolbar.collapsed{width:40px;overflow:hidden}::ng-deep .object-panel{position:absolute;bottom:10px;left:10px;background:#fff;padding:8px;border-radius:4px;z-index:1000;max-height:calc(85vh - 20px);overflow-y:auto}::ng-deep .object-panel .header{display:flex;justify-content:space-between;padding:8px;cursor:pointer;background:#f0f0f0}::ng-deep .conflict-panel{position:absolute;bottom:10px;right:10px;background:#fff;padding:8px;border-radius:4px;z-index:1000;max-height:calc(85vh - 20px);overflow-y:auto}::ng-deep .conflict-panel .header{display:flex;justify-content:space-between;padding:8px;cursor:pointer;background:#f0f0f0}::ng-deep ::ng-deep .ol-zoom.ol-unselectable.ol-control{display:flex;flex-direction:column;position:absolute}::ng-deep ::ng-deep .ol-scale-text{display:flex}::ng-deep .ol-scale-bar.ol-unselectable{position:absolute;bottom:3rem}::ng-deep .ol-mouse-position{position:absolute;bottom:10px;left:6px;top:auto;background:#0000004d;color:#fffcfc;width:189px;height:30px;padding:2px;border-radius:5px;text-align:center;display:flex;align-items:center;justify-content:flex-start;z-index:1000}::ng-deep .documents-features-wrapper{position:absolute!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatListModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: LayerSelectorComponent, selector: "lib-layer-selector", inputs: ["map", "profile", "currentZoomLevel"] }, { kind: "component", type: MapSearchComponent, selector: "lib-map-search", inputs: ["profile"] }, { kind: "component", type: ToolboxComponent, selector: "map-toolbox", inputs: ["map", "showMeasureDistance", "showMeasureArea", "collapsed", "settings", "profile", "WKTInputEnabled", "deleteEnabled"] }, { kind: "component", type: ActiveObjectsComponent, selector: "activeObjects", inputs: ["settings", "profile"], outputs: ["sessionDone"] }, { kind: "component", type: LegendsListComponent, selector: "lib-legends-list", inputs: ["map", "profile"] }, { kind: "component", type: DocumentSearchInfoComponent, selector: "document-search-info" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GisKomponentComponent, decorators: [{
             type: Component,
@@ -5761,7 +5782,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         LegendsListComponent, DocumentSearchInfoComponent], providers: [CurrentItemsService, FeatureLoaderService, DrawLayerSourceService, ZoomService, UndoRedoService, ShowInfoHoverService, HoverInfoSearchService, CenterPointService, PrintDrawLayerSourceService,
                         HighlightService, ShowInfoService, InfoSearchProvider, InteractionHelperService, ConflictAnalysisSearchProvider,
                         MergeFeaturesService, OverlapService, CowiService, SearchProviderService, AddressSearchService, CadastreSearchService, ShowDocumentInfoService, DocumentSearchService,
-                        DmpCatalogService, OlCapabilitiesService, DmpLayerMapperService, GeometrySearchService], template: "<div #layerSelectorRef class=\"layer-selector-container\">\n  @if (selectedProfile && selectedProfile.showLayerSelector) {\n    <lib-layer-selector [map]=\"map\" [profile]=\"selectedProfile\" [currentZoomLevel]=\"currentZoomLevel\"></lib-layer-selector>\n  }\n</div>\n\n<div #legendsListRef class=\"legends-list-container\">\n  @if (selectedProfile && selectedProfile.showLegends) {\n    <lib-legends-list [map]=\"map\" [profile]=\"selectedProfile\"></lib-legends-list>\n  }\n</div>\n\n<div #documentInfoRef class=\"documents-features-wrapper\">\n  <document-search-info></document-search-info>\n</div>\n\n<div #activeObjectsRef class=\"active-objects-container\">\n  @if(showActiveObjects && settings && selectedProfile) {\n    <activeObjects [settings]=\"settings\" [profile]=\"selectedProfile\" (sessionDone)=\"sessionDoneFromActiveObject()\"></activeObjects>\n  }\n</div>\n\n<div #toolbarRef class=\"map-toolbar-container\">\n    @if (settings) {\n      <map-toolbox [map]=\"map\" \n        [profile]=\"selectedProfile\"\n        [settings]=\"settings\"\n        [class.toolbox-hidden]=\"!profileShowToolbox\"\n        [collapsed]=\"toolbarCollapsed\" [WKTInputEnabled]=\"settings?.WKTInputEnabled\" [deleteEnabled]=\"settings?.deleteEnabled\" [showMeasureArea]=\"selectedProfile?.showAreaMeasurement || false\" [showMeasureDistance]=\"selectedProfile?.showDistanceMeasurement || false\"></map-toolbox>\n    }\n</div>\n\n<div class=\"map-container\">\n  <lib-map-search *ngIf=\"showSearch\" [profile]=\"selectedProfile\"></lib-map-search>\n\n  <!-- Kort -->\n  <div id=\"map\" class=\"map\"></div>\n</div>\n", styles: ["::ng-deep .global-wrapper-container{background:#4c4d51}::ng-deep .dmp-dialog-content mat-dialog-content{background:#4c4d51!important}::ng-deep .dmp-dialog-content mat-dialog-content .search-section mat-form-field input{color:#fff!important;font-family:Avenir Next W01,Lato,-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}::ng-deep .dmp-dialog-content mat-dialog-content .search-section mat-form-field input .search-icon{color:#fff!important}::ng-deep button.ol-zoom-in,::ng-deep button.ol-zoom-out,::ng-deep button.ol-rotate-reset{background:#4c4d51;color:#fff;border-radius:5px!important}::ng-deep button.ol-zoom-in:hover,::ng-deep button.ol-zoom-out:hover,::ng-deep button.ol-rotate-reset:hover{color:#e9e3e3;outline:none}::ng-deep mat-expansion-panel .mat-expansion-panel-header{height:40px!important;min-height:40px!important;background:#ffffff0d;transition:background .2s ease;border-top-left-radius:4px!important;border-top-right-radius:4px!important;padding:0 16px;margin-bottom:2px}::ng-deep mat-expansion-panel .mat-expansion-panel-header:hover{background:#ffffff14!important}::ng-deep mat-expansion-panel .mat-expansion-panel-header .panel-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:320px;margin-right:10px;color:#fff;font-weight:600;font-family:Avenir Next W01,Lato,-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px}::ng-deep mat-expansion-panel .mat-expansion-panel-header-title{color:#fff}::ng-deep .custom-image-icon,.compact-icon{background:none}::ng-deep .custom-image-icon img,.compact-icon img{width:100%;height:100%;object-fit:contain;transition:filter .2s ease}::ng-deep .custom-image-icon.active,.compact-icon.active{background:#f7b528!important;border-color:transparent;box-shadow:0 4px 12px #0ea5e966}::ng-deep .custom-image-icon.active img,.compact-icon.active img{filter:brightness(0) invert(1)}::ng-deep .custom-image-icon.active:hover,.compact-icon.active:hover{box-shadow:0 6px 20px #0ea5e980}::ng-deep .custom-image-icon:hover:not(.active),.compact-icon:hover:not(.active){background:#ffffff1a!important;border-color:none;box-shadow:none}::ng-deep .custom-image-icon:hover:not(.active) img,.compact-icon:hover:not(.active) img{filter:brightness(0) invert(.8)}::ng-deep .layer-selector-body .search-section mat-form-field input{color:#fff!important}::ng-deep .search-field .mat-mdc-input-element{color:#fff!important}::ng-deep .mat-mdc-text-field-wrapper{background:#878787!important}::ng-deep .mat-mdc-select-panel{font-family:Avenir Next W01,Lato,-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}::ng-deep .active-objects-wrapper.collapsed,::ng-deep .layer-selector-body-wrapper.collapsed,::ng-deep .legends-list-body-wrapper.collapsed,::ng-deep .search-container.collapsed,::ng-deep .toolbox-wrapper.collapsed{width:90px;max-width:90px;min-width:90px}::ng-deep .drag-handle-active-objects,::ng-deep .drag-handle-legends,::ng-deep .drag-handle,::ng-deep .drag-handle-selector,::ng-deep .drag-handle-toolbox{display:flex;align-items:center;justify-content:space-between;padding:0 2px;cursor:move;color:#fff;border-radius:5px;width:100%;box-sizing:border-box}:host{font-family:Avenir Next W01,Lato,-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}:host ::ng-deep .mdc-notched-outline .mdc-notched-outline__leading,:host ::ng-deep .mdc-notched-outline .mdc-notched-outline__notch,:host ::ng-deep .mdc-notched-outline .mdc-notched-outline__trailing{border-color:#dee2e6!important;border-width:1px!important}:host.mat-focused ::ng-deep .mdc-notched-outline .mdc-notched-outline__leading,:host.mat-focused ::ng-deep .mdc-notched-outline .mdc-notched-outline__notch,:host.mat-focused ::ng-deep .mdc-notched-outline .mdc-notched-outline__trailing{border-color:#d1d5db!important;border-width:1px!important;box-shadow:0 0 0 3px #d1d5db40!important}::ng-deep .mat-mdc-form-field-flex{height:40px!important;display:flex!important;align-items:center!important}::ng-deep .mat-expansion-indicator svg{fill:#fff!important}::ng-deep .ol-control{background-color:transparent!important}::ng-deep .search-result-option{font-family:Avenir Next W01,Lato,-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}::ng-deep .mat-mdc-autocomplete-panel .mat-pseudo-checkbox{display:none!important}::ng-deep .mat-mdc-autocomplete-panel .mdc-list-item__end{display:none!important}:host{display:block;width:100%;height:100%;overflow:hidden}::ng-deep .lib-error-snackbar{background-color:#d32f2f;color:#fff;font-weight:500}::ng-deep .map-container{position:relative;height:81vh;width:100%;overflow:hidden}::ng-deep .toolbox-hidden{visibility:hidden!important}::ng-deep #map{width:100%;height:100%;position:absolute;inset:0;overflow:hidden}::ng-deep .ol-viewport{overflow:hidden!important}::ng-deep ::ng-deep .ol-logo{position:absolute;left:auto;right:3em;top:6.25em}::ng-deep ::ng-deep .ol-copyright{background-color:transparent;position:absolute;bottom:10px;width:100%;display:flex;justify-content:end}::ng-deep ::ng-deep .toolbar{position:absolute;top:10px;left:10px;background:#fff;padding:4px;border-radius:4px;display:flex;flex-direction:column;transition:width .3s;z-index:1000;overflow:hidden}::ng-deep ::ng-deep .toolbar.collapsed{width:40px;overflow:hidden}::ng-deep .object-panel{position:absolute;bottom:10px;left:10px;background:#fff;padding:8px;border-radius:4px;z-index:1000;max-height:calc(85vh - 20px);overflow-y:auto}::ng-deep .object-panel .header{display:flex;justify-content:space-between;padding:8px;cursor:pointer;background:#f0f0f0}::ng-deep .conflict-panel{position:absolute;bottom:10px;right:10px;background:#fff;padding:8px;border-radius:4px;z-index:1000;max-height:calc(85vh - 20px);overflow-y:auto}::ng-deep .conflict-panel .header{display:flex;justify-content:space-between;padding:8px;cursor:pointer;background:#f0f0f0}::ng-deep ::ng-deep .ol-zoom.ol-unselectable.ol-control{display:flex;flex-direction:column;position:absolute}::ng-deep ::ng-deep .ol-scale-text{display:flex}::ng-deep .ol-scale-bar.ol-unselectable{position:absolute;bottom:3rem}::ng-deep .ol-mouse-position{position:absolute;bottom:10px;left:6px;top:auto;background:#0000004d;color:#fffcfc;width:189px;height:30px;padding:2px;border-radius:5px;text-align:center;display:flex;align-items:center;justify-content:flex-start;z-index:1000}::ng-deep .documents-features-wrapper{position:absolute!important}\n"] }]
+                        DmpCatalogService, OlCapabilitiesService, DmpLayerMapperService, GeometrySearchService, GeometrySplitService], template: "<div #layerSelectorRef class=\"layer-selector-container\">\n  @if (selectedProfile && selectedProfile.showLayerSelector) {\n    <lib-layer-selector [map]=\"map\" [profile]=\"selectedProfile\" [currentZoomLevel]=\"currentZoomLevel\"></lib-layer-selector>\n  }\n</div>\n\n<div #legendsListRef class=\"legends-list-container\">\n  @if (selectedProfile && selectedProfile.showLegends) {\n    <lib-legends-list [map]=\"map\" [profile]=\"selectedProfile\"></lib-legends-list>\n  }\n</div>\n\n<div #documentInfoRef class=\"documents-features-wrapper\">\n  <document-search-info></document-search-info>\n</div>\n\n<div #activeObjectsRef class=\"active-objects-container\">\n  @if(showActiveObjects && settings && selectedProfile) {\n    <activeObjects [settings]=\"settings\" [profile]=\"selectedProfile\" (sessionDone)=\"sessionDoneFromActiveObject()\"></activeObjects>\n  }\n</div>\n\n<div #toolbarRef class=\"map-toolbar-container\">\n    @if (settings) {\n      <map-toolbox [map]=\"map\" \n        [profile]=\"selectedProfile\"\n        [settings]=\"settings\"\n        [class.toolbox-hidden]=\"!profileShowToolbox\"\n        [collapsed]=\"toolbarCollapsed\" [WKTInputEnabled]=\"settings?.WKTInputEnabled\" [deleteEnabled]=\"settings?.deleteEnabled\" [showMeasureArea]=\"selectedProfile?.showAreaMeasurement || false\" [showMeasureDistance]=\"selectedProfile?.showDistanceMeasurement || false\"></map-toolbox>\n    }\n</div>\n\n<div class=\"map-container\">\n  <lib-map-search *ngIf=\"showSearch\" [profile]=\"selectedProfile\"></lib-map-search>\n\n  <!-- Kort -->\n  <div id=\"map\" class=\"map\"></div>\n</div>\n", styles: ["::ng-deep .global-wrapper-container{background:#4c4d51}::ng-deep .dmp-dialog-content mat-dialog-content{background:#4c4d51!important}::ng-deep .dmp-dialog-content mat-dialog-content .search-section mat-form-field input{color:#fff!important;font-family:Avenir Next W01,Lato,-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}::ng-deep .dmp-dialog-content mat-dialog-content .search-section mat-form-field input .search-icon{color:#fff!important}::ng-deep button.ol-zoom-in,::ng-deep button.ol-zoom-out,::ng-deep button.ol-rotate-reset{background:#4c4d51;color:#fff;border-radius:5px!important}::ng-deep button.ol-zoom-in:hover,::ng-deep button.ol-zoom-out:hover,::ng-deep button.ol-rotate-reset:hover{color:#e9e3e3;outline:none}::ng-deep mat-expansion-panel .mat-expansion-panel-header{height:40px!important;min-height:40px!important;background:#ffffff0d;transition:background .2s ease;border-top-left-radius:4px!important;border-top-right-radius:4px!important;padding:0 16px;margin-bottom:2px}::ng-deep mat-expansion-panel .mat-expansion-panel-header:hover{background:#ffffff14!important}::ng-deep mat-expansion-panel .mat-expansion-panel-header .panel-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:320px;margin-right:10px;color:#fff;font-weight:600;font-family:Avenir Next W01,Lato,-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px}::ng-deep mat-expansion-panel .mat-expansion-panel-header-title{color:#fff}::ng-deep .custom-image-icon,.compact-icon{background:none}::ng-deep .custom-image-icon img,.compact-icon img{width:100%;height:100%;object-fit:contain;transition:filter .2s ease}::ng-deep .custom-image-icon.active,.compact-icon.active{background:#f7b528!important;border-color:transparent;box-shadow:0 4px 12px #0ea5e966}::ng-deep .custom-image-icon.active img,.compact-icon.active img{filter:brightness(0) invert(1)}::ng-deep .custom-image-icon.active:hover,.compact-icon.active:hover{box-shadow:0 6px 20px #0ea5e980}::ng-deep .custom-image-icon:hover:not(.active),.compact-icon:hover:not(.active){background:#ffffff1a!important;border-color:none;box-shadow:none}::ng-deep .custom-image-icon:hover:not(.active) img,.compact-icon:hover:not(.active) img{filter:brightness(0) invert(.8)}::ng-deep .layer-selector-body .search-section mat-form-field input{color:#fff!important}::ng-deep .search-field .mat-mdc-input-element{color:#fff!important}::ng-deep .mat-mdc-text-field-wrapper{background:#878787!important}::ng-deep .mat-mdc-select-panel{font-family:Avenir Next W01,Lato,-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}::ng-deep .active-objects-wrapper.collapsed,::ng-deep .layer-selector-body-wrapper.collapsed,::ng-deep .legends-list-body-wrapper.collapsed,::ng-deep .search-container.collapsed,::ng-deep .toolbox-wrapper.collapsed{width:90px;max-width:90px;min-width:90px}::ng-deep .drag-handle-active-objects,::ng-deep .drag-handle-legends,::ng-deep .drag-handle,::ng-deep .drag-handle-selector,::ng-deep .drag-handle-toolbox{display:flex;align-items:center;justify-content:space-between;padding:0 2px;cursor:move;color:#fff;border-radius:5px;width:100%;box-sizing:border-box}:host{font-family:Avenir Next W01,Lato,-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}:host ::ng-deep .mdc-notched-outline .mdc-notched-outline__leading,:host ::ng-deep .mdc-notched-outline .mdc-notched-outline__notch,:host ::ng-deep .mdc-notched-outline .mdc-notched-outline__trailing{border-color:#dee2e6!important;border-width:1px!important}:host.mat-focused ::ng-deep .mdc-notched-outline .mdc-notched-outline__leading,:host.mat-focused ::ng-deep .mdc-notched-outline .mdc-notched-outline__notch,:host.mat-focused ::ng-deep .mdc-notched-outline .mdc-notched-outline__trailing{border-color:#d1d5db!important;border-width:1px!important;box-shadow:0 0 0 3px #d1d5db40!important}::ng-deep .mat-mdc-form-field-flex{height:40px!important;display:flex!important;align-items:center!important}::ng-deep .mat-expansion-indicator svg{fill:#fff!important}::ng-deep .ol-control{background-color:transparent!important}::ng-deep .search-result-option{font-family:Avenir Next W01,Lato,-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}::ng-deep .mat-mdc-autocomplete-panel .mat-pseudo-checkbox{display:none!important}::ng-deep .mat-mdc-autocomplete-panel .mdc-list-item__end{display:none!important}:host{display:block;width:100%;height:100%;overflow:hidden}::ng-deep .lib-error-snackbar{background-color:#d32f2f;color:#fff;font-weight:500}::ng-deep .map-container{position:relative;height:81vh;width:100%;overflow:hidden}::ng-deep .toolbox-hidden{visibility:hidden!important}::ng-deep #map{width:100%;height:100%;position:absolute;inset:0;overflow:hidden}::ng-deep .ol-viewport{overflow:hidden!important}::ng-deep ::ng-deep .ol-logo{position:absolute;left:auto;right:3em;top:6.25em}::ng-deep ::ng-deep .ol-copyright{background-color:transparent;position:absolute;bottom:10px;width:100%;display:flex;justify-content:end}::ng-deep ::ng-deep .toolbar{position:absolute;top:10px;left:10px;background:#fff;padding:4px;border-radius:4px;display:flex;flex-direction:column;transition:width .3s;z-index:1000;overflow:hidden}::ng-deep ::ng-deep .toolbar.collapsed{width:40px;overflow:hidden}::ng-deep .object-panel{position:absolute;bottom:10px;left:10px;background:#fff;padding:8px;border-radius:4px;z-index:1000;max-height:calc(85vh - 20px);overflow-y:auto}::ng-deep .object-panel .header{display:flex;justify-content:space-between;padding:8px;cursor:pointer;background:#f0f0f0}::ng-deep .conflict-panel{position:absolute;bottom:10px;right:10px;background:#fff;padding:8px;border-radius:4px;z-index:1000;max-height:calc(85vh - 20px);overflow-y:auto}::ng-deep .conflict-panel .header{display:flex;justify-content:space-between;padding:8px;cursor:pointer;background:#f0f0f0}::ng-deep ::ng-deep .ol-zoom.ol-unselectable.ol-control{display:flex;flex-direction:column;position:absolute}::ng-deep ::ng-deep .ol-scale-text{display:flex}::ng-deep .ol-scale-bar.ol-unselectable{position:absolute;bottom:3rem}::ng-deep .ol-mouse-position{position:absolute;bottom:10px;left:6px;top:auto;background:#0000004d;color:#fffcfc;width:189px;height:30px;padding:2px;border-radius:5px;text-align:center;display:flex;align-items:center;justify-content:flex-start;z-index:1000}::ng-deep .documents-features-wrapper{position:absolute!important}\n"] }]
         }], ctorParameters: () => [], propDecorators: { identifier: [{
                 type: Input,
                 args: [{ required: true }]