@igo2/integration 1.12.0 → 1.13.0-alpha.1

package/{fesm2015/igo2-integration.js → fesm2020/igo2-integration.mjs}

@@ -10,60 +10,60 @@ import * as i1$1 from '@igo2/geo';
 import { IgoMap, IgoCatalogLibraryModule, IgoCatalogBrowserModule, StopsStore, StopsFeatureStore, RoutesFeatureStore, StepFeatureStore, IgoDirectionsModule, FeatureStore, IgoDrawingToolModule, FeatureStoreSelectionStrategy, FeatureMotion, mapExtentStrategyActiveToolTip, noElementSelected, OgcFilterWidget, WfsWorkspace, FeatureWorkspace, EditionWorkspace, IgoImportExportModule, LayerListControlsEnum, sourceCanSearch, VectorLayer, zoneMtm, zoneUtm, formatScale, computeProjectionsConstraints, roundCoordTo, featureFromOl, measureOlGeometryLength, FEATURE, IgoLayerModule, IgoMetadataModule, IgoDownloadModule, IgoFilterModule, IgoMeasurerModule, IgoPrintModule, IgoSearchModule, getCommonVectorStyle, featureToOl, computeOlFeaturesExtent, featuresAreOutOfView, featuresAreTooDeepInView, getCommonVectorSelectedStyle, moveToOlFeatures, IgoFeatureModule, IgoFeatureDetailsModule, SpatialFilterItemType, MeasureLengthUnit, SpatialFilterType, createOverlayMarkerStyle, IgoQueryModule } from '@igo2/geo';
 import * as i2 from '@igo2/core';
 import { StorageScope, StorageServiceEventEnum, IgoLanguageModule } from '@igo2/core';
-import * as i5 from '@angular/common';
+import * as i6 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { take, skipWhile, map, debounceTime, takeUntil, tap, skip } from 'rxjs/operators';
 import * as i2$1 from '@igo2/auth';
-import * as i3 from '@angular/material/button';
+import * as i7 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i10 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
-import * as i4$1 from '@angular/material/tooltip';
+import * as i5 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
-import * as i6 from '@angular/material/icon';
-import { MatIconModule } from '@angular/material/icon';
 import * as i8 from '@ngx-translate/core';
-import * as i5$1 from '@angular/material/tabs';
+import * as i7$1 from '@angular/material/tabs';
 import { MatTabsModule } from '@angular/material/tabs';
 import { MatButtonToggleModule } from '@angular/material/button-toggle';
-import * as i7 from '@angular/material/list';
+import * as i6$1 from '@angular/material/list';
 import { MatListModule } from '@angular/material/list';
-import * as i10 from '@angular/material/slide-toggle';
+import * as i12 from '@angular/material/slide-toggle';
 import { MatSlideToggleModule } from '@angular/material/slide-toggle';
-import * as i6$2 from '@angular/material/menu';
+import * as i8$3 from '@angular/material/menu';
 import { MatMenuModule } from '@angular/material/menu';
 import * as i8$1 from '@angular/material/core';
 import { MatOptionModule } from '@angular/material/core';
-import * as i3$1 from '@angular/forms';
+import * as i5$1 from '@angular/material/divider';
+import { MatDividerModule } from '@angular/material/divider';
+import * as i3 from '@angular/forms';
 import { Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import * as i6$1 from '@angular/material/form-field';
+import * as i6$2 from '@angular/material/form-field';
 import { MatFormFieldModule } from '@angular/material/form-field';
-import * as i7$1 from '@angular/material/select';
+import * as i7$2 from '@angular/material/select';
 import { MatSelectModule } from '@angular/material/select';
-import * as i9 from '@angular/material/divider';
-import { MatDividerModule } from '@angular/material/divider';
 import { Clipboard, uuid, NumberUtils } from '@igo2/utils';
 import * as olProj from 'ol/proj';
-import * as i10$1 from '@angular/material/input';
+import * as i7$3 from '@angular/material/input';
 import { MatInputModule } from '@angular/material/input';
 import { MatCheckboxModule } from '@angular/material/checkbox';
-import * as i7$2 from '@angular/material/radio';
+import * as i9 from '@angular/material/radio';
 import { MatRadioModule } from '@angular/material/radio';
 import olFormatGeoJSON from 'ol/format/GeoJSON';
 import olLayerVector from 'ol/layer/Vector';
 import olLineString from 'ol/geom/LineString';
-import * as i12 from '@angular/material/badge';
+import * as i8$2 from '@angular/material/badge';
 import { MatBadgeModule } from '@angular/material/badge';
 import olFeature from 'ol/Feature';
 import olPoint from 'ol/geom/Point';
 import pointOnFeature from '@turf/point-on-feature';
 import * as olstyle from 'ol/style';
 import { trigger, state, style, transition, animate } from '@angular/animations';
-import * as i3$2 from '@angular/common/http';
+import * as i3$1 from '@angular/common/http';
 
 class IgoAppAnalyticsModule {
 }
 IgoAppAnalyticsModule.ɵfac = function IgoAppAnalyticsModule_Factory(t) { return new (t || IgoAppAnalyticsModule)(); };
 IgoAppAnalyticsModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoAppAnalyticsModule });
-IgoAppAnalyticsModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[]] });
+IgoAppAnalyticsModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({});
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoAppAnalyticsModule, [{
         type: NgModule,
         args: [{
@@ -170,7 +170,7 @@ ContextEditorToolComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type:
         i0.ɵɵelementStart(0, "igo-context-edit", 0);
         i0.ɵɵlistener("submitSuccessed", function ContextEditorToolComponent_Template_igo_context_edit_submitSuccessed_0_listener() { return ctx.submitSuccessed(); });
         i0.ɵɵelementEnd();
-    } }, directives: [i1.ContextEditComponent, i1.ContextEditBindingDirective], encapsulation: 2 });
+    } }, dependencies: [i1.ContextEditComponent, i1.ContextEditBindingDirective], encapsulation: 2 });
 ContextEditorToolComponent = __decorate([
     ToolComponent({
         name: 'contextEditor',
@@ -181,10 +181,7 @@ ContextEditorToolComponent = __decorate([
 ], ContextEditorToolComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ContextEditorToolComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-context-editor-tool',
-                templateUrl: './context-editor-tool.component.html'
-            }]
+        args: [{ selector: 'igo-context-editor-tool', template: "<igo-context-edit\r\n  igoContextEditBinding\r\n  (submitSuccessed)=\"submitSuccessed()\"\r\n></igo-context-edit>\r\n" }]
     }], function () { return [{ type: ToolState }]; }, null); })();
 
 // import { BehaviorSubject } from 'rxjs';
@@ -193,10 +190,11 @@ ContextEditorToolComponent = __decorate([
  */
 class MapState {
     constructor(mapService, projectionService, // Don't remove this or it'll never be injected,
-    storageService) {
+    storageService, configService) {
         this.mapService = mapService;
         this.projectionService = projectionService;
         this.storageService = storageService;
+        this.configService = configService;
         this._map = new IgoMap({
             controls: {
                 scaleLine: true,
@@ -204,7 +202,7 @@ class MapState {
                     collapsed: true
                 }
             }
-        }, this.storageService);
+        }, this.storageService, this.configService);
         this.mapService.setMap(this.map);
     }
     // public mapCenter$ = new BehaviorSubject<boolean>(false);
@@ -219,14 +217,14 @@ class MapState {
      */
     get map() { return this._map; }
 }
-MapState.ɵfac = function MapState_Factory(t) { return new (t || MapState)(i0.ɵɵinject(i1$1.MapService), i0.ɵɵinject(i1$1.ProjectionService), i0.ɵɵinject(i2.StorageService)); };
+MapState.ɵfac = function MapState_Factory(t) { return new (t || MapState)(i0.ɵɵinject(i1$1.MapService), i0.ɵɵinject(i1$1.ProjectionService), i0.ɵɵinject(i2.StorageService), i0.ɵɵinject(i2.ConfigService)); };
 MapState.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: MapState, factory: MapState.ɵfac, providedIn: 'root' });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MapState, [{
         type: Injectable,
         args: [{
                 providedIn: 'root'
             }]
-    }], function () { return [{ type: i1$1.MapService }, { type: i1$1.ProjectionService }, { type: i2.StorageService }]; }, null); })();
+    }], function () { return [{ type: i1$1.MapService }, { type: i1$1.ProjectionService }, { type: i2.StorageService }, { type: i2.ConfigService }]; }, null); })();
 
 let ContextManagerToolComponent = class ContextManagerToolComponent {
     constructor(toolState, mapState) {
@@ -249,7 +247,7 @@ ContextManagerToolComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type:
         i0.ɵɵelementEnd();
     } if (rf & 2) {
         i0.ɵɵproperty("map", ctx.map);
-    } }, directives: [i1.ContextListComponent, i1.ContextListBindingDirective], encapsulation: 2 });
+    } }, dependencies: [i1.ContextListComponent, i1.ContextListBindingDirective], encapsulation: 2 });
 ContextManagerToolComponent = __decorate([
     ToolComponent({
         name: 'contextManager',
@@ -259,10 +257,7 @@ ContextManagerToolComponent = __decorate([
 ], ContextManagerToolComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ContextManagerToolComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-context-manager-tool',
-                templateUrl: './context-manager-tool.component.html'
-            }]
+        args: [{ selector: 'igo-context-manager-tool', template: "<igo-context-list\r\n  igoContextListBinding\r\n  [map]=\"map\"\r\n  (edit)=\"editContext()\"\r\n  (managePermissions)=\"managePermissions()\">\r\n</igo-context-list>\r\n" }]
     }], function () { return [{ type: ToolState }, { type: MapState }]; }, { toolToOpenOnContextChange: [{
             type: Input
         }] }); })();
@@ -272,7 +267,7 @@ let ContextPermissionManagerToolComponent = class ContextPermissionManagerToolCo
 ContextPermissionManagerToolComponent.ɵfac = function ContextPermissionManagerToolComponent_Factory(t) { return new (t || ContextPermissionManagerToolComponent)(); };
 ContextPermissionManagerToolComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ContextPermissionManagerToolComponent, selectors: [["igo-context-permission-manager-tool"]], decls: 1, vars: 0, consts: [["igoContextPermissionsBinding", ""]], template: function ContextPermissionManagerToolComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelement(0, "igo-context-permissions", 0);
-    } }, directives: [i1.ContextPermissionsComponent, i1.ContextPermissionsBindingDirective], encapsulation: 2 });
+    } }, dependencies: [i1.ContextPermissionsComponent, i1.ContextPermissionsBindingDirective], encapsulation: 2 });
 ContextPermissionManagerToolComponent = __decorate([
     ToolComponent({
         name: 'contextPermissionManager',
@@ -283,10 +278,7 @@ ContextPermissionManagerToolComponent = __decorate([
 ], ContextPermissionManagerToolComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ContextPermissionManagerToolComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-context-permission-manager-tool',
-                templateUrl: './context-permission-manager-tool.component.html'
-            }]
+        args: [{ selector: 'igo-context-permission-manager-tool', template: "<igo-context-permissions igoContextPermissionsBinding></igo-context-permissions>\r\n" }]
     }], null, null); })();
 
 /**
@@ -341,7 +333,7 @@ ContextShareToolComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: C
         i0.ɵɵelement(0, "igo-share-map", 0);
     } if (rf & 2) {
         i0.ɵɵproperty("map", ctx.map);
-    } }, directives: [i1.ShareMapComponent], encapsulation: 2 });
+    } }, dependencies: [i1.ShareMapComponent], encapsulation: 2 });
 ContextShareToolComponent = __decorate([
     ToolComponent({
         name: 'shareMap',
@@ -351,17 +343,14 @@ ContextShareToolComponent = __decorate([
 ], ContextShareToolComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ContextShareToolComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-context-share-tool',
-                templateUrl: './context-share-tool.component.html'
-            }]
+        args: [{ selector: 'igo-context-share-tool', template: "<igo-share-map\r\n  [map]=\"map\"></igo-share-map>\r\n" }]
     }], function () { return [{ type: MapState }, { type: LayerListToolState }]; }, null); })();
 
 class IgoAppContextModule {
 }
 IgoAppContextModule.ɵfac = function IgoAppContextModule_Factory(t) { return new (t || IgoAppContextModule)(); };
 IgoAppContextModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoAppContextModule });
-IgoAppContextModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[IgoContextModule]] });
+IgoAppContextModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [IgoContextModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoAppContextModule, [{
         type: NgModule,
         args: [{
@@ -501,7 +490,7 @@ CatalogLibraryToolComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type:
         i0.ɵɵelementEnd();
     } if (rf & 2) {
         i0.ɵɵproperty("predefinedCatalogs", ctx.predefinedCatalogs)("addCatalogAllowed", ctx.addCatalogAllowed)("store", ctx.store);
-    } }, directives: [i1$1.CatalogLibaryComponent], encapsulation: 2, changeDetection: 0 });
+    } }, dependencies: [i1$1.CatalogLibaryComponent], encapsulation: 2, changeDetection: 0 });
 CatalogLibraryToolComponent = __decorate([
     ToolComponent({
         name: 'catalog',
@@ -511,11 +500,7 @@ CatalogLibraryToolComponent = __decorate([
 ], CatalogLibraryToolComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CatalogLibraryToolComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-catalog-library-tool',
-                templateUrl: './catalog-library-tool.component.html',
-                changeDetection: ChangeDetectionStrategy.OnPush
-            }]
+        args: [{ selector: 'igo-catalog-library-tool', changeDetection: ChangeDetectionStrategy.OnPush, template: "<igo-catalog-library\r\n  [predefinedCatalogs]=\"predefinedCatalogs\"\r\n  [addCatalogAllowed]=\"addCatalogAllowed\"\r\n  [store]=\"store\"\r\n  (catalogSelectChange)=\"onCatalogSelectChange($event)\">\r\n</igo-catalog-library>\r\n" }]
     }], function () { return [{ type: i1$1.CatalogService }, { type: CatalogState }, { type: ToolState }, { type: i2.StorageService }]; }, { addCatalogAllowed: [{
             type: Input
         }], predefinedCatalogs: [{
@@ -529,10 +514,8 @@ class IgoAppCatalogLibraryToolModule {
 }
 IgoAppCatalogLibraryToolModule.ɵfac = function IgoAppCatalogLibraryToolModule_Factory(t) { return new (t || IgoAppCatalogLibraryToolModule)(); };
 IgoAppCatalogLibraryToolModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoAppCatalogLibraryToolModule });
-IgoAppCatalogLibraryToolModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
-            CommonModule,
-            IgoCatalogLibraryModule
-        ]] });
+IgoAppCatalogLibraryToolModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
+        IgoCatalogLibraryModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoAppCatalogLibraryToolModule, [{
         type: NgModule,
         args: [{
@@ -633,7 +616,7 @@ CatalogBrowserToolComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type:
         i0.ɵɵpipe(1, "async");
     } if (rf & 2) {
         i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(1, 1, ctx.store$));
-    } }, directives: [i5.NgIf, i1$1.CatalogBrowserComponent], pipes: [i5.AsyncPipe], encapsulation: 2, changeDetection: 0 });
+    } }, dependencies: [i6.NgIf, i1$1.CatalogBrowserComponent, i6.AsyncPipe], encapsulation: 2, changeDetection: 0 });
 CatalogBrowserToolComponent = __decorate([
     ToolComponent({
         name: 'catalogBrowser',
@@ -644,11 +627,7 @@ CatalogBrowserToolComponent = __decorate([
 ], CatalogBrowserToolComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CatalogBrowserToolComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-catalog-browser-tool',
-                templateUrl: './catalog-browser-tool.component.html',
-                changeDetection: ChangeDetectionStrategy.OnPush
-            }]
+        args: [{ selector: 'igo-catalog-browser-tool', changeDetection: ChangeDetectionStrategy.OnPush, template: "<igo-catalog-browser\r\n  *ngIf=\"store$ | async as store\"\r\n  [catalog]=\"catalog\"\r\n  [store]=\"store\"\r\n  [map]=\"map\"\r\n  [toggleCollapsedGroup]=\"toggleCollapsedGroup\">\r\n</igo-catalog-browser>\r\n" }]
     }], function () { return [{ type: i1$1.CatalogService }, { type: CatalogState }, { type: MapState }, { type: i2$1.AuthService }]; }, { toggleCollapsedGroup: [{
             type: Input
         }] }); })();
@@ -660,10 +639,8 @@ class IgoAppCatalogBrowserToolModule {
 }
 IgoAppCatalogBrowserToolModule.ɵfac = function IgoAppCatalogBrowserToolModule_Factory(t) { return new (t || IgoAppCatalogBrowserToolModule)(); };
 IgoAppCatalogBrowserToolModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoAppCatalogBrowserToolModule });
-IgoAppCatalogBrowserToolModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
-            CommonModule,
-            IgoCatalogBrowserModule
-        ]] });
+IgoAppCatalogBrowserToolModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
+        IgoCatalogBrowserModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoAppCatalogBrowserToolModule, [{
         type: NgModule,
         args: [{
@@ -683,7 +660,7 @@ class IgoAppCatalogModule {
 }
 IgoAppCatalogModule.ɵfac = function IgoAppCatalogModule_Factory(t) { return new (t || IgoAppCatalogModule)(); };
 IgoAppCatalogModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoAppCatalogModule });
-IgoAppCatalogModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[], IgoAppCatalogLibraryToolModule,
+IgoAppCatalogModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [IgoAppCatalogLibraryToolModule,
         IgoAppCatalogBrowserToolModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoAppCatalogModule, [{
         type: NgModule,
@@ -728,14 +705,12 @@ class DirectionState {
         this.debounceTime = 200;
         this.mapState.map.ol.once('rendercomplete', () => {
             this.stopsFeatureStore.empty$.subscribe((empty) => {
-                var _a;
-                if ((_a = this.stopsFeatureStore.layer) === null || _a === void 0 ? void 0 : _a.options) {
+                if (this.stopsFeatureStore.layer?.options) {
                     this.stopsFeatureStore.layer.options.showInLayerList = !empty;
                 }
             });
             this.routesFeatureStore.empty$.subscribe((empty) => {
-                var _a;
-                if ((_a = this.routesFeatureStore.layer) === null || _a === void 0 ? void 0 : _a.options) {
+                if (this.routesFeatureStore.layer?.options) {
                     this.routesFeatureStore.layer.options.showInLayerList = !empty;
                 }
             });
@@ -903,7 +878,7 @@ DirectionsToolComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Dir
         i0.ɵɵelement(0, "igo-directions", 0);
     } if (rf & 2) {
         i0.ɵɵproperty("contextUri", ctx.currentContextUri)("debounceTime", ctx.debounceTime)("stopsStore", ctx.stopsStore)("stopsFeatureStore", ctx.stopsFeatureStore)("stepFeatureStore", ctx.stepFeatureStore)("routesFeatureStore", ctx.routesFeatureStore)("zoomToActiveRoute$", ctx.zoomToActiveRoute$);
-    } }, directives: [i1$1.DirectionsComponent], encapsulation: 2 });
+    } }, dependencies: [i1$1.DirectionsComponent], encapsulation: 2 });
 DirectionsToolComponent = __decorate([
     ToolComponent({
         name: 'directions',
@@ -913,10 +888,7 @@ DirectionsToolComponent = __decorate([
 ], DirectionsToolComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DirectionsToolComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-directions-tool',
-                templateUrl: './directions-tool.component.html'
-            }]
+        args: [{ selector: 'igo-directions-tool', template: "<igo-directions\r\n    [contextUri]=\"currentContextUri\"\r\n    [debounceTime]=\"debounceTime\"\r\n    [stopsStore]=\"stopsStore\"\r\n    [stopsFeatureStore]=\"stopsFeatureStore\"\r\n    [stepFeatureStore]=\"stepFeatureStore\"\r\n    [routesFeatureStore]=\"routesFeatureStore\"\r\n    [zoomToActiveRoute$]=\"zoomToActiveRoute$\">  \r\n</igo-directions>" }]
     }], function () { return [{ type: DirectionState }, { type: MapState }, { type: i2.LanguageService }, { type: i2.MessageService }, { type: i2.StorageService }, { type: ContextState }, { type: i2$1.AuthService }]; }, null); })();
 
 class IgoAppDirectionsModule {
@@ -929,7 +901,7 @@ class IgoAppDirectionsModule {
 }
 IgoAppDirectionsModule.ɵfac = function IgoAppDirectionsModule_Factory(t) { return new (t || IgoAppDirectionsModule)(); };
 IgoAppDirectionsModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoAppDirectionsModule });
-IgoAppDirectionsModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[IgoDirectionsModule]] });
+IgoAppDirectionsModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [IgoDirectionsModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoAppDirectionsModule, [{
         type: NgModule,
         args: [{
@@ -993,7 +965,7 @@ DrawingToolComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Drawin
         i0.ɵɵelement(0, "igo-draw", 0);
     } if (rf & 2) {
         i0.ɵɵproperty("store", ctx.store)("map", ctx.map);
-    } }, directives: [i1$1.DrawComponent], encapsulation: 2, changeDetection: 0 });
+    } }, dependencies: [i1$1.DrawComponent], encapsulation: 2, changeDetection: 0 });
 DrawingToolComponent = __decorate([
     ToolComponent({
         name: 'draw',
@@ -1003,18 +975,14 @@ DrawingToolComponent = __decorate([
 ], DrawingToolComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrawingToolComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-drawing-tool',
-                templateUrl: './drawing-tool.component.html',
-                changeDetection: ChangeDetectionStrategy.OnPush
-            }]
+        args: [{ selector: 'igo-drawing-tool', changeDetection: ChangeDetectionStrategy.OnPush, template: "<igo-draw [store]=\"store\" [map]=\"map\"></igo-draw>\r\n" }]
     }], function () { return [{ type: DrawState }, { type: MapState }]; }, null); })();
 
 class IgoAppDrawModule {
 }
 IgoAppDrawModule.ɵfac = function IgoAppDrawModule_Factory(t) { return new (t || IgoAppDrawModule)(); };
 IgoAppDrawModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoAppDrawModule });
-IgoAppDrawModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[IgoDrawingToolModule]] });
+IgoAppDrawModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [IgoDrawingToolModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoAppDrawModule, [{
         type: NgModule,
         args: [{
@@ -1214,10 +1182,9 @@ class WfsActionsService {
         workspace.actionStore.load(actions);
     }
     buildActions(workspace, rowsInMapExtentCheckCondition$, selectOnlyCheckCondition$) {
-        var _a, _b;
         this.zoomAuto$.next(this.zoomAuto);
         this.storageChange$$ = this.storageService.storageChange$
-            .pipe(skipWhile((storageChange) => (storageChange === null || storageChange === void 0 ? void 0 : storageChange.key) !== 'zoomAuto' || (storageChange === null || storageChange === void 0 ? void 0 : storageChange.event) === StorageServiceEventEnum.CLEARED))
+            .pipe(skipWhile((storageChange) => storageChange?.key !== 'zoomAuto' || storageChange?.event === StorageServiceEventEnum.CLEARED))
             .subscribe(() => {
             this.zoomAuto$.next(this.zoomAuto);
             handleZoomAuto(workspace, this.storageService);
@@ -1317,7 +1284,7 @@ class WfsActionsService {
                 }
             }
         ];
-        return ((_b = (_a = workspace.layer.dataSource.ogcFilters$) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.enabled) ?
+        return workspace.layer.dataSource.ogcFilters$?.value?.enabled ?
             actions : actions.filter(action => action.id !== 'ogcFilter');
     }
 }
@@ -1359,10 +1326,9 @@ class EditionActionsService {
         workspace.actionStore.load(actions);
     }
     buildActions(workspace, rowsInMapExtentCheckCondition$, selectOnlyCheckCondition$) {
-        var _a, _b;
         this.zoomAuto$.next(this.zoomAuto);
         this.storageChange$$ = this.storageService.storageChange$
-            .pipe(skipWhile((storageChange) => (storageChange === null || storageChange === void 0 ? void 0 : storageChange.key) !== 'zoomAuto' || (storageChange === null || storageChange === void 0 ? void 0 : storageChange.event) === StorageServiceEventEnum.CLEARED))
+            .pipe(skipWhile((storageChange) => storageChange?.key !== 'zoomAuto' || storageChange?.event === StorageServiceEventEnum.CLEARED))
             .subscribe(() => {
             this.zoomAuto$.next(this.zoomAuto);
             handleZoomAuto(workspace, this.storageService);
@@ -1462,7 +1428,7 @@ class EditionActionsService {
                 }
             }
         ];
-        return ((_b = (_a = workspace.layer.dataSource.ogcFilters$) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.enabled) ?
+        return workspace.layer.dataSource.ogcFilters$?.value?.enabled ?
             actions : actions.filter(action => action.id !== 'ogcFilter');
     }
 }
@@ -1506,18 +1472,16 @@ class WorkspaceState {
      */
     get store() { return this._store; }
     get workspaceSelection() {
-        var _a;
         if (this.workspace$.value) {
-            return (_a = this.workspace$.value) === null || _a === void 0 ? void 0 : _a.entityStore.stateView.manyBy((r) => r.state.selected === true);
+            return this.workspace$.value?.entityStore.stateView.manyBy((r) => r.state.selected === true);
         }
         else {
             return [];
         }
     }
     get workspaceSelection$() {
-        var _a, _b;
         if (this.workspace$.value) {
-            return (_b = (_a = this.workspace$.value) === null || _a === void 0 ? void 0 : _a.entityStore) === null || _b === void 0 ? void 0 : _b.stateView.manyBy$((r) => r.state.selected === true);
+            return this.workspace$.value?.entityStore?.stateView.manyBy$((r) => r.state.selected === true);
         }
         else {
             return of([]);
@@ -1662,7 +1626,7 @@ WorkspaceState.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: Workspace
 function WorkspaceButtonComponent_button_0_Template(rf, ctx) { if (rf & 1) {
     const _r2 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 1);
-    i0.ɵɵlistener("click", function WorkspaceButtonComponent_button_0_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r2); const ctx_r1 = i0.ɵɵnextContext(); return ctx_r1.activateWorkspace(); });
+    i0.ɵɵlistener("click", function WorkspaceButtonComponent_button_0_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r2); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.activateWorkspace()); });
     i0.ɵɵpipe(1, "translate");
     i0.ɵɵelement(2, "mat-icon", 2);
     i0.ɵɵelementEnd();
