@regionerne/gis-komponent 0.0.2 → 0.0.3

package/fesm2022/regionerne-gis-komponent.mjs

@@ -1,22 +1,548 @@
+import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Component } from '@angular/core';
+import { InjectionToken, inject, Injectable, Input, ViewChild, Component } from '@angular/core';
+import * as i2 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import Map from 'ol/Map';
+import View from 'ol/View';
+import TileLayer from 'ol/layer/Tile';
+import ol_layer_Vector from 'ol/layer/Vector';
+import VectorSource from 'ol/source/Vector';
+import ImageWMS from 'ol/source/ImageWMS';
+import WMTSCapabilities from 'ol/format/WMTSCapabilities';
+import Draw from 'ol/interaction/Draw';
+import Translate from 'ol/interaction/Translate';
+import ImageLayer from 'ol/layer/Image';
+import { HttpClient, HttpHeaders } from '@angular/common/http';
+import OLLayerGroup from 'ol/layer/Group';
+import { MatSelectModule } from '@angular/material/select';
+import * as i2$1 from '@angular/material/list';
+import { MatListModule } from '@angular/material/list';
+import ol_control_mouse from 'ol/control/MousePosition';
+import ol_control_scale from 'ol/control/ScaleLine';
+import { register } from 'ol/proj/proj4';
+import proj4 from 'proj4';
+import { Control } from 'ol/control';
+import { TileWMS } from 'ol/source';
+import { map, of, combineLatest } from 'rxjs';
+import WMTS, { optionsFromCapabilities } from 'ol/source/WMTS';
+import * as i4 from '@angular/cdk/drag-drop';
+import { moveItemInArray, transferArrayItem, DragDropModule } from '@angular/cdk/drag-drop';
+import * as i1 from '@angular/material/form-field';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import * as i3 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import * as i5 from '@angular/material/expansion';
+import { MatExpansionModule } from '@angular/material/expansion';
+import * as i6 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import ol_control_Control from 'ol/control/Control';
+import WKT from 'ol/format/WKT';
+import * as SLDReader from '@nieuwlandgeo/sldreader';
+import { extend } from 'ol/extent';
+import 'ol/ol.css';
+
+const GISKOMPONENT_CONFIG = new InjectionToken('GisKomponentConfig');
+
+class ProfileService {
+    config = inject(GISKOMPONENT_CONFIG);
+    _baseUrl = this.config.apiBaseUrl;
+    _http = inject(HttpClient);
+    getByIdentifier(identifier) {
+        const url = `${this._baseUrl}/api/profile/identifier/${identifier}`;
+        return this._http.get(url);
+    }
+}
+
+// logo-control.ts
+class LogoControl extends Control {
+    constructor(url) {
+        const element = document.createElement('div');
+        element.className = 'ol-logo ol-unselectable ol-control';
+        if (url) {
+            const img = document.createElement('img');
+            img.src = url;
+            img.alt = 'Logo';
+            element.appendChild(img);
+        }
+        else {
+            element.style.display = 'none';
+        }
+        super({ element });
+    }
+}
+
+class CopyrightControl extends Control {
+    constructor(text) {
+        const element = document.createElement('div');
+        element.className = 'ol-copyright ol-unselectable ol-control';
+        element.innerText = text;
+        super({ element });
+        if (!text) {
+            element.style.display = 'none';
+        }
+    }
+}
+
+Injectable({
+    providedIn: 'root'
+});
+class LayerHelperService {
+    _layerDbIdKey = 'layerDbId';
+    _layerGroupDbIdKey = 'layerGroupDbId';
+    _mapFilteredLayerGroupsKeyName = 'mapFilteredLayerGroups';
+    _layerIdsToDisplayInMapKeyName = 'layerIdsToDisplayInMap';
+    setDbId(layer, id) {
+        layer.set(this._layerDbIdKey, id);
+    }
+    getDbId(layer) {
+        const dbId = layer.get(this._layerDbIdKey) ?? -1;
+        return +dbId;
+    }
+    setLayerGroupDbId(layer, id) {
+        layer.set(this._layerGroupDbIdKey, id);
+    }
+    getLayerGroupDbId(layer) {
+        const dbId = layer.get(this._layerGroupDbIdKey) ?? -1;
+        return +dbId;
+    }
+    applyCachedLayersToDisplayInMap(map) {
+        const layerIdsCachedToDisplay = localStorage.getItem(this._layerIdsToDisplayInMapKeyName)?.split(',');
+        if (layerIdsCachedToDisplay) {
+            map.getLayers().getArray().forEach(layergroup => {
+                if (layergroup instanceof OLLayerGroup) {
+                    layergroup.getLayers().getArray().forEach(l => {
+                        if (!layerIdsCachedToDisplay.some(id => l.get(this._layerDbIdKey) == id)) {
+                            const current = l.getVisible();
+                            if (current) {
+                                l.setVisible(!current);
+                            }
+                        }
+                    });
+                }
+            });
+        }
+    }
+    toggleLayer(map, layer, filteredLayerGroups) {
+        map.getLayers().getArray().forEach(layergroup => {
+            if (layergroup instanceof OLLayerGroup) {
+                layergroup.getLayers().getArray().forEach(l => {
+                    if (l.get(this._layerDbIdKey) === layer.id) {
+                        const current = l.getVisible();
+                        l.setVisible(!current);
+                        layer.visible = !current;
+                        //console.log('set '+ layer.id +' to visible '+layer.displayInMap);
+                        localStorage.setItem(this._mapFilteredLayerGroupsKeyName, JSON.stringify(filteredLayerGroups));
+                        localStorage.setItem(this._layerIdsToDisplayInMapKeyName, filteredLayerGroups
+                            .flatMap(lg => lg.layers)
+                            .filter(lg => lg.visible)
+                            .map(lg => lg.id).join(','));
+                    }
+                });
+            }
+        });
+    }
+}
+
+class LayerSelectorComponent {
+    set contentIcon(content) {
+        this._layerSelectorIcon = content;
+    }
+    set contentBody(content) {
+        this._layerSelectorBody = content;
+    }
+    map;
+    profile;
+    searchText = '';
+    allLayerGroups = [];
+    filteredLayerGroups = [];
+    showSelector = false;
+    _layerSelectorIcon;
+    _layerSelectorIconControl;
+    _layerSelectorBody;
+    _layerSelectorBodyControl;
+    _mapFilteredLayerGroupsKeyName = 'mapFilteredLayerGroups';
+    _layerIdsToDisplayInMapKeyName = 'layerIdsToDisplayInMap';
+    _layerHelper = inject(LayerHelperService);
+    ngOnChanges() {
+        if (this.profile) {
+            this.allLayerGroups = this.profile.layerGroups
+                .map((lg, idx) => ({ ...lg, layers: lg.layers
+                    .filter((l) => l.activeInSelector),
+                sortOrder: idx }))
+                .filter(g => g.layers.length > 0);
+            const cachedFilteredLayergroups = localStorage.getItem(this._mapFilteredLayerGroupsKeyName);
+            if (cachedFilteredLayergroups) {
+                const parsedFilteredLayerGroups = JSON.parse(cachedFilteredLayergroups);
+                if (parsedFilteredLayerGroups.length != this.allLayerGroups.length) {
+                    //If layer groups changed in the backend, then use those
+                    this.filteredLayerGroups = this.setfilteredGroups();
+                }
+                else {
+                    this.filteredLayerGroups = parsedFilteredLayerGroups;
+                    this._setVisibleLayersFromCache(parsedFilteredLayerGroups);
+                }
+            }
+            else {
+                this.filteredLayerGroups = this.setfilteredGroups();
+            }
+            localStorage.setItem(this._layerIdsToDisplayInMapKeyName, this.filteredLayerGroups
+                .flatMap(lg => lg.layers)
+                .filter(lg => lg.visible)
+                .map(lg => lg.id).join(','));
+            this._initializeMapIconControl();
+        }
+    }
+    toggleLayer(layer) {
+        this._layerHelper.toggleLayer(this.map, layer, this.filteredLayerGroups);
+    }
+    toggleLayerSelector() {
+        this.showSelector = !this.showSelector;
+        if (this.showSelector) {
+            this._addMapBodyControl();
+        }
+        else {
+            this._removeMapBodyControl();
+        }
+    }
+    setfilteredGroups() {
+        const text = this.searchText.toLowerCase();
+        return this.allLayerGroups
+            .map((g, idx) => {
+            if (!text) {
+                return { ...g, expanded: false, sortOrder: idx }; // collapsed by default
+            }
+            const filteredItems = g.layers.filter(l => l.name.toLowerCase().includes(text));
+            return {
+                ...g,
+                expanded: filteredItems.length > 0,
+                sortOrder: idx,
+                layers: filteredItems
+            };
+        })
+            .filter(g => g.layers.length > 0)
+            .sort((a, b) => a.sortOrder - b.sortOrder);
+    }
+    dropGroup(event) {
+        moveItemInArray(this.filteredLayerGroups, event.previousIndex, event.currentIndex);
+        this.updateGroupSortOrders();
+        localStorage.setItem(this._mapFilteredLayerGroupsKeyName, JSON.stringify(this.filteredLayerGroups));
+    }
+    dropLayer(event, group) {
+        if (event.previousContainer === event.container) {
+            moveItemInArray(group.layers, event.previousIndex, event.currentIndex);
+        }
+        else {
+            transferArrayItem(event.previousContainer.data, event.container.data, event.previousIndex, event.currentIndex);
+        }
+        this.updateLayerSortOrders(group);
+        localStorage.setItem(this._mapFilteredLayerGroupsKeyName, JSON.stringify(this.filteredLayerGroups));
+    }
+    clearSearchText() {
+        this.searchText = '';
+        this.filteredLayerGroups = this.setfilteredGroups();
+    }
+    updateGroupSortOrders() {
+        this.filteredLayerGroups.forEach((g, idx) => (g.sortOrder = idx));
+    }
+    updateLayerSortOrders(group) {
+        group.layers.forEach((layer, idx) => (layer.sortOrder = idx));
+    }
+    _initializeMapIconControl() {
+        this.map.removeControl(this._layerSelectorIconControl);
+        const element = this._layerSelectorIcon.nativeElement;
+        this._layerSelectorIconControl = new ol_control_Control({ element: element });
+        this.map.addControl(this._layerSelectorIconControl);
+    }
+    _addMapBodyControl() {
+        this.map.removeControl(this._layerSelectorBodyControl);
+        const element = this._layerSelectorBody.nativeElement;
+        this._layerSelectorBodyControl = new ol_control_Control({ element: element });
+        this.map.addControl(this._layerSelectorBodyControl);
+    }
+    _removeMapBodyControl() {
+        this.map.removeControl(this._layerSelectorBodyControl);
+    }
+    _setVisibleLayersFromCache(cachedFilteredLayergroups) {
+        this.allLayerGroups.forEach(group => group.layers.forEach(layer => {
+            const cachedLayer = cachedFilteredLayergroups.find(gr => gr.id === group.id)?.layers?.find(l => l.id === layer.id);
+            layer.visible = cachedLayer?.visible ?? layer.visible;
+        }));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: LayerSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: LayerSelectorComponent, isStandalone: true, selector: "lib-layer-selector", inputs: { map: "map", profile: "profile" }, viewQueries: [{ propertyName: "contentIcon", first: true, predicate: ["layerSelectorIcon"], descendants: true }, { propertyName: "contentBody", first: true, predicate: ["layerSelectorBody"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div #layerSelectorIcon class=\"ol-unselectable ol-control layer-selector-icon\">\n  <mat-icon  (click)=\"toggleLayerSelector()\">layers</mat-icon>\n</div>\n<div #layerSelectorBody  [class.display-none]=\"!showSelector\" class=\"ol-unselectable ol-control layer-selector-body\">\n  <div class=\"search-section\">\n    <mat-form-field appearance=\"outline\" class=\"w-full\">\n      <mat-label>Filtrer</mat-label>\n      <input \n        matInput \n        type=\"text\" \n        [(ngModel)]=\"searchText\" \n        (ngModelChange)=\"filteredLayerGroups=setfilteredGroups()\"\n        placeholder=\"Skriv for at filtrere...\"\n      />\n    </mat-form-field>\n    <mat-icon (click)=\"clearSearchText()\">undo</mat-icon>\n  </div>\n  \n  <div\n    cdkDropList\n    [cdkDropListData]=\"filteredLayerGroups\"\n    (cdkDropListDropped)=\"dropGroup($event)\"\n    class=\"item-list\">\n  @for (group of filteredLayerGroups; track group.id; let gIndex = $index) {\n    <div class=\"group\" cdkDrag cdkDragPreviewDisabled>\n      <mat-expansion-panel [(expanded)]=\"group.expanded\">\n        <mat-expansion-panel-header>\n          <mat-panel-title>\n              @if (group.expanded) {\n                <mat-icon>arrow_upward</mat-icon>\n              }\n              @if (!group.expanded) {\n                <mat-icon>arrow_downward</mat-icon>  \n              }\n            {{ group.name }}\n          </mat-panel-title>\n        </mat-expansion-panel-header>\n          <!-- This is only shown during drag -->\n    <!-- <div *cdkDragPreview class=\"drag-preview\">\n      {{ group.name }}\n    </div> -->\n\n    <!-- Placeholder to avoid jump -->\n    <!-- <div *cdkDragPlaceholder class=\"drag-placeholder\"></div> -->\n\n        <div\n          cdkDropList\n          [cdkDropListData]=\"group.layers\"\n          (cdkDropListDropped)=\"dropLayer($event, group)\"\n          class=\"item-list\">\n          @for (layer of group.layers; track layer.id; let iIndex = $index) {\n            <div class=\"item\" cdkDrag cdkDragPreviewDisabled>\n              <mat-icon class=\"drag-indicator\">drag_indicator</mat-icon>\n                <span>{{ layer.name }}</span>\n                @if (layer.visible) {\n                  <mat-icon (click)=\"toggleLayer(layer)\" class=\"power-on\">power</mat-icon>(t\u00E6nd)\n                }\n                @if (!layer.visible) {\n                  <mat-icon (click)=\"toggleLayer(layer)\" class=\"power-off\">power</mat-icon>(sluk)\n                }\n              </div>\n            }\n          </div>\n        </mat-expansion-panel>\n      </div>\n    }\n  </div>\n</div>\n", styles: ["::ng-deep .layer-selector-icon{position:absolute;left:auto;right:4em;bottom:.5em;z-index:1000}::ng-deep .layer-selector-icon mat-icon{display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease;font-size:45px;width:50px;height:50px;background-color:#0004;border:1px solid rgba(255,255,255,.8);border-radius:8px;-webkit-text-fill-color:#334155;-webkit-text-stroke-width:.9px;-webkit-text-stroke-color:white}::ng-deep .layer-selector-icon mat-icon:hover{box-shadow:0 4px 12px #0003;color:#3e4b5e}::ng-deep .layer-selector-body{position:absolute;left:auto;right:4em;bottom:4em;z-index:1000;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;border:1px solid #e0e0e0;width:320px;max-height:500px;overflow:hidden;display:flex;flex-direction:column}::ng-deep .layer-selector-body .search-section{display:flex;align-items:center;gap:8px;padding:16px 16px 8px;background:#fff;border-bottom:1px solid #e0e0e0}::ng-deep .layer-selector-body .search-section mat-form-field{flex:1}::ng-deep .layer-selector-body .search-section mat-form-field .mat-form-field-outline{background:#fff}::ng-deep .layer-selector-body .search-section mat-form-field .mat-form-field-wrapper{padding-bottom:0}::ng-deep .layer-selector-body .search-section mat-form-field .mat-form-field-outline-thick{color:#1976d2}::ng-deep .layer-selector-body .search-section mat-form-field input{font-size:14px;padding:8px 0}::ng-deep .layer-selector-body .search-section mat-form-field .mat-form-field-label{color:#666;font-weight:500}::ng-deep .layer-selector-body .search-section mat-icon{color:#666;cursor:pointer;padding:8px;border-radius:4px;transition:all .2s ease;font-size:30px;width:20px;height:20px;display:flex;justify-content:center;align-items:end}::ng-deep .layer-selector-body .search-section mat-icon:hover{color:#334155}::ng-deep .layer-selector-body .item-list{flex:1;overflow-y:auto;padding:8px;max-height:400px}::ng-deep .layer-selector-body .item-list .group{margin-bottom:8px;border-radius:6px;overflow:hidden;box-shadow:0 -2px 2px #4868b20a,0 2px 2px #6a6f7517,0 1px 2px #4868b214}::ng-deep .layer-selector-body .item-list .group mat-expansion-panel{box-shadow:none!important;border-radius:0!important}::ng-deep .layer-selector-body .item-list .group mat-expansion-panel mat-expansion-panel-header{padding:0 16px;height:48px;background:#f8f9fa;border-bottom:1px solid #e0e0e0}::ng-deep .layer-selector-body .item-list .group mat-expansion-panel mat-expansion-panel-header:hover{background:#e6e7ec}::ng-deep .layer-selector-body .item-list .group mat-expansion-panel mat-expansion-panel-header mat-panel-title{align-items:center;gap:8px;font-weight:600;color:#333;font-size:14px}::ng-deep .layer-selector-body .item-list .group mat-expansion-panel mat-expansion-panel-header mat-panel-title mat-icon{color:#666;font-size:18px;width:18px;height:18px;transition:transform .2s ease}::ng-deep .layer-selector-body .item-list .group mat-expansion-panel .mat-expansion-panel-content{background:#fff}::ng-deep .layer-selector-body .item-list .group mat-expansion-panel .mat-expansion-panel-content .mat-expansion-panel-body{padding:8px 0}::ng-deep .layer-selector-body .item-list .group .item-list{padding:0;max-height:none}::ng-deep .layer-selector-body .item-list .group .item-list .item{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid #f5f5f5;background:#fff;transition:all .2s ease;cursor:move}::ng-deep .layer-selector-body .item-list .group .item-list .item:last-child{border-bottom:none}::ng-deep .layer-selector-body .item-list .group .item-list .item:hover{background:#f8f9fa}::ng-deep .layer-selector-body .item-list .group .item-list .item.cdk-drag-preview{background:#fff;box-shadow:0 4px 12px #00000026;border-radius:4px}::ng-deep .layer-selector-body .item-list .group .item-list .item.cdk-drag-placeholder{background:#e3f2fd;opacity:.6}::ng-deep .layer-selector-body .item-list .group .item-list .item.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}::ng-deep .layer-selector-body .item-list .group .item-list .item mat-icon.drag-indicator{color:#9e9e9e;font-size:18px;width:18px;height:18px;cursor:move}::ng-deep .layer-selector-body .item-list .group .item-list .item mat-icon.power-on{color:#4caf50;font-size:20px;width:20px;height:20px;cursor:pointer;margin-left:auto;padding:4px;border-radius:4px}::ng-deep .layer-selector-body .item-list .group .item-list .item mat-icon.power-on:hover{background:#e8f5e8}::ng-deep .layer-selector-body .item-list .group .item-list .item mat-icon.power-off{color:#f44336;font-size:20px;width:20px;height:20px;cursor:pointer;margin-left:auto;padding:4px;border-radius:4px}::ng-deep .layer-selector-body .item-list .group .item-list .item mat-icon.power-off:hover{background:#ffebee}::ng-deep .layer-selector-body .item-list .group .item-list .item>:nth-child(2){flex:1;font-size:14px;color:#333;margin:0}.cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 15px #00000026;background:#fff;padding:12px 16px}.cdk-drag-placeholder{opacity:.3}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.item-list.cdk-drop-list-dragging .item:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.power-on{color:#4caf50}.power-off{color:#f44336}.display-none{display:none}::ng-deep .layer-selector-body .item-list{scrollbar-width:thin;scrollbar-color:#c1c1c1 transparent}\n"], dependencies: [{ kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1.MatLabel, selector: "mat-label" }, { 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: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i4.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i4.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: "ngmodule", type: MatExpansionModule }, { kind: "component", type: i5.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i5.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i5.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: LayerSelectorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-layer-selector', imports: [MatFormFieldModule, CommonModule, MatIconModule, FormsModule, DragDropModule,
+                        MatExpansionModule, MatInputModule], template: "<div #layerSelectorIcon class=\"ol-unselectable ol-control layer-selector-icon\">\n  <mat-icon  (click)=\"toggleLayerSelector()\">layers</mat-icon>\n</div>\n<div #layerSelectorBody  [class.display-none]=\"!showSelector\" class=\"ol-unselectable ol-control layer-selector-body\">\n  <div class=\"search-section\">\n    <mat-form-field appearance=\"outline\" class=\"w-full\">\n      <mat-label>Filtrer</mat-label>\n      <input \n        matInput \n        type=\"text\" \n        [(ngModel)]=\"searchText\" \n        (ngModelChange)=\"filteredLayerGroups=setfilteredGroups()\"\n        placeholder=\"Skriv for at filtrere...\"\n      />\n    </mat-form-field>\n    <mat-icon (click)=\"clearSearchText()\">undo</mat-icon>\n  </div>\n  \n  <div\n    cdkDropList\n    [cdkDropListData]=\"filteredLayerGroups\"\n    (cdkDropListDropped)=\"dropGroup($event)\"\n    class=\"item-list\">\n  @for (group of filteredLayerGroups; track group.id; let gIndex = $index) {\n    <div class=\"group\" cdkDrag cdkDragPreviewDisabled>\n      <mat-expansion-panel [(expanded)]=\"group.expanded\">\n        <mat-expansion-panel-header>\n          <mat-panel-title>\n              @if (group.expanded) {\n                <mat-icon>arrow_upward</mat-icon>\n              }\n              @if (!group.expanded) {\n                <mat-icon>arrow_downward</mat-icon>  \n              }\n            {{ group.name }}\n          </mat-panel-title>\n        </mat-expansion-panel-header>\n          <!-- This is only shown during drag -->\n    <!-- <div *cdkDragPreview class=\"drag-preview\">\n      {{ group.name }}\n    </div> -->\n\n    <!-- Placeholder to avoid jump -->\n    <!-- <div *cdkDragPlaceholder class=\"drag-placeholder\"></div> -->\n\n        <div\n          cdkDropList\n          [cdkDropListData]=\"group.layers\"\n          (cdkDropListDropped)=\"dropLayer($event, group)\"\n          class=\"item-list\">\n          @for (layer of group.layers; track layer.id; let iIndex = $index) {\n            <div class=\"item\" cdkDrag cdkDragPreviewDisabled>\n              <mat-icon class=\"drag-indicator\">drag_indicator</mat-icon>\n                <span>{{ layer.name }}</span>\n                @if (layer.visible) {\n                  <mat-icon (click)=\"toggleLayer(layer)\" class=\"power-on\">power</mat-icon>(t\u00E6nd)\n                }\n                @if (!layer.visible) {\n                  <mat-icon (click)=\"toggleLayer(layer)\" class=\"power-off\">power</mat-icon>(sluk)\n                }\n              </div>\n            }\n          </div>\n        </mat-expansion-panel>\n      </div>\n    }\n  </div>\n</div>\n", styles: ["::ng-deep .layer-selector-icon{position:absolute;left:auto;right:4em;bottom:.5em;z-index:1000}::ng-deep .layer-selector-icon mat-icon{display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease;font-size:45px;width:50px;height:50px;background-color:#0004;border:1px solid rgba(255,255,255,.8);border-radius:8px;-webkit-text-fill-color:#334155;-webkit-text-stroke-width:.9px;-webkit-text-stroke-color:white}::ng-deep .layer-selector-icon mat-icon:hover{box-shadow:0 4px 12px #0003;color:#3e4b5e}::ng-deep .layer-selector-body{position:absolute;left:auto;right:4em;bottom:4em;z-index:1000;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;border:1px solid #e0e0e0;width:320px;max-height:500px;overflow:hidden;display:flex;flex-direction:column}::ng-deep .layer-selector-body .search-section{display:flex;align-items:center;gap:8px;padding:16px 16px 8px;background:#fff;border-bottom:1px solid #e0e0e0}::ng-deep .layer-selector-body .search-section mat-form-field{flex:1}::ng-deep .layer-selector-body .search-section mat-form-field .mat-form-field-outline{background:#fff}::ng-deep .layer-selector-body .search-section mat-form-field .mat-form-field-wrapper{padding-bottom:0}::ng-deep .layer-selector-body .search-section mat-form-field .mat-form-field-outline-thick{color:#1976d2}::ng-deep .layer-selector-body .search-section mat-form-field input{font-size:14px;padding:8px 0}::ng-deep .layer-selector-body .search-section mat-form-field .mat-form-field-label{color:#666;font-weight:500}::ng-deep .layer-selector-body .search-section mat-icon{color:#666;cursor:pointer;padding:8px;border-radius:4px;transition:all .2s ease;font-size:30px;width:20px;height:20px;display:flex;justify-content:center;align-items:end}::ng-deep .layer-selector-body .search-section mat-icon:hover{color:#334155}::ng-deep .layer-selector-body .item-list{flex:1;overflow-y:auto;padding:8px;max-height:400px}::ng-deep .layer-selector-body .item-list .group{margin-bottom:8px;border-radius:6px;overflow:hidden;box-shadow:0 -2px 2px #4868b20a,0 2px 2px #6a6f7517,0 1px 2px #4868b214}::ng-deep .layer-selector-body .item-list .group mat-expansion-panel{box-shadow:none!important;border-radius:0!important}::ng-deep .layer-selector-body .item-list .group mat-expansion-panel mat-expansion-panel-header{padding:0 16px;height:48px;background:#f8f9fa;border-bottom:1px solid #e0e0e0}::ng-deep .layer-selector-body .item-list .group mat-expansion-panel mat-expansion-panel-header:hover{background:#e6e7ec}::ng-deep .layer-selector-body .item-list .group mat-expansion-panel mat-expansion-panel-header mat-panel-title{align-items:center;gap:8px;font-weight:600;color:#333;font-size:14px}::ng-deep .layer-selector-body .item-list .group mat-expansion-panel mat-expansion-panel-header mat-panel-title mat-icon{color:#666;font-size:18px;width:18px;height:18px;transition:transform .2s ease}::ng-deep .layer-selector-body .item-list .group mat-expansion-panel .mat-expansion-panel-content{background:#fff}::ng-deep .layer-selector-body .item-list .group mat-expansion-panel .mat-expansion-panel-content .mat-expansion-panel-body{padding:8px 0}::ng-deep .layer-selector-body .item-list .group .item-list{padding:0;max-height:none}::ng-deep .layer-selector-body .item-list .group .item-list .item{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid #f5f5f5;background:#fff;transition:all .2s ease;cursor:move}::ng-deep .layer-selector-body .item-list .group .item-list .item:last-child{border-bottom:none}::ng-deep .layer-selector-body .item-list .group .item-list .item:hover{background:#f8f9fa}::ng-deep .layer-selector-body .item-list .group .item-list .item.cdk-drag-preview{background:#fff;box-shadow:0 4px 12px #00000026;border-radius:4px}::ng-deep .layer-selector-body .item-list .group .item-list .item.cdk-drag-placeholder{background:#e3f2fd;opacity:.6}::ng-deep .layer-selector-body .item-list .group .item-list .item.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}::ng-deep .layer-selector-body .item-list .group .item-list .item mat-icon.drag-indicator{color:#9e9e9e;font-size:18px;width:18px;height:18px;cursor:move}::ng-deep .layer-selector-body .item-list .group .item-list .item mat-icon.power-on{color:#4caf50;font-size:20px;width:20px;height:20px;cursor:pointer;margin-left:auto;padding:4px;border-radius:4px}::ng-deep .layer-selector-body .item-list .group .item-list .item mat-icon.power-on:hover{background:#e8f5e8}::ng-deep .layer-selector-body .item-list .group .item-list .item mat-icon.power-off{color:#f44336;font-size:20px;width:20px;height:20px;cursor:pointer;margin-left:auto;padding:4px;border-radius:4px}::ng-deep .layer-selector-body .item-list .group .item-list .item mat-icon.power-off:hover{background:#ffebee}::ng-deep .layer-selector-body .item-list .group .item-list .item>:nth-child(2){flex:1;font-size:14px;color:#333;margin:0}.cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 15px #00000026;background:#fff;padding:12px 16px}.cdk-drag-placeholder{opacity:.3}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.item-list.cdk-drop-list-dragging .item:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.power-on{color:#4caf50}.power-off{color:#f44336}.display-none{display:none}::ng-deep .layer-selector-body .item-list{scrollbar-width:thin;scrollbar-color:#c1c1c1 transparent}\n"] }]
+        }], propDecorators: { contentIcon: [{
+                type: ViewChild,
+                args: ['layerSelectorIcon', { static: false }]
+            }], contentBody: [{
+                type: ViewChild,
+                args: ['layerSelectorBody', { static: false }]
+            }], map: [{
+                type: Input
+            }], profile: [{
+                type: Input
+            }] } });
+
+class KomponentSettingsHelperService {
+    _httpClient = inject(HttpClient);
+    loadThem(settings, workpace, geoserver, map) {
+        this.getStyleLoader(settings.style, workpace, geoserver).subscribe({
+            next: loadedStyle => {
+                const parser = new WKT();
+                const features = settings.geometries.map(g => parser.readFeature(g.geometry, { featureProjection: 'EPSG:25832', dataProjection: 'EPSG:25832' }));
+                console.log("🚀 ~ KomponentSettingsHelperService ~ loadThem ~ SLDReader:", SLDReader);
+                debugger;
+                const sldObject = SLDReader.Reader(loadedStyle);
+                const sldLayer = SLDReader.getLayer(sldObject);
+                const sldStyles = SLDReader.getStyle(sldLayer);
+                const sldFeatureStyle = sldStyles.featuretypestyles[0];
+                const olStyle = SLDReader.createOlStyle(sldFeatureStyle.rules[0], 'Polygon');
+                const layer = new ol_layer_Vector({
+                    source: new VectorSource(),
+                    style: olStyle
+                });
+                layer.getSource()?.addFeatures(features.filter(f => !!f));
+                map.addLayer(layer);
+                const extent = features.filter(f => !!f).reduce((e, f) => extend(e, f.getGeometry().getExtent()), features[0]?.getGeometry().getExtent());
+                map.getView().fit(extent);
+                console.log("🚀 ~ KomponentSettingsHelperService ~ loadThem ~ style:", sldObject);
+            }
+        });
+    }
+    getStyleLoader(styleName, workspace, geoserver) {
+        const headerstring = `${geoserver.userName}:${geoserver.password}`;
+        const encoded = btoa(headerstring);
+        const headers = new HttpHeaders().set('Authorization', `Basic ${encoded}`);
+        const url = `${geoserver.url}/rest/workspaces/${workspace}/styles/${styleName}.sld`;
+        return this._httpClient.get(url, { headers, responseType: 'text' });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: KomponentSettingsHelperService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: KomponentSettingsHelperService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: KomponentSettingsHelperService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
 
 class GisKomponentComponent {
+    _profileService = inject(ProfileService);
+    _http = inject(HttpClient);
+    _layerHelper = inject(LayerHelperService);
+    identifier;
+    settings;
+    map;
+    toolbarCollapsed = false;
+    layerPanelCollapsed = false;
+    activeObjectsCollapsed = false;
+    conflictsCollapsed = false;
+    showConflicts = false;
+    showObjects = false;
+    profiles = [];
+    selectedProfile;
+    _komponentSettingsHelper = inject(KomponentSettingsHelperService);
+    layers = [];
+    // activeObjects = [
+    //   { name: 'Objekt A', size: '22 m2' },
+    //   { name: 'Objekt B', size: '108,4 m2' }
+    // ];
+    source = new VectorSource({ wrapX: false });
+    layer = new ol_layer_Vector({ source: this.source });
+    draw = new Draw({ source: this.source, type: 'Polygon' });
+    move = new Translate({ layers: [this.layer] });
+    mousePositionCtrl = new ol_control_mouse({ projection: 'EPSG:25832' });
+    scaleCtrl = new ol_control_scale({
+        units: 'metric',
+        bar: true,
+        steps: 4,
+        text: true,
+        minWidth: 120
+    });
+    profileSelected(profileIdentifier) {
+        this._profileService.getByIdentifier(profileIdentifier).subscribe({
+            next: profile => {
+                this.selectedProfile = profile;
+                const view = new View({
+                    center: [profile.centerX, profile.centerY],
+                    extent: [profile.minX, profile.minX, profile.maxX, profile.maxY],
+                    zoom: profile.zoom ?? 8,
+                    maxZoom: profile.maxZoom ?? undefined,
+                    minZoom: profile.minZoom ?? undefined,
+                    projection: 'EPSG:25832'
+                });
+                this._getCapabilitiesObject(profile).subscribe({
+                    next: capabilityObject => {
+                        const layers = [...profile.layerGroups.map((lg) => new OLLayerGroup({
+                                layers: lg.layers
+                                    .filter(layer => layer.activeInSelector)
+                                    .map(l => this._mapLayer(l, capabilityObject, 'EPSG:25832', lg.id)) // for now, we default to EPSG:25832. 
+                            }))
+                        ];
+                        this.map.setLayers(layers);
+                        if (this.settings && profile.styleRepositoryWorkspace && profile.styleRepositoryGeoserver) {
+                            this._komponentSettingsHelper.loadThem(this.settings, profile.styleRepositoryWorkspace, profile.styleRepositoryGeoserver, this.map);
+                        }
+                        this._layerHelper.applyCachedLayersToDisplayInMap(this.map);
+                    }
+                });
+                this._handleShowMouseCoordinates(profile.showCoordinates);
+                this._handleShowScale(profile.showScale);
+                this._setLogo(profile.logoUrl);
+                this._setCopyRight(profile.copyrightMessage);
+                this.map.setView(view);
+            }
+        });
+    }
+    _getCapabilitiesObject(profile) {
+        // Find all WMTS-layers and get their base url's for retrieving the capabilities. Make sure every url is only called once by removing duplicates
+        const getCapabilitiesUrls = [...new Set(profile.layerGroups.flatMap(lg => lg.layers).filter(lg => lg.layerType === 'WMTS').map(lg => lg.baseUrl))];
+        const parser = new WMTSCapabilities();
+        const capabilities$ = getCapabilitiesUrls.map(url => this._http.get(`${url}/gwc/service/wmts?request=GetCapabilities`, { responseType: 'text' }).pipe(map(result => ({
+            url,
+            sourceObject: parser.read(result)
+        }))));
+        // To make it easier to find the appropriate object, I convert the array to an object of a key/value type.
+        return capabilities$.length == 0 ? of({}) :
+            combineLatest(capabilities$).pipe(map(allCapabilities => allCapabilities.reduce((obj, item) => {
+                obj[item.url] = item.sourceObject;
+                return obj;
+            }, {})));
+    }
+    _mapLayer(layer, wmtsOptions, projection, layerGroupDbId) {
+        const params = {
+            layers: layer.layers,
+        };
+        if (layer.token) {
+            params[layer.authKeyName] = layer.token;
+        }
+        layer.wmsParameters.forEach(param => {
+            params[param.key] = param.value;
+        });
+        let result;
+        switch (layer.layerType) {
+            case 'WMS':
+                result = new ImageLayer({
+                    source: new ImageWMS({
+                        url: layer.baseUrl,
+                        params
+                    }),
+                });
+                break;
+            case 'TILEWMS':
+                result = new TileLayer({
+                    source: new TileWMS({
+                        url: layer.baseUrl,
+                        params,
+                    })
+                });
+                break;
+            case 'WMTS':
+                // Create WMST options from the capabilities loaded from the getCapabilities called.
+                const options = optionsFromCapabilities(wmtsOptions[layer.baseUrl], {
+                    layer: layer.layers,
+                    matrixSet: layer.projection || projection
+                });
+                result = new TileLayer({
+                    source: new WMTS(options)
+                });
+                break;
+        }
+        if (layer.minZoom) {
+            result.setMinZoom(layer.minZoom);
+        }
+        if (layer.maxZoom) {
+            result.setMaxZoom(layer.maxZoom);
+        }
+        if (layer.maxX && layer.minX && layer.maxY && layer.minY) {
+            result.setExtent([layer.minX, layer.minX, layer.maxX, layer.maxY]);
+        }
+        this._layerHelper.setDbId(result, layer.id);
+        this._layerHelper.setLayerGroupDbId(result, layerGroupDbId);
+        return result;
+    }
+    _setLogo(url) {
+        const logoCtrl = new LogoControl(url);
+        this.map.addControl(logoCtrl);
+    }
+    _setCopyRight(message) {
+        const copyrightCtrl = new CopyrightControl(message);
+        this.map.addControl(copyrightCtrl);
+    }
+    _handleShowMouseCoordinates(showCoords) {
+        if (showCoords) {
+            this.map.addControl(this.mousePositionCtrl);
+        }
+        else {
+            this.map.removeControl(this.mousePositionCtrl);
+        }
+    }
+    _handleShowScale(showScale) {
+        if (showScale) {
+            this.map.addControl(this.scaleCtrl);
+        }
+        else {
+            this.map.removeControl(this.scaleCtrl);
+        }
+    }
+    ngOnInit() {
+        this.profileSelected(this.identifier);
+        proj4.defs("EPSG:25832", "+proj=utm +zone=32 +ellps=GRS80 +units=m +no_defs +type=crs");
+        register(proj4);
+        // const projection = getProjection("EPSG:25832");
+        this.map = new Map({
+            target: 'map',
+        });
+        this.draw.setActive(false);
+        this.move.setActive(false);
+        this.map.addInteraction(this.draw);
+        this.map.addInteraction(this.move);
+    }
+    toggleDraw() {
+        this.move.setActive(false);
+        this.draw.setActive(!this.draw.getActive());
+    }
+    toggleShowConflicts() {
+        this.showConflicts = !this.showConflicts;
+    }
+    toggleShowObjects() {
+        this.showObjects = !this.showObjects;
+    }
+    toggleMove() {
+        this.draw.setActive(false);
+        this.move.setActive(true);
+    }
+    toggleToolbar() {
+        this.toolbarCollapsed = !this.toolbarCollapsed;
+    }
+    toggleLayerPanel() {
+        this.layerPanelCollapsed = !this.layerPanelCollapsed;
+    }
+    toggleActiveObjectsCollapsed() {
+        this.activeObjectsCollapsed = !this.activeObjectsCollapsed;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GisKomponentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: GisKomponentComponent, isStandalone: true, selector: "gis-komponent", ngImport: i0, template: `
-    <p>
-      gis-komponent works!
-    </p>
-  `, isInline: true, styles: [""] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: GisKomponentComponent, isStandalone: true, selector: "gis-komponent", inputs: { identifier: "identifier", settings: "settings" }, providers: [LayerHelperService], ngImport: i0, template: "    <lib-layer-selector [map]=\"map\" [profile]=\"selectedProfile\"></lib-layer-selector>\n\n<div class=\"map-container\">\n\n  <!-- Objektvisning -->\n   <!-- @if (showObjects) {\n     <div class=\"object-panel\" [class.collapsed]=\"activeObjectsCollapsed\">\n       <div class=\"header\" (click)=\"toggleActiveObjectsCollapsed()\">\n         <span>Aktive objekter ({{activeObjects.length}})</span>\n         <mat-icon>{{ activeObjectsCollapsed ? 'expand_more' : 'expand_less' }}</mat-icon>\n        </div>\n        @if (!activeObjectsCollapsed){\n          <ul>\n            <li *ngFor=\"let obj of activeObjects\">{{ obj.name }} ({{obj.size}})</li>\n          </ul>\n        }\n      </div>\n  } -->\n\n  <!-- Konflikter -->\n    @if (showConflicts) {\n\n     <div class=\"conflict-panel\" [class.collapsed]=\"conflictsCollapsed\">\n       <div class=\"header\">\n         <span>Konflikter (3)</span>\n          <mat-icon>{{ activeObjectsCollapsed ? 'expand_more' : 'expand_less' }}</mat-icon> -->\n        </div>\n        <mat-list>\n          <mat-list-item>\n            <span matListItemTitle>Lag #1</span>\n            <span matListItemLine><mat-icon>highlight</mat-icon> Objekt #1</span>\n          </mat-list-item>\n          <mat-list-item>\n            <span matListItemTitle>Lag #2 (svarer ikke)</span>\n          </mat-list-item>\n          <mat-list-item>\n            <span matListItemTitle>Lag #3</span>\n            <span matListItemLine><mat-icon>highlight</mat-icon> Objekt #1</span>\n            <span matListItemLine><mat-icon>highlight</mat-icon> Objekt #2</span>\n          </mat-list-item>\n        </mat-list>\n      </div>\n      \n    } \n\n  <!-- Kort -->\n  <div id=\"map\" class=\"map\"></div>\n</div>\n", styles: ["::ng-deep .map-container{position:relative;height:85vh;width:100%}::ng-deep #map{width:100%;height:100%;position:absolute;inset:0}::ng-deep ::ng-deep .ol-logo{position:absolute;left:auto;right:3em;top:6.25em}::ng-deep ::ng-deep .ol-copyright{position:absolute;left:auto;right:calc(50vw - 90px);bottom:.5em}::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}::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}::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}::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;top:2rem;left:1rem}::ng-deep ::ng-deep button.ol-zoom-in{font-size:28px;width:35px;height:35px;background-color:#fff;border:1px solid rgba(255,255,255,.8);box-shadow:#0000004d 0 1px 4px -1px;cursor:pointer;color:#334155}::ng-deep button.ol-zoom-out{font-size:28px;width:35px;height:35px;background-color:#fff;border:1px solid rgba(255,255,255,.8);box-shadow:#0000004d 0 1px 4px -1px;cursor:pointer;color:#334155}::ng-deep button.ol-rotate-reset{font-size:28px;width:35px;height:35px;background-color:#fff;border:1px solid rgba(255,255,255,.8);box-shadow:#0000004d 0 1px 4px -1px;cursor:pointer;color:#334155;margin-top:10px}::ng-deep .ol-scale-bar.ol-unselectable{position:absolute;bottom:1rem;left:1rem}\n"], dependencies: [{ 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: MatListModule }, { kind: "component", type: i2$1.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i2$1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i2$1.MatListItemLine, selector: "[matListItemLine]" }, { kind: "directive", type: i2$1.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: LayerSelectorComponent, selector: "lib-layer-selector", inputs: ["map", "profile"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GisKomponentComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gis-komponent', imports: [], template: `
-    <p>
-      gis-komponent works!
-    </p>
-  ` }]
-        }] });
+            args: [{ selector: 'gis-komponent', imports: [CommonModule, MatIconModule, MatListModule, MatSelectModule, LayerSelectorComponent], providers: [LayerHelperService], template: "    <lib-layer-selector [map]=\"map\" [profile]=\"selectedProfile\"></lib-layer-selector>\n\n<div class=\"map-container\">\n\n  <!-- Objektvisning -->\n   <!-- @if (showObjects) {\n     <div class=\"object-panel\" [class.collapsed]=\"activeObjectsCollapsed\">\n       <div class=\"header\" (click)=\"toggleActiveObjectsCollapsed()\">\n         <span>Aktive objekter ({{activeObjects.length}})</span>\n         <mat-icon>{{ activeObjectsCollapsed ? 'expand_more' : 'expand_less' }}</mat-icon>\n        </div>\n        @if (!activeObjectsCollapsed){\n          <ul>\n            <li *ngFor=\"let obj of activeObjects\">{{ obj.name }} ({{obj.size}})</li>\n          </ul>\n        }\n      </div>\n  } -->\n\n  <!-- Konflikter -->\n    @if (showConflicts) {\n\n     <div class=\"conflict-panel\" [class.collapsed]=\"conflictsCollapsed\">\n       <div class=\"header\">\n         <span>Konflikter (3)</span>\n          <mat-icon>{{ activeObjectsCollapsed ? 'expand_more' : 'expand_less' }}</mat-icon> -->\n        </div>\n        <mat-list>\n          <mat-list-item>\n            <span matListItemTitle>Lag #1</span>\n            <span matListItemLine><mat-icon>highlight</mat-icon> Objekt #1</span>\n          </mat-list-item>\n          <mat-list-item>\n            <span matListItemTitle>Lag #2 (svarer ikke)</span>\n          </mat-list-item>\n          <mat-list-item>\n            <span matListItemTitle>Lag #3</span>\n            <span matListItemLine><mat-icon>highlight</mat-icon> Objekt #1</span>\n            <span matListItemLine><mat-icon>highlight</mat-icon> Objekt #2</span>\n          </mat-list-item>\n        </mat-list>\n      </div>\n      \n    } \n\n  <!-- Kort -->\n  <div id=\"map\" class=\"map\"></div>\n</div>\n", styles: ["::ng-deep .map-container{position:relative;height:85vh;width:100%}::ng-deep #map{width:100%;height:100%;position:absolute;inset:0}::ng-deep ::ng-deep .ol-logo{position:absolute;left:auto;right:3em;top:6.25em}::ng-deep ::ng-deep .ol-copyright{position:absolute;left:auto;right:calc(50vw - 90px);bottom:.5em}::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}::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}::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}::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;top:2rem;left:1rem}::ng-deep ::ng-deep button.ol-zoom-in{font-size:28px;width:35px;height:35px;background-color:#fff;border:1px solid rgba(255,255,255,.8);box-shadow:#0000004d 0 1px 4px -1px;cursor:pointer;color:#334155}::ng-deep button.ol-zoom-out{font-size:28px;width:35px;height:35px;background-color:#fff;border:1px solid rgba(255,255,255,.8);box-shadow:#0000004d 0 1px 4px -1px;cursor:pointer;color:#334155}::ng-deep button.ol-rotate-reset{font-size:28px;width:35px;height:35px;background-color:#fff;border:1px solid rgba(255,255,255,.8);box-shadow:#0000004d 0 1px 4px -1px;cursor:pointer;color:#334155;margin-top:10px}::ng-deep .ol-scale-bar.ol-unselectable{position:absolute;bottom:1rem;left:1rem}\n"] }]
+        }], propDecorators: { identifier: [{
+                type: Input
+            }], settings: [{
+                type: Input
+            }] } });
+
+function provideLibrary(config) {
+    return [
+        { provide: GISKOMPONENT_CONFIG, useValue: config }
+    ];
+}
 
 /*
  * Public API Surface of gis-komponent
@@ -26,5 +552,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { GisKomponentComponent };
+export { GisKomponentComponent, LayerHelperService, ProfileService, provideLibrary };
 //# sourceMappingURL=regionerne-gis-komponent.mjs.map

package/fesm2022/regionerne-gis-komponent.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"regionerne-gis-komponent.mjs","sources":["../../../projects/gis-komponent/src/lib/gis-komponent.component.ts","../../../projects/gis-komponent/src/public-api.ts","../../../projects/gis-komponent/src/regionerne-gis-komponent.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n  selector: 'gis-komponent',\n  imports: [],\n  template: `\n    <p>\n      gis-komponent works!\n    </p>\n  `,\n  styles: ``\n})\nexport class GisKomponentComponent {\n\n}\n","/*\n * Public API Surface of gis-komponent\n */\n\nexport * from './lib/gis-komponent.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAYa,qBAAqB,CAAA;wGAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAArB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,qBAAqB,EAPtB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA;;;;AAIT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;4FAGU,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAVjC,SAAS;+BACE,eAAe,EAAA,OAAA,EAChB,EAAE,EACD,QAAA,EAAA;;;;AAIT,EAAA,CAAA,EAAA;;;ACTH;;AAEG;;ACFH;;AAEG;;;;"}
+{"version":3,"file":"regionerne-gis-komponent.mjs","sources":["../../../projects/gis-komponent/src/lib/config/config.ts","../../../projects/gis-komponent/src/lib/services/profile.service.ts","../../../projects/gis-komponent/src/lib/controls/LogoControl/logoControl.ts","../../../projects/gis-komponent/src/lib/controls/CopyrightControl/copyRightControl.ts","../../../projects/gis-komponent/src/lib/services/layerHelper.service.ts","../../../projects/gis-komponent/src/lib/components/layer-selector/layer-selector.component.ts","../../../projects/gis-komponent/src/lib/components/layer-selector/layer-selector.component.html","../../../projects/gis-komponent/src/lib/services/komponentSettingsHelper.service.ts","../../../projects/gis-komponent/src/lib/components/gis-komponent/gis-komponent.component.ts","../../../projects/gis-komponent/src/lib/components/gis-komponent/gis-komponent.component.html","../../../projects/gis-komponent/src/lib/config/library-provider.ts","../../../projects/gis-komponent/src/public-api.ts","../../../projects/gis-komponent/src/regionerne-gis-komponent.ts"],"sourcesContent":["import { InjectionToken  } from '@angular/core';\n\nexport interface GISKomponentConfig {\n    apiBaseUrl: string;\n}\n\nexport const GISKOMPONENT_CONFIG = new InjectionToken<GISKomponentConfig>('GisKomponentConfig');\n","import { inject } from '@angular/core';\nimport { GISKOMPONENT_CONFIG } from '../config/config';\nimport { Observable } from 'rxjs';\nimport { HttpClient } from '@angular/common/http';\nimport { IProfileDetailed } from '../models/IProfile';\n\nexport class ProfileService {\n\n    private config = inject(GISKOMPONENT_CONFIG);\n    private _baseUrl = this.config.apiBaseUrl;\n    private _http = inject(HttpClient);\n\n    getByIdentifier(identifier: string): Observable<IProfileDetailed> {\n        const url = `${this._baseUrl}/api/profile/identifier/${identifier}`;\n        return this._http.get<IProfileDetailed>(url);\n    }\n}","// logo-control.ts\nimport { Control } from 'ol/control';\n\nexport class LogoControl extends Control {\n  constructor(url: string) {\n    const element = document.createElement('div');\n    element.className = 'ol-logo ol-unselectable ol-control';\n\n    if (url) {\n      const img = document.createElement('img');\n      img.src = url;\n      img.alt = 'Logo';\n      element.appendChild(img);\n    } else {\n      element.style.display = 'none';\n    }\n\n    super({ element });\n  }\n}\n","import { Control } from 'ol/control';\n\nexport class CopyrightControl extends Control {\n  constructor(text: string) {\n    const element = document.createElement('div');\n    element.className = 'ol-copyright ol-unselectable ol-control';\n    element.innerText = text;\n\n    super({ element });\n\n    if (!text) {\n      element.style.display = 'none';\n    }\n  }\n}\n","import { Injectable } from '@angular/core';\nimport BaseLayer from 'ol/layer/Base';\nimport Map from 'ol/Map';\nimport OLLayerGroup from 'ol/layer/Group';\nimport { LayerSelectorGroup } from '../models/profile';\nimport { ILayer } from '../models/ILayer';\n\nInjectable({\n    providedIn: 'root'\n})\nexport class LayerHelperService {\n\n    private readonly _layerDbIdKey: string = 'layerDbId';\n    private readonly _layerGroupDbIdKey: string = 'layerGroupDbId';\n    private readonly _mapFilteredLayerGroupsKeyName: string = 'mapFilteredLayerGroups';\n    private readonly _layerIdsToDisplayInMapKeyName: string = 'layerIdsToDisplayInMap';\n\n    setDbId(layer: BaseLayer, id: number): void {\n        layer.set(this._layerDbIdKey, id);\n    }\n\n    getDbId(layer: BaseLayer): number {\n        const dbId = layer.get(this._layerDbIdKey) ?? -1;\n        return +dbId;\n    }\n\n    setLayerGroupDbId(layer: BaseLayer, id: number): void {\n        layer.set(this._layerGroupDbIdKey, id);\n    }\n\n    getLayerGroupDbId(layer: BaseLayer): number {\n        const dbId = layer.get(this._layerGroupDbIdKey)  ?? -1;\n        return +dbId;\n    }\n\n    applyCachedLayersToDisplayInMap(map: Map): void {\n        const layerIdsCachedToDisplay = localStorage.getItem(this._layerIdsToDisplayInMapKeyName)?.split(',');\n        if (layerIdsCachedToDisplay) {\n             map.getLayers().getArray().forEach(layergroup => {\n                if (layergroup instanceof OLLayerGroup) {\n                    layergroup.getLayers().getArray().forEach(l => {\n                        if (!layerIdsCachedToDisplay.some(id => l.get(this._layerDbIdKey) == id)) {\n                            const current = l.getVisible();\n                            if (current) {\n                                l.setVisible(!current);\n                            }\n                        }\n                    })\n                }\n            })\n        }    \n    }\n    \n\n    toggleLayer(map: Map, layer: ILayer, filteredLayerGroups: LayerSelectorGroup[]): void {\n        map.getLayers().getArray().forEach(layergroup => {\n            if (layergroup instanceof OLLayerGroup) {\n            layergroup.getLayers().getArray().forEach(l => {\n                if (l.get(this._layerDbIdKey) === layer.id) {\n                const current = l.getVisible();\n                l.setVisible(!current);\n                layer.visible = !current;\n                //console.log('set '+ layer.id +' to visible '+layer.displayInMap);\n                localStorage.setItem(this._mapFilteredLayerGroupsKeyName, JSON.stringify(filteredLayerGroups));\n                localStorage.setItem(this._layerIdsToDisplayInMapKeyName, filteredLayerGroups\n                    .flatMap(lg => lg.layers)\n                    .filter(lg => lg.visible)\n                    .map(lg => lg.id).join(','));\n                }\n            })}}\n        );\n    }\n}","import { Component, ElementRef, inject, Input, OnChanges, ViewChild } from '@angular/core';\nimport { CdkDragDrop, DragDropModule, moveItemInArray, transferArrayItem } from '@angular/cdk/drag-drop';\nimport { LayerSelectorGroup, Profile } from '../../models/profile';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { CommonModule } from '@angular/common';\nimport { MatIconModule } from '@angular/material/icon';\nimport { FormsModule } from '@angular/forms';\nimport { MatExpansionModule } from '@angular/material/expansion';\nimport { MatInputModule } from '@angular/material/input';\nimport Map from 'ol/Map';\nimport { LayerHelperService } from '../../services/layerHelper.service';\nimport ol_control_Control from 'ol/control/Control';\nimport { ILayer } from '../../models/ILayer';\n\n@Component({\n  selector: 'lib-layer-selector',\n  templateUrl: './layer-selector.component.html',\n  styleUrls: ['./layer-selector.component.scss'],\n  imports: [ MatFormFieldModule, CommonModule, MatIconModule, FormsModule, DragDropModule, \n    MatExpansionModule, MatInputModule ]\n})\nexport class LayerSelectorComponent implements OnChanges {\n  @ViewChild('layerSelectorIcon', { static: false }) set contentIcon(content: ElementRef) {\n    this._layerSelectorIcon = content;\n  }\n  @ViewChild('layerSelectorBody', { static: false }) set contentBody(content: ElementRef) {\n    this._layerSelectorBody = content;\n  }\n  @Input() map!: Map;\n  @Input() profile!: Profile;\n  searchText = '';\n  allLayerGroups: LayerSelectorGroup[] = [];\n  filteredLayerGroups: LayerSelectorGroup[] = [];\n  showSelector: boolean = false;\n  private _layerSelectorIcon!: ElementRef;\n  private _layerSelectorIconControl!: ol_control_Control;\n  private _layerSelectorBody!: ElementRef;\n  private _layerSelectorBodyControl!: ol_control_Control;\n  private readonly _mapFilteredLayerGroupsKeyName: string = 'mapFilteredLayerGroups';\n  private readonly _layerIdsToDisplayInMapKeyName: string = 'layerIdsToDisplayInMap';\n  private readonly _layerHelper: LayerHelperService = inject(LayerHelperService);\n\n  ngOnChanges(): void {\n    if (this.profile) {\n       this.allLayerGroups = this.profile.layerGroups\n        .map((lg, idx) => ({... lg, layers: lg.layers\n          .filter((l: { activeInSelector: boolean; }) => l.activeInSelector), \n          sortOrder: idx}))\n        .filter(g => g.layers.length > 0);  \n      const cachedFilteredLayergroups = localStorage.getItem(this._mapFilteredLayerGroupsKeyName);\n\n      if (cachedFilteredLayergroups) {\n        const parsedFilteredLayerGroups = JSON.parse(cachedFilteredLayergroups);\n        if (parsedFilteredLayerGroups.length != this.allLayerGroups.length) {\n          //If layer groups changed in the backend, then use those\n          this.filteredLayerGroups = this.setfilteredGroups(); \n        } else {\n          this.filteredLayerGroups = parsedFilteredLayerGroups;\n          this._setVisibleLayersFromCache(parsedFilteredLayerGroups);\n        }\n      } else {\n        this.filteredLayerGroups = this.setfilteredGroups(); \n      }\n      localStorage.setItem(this._layerIdsToDisplayInMapKeyName, this.filteredLayerGroups\n        .flatMap(lg => lg.layers)\n        .filter(lg => lg.visible)\n        .map(lg => lg.id).join(','));\n      this._initializeMapIconControl();\n    }\n  }\n\n  toggleLayer(layer: ILayer): void {\n    this._layerHelper.toggleLayer(this.map, layer, this.filteredLayerGroups);\n  }\n\n  toggleLayerSelector(): void {\n    this.showSelector = !this.showSelector;\n    if (this.showSelector) {\n      this._addMapBodyControl();\n    } else {\n      this._removeMapBodyControl();\n    }\n  }\n\n  setfilteredGroups(): LayerSelectorGroup[] {\n    const text = this.searchText.toLowerCase();\n    return this.allLayerGroups\n      .map((g, idx) => {\n        if (!text) {\n          return { ...g, expanded: false, sortOrder: idx }; // collapsed by default\n        }\n        const filteredItems = g.layers.filter(l => l.name.toLowerCase().includes(text));\n        return {\n          ...g,\n          expanded: filteredItems.length > 0,\n          sortOrder: idx,\n          layers: filteredItems\n        };\n      })\n      .filter(g => g.layers.length > 0)\n      .sort((a, b) => a.sortOrder - b.sortOrder);\n  }\n\n  dropGroup(event: CdkDragDrop<LayerSelectorGroup[]>) {\n    moveItemInArray(this.filteredLayerGroups, event.previousIndex, event.currentIndex);\n    this.updateGroupSortOrders();\n    localStorage.setItem(this._mapFilteredLayerGroupsKeyName, JSON.stringify(this.filteredLayerGroups));\n  }\n\n  dropLayer(event: CdkDragDrop<ILayer[]>, group: LayerSelectorGroup) {\n    if (event.previousContainer === event.container) {\n      moveItemInArray(group.layers, event.previousIndex, event.currentIndex);\n    } else {\n      transferArrayItem(\n        event.previousContainer.data,\n        event.container.data,\n        event.previousIndex,\n        event.currentIndex\n      );\n    }\n    this.updateLayerSortOrders(group);\n    localStorage.setItem(this._mapFilteredLayerGroupsKeyName, JSON.stringify(this.filteredLayerGroups));\n  }\n\n  clearSearchText(): void {\n    this.searchText = '';\n    this.filteredLayerGroups = this.setfilteredGroups();\n  }\n\n  updateGroupSortOrders() {\n    this.filteredLayerGroups.forEach((g, idx) => (g.sortOrder = idx));\n  }\n\n  updateLayerSortOrders(group: LayerSelectorGroup) {\n    group.layers.forEach((layer, idx) => (layer.sortOrder = idx));\n  }\n\n  private _initializeMapIconControl(): void {\n    this.map.removeControl(this._layerSelectorIconControl);\n    const element = this._layerSelectorIcon.nativeElement;\n    this._layerSelectorIconControl = new ol_control_Control({ element: element });\n    this.map.addControl(this._layerSelectorIconControl);\n  }\n\n  private _addMapBodyControl(): void {\n    this.map.removeControl(this._layerSelectorBodyControl);\n    const element = this._layerSelectorBody.nativeElement;\n    this._layerSelectorBodyControl = new ol_control_Control({ element: element });\n    this.map.addControl(this._layerSelectorBodyControl);\n  }\n\n  private _removeMapBodyControl(): void {\n    this.map.removeControl(this._layerSelectorBodyControl);\n  }\n\n  private _setVisibleLayersFromCache(cachedFilteredLayergroups: LayerSelectorGroup[]): void {\n    this.allLayerGroups.forEach(group  => group.layers.forEach(layer => {\n      const cachedLayer = cachedFilteredLayergroups.find(gr => gr.id === group.id)?.layers?.find(l => l.id === layer.id);\n      layer.visible = cachedLayer?.visible ?? layer.visible;\n    }))\n  }\n\n}\n","<div #layerSelectorIcon class=\"ol-unselectable ol-control layer-selector-icon\">\n  <mat-icon  (click)=\"toggleLayerSelector()\">layers</mat-icon>\n</div>\n<div #layerSelectorBody  [class.display-none]=\"!showSelector\" class=\"ol-unselectable ol-control layer-selector-body\">\n  <div class=\"search-section\">\n    <mat-form-field appearance=\"outline\" class=\"w-full\">\n      <mat-label>Filtrer</mat-label>\n      <input \n        matInput \n        type=\"text\" \n        [(ngModel)]=\"searchText\" \n        (ngModelChange)=\"filteredLayerGroups=setfilteredGroups()\"\n        placeholder=\"Skriv for at filtrere...\"\n      />\n    </mat-form-field>\n    <mat-icon (click)=\"clearSearchText()\">undo</mat-icon>\n  </div>\n  \n  <div\n    cdkDropList\n    [cdkDropListData]=\"filteredLayerGroups\"\n    (cdkDropListDropped)=\"dropGroup($event)\"\n    class=\"item-list\">\n  @for (group of filteredLayerGroups; track group.id; let gIndex = $index) {\n    <div class=\"group\" cdkDrag cdkDragPreviewDisabled>\n      <mat-expansion-panel [(expanded)]=\"group.expanded\">\n        <mat-expansion-panel-header>\n          <mat-panel-title>\n              @if (group.expanded) {\n                <mat-icon>arrow_upward</mat-icon>\n              }\n              @if (!group.expanded) {\n                <mat-icon>arrow_downward</mat-icon>  \n              }\n            {{ group.name }}\n          </mat-panel-title>\n        </mat-expansion-panel-header>\n          <!-- This is only shown during drag -->\n    <!-- <div *cdkDragPreview class=\"drag-preview\">\n      {{ group.name }}\n    </div> -->\n\n    <!-- Placeholder to avoid jump -->\n    <!-- <div *cdkDragPlaceholder class=\"drag-placeholder\"></div> -->\n\n        <div\n          cdkDropList\n          [cdkDropListData]=\"group.layers\"\n          (cdkDropListDropped)=\"dropLayer($event, group)\"\n          class=\"item-list\">\n          @for (layer of group.layers; track layer.id; let iIndex = $index) {\n            <div class=\"item\" cdkDrag cdkDragPreviewDisabled>\n              <mat-icon class=\"drag-indicator\">drag_indicator</mat-icon>\n                <span>{{ layer.name }}</span>\n                @if (layer.visible) {\n                  <mat-icon (click)=\"toggleLayer(layer)\" class=\"power-on\">power</mat-icon>(tænd)\n                }\n                @if (!layer.visible) {\n                  <mat-icon (click)=\"toggleLayer(layer)\" class=\"power-off\">power</mat-icon>(sluk)\n                }\n              </div>\n            }\n          </div>\n        </mat-expansion-panel>\n      </div>\n    }\n  </div>\n</div>\n","import { HttpClient, HttpHeaders, HttpParams } from '@angular/common/http';\nimport { inject, Injectable } from '@angular/core';\nimport { GisKomponentSettings } from '../models/GisKomponentSettings';\nimport { GeoServer } from '../models/geoserver';\nimport { Observable } from 'rxjs';\nimport WKT from 'ol/format/WKT'\n// @ts-ignore\nimport * as SLDReader from '@nieuwlandgeo/sldreader';\n\nimport Map from 'ol/Map';\nimport ol_layer_Vector from 'ol/layer/Vector';\nimport VectorSource from 'ol/source/Vector';\nimport { extend } from 'ol/extent';\n\n@Injectable({\n    providedIn: 'root'\n})\nexport class KomponentSettingsHelperService {\n\n    private readonly _httpClient = inject(HttpClient);\n\n    loadThem(settings: GisKomponentSettings, workpace: string, geoserver: GeoServer, map: Map): void {\n        this.getStyleLoader(settings.style, workpace, geoserver).subscribe({\n            next: loadedStyle => {\n                const parser = new WKT();\n\n                const features = settings.geometries.map(g => parser.readFeature(g.geometry, { featureProjection: 'EPSG:25832', dataProjection: 'EPSG:25832'}));\n                console.log(\"🚀 ~ KomponentSettingsHelperService ~ loadThem ~ SLDReader:\", SLDReader)\n                debugger;\n                const sldObject = SLDReader.Reader(loadedStyle);\n                const sldLayer = SLDReader.getLayer(sldObject);\n                const sldStyles = SLDReader.getStyle(sldLayer);\n                const sldFeatureStyle = sldStyles.featuretypestyles[0];\n                const olStyle = SLDReader.createOlStyle(sldFeatureStyle.rules[0], 'Polygon');\n                const layer = new ol_layer_Vector({\n                    source: new VectorSource(),\n                    style: olStyle\n                });\n                layer.getSource()?.addFeatures(features.filter(f => !!f));\n                map.addLayer(layer);\n                const extent = features.filter(f => !!f).reduce((e, f) => extend(e, f.getGeometry()!.getExtent()!), features[0]?.getGeometry()!.getExtent()!);\n                map.getView().fit(extent);\n                console.log(\"🚀 ~ KomponentSettingsHelperService ~ loadThem ~ style:\", sldObject)\n            }\n        });\n    }\n\n    private getStyleLoader(styleName: string, workspace: string, geoserver: GeoServer): Observable<string> {\n        const headerstring = `${geoserver.userName}:${geoserver.password}`;\n        const encoded = btoa(headerstring);        \n        const headers = new HttpHeaders().set('Authorization', `Basic ${encoded}`);\n        const url = `${geoserver.url}/rest/workspaces/${workspace}/styles/${styleName}.sld`;\n        return this._httpClient.get(url, { headers, responseType: 'text' });\n    }\n}","import { CommonModule } from '@angular/common';\nimport { Component, inject, Input, input, OnInit } from '@angular/core';\nimport { MatIconModule } from '@angular/material/icon';\nimport Map from 'ol/Map';\nimport View from 'ol/View';\nimport TileLayer from 'ol/layer/Tile';\nimport ol_layer_Vector from 'ol/layer/Vector';\nimport VectorSource from 'ol/source/Vector';\nimport ImageWMS from 'ol/source/ImageWMS';\nimport WMTSCapabilities from 'ol/format/WMTSCapabilities';\nimport Draw from 'ol/interaction/Draw';\nimport Translate from 'ol/interaction/Translate';\nimport ImageLayer from 'ol/layer/Image';\nimport { ProfileService } from '../../services/profile.service';\nimport LayerGroup from 'ol/layer/Group';\nimport { ILayer } from \"../../models/ILayer\";\n import { MatSelectModule } from '@angular/material/select';\nimport { MatListModule } from '@angular/material/list';\nimport { HttpClient } from '@angular/common/http';\nimport ol_control_mouse from 'ol/control/MousePosition';\nimport ol_control_scale from 'ol/control/ScaleLine';\nimport BaseLayer from 'ol/layer/Base';\nimport { register } from 'ol/proj/proj4';\nimport proj4 from 'proj4';\nimport { LogoControl } from '../../controls/LogoControl/logoControl';\nimport { CopyrightControl } from '../../controls/CopyrightControl/copyRightControl';\nimport {  TileWMS } from 'ol/source';\nimport { combineLatest, map, Observable, of } from 'rxjs';\nimport WMTS, { optionsFromCapabilities } from 'ol/source/WMTS';\nimport { LayerHelperService } from '../../services/layerHelper.service';\nimport { IProfile, IProfileDetailed } from '../../models/IProfile';\nimport { Profile } from '../../models/profile';\nimport { LayerSelectorComponent } from \"../layer-selector/layer-selector.component\";\nimport { GisKomponentSettings } from '../../models/GisKomponentSettings';\nimport { KomponentSettingsHelperService } from '../../services/komponentSettingsHelper.service';\nimport 'ol/ol.css';\n\n@Component({\n  selector: 'gis-komponent',\n  templateUrl: './gis-komponent.component.html',\n  styleUrls: ['./gis-komponent.component.scss'],\n   imports: [CommonModule, MatIconModule, MatListModule, MatSelectModule, LayerSelectorComponent],\n  providers: [LayerHelperService]\n})\nexport class GisKomponentComponent implements OnInit {\n\n  private readonly _profileService = inject(ProfileService);\n  private readonly _http = inject(HttpClient);\n  private readonly _layerHelper = inject(LayerHelperService);\n  @Input() identifier!: string;\n  @Input() settings: GisKomponentSettings | undefined;\n  map!: Map;\n  toolbarCollapsed = false;\n  layerPanelCollapsed = false;\n  activeObjectsCollapsed = false;\n  conflictsCollapsed = false;\n  showConflicts = false;\n  showObjects = false;\n  profiles: IProfile[] = [];\n  selectedProfile!: IProfileDetailed;\n  private readonly _komponentSettingsHelper = inject(KomponentSettingsHelperService);\n\n  layers: { name: string, visible: boolean, activeInSelector: boolean, legendUrl: string }[] = [];\n\n  // activeObjects = [\n  //   { name: 'Objekt A', size: '22 m2' },\n  //   { name: 'Objekt B', size: '108,4 m2' }\n  // ];\n\n  private source = new VectorSource({ wrapX: false});\n  private layer = new ol_layer_Vector({ source: this.source});\n  private draw = new Draw({ source: this.source, type: 'Polygon'});\n  private move = new Translate({ layers: [this.layer] });\n  private mousePositionCtrl = new ol_control_mouse({ projection: 'EPSG:25832' }); \n  private scaleCtrl = new ol_control_scale({\n    units: 'metric',\n    bar: true,\n    steps: 4,\n    text: true,\n    minWidth: 120\n  });\n  \n  profileSelected(profileIdentifier: string): void {\n      this._profileService.getByIdentifier(profileIdentifier).subscribe({\n        next: profile => {     \n          this.selectedProfile = profile;   \n          const view: View = new View({\n            center: [profile.centerX, profile.centerY],\n            extent: [profile.minX, profile.minX, profile.maxX, profile.maxY],\n            zoom: profile.zoom ?? 8,\n            maxZoom: profile.maxZoom ?? undefined,\n            minZoom: profile.minZoom ?? undefined,\n            projection: 'EPSG:25832'\n          });\n\n\n          this._getCapabilitiesObject(profile).subscribe({\n            next: capabilityObject => {      \n              const layers: BaseLayer[] = [...profile.layerGroups.map((lg: { layers: any[]; id: number; }) =>           \n                new LayerGroup({\n                  layers: lg.layers\n                  .filter(layer => layer.activeInSelector)\n                  .map(l => this._mapLayer(l, capabilityObject, 'EPSG:25832', lg.id)) // for now, we default to EPSG:25832. \n                })\n              )\n            ];\n            this.map.setLayers(layers);\n            if (this.settings && profile.styleRepositoryWorkspace && profile.styleRepositoryGeoserver) {\n              this._komponentSettingsHelper.loadThem(this.settings, profile.styleRepositoryWorkspace, profile.styleRepositoryGeoserver, this.map);\n            }\n              this._layerHelper.applyCachedLayersToDisplayInMap(this.map);\n            }\n          });\n          \n          this._handleShowMouseCoordinates(profile.showCoordinates);\n          this._handleShowScale(profile.showScale);\n          this._setLogo(profile.logoUrl);\n          this._setCopyRight(profile.copyrightMessage);\n          this.map.setView(view);\n      }});          \n  }\n\n  private _getCapabilitiesObject(profile: Profile): Observable<Record<string, any>> {\n        // Find all WMTS-layers and get their base url's for retrieving the capabilities. Make sure every url is only called once by removing duplicates\n        const getCapabilitiesUrls = [... new Set(profile.layerGroups.flatMap(lg => lg.layers).filter(lg => lg.layerType === 'WMTS').map(lg => lg.baseUrl))];\n        const parser = new WMTSCapabilities();\n        const capabilities$ = getCapabilitiesUrls.map(url => this._http.get(`${url}/gwc/service/wmts?request=GetCapabilities`, {responseType: 'text'}).pipe(map(result => \n          ({\n            url,\n            sourceObject: parser.read(result)\n          }))));\n        // To make it easier to find the appropriate object, I convert the array to an object of a key/value type.\n        return capabilities$.length == 0 ? of({} as Record<string, any>) :\n          combineLatest(capabilities$).pipe(map(allCapabilities => \n            allCapabilities.reduce((obj, item) => {\n              obj[item.url] = item.sourceObject;\n              return obj;\n            }, {} as Record<string, any>)\n          ));\n  }\n\n  private _mapLayer(layer: ILayer, wmtsOptions: Record<string, any>, projection: string, layerGroupDbId: number): BaseLayer {\n    const params: { [x: string]: any } = {\n      layers: layer.layers,\n    }\n    if (layer.token) {\n      params[layer.authKeyName] = layer.token;\n    }\n    layer.wmsParameters.forEach(param => {\n      params[param.key] = param.value\n    });\n\n    let result: BaseLayer;\n    switch (layer.layerType) {\n      case 'WMS':\n        result = new ImageLayer({                   \n        source: new ImageWMS({                  \n          url: layer.baseUrl,\n          params\n          }),        \n        });        \n        break;\n      case 'TILEWMS':\n        result = new TileLayer({\n          source: new TileWMS({\n            url: layer.baseUrl,\n            params,            \n          })\n        });\n        break;\n      case 'WMTS':\n        // Create WMST options from the capabilities loaded from the getCapabilities called.\n        const options = optionsFromCapabilities(wmtsOptions[layer.baseUrl], {\n          layer: layer.layers,\n          matrixSet: layer.projection || projection\n        });\n        result = new TileLayer({\n          source: new WMTS(options!)\n        });\n        break;\n    }\n    \n    if (layer.minZoom) {\n      result.setMinZoom(layer.minZoom);      \n    }\n    if (layer.maxZoom) {\n      result.setMaxZoom(layer.maxZoom);\n    }    \n    if (layer.maxX && layer.minX && layer.maxY && layer.minY) {\n      result.setExtent([layer.minX, layer.minX, layer.maxX, layer.maxY]);\n    }\n    this._layerHelper.setDbId(result, layer.id);\n    this._layerHelper.setLayerGroupDbId(result, layerGroupDbId);\n    return result;\n  }\n\n  private _setLogo(url: string): void {\n    const logoCtrl = new LogoControl(url);\n    this.map.addControl(logoCtrl);\n  }\n\n  private _setCopyRight(message: string): void {\n    const copyrightCtrl = new CopyrightControl(message);\n    this.map.addControl(copyrightCtrl);\n  }\n\n  private _handleShowMouseCoordinates(showCoords: boolean): void {\n    if (showCoords) {\n      this.map.addControl(this.mousePositionCtrl);\n    } else {\n      this.map.removeControl(this.mousePositionCtrl);\n    }\n  }\n\n  private _handleShowScale(showScale: boolean): void {\n    if (showScale) {\n      this.map.addControl(this.scaleCtrl);\n    } else {\n      this.map.removeControl(this.scaleCtrl);\n    }\n  }\n\n  ngOnInit(): void {\n    this.profileSelected(this.identifier);\n    proj4.defs(\"EPSG:25832\", \"+proj=utm +zone=32 +ellps=GRS80 +units=m +no_defs +type=crs\");\n    register(proj4);\n    // const projection = getProjection(\"EPSG:25832\");\n    this.map = new Map({\n      target: 'map',\n    });\n    this.draw.setActive(false);\n    this.move.setActive(false);\n    this.map.addInteraction(this.draw);\n    this.map.addInteraction(this.move);\n  }\n\n  toggleDraw(): void {\n    this.move.setActive(false);\n    this.draw.setActive(!this.draw.getActive());\n  }\n\n  toggleShowConflicts(): void {\n    this.showConflicts = !this.showConflicts;\n  }\n\n  toggleShowObjects(): void {\n    this.showObjects = !this.showObjects;\n  }\n\n  toggleMove(): void {\n    this.draw.setActive(false);\n    this.move.setActive(true);\n  }\n  toggleToolbar(): void {\n    this.toolbarCollapsed = !this.toolbarCollapsed;\n  }\n\n  toggleLayerPanel(): void {\n    this.layerPanelCollapsed = !this.layerPanelCollapsed;\n  }\n\n  toggleActiveObjectsCollapsed(): void {    \n    this.activeObjectsCollapsed = !this.activeObjectsCollapsed;\n  }\n}\n","    <lib-layer-selector [map]=\"map\" [profile]=\"selectedProfile\"></lib-layer-selector>\n\n<div class=\"map-container\">\n\n  <!-- Objektvisning -->\n   <!-- @if (showObjects) {\n     <div class=\"object-panel\" [class.collapsed]=\"activeObjectsCollapsed\">\n       <div class=\"header\" (click)=\"toggleActiveObjectsCollapsed()\">\n         <span>Aktive objekter ({{activeObjects.length}})</span>\n         <mat-icon>{{ activeObjectsCollapsed ? 'expand_more' : 'expand_less' }}</mat-icon>\n        </div>\n        @if (!activeObjectsCollapsed){\n          <ul>\n            <li *ngFor=\"let obj of activeObjects\">{{ obj.name }} ({{obj.size}})</li>\n          </ul>\n        }\n      </div>\n  } -->\n\n  <!-- Konflikter -->\n    @if (showConflicts) {\n\n     <div class=\"conflict-panel\" [class.collapsed]=\"conflictsCollapsed\">\n       <div class=\"header\">\n         <span>Konflikter (3)</span>\n          <mat-icon>{{ activeObjectsCollapsed ? 'expand_more' : 'expand_less' }}</mat-icon> -->\n        </div>\n        <mat-list>\n          <mat-list-item>\n            <span matListItemTitle>Lag #1</span>\n            <span matListItemLine><mat-icon>highlight</mat-icon> Objekt #1</span>\n          </mat-list-item>\n          <mat-list-item>\n            <span matListItemTitle>Lag #2 (svarer ikke)</span>\n          </mat-list-item>\n          <mat-list-item>\n            <span matListItemTitle>Lag #3</span>\n            <span matListItemLine><mat-icon>highlight</mat-icon> Objekt #1</span>\n            <span matListItemLine><mat-icon>highlight</mat-icon> Objekt #2</span>\n          </mat-list-item>\n        </mat-list>\n      </div>\n      \n    } \n\n  <!-- Kort -->\n  <div id=\"map\" class=\"map\"></div>\n</div>\n","import { Provider } from '@angular/core';\nimport { GISKOMPONENT_CONFIG, GISKomponentConfig } from './config';\n\nexport function provideLibrary(config: GISKomponentConfig): Provider[] {\n    return [ \n        { provide: GISKOMPONENT_CONFIG, useValue: config }\n    ];\n}","/*\n * Public API Surface of gis-komponent\n */\n\nexport * from './lib/components/gis-komponent/gis-komponent.component';\nexport * from './lib/config/library-provider';\nexport * from './lib/services/profile.service';\nexport * from './lib/services/layerHelper.service';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["LayerGroup","i1","i2"],"mappings":"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"}

package/lib/components/gis-komponent/gis-komponent.component.d.ts

@@ -0,0 +1,52 @@
+import { OnInit } from '@angular/core';
+import Map from 'ol/Map';
+import { IProfile, IProfileDetailed } from '../../models/IProfile';
+import { GisKomponentSettings } from '../../models/GisKomponentSettings';
+import 'ol/ol.css';
+import * as i0 from "@angular/core";
+export declare class GisKomponentComponent implements OnInit {
+    private readonly _profileService;
+    private readonly _http;
+    private readonly _layerHelper;
+    identifier: string;
+    settings: GisKomponentSettings | undefined;
+    map: Map;
+    toolbarCollapsed: boolean;
+    layerPanelCollapsed: boolean;
+    activeObjectsCollapsed: boolean;
+    conflictsCollapsed: boolean;
+    showConflicts: boolean;
+    showObjects: boolean;
+    profiles: IProfile[];
+    selectedProfile: IProfileDetailed;
+    private readonly _komponentSettingsHelper;
+    layers: {
+        name: string;
+        visible: boolean;
+        activeInSelector: boolean;
+        legendUrl: string;
+    }[];
+    private source;
+    private layer;
+    private draw;
+    private move;
+    private mousePositionCtrl;
+    private scaleCtrl;
+    profileSelected(profileIdentifier: string): void;
+    private _getCapabilitiesObject;
+    private _mapLayer;
+    private _setLogo;
+    private _setCopyRight;
+    private _handleShowMouseCoordinates;
+    private _handleShowScale;
+    ngOnInit(): void;
+    toggleDraw(): void;
+    toggleShowConflicts(): void;
+    toggleShowObjects(): void;
+    toggleMove(): void;
+    toggleToolbar(): void;
+    toggleLayerPanel(): void;
+    toggleActiveObjectsCollapsed(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GisKomponentComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GisKomponentComponent, "gis-komponent", never, { "identifier": { "alias": "identifier"; "required": false; }; "settings": { "alias": "settings"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/components/layer-selector/layer-selector.component.d.ts

@@ -0,0 +1,38 @@
+import { ElementRef, OnChanges } from '@angular/core';
+import { CdkDragDrop } from '@angular/cdk/drag-drop';
+import { LayerSelectorGroup, Profile } from '../../models/profile';
+import Map from 'ol/Map';
+import { ILayer } from '../../models/ILayer';
+import * as i0 from "@angular/core";
+export declare class LayerSelectorComponent implements OnChanges {
+    set contentIcon(content: ElementRef);
+    set contentBody(content: ElementRef);
+    map: Map;
+    profile: Profile;
+    searchText: string;
+    allLayerGroups: LayerSelectorGroup[];
+    filteredLayerGroups: LayerSelectorGroup[];
+    showSelector: boolean;
+    private _layerSelectorIcon;
+    private _layerSelectorIconControl;
+    private _layerSelectorBody;
+    private _layerSelectorBodyControl;
+    private readonly _mapFilteredLayerGroupsKeyName;
+    private readonly _layerIdsToDisplayInMapKeyName;
+    private readonly _layerHelper;
+    ngOnChanges(): void;
+    toggleLayer(layer: ILayer): void;
+    toggleLayerSelector(): void;
+    setfilteredGroups(): LayerSelectorGroup[];
+    dropGroup(event: CdkDragDrop<LayerSelectorGroup[]>): void;
+    dropLayer(event: CdkDragDrop<ILayer[]>, group: LayerSelectorGroup): void;
+    clearSearchText(): void;
+    updateGroupSortOrders(): void;
+    updateLayerSortOrders(group: LayerSelectorGroup): void;
+    private _initializeMapIconControl;
+    private _addMapBodyControl;
+    private _removeMapBodyControl;
+    private _setVisibleLayersFromCache;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LayerSelectorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LayerSelectorComponent, "lib-layer-selector", never, { "map": { "alias": "map"; "required": false; }; "profile": { "alias": "profile"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/config/config.d.ts

@@ -0,0 +1,5 @@
+import { InjectionToken } from '@angular/core';
+export interface GISKomponentConfig {
+    apiBaseUrl: string;
+}
+export declare const GISKOMPONENT_CONFIG: InjectionToken<GISKomponentConfig>;

package/lib/config/library-provider.d.ts

@@ -0,0 +1,3 @@
+import { Provider } from '@angular/core';
+import { GISKomponentConfig } from './config';
+export declare function provideLibrary(config: GISKomponentConfig): Provider[];

package/lib/controls/CopyrightControl/copyRightControl.d.ts

@@ -0,0 +1,4 @@
+import { Control } from 'ol/control';
+export declare class CopyrightControl extends Control {
+    constructor(text: string);
+}

package/lib/controls/LogoControl/logoControl.d.ts

@@ -0,0 +1,4 @@
+import { Control } from 'ol/control';
+export declare class LogoControl extends Control {
+    constructor(url: string);
+}

package/lib/models/GisKomponentSettings.d.ts

@@ -0,0 +1,6 @@
+export interface GisKomponentSettings {
+    style: string;
+    geometries: {
+        geometry: string;
+    }[];
+}

package/lib/models/ILayer.d.ts

@@ -0,0 +1,50 @@
+export interface IKeyValue {
+    key: string;
+    value: string;
+}
+interface ILayerBase {
+    name: string;
+    description: string;
+    layerType: 'WMS' | 'TILEWMS' | 'WMTS';
+    legendFileName: string;
+    baseUrl: string;
+    background: boolean;
+    layers: string;
+    authKeyName: string;
+    token?: string;
+    minX: number;
+    minY: number;
+    maxX: number;
+    maxY: number;
+    minZoom: number;
+    maxZoom: number;
+    wmsParameters: IKeyValue[];
+    sortOrder: number;
+    visible: boolean;
+    activeInSelector: boolean;
+}
+export interface ILayer extends ILayerBase {
+    id: number;
+    projection: string;
+}
+export interface ILayerLayerGroup {
+    visible: boolean;
+    activeInSelector: boolean;
+    sortOrder: number;
+    id: number;
+    name: string;
+    description: string;
+    allowMultiSelect: boolean;
+}
+export interface ILayerDetailed extends ILayer {
+    layerGroups: ILayerLayerGroup[];
+}
+export interface ILayerSave extends ILayerBase {
+    id?: number;
+    projection?: string;
+    layerGroups: {
+        layerGroupId: number;
+        visible: boolean;
+    }[];
+}
+export {};

package/lib/models/ILayerGroup.d.ts

@@ -0,0 +1,28 @@
+import { ILayer } from './ILayer';
+interface ILayerGroupBase {
+    name: string;
+    description: string;
+    allowMultiSelect: boolean;
+}
+export interface ILayerGroup extends ILayerGroupBase {
+    id: number;
+    profileCount?: number;
+}
+export interface ILayerGroupLayer extends ILayer {
+    id: number;
+    sortOrder: number;
+    visible: boolean;
+    activeInSelector: boolean;
+}
+export interface ILayerGroupDetailed extends ILayerGroup {
+    layers: ILayerGroupLayer[];
+}
+export interface ILayerGroupSaveLayer {
+    id: number;
+    visible: boolean;
+    activeInSelector: boolean;
+}
+export interface ILayerGroupSave extends ILayerGroupBase {
+    layers: ILayerGroupSaveLayer[];
+}
+export {};

package/lib/models/IProfile.d.ts

@@ -0,0 +1,38 @@
+import { ILayerGroupDetailed } from "././ILayerGroup";
+import { GeoServer } from "./geoserver";
+export interface IProfileBase {
+    name: string;
+    description: string;
+    identifier: string;
+    allowFeatureOverlap: boolean;
+    allowMapDrawing: boolean;
+    showCoordinates: boolean;
+    maxX: number;
+    maxY: number;
+    minX: number;
+    minY: number;
+    centerX: number;
+    centerY: number;
+    maxZoom: number;
+    minZoom: number;
+    zoom: number;
+    showScale: boolean;
+    logoUrl: string;
+    copyrightMessage: string;
+}
+export interface IProfile extends IProfileBase {
+    id: number;
+    layerGroupCount?: number;
+}
+export interface IProfileLayerGroup extends ILayerGroupDetailed {
+    id: number;
+    sortOrder: number;
+}
+export interface IProfileDetailed extends IProfile {
+    layerGroups: IProfileLayerGroup[];
+    styleRepositoryGeoserver?: GeoServer;
+    styleRepositoryWorkspace?: string;
+}
+export interface IProfileSave extends IProfileBase {
+    layerGroups: number[];
+}

package/lib/models/geoserver.d.ts

@@ -0,0 +1,12 @@
+interface GeoServerBase {
+    name: string;
+    url: string;
+    authKeyName: string;
+    token?: string;
+    userName: string;
+    password: string;
+}
+export interface GeoServer extends GeoServerBase {
+    id: number;
+}
+export {};

package/lib/models/profile.d.ts

@@ -0,0 +1,52 @@
+import { ILayer } from './ILayer';
+import { ILayerGroupDetailed } from './ILayerGroup';
+interface LayerBase {
+    id: string;
+    kind: string;
+    name: string;
+}
+export interface Layer extends LayerBase {
+    kind: 'layer';
+    geoserver: boolean;
+    baseUrl: string;
+    layers: string;
+}
+export interface LayerListItem extends Layer {
+    layerGroupCount: number;
+}
+export interface OSMLayer extends LayerBase {
+    kind: 'osmLayer';
+}
+export interface LayerGroup {
+    id: number;
+    name: string;
+    allowMultiSelect: boolean;
+    layers: ILayer[];
+}
+export interface LayerSelectorGroup extends LayerGroup {
+    sortOrder: number;
+    expanded?: boolean;
+}
+export interface Profile {
+    id: number;
+    name: string;
+    description: string;
+    identifier: string;
+    allowFeatureOverlap: boolean;
+    allowMapDrawing: boolean;
+    showCoordinates: boolean;
+    layerGroups: ILayerGroupDetailed[];
+    maxX: number;
+    maxY: number;
+    minX: number;
+    minY: number;
+    centerX: number;
+    centerY: number;
+    maxZoom: number;
+    minZoom: number;
+    zoom: number;
+    showScale: boolean;
+    logoUrl: string;
+    copyrightMessage: string;
+}
+export {};

package/lib/services/komponentSettingsHelper.service.d.ts

@@ -0,0 +1,11 @@
+import { GisKomponentSettings } from '../models/GisKomponentSettings';
+import { GeoServer } from '../models/geoserver';
+import Map from 'ol/Map';
+import * as i0 from "@angular/core";
+export declare class KomponentSettingsHelperService {
+    private readonly _httpClient;
+    loadThem(settings: GisKomponentSettings, workpace: string, geoserver: GeoServer, map: Map): void;
+    private getStyleLoader;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KomponentSettingsHelperService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<KomponentSettingsHelperService>;
+}

package/lib/services/layerHelper.service.d.ts

@@ -0,0 +1,16 @@
+import BaseLayer from 'ol/layer/Base';
+import Map from 'ol/Map';
+import { LayerSelectorGroup } from '../models/profile';
+import { ILayer } from '../models/ILayer';
+export declare class LayerHelperService {
+    private readonly _layerDbIdKey;
+    private readonly _layerGroupDbIdKey;
+    private readonly _mapFilteredLayerGroupsKeyName;
+    private readonly _layerIdsToDisplayInMapKeyName;
+    setDbId(layer: BaseLayer, id: number): void;
+    getDbId(layer: BaseLayer): number;
+    setLayerGroupDbId(layer: BaseLayer, id: number): void;
+    getLayerGroupDbId(layer: BaseLayer): number;
+    applyCachedLayersToDisplayInMap(map: Map): void;
+    toggleLayer(map: Map, layer: ILayer, filteredLayerGroups: LayerSelectorGroup[]): void;
+}

package/lib/services/profile.service.d.ts

@@ -0,0 +1,8 @@
+import { Observable } from 'rxjs';
+import { IProfileDetailed } from '../models/IProfile';
+export declare class ProfileService {
+    private config;
+    private _baseUrl;
+    private _http;
+    getByIdentifier(identifier: string): Observable<IProfileDetailed>;
+}

package/package.json

@@ -1,9 +1,14 @@
 {
   "name": "@regionerne/gis-komponent",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "peerDependencies": {
     "@angular/common": "^19.2.0",
-    "@angular/core": "^19.2.0"
+    "@angular/core": "^19.2.0",
+    "@angular/material": "^19.2.0",
+    "@nieuwlandgeo/sldreader": "0.7.2",
+    "ol": "^10.5.0",
+    "proj4": "^2.19.10",
+    "rxjs": "~7.8.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"

package/public-api.d.ts

@@ -1 +1,4 @@
-export * from './lib/gis-komponent.component';
+export * from './lib/components/gis-komponent/gis-komponent.component';
+export * from './lib/config/library-provider';
+export * from './lib/services/profile.service';
+export * from './lib/services/layerHelper.service';

package/lib/gis-komponent.component.d.ts

@@ -1,5 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class GisKomponentComponent {
-    static ɵfac: i0.ɵɵFactoryDeclaration<GisKomponentComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GisKomponentComponent, "gis-komponent", never, {}, {}, never, never, true, never>;
-}