@@ -1686,7 +1650,7 @@ class WorkspaceButtonComponent {
     }
     ngOnInit() {
         this.hasWorkspace$$ = combineLatest([this.workspaceState.workspaceEnabled$, this.layer$])
-            .subscribe(bunch => { var _a, _b; return this.hasWorkspace$.next(bunch[0] && ((_b = (_a = bunch[1]) === null || _a === void 0 ? void 0 : _a.options.workspace) === null || _b === void 0 ? void 0 : _b.enabled)); });
+            .subscribe(bunch => this.hasWorkspace$.next(bunch[0] && bunch[1]?.options.workspace?.enabled));
     }
     ngOnDestroy() {
         this.hasWorkspace$$.unsubscribe();
@@ -1709,15 +1673,10 @@ WorkspaceButtonComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Wo
         i0.ɵɵpipe(1, "async");
     } if (rf & 2) {
         i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(1, 1, ctx.hasWorkspace$));
-    } }, directives: [i5.NgIf, i3.MatButton, i4$1.MatTooltip, i6.MatIcon], pipes: [i5.AsyncPipe, i8.TranslatePipe], styles: [""], changeDetection: 0 });
+    } }, dependencies: [i6.NgIf, i7.MatIcon, i10.MatButton, i5.MatTooltip, i6.AsyncPipe, i8.TranslatePipe], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WorkspaceButtonComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-workspace-button',
-                templateUrl: './workspace-button.component.html',
-                styleUrls: ['./workspace-button.component.scss'],
-                changeDetection: ChangeDetectionStrategy.OnPush
-            }]
+        args: [{ selector: 'igo-workspace-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\r\n  *ngIf=\"hasWorkspace$ | async\"\r\n  mat-icon-button\r\n  tooltip-position=\"below\"\r\n  matTooltipShowDelay=\"500\"\r\n  [matTooltip]=\"'igo.integration.workspace.toggleWorkspace' | translate\"\r\n  [color]=\"color\"\r\n  (click)=\"activateWorkspace()\"\r\n  >\r\n  <mat-icon svgIcon=\"table\"></mat-icon>\r\n</button>\r\n" }]
     }], function () { return [{ type: WorkspaceState }]; }, { layer: [{
             type: Input
         }], color: [{
@@ -1728,13 +1687,11 @@ class IgoAppWorkspaceModule {
 }
 IgoAppWorkspaceModule.ɵfac = function IgoAppWorkspaceModule_Factory(t) { return new (t || IgoAppWorkspaceModule)(); };
 IgoAppWorkspaceModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoAppWorkspaceModule });
-IgoAppWorkspaceModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
-            CommonModule,
-            MatIconModule,
-            MatButtonModule,
-            MatTooltipModule,
-            IgoLanguageModule
-        ]] });
+IgoAppWorkspaceModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
+        MatIconModule,
+        MatButtonModule,
+        MatTooltipModule,
+        IgoLanguageModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoAppWorkspaceModule, [{
         type: NgModule,
         args: [{
@@ -1757,19 +1714,16 @@ IgoAppWorkspaceModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
 
 function ImportExportToolComponent_mat_tab_group_0_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mat-tab-group");
-    i0.ɵɵelementStart(1, "mat-tab", 3);
+    i0.ɵɵelementStart(0, "mat-tab-group")(1, "mat-tab", 3);
     i0.ɵɵpipe(2, "translate");
     i0.ɵɵelementStart(3, "igo-import-export", 4);
-    i0.ɵɵlistener("selectMode", function ImportExportToolComponent_mat_tab_group_0_Template_igo_import_export_selectMode_3_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(); return ctx_r3.modeChanged($event); })("exportOptionsChange", function ImportExportToolComponent_mat_tab_group_0_Template_igo_import_export_exportOptionsChange_3_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r5 = i0.ɵɵnextContext(); return ctx_r5.exportOptionsChange($event); });
+    i0.ɵɵlistener("selectMode", function ImportExportToolComponent_mat_tab_group_0_Template_igo_import_export_selectMode_3_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.modeChanged($event)); })("exportOptionsChange", function ImportExportToolComponent_mat_tab_group_0_Template_igo_import_export_exportOptionsChange_3_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r5 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r5.exportOptionsChange($event)); });
     i0.ɵɵpipe(4, "async");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(5, "mat-tab", 3);
     i0.ɵɵpipe(6, "translate");
     i0.ɵɵelement(7, "igo-context-import-export", 5);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance(1);
@@ -1784,7 +1738,7 @@ function ImportExportToolComponent_mat_tab_group_0_Template(rf, ctx) { if (rf &
 function ImportExportToolComponent_igo_import_export_1_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "igo-import-export", 6);
-    i0.ɵɵlistener("selectMode", function ImportExportToolComponent_igo_import_export_1_Template_igo_import_export_selectMode_0_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r6 = i0.ɵɵnextContext(); return ctx_r6.modeChanged($event); })("exportOptionsChange", function ImportExportToolComponent_igo_import_export_1_Template_igo_import_export_exportOptionsChange_0_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r8 = i0.ɵɵnextContext(); return ctx_r8.exportOptionsChange($event); });
+    i0.ɵɵlistener("selectMode", function ImportExportToolComponent_igo_import_export_1_Template_igo_import_export_selectMode_0_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r6 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r6.modeChanged($event)); })("exportOptionsChange", function ImportExportToolComponent_igo_import_export_1_Template_igo_import_export_exportOptionsChange_0_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r8 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r8.exportOptionsChange($event)); });
     i0.ɵɵpipe(1, "async");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -1860,7 +1814,7 @@ ImportExportToolComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: I
         i0.ɵɵproperty("ngIf", !ctx.importExportShowBothType && ctx.importExportType === "layer");
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", !ctx.importExportShowBothType && ctx.importExportType === "context");
-    } }, directives: [i5.NgIf, i5$1.MatTabGroup, i5$1.MatTab, i1$1.ImportExportComponent, i1.ContextImportExportComponent], pipes: [i8.TranslatePipe, i5.AsyncPipe], styles: ["mat-form-field[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
+    } }, dependencies: [i1$1.ImportExportComponent, i1.ContextImportExportComponent, i6.NgIf, i7$1.MatTabGroup, i7$1.MatTab, i6.AsyncPipe, i8.TranslatePipe], styles: ["mat-form-field[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
 ImportExportToolComponent = __decorate([
     ToolComponent({
         name: 'importExport',
@@ -1870,12 +1824,7 @@ ImportExportToolComponent = __decorate([
 ], ImportExportToolComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ImportExportToolComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-import-export-tool',
-                templateUrl: './import-export-tool.component.html',
-                styleUrls: ['./import-export-tool.component.scss'],
-                changeDetection: ChangeDetectionStrategy.OnPush
-            }]
+        args: [{ selector: 'igo-import-export-tool', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-tab-group *ngIf=\"importExportShowBothType\" >\r\n  <mat-tab [label]=\"'igo.integration.importExportTool.importExportData' | translate\">\r\n    <igo-import-export  \r\n      [map]=\"map\"\r\n      [selectFirstProj]=\"selectFirstProj\"\r\n      [projectionsLimitations]=\"projectionsLimitations\"\r\n      [store]=\"workspaceStore\"\r\n      [selectedMode]=\"importExportState.selectedMode$ | async\"\r\n      (selectMode)=\"modeChanged($event)\"\r\n      [exportOptions$]=\"importExportState.exportOptions$\"\r\n      (exportOptionsChange)=\"exportOptionsChange($event)\">\r\n    </igo-import-export>\r\n  </mat-tab>\r\n  <mat-tab [label]=\"'igo.integration.importExportTool.importExportContext' | translate\">\r\n    <igo-context-import-export [map]=\"map\"></igo-context-import-export>\r\n  </mat-tab>\r\n</mat-tab-group>\r\n\r\n<igo-import-export  \r\n  *ngIf=\"!importExportShowBothType && importExportType === 'layer'\"\r\n  [map]=\"map\"\r\n  [store]=\"workspaceStore\"\r\n  [selectedMode]=\"importExportState.selectedMode$ | async\"\r\n  (selectMode)=\"modeChanged($event)\"\r\n  [exportOptions$]=\"importExportState.exportOptions$\"\r\n  (exportOptionsChange)=\"exportOptionsChange($event)\">\r\n</igo-import-export>\r\n\r\n<igo-context-import-export \r\n  *ngIf=\"!importExportShowBothType && importExportType === 'context'\"\r\n  [map]=\"map\">\r\n</igo-context-import-export>", styles: ["mat-form-field{width:100%}\n"] }]
     }], function () { return [{ type: MapState }, { type: ImportExportState }, { type: WorkspaceState }]; }, { projectionsLimitations: [{
             type: Input
         }], selectFirstProj: [{
@@ -1896,14 +1845,12 @@ class IgoAppImportExportModule {
 }
 IgoAppImportExportModule.ɵfac = function IgoAppImportExportModule_Factory(t) { return new (t || IgoAppImportExportModule)(); };
 IgoAppImportExportModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoAppImportExportModule });
-IgoAppImportExportModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
-            IgoImportExportModule,
-            IgoContextImportExportModule,
-            CommonModule,
-            IgoLanguageModule,
-            MatButtonToggleModule,
-            MatTabsModule
-        ]] });
+IgoAppImportExportModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [IgoImportExportModule,
+        IgoContextImportExportModule,
+        CommonModule,
+        IgoLanguageModule,
+        MatButtonToggleModule,
+        MatTabsModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoAppImportExportModule, [{
         type: NgModule,
         args: [{
@@ -1931,12 +1878,9 @@ function MapDetailsToolComponent_igo_layer_list_0_ng_template_1_Template(rf, ctx
     const _r7 = i0.ɵɵgetCurrentView();
     i0.ɵɵelement(0, "igo-workspace-button", 4);
     i0.ɵɵelementStart(1, "igo-export-button", 5);
-    i0.ɵɵlistener("click", function MapDetailsToolComponent_igo_layer_list_0_ng_template_1_Template_igo_export_button_click_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r7); const layer_r5 = restoredCtx.layer; const ctx_r6 = i0.ɵɵnextContext(2); return ctx_r6.activateExport(layer_r5); });
+    i0.ɵɵlistener("click", function MapDetailsToolComponent_igo_layer_list_0_ng_template_1_Template_igo_export_button_click_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r7); const layer_r5 = restoredCtx.layer; const ctx_r6 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r6.activateExport(layer_r5)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(2, "igo-ogc-filter-button", 6);
-    i0.ɵɵelement(3, "igo-time-filter-button", 6);
-    i0.ɵɵelement(4, "igo-track-feature-button", 7);
-    i0.ɵɵelement(5, "igo-metadata-button", 4);
+    i0.ɵɵelement(2, "igo-ogc-filter-button", 6)(3, "igo-time-filter-button", 6)(4, "igo-track-feature-button", 7)(5, "igo-metadata-button", 4);
 } if (rf & 2) {
     const layer_r5 = ctx.layer;
     const ctx_r4 = i0.ɵɵnextContext(2);
@@ -1971,67 +1915,57 @@ function MapDetailsToolComponent_ng_template_2_mat_list_0_p_4_Template(rf, ctx)
 } }
 function MapDetailsToolComponent_ng_template_2_mat_list_0_mat_list_item_5_Template(rf, ctx) { if (rf & 1) {
     const _r14 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mat-list-item");
-    i0.ɵɵelementStart(1, "mat-icon", 11);
+    i0.ɵɵelementStart(0, "mat-list-item")(1, "mat-icon", 11);
     i0.ɵɵnamespaceSVG();
     i0.ɵɵelementStart(2, "svg", 12);
     i0.ɵɵelement(3, "path", 13);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd()();
     i0.ɵɵnamespaceHTML();
     i0.ɵɵelementStart(4, "h4", 14);
-    i0.ɵɵlistener("click", function MapDetailsToolComponent_ng_template_2_mat_list_0_mat_list_item_5_Template_h4_click_4_listener() { i0.ɵɵrestoreView(_r14); const ctx_r13 = i0.ɵɵnextContext(3); return ctx_r13.searchEmit(); });
+    i0.ɵɵlistener("click", function MapDetailsToolComponent_ng_template_2_mat_list_0_mat_list_item_5_Template_h4_click_4_listener() { i0.ɵɵrestoreView(_r14); const ctx_r13 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r13.searchEmit()); });
     i0.ɵɵtext(5);
     i0.ɵɵpipe(6, "translate");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
     i0.ɵɵadvance(5);
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(6, 1, "igo.integration.mapTool.search-tool"), " ");
 } }
 function MapDetailsToolComponent_ng_template_2_mat_list_0_mat_list_item_6_Template(rf, ctx) { if (rf & 1) {
     const _r16 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mat-list-item");
-    i0.ɵɵelementStart(1, "mat-icon", 11);
+    i0.ɵɵelementStart(0, "mat-list-item")(1, "mat-icon", 11);
     i0.ɵɵnamespaceSVG();
     i0.ɵɵelementStart(2, "svg", 12);
     i0.ɵɵelement(3, "path", 15);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd()();
     i0.ɵɵnamespaceHTML();
     i0.ɵɵelementStart(4, "h4", 16);
-    i0.ɵɵlistener("click", function MapDetailsToolComponent_ng_template_2_mat_list_0_mat_list_item_6_Template_h4_click_4_listener() { i0.ɵɵrestoreView(_r16); const ctx_r15 = i0.ɵɵnextContext(3); return ctx_r15.catalogEmit(); });
+    i0.ɵɵlistener("click", function MapDetailsToolComponent_ng_template_2_mat_list_0_mat_list_item_6_Template_h4_click_4_listener() { i0.ɵɵrestoreView(_r16); const ctx_r15 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r15.catalogEmit()); });
     i0.ɵɵtext(5);
     i0.ɵɵpipe(6, "translate");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
     i0.ɵɵadvance(5);
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(6, 1, "igo.integration.mapTool.catalog-tool"), " ");
 } }
 function MapDetailsToolComponent_ng_template_2_mat_list_0_mat_list_item_7_Template(rf, ctx) { if (rf & 1) {
     const _r18 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mat-list-item");
-    i0.ɵɵelementStart(1, "mat-icon", 11);
+    i0.ɵɵelementStart(0, "mat-list-item")(1, "mat-icon", 11);
     i0.ɵɵnamespaceSVG();
     i0.ɵɵelementStart(2, "svg", 12);
     i0.ɵɵelement(3, "path", 17);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd()();
     i0.ɵɵnamespaceHTML();
     i0.ɵɵelementStart(4, "h4", 18);
-    i0.ɵɵlistener("click", function MapDetailsToolComponent_ng_template_2_mat_list_0_mat_list_item_7_Template_h4_click_4_listener() { i0.ɵɵrestoreView(_r18); const ctx_r17 = i0.ɵɵnextContext(3); return ctx_r17.contextEmit(); });
+    i0.ɵɵlistener("click", function MapDetailsToolComponent_ng_template_2_mat_list_0_mat_list_item_7_Template_h4_click_4_listener() { i0.ɵɵrestoreView(_r18); const ctx_r17 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r17.contextEmit()); });
     i0.ɵɵtext(5);
     i0.ɵɵpipe(6, "translate");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
     i0.ɵɵadvance(5);
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(6, 1, "igo.integration.mapTool.context-tool"), " ");
 } }
 function MapDetailsToolComponent_ng_template_2_mat_list_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "mat-list");
-    i0.ɵɵelementStart(1, "p", 9);
+    i0.ɵɵelementStart(0, "mat-list")(1, "p", 9);
     i0.ɵɵtext(2);
     i0.ɵɵpipe(3, "translate");
     i0.ɵɵelementEnd();
@@ -2132,9 +2066,8 @@ let MapDetailsToolComponent = class MapDetailsToolComponent {
         this.toolState.toolbox.activateTool('contextManager');
     }
     activateExport(layer) {
-        var _a;
         let id = layer.id;
-        if ((_a = layer.options.workspace) === null || _a === void 0 ? void 0 : _a.workspaceId) {
+        if (layer.options.workspace?.workspaceId) {
             id = layer.options.workspace.workspaceId !== layer.id ? layer.options.workspace.workspaceId : layer.id;
         }
         this.importExportState.setsExportOptions({ layers: [id] });
@@ -2150,7 +2083,7 @@ MapDetailsToolComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Map
     } if (rf & 2) {
         const _r1 = i0.ɵɵreference(3);
         i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(1, 2, ctx.layers$).length)("ngIfElse", _r1);
-    } }, directives: [i5.NgIf, i1$1.LayerListComponent, i1$1.LayerListBindingDirective, WorkspaceButtonComponent, i1$1.ExportButtonComponent, i1$1.OgcFilterButtonComponent, i1$1.TimeFilterButtonComponent, i1$1.TrackFeatureButtonComponent, i1$1.MetadataButtonComponent, i7.MatList, i7.MatListItem, i6.MatIcon, i7.MatListIconCssMatStyler, i8$1.MatLine], pipes: [i5.AsyncPipe, i8.TranslatePipe], styles: [".map-empty[_ngcontent-%COMP%], .search-tool[_ngcontent-%COMP%], .catalog-tool[_ngcontent-%COMP%], .context-tool[_ngcontent-%COMP%]{margin:10px}.map-empty[_ngcontent-%COMP%]{text-align:justify}.search-tool[_ngcontent-%COMP%], .catalog-tool[_ngcontent-%COMP%], .context-tool[_ngcontent-%COMP%]{cursor:pointer}mat-list[_ngcontent-%COMP%]   mat-list-item[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%]{font-weight:bold}mat-list-item[_ngcontent-%COMP%]     .mat-list-text{font-size:smaller}mat-list.mat-list-base[_ngcontent-%COMP%]   mat-list-item.mat-list-item[_ngcontent-%COMP%]     div.mat-list-item-content div.mat-list-text{padding-left:5px}.mapDetailsList[_ngcontent-%COMP%]{overflow:hidden}"] });
+    } }, dependencies: [i6.NgIf, i6$1.MatList, i6$1.MatListItem, i8$1.MatLine, i6$1.MatListIconCssMatStyler, i7.MatIcon, i1$1.LayerListComponent, i1$1.LayerListBindingDirective, i1$1.TrackFeatureButtonComponent, i1$1.MetadataButtonComponent, i1$1.ExportButtonComponent, i1$1.TimeFilterButtonComponent, i1$1.OgcFilterButtonComponent, WorkspaceButtonComponent, i6.AsyncPipe, i8.TranslatePipe], styles: [".map-empty[_ngcontent-%COMP%], .search-tool[_ngcontent-%COMP%], .catalog-tool[_ngcontent-%COMP%], .context-tool[_ngcontent-%COMP%]{margin:10px}.map-empty[_ngcontent-%COMP%]{text-align:justify}.search-tool[_ngcontent-%COMP%], .catalog-tool[_ngcontent-%COMP%], .context-tool[_ngcontent-%COMP%]{cursor:pointer}mat-list[_ngcontent-%COMP%]   mat-list-item[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%]{font-weight:700}mat-list-item[_ngcontent-%COMP%]     .mat-list-text{font-size:smaller}mat-list.mat-list-base[_ngcontent-%COMP%]   mat-list-item.mat-list-item[_ngcontent-%COMP%]     div.mat-list-item-content div.mat-list-text{padding-left:5px}.mapDetailsList[_ngcontent-%COMP%]{overflow:hidden}"] });
 MapDetailsToolComponent = __decorate([
     ToolComponent({
         name: 'mapDetails',
@@ -2160,11 +2093,7 @@ MapDetailsToolComponent = __decorate([
 ], MapDetailsToolComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MapDetailsToolComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-map-details-tool',
-                templateUrl: './map-details-tool.component.html',
-                styleUrls: ['./map-details-tool.component.scss']
-            }]
+        args: [{ selector: 'igo-map-details-tool', template: "<igo-layer-list class=\"mapDetailsList\" *ngIf=\"(layers$ | async).length; else empty\"\r\n  [map]=\"map\"\r\n  igoLayerListBinding\r\n  [excludeBaseLayers]=\"excludeBaseLayers\"\r\n  [layerFilterAndSortOptions]=\"layerFilterAndSortOptions\"\r\n  [expandLegendOfVisibleLayers]=\"expandLegendOfVisibleLayers\"\r\n  [toggleLegendOnVisibilityChange]=\"toggleLegendOnVisibilityChange\"\r\n  [updateLegendOnResolutionChange]=\"updateLegendOnResolutionChange\"\r\n  floatLabel=\"never\"\r\n  [queryBadge]=\"queryBadge\">\r\n\r\n  <ng-template #igoLayerItemToolbar let-layer=\"layer\">\r\n    <!-- <igo-download-button [layer]=\"layer\"></igo-download-button> -->\r\n     <igo-workspace-button [layer]=\"layer\"></igo-workspace-button>\r\n    <igo-export-button [layer]=\"layer\" (click)=\"activateExport(layer)\"></igo-export-button>\r\n    <igo-ogc-filter-button [header]=\"ogcButton\" [layer]=\"layer\"></igo-ogc-filter-button>\r\n    <igo-time-filter-button [header]=\"timeButton\" [layer]=\"layer\"></igo-time-filter-button>\r\n    <igo-track-feature-button [trackFeature]=\"true\" [layer]=\"layer\"></igo-track-feature-button>\r\n    <igo-metadata-button [layer]=\"layer\"></igo-metadata-button>\r\n  </ng-template>\r\n\r\n</igo-layer-list>\r\n\r\n<ng-template #empty>\r\n  <mat-list *ngIf=\"delayedShowEmptyMapContent\">\r\n    <p class=\"map-empty mat-typography\">\r\n      {{'igo.integration.mapTool.empty' | translate}}</p>\r\n    <p *ngIf=\"layerAdditionAllowed && (searchToolInToolbar || catalogToolInToolbar || contextToolInToolbar)\" class=\"map-empty mat-typography\">\r\n      {{'igo.integration.mapTool.customize' | translate}}</p>\r\n    <mat-list-item *ngIf=\"layerAdditionAllowed && searchToolInToolbar\">\r\n      <mat-icon mat-list-icon> <svg viewBox='0 0 24 24' fit='' height='100%' width='100%' preserveAspectRatio='xMidYMid meet' focusable='false'> <path d='M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z'> </path> </svg></mat-icon>\r\n      <h4 matLine class=\"search-tool mat-typography\" (click)=\"searchEmit()\">\r\n        {{'igo.integration.mapTool.search-tool' | translate}}\r\n      </h4>\r\n    </mat-list-item>\r\n    <mat-list-item *ngIf=\"layerAdditionAllowed && catalogToolInToolbar\">\r\n      <mat-icon mat-list-icon> <svg viewBox='0 0 24 24' fit='' height='100%' width='100%' preserveAspectRatio='xMidYMid meet' focusable='false'> <path d='M17,14H19V17H22V19H19V22H17V19H14V17H17V14M11,16L2,9L11,2L20,9L11,16M11,18.54L12,17.75V18C12,18.71 12.12,19.39 12.35,20L11,21.07L2,14.07L3.62,12.81L11,18.54Z'></path> </svg></mat-icon>\r\n      <h4 matLine class=\"catalog-tool mat-typography\" (click)=\"catalogEmit()\">\r\n        {{'igo.integration.mapTool.catalog-tool' | translate}}\r\n      </h4>\r\n    </mat-list-item>\r\n    <mat-list-item *ngIf=\"layerAdditionAllowed && contextToolInToolbar\">\r\n      <mat-icon mat-list-icon> <svg viewBox='0 0 24 24' fit='' height='100%' width='100%' preserveAspectRatio='xMidYMid meet' focusable='false'> <path d='M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z'></path> </svg></mat-icon>\r\n      <h4 matLine class=\"context-tool mat-typography\" (click)=\"contextEmit()\">\r\n        {{'igo.integration.mapTool.context-tool' | translate}}\r\n      </h4>\r\n    </mat-list-item>\r\n  </mat-list>\r\n</ng-template>\r\n", styles: [".map-empty,.search-tool,.catalog-tool,.context-tool{margin:10px}.map-empty{text-align:justify}.search-tool,.catalog-tool,.context-tool{cursor:pointer}mat-list mat-list-item h4{font-weight:700}mat-list-item ::ng-deep .mat-list-text{font-size:smaller}mat-list.mat-list-base mat-list-item.mat-list-item ::ng-deep div.mat-list-item-content div.mat-list-text{padding-left:5px}.mapDetailsList{overflow:hidden}\n"] }]
     }], function () { return [{ type: MapState }, { type: ToolState }, { type: i1$1.SearchSourceService }, { type: i0.ChangeDetectorRef }, { type: ImportExportState }]; }, { toggleLegendOnVisibilityChange: [{
             type: Input
         }], expandLegendOfVisibleLayers: [{
@@ -2187,12 +2116,9 @@ function MapToolComponent_ng_template_4_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
     i0.ɵɵelement(0, "igo-workspace-button", 4);
     i0.ɵɵelementStart(1, "igo-export-button", 5);
-    i0.ɵɵlistener("click", function MapToolComponent_ng_template_4_Template_igo_export_button_click_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r4); const layer_r2 = restoredCtx.layer; const ctx_r3 = i0.ɵɵnextContext(); return ctx_r3.activateExport(layer_r2); });
+    i0.ɵɵlistener("click", function MapToolComponent_ng_template_4_Template_igo_export_button_click_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r4); const layer_r2 = restoredCtx.layer; const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.activateExport(layer_r2)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(2, "igo-ogc-filter-button", 6);
-    i0.ɵɵelement(3, "igo-time-filter-button", 6);
-    i0.ɵɵelement(4, "igo-track-feature-button", 7);
-    i0.ɵɵelement(5, "igo-metadata-button", 4);
+    i0.ɵɵelement(2, "igo-ogc-filter-button", 6)(3, "igo-time-filter-button", 6)(4, "igo-track-feature-button", 7)(5, "igo-metadata-button", 4);
 } if (rf & 2) {
     const layer_r2 = ctx.layer;
     const ctx_r1 = i0.ɵɵnextContext();
@@ -2247,9 +2173,8 @@ let MapToolComponent = class MapToolComponent {
         return filterSortOptions;
     }
     activateExport(layer) {
-        var _a;
         let id = layer.id;
-        if ((_a = layer.options.workspace) === null || _a === void 0 ? void 0 : _a.workspaceId) {
+        if (layer.options.workspace?.workspaceId) {
             id = layer.options.workspace.workspaceId !== layer.id ? layer.options.workspace.workspaceId : layer.id;
         }
         this.importExportState.setsExportOptions({ layers: [id] });
@@ -2259,18 +2184,15 @@ let MapToolComponent = class MapToolComponent {
 };
 MapToolComponent.ɵfac = function MapToolComponent_Factory(t) { return new (t || MapToolComponent)(i0.ɵɵdirectiveInject(MapState), i0.ɵɵdirectiveInject(ToolState), i0.ɵɵdirectiveInject(ImportExportState)); };
 MapToolComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MapToolComponent, selectors: [["igo-map-tool"]], inputs: { toggleLegendOnVisibilityChange: "toggleLegendOnVisibilityChange", expandLegendOfVisibleLayers: "expandLegendOfVisibleLayers", updateLegendOnResolutionChange: "updateLegendOnResolutionChange", ogcButton: "ogcButton", timeButton: "timeButton", layerListControls: "layerListControls", queryBadge: "queryBadge" }, decls: 9, vars: 14, consts: [[3, "label"], ["igoLayerListBinding", "", 3, "map", "excludeBaseLayers", "layerFilterAndSortOptions", "expandLegendOfVisibleLayers", "toggleLegendOnVisibilityChange", "updateLegendOnResolutionChange", "floatLabel", "queryBadge"], ["igoLayerItemToolbar", ""], ["igoContextListBinding", ""], [3, "layer"], [3, "layer", "click"], [3, "header", "layer"], [3, "trackFeature", "layer"]], template: function MapToolComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "mat-tab-group");
-        i0.ɵɵelementStart(1, "mat-tab", 0);
+        i0.ɵɵelementStart(0, "mat-tab-group")(1, "mat-tab", 0);
         i0.ɵɵpipe(2, "translate");
         i0.ɵɵelementStart(3, "igo-layer-list", 1);
         i0.ɵɵtemplate(4, MapToolComponent_ng_template_4_Template, 6, 9, "ng-template", null, 2, i0.ɵɵtemplateRefExtractor);
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd()();
         i0.ɵɵelementStart(6, "mat-tab", 0);
         i0.ɵɵpipe(7, "translate");
         i0.ɵɵelement(8, "igo-context-list", 3);
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd()();
     } if (rf & 2) {
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("label", i0.ɵɵpipeBind1(2, 10, "igo.integration.tools.map"));
@@ -2278,7 +2200,7 @@ MapToolComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MapToolCom
         i0.ɵɵproperty("map", ctx.map)("excludeBaseLayers", ctx.excludeBaseLayers)("layerFilterAndSortOptions", ctx.layerFilterAndSortOptions)("expandLegendOfVisibleLayers", ctx.expandLegendOfVisibleLayers)("toggleLegendOnVisibilityChange", ctx.toggleLegendOnVisibilityChange)("updateLegendOnResolutionChange", ctx.updateLegendOnResolutionChange)("floatLabel", false)("queryBadge", ctx.queryBadge);
         i0.ɵɵadvance(3);
         i0.ɵɵproperty("label", i0.ɵɵpipeBind1(7, 12, "igo.integration.tools.contexts"));
-    } }, directives: [i5$1.MatTabGroup, i5$1.MatTab, i1$1.LayerListComponent, i1$1.LayerListBindingDirective, i1.ContextListComponent, i1.ContextListBindingDirective, WorkspaceButtonComponent, i1$1.ExportButtonComponent, i1$1.OgcFilterButtonComponent, i1$1.TimeFilterButtonComponent, i1$1.TrackFeatureButtonComponent, i1$1.MetadataButtonComponent], pipes: [i8.TranslatePipe], styles: ["mat-tab-group[_ngcontent-%COMP%], mat-tab-group[_ngcontent-%COMP%]     .mat-tab-body-wrapper{height:100%;overflow:hidden}[_nghost-%COMP%]     .mat-tab-body-content{overflow:hidden}"], changeDetection: 0 });
+    } }, dependencies: [i7$1.MatTabGroup, i7$1.MatTab, i1$1.LayerListComponent, i1$1.LayerListBindingDirective, i1$1.TrackFeatureButtonComponent, i1$1.MetadataButtonComponent, i1$1.ExportButtonComponent, i1$1.TimeFilterButtonComponent, i1$1.OgcFilterButtonComponent, i1.ContextListComponent, i1.ContextListBindingDirective, WorkspaceButtonComponent, i8.TranslatePipe], styles: ["mat-tab-group[_ngcontent-%COMP%], mat-tab-group[_ngcontent-%COMP%]     .mat-tab-body-wrapper{height:100%;overflow:hidden}[_nghost-%COMP%]     .mat-tab-body-content{overflow:hidden}"], changeDetection: 0 });
 MapToolComponent = __decorate([
     ToolComponent({
         name: 'map',
@@ -2288,12 +2210,7 @@ MapToolComponent = __decorate([
 ], MapToolComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MapToolComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-map-tool',
-                templateUrl: './map-tool.component.html',
-                styleUrls: ['./map-tool.component.scss'],
-                changeDetection: ChangeDetectionStrategy.OnPush
-            }]
+        args: [{ selector: 'igo-map-tool', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-tab-group>\r\n\r\n  <mat-tab [label]=\"'igo.integration.tools.map' |\u00A0translate\">\r\n    <igo-layer-list\r\n      [map]=\"map\"\r\n      igoLayerListBinding\r\n      [excludeBaseLayers]=\"excludeBaseLayers\"\r\n      [layerFilterAndSortOptions]=\"layerFilterAndSortOptions\"\r\n      [expandLegendOfVisibleLayers]=\"expandLegendOfVisibleLayers\"\r\n      [toggleLegendOnVisibilityChange]=\"toggleLegendOnVisibilityChange\"\r\n      [updateLegendOnResolutionChange]=\"updateLegendOnResolutionChange\"\r\n      [floatLabel]=\"false\"\r\n      [queryBadge]=\"queryBadge\">\r\n\r\n      <ng-template #igoLayerItemToolbar let-layer=\"layer\">\r\n        <!-- <igo-download-button [layer]=\"layer\"></igo-download-button> -->\r\n        <igo-workspace-button [layer]=\"layer\"></igo-workspace-button>\r\n        <igo-export-button [layer]=\"layer\" (click)=\"activateExport(layer)\"></igo-export-button>\r\n        <igo-ogc-filter-button [header]=\"ogcButton\" [layer]=\"layer\"></igo-ogc-filter-button>\r\n        <igo-time-filter-button [header]=\"timeButton\" [layer]=\"layer\"></igo-time-filter-button>\r\n        <igo-track-feature-button [trackFeature]=\"true\" [layer]=\"layer\"></igo-track-feature-button>\r\n        <igo-metadata-button [layer]=\"layer\"></igo-metadata-button>\r\n      </ng-template>\r\n\r\n    </igo-layer-list>\r\n  </mat-tab>\r\n\r\n  <mat-tab [label]=\"'igo.integration.tools.contexts' |\u00A0translate\">\r\n    <igo-context-list igoContextListBinding></igo-context-list>\r\n  </mat-tab>\r\n\r\n</mat-tab-group>\r\n", styles: ["mat-tab-group,mat-tab-group ::ng-deep .mat-tab-body-wrapper{height:100%;overflow:hidden}:host ::ng-deep .mat-tab-body-content{overflow:hidden}\n"] }]
     }], function () { return [{ type: MapState }, { type: ToolState }, { type: ImportExportState }]; }, { toggleLegendOnVisibilityChange: [{
             type: Input
         }], expandLegendOfVisibleLayers: [{
@@ -2314,7 +2231,7 @@ const _c0$2 = ["tabGroup"];
 function MapToolsComponent_igo_layer_list_5_ng_template_1_igo_time_filter_button_2_Template(rf, ctx) { if (rf & 1) {
     const _r14 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "igo-time-filter-button", 14);
-    i0.ɵɵlistener("click", function MapToolsComponent_igo_layer_list_5_ng_template_1_igo_time_filter_button_2_Template_igo_time_filter_button_click_0_listener() { i0.ɵɵrestoreView(_r14); const ctx_r13 = i0.ɵɵnextContext(3); return ctx_r13.activateTimeFilter(); });
+    i0.ɵɵlistener("click", function MapToolsComponent_igo_layer_list_5_ng_template_1_igo_time_filter_button_2_Template_igo_time_filter_button_click_0_listener() { i0.ɵɵrestoreView(_r14); const ctx_r13 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r13.activateTimeFilter()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const layer_r9 = i0.ɵɵnextContext().layer;
@@ -2324,7 +2241,7 @@ function MapToolsComponent_igo_layer_list_5_ng_template_1_igo_time_filter_button
 function MapToolsComponent_igo_layer_list_5_ng_template_1_igo_ogc_filter_button_3_Template(rf, ctx) { if (rf & 1) {
     const _r17 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "igo-ogc-filter-button", 14);
-    i0.ɵɵlistener("click", function MapToolsComponent_igo_layer_list_5_ng_template_1_igo_ogc_filter_button_3_Template_igo_ogc_filter_button_click_0_listener() { i0.ɵɵrestoreView(_r17); const ctx_r16 = i0.ɵɵnextContext(3); return ctx_r16.activateOgcFilter(); });
+    i0.ɵɵlistener("click", function MapToolsComponent_igo_layer_list_5_ng_template_1_igo_ogc_filter_button_3_Template_igo_ogc_filter_button_click_0_listener() { i0.ɵɵrestoreView(_r17); const ctx_r16 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r16.activateOgcFilter()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const layer_r9 = i0.ɵɵnextContext().layer;
@@ -2334,15 +2251,14 @@ function MapToolsComponent_igo_layer_list_5_ng_template_1_igo_ogc_filter_button_
 function MapToolsComponent_igo_layer_list_5_ng_template_1_igo_export_button_4_Template(rf, ctx) { if (rf & 1) {
     const _r21 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "igo-export-button", 15);
-    i0.ɵɵlistener("click", function MapToolsComponent_igo_layer_list_5_ng_template_1_igo_export_button_4_Template_igo_export_button_click_0_listener() { i0.ɵɵrestoreView(_r21); const layer_r9 = i0.ɵɵnextContext().layer; const ctx_r19 = i0.ɵɵnextContext(2); return ctx_r19.activateExport(layer_r9); });
+    i0.ɵɵlistener("click", function MapToolsComponent_igo_layer_list_5_ng_template_1_igo_export_button_4_Template_igo_export_button_click_0_listener() { i0.ɵɵrestoreView(_r21); const layer_r9 = i0.ɵɵnextContext().layer; const ctx_r19 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r19.activateExport(layer_r9)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const layer_r9 = i0.ɵɵnextContext().layer;
     i0.ɵɵproperty("layer", layer_r9);
 } }
 function MapToolsComponent_igo_layer_list_5_ng_template_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "igo-metadata-button", 10);
-    i0.ɵɵelement(1, "igo-track-feature-button", 11);
+    i0.ɵɵelement(0, "igo-metadata-button", 10)(1, "igo-track-feature-button", 11);
     i0.ɵɵtemplate(2, MapToolsComponent_igo_layer_list_5_ng_template_1_igo_time_filter_button_2_Template, 1, 2, "igo-time-filter-button", 12);
     i0.ɵɵtemplate(3, MapToolsComponent_igo_layer_list_5_ng_template_1_igo_ogc_filter_button_3_Template, 1, 2, "igo-ogc-filter-button", 12);
     i0.ɵɵtemplate(4, MapToolsComponent_igo_layer_list_5_ng_template_1_igo_export_button_4_Template, 1, 1, "igo-export-button", 13);
@@ -2365,7 +2281,7 @@ function MapToolsComponent_igo_layer_list_5_ng_template_1_Template(rf, ctx) { if
 function MapToolsComponent_igo_layer_list_5_Template(rf, ctx) { if (rf & 1) {
     const _r24 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "igo-layer-list", 8);
-    i0.ɵɵlistener("appliedFilterAndSort", function MapToolsComponent_igo_layer_list_5_Template_igo_layer_list_appliedFilterAndSort_0_listener($event) { i0.ɵɵrestoreView(_r24); const ctx_r23 = i0.ɵɵnextContext(); return ctx_r23.onLayerListChange($event); });
+    i0.ɵɵlistener("appliedFilterAndSort", function MapToolsComponent_igo_layer_list_5_Template_igo_layer_list_appliedFilterAndSort_0_listener($event) { i0.ɵɵrestoreView(_r24); const ctx_r23 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r23.onLayerListChange($event)); });
     i0.ɵɵtemplate(1, MapToolsComponent_igo_layer_list_5_ng_template_1_Template, 6, 7, "ng-template", null, 9, i0.ɵɵtemplateRefExtractor);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -2375,7 +2291,7 @@ function MapToolsComponent_igo_layer_list_5_Template(rf, ctx) { if (rf & 1) {
 function MapToolsComponent_igo_layer_legend_list_9_Template(rf, ctx) { if (rf & 1) {
     const _r26 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "igo-layer-legend-list", 16);
-    i0.ɵɵlistener("allLegendsShown", function MapToolsComponent_igo_layer_legend_list_9_Template_igo_layer_legend_list_allLegendsShown_0_listener($event) { i0.ɵɵrestoreView(_r26); const ctx_r25 = i0.ɵɵnextContext(); return ctx_r25.onShowAllLegends($event); });
+    i0.ɵɵlistener("allLegendsShown", function MapToolsComponent_igo_layer_legend_list_9_Template_igo_layer_legend_list_allLegendsShown_0_listener($event) { i0.ɵɵrestoreView(_r26); const ctx_r25 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r25.onShowAllLegends($event)); });
     i0.ɵɵpipe(1, "async");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -2409,67 +2325,57 @@ function MapToolsComponent_ng_template_15_mat_list_0_p_4_Template(rf, ctx) { if
 } }
 function MapToolsComponent_ng_template_15_mat_list_0_mat_list_item_5_Template(rf, ctx) { if (rf & 1) {
     const _r34 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mat-list-item");
-    i0.ɵɵelementStart(1, "mat-icon", 19);
+    i0.ɵɵelementStart(0, "mat-list-item")(1, "mat-icon", 19);
     i0.ɵɵnamespaceSVG();
     i0.ɵɵelementStart(2, "svg", 20);
     i0.ɵɵelement(3, "path", 21);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd()();
     i0.ɵɵnamespaceHTML();
     i0.ɵɵelementStart(4, "h4", 22);
-    i0.ɵɵlistener("click", function MapToolsComponent_ng_template_15_mat_list_0_mat_list_item_5_Template_h4_click_4_listener() { i0.ɵɵrestoreView(_r34); const ctx_r33 = i0.ɵɵnextContext(3); return ctx_r33.searchEmit(); });
+    i0.ɵɵlistener("click", function MapToolsComponent_ng_template_15_mat_list_0_mat_list_item_5_Template_h4_click_4_listener() { i0.ɵɵrestoreView(_r34); const ctx_r33 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r33.searchEmit()); });
     i0.ɵɵtext(5);
     i0.ɵɵpipe(6, "translate");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
     i0.ɵɵadvance(5);
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(6, 1, "igo.integration.mapTool.search-tool"), " ");
 } }
 function MapToolsComponent_ng_template_15_mat_list_0_mat_list_item_6_Template(rf, ctx) { if (rf & 1) {
     const _r36 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mat-list-item");
-    i0.ɵɵelementStart(1, "mat-icon", 19);
+    i0.ɵɵelementStart(0, "mat-list-item")(1, "mat-icon", 19);
     i0.ɵɵnamespaceSVG();
     i0.ɵɵelementStart(2, "svg", 20);
     i0.ɵɵelement(3, "path", 23);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd()();
     i0.ɵɵnamespaceHTML();
     i0.ɵɵelementStart(4, "h4", 24);
-    i0.ɵɵlistener("click", function MapToolsComponent_ng_template_15_mat_list_0_mat_list_item_6_Template_h4_click_4_listener() { i0.ɵɵrestoreView(_r36); const ctx_r35 = i0.ɵɵnextContext(3); return ctx_r35.catalogEmit(); });
+    i0.ɵɵlistener("click", function MapToolsComponent_ng_template_15_mat_list_0_mat_list_item_6_Template_h4_click_4_listener() { i0.ɵɵrestoreView(_r36); const ctx_r35 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r35.catalogEmit()); });
     i0.ɵɵtext(5);
     i0.ɵɵpipe(6, "translate");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
     i0.ɵɵadvance(5);
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(6, 1, "igo.integration.mapTool.catalog-tool"), " ");
 } }
 function MapToolsComponent_ng_template_15_mat_list_0_mat_list_item_7_Template(rf, ctx) { if (rf & 1) {
     const _r38 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mat-list-item");
-    i0.ɵɵelementStart(1, "mat-icon", 19);
+    i0.ɵɵelementStart(0, "mat-list-item")(1, "mat-icon", 19);
     i0.ɵɵnamespaceSVG();
     i0.ɵɵelementStart(2, "svg", 20);
     i0.ɵɵelement(3, "path", 25);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd()();
     i0.ɵɵnamespaceHTML();
     i0.ɵɵelementStart(4, "h4", 26);
-    i0.ɵɵlistener("click", function MapToolsComponent_ng_template_15_mat_list_0_mat_list_item_7_Template_h4_click_4_listener() { i0.ɵɵrestoreView(_r38); const ctx_r37 = i0.ɵɵnextContext(3); return ctx_r37.contextEmit(); });
+    i0.ɵɵlistener("click", function MapToolsComponent_ng_template_15_mat_list_0_mat_list_item_7_Template_h4_click_4_listener() { i0.ɵɵrestoreView(_r38); const ctx_r37 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r37.contextEmit()); });
     i0.ɵɵtext(5);
     i0.ɵɵpipe(6, "translate");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
     i0.ɵɵadvance(5);
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(6, 1, "igo.integration.mapTool.context-tool"), " ");
 } }
 function MapToolsComponent_ng_template_15_mat_list_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "mat-list");
-    i0.ɵɵelementStart(1, "p", 17);
+    i0.ɵɵelementStart(0, "mat-list")(1, "p", 17);
     i0.ɵɵtext(2);
     i0.ɵɵpipe(3, "translate");
     i0.ɵɵelementEnd();
@@ -2657,9 +2563,8 @@ let MapToolsComponent = class MapToolsComponent {
         return true;
     }
     activateExport(layer) {
-        var _a;
         let id = layer.id;
-        if ((_a = layer.options.workspace) === null || _a === void 0 ? void 0 : _a.workspaceId) {
+        if (layer.options.workspace?.workspaceId) {
             id = layer.options.workspace.workspaceId !== layer.id ? layer.options.workspace.workspaceId : layer.id;
         }
         this.importExportState.setsExportOptions({ layers: [id] });
@@ -2692,10 +2597,9 @@ let MapToolsComponent = class MapToolsComponent {
                 || options.ogcFilters.select || options.ogcFilters.autocomplete || options.ogcFilters.editable);
     }
     isExportButton(layer) {
-        var _a, _b;
         if ((layer instanceof VectorLayer && layer.exportable === true) ||
             (layer.dataSource.options.download && layer.dataSource.options.download.url) ||
-            (((_a = layer.options.workspace) === null || _a === void 0 ? void 0 : _a.enabled) && ((_b = layer.options.workspace) === null || _b === void 0 ? void 0 : _b.workspaceId) !== layer.id)) {
+            (layer.options.workspace?.enabled && layer.options.workspace?.workspaceId !== layer.id)) {
             return true;
         }
         return false;
@@ -2719,7 +2623,7 @@ MapToolsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MapToolsC
         i0.ɵɵelementStart(7, "mat-tab", 2);
         i0.ɵɵpipe(8, "translate");
         i0.ɵɵtemplate(9, MapToolsComponent_igo_layer_legend_list_9_Template, 2, 6, "igo-layer-legend-list", 4);
-        i0.ɵɵtemplate(10, MapToolsComponent_10_Template, 1, 0, undefined, 5);
+        i0.ɵɵtemplate(10, MapToolsComponent_10_Template, 1, 0, null, 5);
         i0.ɵɵpipe(11, "async");
         i0.ɵɵtemplate(12, MapToolsComponent_p_12_Template, 5, 7, "p", 6);
         i0.ɵɵpipe(13, "async");
@@ -2742,7 +2646,7 @@ MapToolsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MapToolsC
         i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(11, 17, ctx.layers$).length !== 0)("ngIfElse", _r5);
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("ngIf", !ctx.allowShowAllLegends && i0.ɵɵpipeBind1(13, 19, ctx.layers$).length !== 0 && i0.ɵɵpipeBind1(14, 21, ctx.visibleOrInRangeLayers$).length === 0);
-    } }, directives: [i5$1.MatTabGroup, i5$1.MatTab, i5.NgIf, i1$1.LayerListComponent, i1$1.LayerListBindingDirective, i1$1.MetadataButtonComponent, i1$1.TrackFeatureButtonComponent, WorkspaceButtonComponent, i1$1.TimeFilterButtonComponent, i1$1.OgcFilterButtonComponent, i1$1.ExportButtonComponent, i1$1.LayerLegendListComponent, i1$1.LayerLegendListBindingDirective, i7.MatList, i7.MatListItem, i6.MatIcon, i7.MatListIconCssMatStyler, i8$1.MatLine], pipes: [i5.AsyncPipe, i8.TranslatePipe], styles: [".map-empty[_ngcontent-%COMP%], .search-tool[_ngcontent-%COMP%], .catalog-tool[_ngcontent-%COMP%], .context-tool[_ngcontent-%COMP%]{margin:10px}.map-empty[_ngcontent-%COMP%]{text-align:justify}.search-tool[_ngcontent-%COMP%], .catalog-tool[_ngcontent-%COMP%], .context-tool[_ngcontent-%COMP%]{cursor:pointer}mat-list[_ngcontent-%COMP%]   mat-list-item[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%]{font-weight:bold}mat-list-item[_ngcontent-%COMP%]     .mat-list-text{font-size:smaller}mat-list.mat-list-base[_ngcontent-%COMP%]   mat-list-item.mat-list-item[_ngcontent-%COMP%]     div.mat-list-item-content div.mat-list-text{padding-left:5px}mat-tab-group[_ngcontent-%COMP%], mat-tab-group[_ngcontent-%COMP%]     .mat-tab-body-wrapper{height:100%;overflow:hidden}[_nghost-%COMP%]     .mat-tab-body-content{overflow:hidden}"], changeDetection: 0 });
+    } }, dependencies: [i6.NgIf, i7$1.MatTabGroup, i7$1.MatTab, i6$1.MatList, i6$1.MatListItem, i8$1.MatLine, i6$1.MatListIconCssMatStyler, i7.MatIcon, i1$1.LayerListComponent, i1$1.LayerLegendListComponent, i1$1.LayerListBindingDirective, i1$1.LayerLegendListBindingDirective, i1$1.TrackFeatureButtonComponent, i1$1.MetadataButtonComponent, i1$1.ExportButtonComponent, i1$1.TimeFilterButtonComponent, i1$1.OgcFilterButtonComponent, WorkspaceButtonComponent, i6.AsyncPipe, i8.TranslatePipe], styles: [".map-empty[_ngcontent-%COMP%], .search-tool[_ngcontent-%COMP%], .catalog-tool[_ngcontent-%COMP%], .context-tool[_ngcontent-%COMP%]{margin:10px}.map-empty[_ngcontent-%COMP%]{text-align:justify}.search-tool[_ngcontent-%COMP%], .catalog-tool[_ngcontent-%COMP%], .context-tool[_ngcontent-%COMP%]{cursor:pointer}mat-list[_ngcontent-%COMP%]   mat-list-item[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%]{font-weight:700}mat-list-item[_ngcontent-%COMP%]     .mat-list-text{font-size:smaller}mat-list.mat-list-base[_ngcontent-%COMP%]   mat-list-item.mat-list-item[_ngcontent-%COMP%]     div.mat-list-item-content div.mat-list-text{padding-left:5px}mat-tab-group[_ngcontent-%COMP%], mat-tab-group[_ngcontent-%COMP%]     .mat-tab-body-wrapper{height:100%;overflow:hidden}[_nghost-%COMP%]     .mat-tab-body-content{overflow:hidden}"], changeDetection: 0 });
 MapToolsComponent = __decorate([
     ToolComponent({
         name: 'mapTools',
@@ -2752,12 +2656,7 @@ MapToolsComponent = __decorate([
 ], MapToolsComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MapToolsComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-map-tools',
-                templateUrl: './map-tools.component.html',
-                styleUrls: ['./map-tools.component.scss'],
-                changeDetection: ChangeDetectionStrategy.OnPush
-            }]
+        args: [{ selector: 'igo-map-tools', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-tab-group\r\n  #tabGroup\r\n  [selectedIndex]=\"layerListToolState.selectedTab$ | async\"\r\n  (selectedTabChange)=\"tabChanged($event)\">\r\n\r\n  <mat-tab [label]=\"'igo.integration.tools.layers' |\u00A0translate\">\r\n    <igo-layer-list *ngIf=\"(layers$ | async).length !== 0; else emptyLayers\"\r\n      igoLayerListBinding\r\n      [excludeBaseLayers]=\"excludeBaseLayers\"\r\n      [layerFilterAndSortOptions]=\"layerFilterAndSortOptions\"\r\n      [expandLegendOfVisibleLayers]=\"expandLegendOfVisibleLayers\"\r\n      [toggleLegendOnVisibilityChange]=\"toggleLegendOnVisibilityChange\"\r\n      [updateLegendOnResolutionChange]=\"updateLegendOnResolutionChange\"\r\n      [floatLabel]=\"false\"\r\n      [queryBadge]=\"queryBadge\"\r\n      [map]=\"map\"\r\n      (appliedFilterAndSort)= onLayerListChange($event)>\r\n\r\n      <ng-template #igoLayerItemToolbar let-layer=\"layer\">\r\n        <igo-metadata-button [layer]=\"layer\"></igo-metadata-button>\r\n        <igo-track-feature-button [trackFeature]=\"true\" [layer]=\"layer\"></igo-track-feature-button>\r\n        <igo-time-filter-button *ngIf=\"isTimeFilterButton(layer)\" [header]=\"timeButton\" [layer]=\"layer\"\r\n                                (click)=\"activateTimeFilter()\"></igo-time-filter-button>\r\n        <igo-ogc-filter-button *ngIf=\"isOGCFilterButton(layer)\" [header]=\"ogcButton\" [layer]=\"layer\"\r\n                                (click)=\"activateOgcFilter()\"></igo-ogc-filter-button>\r\n        <igo-export-button *ngIf=\"isExportButton(layer)\" [layer]=\"layer\" (click)=\"activateExport(layer)\"></igo-export-button>\r\n        <igo-workspace-button [layer]=\"layer\"></igo-workspace-button>\r\n      </ng-template>\r\n    </igo-layer-list>\r\n  </mat-tab>\r\n\r\n  <mat-tab [label]=\"'igo.integration.tools.legend' |\u00A0translate\">\r\n    <igo-layer-legend-list *ngIf=\"showAllLegend()\"\r\n      igoLayerLegendListBinding\r\n      [allowShowAllLegends]=\"allowShowAllLegends\"\r\n      [showAllLegendsValue]=\"(showAllLegendsValue$ | async)\"\r\n      (allLegendsShown)=\"onShowAllLegends($event)\"\r\n      [excludeBaseLayers]=\"excludeBaseLayers\"\r\n      [updateLegendOnResolutionChange]=\"updateLegendOnResolutionChange\">\r\n    </igo-layer-legend-list>\r\n    <ng-template *ngIf=\"(layers$ | async).length !== 0; else emptyLayers\"></ng-template>\r\n\r\n    <p class=\"map-empty mat-typography\"\r\n      *ngIf=\"!allowShowAllLegends && (layers$ | async).length !== 0 && (visibleOrInRangeLayers$ | async).length === 0\">\r\n      {{ ((visibleLayers$ | async).length) ? ('igo.integration.mapTool.noLayersInRange' | translate) :  ('igo.integration.mapTool.noLayersVisible' | translate) }}\r\n    </p>\r\n  </mat-tab>\r\n\r\n    <ng-template #emptyLayers>\r\n      <mat-list *ngIf=\"delayedShowEmptyMapContent\">\r\n        <p class=\"map-empty mat-typography\">\r\n          {{'igo.integration.mapTool.empty' | translate}}</p>\r\n        <p *ngIf=\"layerAdditionAllowed && (searchToolInToolbar || catalogToolInToolbar || contextToolInToolbar)\"\r\n          class=\"map-empty mat-typography\">\r\n          {{'igo.integration.mapTool.customize' | translate}}</p>\r\n\r\n        <mat-list-item *ngIf=\"layerAdditionAllowed && searchToolInToolbar\">\r\n          <mat-icon mat-list-icon> <svg viewBox='0 0 24 24' fit='' height='100%' width='100%'\r\n              preserveAspectRatio='xMidYMid meet' focusable='false'>\r\n              <path\r\n                d='M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z'>\r\n              </path>\r\n            </svg></mat-icon>\r\n          <h4 matLine class=\"search-tool mat-typography\" (click)=\"searchEmit()\">\r\n            {{'igo.integration.mapTool.search-tool' | translate}}\r\n          </h4>\r\n        </mat-list-item>\r\n        <mat-list-item *ngIf=\"layerAdditionAllowed && catalogToolInToolbar\">\r\n          <mat-icon mat-list-icon> <svg viewBox='0 0 24 24' fit='' height='100%' width='100%'\r\n              preserveAspectRatio='xMidYMid meet' focusable='false'>\r\n              <path\r\n                d='M17,14H19V17H22V19H19V22H17V19H14V17H17V14M11,16L2,9L11,2L20,9L11,16M11,18.54L12,17.75V18C12,18.71 12.12,19.39 12.35,20L11,21.07L2,14.07L3.62,12.81L11,18.54Z'>\r\n              </path>\r\n            </svg></mat-icon>\r\n          <h4 matLine class=\"catalog-tool mat-typography\" (click)=\"catalogEmit()\">\r\n            {{'igo.integration.mapTool.catalog-tool' | translate}}\r\n          </h4>\r\n        </mat-list-item>\r\n        <mat-list-item *ngIf=\"layerAdditionAllowed && contextToolInToolbar\">\r\n          <mat-icon mat-list-icon> <svg viewBox='0 0 24 24' fit='' height='100%' width='100%'\r\n              preserveAspectRatio='xMidYMid meet' focusable='false'>\r\n              <path\r\n                d='M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z'>\r\n              </path>\r\n            </svg></mat-icon>\r\n          <h4 matLine class=\"context-tool mat-typography\" (click)=\"contextEmit()\">\r\n            {{'igo.integration.mapTool.context-tool' | translate}}\r\n          </h4>\r\n        </mat-list-item>\r\n      </mat-list>\r\n    </ng-template>\r\n</mat-tab-group>\r\n", styles: [".map-empty,.search-tool,.catalog-tool,.context-tool{margin:10px}.map-empty{text-align:justify}.search-tool,.catalog-tool,.context-tool{cursor:pointer}mat-list mat-list-item h4{font-weight:700}mat-list-item ::ng-deep .mat-list-text{font-size:smaller}mat-list.mat-list-base mat-list-item.mat-list-item ::ng-deep div.mat-list-item-content div.mat-list-text{padding-left:5px}mat-tab-group,mat-tab-group ::ng-deep .mat-tab-body-wrapper{height:100%;overflow:hidden}:host ::ng-deep .mat-tab-body-content{overflow:hidden}\n"] }]
     }], function () { return [{ type: LayerListToolState }, { type: ToolState }, { type: MapState }, { type: i1$1.SearchSourceService }, { type: ImportExportState }]; }, { allowShowAllLegends: [{
             type: Input
         }], showAllLegendsValue: [{
@@ -2788,7 +2687,7 @@ MapToolsComponent = __decorate([
 function MapLegendToolComponent_igo_layer_legend_list_0_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "igo-layer-legend-list", 4);
-    i0.ɵɵlistener("allLegendsShown", function MapLegendToolComponent_igo_layer_legend_list_0_Template_igo_layer_legend_list_allLegendsShown_0_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r5 = i0.ɵɵnextContext(); return ctx_r5.onShowAllLegends($event); });
+    i0.ɵɵlistener("allLegendsShown", function MapLegendToolComponent_igo_layer_legend_list_0_Template_igo_layer_legend_list_allLegendsShown_0_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r5 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r5.onShowAllLegends($event)); });
     i0.ɵɵpipe(1, "async");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -2822,67 +2721,57 @@ function MapLegendToolComponent_ng_template_6_mat_list_0_p_4_Template(rf, ctx) {
 } }
 function MapLegendToolComponent_ng_template_6_mat_list_0_mat_list_item_5_Template(rf, ctx) { if (rf & 1) {
     const _r14 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mat-list-item");
-    i0.ɵɵelementStart(1, "mat-icon", 7);
+    i0.ɵɵelementStart(0, "mat-list-item")(1, "mat-icon", 7);
     i0.ɵɵnamespaceSVG();
     i0.ɵɵelementStart(2, "svg", 8);
     i0.ɵɵelement(3, "path", 9);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd()();
     i0.ɵɵnamespaceHTML();
     i0.ɵɵelementStart(4, "h4", 10);
-    i0.ɵɵlistener("click", function MapLegendToolComponent_ng_template_6_mat_list_0_mat_list_item_5_Template_h4_click_4_listener() { i0.ɵɵrestoreView(_r14); const ctx_r13 = i0.ɵɵnextContext(3); return ctx_r13.searchEmit(); });
+    i0.ɵɵlistener("click", function MapLegendToolComponent_ng_template_6_mat_list_0_mat_list_item_5_Template_h4_click_4_listener() { i0.ɵɵrestoreView(_r14); const ctx_r13 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r13.searchEmit()); });
     i0.ɵɵtext(5);
     i0.ɵɵpipe(6, "translate");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
     i0.ɵɵadvance(5);
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(6, 1, "igo.integration.mapTool.search-tool"), " ");
 } }
 function MapLegendToolComponent_ng_template_6_mat_list_0_mat_list_item_6_Template(rf, ctx) { if (rf & 1) {
     const _r16 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mat-list-item");
-    i0.ɵɵelementStart(1, "mat-icon", 7);
+    i0.ɵɵelementStart(0, "mat-list-item")(1, "mat-icon", 7);
     i0.ɵɵnamespaceSVG();
     i0.ɵɵelementStart(2, "svg", 8);
     i0.ɵɵelement(3, "path", 11);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd()();
     i0.ɵɵnamespaceHTML();
     i0.ɵɵelementStart(4, "h4", 12);
-    i0.ɵɵlistener("click", function MapLegendToolComponent_ng_template_6_mat_list_0_mat_list_item_6_Template_h4_click_4_listener() { i0.ɵɵrestoreView(_r16); const ctx_r15 = i0.ɵɵnextContext(3); return ctx_r15.catalogEmit(); });
+    i0.ɵɵlistener("click", function MapLegendToolComponent_ng_template_6_mat_list_0_mat_list_item_6_Template_h4_click_4_listener() { i0.ɵɵrestoreView(_r16); const ctx_r15 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r15.catalogEmit()); });
     i0.ɵɵtext(5);
     i0.ɵɵpipe(6, "translate");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
     i0.ɵɵadvance(5);
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(6, 1, "igo.integration.mapTool.catalog-tool"), " ");
 } }
 function MapLegendToolComponent_ng_template_6_mat_list_0_mat_list_item_7_Template(rf, ctx) { if (rf & 1) {
     const _r18 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mat-list-item");
-    i0.ɵɵelementStart(1, "mat-icon", 7);
+    i0.ɵɵelementStart(0, "mat-list-item")(1, "mat-icon", 7);
     i0.ɵɵnamespaceSVG();
     i0.ɵɵelementStart(2, "svg", 8);
     i0.ɵɵelement(3, "path", 13);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd()();
     i0.ɵɵnamespaceHTML();
     i0.ɵɵelementStart(4, "h4", 14);
-    i0.ɵɵlistener("click", function MapLegendToolComponent_ng_template_6_mat_list_0_mat_list_item_7_Template_h4_click_4_listener() { i0.ɵɵrestoreView(_r18); const ctx_r17 = i0.ɵɵnextContext(3); return ctx_r17.contextEmit(); });
+    i0.ɵɵlistener("click", function MapLegendToolComponent_ng_template_6_mat_list_0_mat_list_item_7_Template_h4_click_4_listener() { i0.ɵɵrestoreView(_r18); const ctx_r17 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r17.contextEmit()); });
     i0.ɵɵtext(5);
     i0.ɵɵpipe(6, "translate");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
     i0.ɵɵadvance(5);
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(6, 1, "igo.integration.mapTool.context-tool"), " ");
 } }
 function MapLegendToolComponent_ng_template_6_mat_list_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "mat-list");
-    i0.ɵɵelementStart(1, "p", 5);
+    i0.ɵɵelementStart(0, "mat-list")(1, "p", 5);
     i0.ɵɵtext(2);
     i0.ɵɵpipe(3, "translate");
     i0.ɵɵelementEnd();
@@ -3018,7 +2907,7 @@ let MapLegendToolComponent = class MapLegendToolComponent {
 MapLegendToolComponent.ɵfac = function MapLegendToolComponent_Factory(t) { return new (t || MapLegendToolComponent)(i0.ɵɵdirectiveInject(MapState), i0.ɵɵdirectiveInject(ToolState), i0.ɵɵdirectiveInject(i1$1.SearchSourceService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
 MapLegendToolComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MapLegendToolComponent, selectors: [["igo-map-legend-tool"]], inputs: { updateLegendOnResolutionChange: "updateLegendOnResolutionChange", layerAdditionAllowed: "layerAdditionAllowed", allowShowAllLegends: "allowShowAllLegends", showAllLegendsValue: "showAllLegendsValue", layerListControls: "layerListControls" }, decls: 8, vars: 10, consts: [["igoLayerLegendListBinding", "", 3, "excludeBaseLayers", "allowShowAllLegends", "updateLegendOnResolutionChange", "showAllLegendsValue", "allLegendsShown", 4, "ngIf"], [4, "ngIf", "ngIfElse"], ["class", "map-empty mat-typography", 4, "ngIf"], ["emptyLayers", ""], ["igoLayerLegendListBinding", "", 3, "excludeBaseLayers", "allowShowAllLegends", "updateLegendOnResolutionChange", "showAllLegendsValue", "allLegendsShown"], [1, "map-empty", "mat-typography"], [4, "ngIf"], ["mat-list-icon", ""], ["viewBox", "0 0 24 24", "fit", "", "height", "100%", "width", "100%", "preserveAspectRatio", "xMidYMid meet", "focusable", "false"], ["d", "M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z"], ["matLine", "", 1, "search-tool", "mat-typography", 3, "click"], ["d", "M17,14H19V17H22V19H19V22H17V19H14V17H17V14M11,16L2,9L11,2L20,9L11,16M11,18.54L12,17.75V18C12,18.71 12.12,19.39 12.35,20L11,21.07L2,14.07L3.62,12.81L11,18.54Z"], ["matLine", "", 1, "catalog-tool", "mat-typography", 3, "click"], ["d", "M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z"], ["matLine", "", 1, "context-tool", "mat-typography", 3, "click"]], template: function MapLegendToolComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵtemplate(0, MapLegendToolComponent_igo_layer_legend_list_0_Template, 2, 6, "igo-layer-legend-list", 0);
-        i0.ɵɵtemplate(1, MapLegendToolComponent_1_Template, 1, 0, undefined, 1);
+        i0.ɵɵtemplate(1, MapLegendToolComponent_1_Template, 1, 0, null, 1);
         i0.ɵɵpipe(2, "async");
         i0.ɵɵtemplate(3, MapLegendToolComponent_p_3_Template, 5, 7, "p", 2);
         i0.ɵɵpipe(4, "async");
@@ -3031,7 +2920,7 @@ MapLegendToolComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MapL
         i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(2, 4, ctx.layers$).length !== 0)("ngIfElse", _r3);
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("ngIf", !ctx.allowShowAllLegends && i0.ɵɵpipeBind1(4, 6, ctx.layers$).length !== 0 && i0.ɵɵpipeBind1(5, 8, ctx.visibleOrInRangeLayers$).length === 0);
-    } }, directives: [i5.NgIf, i1$1.LayerLegendListComponent, i1$1.LayerLegendListBindingDirective, i7.MatList, i7.MatListItem, i6.MatIcon, i7.MatListIconCssMatStyler, i8$1.MatLine], pipes: [i5.AsyncPipe, i8.TranslatePipe], styles: [".map-empty[_ngcontent-%COMP%], .search-tool[_ngcontent-%COMP%], .catalog-tool[_ngcontent-%COMP%], .context-tool[_ngcontent-%COMP%]{margin:10px}.map-empty[_ngcontent-%COMP%]{text-align:justify}.search-tool[_ngcontent-%COMP%], .catalog-tool[_ngcontent-%COMP%], .context-tool[_ngcontent-%COMP%]{cursor:pointer}mat-list[_ngcontent-%COMP%]   mat-list-item[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%]{font-weight:bold}mat-list-item[_ngcontent-%COMP%]     .mat-list-text{font-size:smaller}mat-list.mat-list-base[_ngcontent-%COMP%]   mat-list-item.mat-list-item[_ngcontent-%COMP%]     div.mat-list-item-content div.mat-list-text{padding-left:5px}"] });
+    } }, dependencies: [i6.NgIf, i6$1.MatList, i6$1.MatListItem, i8$1.MatLine, i6$1.MatListIconCssMatStyler, i7.MatIcon, i1$1.LayerLegendListComponent, i1$1.LayerLegendListBindingDirective, i6.AsyncPipe, i8.TranslatePipe], styles: [".map-empty[_ngcontent-%COMP%], .search-tool[_ngcontent-%COMP%], .catalog-tool[_ngcontent-%COMP%], .context-tool[_ngcontent-%COMP%]{margin:10px}.map-empty[_ngcontent-%COMP%]{text-align:justify}.search-tool[_ngcontent-%COMP%], .catalog-tool[_ngcontent-%COMP%], .context-tool[_ngcontent-%COMP%]{cursor:pointer}mat-list[_ngcontent-%COMP%]   mat-list-item[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%]{font-weight:700}mat-list-item[_ngcontent-%COMP%]     .mat-list-text{font-size:smaller}mat-list.mat-list-base[_ngcontent-%COMP%]   mat-list-item.mat-list-item[_ngcontent-%COMP%]     div.mat-list-item-content div.mat-list-text{padding-left:5px}"] });
 MapLegendToolComponent = __decorate([
     ToolComponent({
         name: 'mapLegend',
@@ -3041,11 +2930,7 @@ MapLegendToolComponent = __decorate([
 ], MapLegendToolComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MapLegendToolComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-map-legend-tool',
-                templateUrl: './map-legend-tool.component.html',
-                styleUrls: ['./map-legend-tool.component.scss']
-            }]
+        args: [{ selector: 'igo-map-legend-tool', template: "<igo-layer-legend-list *ngIf=\"showAllLegend()\"\r\n  igoLayerLegendListBinding\r\n  [excludeBaseLayers]=\"excludeBaseLayers\"\r\n  [allowShowAllLegends]=\"allowShowAllLegends\"\r\n  [updateLegendOnResolutionChange]=\"updateLegendOnResolutionChange\"\r\n  [showAllLegendsValue]=\"(showAllLegendsValue$ | async)\"\r\n  (allLegendsShown)=\"onShowAllLegends($event)\">\r\n</igo-layer-legend-list>\r\n<ng-template *ngIf=\"(layers$ | async).length !== 0; else emptyLayers\"></ng-template>\r\n\r\n<p class=\"map-empty mat-typography\"\r\n  *ngIf=\"!allowShowAllLegends && (layers$ | async).length !== 0 && (visibleOrInRangeLayers$ | async).length === 0\">\r\n  {{ ((visibleLayers$ | async).length) ? ('igo.integration.mapTool.noLayersInRange' | translate) :  ('igo.integration.mapTool.noLayersVisible' | translate) }}\r\n</p>\r\n\r\n\r\n<ng-template #emptyLayers>\r\n  <mat-list *ngIf=\"delayedShowEmptyMapContent\">\r\n    <p class=\"map-empty mat-typography\">\r\n      {{'igo.integration.mapTool.empty' | translate}}</p>\r\n    <p *ngIf=\"layerAdditionAllowed && (searchToolInToolbar || catalogToolInToolbar || contextToolInToolbar)\" class=\"map-empty mat-typography\">\r\n      {{'igo.integration.mapTool.customize' | translate}}</p>\r\n\r\n    <mat-list-item *ngIf=\"layerAdditionAllowed && searchToolInToolbar\">\r\n      <mat-icon mat-list-icon> <svg viewBox='0 0 24 24' fit='' height='100%' width='100%' preserveAspectRatio='xMidYMid meet' focusable='false'> <path d='M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z'> </path> </svg></mat-icon>\r\n      <h4 matLine class=\"search-tool mat-typography\" (click)=\"searchEmit()\">\r\n        {{'igo.integration.mapTool.search-tool' | translate}}\r\n      </h4>\r\n    </mat-list-item>\r\n    <mat-list-item *ngIf=\"layerAdditionAllowed && catalogToolInToolbar\">\r\n      <mat-icon mat-list-icon> <svg viewBox='0 0 24 24' fit='' height='100%' width='100%' preserveAspectRatio='xMidYMid meet' focusable='false'> <path d='M17,14H19V17H22V19H19V22H17V19H14V17H17V14M11,16L2,9L11,2L20,9L11,16M11,18.54L12,17.75V18C12,18.71 12.12,19.39 12.35,20L11,21.07L2,14.07L3.62,12.81L11,18.54Z'></path> </svg></mat-icon>\r\n      <h4 matLine class=\"catalog-tool mat-typography\" (click)=\"catalogEmit()\">\r\n        {{'igo.integration.mapTool.catalog-tool' | translate}}\r\n      </h4>\r\n    </mat-list-item>\r\n    <mat-list-item *ngIf=\"layerAdditionAllowed && contextToolInToolbar\">\r\n      <mat-icon mat-list-icon> <svg viewBox='0 0 24 24' fit='' height='100%' width='100%' preserveAspectRatio='xMidYMid meet' focusable='false'> <path d='M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z'></path> </svg></mat-icon>\r\n      <h4 matLine class=\"context-tool mat-typography\" (click)=\"contextEmit()\">\r\n        {{'igo.integration.mapTool.context-tool' | translate}}\r\n      </h4>\r\n    </mat-list-item>\r\n  </mat-list>\r\n</ng-template>\r\n", styles: [".map-empty,.search-tool,.catalog-tool,.context-tool{margin:10px}.map-empty{text-align:justify}.search-tool,.catalog-tool,.context-tool{cursor:pointer}mat-list mat-list-item h4{font-weight:700}mat-list-item ::ng-deep .mat-list-text{font-size:smaller}mat-list.mat-list-base mat-list-item.mat-list-item ::ng-deep div.mat-list-item-content div.mat-list-text{padding-left:5px}\n"] }]
     }], function () { return [{ type: MapState }, { type: ToolState }, { type: i1$1.SearchSourceService }, { type: i0.ChangeDetectorRef }]; }, { updateLegendOnResolutionChange: [{
             type: Input
         }], layerAdditionAllowed: [{
@@ -3061,7 +2946,7 @@ MapLegendToolComponent = __decorate([
 function AdvancedSwipeComponent_div_0_mat_option_12_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "mat-option", 5);
-    i0.ɵɵlistener("click", function AdvancedSwipeComponent_div_0_mat_option_12_Template_mat_option_click_0_listener() { i0.ɵɵrestoreView(_r7); i0.ɵɵnextContext(); const _r3 = i0.ɵɵreference(8); const ctx_r6 = i0.ɵɵnextContext(); return ctx_r6.applyNewLayers(_r3); });
+    i0.ɵɵlistener("click", function AdvancedSwipeComponent_div_0_mat_option_12_Template_mat_option_click_0_listener() { i0.ɵɵrestoreView(_r7); i0.ɵɵnextContext(); const _r3 = i0.ɵɵreference(8); const ctx_r6 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r6.applyNewLayers(_r3)); });
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -3072,30 +2957,23 @@ function AdvancedSwipeComponent_div_0_mat_option_12_Template(rf, ctx) { if (rf &
 } }
 function AdvancedSwipeComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 2);
-    i0.ɵɵelementStart(1, "form", 3);
-    i0.ɵɵelementStart(2, "mat-form-field");
-    i0.ɵɵelementStart(3, "mat-label");
+    i0.ɵɵelementStart(0, "div", 2)(1, "form", 3)(2, "mat-form-field")(3, "mat-label");
     i0.ɵɵtext(4);
     i0.ɵɵpipe(5, "translate");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "mat-select", 4);
-    i0.ɵɵelementStart(7, "mat-option", 5, 6);
-    i0.ɵɵlistener("click", function AdvancedSwipeComponent_div_0_Template_mat_option_click_7_listener() { i0.ɵɵrestoreView(_r9); const _r3 = i0.ɵɵreference(8); const ctx_r8 = i0.ɵɵnextContext(); return ctx_r8.selectAll(_r3); });
+    i0.ɵɵelementStart(6, "mat-select", 4)(7, "mat-option", 5, 6);
+    i0.ɵɵlistener("click", function AdvancedSwipeComponent_div_0_Template_mat_option_click_7_listener() { i0.ɵɵrestoreView(_r9); const _r3 = i0.ɵɵreference(8); const ctx_r8 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r8.selectAll(_r3)); });
     i0.ɵɵtext(9);
     i0.ɵɵpipe(10, "translate");
     i0.ɵɵelementEnd();
     i0.ɵɵelement(11, "mat-divider");
     i0.ɵɵtemplate(12, AdvancedSwipeComponent_div_0_mat_option_12_Template, 2, 2, "mat-option", 7);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd()()();
     i0.ɵɵelementStart(13, "mat-slide-toggle", 8);
-    i0.ɵɵlistener("change", function AdvancedSwipeComponent_div_0_Template_mat_slide_toggle_change_13_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r10 = i0.ɵɵnextContext(); return ctx_r10.startSwipe($event.checked); });
+    i0.ɵɵlistener("change", function AdvancedSwipeComponent_div_0_Template_mat_slide_toggle_change_13_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r10 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r10.startSwipe($event.checked)); });
     i0.ɵɵtext(14);
     i0.ɵɵpipe(15, "translate");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance(1);
@@ -3115,8 +2993,7 @@ function AdvancedSwipeComponent_div_0_Template(rf, ctx) { if (rf & 1) {
 } }
 function AdvancedSwipeComponent_ng_template_1_Template(rf, ctx) { if (rf & 1) {
     const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mat-list");
-    i0.ɵɵelementStart(1, "p", 9);
+    i0.ɵɵelementStart(0, "mat-list")(1, "p", 9);
     i0.ɵɵtext(2);
     i0.ɵɵpipe(3, "translate");
     i0.ɵɵelementEnd();
@@ -3127,28 +3004,24 @@ function AdvancedSwipeComponent_ng_template_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(7, "mat-list-item");
     i0.ɵɵelement(8, "mat-icon", 10);
     i0.ɵɵelementStart(9, "h4", 11);
-    i0.ɵɵlistener("click", function AdvancedSwipeComponent_ng_template_1_Template_h4_click_9_listener() { i0.ɵɵrestoreView(_r12); const ctx_r11 = i0.ɵɵnextContext(); return ctx_r11.searchEmit(); });
+    i0.ɵɵlistener("click", function AdvancedSwipeComponent_ng_template_1_Template_h4_click_9_listener() { i0.ɵɵrestoreView(_r12); const ctx_r11 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r11.searchEmit()); });
     i0.ɵɵtext(10);
     i0.ɵɵpipe(11, "translate");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(12, "mat-list-item");
     i0.ɵɵelement(13, "mat-icon", 12);
     i0.ɵɵelementStart(14, "h4", 13);
-    i0.ɵɵlistener("click", function AdvancedSwipeComponent_ng_template_1_Template_h4_click_14_listener() { i0.ɵɵrestoreView(_r12); const ctx_r13 = i0.ɵɵnextContext(); return ctx_r13.catalogEmit(); });
+    i0.ɵɵlistener("click", function AdvancedSwipeComponent_ng_template_1_Template_h4_click_14_listener() { i0.ɵɵrestoreView(_r12); const ctx_r13 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r13.catalogEmit()); });
     i0.ɵɵtext(15);
     i0.ɵɵpipe(16, "translate");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(17, "mat-list-item");
     i0.ɵɵelement(18, "mat-icon", 14);
     i0.ɵɵelementStart(19, "h4", 15);
-    i0.ɵɵlistener("click", function AdvancedSwipeComponent_ng_template_1_Template_h4_click_19_listener() { i0.ɵɵrestoreView(_r12); const ctx_r14 = i0.ɵɵnextContext(); return ctx_r14.contextEmit(); });
+    i0.ɵɵlistener("click", function AdvancedSwipeComponent_ng_template_1_Template_h4_click_19_listener() { i0.ɵɵrestoreView(_r12); const ctx_r14 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r14.contextEmit()); });
     i0.ɵɵtext(20);
     i0.ɵɵpipe(21, "translate");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 5, "igo.integration.advanced-map-tool.advanced-swipe.empty"), "");
@@ -3259,22 +3132,18 @@ class AdvancedSwipeComponent {
         this.toolState.toolbox.activateTool('contextManager');
     }
 }
-AdvancedSwipeComponent.ɵfac = function AdvancedSwipeComponent_Factory(t) { return new (t || AdvancedSwipeComponent)(i0.ɵɵdirectiveInject(MapState), i0.ɵɵdirectiveInject(i1.ContextService), i0.ɵɵdirectiveInject(i3$1.FormBuilder), i0.ɵɵdirectiveInject(ToolState)); };
+AdvancedSwipeComponent.ɵfac = function AdvancedSwipeComponent_Factory(t) { return new (t || AdvancedSwipeComponent)(i0.ɵɵdirectiveInject(MapState), i0.ɵɵdirectiveInject(i1.ContextService), i0.ɵɵdirectiveInject(i3.FormBuilder), i0.ɵɵdirectiveInject(ToolState)); };
 AdvancedSwipeComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AdvancedSwipeComponent, selectors: [["igo-advanced-swipe"]], decls: 3, vars: 2, consts: [["class", "igo-swipe-select-container", 4, "ngIf", "ngIfElse"], ["noLayersBlock", ""], [1, "igo-swipe-select-container"], [1, "igo-form", 3, "formGroup"], ["formControlName", "layers", "multiple", ""], [3, "value", "click"], ["e", ""], [3, "value", "click", 4, "ngFor", "ngForOf"], [1, "swipe-toggle", "mat-typography", 3, "checked", "labelPosition", "change"], [1, "map-empty", "mat-typography"], ["mat-list-icon", "", "svgIcon", "magnify"], ["matLine", "", 1, "search-tool", "mat-typography", 3, "click"], ["mat-list-icon", "", "svgIcon", "layers-plus"], ["matLine", "", 1, "catalog-tool", "mat-typography", 3, "click"], ["mat-list-icon", "", "svgIcon", "star"], ["matLine", "", 1, "context-tool", "mat-typography", 3, "click"]], template: function AdvancedSwipeComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵtemplate(0, AdvancedSwipeComponent_div_0_Template, 16, 14, "div", 0);
         i0.ɵɵtemplate(1, AdvancedSwipeComponent_ng_template_1_Template, 22, 15, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
     } if (rf & 2) {
         const _r1 = i0.ɵɵreference(2);
         i0.ɵɵproperty("ngIf", ctx.userControlledLayerList.length)("ngIfElse", _r1);
-    } }, directives: [i5.NgIf, i3$1.ɵNgNoValidate, i3$1.NgControlStatusGroup, i3$1.FormGroupDirective, i6$1.MatFormField, i6$1.MatLabel, i7$1.MatSelect, i3$1.NgControlStatus, i3$1.FormControlName, i8$1.MatOption, i9.MatDivider, i5.NgForOf, i10.MatSlideToggle, i7.MatList, i7.MatListItem, i6.MatIcon, i7.MatListIconCssMatStyler, i8$1.MatLine], pipes: [i8.TranslatePipe], styles: [".nameOfTool[_ngcontent-%COMP%]{text-align:center;font-weight:bold;font-size:small;margin:15px 10px 0}.igo-swipe-select-container[_ngcontent-%COMP%]{padding:10px}.igo-swipe-select-container[_ngcontent-%COMP%]   mat-form-field[_ngcontent-%COMP%]{width:100%}.igo-form[_ngcontent-%COMP%]{padding:1px 5px;width:100%}.swipe-toggle[_ngcontent-%COMP%]{padding:10px 5px 35px}.map-empty[_ngcontent-%COMP%], .search-tool[_ngcontent-%COMP%], .catalog-tool[_ngcontent-%COMP%], .context-tool[_ngcontent-%COMP%]{margin:5px}.map-empty[_ngcontent-%COMP%]{padding:10px;text-align:justify}.search-tool[_ngcontent-%COMP%], .catalog-tool[_ngcontent-%COMP%], .context-tool[_ngcontent-%COMP%]{cursor:pointer}mat-list[_ngcontent-%COMP%]   mat-list-item[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%]{font-weight:bold}mat-list-item[_ngcontent-%COMP%]     .mat-list-text{font-size:smaller}mat-list.mat-list-base[_ngcontent-%COMP%]   mat-list-item.mat-list-item[_ngcontent-%COMP%]     div.mat-list-item-content div.mat-list-text{padding-left:15px}.advanced-tool-line[_ngcontent-%COMP%]{height:2px;background-color:gray}"] });
+    } }, dependencies: [i3.ɵNgNoValidate, i3.NgControlStatus, i3.NgControlStatusGroup, i3.FormGroupDirective, i3.FormControlName, i5$1.MatDivider, i6$2.MatFormField, i6$2.MatLabel, i7$2.MatSelect, i8$1.MatOption, i6.NgForOf, i6.NgIf, i6$1.MatList, i6$1.MatListItem, i8$1.MatLine, i6$1.MatListIconCssMatStyler, i7.MatIcon, i12.MatSlideToggle, i8.TranslatePipe], styles: [".nameOfTool[_ngcontent-%COMP%]{text-align:center;font-weight:700;font-size:small;margin:15px 10px 0}.igo-swipe-select-container[_ngcontent-%COMP%]{padding:10px}.igo-swipe-select-container[_ngcontent-%COMP%]   mat-form-field[_ngcontent-%COMP%]{width:100%}.igo-form[_ngcontent-%COMP%]{padding:1px 5px;width:100%}.swipe-toggle[_ngcontent-%COMP%]{padding:10px 5px 35px}.map-empty[_ngcontent-%COMP%], .search-tool[_ngcontent-%COMP%], .catalog-tool[_ngcontent-%COMP%], .context-tool[_ngcontent-%COMP%]{margin:5px}.map-empty[_ngcontent-%COMP%]{padding:10px;text-align:justify}.search-tool[_ngcontent-%COMP%], .catalog-tool[_ngcontent-%COMP%], .context-tool[_ngcontent-%COMP%]{cursor:pointer}mat-list[_ngcontent-%COMP%]   mat-list-item[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%]{font-weight:700}mat-list-item[_ngcontent-%COMP%]     .mat-list-text{font-size:smaller}mat-list.mat-list-base[_ngcontent-%COMP%]   mat-list-item.mat-list-item[_ngcontent-%COMP%]     div.mat-list-item-content div.mat-list-text{padding-left:15px}.advanced-tool-line[_ngcontent-%COMP%]{height:2px;background-color:gray}"] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AdvancedSwipeComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-advanced-swipe',
-                templateUrl: './advanced-swipe.component.html',
-                styleUrls: ['./advanced-swipe.component.scss']
-            }]
-    }], function () { return [{ type: MapState }, { type: i1.ContextService }, { type: i3$1.FormBuilder }, { type: ToolState }]; }, null); })();
+        args: [{ selector: 'igo-advanced-swipe', template: "<div *ngIf=\"userControlledLayerList.length; else noLayersBlock\" class=\"igo-swipe-select-container\">\r\n    <form class=\"igo-form\" [formGroup]=\"form\">\r\n        <mat-form-field>\r\n            <mat-label>{{'igo.integration.advanced-map-tool.advanced-swipe.swipe-select' | translate}}</mat-label>\r\n            <mat-select formControlName=\"layers\" multiple>\r\n                <mat-option [value]=\"1\" (click)=\"selectAll(e)\" #e>\r\n                    {{'igo.integration.advanced-map-tool.advanced-swipe.selectAll' | translate}}\r\n                </mat-option>\r\n                <mat-divider></mat-divider>\r\n                <mat-option *ngFor=\"let layer of userControlledLayerList\" [value]=\"layer\" (click)=\"applyNewLayers(e)\">{{layer.title}}</mat-option>\r\n            </mat-select>\r\n        </mat-form-field>\r\n    </form>\r\n\r\n    <mat-slide-toggle class=\"swipe-toggle mat-typography\"\r\n        [checked]=\"swipe\"\r\n        [labelPosition]=\"'before'\"\r\n        (change)=\"startSwipe($event.checked)\">\r\n        {{'igo.integration.advanced-map-tool.advanced-swipe.swipe' | translate}}\r\n    </mat-slide-toggle> \r\n</div>\r\n\r\n<ng-template #noLayersBlock>\r\n    <mat-list>\r\n        <p class=\"map-empty mat-typography\">\r\n            {{'igo.integration.advanced-map-tool.advanced-swipe.empty' | translate}}</p>\r\n        <p class=\"map-empty mat-typography\">\r\n            {{'igo.integration.advanced-map-tool.advanced-swipe.customize' | translate}}</p>\r\n        <mat-list-item>\r\n            <mat-icon mat-list-icon svgIcon=\"magnify\"></mat-icon>\r\n            <h4 matLine class=\"search-tool mat-typography\" (click)=\"searchEmit()\">\r\n                {{'igo.integration.advanced-map-tool.advanced-swipe.search-tool' | translate}}\r\n            </h4>\r\n        </mat-list-item>\r\n        <mat-list-item>\r\n            <mat-icon mat-list-icon svgIcon=\"layers-plus\"></mat-icon>\r\n            <h4 matLine class=\"catalog-tool mat-typography\" (click)=\"catalogEmit()\">\r\n                {{'igo.integration.advanced-map-tool.advanced-swipe.catalog-tool' | translate}}\r\n            </h4>\r\n        </mat-list-item>\r\n        <mat-list-item>\r\n            <mat-icon mat-list-icon svgIcon=\"star\"></mat-icon>\r\n            <h4 matLine class=\"context-tool mat-typography\" (click)=\"contextEmit()\">\r\n                {{'igo.integration.advanced-map-tool.advanced-swipe.context-tool' | translate}}\r\n            </h4>\r\n        </mat-list-item>\r\n    </mat-list>\r\n</ng-template>\r\n", styles: [".nameOfTool{text-align:center;font-weight:700;font-size:small;margin:15px 10px 0}.igo-swipe-select-container{padding:10px}.igo-swipe-select-container mat-form-field{width:100%}.igo-form{padding:1px 5px;width:100%}.swipe-toggle{padding:10px 5px 35px}.map-empty,.search-tool,.catalog-tool,.context-tool{margin:5px}.map-empty{padding:10px;text-align:justify}.search-tool,.catalog-tool,.context-tool{cursor:pointer}mat-list mat-list-item h4{font-weight:700}mat-list-item ::ng-deep .mat-list-text{font-size:smaller}mat-list.mat-list-base mat-list-item.mat-list-item ::ng-deep div.mat-list-item-content div.mat-list-text{padding-left:15px}.advanced-tool-line{height:2px;background-color:gray}\n"] }]
+    }], function () { return [{ type: MapState }, { type: i1.ContextService }, { type: i3.FormBuilder }, { type: ToolState }]; }, null); })();
 
 function AdvancedCoordinatesComponent_mat_form_field_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "mat-form-field", 12);
@@ -3653,7 +3522,7 @@ class AdvancedCoordinatesComponent {
         });
     }
 }
-AdvancedCoordinatesComponent.ɵfac = function AdvancedCoordinatesComponent_Factory(t) { return new (t || AdvancedCoordinatesComponent)(i0.ɵɵdirectiveInject(MapState), i0.ɵɵdirectiveInject(i2.LanguageService), i0.ɵɵdirectiveInject(i2.MessageService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i2.StorageService), i0.ɵɵdirectiveInject(i2.ConfigService), i0.ɵɵdirectiveInject(i3$1.FormBuilder)); };
+AdvancedCoordinatesComponent.ɵfac = function AdvancedCoordinatesComponent_Factory(t) { return new (t || AdvancedCoordinatesComponent)(i0.ɵɵdirectiveInject(MapState), i0.ɵɵdirectiveInject(i2.LanguageService), i0.ɵɵdirectiveInject(i2.MessageService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i2.StorageService), i0.ɵɵdirectiveInject(i2.ConfigService), i0.ɵɵdirectiveInject(i3.FormBuilder)); };
 AdvancedCoordinatesComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AdvancedCoordinatesComponent, selectors: [["igo-advanced-coordinates"]], inputs: { projectionsLimitations: "projectionsLimitations" }, decls: 32, vars: 37, consts: [["class", "coordinates", 4, "ngIf", "ngIfElse"], ["elseBlock", ""], ["class", "coordinates2", 4, "ngIf", "ngIfElse"], ["elseBlock2", ""], ["mat-raised-button", "", 1, "igo-form-button-group", 3, "click"], ["svgIcon", "content-copy"], [1, "igo-form", 3, "formGroup"], [1, "igo-input-container"], [3, "value", "valueChange"], ["matTooltipShowDelay", "500", 3, "value", "click", 4, "ngFor", "ngForOf"], [1, "center-toggle", "mat-typography", 3, "checked", "labelPosition", "change"], [1, "igo-zoom", "mat-typography"], [1, "coordinates"], ["matInput", "", "readonly", "", "rows", "1", 3, "placeholder", "value"], ["textArea", ""], [1, "coordinates2"], ["matTooltipShowDelay", "500", 3, "value", "click"]], template: function AdvancedCoordinatesComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵtemplate(0, AdvancedCoordinatesComponent_mat_form_field_0_Template, 4, 4, "mat-form-field", 0);
         i0.ɵɵtemplate(1, AdvancedCoordinatesComponent_ng_template_1_Template, 4, 4, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
@@ -3665,9 +3534,7 @@ AdvancedCoordinatesComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type
         i0.ɵɵtext(8);
         i0.ɵɵpipe(9, "translate");
         i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(10, "form", 6);
-        i0.ɵɵelementStart(11, "mat-form-field", 7);
-        i0.ɵɵelementStart(12, "mat-label");
+        i0.ɵɵelementStart(10, "form", 6)(11, "mat-form-field", 7)(12, "mat-label");
         i0.ɵɵtext(13);
         i0.ɵɵpipe(14, "translate");
         i0.ɵɵelementEnd();
@@ -3675,14 +3542,12 @@ AdvancedCoordinatesComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type
         i0.ɵɵlistener("valueChange", function AdvancedCoordinatesComponent_Template_mat_select_valueChange_15_listener($event) { return ctx.inputProj = $event; });
         i0.ɵɵtemplate(16, AdvancedCoordinatesComponent_mat_option_16_Template, 2, 2, "mat-option", 9);
         i0.ɵɵpipe(17, "async");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd()();
         i0.ɵɵelementStart(18, "mat-slide-toggle", 10);
         i0.ɵɵlistener("change", function AdvancedCoordinatesComponent_Template_mat_slide_toggle_change_18_listener($event) { return ctx.displayCenter($event.checked); });
         i0.ɵɵtext(19);
         i0.ɵɵpipe(20, "translate");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd()();
         i0.ɵɵelementStart(21, "p", 11);
         i0.ɵɵtext(22);
         i0.ɵɵpipe(23, "translate");
@@ -3723,15 +3588,11 @@ AdvancedCoordinatesComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type
         i0.ɵɵtextInterpolate2("", i0.ɵɵpipeBind1(26, 28, "igo.integration.advanced-map-tool.advanced-coordinates.scale"), " ", i0.ɵɵpipeBind1(27, 30, ctx.formattedScale$), "");
         i0.ɵɵadvance(4);
         i0.ɵɵtextInterpolate2("", i0.ɵɵpipeBind1(30, 32, "igo.integration.advanced-map-tool.advanced-coordinates.resolution"), " ", i0.ɵɵpipeBind2(31, 34, ctx.map.viewController.getResolution(), "1.0-0"), "");
-    } }, directives: [i5.NgIf, i3.MatButton, i6.MatIcon, i3$1.ɵNgNoValidate, i3$1.NgControlStatusGroup, i3$1.FormGroupDirective, i6$1.MatFormField, i6$1.MatLabel, i7$1.MatSelect, i5.NgForOf, i10.MatSlideToggle, i10$1.MatInput, i8$1.MatOption], pipes: [i8.TranslatePipe, i5.AsyncPipe, i5.DecimalPipe], styles: ["textarea[_ngcontent-%COMP%]{resize:none}mat-form-field[_ngcontent-%COMP%]{padding:10px 15px}mat-form-field.coordinates[_ngcontent-%COMP%]{width:120px}mat-form-field.coordinates2[_ngcontent-%COMP%]{width:120px;padding:0 10px 0 3px}mat-form-field.igo-input-container[_ngcontent-%COMP%]{width:60%;padding:0 15px}.igo-form-button-group[_ngcontent-%COMP%]{padding:0 10px;margin:0 10px}.center-toggle[_ngcontent-%COMP%]{padding:10px 15px 35px}mat-slide-toggle[_ngcontent-%COMP%]{font-size:small}.igo-zoom[_ngcontent-%COMP%]{padding:0 15px}"] });
+    } }, dependencies: [i3.ɵNgNoValidate, i3.NgControlStatusGroup, i3.FormGroupDirective, i6$2.MatFormField, i6$2.MatLabel, i7$2.MatSelect, i8$1.MatOption, i7$3.MatInput, i6.NgForOf, i6.NgIf, i7.MatIcon, i12.MatSlideToggle, i10.MatButton, i6.AsyncPipe, i6.DecimalPipe, i8.TranslatePipe], styles: ["textarea[_ngcontent-%COMP%]{resize:none}mat-form-field[_ngcontent-%COMP%]{padding:10px 15px}mat-form-field.coordinates[_ngcontent-%COMP%]{width:120px}mat-form-field.coordinates2[_ngcontent-%COMP%]{width:120px;padding:0 10px 0 3px}mat-form-field.igo-input-container[_ngcontent-%COMP%]{width:60%;padding:0 15px}.igo-form-button-group[_ngcontent-%COMP%]{padding:0 10px;margin:0 10px}.center-toggle[_ngcontent-%COMP%]{padding:10px 15px 35px}mat-slide-toggle[_ngcontent-%COMP%]{font-size:small}.igo-zoom[_ngcontent-%COMP%]{padding:0 15px}"] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AdvancedCoordinatesComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-advanced-coordinates',
-                templateUrl: './advanced-coordinates.component.html',
-                styleUrls: ['./advanced-coordinates.component.scss']
-            }]
-    }], function () { return [{ type: MapState }, { type: i2.LanguageService }, { type: i2.MessageService }, { type: i0.ChangeDetectorRef }, { type: i2.StorageService }, { type: i2.ConfigService }, { type: i3$1.FormBuilder }]; }, { projectionsLimitations: [{
+        args: [{ selector: 'igo-advanced-coordinates', template: "<mat-form-field *ngIf=\"units; else elseBlock\" class=\"coordinates\">\r\n    <textarea  #textArea matInput readonly rows=\"1\"\r\n      [placeholder]=\"'igo.integration.advanced-map-tool.advanced-coordinates.lon' | translate\"\r\n      [value]=\"coordinates[0]\"></textarea>\r\n</mat-form-field>\r\n<ng-template #elseBlock >\r\n  <mat-form-field class=\"coordinates\">\r\n    <textarea #textArea matInput readonly rows=\"1\"\r\n  [placeholder]=\"'igo.integration.advanced-map-tool.advanced-coordinates.est' | translate\"\r\n  [value]=\"coordinates[0]\"></textarea></mat-form-field>\r\n</ng-template>\r\n\r\n<mat-form-field *ngIf=\"units; else elseBlock2\" class=\"coordinates2\">\r\n    <textarea #textArea matInput readonly rows=\"1\"\r\n      [placeholder]=\"'igo.integration.advanced-map-tool.advanced-coordinates.lat' | translate\"\r\n      [value]=\"coordinates[1]\"></textarea>\r\n</mat-form-field>\r\n<ng-template #elseBlock2 >\r\n  <mat-form-field class=\"coordinates2\">  <textarea #textArea matInput readonly rows=\"1\"\r\n  [placeholder]=\"'igo.integration.advanced-map-tool.advanced-coordinates.nord' | translate\"\r\n  [value]=\"coordinates[1]\"></textarea></mat-form-field>\r\n</ng-template>\r\n\r\n<button class=\"igo-form-button-group\"\r\n    mat-raised-button\r\n    (click)=\"copyTextToClipboard()\">\r\n    <mat-icon svgIcon=\"content-copy\"></mat-icon>\r\n    {{ 'igo.integration.advanced-map-tool.advanced-coordinates.copy' | translate }}\r\n</button>\r\n\r\n<form class=\"igo-form\" [formGroup]=\"form\">\r\n  <mat-form-field class=\"igo-input-container\">\r\n    <mat-label>{{'igo.integration.advanced-map-tool.advanced-coordinates.coordSystem' | translate}}</mat-label>\r\n    <mat-select [(value)]=\"inputProj\">\r\n      <mat-option matTooltipShowDelay=\"500\"\r\n        *ngFor=\"let projection of (projections$ | async)\"\r\n        [value]=\"projection\"\r\n        (click)=\"$event.stopPropagation()\">\r\n        {{projection.translatedValue || projection.alias }}\r\n      </mat-option>\r\n    </mat-select>\r\n  </mat-form-field>\r\n  <mat-slide-toggle class=\"center-toggle mat-typography\"\r\n    [checked]=\"center\"\r\n    [labelPosition]=\"'before'\"\r\n    (change)=\"displayCenter($event.checked)\">\r\n    {{'igo.integration.advanced-map-tool.advanced-coordinates.center' | translate}}\r\n  </mat-slide-toggle> \r\n</form>\r\n\r\n<p class=\"igo-zoom mat-typography\">{{'igo.integration.advanced-map-tool.advanced-coordinates.zoom' | translate}} {{map.viewController.getZoom() }}</p>\r\n<p class=\"igo-zoom mat-typography\">{{'igo.integration.advanced-map-tool.advanced-coordinates.scale' | translate}} {{ formattedScale$ | async }}</p>\r\n<p class=\"igo-zoom mat-typography\">{{'igo.integration.advanced-map-tool.advanced-coordinates.resolution' | translate}} {{map.viewController.getResolution() | number: '1.0-0' }}</p>", styles: ["textarea{resize:none}mat-form-field{padding:10px 15px}mat-form-field.coordinates{width:120px}mat-form-field.coordinates2{width:120px;padding:0 10px 0 3px}mat-form-field.igo-input-container{width:60%;padding:0 15px}.igo-form-button-group{padding:0 10px;margin:0 10px}.center-toggle{padding:10px 15px 35px}mat-slide-toggle{font-size:small}.igo-zoom{padding:0 15px}\n"] }]
+    }], function () { return [{ type: MapState }, { type: i2.LanguageService }, { type: i2.MessageService }, { type: i0.ChangeDetectorRef }, { type: i2.StorageService }, { type: i2.ConfigService }, { type: i3.FormBuilder }]; }, { projectionsLimitations: [{
             type: Input
         }] }); })();
 
@@ -3758,21 +3619,17 @@ AdvancedMapToolComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Ad
         i0.ɵɵtext(1);
         i0.ɵɵpipe(2, "translate");
         i0.ɵɵelementEnd();
-        i0.ɵɵelement(3, "igo-advanced-swipe");
-        i0.ɵɵelement(4, "mat-divider", 1);
+        i0.ɵɵelement(3, "igo-advanced-swipe")(4, "mat-divider", 1);
         i0.ɵɵelementStart(5, "h4", 0);
         i0.ɵɵtext(6);
         i0.ɵɵpipe(7, "translate");
         i0.ɵɵelementEnd();
-        i0.ɵɵelement(8, "igo-advanced-coordinates");
-        i0.ɵɵelement(9, "mat-divider", 1);
+        i0.ɵɵelement(8, "igo-advanced-coordinates")(9, "mat-divider", 1);
         i0.ɵɵelementStart(10, "h4", 0);
         i0.ɵɵtext(11);
         i0.ɵɵpipe(12, "translate");
         i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(13, "div", 2);
-        i0.ɵɵelementStart(14, "div", 3);
-        i0.ɵɵelementStart(15, "mat-slide-toggle", 4);
+        i0.ɵɵelementStart(13, "div", 2)(14, "div", 3)(15, "mat-slide-toggle", 4);
         i0.ɵɵlistener("change", function AdvancedMapToolComponent_Template_mat_slide_toggle_change_15_listener($event) { return ctx.toggleTracking($event.checked); });
         i0.ɵɵpipe(16, "async");
         i0.ɵɵtext(17);
@@ -3784,9 +3641,7 @@ AdvancedMapToolComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Ad
         i0.ɵɵpipe(21, "async");
         i0.ɵɵtext(22);
         i0.ɵɵpipe(23, "translate");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd()()();
     } if (rf & 2) {
         i0.ɵɵadvance(1);
         i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 10, "igo.integration.advanced-map-tool.advanced-swipe.swipe-tool"));
@@ -3802,7 +3657,7 @@ AdvancedMapToolComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Ad
         i0.ɵɵproperty("disabled", i0.ɵɵpipeBind1(20, 20, ctx.tracking$) !== true)("checked", i0.ɵɵpipeBind1(21, 22, ctx.followPosition$))("labelPosition", "before");
         i0.ɵɵadvance(3);
         i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(23, 24, "igo.integration.advanced-map-tool.geolocation.follow"), " ");
-    } }, directives: [AdvancedSwipeComponent, i9.MatDivider, AdvancedCoordinatesComponent, i10.MatSlideToggle], pipes: [i8.TranslatePipe, i5.AsyncPipe], styles: [".nameOfTool[_ngcontent-%COMP%]{text-align:center;font-weight:bold;font-size:small;margin:15px 10px 0}.advanced-tool-line[_ngcontent-%COMP%]{height:2px;background-color:gray}.geolocation-slide-toggle-container[_ngcontent-%COMP%]{overflow-x:hidden}.geolocation-slide-toggle-container[_ngcontent-%COMP%]   mat-slide-toggle[_ngcontent-%COMP%]{width:100%;margin:10px}.geolocation-slide-toggle-container[_ngcontent-%COMP%]   mat-slide-toggle[_ngcontent-%COMP%]     .mat-slide-toggle-content{width:calc(100% - 60px)}.geolocation-option[_ngcontent-%COMP%]{display:block;margin-right:10px;margin-bottom:15px}"] });
+    } }, dependencies: [i5$1.MatDivider, i12.MatSlideToggle, AdvancedSwipeComponent, AdvancedCoordinatesComponent, i6.AsyncPipe, i8.TranslatePipe], styles: [".nameOfTool[_ngcontent-%COMP%]{text-align:center;font-weight:700;font-size:small;margin:15px 10px 0}.advanced-tool-line[_ngcontent-%COMP%]{height:2px;background-color:gray}.geolocation-slide-toggle-container[_ngcontent-%COMP%]{overflow-x:hidden}.geolocation-slide-toggle-container[_ngcontent-%COMP%]   mat-slide-toggle[_ngcontent-%COMP%]{width:100%;margin:10px}.geolocation-slide-toggle-container[_ngcontent-%COMP%]   mat-slide-toggle[_ngcontent-%COMP%]     .mat-slide-toggle-content{width:calc(100% - 60px)}.geolocation-option[_ngcontent-%COMP%]{display:block;margin-right:10px;margin-bottom:15px}"] });
 AdvancedMapToolComponent = __decorate([
     ToolComponent({
         name: 'advancedMap',
@@ -3815,11 +3670,7 @@ AdvancedMapToolComponent = __decorate([
 ], AdvancedMapToolComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AdvancedMapToolComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-advanced-map-tool',
-                templateUrl: './advanced-map-tool.component.html',
-                styleUrls: ['./advanced-map-tool.component.scss']
-            }]
+        args: [{ selector: 'igo-advanced-map-tool', template: "<h4 class=\"nameOfTool\">{{'igo.integration.advanced-map-tool.advanced-swipe.swipe-tool' | translate}}</h4>\r\n<igo-advanced-swipe></igo-advanced-swipe>\r\n<mat-divider class=\"advanced-tool-line\"></mat-divider>\r\n\r\n<h4 class=\"nameOfTool\">{{'igo.integration.advanced-map-tool.advanced-coordinates.coordinates' | translate}}</h4>\r\n<igo-advanced-coordinates></igo-advanced-coordinates>\r\n<mat-divider class=\"advanced-tool-line\"></mat-divider>\r\n\r\n<h4 class=\"nameOfTool\">{{'igo.integration.advanced-map-tool.geolocation.title' | translate}}</h4>\r\n\r\n<div class=\"igo-input-container\">\r\n  <div class=\"geolocation-slide-toggle-container mat-typography\">\r\n    <mat-slide-toggle \r\n      class=\"geolocation-option mat-typography\"\r\n      [checked]=\"tracking$ | async\"\r\n      [labelPosition]=\"'before'\"\r\n      (change)=\"toggleTracking($event.checked)\">\r\n      {{'igo.integration.advanced-map-tool.geolocation.tracking' | translate}}\r\n    </mat-slide-toggle>\r\n\r\n    <mat-slide-toggle\r\n      class=\"geolocation-option mat-typography\"\r\n      [disabled]=\"(tracking$ | async) !== true\"\r\n      [checked]=\"followPosition$ | async\"\r\n      [labelPosition]=\"'before'\"\r\n      (change)=\"toggleFollow($event.checked)\">\r\n      {{'igo.integration.advanced-map-tool.geolocation.follow' | translate}}\r\n    </mat-slide-toggle>\r\n  </div>\r\n</div>", styles: [".nameOfTool{text-align:center;font-weight:700;font-size:small;margin:15px 10px 0}.advanced-tool-line{height:2px;background-color:gray}.geolocation-slide-toggle-container{overflow-x:hidden}.geolocation-slide-toggle-container mat-slide-toggle{width:100%;margin:10px}.geolocation-slide-toggle-container mat-slide-toggle ::ng-deep .mat-slide-toggle-content{width:calc(100% - 60px)}.geolocation-option{display:block;margin-right:10px;margin-bottom:15px}\n"] }]
     }], function () { return [{ type: MapState }]; }, null); })();
 
 /**
@@ -3928,23 +3779,22 @@ class MapProximityState {
             type: FEATURE,
             geometry,
             projection: projection.getCode(),
-            properties: Object.assign(Object.assign({}, feature.properties), {
-                id: featureId,
-                element: title,
-                distance,
-                coordFromCalculatedDistance,
-                layerSrcId: layer.id,
-                layerSrcTitle: layer.title
-            }),
+            properties: { ...feature.properties, ...{
+                    id: featureId,
+                    element: title,
+                    distance,
+                    coordFromCalculatedDistance,
+                    layerSrcId: layer.id,
+                    layerSrcTitle: layer.title
+                } },
             meta: {
                 id: featureId
             }
         });
     }
     getQueryTitle(feature, layer) {
-        var _a, _b;
         let title;
-        if ((_b = (_a = layer.options) === null || _a === void 0 ? void 0 : _a.source) === null || _b === void 0 ? void 0 : _b.options) {
+        if (layer.options?.source?.options) {
             const dataSourceOptions = layer.options.source
                 .options;
             if (dataSourceOptions.queryTitle) {
@@ -3999,7 +3849,7 @@ function MapProximityToolComponent_mat_form_field_5_Template(rf, ctx) { if (rf &
 function MapProximityToolComponent_button_7_Template(rf, ctx) { if (rf & 1) {
     const _r9 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 18);
-    i0.ɵɵlistener("click", function MapProximityToolComponent_button_7_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r8 = i0.ɵɵnextContext(); return ctx_r8.copyTextToClipboard(); });
+    i0.ɵɵlistener("click", function MapProximityToolComponent_button_7_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r8 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r8.copyTextToClipboard()); });
     i0.ɵɵelement(1, "mat-icon", 19);
     i0.ɵɵelementEnd();
 } }
@@ -4073,8 +3923,7 @@ let MapProximityToolComponent = class MapProximityToolComponent {
      * Copy the coordinates to a clipboard
      */
     copyTextToClipboard() {
-        var _a;
-        const successful = Clipboard.copy((_a = this.mapProximityState.currentPositionCoordinate$) === null || _a === void 0 ? void 0 : _a.value.toString());
+        const successful = Clipboard.copy(this.mapProximityState.currentPositionCoordinate$?.value.toString());
         if (successful) {
             const translate = this.languageService.translate;
             const title = translate.instant('igo.integration.map-proximity-tool.copyTitle');
@@ -4090,8 +3939,7 @@ MapProximityToolComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: M
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.table = _t.first);
     } }, decls: 31, vars: 35, consts: [[1, "table-compact", 3, "store", "template"], ["table", ""], ["class", "coordinates", 4, "ngIf"], ["class", "coordinates2", 4, "ngIf"], ["mat-icon-button", "", 3, "click", 4, "ngIf"], [1, "title-container"], [1, "title", "mat-typography"], [1, "igo-input-container", "mat-typography"], [3, "change"], ["value", "geolocation", 3, "checked"], ["value", "mapCenter", 3, "checked"], [1, "radius-unit"], ["appearance", "outline", "floatLabel", "always", 1, "measure-field"], ["type", "number", "pattern", "[0-9]*", "matInput", "", 3, "ngModel", "placeholder", "ngModelChange"], [1, "coordinates"], ["matInput", "", "readonly", "", "rows", "1", 3, "placeholder", "value"], ["textArea", ""], [1, "coordinates2"], ["mat-icon-button", "", 3, "click"], ["svgIcon", "content-copy"]], template: function MapProximityToolComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelement(0, "igo-entity-table", 0, 1);
-        i0.ɵɵelement(2, "br");
+        i0.ɵɵelement(0, "igo-entity-table", 0, 1)(2, "br");
         i0.ɵɵtemplate(3, MapProximityToolComponent_mat_form_field_3_Template, 4, 4, "mat-form-field", 2);
         i0.ɵɵpipe(4, "async");
         i0.ɵɵtemplate(5, MapProximityToolComponent_mat_form_field_5_Template, 4, 4, "mat-form-field", 3);
@@ -4099,14 +3947,11 @@ MapProximityToolComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: M
         i0.ɵɵtemplate(7, MapProximityToolComponent_button_7_Template, 2, 0, "button", 4);
         i0.ɵɵpipe(8, "async");
         i0.ɵɵpipe(9, "async");
-        i0.ɵɵelementStart(10, "div", 5);
-        i0.ɵɵelementStart(11, "mat-label", 6);
+        i0.ɵɵelementStart(10, "div", 5)(11, "mat-label", 6);
         i0.ɵɵtext(12);
         i0.ɵɵpipe(13, "translate");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(14, "div", 7);
-        i0.ɵɵelementStart(15, "mat-radio-group", 8);
+        i0.ɵɵelementEnd()();
+        i0.ɵɵelementStart(14, "div", 7)(15, "mat-radio-group", 8);
         i0.ɵɵlistener("change", function MapProximityToolComponent_Template_mat_radio_group_change_15_listener($event) { return ctx.onLocationTypeChange($event); });
         i0.ɵɵelementStart(16, "mat-radio-button", 9);
         i0.ɵɵpipe(17, "async");
@@ -4117,21 +3962,15 @@ MapProximityToolComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: M
         i0.ɵɵpipe(21, "async");
         i0.ɵɵtext(22);
         i0.ɵɵpipe(23, "translate");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(24, "div", 11);
-        i0.ɵɵelementStart(25, "mat-form-field", 12);
-        i0.ɵɵelementStart(26, "mat-label");
+        i0.ɵɵelementEnd()()();
+        i0.ɵɵelementStart(24, "div", 11)(25, "mat-form-field", 12)(26, "mat-label");
         i0.ɵɵtext(27);
         i0.ɵɵpipe(28, "translate");
         i0.ɵɵelementEnd();
         i0.ɵɵelementStart(29, "input", 13);
         i0.ɵɵlistener("ngModelChange", function MapProximityToolComponent_Template_input_ngModelChange_29_listener($event) { return ctx.maxDistance = $event; });
         i0.ɵɵpipe(30, "translate");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd()()();
     } if (rf & 2) {
         i0.ɵɵproperty("store", ctx.mapProximityState.proximityFeatureStore)("template", ctx.tableTemplate);
         i0.ɵɵadvance(3);
@@ -4155,7 +3994,7 @@ MapProximityToolComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: M
         i0.ɵɵadvance(2);
         i0.ɵɵpropertyInterpolate("placeholder", i0.ɵɵpipeBind1(30, 33, "igo.integration.map-proximity-tool.radiusM"));
         i0.ɵɵproperty("ngModel", ctx.maxDistance);
-    } }, directives: [i4.EntityTableComponent, i5.NgIf, i6$1.MatLabel, i7$2.MatRadioGroup, i7$2.MatRadioButton, i6$1.MatFormField, i3$1.NumberValueAccessor, i10$1.MatInput, i3$1.DefaultValueAccessor, i3$1.PatternValidator, i3$1.NgControlStatus, i3$1.NgModel, i3.MatButton, i6.MatIcon], pipes: [i5.AsyncPipe, i8.TranslatePipe], styles: [".table-compact[_ngcontent-%COMP%]{height:auto}.table-compact[_ngcontent-%COMP%]     .mat-header-cell.mat-column-selectionCheckbox{width:52px}textarea[_ngcontent-%COMP%]{resize:none}mat-form-field[_ngcontent-%COMP%]{padding:10px 15px}mat-form-field.coordinates[_ngcontent-%COMP%]{width:110px}mat-form-field.coordinates2[_ngcontent-%COMP%]{width:100px;padding:0 10px 0 3px}mat-form-field.igo-input-container[_ngcontent-%COMP%]{width:60%;padding:0 15px}.radius-unit[_ngcontent-%COMP%]{display:flex;width:90%;margin-left:2px;padding:5px}.radius-field[_ngcontent-%COMP%]{display:flex;flex-flow:column nowrap;width:60%}.title-container[_ngcontent-%COMP%]{padding:10px}.title[_ngcontent-%COMP%]{margin-left:5px;font-size:medium;font-size:initial}.mat-radio-group[_ngcontent-%COMP%]{display:flex;flex-direction:column;padding-top:10px}.mat-radio-button[_ngcontent-%COMP%]{display:inline-flex;position:relative;margin-left:16px;margin-top:10px}"] });
+    } }, dependencies: [i3.DefaultValueAccessor, i3.NumberValueAccessor, i3.NgControlStatus, i3.PatternValidator, i3.NgModel, i6$2.MatFormField, i6$2.MatLabel, i7$3.MatInput, i6.NgIf, i7.MatIcon, i9.MatRadioGroup, i9.MatRadioButton, i10.MatButton, i4.EntityTableComponent, i6.AsyncPipe, i8.TranslatePipe], styles: [".table-compact[_ngcontent-%COMP%]{height:auto}.table-compact[_ngcontent-%COMP%]     .mat-header-cell.mat-column-selectionCheckbox{width:52px}textarea[_ngcontent-%COMP%]{resize:none}mat-form-field[_ngcontent-%COMP%]{padding:10px 15px}mat-form-field.coordinates[_ngcontent-%COMP%]{width:110px}mat-form-field.coordinates2[_ngcontent-%COMP%]{width:100px;padding:0 10px 0 3px}mat-form-field.igo-input-container[_ngcontent-%COMP%]{width:60%;padding:0 15px}.radius-unit[_ngcontent-%COMP%]{display:flex;width:90%;margin-left:2px;padding:5px}.radius-field[_ngcontent-%COMP%]{display:flex;flex-flow:column nowrap;width:60%}.title-container[_ngcontent-%COMP%]{padding:10px}.title[_ngcontent-%COMP%]{margin-left:5px;font-size:medium;font-size:initial}.mat-radio-group[_ngcontent-%COMP%]{display:flex;flex-direction:column;padding-top:10px}.mat-radio-button[_ngcontent-%COMP%]{display:inline-flex;position:relative;margin-left:16px;margin-top:10px}"] });
 MapProximityToolComponent = __decorate([
     ToolComponent({
         name: 'map-proximity',
@@ -4168,11 +4007,7 @@ MapProximityToolComponent = __decorate([
 ], MapProximityToolComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MapProximityToolComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-map-proximity-tool',
-                templateUrl: './map-proximity-tool.component.html',
-                styleUrls: ['./map-proximity-tool.component.scss']
-            }]
+        args: [{ selector: 'igo-map-proximity-tool', template: "<igo-entity-table #table class=\"table-compact\" [store]=\"mapProximityState.proximityFeatureStore\" [template]=\"tableTemplate\"></igo-entity-table>\r\n<br>\r\n<mat-form-field *ngIf=\"mapProximityState.currentPositionCoordinate$ | async as coord\" class=\"coordinates\">\r\n  <textarea #textArea matInput readonly rows=\"1\"\r\n    [placeholder]=\"'igo.integration.map-proximity-tool.lon' | translate\"\r\n    [value]=\"coord[0]\"></textarea>\r\n</mat-form-field>\r\n<mat-form-field *ngIf=\"mapProximityState.currentPositionCoordinate$ | async as coord2\" class=\"coordinates2\">\r\n  <textarea #textArea matInput readonly rows=\"1\"\r\n    [placeholder]=\"'igo.integration.map-proximity-tool.lat' | translate\"\r\n    [value]=\"coord2[1]\"></textarea>\r\n</mat-form-field>\r\n\r\n<button *ngIf=\"(mapProximityState.currentPositionCoordinate$ | async) && (mapProximityState.currentPositionCoordinate$ | async).length\" mat-icon-button\r\n  (click)=\"copyTextToClipboard()\">\r\n  <mat-icon svgIcon=\"content-copy\"></mat-icon>\r\n</button>\r\n<div class=\"title-container\">\r\n  <mat-label class=\"title mat-typography\">{{'igo.integration.map-proximity-tool.method' | translate}}</mat-label>\r\n</div>\r\n<div class=\"igo-input-container mat-typography\">\r\n  <mat-radio-group (change)=\"onLocationTypeChange($event)\">\r\n    <mat-radio-button [checked]=\"(mapProximityState.proximitylocationType$|async)==='geolocation'\" value=\"geolocation\">{{'igo.integration.map-proximity-tool.geolocation' | translate}}</mat-radio-button>\r\n    <mat-radio-button [checked]=\"(mapProximityState.proximitylocationType$|async)==='mapCenter'\" value=\"mapCenter\">{{'igo.integration.map-proximity-tool.mapCenter' | translate}}</mat-radio-button>\r\n  </mat-radio-group>\r\n</div>\r\n\r\n<div class=\"radius-unit\"> \r\n  \r\n  <mat-form-field appearance=\"outline\" class=\"measure-field\" floatLabel=\"always\">\r\n    <mat-label>{{'igo.integration.map-proximity-tool.radiusM' | translate}}</mat-label>\r\n    <input type=\"number\" pattern=\"[0-9]*\" [(ngModel)]=\"maxDistance\" matInput placeholder=\"{{'igo.integration.map-proximity-tool.radiusM' | translate}}\">\r\n    </mat-form-field>\r\n\r\n  \r\n</div>", styles: [".table-compact{height:auto}.table-compact ::ng-deep .mat-header-cell.mat-column-selectionCheckbox{width:52px}textarea{resize:none}mat-form-field{padding:10px 15px}mat-form-field.coordinates{width:110px}mat-form-field.coordinates2{width:100px;padding:0 10px 0 3px}mat-form-field.igo-input-container{width:60%;padding:0 15px}.radius-unit{display:flex;width:90%;margin-left:2px;padding:5px}.radius-field{display:flex;flex-flow:column nowrap;width:60%}.title-container{padding:10px}.title{margin-left:5px;font-size:medium;font-size:initial}.mat-radio-group{display:flex;flex-direction:column;padding-top:10px}.mat-radio-button{display:inline-flex;position:relative;margin-left:16px;margin-top:10px}\n"] }]
     }], function () { return [{ type: MapState }, { type: MapProximityState }, { type: i2.LanguageService }, { type: i2.MessageService }]; }, { table: [{
             type: ViewChild,
             args: ['table', { static: true }]
@@ -4188,36 +4023,34 @@ class IgoAppMapModule {
 }
 IgoAppMapModule.ɵfac = function IgoAppMapModule_Factory(t) { return new (t || IgoAppMapModule)(); };
 IgoAppMapModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoAppMapModule });
-IgoAppMapModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
-            FormsModule,
-            ReactiveFormsModule,
-            MatButtonToggleModule,
-            MatDividerModule,
-            MatSelectModule,
-            MatOptionModule,
-            MatFormFieldModule,
-            MatInputModule,
-            MatCheckboxModule,
-            IgoSpinnerModule,
-            CommonModule,
-            MatTabsModule,
-            MatListModule,
-            MatIconModule,
-            IgoLanguageModule,
-            IgoLayerModule,
-            IgoMetadataModule,
-            IgoDownloadModule,
-            IgoImportExportModule,
-            IgoFilterModule,
-            MatRadioModule,
-            IgoContextModule,
-            IgoAppWorkspaceModule,
-            MatSlideToggleModule,
-            MatMenuModule,
-            MatButtonModule,
-            MatTooltipModule,
-            IgoEntityTableModule
-        ]] });
+IgoAppMapModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [FormsModule,
+        ReactiveFormsModule,
+        MatButtonToggleModule,
+        MatDividerModule,
+        MatSelectModule,
+        MatOptionModule,
+        MatFormFieldModule,
+        MatInputModule,
+        MatCheckboxModule,
+        IgoSpinnerModule,
+        CommonModule,
+        MatTabsModule,
+        MatListModule,
+        MatIconModule,
+        IgoLanguageModule,
+        IgoLayerModule,
+        IgoMetadataModule,
+        IgoDownloadModule,
+        IgoImportExportModule,
+        IgoFilterModule,
+        MatRadioModule,
+        IgoContextModule,
+        IgoAppWorkspaceModule,
+        MatSlideToggleModule,
+        MatMenuModule,
+        MatButtonModule,
+        MatTooltipModule,
+        IgoEntityTableModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoAppMapModule, [{
         type: NgModule,
         args: [{
@@ -4344,7 +4177,7 @@ MeasurerToolComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Measu
         i0.ɵɵelement(0, "igo-measurer", 0);
     } if (rf & 2) {
         i0.ɵɵproperty("store", ctx.store)("map", ctx.map);
-    } }, directives: [i1$1.MeasurerComponent], encapsulation: 2, changeDetection: 0 });
+    } }, dependencies: [i1$1.MeasurerComponent], encapsulation: 2, changeDetection: 0 });
 MeasurerToolComponent = __decorate([
     ToolComponent({
         name: 'measurer',
@@ -4354,11 +4187,7 @@ MeasurerToolComponent = __decorate([
 ], MeasurerToolComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MeasurerToolComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-measurer-tool',
-                templateUrl: './measurer-tool.component.html',
-                changeDetection: ChangeDetectionStrategy.OnPush
-            }]
+        args: [{ selector: 'igo-measurer-tool', changeDetection: ChangeDetectionStrategy.OnPush, template: "<igo-measurer [store]=\"store\" [map]=\"map\"></igo-measurer>\r\n" }]
     }], function () { return [{ type: MeasureState }, { type: MapState }]; }, null); })();
 
 /**
@@ -4368,9 +4197,7 @@ class IgoAppMeasurerToolModule {
 }
 IgoAppMeasurerToolModule.ɵfac = function IgoAppMeasurerToolModule_Factory(t) { return new (t || IgoAppMeasurerToolModule)(); };
 IgoAppMeasurerToolModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoAppMeasurerToolModule });
-IgoAppMeasurerToolModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
-            IgoMeasurerModule
-        ]] });
+IgoAppMeasurerToolModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [IgoMeasurerModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoAppMeasurerToolModule, [{
         type: NgModule,
         args: [{
@@ -4388,7 +4215,7 @@ class IgoAppMeasureModule {
 }
 IgoAppMeasureModule.ɵfac = function IgoAppMeasureModule_Factory(t) { return new (t || IgoAppMeasureModule)(); };
 IgoAppMeasureModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoAppMeasureModule });
-IgoAppMeasureModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[], IgoAppMeasurerToolModule] });
+IgoAppMeasureModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [IgoAppMeasurerToolModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoAppMeasureModule, [{
         type: NgModule,
         args: [{
@@ -4414,7 +4241,7 @@ PrintToolComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PrintToo
         i0.ɵɵelement(0, "igo-print", 0);
     } if (rf & 2) {
         i0.ɵɵproperty("map", ctx.map);
-    } }, directives: [i1$1.PrintComponent], encapsulation: 2 });
+    } }, dependencies: [i1$1.PrintComponent], encapsulation: 2 });
 PrintToolComponent = __decorate([
     ToolComponent({
         name: 'print',
@@ -4424,10 +4251,7 @@ PrintToolComponent = __decorate([
 ], PrintToolComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PrintToolComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-print-tool',
-                templateUrl: './print-tool.component.html'
-            }]
+        args: [{ selector: 'igo-print-tool', template: "<igo-print [map]=\"map\"></igo-print>\r\n" }]
     }], function () { return [{ type: MapState }]; }, null); })();
 
 class IgoAppPrintModule {
@@ -4440,7 +4264,7 @@ class IgoAppPrintModule {
 }
 IgoAppPrintModule.ɵfac = function IgoAppPrintModule_Factory(t) { return new (t || IgoAppPrintModule)(); };
 IgoAppPrintModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoAppPrintModule });
-IgoAppPrintModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[IgoPrintModule]] });
+IgoAppPrintModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [IgoPrintModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoAppPrintModule, [{
         type: NgModule,
         args: [{
@@ -4617,7 +4441,7 @@ class IgoAppSearchBarModule {
 }
 IgoAppSearchBarModule.ɵfac = function IgoAppSearchBarModule_Factory(t) { return new (t || IgoAppSearchBarModule)(); };
 IgoAppSearchBarModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoAppSearchBarModule });
-IgoAppSearchBarModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[IgoSearchModule]] });
+IgoAppSearchBarModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [IgoSearchModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoAppSearchBarModule, [{
         type: NgModule,
         args: [{
@@ -4629,25 +4453,18 @@ IgoAppSearchBarModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[I
 (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(IgoAppSearchBarModule, { declarations: [SearchBarBindingDirective], imports: [IgoSearchModule], exports: [SearchBarBindingDirective] }); })();
 
 function SearchResultsToolComponent_div_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 2);
-    i0.ɵɵelementStart(1, "section", 3);
-    i0.ɵɵelementStart(2, "h4");
-    i0.ɵɵelementStart(3, "strong");
+    i0.ɵɵelementStart(0, "div", 2)(1, "section", 3)(2, "h4")(3, "strong");
     i0.ɵɵtext(4);
     i0.ɵɵpipe(5, "translate");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "p");
-    i0.ɵɵelementStart(7, "strong");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "p")(7, "strong");
     i0.ɵɵtext(8);
     i0.ɵɵpipe(9, "translate");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd()();
     i0.ɵɵelement(10, "div", 4);
     i0.ɵɵpipe(11, "sanitizeHtml");
     i0.ɵɵpipe(12, "translate");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
     i0.ɵɵadvance(4);
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(5, 3, "igo.integration.searchResultsTool.noResults"));
@@ -4666,7 +4483,7 @@ function SearchResultsToolComponent_igo_flexible_2_ng_template_5_Template(rf, ct
 function SearchResultsToolComponent_igo_flexible_2_igo_panel_8_button_4_Template(rf, ctx) { if (rf & 1) {
     const _r9 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 18);
-    i0.ɵɵlistener("click", function SearchResultsToolComponent_igo_flexible_2_igo_panel_8_button_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r8 = i0.ɵɵnextContext(3); return ctx_r8.zoomToFeatureExtent(); });
+    i0.ɵɵlistener("click", function SearchResultsToolComponent_igo_flexible_2_igo_panel_8_button_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r8 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r8.zoomToFeatureExtent()); });
     i0.ɵɵpipe(1, "translate");
     i0.ɵɵpipe(2, "async");
     i0.ɵɵelement(3, "mat-icon", 19);
@@ -4681,18 +4498,16 @@ function SearchResultsToolComponent_igo_flexible_2_igo_panel_8_button_4_Template
 } }
 function SearchResultsToolComponent_igo_flexible_2_igo_panel_8_Template(rf, ctx) { if (rf & 1) {
     const _r11 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "igo-panel", 13);
-    i0.ɵɵelementStart(1, "button", 14);
-    i0.ɵɵlistener("click", function SearchResultsToolComponent_igo_flexible_2_igo_panel_8_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r11); const ctx_r10 = i0.ɵɵnextContext(2); return ctx_r10.toggleTopPanel(); });
+    i0.ɵɵelementStart(0, "igo-panel", 13)(1, "button", 14);
+    i0.ɵɵlistener("click", function SearchResultsToolComponent_igo_flexible_2_igo_panel_8_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r11); const ctx_r10 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r10.toggleTopPanel()); });
     i0.ɵɵelement(2, "mat-icon", 15);
     i0.ɵɵpipe(3, "async");
     i0.ɵɵelementEnd();
     i0.ɵɵtemplate(4, SearchResultsToolComponent_igo_flexible_2_igo_panel_8_button_4_Template, 6, 11, "button", 16);
     i0.ɵɵelementStart(5, "igo-feature-details", 17);
-    i0.ɵɵlistener("routingEvent", function SearchResultsToolComponent_igo_flexible_2_igo_panel_8_Template_igo_feature_details_routingEvent_5_listener() { i0.ɵɵrestoreView(_r11); const ctx_r12 = i0.ɵɵnextContext(2); return ctx_r12.getRoute(); });
+    i0.ɵɵlistener("routingEvent", function SearchResultsToolComponent_igo_flexible_2_igo_panel_8_Template_igo_feature_details_routingEvent_5_listener() { i0.ɵɵrestoreView(_r11); const ctx_r12 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r12.getRoute()); });
     i0.ɵɵpipe(6, "async");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r5 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("title", ctx_r5.featureTitle);
@@ -4707,17 +4522,14 @@ function SearchResultsToolComponent_igo_flexible_2_Template(rf, ctx) { if (rf &
     const _r14 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "igo-flexible", 5, 6);
     i0.ɵɵpipe(2, "async");
-    i0.ɵɵelementStart(3, "div", 7);
-    i0.ɵɵelementStart(4, "igo-search-results", 8);
-    i0.ɵɵlistener("resultFocus", function SearchResultsToolComponent_igo_flexible_2_Template_igo_search_results_resultFocus_4_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r13 = i0.ɵɵnextContext(); return ctx_r13.onResultFocus($event); })("resultSelect", function SearchResultsToolComponent_igo_flexible_2_Template_igo_search_results_resultSelect_4_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r15 = i0.ɵɵnextContext(); return ctx_r15.onResultSelect($event); })("resultUnfocus", function SearchResultsToolComponent_igo_flexible_2_Template_igo_search_results_resultUnfocus_4_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r16 = i0.ɵɵnextContext(); return ctx_r16.onResultUnfocus($event); })("resultMouseenter", function SearchResultsToolComponent_igo_flexible_2_Template_igo_search_results_resultMouseenter_4_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r17 = i0.ɵɵnextContext(); return ctx_r17.onResultFocus($event); })("resultMouseleave", function SearchResultsToolComponent_igo_flexible_2_Template_igo_search_results_resultMouseleave_4_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r18 = i0.ɵɵnextContext(); return ctx_r18.onResultUnfocus($event); })("moreResults", function SearchResultsToolComponent_igo_flexible_2_Template_igo_search_results_moreResults_4_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r19 = i0.ɵɵnextContext(); return ctx_r19.onSearch($event); });
+    i0.ɵɵelementStart(3, "div", 7)(4, "igo-search-results", 8);
+    i0.ɵɵlistener("resultFocus", function SearchResultsToolComponent_igo_flexible_2_Template_igo_search_results_resultFocus_4_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r13 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r13.onResultFocus($event)); })("resultSelect", function SearchResultsToolComponent_igo_flexible_2_Template_igo_search_results_resultSelect_4_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r15 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r15.onResultSelect($event)); })("resultUnfocus", function SearchResultsToolComponent_igo_flexible_2_Template_igo_search_results_resultUnfocus_4_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r16 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r16.onResultUnfocus($event)); })("resultMouseenter", function SearchResultsToolComponent_igo_flexible_2_Template_igo_search_results_resultMouseenter_4_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r17 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r17.onResultFocus($event)); })("resultMouseleave", function SearchResultsToolComponent_igo_flexible_2_Template_igo_search_results_resultMouseleave_4_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r18 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r18.onResultUnfocus($event)); })("moreResults", function SearchResultsToolComponent_igo_flexible_2_Template_igo_search_results_moreResults_4_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r19 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r19.onSearch($event)); });
     i0.ɵɵtemplate(5, SearchResultsToolComponent_igo_flexible_2_ng_template_5_Template, 1, 2, "ng-template", null, 9, i0.ɵɵtemplateRefExtractor);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(7, "div", 10);
     i0.ɵɵtemplate(8, SearchResultsToolComponent_igo_flexible_2_igo_panel_8_Template, 7, 10, "igo-panel", 11);
     i0.ɵɵpipe(9, "async");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("state", i0.ɵɵpipeBind1(2, 7, ctx_r1.feature$) ? ctx_r1.topPanelState : "initial");
@@ -4850,10 +4662,9 @@ let SearchResultsToolComponent = class SearchResultsToolComponent {
                 !result.state.selected &&
                 !result.state.focused);
             featureToHandleGeom.map(result => {
-                var _a;
                 if (searchResultsGeometryEnabled) {
                     result.entity.data.meta.style =
-                        getCommonVectorStyle(Object.assign({}, { feature: result.entity.data }, this.searchState.searchOverlayStyle, ((_a = result.entity.style) === null || _a === void 0 ? void 0 : _a.base) ? result.entity.style.base : {}));
+                        getCommonVectorStyle(Object.assign({}, { feature: result.entity.data }, this.searchState.searchOverlayStyle, result.entity.style?.base ? result.entity.style.base : {}));
                     this.shownResultsGeometries.push(result.entity.data);
                     this.map.queryResultsOverlay.addFeature(result.entity.data, FeatureMotion.None);
                     if (this.hasFeatureEmphasisOnSelection) {
@@ -4886,7 +4697,6 @@ let SearchResultsToolComponent = class SearchResultsToolComponent {
         });
     }
     buildResultEmphasis(result, trigger) {
-        var _a, _b, _c;
         if (trigger !== 'shown') {
             this.clearFeatureEmphasis(trigger);
         }
@@ -4908,14 +4718,14 @@ let SearchResultsToolComponent = class SearchResultsToolComponent {
             let zIndexOffset = 0;
             switch (trigger) {
                 case 'focused':
-                    computedStyle = getCommonVectorSelectedStyle(Object.assign({}, { feature: abstractResult }, this.searchState.searchOverlayStyleFocus, ((_a = result.style) === null || _a === void 0 ? void 0 : _a.focus) ? result.style.focus : {}));
+                    computedStyle = getCommonVectorSelectedStyle(Object.assign({}, { feature: abstractResult }, this.searchState.searchOverlayStyleFocus, result.style?.focus ? result.style.focus : {}));
                     zIndexOffset = 2;
                     break;
                 case 'shown':
-                    computedStyle = getCommonVectorStyle(Object.assign({}, { feature: abstractResult }, this.searchState.searchOverlayStyle, ((_b = result.style) === null || _b === void 0 ? void 0 : _b.base) ? result.style.base : {}));
+                    computedStyle = getCommonVectorStyle(Object.assign({}, { feature: abstractResult }, this.searchState.searchOverlayStyle, result.style?.base ? result.style.base : {}));
                     break;
                 case 'selected':
-                    computedStyle = getCommonVectorSelectedStyle(Object.assign({}, { feature: abstractResult }, this.searchState.searchOverlayStyleSelection, ((_c = result.style) === null || _c === void 0 ? void 0 : _c.selection) ? result.style.selection : {}));
+                    computedStyle = getCommonVectorSelectedStyle(Object.assign({}, { feature: abstractResult }, this.searchState.searchOverlayStyleSelection, result.style?.selection ? result.style.selection : {}));
                     zIndexOffset = 1;
                     break;
             }
@@ -4972,10 +4782,9 @@ let SearchResultsToolComponent = class SearchResultsToolComponent {
      * @param result A search result that could be a feature
      */
     onResultFocus(result) {
-        var _a;
         this.focusedResult$.next(result);
         if (result.meta.dataType === FEATURE && result.data.geometry) {
-            result.data.meta.style = getCommonVectorSelectedStyle(Object.assign({}, { feature: result.data }, this.searchState.searchOverlayStyleFocus, ((_a = result.style) === null || _a === void 0 ? void 0 : _a.focus) ? result.style.focus : {}));
+            result.data.meta.style = getCommonVectorSelectedStyle(Object.assign({}, { feature: result.data }, this.searchState.searchOverlayStyleFocus, result.style?.focus ? result.style.focus : {}));
             const feature = this.map.searchResultsOverlay.dataSource.ol.getFeatureById(result.meta.id);
             if (feature) {
                 feature.setStyle(result.data.meta.style);
@@ -4985,7 +4794,6 @@ let SearchResultsToolComponent = class SearchResultsToolComponent {
         }
     }
     onResultUnfocus(result) {
-        var _a;
         this.focusedResult$.next(undefined);
         if (result.meta.dataType !== FEATURE) {
             return;
@@ -4993,7 +4801,7 @@ let SearchResultsToolComponent = class SearchResultsToolComponent {
         if (this.store.state.get(result).selected === true) {
             const feature = this.map.searchResultsOverlay.dataSource.ol.getFeatureById(result.meta.id);
             if (feature) {
-                const style = getCommonVectorSelectedStyle(Object.assign({}, { feature: result.data }, this.searchState.searchOverlayStyleFocus, ((_a = result.style) === null || _a === void 0 ? void 0 : _a.focus) ? result.style.focus : {}));
+                const style = getCommonVectorSelectedStyle(Object.assign({}, { feature: result.data }, this.searchState.searchOverlayStyleFocus, result.style?.focus ? result.style.focus : {}));
                 feature.setStyle(style);
             }
             return;
@@ -5108,7 +4916,6 @@ let SearchResultsToolComponent = class SearchResultsToolComponent {
      * @param result A search result that could be a feature
      */
     tryAddFeatureToMap(result) {
-        var _a;
         if (result.meta.dataType !== FEATURE) {
             return undefined;
         }
@@ -5117,7 +4924,7 @@ let SearchResultsToolComponent = class SearchResultsToolComponent {
         if (!feature.geometry) {
             return;
         }
-        feature.meta.style = getCommonVectorSelectedStyle(Object.assign({}, { feature }, this.searchState.searchOverlayStyleSelection, ((_a = result.style) === null || _a === void 0 ? void 0 : _a.selection) ? result.style.selection : {}));
+        feature.meta.style = getCommonVectorSelectedStyle(Object.assign({}, { feature }, this.searchState.searchOverlayStyleSelection, result.style?.selection ? result.style.selection : {}));
         this.map.searchResultsOverlay.addFeature(feature);
     }
     isScrolledIntoView(elemSource, elem) {
@@ -5177,7 +4984,7 @@ SearchResultsToolComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type:
         i0.ɵɵproperty("ngIf", (!ctx.store || ctx.store.stateView.empty) && i0.ɵɵpipeBind1(1, 2, ctx.debouncedEmpty$));
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("ngIf", ctx.store && i0.ɵɵpipeBind1(3, 4, ctx.store.stateView.empty$) === false);
-    } }, directives: [i5.NgIf, i4.FlexibleComponent, i1$1.SearchResultsComponent, i1$1.SearchResultAddButtonComponent, i4.PanelComponent, i3.MatButton, i6.MatIcon, i1$1.FeatureDetailsComponent, i1$1.FeatureDetailsDirective, i4$1.MatTooltip, i12.MatBadge], pipes: [i5.AsyncPipe, i8.TranslatePipe, i4.SanitizeHtmlPipe], encapsulation: 2, changeDetection: 0 });
+    } }, dependencies: [i6.NgIf, i7.MatIcon, i8$2.MatBadge, i5.MatTooltip, i10.MatButton, i1$1.FeatureDetailsComponent, i1$1.FeatureDetailsDirective, i1$1.SearchResultsComponent, i1$1.SearchResultAddButtonComponent, i4.FlexibleComponent, i4.PanelComponent, i6.AsyncPipe, i8.TranslatePipe, i4.SanitizeHtmlPipe], encapsulation: 2, changeDetection: 0 });
 SearchResultsToolComponent = __decorate([
     ToolComponent({
         name: 'searchResults',
@@ -5187,11 +4994,7 @@ SearchResultsToolComponent = __decorate([
 ], SearchResultsToolComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SearchResultsToolComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-search-results-tool',
-                templateUrl: './search-results-tool.component.html',
-                changeDetection: ChangeDetectionStrategy.OnPush
-            }]
+        args: [{ selector: 'igo-search-results-tool', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *ngIf=\"(!store || store.stateView.empty) && (debouncedEmpty$ | async) \" style=\"margin: 10px;\">\r\n  <section class=\"mat-typography\">\r\n    <h4><strong>{{ 'igo.integration.searchResultsTool.noResults' | translate }}</strong></h4>\r\n    <p><strong>{{ 'igo.integration.searchResultsTool.doSearch' | translate }}</strong></p>\r\n    <div [innerHTML]=\"'igo.integration.searchResultsTool.examples' | translate | sanitizeHtml\"></div>\r\n</section>\r\n</div>\r\n\r\n<igo-flexible\r\n  *ngIf=\"store && (store.stateView.empty$ | async)===false\"\r\n  #topPanel\r\n  initial=\"100%\"\r\n  initialMobile=\"100%\"\r\n  collapsed=\"calc(100% - 58px)\"\r\n  collapsedMobile=\"calc(100% - 58px)\"\r\n  expanded=\"60%\"\r\n  expandedMobile=\"60%\"\r\n  [state]=\"(feature$ |\u00A0async) ? topPanelState : 'initial'\">\r\n\r\n  <div class=\"igo-content\">\r\n    <igo-search-results\r\n      [store]=\"store\"\r\n      [showIcons]=\"showIcons\"\r\n      [term]=\"term\"\r\n      [termSplitter]=\"termSplitter\"\r\n      [settingsChange$]=\"settingsChange$\"\r\n      placeholder=\"false\"\r\n      (resultFocus)=\"onResultFocus($event)\"\r\n      (resultSelect)=\"onResultSelect($event)\"\r\n      (resultUnfocus)=\"onResultUnfocus($event)\"\r\n      (resultMouseenter)=\"onResultFocus($event)\"\r\n      (resultMouseleave)=\"onResultUnfocus($event)\"\r\n      (moreResults)=\"onSearch($event)\">\r\n      <ng-template #igoSearchItemToolbar let-result=\"result\">\r\n        <igo-search-add-button\r\n          [map]=\"map\"\r\n          [layer]=\"result\">\r\n        </igo-search-add-button>\r\n      </ng-template>\r\n    </igo-search-results>\r\n  </div>\r\n\r\n  <div igoFlexibleFill class=\"igo-content\">\r\n    <igo-panel [title]=\"featureTitle\" *ngIf=\"feature$ |\u00A0async\">\r\n\r\n      <button\r\n        mat-icon-button\r\n        panelLeftButton\r\n        class=\"igo-icon-button\"\r\n        (click)=\"toggleTopPanel()\">\r\n        <mat-icon [svgIcon]=\"(topPanelState$ | async) === 'collapsed' ? 'arrow-up' : 'arrow-down'\"></mat-icon>\r\n      </button>\r\n\r\n      <button\r\n        *ngIf=\"feature.geometry\"\r\n        mat-icon-button\r\n        panelRightButton\r\n        class=\"igo-icon-button\"\r\n        [matTooltip]=\"((isSelectedResultOutOfView$ | async) ? 'igo.integration.searchResultsTool.zoomOnFeatureTooltipOutOfView' : 'igo.integration.searchResultsTool.zoomOnFeatureTooltip') | translate\"\r\n        matTooltipShowDelay=\"500\"\r\n        (click)=\"zoomToFeatureExtent()\">\r\n        <mat-icon\r\n        [matBadge]=\"(isSelectedResultOutOfView$ | async) ? '!' : ''\"\r\n        matBadgeColor=\"accent\"\r\n        matBadgeSize=\"small\"\r\n        [matBadgeHidden]=\"(isSelectedResultOutOfView$ | async)===false\"     \r\n        svgIcon=\"magnify-plus-outline\"></mat-icon>\r\n      </button>\r\n\r\n      <igo-feature-details\r\n        igoFeatureDetailsDirective\r\n        [feature]=\"feature$ | async\"\r\n        [map]=\"map\"\r\n        [toolbox]=\"toolState.toolbox\"\r\n        (routingEvent)=\"getRoute()\">\r\n      </igo-feature-details>\r\n    </igo-panel>\r\n  </div>\r\n\r\n</igo-flexible>\r\n" }]
     }], function () { return [{ type: MapState }, { type: SearchState }, { type: i0.ElementRef }, { type: ToolState }, { type: DirectionState }, { type: i2.ConfigService }]; }, { showIcons: [{
             type: Input
         }], topPanelStateDefault: [{
@@ -5207,20 +5010,18 @@ class IgoAppSearchResultsToolModule {
 }
 IgoAppSearchResultsToolModule.ɵfac = function IgoAppSearchResultsToolModule_Factory(t) { return new (t || IgoAppSearchResultsToolModule)(); };
 IgoAppSearchResultsToolModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoAppSearchResultsToolModule });
-IgoAppSearchResultsToolModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
-            CommonModule,
-            MatIconModule,
-            MatBadgeModule,
-            MatTooltipModule,
-            MatButtonModule,
-            IgoLanguageModule,
-            IgoFeatureModule,
-            IgoSearchModule,
-            IgoFlexibleModule,
-            IgoPanelModule,
-            IgoFeatureDetailsModule,
-            IgoCustomHtmlModule
-        ]] });
+IgoAppSearchResultsToolModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
+        MatIconModule,
+        MatBadgeModule,
+        MatTooltipModule,
+        MatButtonModule,
+        IgoLanguageModule,
+        IgoFeatureModule,
+        IgoSearchModule,
+        IgoFlexibleModule,
+        IgoPanelModule,
+        IgoFeatureDetailsModule,
+        IgoCustomHtmlModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoAppSearchResultsToolModule, [{
         type: NgModule,
         args: [{
@@ -5260,7 +5061,7 @@ class IgoAppSearchModule {
 }
 IgoAppSearchModule.ɵfac = function IgoAppSearchModule_Factory(t) { return new (t || IgoAppSearchModule)(); };
 IgoAppSearchModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoAppSearchModule });
-IgoAppSearchModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[], IgoAppSearchBarModule,
+IgoAppSearchModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [IgoAppSearchBarModule,
         IgoAppSearchResultsToolModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoAppSearchModule, [{
         type: NgModule,
@@ -5282,7 +5083,7 @@ let OgcFilterToolComponent = class OgcFilterToolComponent {
 OgcFilterToolComponent.ɵfac = function OgcFilterToolComponent_Factory(t) { return new (t || OgcFilterToolComponent)(); };
 OgcFilterToolComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: OgcFilterToolComponent, selectors: [["igo-ogc-filter-tool"]], decls: 1, vars: 0, consts: [["igoOgcFilterableListBinding", ""]], template: function OgcFilterToolComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelement(0, "igo-ogc-filterable-list", 0);
-    } }, directives: [i1$1.OgcFilterableListComponent, i1$1.OgcFilterableListBindingDirective], encapsulation: 2 });
+    } }, dependencies: [i1$1.OgcFilterableListComponent, i1$1.OgcFilterableListBindingDirective], encapsulation: 2 });
 OgcFilterToolComponent = __decorate([
     ToolComponent({
         name: 'ogcFilter',
@@ -5292,10 +5093,7 @@ OgcFilterToolComponent = __decorate([
 ], OgcFilterToolComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(OgcFilterToolComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-ogc-filter-tool',
-                templateUrl: './ogc-filter-tool.component.html'
-            }]
+        args: [{ selector: 'igo-ogc-filter-tool', template: "<igo-ogc-filterable-list igoOgcFilterableListBinding></igo-ogc-filterable-list>\r\n\r\n\r\n" }]
     }], function () { return []; }, null); })();
 
 let TimeFilterToolComponent = class TimeFilterToolComponent {
@@ -5304,7 +5102,7 @@ let TimeFilterToolComponent = class TimeFilterToolComponent {
 TimeFilterToolComponent.ɵfac = function TimeFilterToolComponent_Factory(t) { return new (t || TimeFilterToolComponent)(); };
 TimeFilterToolComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TimeFilterToolComponent, selectors: [["igo-time-filter-tool"]], decls: 1, vars: 0, consts: [["igoTimeFilterListBinding", ""]], template: function TimeFilterToolComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelement(0, "igo-time-filter-list", 0);
-    } }, directives: [i1$1.TimeFilterListComponent, i1$1.TimeFilterListBindingDirective], encapsulation: 2 });
+    } }, dependencies: [i1$1.TimeFilterListComponent, i1$1.TimeFilterListBindingDirective], encapsulation: 2 });
 TimeFilterToolComponent = __decorate([
     ToolComponent({
         name: 'timeFilter',
@@ -5314,10 +5112,7 @@ TimeFilterToolComponent = __decorate([
 ], TimeFilterToolComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TimeFilterToolComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-time-filter-tool',
-                templateUrl: './time-filter-tool.component.html'
-            }]
+        args: [{ selector: 'igo-time-filter-tool', template: "<igo-time-filter-list igoTimeFilterListBinding></igo-time-filter-list>\r\n" }]
     }], function () { return []; }, null); })();
 
 function SpatialFilterToolComponent_ng_container_4_Template(rf, ctx) { if (rf & 1) {
@@ -5551,7 +5346,6 @@ let SpatialFilterToolComponent = class SpatialFilterToolComponent {
      * Try to add zone feature to the map overlay
      */
     tryAddFeaturesToMap(features, buffer) {
-        var _a, _b, _c, _d;
         let i = 1;
         for (const feature of features) {
             if (this.type === SpatialFilterType.Predefined) {
@@ -5559,13 +5353,13 @@ let SpatialFilterToolComponent = class SpatialFilterToolComponent {
                     if (layer.options._internal &&
                         layer.options._internal.code === feature.properties.code &&
                         !buffer) {
-                        if (!((_a = layer.title) === null || _a === void 0 ? void 0 : _a.startsWith('Zone'))) {
+                        if (!layer.title?.startsWith('Zone')) {
                             const index = this.layers.indexOf(layer);
                             this.layers.splice(index, 1);
                         }
                         return;
                     }
-                    if ((_b = layer.title) === null || _b === void 0 ? void 0 : _b.startsWith('Zone')) {
+                    if (layer.title?.startsWith('Zone')) {
                         this.activeLayers = [];
                         const index = this.layers.indexOf(layer);
                         this.layers.splice(index, 1);
@@ -5576,7 +5370,7 @@ let SpatialFilterToolComponent = class SpatialFilterToolComponent {
             else {
                 if (buffer) {
                     for (const layer of this.activeLayers) {
-                        if (this.activeLayers.length === 1 && ((_c = layer.title) === null || _c === void 0 ? void 0 : _c.startsWith('Zone'))) {
+                        if (this.activeLayers.length === 1 && layer.title?.startsWith('Zone')) {
                             const index = this.layers.indexOf(layer);
                             this.layers.splice(index, 1);
                             this.map.removeLayer(layer);
@@ -5586,10 +5380,36 @@ let SpatialFilterToolComponent = class SpatialFilterToolComponent {
                 this.activeLayers = [];
             }
             for (const layer of this.layers) {
-                if ((_d = layer.title) === null || _d === void 0 ? void 0 : _d.startsWith('Zone')) {
+                if (layer.title?.startsWith('Zone')) {
                     i++;
                 }
             }
+            this.defaultStyle = (_feature, resolution) => {
+                const coordinates = features[0].coordinates;
+                return new olstyle.Style({
+                    image: new olstyle.Circle({
+                        radius: coordinates
+                            ? this.buffer /
+                                Math.cos((Math.PI / 180) * coordinates[1]) /
+                                resolution
+                            : undefined,
+                        fill: new olstyle.Fill({
+                            color: 'rgba(200, 200, 20, 0.2)'
+                        }),
+                        stroke: new olstyle.Stroke({
+                            width: 1,
+                            color: 'orange'
+                        })
+                    }),
+                    stroke: new olstyle.Stroke({
+                        width: 1,
+                        color: 'orange'
+                    }),
+                    fill: new olstyle.Fill({
+                        color: 'rgba(200, 200, 20, 0.2)'
+                    })
+                });
+            };
             this.dataSourceService
                 .createAsyncDataSource({
                 type: 'vector',
@@ -5607,33 +5427,7 @@ let SpatialFilterToolComponent = class SpatialFilterToolComponent {
                             : undefined
                     },
                     source: dataSource,
-                    visible: true,
-                    style: (_feature, resolution) => {
-                        const coordinates = features[0].coordinates;
-                        return new olstyle.Style({
-                            image: new olstyle.Circle({
-                                radius: coordinates
-                                    ? this.buffer /
-                                        Math.cos((Math.PI / 180) * coordinates[1]) /
-                                        resolution
-                                    : undefined,
-                                fill: new olstyle.Fill({
-                                    color: 'rgba(200, 200, 20, 0.2)'
-                                }),
-                                stroke: new olstyle.Stroke({
-                                    width: 1,
-                                    color: 'orange'
-                                })
-                            }),
-                            stroke: new olstyle.Stroke({
-                                width: 1,
-                                color: 'orange'
-                            }),
-                            fill: new olstyle.Fill({
-                                color: 'rgba(200, 200, 20, 0.2)'
-                            })
-                        });
-                    }
+                    visible: true
                 });
                 const featuresOl = features.map(f => {
                     return featureToOl(f, this.map.projection);
@@ -5645,6 +5439,7 @@ let SpatialFilterToolComponent = class SpatialFilterToolComponent {
                 }
                 const ol = dataSource.ol;
                 ol.addFeatures(featuresOl);
+                olLayer.ol.setStyle(this.defaultStyle);
                 this.map.addLayer(olLayer);
                 this.layers.push(olLayer);
                 this.activeLayers.push(olLayer);
@@ -5657,14 +5452,13 @@ let SpatialFilterToolComponent = class SpatialFilterToolComponent {
      * Necessary to create clusters
      */
     tryAddPointToMap(features, id) {
-        var _a;
         let i = 1;
         if (features.length) {
             if (this.map === undefined) {
                 return;
             }
             for (const layer of this.layers) {
-                if ((_a = layer.title) === null || _a === void 0 ? void 0 : _a.startsWith(features[0].meta.title)) {
+                if (layer.title?.startsWith(features[0].meta.title)) {
                     i++;
                 }
             }
@@ -5735,14 +5529,13 @@ let SpatialFilterToolComponent = class SpatialFilterToolComponent {
      * Try to add line or polygon features to the map
      */
     tryAddLayerToMap(features, id) {
-        var _a;
         let i = 1;
         if (features.length) {
             if (this.map === undefined) {
                 return;
             }
             for (const layer of this.layers) {
-                if ((_a = layer.title) === null || _a === void 0 ? void 0 : _a.startsWith(features[0].meta.title)) {
+                if (layer.title?.startsWith(features[0].meta.title)) {
                     i++;
                 }
             }
@@ -5796,16 +5589,14 @@ let SpatialFilterToolComponent = class SpatialFilterToolComponent {
         this.activeLayers.push(layer);
     }
 };
-SpatialFilterToolComponent.ɵfac = function SpatialFilterToolComponent_Factory(t) { return new (t || SpatialFilterToolComponent)(i0.ɵɵdirectiveInject(i6.MatIconRegistry), i0.ɵɵdirectiveInject(i1$1.SpatialFilterService), i0.ɵɵdirectiveInject(i1$1.DataSourceService), i0.ɵɵdirectiveInject(i1$1.LayerService), i0.ɵɵdirectiveInject(MapState), i0.ɵɵdirectiveInject(i2.MessageService), i0.ɵɵdirectiveInject(i2.LanguageService), i0.ɵɵdirectiveInject(ImportExportState), i0.ɵɵdirectiveInject(ToolState), i0.ɵɵdirectiveInject(WorkspaceState), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
+SpatialFilterToolComponent.ɵfac = function SpatialFilterToolComponent_Factory(t) { return new (t || SpatialFilterToolComponent)(i0.ɵɵdirectiveInject(i7.MatIconRegistry), i0.ɵɵdirectiveInject(i1$1.SpatialFilterService), i0.ɵɵdirectiveInject(i1$1.DataSourceService), i0.ɵɵdirectiveInject(i1$1.LayerService), i0.ɵɵdirectiveInject(MapState), i0.ɵɵdirectiveInject(i2.MessageService), i0.ɵɵdirectiveInject(i2.LanguageService), i0.ɵɵdirectiveInject(ImportExportState), i0.ɵɵdirectiveInject(ToolState), i0.ɵɵdirectiveInject(WorkspaceState), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
 SpatialFilterToolComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SpatialFilterToolComponent, selectors: [["igo-spatial-filter-tool"]], inputs: { type: "type", itemType: "itemType", freehandDrawIsActive: "freehandDrawIsActive" }, decls: 6, vars: 16, consts: [[3, "store", "selectedQueryType", "zone", "layers", "eventType", "eventQueryType", "zoneChange", "zoneWithBufferChange", "bufferChange", "measureUnitChange"], [3, "type", "queryType", "map", "zone", "loading", "store", "layers", "allLayers", "thematicLength", "radiusEvent", "bufferEvent", "measureUnitChange", "freehandControl", "drawZoneEvent", "zoneWithBufferChange", "itemTypeChange", "thematicChange", "toggleSearch", "clearButtonEvent", "clearSearchEvent", "export", "openWorkspace", "entityChange"], [4, "ngIf"], [3, "feature"]], template: function SpatialFilterToolComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "igo-panel");
-        i0.ɵɵelementStart(1, "igo-spatial-filter-type", 0);
+        i0.ɵɵelementStart(0, "igo-panel")(1, "igo-spatial-filter-type", 0);
         i0.ɵɵlistener("eventType", function SpatialFilterToolComponent_Template_igo_spatial_filter_type_eventType_1_listener($event) { return ctx.getOutputType($event); })("eventQueryType", function SpatialFilterToolComponent_Template_igo_spatial_filter_type_eventQueryType_1_listener($event) { return ctx.getOutputQueryType($event); })("zoneChange", function SpatialFilterToolComponent_Template_igo_spatial_filter_type_zoneChange_1_listener($event) { return ctx.onZoneChange($event); })("zoneWithBufferChange", function SpatialFilterToolComponent_Template_igo_spatial_filter_type_zoneWithBufferChange_1_listener($event) { return ctx.onZoneChange($event, true); })("bufferChange", function SpatialFilterToolComponent_Template_igo_spatial_filter_type_bufferChange_1_listener($event) { return ctx.buffer = $event; })("measureUnitChange", function SpatialFilterToolComponent_Template_igo_spatial_filter_type_measureUnitChange_1_listener($event) { return ctx.measureUnit = $event; });
         i0.ɵɵelementEnd();
         i0.ɵɵelementStart(2, "igo-spatial-filter-item", 1);
         i0.ɵɵlistener("radiusEvent", function SpatialFilterToolComponent_Template_igo_spatial_filter_item_radiusEvent_2_listener($event) { return ctx.buffer = $event; })("bufferEvent", function SpatialFilterToolComponent_Template_igo_spatial_filter_item_bufferEvent_2_listener($event) { return ctx.buffer = $event; })("measureUnitChange", function SpatialFilterToolComponent_Template_igo_spatial_filter_item_measureUnitChange_2_listener($event) { return ctx.measureUnit = $event; })("freehandControl", function SpatialFilterToolComponent_Template_igo_spatial_filter_item_freehandControl_2_listener($event) { return ctx.freehandDrawIsActive = $event; })("drawZoneEvent", function SpatialFilterToolComponent_Template_igo_spatial_filter_item_drawZoneEvent_2_listener($event) { return ctx.zone = $event; })("zoneWithBufferChange", function SpatialFilterToolComponent_Template_igo_spatial_filter_item_zoneWithBufferChange_2_listener($event) { return ctx.onZoneChange($event, true); })("itemTypeChange", function SpatialFilterToolComponent_Template_igo_spatial_filter_item_itemTypeChange_2_listener($event) { return ctx.itemType = $event; })("thematicChange", function SpatialFilterToolComponent_Template_igo_spatial_filter_item_thematicChange_2_listener($event) { return ctx.thematics = $event; })("toggleSearch", function SpatialFilterToolComponent_Template_igo_spatial_filter_item_toggleSearch_2_listener() { return ctx.getOutputToggleSearch(); })("clearButtonEvent", function SpatialFilterToolComponent_Template_igo_spatial_filter_item_clearButtonEvent_2_listener() { return ctx.clearMap(); })("clearSearchEvent", function SpatialFilterToolComponent_Template_igo_spatial_filter_item_clearSearchEvent_2_listener() { return ctx.getOutputClearSearch(); })("export", function SpatialFilterToolComponent_Template_igo_spatial_filter_item_export_2_listener() { return ctx.activateExportTool(); })("openWorkspace", function SpatialFilterToolComponent_Template_igo_spatial_filter_item_openWorkspace_2_listener() { return ctx.activateWorkspace(); })("entityChange", function SpatialFilterToolComponent_Template_igo_spatial_filter_item_entityChange_2_listener($event) { return ctx.activateWorkspace($event); });
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementEnd();
+        i0.ɵɵelementEnd()();
         i0.ɵɵelementStart(3, "igo-panel");
         i0.ɵɵtemplate(4, SpatialFilterToolComponent_ng_container_4_Template, 2, 1, "ng-container", 2);
         i0.ɵɵpipe(5, "async");
@@ -5817,7 +5608,7 @@ SpatialFilterToolComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type:
         i0.ɵɵproperty("type", ctx.type)("queryType", ctx.queryType)("map", ctx.map)("zone", ctx.zone)("loading", ctx.loading)("store", ctx.store)("layers", ctx.activeLayers)("allLayers", ctx.layers)("thematicLength", ctx.thematicLength);
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(5, 14, ctx.selectedFeature$));
-    } }, directives: [i1$1.SpatialFilterTypeComponent, i1$1.SpatialFilterItemComponent, i5.NgIf], pipes: [i5.AsyncPipe], styles: [""], changeDetection: 0 });
+    } }, dependencies: [i1$1.SpatialFilterTypeComponent, i1$1.SpatialFilterItemComponent, i6.NgIf, i6.AsyncPipe], changeDetection: 0 });
 SpatialFilterToolComponent = __decorate([
     ToolComponent({
         name: 'spatialFilter',
@@ -5830,13 +5621,8 @@ SpatialFilterToolComponent = __decorate([
 ], SpatialFilterToolComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SpatialFilterToolComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-spatial-filter-tool',
-                templateUrl: './spatial-filter-tool.component.html',
-                styleUrls: ['./spatial-filter-tool.component.scss'],
-                changeDetection: ChangeDetectionStrategy.OnPush
-            }]
-    }], function () { return [{ type: i6.MatIconRegistry }, { type: i1$1.SpatialFilterService }, { type: i1$1.DataSourceService }, { type: i1$1.LayerService }, { type: MapState }, { type: i2.MessageService }, { type: i2.LanguageService }, { type: ImportExportState }, { type: ToolState }, { type: WorkspaceState }, { type: i0.ChangeDetectorRef }]; }, { type: [{
+        args: [{ selector: 'igo-spatial-filter-tool', changeDetection: ChangeDetectionStrategy.OnPush, template: "<igo-panel>\r\n  <igo-spatial-filter-type\r\n    [store]=\"spatialListStore\"\r\n    [selectedQueryType]=\"queryType\"\r\n    [zone]=\"zone\"\r\n    [layers]=\"activeLayers\"\r\n    (eventType)=\"getOutputType($event)\"\r\n    (eventQueryType)=\"getOutputQueryType($event)\"\r\n    (zoneChange)=\"onZoneChange($event)\"\r\n    (zoneWithBufferChange)=\"onZoneChange($event, true)\"\r\n    (bufferChange)=\"buffer = $event\"\r\n    (measureUnitChange)=\"measureUnit = $event\">\r\n  </igo-spatial-filter-type>\r\n\r\n  <igo-spatial-filter-item\r\n    [type]=\"type\"\r\n    [queryType]=\"queryType\"\r\n    [map]=\"map\"\r\n    [zone]=\"zone\"\r\n    [loading]=\"loading\"\r\n    [store]=\"store\"\r\n    [layers]=\"activeLayers\"\r\n    [allLayers]=\"layers\"\r\n    [thematicLength]=\"thematicLength\"\r\n    (radiusEvent)=\"buffer = $event\"\r\n    (bufferEvent)=\"buffer = $event\"\r\n    (measureUnitChange)=\"measureUnit = $event\"\r\n    (freehandControl)=\"freehandDrawIsActive = $event\"\r\n    (drawZoneEvent)=\"zone = $event\"\r\n    (zoneWithBufferChange)=\"onZoneChange($event, true)\"\r\n    (itemTypeChange)=\"itemType = $event\"\r\n    (thematicChange)=\"thematics = $event\"\r\n    (toggleSearch)=\"getOutputToggleSearch()\"\r\n    (clearButtonEvent)=\"clearMap()\"\r\n    (clearSearchEvent)=\"getOutputClearSearch()\"\r\n    (export)=\"activateExportTool()\"\r\n    (openWorkspace)=\"activateWorkspace()\"\r\n    (entityChange)=\"activateWorkspace($event)\">\r\n  </igo-spatial-filter-item>\r\n</igo-panel>\r\n\r\n<igo-panel>\r\n  <ng-container *ngIf=\"selectedFeature$ | async as feature\">\r\n    <igo-feature-details [feature]=\"feature\"></igo-feature-details>\r\n  </ng-container>\r\n</igo-panel>" }]
+    }], function () { return [{ type: i7.MatIconRegistry }, { type: i1$1.SpatialFilterService }, { type: i1$1.DataSourceService }, { type: i1$1.LayerService }, { type: MapState }, { type: i2.MessageService }, { type: i2.LanguageService }, { type: ImportExportState }, { type: ToolState }, { type: WorkspaceState }, { type: i0.ChangeDetectorRef }]; }, { type: [{
             type: Input
         }], itemType: [{
             type: Input
@@ -5875,7 +5661,7 @@ ActiveTimeFilterToolComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ typ
         i0.ɵɵelement(0, "igo-time-filter-item", 0);
     } if (rf & 2) {
         i0.ɵɵproperty("map", ctx.map)("layer", ctx.layer)("header", false)("@toolSlideInOut", ctx.animate);
-    } }, directives: [i1$1.TimeFilterItemComponent], encapsulation: 2, data: { animation: [toolSlideInOut$1()] } });
+    } }, dependencies: [i1$1.TimeFilterItemComponent], encapsulation: 2, data: { animation: [toolSlideInOut$1()] } });
 ActiveTimeFilterToolComponent = __decorate([
     ToolComponent({
         name: 'activeTimeFilter',
@@ -5886,11 +5672,7 @@ ActiveTimeFilterToolComponent = __decorate([
 ], ActiveTimeFilterToolComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ActiveTimeFilterToolComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-active-time-filter-tool',
-                templateUrl: './active-time-filter-tool.component.html',
-                animations: [toolSlideInOut$1()]
-            }]
+        args: [{ selector: 'igo-active-time-filter-tool', animations: [toolSlideInOut$1()], template: "<igo-time-filter-item\r\n    [map]=\"map\"\r\n    [layer]=\"layer\"\r\n    [header]=\"false\"\r\n    [@toolSlideInOut]=\"animate\">\r\n</igo-time-filter-item>\r\n" }]
     }], function () { return [{ type: MapState }]; }, null); })();
 
 function toolSlideInOut(speed = '300ms', type = 'ease-in-out') {
@@ -5924,7 +5706,7 @@ ActiveOgcFilterToolComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type
         i0.ɵɵelement(0, "igo-ogc-filterable-item", 0);
     } if (rf & 2) {
         i0.ɵɵproperty("map", ctx.map)("layer", ctx.layer)("header", false)("@toolSlideInOut", ctx.animate);
-    } }, directives: [i1$1.OgcFilterableItemComponent], encapsulation: 2, data: { animation: [toolSlideInOut()] } });
+    } }, dependencies: [i1$1.OgcFilterableItemComponent], encapsulation: 2, data: { animation: [toolSlideInOut()] } });
 ActiveOgcFilterToolComponent = __decorate([
     ToolComponent({
         name: 'activeOgcFilter',
@@ -5935,11 +5717,7 @@ ActiveOgcFilterToolComponent = __decorate([
 ], ActiveOgcFilterToolComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ActiveOgcFilterToolComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-active-ogc-filter-tool',
-                templateUrl: './active-ogc-filter-tool.component.html',
-                animations: [toolSlideInOut()]
-            }]
+        args: [{ selector: 'igo-active-ogc-filter-tool', animations: [toolSlideInOut()], template: "<igo-ogc-filterable-item\r\n    [map]=\"map\"\r\n    [layer]=\"layer\"\r\n    [header]=\"false\"\r\n    [@toolSlideInOut]=\"animate\">\r\n</igo-ogc-filterable-item>\r\n\r\n\r\n" }]
     }], function () { return [{ type: MapState }]; }, null); })();
 
 class IgoAppFilterModule {
@@ -5952,7 +5730,7 @@ class IgoAppFilterModule {
 }
 IgoAppFilterModule.ɵfac = function IgoAppFilterModule_Factory(t) { return new (t || IgoAppFilterModule)(); };
 IgoAppFilterModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoAppFilterModule });
-IgoAppFilterModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[IgoFilterModule, IgoQueryModule, CommonModule]] });
+IgoAppFilterModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [IgoFilterModule, IgoQueryModule, CommonModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoAppFilterModule, [{
         type: NgModule,
         args: [{
@@ -5987,7 +5765,7 @@ IgoAppFilterModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[IgoF
 function AboutToolComponent_button_2_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 7);
-    i0.ɵɵlistener("click", function AboutToolComponent_button_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r5 = i0.ɵɵnextContext(); return ctx_r5.openGuide(); });
+    i0.ɵɵlistener("click", function AboutToolComponent_button_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r5 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r5.openGuide()); });
     i0.ɵɵpipe(1, "translate");
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3);
@@ -6020,7 +5798,7 @@ function AboutToolComponent_button_3_Template(rf, ctx) { if (rf & 1) {
 function AboutToolComponent_button_6_Template(rf, ctx) { if (rf & 1) {
     const _r9 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 10);
-    i0.ɵɵlistener("click", function AboutToolComponent_button_6_Template_button_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r9); const guide_r7 = restoredCtx.$implicit; const ctx_r8 = i0.ɵɵnextContext(); return ctx_r8.openGuide(guide_r7); });
+    i0.ɵɵlistener("click", function AboutToolComponent_button_6_Template_button_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r9); const guide_r7 = restoredCtx.$implicit; const ctx_r8 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r8.openGuide(guide_r7)); });
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -6108,10 +5886,9 @@ let AboutToolComponent = class AboutToolComponent {
         return name;
     }
 };
-AboutToolComponent.ɵfac = function AboutToolComponent_Factory(t) { return new (t || AboutToolComponent)(i0.ɵɵdirectiveInject(i2.ConfigService), i0.ɵɵdirectiveInject(i2$1.AuthService), i0.ɵɵdirectiveInject(i3$2.HttpClient), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i2.LanguageService)); };
+AboutToolComponent.ɵfac = function AboutToolComponent_Factory(t) { return new (t || AboutToolComponent)(i0.ɵɵdirectiveInject(i2.ConfigService), i0.ɵɵdirectiveInject(i2$1.AuthService), i0.ɵɵdirectiveInject(i3$1.HttpClient), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i2.LanguageService)); };
 AboutToolComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AboutToolComponent, selectors: [["igo-about-tool"]], inputs: { headerHtml: "headerHtml", html: "html", discoverTitleInLocale: "discoverTitleInLocale", trainingGuideURLs: "trainingGuideURLs" }, decls: 10, vars: 11, consts: [["mat-raised-button", "", "tourToStart", "global", "menuIsOpen", "true", "styleButton", "raised", 3, "discoverTitleInLocale$"], ["class", "training-guide-button", "mat-raised-button", "", "tooltip-position", "below", "matTooltipShowDelay", "500", 3, "disabled", "matTooltip", "click", 4, "ngIf"], ["class", "training-guide-button", "mat-raised-button", "", "tooltip-position", "below", "matTooltipShowDelay", "500", 3, "disabled", "matTooltip", "matMenuTriggerFor", 4, "ngIf"], ["menu", "matMenu"], ["mat-menu-item", "", 3, "click", 4, "ngFor", "ngForOf"], ["class", "mat-typography", 3, "html", 4, "ngIf"], [1, "mat-typography", 3, "html"], ["mat-raised-button", "", "tooltip-position", "below", "matTooltipShowDelay", "500", 1, "training-guide-button", 3, "disabled", "matTooltip", "click"], ["svgIcon", "file-document"], ["mat-raised-button", "", "tooltip-position", "below", "matTooltipShowDelay", "500", 1, "training-guide-button", 3, "disabled", "matTooltip", "matMenuTriggerFor"], ["mat-menu-item", "", 3, "click"]], template: function AboutToolComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelement(0, "p");
-        i0.ɵɵelement(1, "igo-interactive-tour", 0);
+        i0.ɵɵelement(0, "p")(1, "igo-interactive-tour", 0);
         i0.ɵɵtemplate(2, AboutToolComponent_button_2_Template, 6, 7, "button", 1);
         i0.ɵɵtemplate(3, AboutToolComponent_button_3_Template, 6, 8, "button", 2);
         i0.ɵɵelementStart(4, "mat-menu", null, 3);
@@ -6133,7 +5910,7 @@ AboutToolComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AboutToo
         i0.ɵɵproperty("ngIf", ctx.headerHtml !== "");
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("html", i0.ɵɵpipeBind2(9, 6, ctx.html, i0.ɵɵpureFunction1(9, _c0, ctx.version)));
-    } }, directives: [i4.InteractiveTourComponent, i5.NgIf, i6$2.MatMenu, i5.NgForOf, i4.CustomHtmlComponent, i3.MatButton, i4$1.MatTooltip, i6.MatIcon, i6$2.MatMenuTrigger, i6$2.MatMenuItem], pipes: [i8.TranslatePipe], styles: ["igo-interactive-tour[_ngcontent-%COMP%]{margin-left:20px}.training-guide-button[_ngcontent-%COMP%]{margin-left:5px;background-color:#1976d2;color:#fff;padding:0 12px}"] });
+    } }, dependencies: [i4.CustomHtmlComponent, i10.MatButton, i5.MatTooltip, i7.MatIcon, i8$3.MatMenu, i8$3.MatMenuItem, i8$3.MatMenuTrigger, i4.InteractiveTourComponent, i6.NgForOf, i6.NgIf, i8.TranslatePipe], styles: ["igo-interactive-tour[_ngcontent-%COMP%]{margin-left:20px}.training-guide-button[_ngcontent-%COMP%]{margin-left:5px;background-color:#1976d2;color:#fff;padding:0 12px}"] });
 AboutToolComponent = __decorate([
     ToolComponent({
         name: 'about',
@@ -6143,12 +5920,8 @@ AboutToolComponent = __decorate([
 ], AboutToolComponent);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AboutToolComponent, [{
         type: Component,
-        args: [{
-                selector: 'igo-about-tool',
-                templateUrl: './about-tool.component.html',
-                styleUrls: ['./about-tool.component.scss']
-            }]
-    }], function () { return [{ type: i2.ConfigService }, { type: i2$1.AuthService }, { type: i3$2.HttpClient }, { type: i0.ChangeDetectorRef }, { type: i2.LanguageService }]; }, { headerHtml: [{
+        args: [{ selector: 'igo-about-tool', template: "<p></p>\r\n<igo-interactive-tour\r\n  mat-raised-button\r\n  tourToStart=\"global\"\r\n  menuIsOpen=true\r\n  styleButton=\"raised\"\r\n  [discoverTitleInLocale$]=\"discoverTitleInLocale$\">\r\n</igo-interactive-tour>\r\n\r\n<button *ngIf=\"auth.authenticated && trainingGuideURLs && trainingGuideURLs.length === 1\"\r\n  class=\"training-guide-button\"\r\n  mat-raised-button\r\n  tooltip-position=\"below\"\r\n  matTooltipShowDelay=\"500\"\r\n  [disabled]=\"loading\"\r\n  [matTooltip]=\"'igo.integration.aboutTool.trainingGuideTooltip' | translate\"\r\n  (click)=\"openGuide()\">\r\n  <span>{{'igo.integration.aboutTool.trainingGuide' | translate}}</span>\r\n  <mat-icon svgIcon=\"file-document\"></mat-icon>\r\n</button>\r\n\r\n<button *ngIf=\"auth.authenticated && trainingGuideURLs && trainingGuideURLs.length > 1\"\r\n  class=\"training-guide-button\"\r\n  mat-raised-button\r\n  tooltip-position=\"below\"\r\n  matTooltipShowDelay=\"500\"\r\n  [disabled]=\"loading\"\r\n  [matTooltip]=\"'igo.integration.aboutTool.trainingGuideTooltip' | translate\"\r\n  [matMenuTriggerFor]=\"menu\">\r\n  <span>{{'igo.integration.aboutTool.trainingGuide' | translate}}</span>\r\n  <mat-icon svgIcon=\"file-document\"></mat-icon>\r\n</button>\r\n\r\n<mat-menu #menu=\"matMenu\">\r\n  <button *ngFor=\"let guide of trainingGuideURLs\" mat-menu-item (click)=\"openGuide(guide)\">{{formatFileName(guide)}}</button>\r\n</mat-menu>\r\n\r\n<igo-custom-html *ngIf=\"headerHtml !== ''\" class=\"mat-typography\"\r\n  [html]=\"headerHtml | translate\">\r\n</igo-custom-html>\r\n\r\n<igo-custom-html class=\"mat-typography\"\r\n  [html]=\"html | translate: {version: version}\">\r\n</igo-custom-html>\r\n", styles: ["igo-interactive-tour{margin-left:20px}.training-guide-button{margin-left:5px;background-color:#1976d2;color:#fff;padding:0 12px}\n"] }]
+    }], function () { return [{ type: i2.ConfigService }, { type: i2$1.AuthService }, { type: i3$1.HttpClient }, { type: i0.ChangeDetectorRef }, { type: i2.LanguageService }]; }, { headerHtml: [{
             type: Input
         }], html: [{
             type: Input
@@ -6168,16 +5941,14 @@ class IgoAppAboutModule {
 }
 IgoAppAboutModule.ɵfac = function IgoAppAboutModule_Factory(t) { return new (t || IgoAppAboutModule)(); };
 IgoAppAboutModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoAppAboutModule });
-IgoAppAboutModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
-            IgoLanguageModule,
-            IgoCustomHtmlModule,
-            MatButtonModule,
-            MatTooltipModule,
-            MatIconModule,
-            MatMenuModule,
-            IgoInteractiveTourModule,
-            CommonModule
-        ]] });
+IgoAppAboutModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [IgoLanguageModule,
+        IgoCustomHtmlModule,
+        MatButtonModule,
+        MatTooltipModule,
+        MatIconModule,
+        MatMenuModule,
+        IgoInteractiveTourModule,
+        CommonModule] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoAppAboutModule, [{
         type: NgModule,
         args: [{
@@ -6209,7 +5980,7 @@ class IgoAppStorageModule {
 }
 IgoAppStorageModule.ɵfac = function IgoAppStorageModule_Factory(t) { return new (t || IgoAppStorageModule)(); };
 IgoAppStorageModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoAppStorageModule });
-IgoAppStorageModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[]] });
+IgoAppStorageModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({});
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoAppStorageModule, [{
         type: NgModule,
         args: [{
@@ -6223,7 +5994,7 @@ class IgoIntegrationModule {
 }
 IgoIntegrationModule.ɵfac = function IgoIntegrationModule_Factory(t) { return new (t || IgoIntegrationModule)(); };
 IgoIntegrationModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoIntegrationModule });
-IgoIntegrationModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[], IgoAppStorageModule,
+IgoIntegrationModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [IgoAppStorageModule,
         IgoAppAnalyticsModule,
         IgoAppContextModule,
         IgoAppCatalogModule,
@@ -6279,7 +6050,7 @@ class IgoAppToolModule {
 }
 IgoAppToolModule.ɵfac = function IgoAppToolModule_Factory(t) { return new (t || IgoAppToolModule)(); };
 IgoAppToolModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IgoAppToolModule });
-IgoAppToolModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[]] });
+IgoAppToolModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({});
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IgoAppToolModule, [{
         type: NgModule,
         args: [{
@@ -6392,4 +6163,4 @@ QueryState.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: QueryState, f
  */
 
 export { AboutToolComponent, ActiveOgcFilterToolComponent, ActiveTimeFilterToolComponent, AdvancedMapToolComponent, AnalyticsListenerService, CatalogBrowserToolComponent, CatalogLibraryToolComponent, CatalogState, ContextEditorToolComponent, ContextManagerToolComponent, ContextPermissionManagerToolComponent, ContextShareToolComponent, ContextState, DirectionState, DirectionsToolComponent, DrawState, DrawingToolComponent, FeatureActionsService, IgoAppAboutModule, IgoAppAnalyticsModule, IgoAppCatalogBrowserToolModule, IgoAppCatalogLibraryToolModule, IgoAppCatalogModule, IgoAppContextModule, IgoAppDirectionsModule, IgoAppDrawModule, IgoAppFilterModule, IgoAppImportExportModule, IgoAppMapModule, IgoAppMeasureModule, IgoAppMeasurerToolModule, IgoAppPrintModule, IgoAppSearchBarModule, IgoAppSearchModule, IgoAppSearchResultsToolModule, IgoAppStorageModule, IgoAppToolModule, IgoAppWorkspaceModule, IgoIntegrationModule, ImportExportMode, ImportExportState, ImportExportToolComponent, ImportExportType, MapDetailsToolComponent, MapLegendToolComponent, MapProximityState, MapProximityToolComponent, MapState, MapToolComponent, MapToolsComponent, MeasureState, MeasurerToolComponent, OgcFilterToolComponent, PrintToolComponent, QueryState, SearchBarBindingDirective, SearchResultsToolComponent, SearchState, SpatialFilterToolComponent, StorageState, TimeFilterToolComponent, ToolState, WfsActionsService, WorkspaceButtonComponent, WorkspaceState };
-//# sourceMappingURL=igo2-integration.js.map
+//# sourceMappingURL=igo2-integration.mjs.map