@igo2/integration 16.1.1 → 16.3.0

package/fesm2022/igo2-integration.mjs

@@ -10,17 +10,17 @@ import * as i8 from '@angular/material/menu';
 import { MatMenuModule } from '@angular/material/menu';
 import * as i6 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
-import * as i12 from '@igo2/common';
-import { ToolComponent, IgoCustomHtmlModule, IgoInteractiveTourModule, EntityStore, EntityStoreFilterCustomFuncStrategy, EntityStoreFilterSelectionStrategy, WorkspaceStore, EntityStoreWithStrategy, IgoSpinnerModule, IgoEntityTableModule, getEntityTitle, FlexibleComponent, IgoFlexibleModule, IgoPanelModule } from '@igo2/common';
+import * as i2$2 from '@igo2/common';
+import { ToolComponent, IgoCustomHtmlModule, IgoInteractiveTourModule, EntityStore, EntityStoreFilterCustomFuncStrategy, EntityStoreFilterSelectionStrategy, WorkspaceStore, FormService, IgoFormModule, IgoSpinnerModule, IgoEntityTableModule, getEntityTitle, FlexibleComponent, IgoFlexibleModule, IgoPanelModule } from '@igo2/common';
 import * as i2 from '@igo2/core';
-import { version, ConfigService, LanguageService, IgoLanguageModule, StorageService, StorageScope, MessageService, StorageServiceEventEnum } from '@igo2/core';
+import { version, ConfigService, LanguageService, IgoLanguageModule, StorageService, StorageScope, MessageService, StorageServiceEventEnum, IgoMessageModule } from '@igo2/core';
 import { __decorate, __metadata } from 'tslib';
 import * as i3 from '@angular/common/http';
 import { HttpClient } from '@angular/common/http';
 import * as i2$1 from '@igo2/auth';
 import { AuthService } from '@igo2/auth';
-import { of, BehaviorSubject, Subject, map, forkJoin, combineLatest, ReplaySubject, interval } from 'rxjs';
-import * as i9 from '@ngx-translate/core';
+import { of, BehaviorSubject, combineLatest, Subject, map, forkJoin, ReplaySubject, interval } from 'rxjs';
+import * as i7$1 from '@ngx-translate/core';
 import * as i1 from '@igo2/geo';
 import { IgoMap, CatalogService, IgoCatalogBrowserModule, IgoCatalogLibraryModule, StopsStore, StopsFeatureStore, RoutesFeatureStore, StepFeatureStore, IgoDirectionsModule, FeatureStore, IgoDrawingToolModule, FeatureStoreSelectionStrategy, FeatureMotion, mapExtentStrategyActiveToolTip, noElementSelected, OgcFilterWidget, WfsWorkspace, FeatureWorkspace, EditionWorkspace, SpatialFilterItemType, MeasureLengthUnit, SpatialFilterType, featureToOl, createOverlayMarkerStyle, moveToOlFeatures, SpatialFilterService, DataSourceService, LayerService, IgoFilterModule, IgoQueryModule, IgoImportExportModule, IgoStyleModule, zoneMtm, zoneUtm, formatScale, computeProjectionsConstraints, LayerListControlsEnum, sourceCanSearch, SearchSourceService, roundCoordTo, featureFromOl, measureOlGeometryLength, FEATURE, VectorLayer, IgoLayerModule, IgoMetadataModule, IgoDownloadModule, IgoMeasurerModule, IgoPrintModule, IgoSearchModule, getCommonVectorStyle, computeOlFeaturesExtent, featuresAreOutOfView, featuresAreTooDeepInView, getCommonVectorSelectedStyle, IgoFeatureModule, IgoFeatureDetailsModule, GeoPropertiesStrategy } from '@igo2/geo';
 import { take, skipWhile, takeUntil, tap, debounceTime, map as map$1, skip } from 'rxjs/operators';
@@ -31,11 +31,11 @@ import olFormatGeoJSON from 'ol/format/GeoJSON';
 import * as olstyle from 'ol/style';
 import * as jsPDF from 'jspdf';
 import 'jspdf-autotable';
+import * as i3$1 from '@angular/forms';
+import { Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { MatButtonToggleModule } from '@angular/material/button-toggle';
 import * as i8$1 from '@angular/material/tabs';
 import { MatTabsModule } from '@angular/material/tabs';
-import * as i3$1 from '@angular/forms';
-import { Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { MatCheckboxModule } from '@angular/material/checkbox';
 import * as i6$1 from '@angular/material/core';
 import { MatOptionModule } from '@angular/material/core';
@@ -43,11 +43,11 @@ import * as i5$1 from '@angular/material/divider';
 import { MatDividerModule } from '@angular/material/divider';
 import * as i4$1 from '@angular/material/form-field';
 import { MatFormFieldModule } from '@angular/material/form-field';
-import * as i7$1 from '@angular/material/input';
+import * as i7$2 from '@angular/material/input';
 import { MatInputModule } from '@angular/material/input';
 import * as i10$2 from '@angular/material/list';
 import { MatListModule } from '@angular/material/list';
-import * as i9$1 from '@angular/material/radio';
+import * as i9 from '@angular/material/radio';
 import { MatRadioModule } from '@angular/material/radio';
 import * as i5 from '@angular/material/select';
 import { MatSelectModule } from '@angular/material/select';
@@ -151,7 +151,7 @@ let AboutToolComponent = class AboutToolComponent {
         return name;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AboutToolComponent, deps: [{ token: i2.ConfigService }, { token: i2$1.AuthService }, { token: i3.HttpClient }, { token: i0.ChangeDetectorRef }, { token: i2.LanguageService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AboutToolComponent, selector: "igo-about-tool", inputs: { headerHtml: "headerHtml", html: "html", discoverTitleInLocale: "discoverTitleInLocale", trainingGuideURLs: "trainingGuideURLs" }, ngImport: i0, 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>\r\n</igo-interactive-tour>\r\n\r\n<button\r\n  *ngIf=\"\r\n    auth.authenticated && trainingGuideURLs && trainingGuideURLs.length === 1\r\n  \"\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>\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\r\n  *ngIf=\"\r\n    auth.authenticated && trainingGuideURLs && trainingGuideURLs.length > 1\r\n  \"\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>\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\r\n    *ngFor=\"let guide of trainingGuideURLs\"\r\n    mat-menu-item\r\n    (click)=\"openGuide(guide)\"\r\n  >\r\n    {{ formatFileName(guide) }}\r\n  </button>\r\n</mat-menu>\r\n\r\n<igo-custom-html\r\n  *ngIf=\"headerHtml !== ''\"\r\n  class=\"mat-typography\"\r\n  [html]=\"headerHtml | translate\"\r\n>\r\n</igo-custom-html>\r\n\r\n<igo-custom-html\r\n  class=\"mat-typography\"\r\n  [html]=\"html | translate: { version: effectiveVersion }\"\r\n>\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"], dependencies: [{ kind: "component", type: i12.CustomHtmlComponent, selector: "igo-custom-html", inputs: ["html"] }, { kind: "component", type: i10.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i6.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i8.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i8.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i8.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "component", type: i12.InteractiveTourComponent, selector: "igo-interactive-tour", inputs: ["tourToStart", "styleButton", "discoverTitleInLocale$"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AboutToolComponent, selector: "igo-about-tool", inputs: { headerHtml: "headerHtml", html: "html", discoverTitleInLocale: "discoverTitleInLocale", trainingGuideURLs: "trainingGuideURLs" }, ngImport: i0, 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>\r\n</igo-interactive-tour>\r\n\r\n<button\r\n  *ngIf=\"\r\n    auth.authenticated && trainingGuideURLs && trainingGuideURLs.length === 1\r\n  \"\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>\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\r\n  *ngIf=\"\r\n    auth.authenticated && trainingGuideURLs && trainingGuideURLs.length > 1\r\n  \"\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>\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\r\n    *ngFor=\"let guide of trainingGuideURLs\"\r\n    mat-menu-item\r\n    (click)=\"openGuide(guide)\"\r\n  >\r\n    {{ formatFileName(guide) }}\r\n  </button>\r\n</mat-menu>\r\n\r\n<igo-custom-html\r\n  *ngIf=\"headerHtml !== ''\"\r\n  class=\"mat-typography\"\r\n  [html]=\"headerHtml | translate\"\r\n>\r\n</igo-custom-html>\r\n\r\n<igo-custom-html\r\n  class=\"mat-typography\"\r\n  [html]=\"html | translate: { version: effectiveVersion }\"\r\n>\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"], dependencies: [{ kind: "component", type: i2$2.CustomHtmlComponent, selector: "igo-custom-html", inputs: ["html"] }, { kind: "component", type: i10.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i6.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i8.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i8.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i8.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "component", type: i2$2.InteractiveTourComponent, selector: "igo-interactive-tour", inputs: ["tourToStart", "styleButton", "discoverTitleInLocale$"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i7$1.TranslatePipe, name: "translate" }] });
 };
 AboutToolComponent = __decorate([
     ToolComponent({
@@ -357,10 +357,6 @@ let CatalogBrowserToolComponent = class CatalogBrowserToolComponent {
      * Subscription to the selected catalog
      */
     catalog$$;
-    /**
-     * Subscription for authentication
-     */
-    authenticate$$;
     /**
      * Whether a group can be toggled when it's collapsed
      */
@@ -383,15 +379,11 @@ let CatalogBrowserToolComponent = class CatalogBrowserToolComponent {
      */
     ngOnInit() {
         const catalogStore = this.catalogState.catalogStore;
-        this.catalog$$ = catalogStore.stateView
-            .firstBy$((record) => record.state.selected === true)
-            .subscribe((record) => {
-            if (record && record.entity) {
-                const catalog = record.entity;
-                this.catalog = catalog;
-            }
-        });
-        this.authenticate$$ = this.authService.authenticate$.subscribe(() => {
+        const catalog$ = catalogStore.stateView.firstBy$((record) => record.state.selected === true);
+        const authenticate$ = this.authService.authenticate$;
+        this.catalog$$ = combineLatest([catalog$, authenticate$]).subscribe(([record, authenticate]) => {
+            const catalog = record.entity;
+            this.catalog = catalog;
             this.loadCatalogItems(this.catalog);
         });
     }
@@ -400,7 +392,6 @@ let CatalogBrowserToolComponent = class CatalogBrowserToolComponent {
      */
     ngOnDestroy() {
         this.catalog$$.unsubscribe();
-        this.authenticate$$.unsubscribe();
     }
     /**
      * Get the selected catalog's items from the CatalogService and
@@ -538,7 +529,7 @@ class ToolState {
             this.openSidenav$.next(true);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolState, deps: [{ token: i12.ToolService }, { token: ImportExportState }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolState, deps: [{ token: i2$2.ToolService }, { token: ImportExportState }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolState, providedIn: 'root' });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolState, decorators: [{
@@ -546,7 +537,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: i12.ToolService }, { type: ImportExportState }]; } });
+        }], ctorParameters: function () { return [{ type: i2$2.ToolService }, { type: ImportExportState }]; } });
 
 /**
  * Tool to browse the list of available catalogs.
@@ -915,7 +906,7 @@ class ContextState {
         }
         this.setContext(context);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextState, deps: [{ token: i1$1.ContextService }, { token: i12.ToolService }, { token: ToolState }, { token: i2.LanguageService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextState, deps: [{ token: i1$1.ContextService }, { token: i2$2.ToolService }, { token: ToolState }, { token: i2.LanguageService }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextState, providedIn: 'root' });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ContextState, decorators: [{
@@ -923,7 +914,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: i1$1.ContextService }, { type: i12.ToolService }, { type: ToolState }, { type: i2.LanguageService }]; } });
+        }], ctorParameters: function () { return [{ type: i1$1.ContextService }, { type: i2$2.ToolService }, { type: ToolState }, { type: i2.LanguageService }]; } });
 
 /**
  * Service that holds the state of the direction module
@@ -1571,7 +1562,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: i12.Widget, decorators: [{
+        }], ctorParameters: function () { return [{ type: i2$2.Widget, decorators: [{
                     type: Inject,
                     args: [OgcFilterWidget]
                 }] }, { type: StorageState }, { type: i2.LanguageService }, { type: i2.MediaService }, { type: ToolState }, { type: i4.DatePipe }]; } });
@@ -1684,7 +1675,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: i12.Widget, decorators: [{
+        }], ctorParameters: function () { return [{ type: i2$2.Widget, decorators: [{
                     type: Inject,
                     args: [OgcFilterWidget]
                 }] }, { type: StorageState }, { type: i2.LanguageService }, { type: i2.MediaService }, { type: ToolState }, { type: i4.DatePipe }]; } });
@@ -1911,7 +1902,7 @@ let SpatialFilterToolComponent = class SpatialFilterToolComponent {
     iterator = 1;
     selectedFeature$ = new BehaviorSubject(undefined);
     format = new olFormatGeoJSON();
-    store = new EntityStoreWithStrategy([]); // Store to print results at the end
+    store = new EntityStore([]); // Store to print results at the end
     spatialListStore = new EntityStore([]);
     loading = false;
     thematicLength = 0;
@@ -2493,6 +2484,198 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }]
         }] });
 
+let DataIssueReporterToolComponent = class DataIssueReporterToolComponent {
+    mapState;
+    formService;
+    languageService;
+    messageService;
+    httpClient;
+    /**
+     * Url to report the data issue. Use the Post protocol to send the form.
+     */
+    url;
+    /**
+     * Map to link to the form
+     * @internal
+     */
+    get map() {
+        return this.mapState.map;
+    }
+    form$ = new BehaviorSubject(undefined);
+    data$ = new BehaviorSubject(undefined);
+    submitDisabled = true;
+    valueChanges$$;
+    constructor(mapState, formService, languageService, messageService, httpClient) {
+        this.mapState = mapState;
+        this.formService = formService;
+        this.languageService = languageService;
+        this.messageService = messageService;
+        this.httpClient = httpClient;
+    }
+    ngOnInit() {
+        combineLatest([this.languageService.language$, this.map.layers$]).subscribe(([language, layers]) => {
+            const baseLayerOrShownInLayerList = layers
+                .filter((l) => l.baseLayer || l.showInLayerList)
+                .map((l) => {
+                return { value: `${l.title}-${l.id}`, title: l.title };
+            });
+            const fieldConfigs = [
+                {
+                    name: 'geometry',
+                    title: this.languageService.translate.instant('igo.integration.dataIssueReporterTool.geometry'),
+                    type: 'geometry',
+                    inputs: {
+                        map: this.map,
+                        geometryTypeField: true,
+                        geometryType: 'Polygon',
+                        drawGuideField: false,
+                        drawGuide: 0,
+                        drawGuidePlaceholder: this.languageService.translate.instant('igo.integration.dataIssueReporterTool.drawGuidePlaceholder'),
+                        drawStyle: new olstyle.Style({
+                            stroke: new olstyle.Stroke({
+                                color: [255, 0, 0, 1],
+                                width: 2
+                            }),
+                            fill: new olstyle.Fill({
+                                color: [255, 0, 0, 0.2]
+                            }),
+                            image: new olstyle.Circle({
+                                radius: 8,
+                                stroke: new olstyle.Stroke({
+                                    color: [255, 0, 0, 1]
+                                }),
+                                fill: new olstyle.Fill({
+                                    color: [255, 0, 0, 0.2]
+                                })
+                            })
+                        }),
+                        overlayStyle: new olstyle.Style({
+                            stroke: new olstyle.Stroke({
+                                color: [0, 255, 0, 1],
+                                width: 2
+                            }),
+                            fill: new olstyle.Fill({
+                                color: [0, 255, 0, 0.2]
+                            }),
+                            image: new olstyle.Circle({
+                                radius: 8,
+                                stroke: new olstyle.Stroke({
+                                    color: [0, 255, 0, 1]
+                                }),
+                                fill: new olstyle.Fill({
+                                    color: [0, 255, 0, 0.2]
+                                })
+                            })
+                        })
+                    }
+                },
+                {
+                    name: 'layer',
+                    title: this.languageService.translate.instant('igo.integration.dataIssueReporterTool.layer'),
+                    type: 'select',
+                    options: {
+                        cols: 2
+                    },
+                    inputs: {
+                        choices: baseLayerOrShownInLayerList
+                    }
+                },
+                {
+                    name: 'desc',
+                    title: this.languageService.translate.instant('igo.integration.dataIssueReporterTool.description'),
+                    type: 'textarea',
+                    options: {
+                        validator: Validators.required
+                    }
+                },
+                {
+                    name: 'email',
+                    title: this.languageService.translate.instant('igo.integration.dataIssueReporterTool.email'),
+                    options: {
+                        validator: Validators.email
+                    }
+                }
+            ];
+            const fields = fieldConfigs.map((config) => this.formService.field(config));
+            const form = this.formService.form(fields, []);
+            this.valueChanges$$ = form.control.valueChanges.subscribe(() => {
+                this.submitDisabled = !form.control.valid;
+            });
+            this.form$.next(form);
+        });
+    }
+    ngOnDestroy() {
+        this.valueChanges$$.unsubscribe();
+    }
+    clearForm() {
+        this.form$.value.control.reset();
+    }
+    onSubmit(data) {
+        const submitTitle = 'igo.integration.dataIssueReporterTool.submit.title';
+        if (!this.url) {
+            this.messageService.alert('igo.integration.dataIssueReporterTool.submit.setupMessage', submitTitle);
+            alert(JSON.stringify(data));
+        }
+        else {
+            this.httpClient
+                .post(this.url, data)
+                .subscribe(() => {
+                this.messageService.success('igo.integration.dataIssueReporterTool.submit.message', submitTitle);
+            });
+            this.clearForm();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DataIssueReporterToolComponent, deps: [{ token: MapState }, { token: i2$2.FormService }, { token: i2.LanguageService }, { token: i2.MessageService }, { token: i3.HttpClient }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DataIssueReporterToolComponent, selector: "igo-issue-reporter-tool", inputs: { url: "url" }, ngImport: i0, template: "<igo-form\r\n  *ngIf=\"form$ | async as form\"\r\n  [form]=\"form\"\r\n  [formData]=\"data$ | async\"\r\n  (submitForm)=\"onSubmit($event)\"\r\n>\r\n  <div *ngIf=\"form.fields.length\" class=\"form-container\">\r\n    <igo-form-field\r\n      *ngFor=\"let field of form.fields\"\r\n      [field]=\"field\"\r\n    ></igo-form-field>\r\n  </div>\r\n\r\n  <div formButtons class=\"actions-container\">\r\n    <button\r\n      mat-stroked-button\r\n      type=\"button\"\r\n      color=\"primary\"\r\n      (click)=\"clearForm()\"\r\n    >\r\n      {{ 'igo.integration.dataIssueReporterTool.reset.button' | translate }}\r\n    </button>\r\n    <button\r\n      mat-flat-button\r\n      type=\"submit\"\r\n      color=\"primary\"\r\n      [disabled]=\"submitDisabled\"\r\n    >\r\n      {{ 'igo.integration.dataIssueReporterTool.submit.button' | translate }}\r\n    </button>\r\n  </div>\r\n</igo-form>\r\n", styles: [":host .actions-container button:not(:last-child){margin-right:8px}:host .form-container{width:100%;padding:10px}:host .form-container igo-form-field{display:block;height:auto}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i10.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i2$2.FormComponent, selector: "igo-form", inputs: ["form", "formData", "autocomplete"], outputs: ["submitForm"] }, { kind: "component", type: i2$2.FormFieldComponent, selector: "igo-form-field", inputs: ["field"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i7$1.TranslatePipe, name: "translate" }] });
+};
+DataIssueReporterToolComponent = __decorate([
+    ToolComponent({
+        name: 'dataIssueReporter',
+        title: 'igo.integration.tools.dataIssueReporter',
+        icon: 'message-alert'
+    }),
+    __metadata("design:paramtypes", [MapState,
+        FormService,
+        LanguageService,
+        MessageService,
+        HttpClient])
+], DataIssueReporterToolComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DataIssueReporterToolComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'igo-issue-reporter-tool', template: "<igo-form\r\n  *ngIf=\"form$ | async as form\"\r\n  [form]=\"form\"\r\n  [formData]=\"data$ | async\"\r\n  (submitForm)=\"onSubmit($event)\"\r\n>\r\n  <div *ngIf=\"form.fields.length\" class=\"form-container\">\r\n    <igo-form-field\r\n      *ngFor=\"let field of form.fields\"\r\n      [field]=\"field\"\r\n    ></igo-form-field>\r\n  </div>\r\n\r\n  <div formButtons class=\"actions-container\">\r\n    <button\r\n      mat-stroked-button\r\n      type=\"button\"\r\n      color=\"primary\"\r\n      (click)=\"clearForm()\"\r\n    >\r\n      {{ 'igo.integration.dataIssueReporterTool.reset.button' | translate }}\r\n    </button>\r\n    <button\r\n      mat-flat-button\r\n      type=\"submit\"\r\n      color=\"primary\"\r\n      [disabled]=\"submitDisabled\"\r\n    >\r\n      {{ 'igo.integration.dataIssueReporterTool.submit.button' | translate }}\r\n    </button>\r\n  </div>\r\n</igo-form>\r\n", styles: [":host .actions-container button:not(:last-child){margin-right:8px}:host .form-container{width:100%;padding:10px}:host .form-container igo-form-field{display:block;height:auto}\n"] }]
+        }], ctorParameters: function () { return [{ type: MapState }, { type: i2$2.FormService }, { type: i2.LanguageService }, { type: i2.MessageService }, { type: i3.HttpClient }]; }, propDecorators: { url: [{
+                type: Input
+            }] } });
+
+class IgoAppGeometryFormModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppGeometryFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: IgoAppGeometryFormModule, declarations: [DataIssueReporterToolComponent], imports: [CommonModule,
+            MatButtonModule,
+            IgoLanguageModule,
+            IgoFormModule,
+            IgoMessageModule], exports: [DataIssueReporterToolComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppGeometryFormModule, imports: [CommonModule,
+            MatButtonModule,
+            IgoLanguageModule,
+            IgoFormModule,
+            IgoMessageModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoAppGeometryFormModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        MatButtonModule,
+                        IgoLanguageModule,
+                        IgoFormModule,
+                        IgoMessageModule
+                    ],
+                    declarations: [DataIssueReporterToolComponent],
+                    exports: [DataIssueReporterToolComponent],
+                    schemas: []
+                }]
+        }] });
+
 let ImportExportToolComponent = class ImportExportToolComponent {
     mapState;
     importExportState;
@@ -2553,7 +2736,7 @@ let ImportExportToolComponent = class ImportExportToolComponent {
         this.importExportType = event.value;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ImportExportToolComponent, deps: [{ token: MapState }, { token: ImportExportState }, { token: WorkspaceState }, { token: ContextState }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ImportExportToolComponent, selector: "igo-import-export-tool", inputs: { projectionsLimitations: "projectionsLimitations", selectFirstProj: "selectFirstProj", importExportType: "importExportType", importExportShowBothType: "importExportShowBothType" }, ngImport: i0, template: "<mat-tab-group *ngIf=\"importExportShowBothType\">\r\n  <mat-tab\r\n    [label]=\"'igo.integration.importExportTool.importExportData' | translate\"\r\n  >\r\n    <igo-import-export\r\n      [contextUri]=\"(contextState.context$ | async).uri\"\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    >\r\n    </igo-import-export>\r\n  </mat-tab>\r\n  <mat-tab\r\n    [label]=\"'igo.integration.importExportTool.importExportContext' | translate\"\r\n  >\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  [contextUri]=\"(contextState.context$ | async).uri\"\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>\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>\r\n</igo-context-import-export>\r\n", styles: ["mat-form-field{width:100%}\n"], dependencies: [{ kind: "component", type: i1.ImportExportComponent, selector: "igo-import-export", inputs: ["selectFirstProj", "map", "contextUri", "projectionsLimitations", "store", "selectedMode", "exportOptions$"], outputs: ["selectMode", "exportOptionsChange"] }, { kind: "component", type: i1$1.ContextImportExportComponent, selector: "igo-context-import-export", inputs: ["map"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i8$1.MatTab, selector: "mat-tab", inputs: ["disabled"], exportAs: ["matTab"] }, { kind: "component", type: i8$1.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple", "fitInkBarToContent", "mat-stretch-tabs"], exportAs: ["matTabGroup"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ImportExportToolComponent, selector: "igo-import-export-tool", inputs: { projectionsLimitations: "projectionsLimitations", selectFirstProj: "selectFirstProj", importExportType: "importExportType", importExportShowBothType: "importExportShowBothType" }, ngImport: i0, template: "<mat-tab-group *ngIf=\"importExportShowBothType\">\r\n  <mat-tab\r\n    [label]=\"'igo.integration.importExportTool.importExportData' | translate\"\r\n  >\r\n    <igo-import-export\r\n      [contextUri]=\"(contextState.context$ | async).uri\"\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    >\r\n    </igo-import-export>\r\n  </mat-tab>\r\n  <mat-tab\r\n    [label]=\"'igo.integration.importExportTool.importExportContext' | translate\"\r\n  >\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  [contextUri]=\"(contextState.context$ | async).uri\"\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>\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>\r\n</igo-context-import-export>\r\n", styles: ["mat-form-field{width:100%}\n"], dependencies: [{ kind: "component", type: i1.ImportExportComponent, selector: "igo-import-export", inputs: ["selectFirstProj", "map", "contextUri", "projectionsLimitations", "store", "selectedMode", "exportOptions$"], outputs: ["selectMode", "exportOptionsChange"] }, { kind: "component", type: i1$1.ContextImportExportComponent, selector: "igo-context-import-export", inputs: ["map"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i8$1.MatTab, selector: "mat-tab", inputs: ["disabled"], exportAs: ["matTab"] }, { kind: "component", type: i8$1.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple", "fitInkBarToContent", "mat-stretch-tabs"], exportAs: ["matTabGroup"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i7$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 ImportExportToolComponent = __decorate([
     ToolComponent({
@@ -2659,7 +2842,7 @@ class WorkspaceButtonComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WorkspaceButtonComponent, deps: [{ token: WorkspaceState }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: WorkspaceButtonComponent, selector: "igo-workspace-button", inputs: { layer: "layer", color: "color" }, ngImport: i0, 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", styles: [""], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i10.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i6.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: WorkspaceButtonComponent, selector: "igo-workspace-button", inputs: { layer: "layer", color: "color" }, ngImport: i0, 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", styles: [""], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i10.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i6.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i7$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WorkspaceButtonComponent, decorators: [{
             type: Component,
@@ -3078,7 +3261,7 @@ class AdvancedCoordinatesComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdvancedCoordinatesComponent, deps: [{ token: MapState }, { token: i2.LanguageService }, { token: i2.MessageService }, { token: i0.ChangeDetectorRef }, { token: i2.StorageService }, { token: i2.ConfigService }, { token: i3$1.UntypedFormBuilder }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AdvancedCoordinatesComponent, selector: "igo-advanced-coordinates", inputs: { projectionsLimitations: "projectionsLimitations" }, ngImport: i0, template: "<div class=\"advanced-coordinates__coordinates-container\">\r\n  <div class=\"advanced-coordinates__coordinates-container__inner\">\r\n    <mat-form-field *ngIf=\"units; else elseBlock\" subscriptSizing=\"dynamic\">\r\n      <mat-label>{{\r\n        'igo.integration.advanced-map-tool.advanced-coordinates.lon' | translate\r\n      }}</mat-label>\r\n      <textarea\r\n        #textArea\r\n        matInput\r\n        readonly\r\n        rows=\"1\"\r\n        [placeholder]=\"\r\n          'igo.integration.advanced-map-tool.advanced-coordinates.lon'\r\n            | translate\r\n        \"\r\n        [value]=\"coordinates[0]\"\r\n      ></textarea>\r\n    </mat-form-field>\r\n    <ng-template #elseBlock>\r\n      <mat-form-field subscriptSizing=\"dynamic\">\r\n        <textarea\r\n          #textArea\r\n          matInput\r\n          readonly\r\n          rows=\"1\"\r\n          [placeholder]=\"\r\n            'igo.integration.advanced-map-tool.advanced-coordinates.est'\r\n              | translate\r\n          \"\r\n          [value]=\"coordinates[0]\"\r\n        ></textarea>\r\n      </mat-form-field>\r\n    </ng-template>\r\n\r\n    <mat-form-field *ngIf=\"units; else elseBlock2\" subscriptSizing=\"dynamic\">\r\n      <mat-label>{{\r\n        'igo.integration.advanced-map-tool.advanced-coordinates.lat' | translate\r\n      }}</mat-label>\r\n      <textarea\r\n        #textArea\r\n        matInput\r\n        readonly\r\n        rows=\"1\"\r\n        [placeholder]=\"\r\n          'igo.integration.advanced-map-tool.advanced-coordinates.lat'\r\n            | translate\r\n        \"\r\n        [value]=\"coordinates[1]\"\r\n      ></textarea>\r\n    </mat-form-field>\r\n    <ng-template #elseBlock2>\r\n      <mat-form-field subscriptSizing=\"dynamic\">\r\n        <textarea\r\n          #textArea\r\n          matInput\r\n          readonly\r\n          rows=\"1\"\r\n          [placeholder]=\"\r\n            'igo.integration.advanced-map-tool.advanced-coordinates.nord'\r\n              | translate\r\n          \"\r\n          [value]=\"coordinates[1]\"\r\n        ></textarea>\r\n      </mat-form-field>\r\n    </ng-template>\r\n    <button\r\n      mat-icon-button\r\n      [attr.aria-label]=\"\r\n        'igo.integration.advanced-map-tool.advanced-coordinates.copy'\r\n          | translate\r\n      \"\r\n      class=\"igo-form-button-group advanced-coordinates__copy-coordinates\"\r\n      (click)=\"copyTextToClipboard()\"\r\n    >\r\n      <mat-icon svgIcon=\"content-copy\"></mat-icon>\r\n    </button>\r\n  </div>\r\n\r\n  <form class=\"igo-form advanced-coordinates__form\" [formGroup]=\"form\">\r\n    <div class=\"advanced-coordinates__coordinates-container__inner\">\r\n      <mat-form-field class=\"igo-input-container\" subscriptSizing=\"dynamic\">\r\n        <mat-label>{{\r\n          'igo.integration.advanced-map-tool.advanced-coordinates.coordSystem'\r\n            | translate\r\n        }}</mat-label>\r\n        <mat-select [(value)]=\"inputProj\">\r\n          <mat-option\r\n            matTooltipShowDelay=\"500\"\r\n            *ngFor=\"let projection of projections$ | async\"\r\n            [value]=\"projection\"\r\n            (click)=\"$event.stopPropagation()\"\r\n          >\r\n            {{ projection.translatedValue || projection.alias }}\r\n          </mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n    </div>\r\n    <div class=\"advanced-coordinates__coordinates-container__inner\">\r\n      <mat-slide-toggle\r\n        class=\"center-toggle mat-typography\"\r\n        [checked]=\"center\"\r\n        [labelPosition]=\"'before'\"\r\n        (change)=\"displayCenter($event.checked)\"\r\n      >\r\n        {{\r\n          'igo.integration.advanced-map-tool.advanced-coordinates.center'\r\n            | translate\r\n        }}\r\n      </mat-slide-toggle>\r\n    </div>\r\n  </form>\r\n\r\n  <p class=\"igo-zoom mat-typography\">\r\n    {{\r\n      'igo.integration.advanced-map-tool.advanced-coordinates.zoom' | translate\r\n    }}\r\n    {{ map.viewController.getZoom() }}\r\n  </p>\r\n  <p class=\"igo-zoom mat-typography\">\r\n    {{\r\n      'igo.integration.advanced-map-tool.advanced-coordinates.scale' | translate\r\n    }}\r\n    {{ formattedScale$ | async }}\r\n  </p>\r\n  <p class=\"igo-zoom mat-typography\">\r\n    {{\r\n      'igo.integration.advanced-map-tool.advanced-coordinates.resolution'\r\n        | translate\r\n    }}\r\n    {{ map.viewController.getResolution() | number: '1.0-0' }}\r\n  </p>\r\n</div>\r\n", styles: [":host{padding:12px 0}textarea{resize:none}.advanced-coordinates__coordinates-container{width:100%;display:flex;flex-direction:column;padding:12px 0}.advanced-coordinates__coordinates-container__inner{display:flex;align-items:center;margin-bottom:16px}.advanced-coordinates__coordinates-container__inner mat-form-field{flex:1}.advanced-coordinates__coordinates-container__inner mat-form-field:not(:first-child),.advanced-coordinates__coordinates-container__inner button:not(:first-child){margin-left:8px}.advanced-coordinates__form{display:flex;flex-direction:column}.advanced-coordinates__form mat-slide-toggle{flex:1}.advanced-coordinates__form mat-slide-toggle ::ng-deep .mdc-form-field{display:flex;justify-content:space-between}.advanced-coordinates__form mat-slide-toggle ::ng-deep .mdc-label{flex:1}\n"], dependencies: [{ kind: "directive", type: i3$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$1.MatLabel, selector: "mat-label" }, { kind: "component", type: i5.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex", "panelWidth", "hideSingleSelectionIndicator"], exportAs: ["matSelect"] }, { kind: "component", type: i6$1.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i7$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i10$1.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matSlideToggle"] }, { kind: "component", type: i10.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.DecimalPipe, name: "number" }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AdvancedCoordinatesComponent, selector: "igo-advanced-coordinates", inputs: { projectionsLimitations: "projectionsLimitations" }, ngImport: i0, template: "<div class=\"advanced-coordinates__coordinates-container\">\r\n  <div class=\"advanced-coordinates__coordinates-container__inner\">\r\n    <mat-form-field *ngIf=\"units; else elseBlock\" subscriptSizing=\"dynamic\">\r\n      <mat-label>{{\r\n        'igo.integration.advanced-map-tool.advanced-coordinates.lon' | translate\r\n      }}</mat-label>\r\n      <textarea\r\n        #textArea\r\n        matInput\r\n        readonly\r\n        rows=\"1\"\r\n        [placeholder]=\"\r\n          'igo.integration.advanced-map-tool.advanced-coordinates.lon'\r\n            | translate\r\n        \"\r\n        [value]=\"coordinates[0]\"\r\n      ></textarea>\r\n    </mat-form-field>\r\n    <ng-template #elseBlock>\r\n      <mat-form-field subscriptSizing=\"dynamic\">\r\n        <textarea\r\n          #textArea\r\n          matInput\r\n          readonly\r\n          rows=\"1\"\r\n          [placeholder]=\"\r\n            'igo.integration.advanced-map-tool.advanced-coordinates.est'\r\n              | translate\r\n          \"\r\n          [value]=\"coordinates[0]\"\r\n        ></textarea>\r\n      </mat-form-field>\r\n    </ng-template>\r\n\r\n    <mat-form-field *ngIf=\"units; else elseBlock2\" subscriptSizing=\"dynamic\">\r\n      <mat-label>{{\r\n        'igo.integration.advanced-map-tool.advanced-coordinates.lat' | translate\r\n      }}</mat-label>\r\n      <textarea\r\n        #textArea\r\n        matInput\r\n        readonly\r\n        rows=\"1\"\r\n        [placeholder]=\"\r\n          'igo.integration.advanced-map-tool.advanced-coordinates.lat'\r\n            | translate\r\n        \"\r\n        [value]=\"coordinates[1]\"\r\n      ></textarea>\r\n    </mat-form-field>\r\n    <ng-template #elseBlock2>\r\n      <mat-form-field subscriptSizing=\"dynamic\">\r\n        <textarea\r\n          #textArea\r\n          matInput\r\n          readonly\r\n          rows=\"1\"\r\n          [placeholder]=\"\r\n            'igo.integration.advanced-map-tool.advanced-coordinates.nord'\r\n              | translate\r\n          \"\r\n          [value]=\"coordinates[1]\"\r\n        ></textarea>\r\n      </mat-form-field>\r\n    </ng-template>\r\n    <button\r\n      mat-icon-button\r\n      [attr.aria-label]=\"\r\n        'igo.integration.advanced-map-tool.advanced-coordinates.copy'\r\n          | translate\r\n      \"\r\n      class=\"igo-form-button-group advanced-coordinates__copy-coordinates\"\r\n      (click)=\"copyTextToClipboard()\"\r\n    >\r\n      <mat-icon svgIcon=\"content-copy\"></mat-icon>\r\n    </button>\r\n  </div>\r\n\r\n  <form class=\"igo-form advanced-coordinates__form\" [formGroup]=\"form\">\r\n    <div class=\"advanced-coordinates__coordinates-container__inner\">\r\n      <mat-form-field class=\"igo-input-container\" subscriptSizing=\"dynamic\">\r\n        <mat-label>{{\r\n          'igo.integration.advanced-map-tool.advanced-coordinates.coordSystem'\r\n            | translate\r\n        }}</mat-label>\r\n        <mat-select [(value)]=\"inputProj\">\r\n          <mat-option\r\n            matTooltipShowDelay=\"500\"\r\n            *ngFor=\"let projection of projections$ | async\"\r\n            [value]=\"projection\"\r\n            (click)=\"$event.stopPropagation()\"\r\n          >\r\n            {{ projection.translatedValue || projection.alias }}\r\n          </mat-option>\r\n        </mat-select>\r\n      </mat-form-field>\r\n    </div>\r\n    <div class=\"advanced-coordinates__coordinates-container__inner\">\r\n      <mat-slide-toggle\r\n        class=\"center-toggle mat-typography\"\r\n        [checked]=\"center\"\r\n        [labelPosition]=\"'before'\"\r\n        (change)=\"displayCenter($event.checked)\"\r\n      >\r\n        {{\r\n          'igo.integration.advanced-map-tool.advanced-coordinates.center'\r\n            | translate\r\n        }}\r\n      </mat-slide-toggle>\r\n    </div>\r\n  </form>\r\n\r\n  <p class=\"igo-zoom mat-typography\">\r\n    {{\r\n      'igo.integration.advanced-map-tool.advanced-coordinates.zoom' | translate\r\n    }}\r\n    {{ map.viewController.getZoom() }}\r\n  </p>\r\n  <p class=\"igo-zoom mat-typography\">\r\n    {{\r\n      'igo.integration.advanced-map-tool.advanced-coordinates.scale' | translate\r\n    }}\r\n    {{ formattedScale$ | async }}\r\n  </p>\r\n  <p class=\"igo-zoom mat-typography\">\r\n    {{\r\n      'igo.integration.advanced-map-tool.advanced-coordinates.resolution'\r\n        | translate\r\n    }}\r\n    {{ map.viewController.getResolution() | number: '1.0-0' }}\r\n  </p>\r\n</div>\r\n", styles: [":host{padding:12px 0}textarea{resize:none}.advanced-coordinates__coordinates-container{width:100%;display:flex;flex-direction:column;padding:12px 0}.advanced-coordinates__coordinates-container__inner{display:flex;align-items:center;margin-bottom:16px}.advanced-coordinates__coordinates-container__inner mat-form-field{flex:1}.advanced-coordinates__coordinates-container__inner mat-form-field:not(:first-child),.advanced-coordinates__coordinates-container__inner button:not(:first-child){margin-left:8px}.advanced-coordinates__form{display:flex;flex-direction:column}.advanced-coordinates__form mat-slide-toggle{flex:1}.advanced-coordinates__form mat-slide-toggle ::ng-deep .mdc-form-field{display:flex;justify-content:space-between}.advanced-coordinates__form mat-slide-toggle ::ng-deep .mdc-label{flex:1}\n"], dependencies: [{ kind: "directive", type: i3$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$1.MatLabel, selector: "mat-label" }, { kind: "component", type: i5.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex", "panelWidth", "hideSingleSelectionIndicator"], exportAs: ["matSelect"] }, { kind: "component", type: i6$1.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i7$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i10$1.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matSlideToggle"] }, { kind: "component", type: i10.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.DecimalPipe, name: "number" }, { kind: "pipe", type: i7$1.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdvancedCoordinatesComponent, decorators: [{
             type: Component,
@@ -3195,7 +3378,7 @@ class AdvancedSwipeComponent {
         this.toolState.toolbox.activateTool('contextManager');
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdvancedSwipeComponent, deps: [{ token: MapState }, { token: i1$1.ContextService }, { token: i3$1.UntypedFormBuilder }, { token: ToolState }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AdvancedSwipeComponent, selector: "igo-advanced-swipe", ngImport: i0, template: "<div\r\n  *ngIf=\"userControlledLayerList.length; else noLayersBlock\"\r\n  class=\"igo-swipe-select-container\"\r\n>\r\n  <form class=\"igo-form\" [formGroup]=\"form\">\r\n    <mat-form-field>\r\n      <mat-label>{{\r\n        'igo.integration.advanced-map-tool.advanced-swipe.swipe-select'\r\n          | translate\r\n      }}</mat-label>\r\n      <mat-select formControlName=\"layers\" multiple>\r\n        <mat-option [value]=\"1\" (click)=\"selectAll(e)\" #e>\r\n          {{\r\n            'igo.integration.advanced-map-tool.advanced-swipe.selectAll'\r\n              | translate\r\n          }}\r\n        </mat-option>\r\n        <mat-divider></mat-divider>\r\n        <mat-option\r\n          *ngFor=\"let layer of userControlledLayerList\"\r\n          [value]=\"layer\"\r\n          (click)=\"applyNewLayers(e)\"\r\n          >{{ layer.title }}</mat-option\r\n        >\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-slide-toggle\r\n      class=\"swipe-toggle mat-typography\"\r\n      [checked]=\"swipe\"\r\n      [labelPosition]=\"'before'\"\r\n      (change)=\"startSwipe($event.checked)\"\r\n    >\r\n      {{ 'igo.integration.advanced-map-tool.advanced-swipe.swipe' | translate }}\r\n    </mat-slide-toggle>\r\n  </form>\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 }}\r\n    </p>\r\n    <p class=\"map-empty mat-typography\">\r\n      {{\r\n        'igo.integration.advanced-map-tool.advanced-swipe.customize' | translate\r\n      }}\r\n    </p>\r\n    <mat-list-item>\r\n      <mat-icon matListItemIcon svgIcon=\"magnify\"></mat-icon>\r\n      <span\r\n        matListItemTitle\r\n        class=\"search-tool mat-typography\"\r\n        (click)=\"searchEmit()\"\r\n      >\r\n        {{\r\n          'igo.integration.advanced-map-tool.advanced-swipe.search-tool'\r\n            | translate\r\n        }}\r\n      </span>\r\n    </mat-list-item>\r\n    <mat-list-item>\r\n      <mat-icon matListItemIcon svgIcon=\"layers-plus\"></mat-icon>\r\n      <span\r\n        matListItemTitle\r\n        class=\"catalog-tool mat-typography\"\r\n        (click)=\"catalogEmit()\"\r\n      >\r\n        {{\r\n          'igo.integration.advanced-map-tool.advanced-swipe.catalog-tool'\r\n            | translate\r\n        }}\r\n      </span>\r\n    </mat-list-item>\r\n    <mat-list-item>\r\n      <mat-icon matListItemIcon svgIcon=\"star\"></mat-icon>\r\n      <span\r\n        matListItemTitle\r\n        class=\"context-tool mat-typography\"\r\n        (click)=\"contextEmit()\"\r\n      >\r\n        {{\r\n          'igo.integration.advanced-map-tool.advanced-swipe.context-tool'\r\n            | translate\r\n        }}\r\n      </span>\r\n    </mat-list-item>\r\n  </mat-list>\r\n</ng-template>\r\n", styles: [":host{padding:12px 0}:host .igo-swipe-select-container{padding:12px 0}:host .igo-swipe-select-container mat-form-field{width:100%}:host .igo-form{display:flex;flex-direction:column;width:100%}:host mat-slide-toggle{flex:1}:host mat-slide-toggle ::ng-deep .mdc-form-field{display:flex;justify-content:space-between}:host mat-slide-toggle ::ng-deep .mdc-label{flex:1}:host .map-empty,:host .search-tool,:host .catalog-tool,:host .context-tool{margin:4px}:host .map-empty{padding:12px 0;text-align:justify}:host .search-tool,:host .catalog-tool,:host .context-tool{cursor:pointer}:host mat-list mat-list-item h4{font-weight:700}:host mat-list-item ::ng-deep .mdc-list-item__primary-text{font-size:smaller}:host .advanced-tool-line{height:2px;background-color:gray}\n"], dependencies: [{ kind: "directive", type: i3$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i5$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$1.MatLabel, selector: "mat-label" }, { kind: "component", type: i5.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex", "panelWidth", "hideSingleSelectionIndicator"], exportAs: ["matSelect"] }, { kind: "component", type: i6$1.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i10$2.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i10$2.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i10$2.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i10$2.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i10$1.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matSlideToggle"] }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AdvancedSwipeComponent, selector: "igo-advanced-swipe", ngImport: i0, template: "<div\r\n  *ngIf=\"userControlledLayerList.length; else noLayersBlock\"\r\n  class=\"igo-swipe-select-container\"\r\n>\r\n  <form class=\"igo-form\" [formGroup]=\"form\">\r\n    <mat-form-field>\r\n      <mat-label>{{\r\n        'igo.integration.advanced-map-tool.advanced-swipe.swipe-select'\r\n          | translate\r\n      }}</mat-label>\r\n      <mat-select formControlName=\"layers\" multiple>\r\n        <mat-option [value]=\"1\" (click)=\"selectAll(e)\" #e>\r\n          {{\r\n            'igo.integration.advanced-map-tool.advanced-swipe.selectAll'\r\n              | translate\r\n          }}\r\n        </mat-option>\r\n        <mat-divider></mat-divider>\r\n        <mat-option\r\n          *ngFor=\"let layer of userControlledLayerList\"\r\n          [value]=\"layer\"\r\n          (click)=\"applyNewLayers(e)\"\r\n          >{{ layer.title }}</mat-option\r\n        >\r\n      </mat-select>\r\n    </mat-form-field>\r\n    <mat-slide-toggle\r\n      class=\"swipe-toggle mat-typography\"\r\n      [checked]=\"swipe\"\r\n      [labelPosition]=\"'before'\"\r\n      (change)=\"startSwipe($event.checked)\"\r\n    >\r\n      {{ 'igo.integration.advanced-map-tool.advanced-swipe.swipe' | translate }}\r\n    </mat-slide-toggle>\r\n  </form>\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 }}\r\n    </p>\r\n    <p class=\"map-empty mat-typography\">\r\n      {{\r\n        'igo.integration.advanced-map-tool.advanced-swipe.customize' | translate\r\n      }}\r\n    </p>\r\n    <mat-list-item>\r\n      <mat-icon matListItemIcon svgIcon=\"magnify\"></mat-icon>\r\n      <span\r\n        matListItemTitle\r\n        class=\"search-tool mat-typography\"\r\n        (click)=\"searchEmit()\"\r\n      >\r\n        {{\r\n          'igo.integration.advanced-map-tool.advanced-swipe.search-tool'\r\n            | translate\r\n        }}\r\n      </span>\r\n    </mat-list-item>\r\n    <mat-list-item>\r\n      <mat-icon matListItemIcon svgIcon=\"layers-plus\"></mat-icon>\r\n      <span\r\n        matListItemTitle\r\n        class=\"catalog-tool mat-typography\"\r\n        (click)=\"catalogEmit()\"\r\n      >\r\n        {{\r\n          'igo.integration.advanced-map-tool.advanced-swipe.catalog-tool'\r\n            | translate\r\n        }}\r\n      </span>\r\n    </mat-list-item>\r\n    <mat-list-item>\r\n      <mat-icon matListItemIcon svgIcon=\"star\"></mat-icon>\r\n      <span\r\n        matListItemTitle\r\n        class=\"context-tool mat-typography\"\r\n        (click)=\"contextEmit()\"\r\n      >\r\n        {{\r\n          'igo.integration.advanced-map-tool.advanced-swipe.context-tool'\r\n            | translate\r\n        }}\r\n      </span>\r\n    </mat-list-item>\r\n  </mat-list>\r\n</ng-template>\r\n", styles: [":host{padding:12px 0}:host .igo-swipe-select-container{padding:12px 0}:host .igo-swipe-select-container mat-form-field{width:100%}:host .igo-form{display:flex;flex-direction:column;width:100%}:host mat-slide-toggle{flex:1}:host mat-slide-toggle ::ng-deep .mdc-form-field{display:flex;justify-content:space-between}:host mat-slide-toggle ::ng-deep .mdc-label{flex:1}:host .map-empty,:host .search-tool,:host .catalog-tool,:host .context-tool{margin:4px}:host .map-empty{padding:12px 0;text-align:justify}:host .search-tool,:host .catalog-tool,:host .context-tool{cursor:pointer}:host mat-list mat-list-item h4{font-weight:700}:host mat-list-item ::ng-deep .mdc-list-item__primary-text{font-size:smaller}:host .advanced-tool-line{height:2px;background-color:gray}\n"], dependencies: [{ kind: "directive", type: i3$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i5$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$1.MatLabel, selector: "mat-label" }, { kind: "component", type: i5.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex", "panelWidth", "hideSingleSelectionIndicator"], exportAs: ["matSelect"] }, { kind: "component", type: i6$1.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i10$2.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i10$2.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i10$2.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i10$2.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i10$1.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matSlideToggle"] }, { kind: "pipe", type: i7$1.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdvancedSwipeComponent, decorators: [{
             type: Component,
@@ -3220,7 +3403,7 @@ let AdvancedMapToolComponent = class AdvancedMapToolComponent {
         this.mapState.map.geolocationController.followPosition = value;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdvancedMapToolComponent, deps: [{ token: MapState }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AdvancedMapToolComponent, selector: "igo-advanced-map-tool", ngImport: i0, template: "<h4 class=\"nameOfTool\">\r\n  {{\r\n    'igo.integration.advanced-map-tool.advanced-swipe.swipe-tool' | translate\r\n  }}\r\n</h4>\r\n<igo-advanced-swipe></igo-advanced-swipe>\r\n<mat-divider class=\"advanced-tool-line\"></mat-divider>\r\n<h4 class=\"nameOfTool\">\r\n  {{\r\n    'igo.integration.advanced-map-tool.advanced-coordinates.coordinates'\r\n      | translate\r\n  }}\r\n</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\">\r\n  {{ 'igo.integration.advanced-map-tool.geolocation.title' | translate }}\r\n</h4>\r\n\r\n<div class=\"igo-input-container\">\r\n  <div class=\"geolocation-slide-toggle-container\">\r\n    <mat-slide-toggle\r\n      class=\"geolocation-option\"\r\n      [checked]=\"tracking$ | async\"\r\n      [labelPosition]=\"'before'\"\r\n      (change)=\"toggleTracking($event.checked)\"\r\n    >\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\"\r\n      [disabled]=\"(tracking$ | async) !== true\"\r\n      [labelPosition]=\"'before'\"\r\n      [checked]=\"followPosition$ | async\"\r\n      (change)=\"toggleFollow($event.checked)\"\r\n    >\r\n      {{ 'igo.integration.advanced-map-tool.geolocation.follow' | translate }}\r\n    </mat-slide-toggle>\r\n  </div>\r\n</div>\r\n", styles: [":host{display:block;padding:0 16px 12px}.nameOfTool{text-align:center;font-weight:700;font-size:small;margin:12px 0 8px}.advanced-tool-line{height:2px;background-color:gray}.geolocation-slide-toggle-container{display:flex;flex-direction:column;padding:12px 0}.geolocation-slide-toggle-container mat-slide-toggle{flex:1}.geolocation-slide-toggle-container mat-slide-toggle:not(:last-child){margin-bottom:16px}.geolocation-slide-toggle-container mat-slide-toggle ::ng-deep .mdc-form-field{display:flex;justify-content:space-between}.geolocation-slide-toggle-container mat-slide-toggle ::ng-deep .mdc-label{flex:1}mat-divider{margin:0 -16px}\n"], dependencies: [{ kind: "component", type: i5$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i10$1.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matSlideToggle"] }, { kind: "component", type: AdvancedSwipeComponent, selector: "igo-advanced-swipe" }, { kind: "component", type: AdvancedCoordinatesComponent, selector: "igo-advanced-coordinates", inputs: ["projectionsLimitations"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AdvancedMapToolComponent, selector: "igo-advanced-map-tool", ngImport: i0, template: "<h4 class=\"nameOfTool\">\r\n  {{\r\n    'igo.integration.advanced-map-tool.advanced-swipe.swipe-tool' | translate\r\n  }}\r\n</h4>\r\n<igo-advanced-swipe></igo-advanced-swipe>\r\n<mat-divider class=\"advanced-tool-line\"></mat-divider>\r\n<h4 class=\"nameOfTool\">\r\n  {{\r\n    'igo.integration.advanced-map-tool.advanced-coordinates.coordinates'\r\n      | translate\r\n  }}\r\n</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\">\r\n  {{ 'igo.integration.advanced-map-tool.geolocation.title' | translate }}\r\n</h4>\r\n\r\n<div class=\"igo-input-container\">\r\n  <div class=\"geolocation-slide-toggle-container\">\r\n    <mat-slide-toggle\r\n      class=\"geolocation-option\"\r\n      [checked]=\"tracking$ | async\"\r\n      [labelPosition]=\"'before'\"\r\n      (change)=\"toggleTracking($event.checked)\"\r\n    >\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\"\r\n      [disabled]=\"(tracking$ | async) !== true\"\r\n      [labelPosition]=\"'before'\"\r\n      [checked]=\"followPosition$ | async\"\r\n      (change)=\"toggleFollow($event.checked)\"\r\n    >\r\n      {{ 'igo.integration.advanced-map-tool.geolocation.follow' | translate }}\r\n    </mat-slide-toggle>\r\n  </div>\r\n</div>\r\n", styles: [":host{display:block;padding:0 16px 12px}.nameOfTool{text-align:center;font-weight:700;font-size:small;margin:12px 0 8px}.advanced-tool-line{height:2px;background-color:gray}.geolocation-slide-toggle-container{display:flex;flex-direction:column;padding:12px 0}.geolocation-slide-toggle-container mat-slide-toggle{flex:1}.geolocation-slide-toggle-container mat-slide-toggle:not(:last-child){margin-bottom:16px}.geolocation-slide-toggle-container mat-slide-toggle ::ng-deep .mdc-form-field{display:flex;justify-content:space-between}.geolocation-slide-toggle-container mat-slide-toggle ::ng-deep .mdc-label{flex:1}mat-divider{margin:0 -16px}\n"], dependencies: [{ kind: "component", type: i5$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i10$1.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matSlideToggle"] }, { kind: "component", type: AdvancedSwipeComponent, selector: "igo-advanced-swipe" }, { kind: "component", type: AdvancedCoordinatesComponent, selector: "igo-advanced-coordinates", inputs: ["projectionsLimitations"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i7$1.TranslatePipe, name: "translate" }] });
 };
 AdvancedMapToolComponent = __decorate([
     ToolComponent({
@@ -3329,7 +3512,7 @@ let MapDetailsToolComponent = class MapDetailsToolComponent {
         this.toolState.toolbox.activateTool('importExport');
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapDetailsToolComponent, deps: [{ token: MapState }, { token: ToolState }, { token: i1.SearchSourceService }, { token: i0.ChangeDetectorRef }, { token: ImportExportState }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MapDetailsToolComponent, selector: "igo-map-details-tool", inputs: { toggleLegendOnVisibilityChange: "toggleLegendOnVisibilityChange", expandLegendOfVisibleLayers: "expandLegendOfVisibleLayers", updateLegendOnResolutionChange: "updateLegendOnResolutionChange", ogcButton: "ogcButton", timeButton: "timeButton", layerListControls: "layerListControls", queryBadge: "queryBadge", layerAdditionAllowed: "layerAdditionAllowed" }, ngImport: i0, template: "<igo-layer-list\r\n  class=\"mapDetailsList\"\r\n  *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\r\n      [layer]=\"layer\"\r\n      (click)=\"activateExport(layer)\"\r\n    ></igo-export-button>\r\n    <igo-ogc-filter-button\r\n      [header]=\"ogcButton\"\r\n      [layer]=\"layer\"\r\n    ></igo-ogc-filter-button>\r\n    <igo-time-filter-button\r\n      [header]=\"timeButton\"\r\n      [layer]=\"layer\"\r\n    ></igo-time-filter-button>\r\n    <igo-track-feature-button\r\n      [trackFeature]=\"true\"\r\n      [layer]=\"layer\"\r\n    ></igo-track-feature-button>\r\n    <igo-metadata-button [layer]=\"layer\"></igo-metadata-button>\r\n  </ng-template>\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 }}\r\n    </p>\r\n    <p\r\n      *ngIf=\"\r\n        layerAdditionAllowed &&\r\n        (searchToolInToolbar || catalogToolInToolbar || contextToolInToolbar)\r\n      \"\r\n      class=\"map-empty mat-typography\"\r\n    >\r\n      {{ 'igo.integration.mapTool.customize' | translate }}\r\n    </p>\r\n    <mat-list-item *ngIf=\"layerAdditionAllowed && searchToolInToolbar\">\r\n      <mat-icon matListItemIcon>\r\n        <svg\r\n          viewBox=\"0 0 24 24\"\r\n          fit=\"\"\r\n          height=\"100%\"\r\n          width=\"100%\"\r\n          preserveAspectRatio=\"xMidYMid meet\"\r\n          focusable=\"false\"\r\n        >\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></svg\r\n      ></mat-icon>\r\n      <span\r\n        matListItemTitle\r\n        class=\"search-tool mat-typography\"\r\n        (click)=\"searchEmit()\"\r\n      >\r\n        {{ 'igo.integration.mapTool.search-tool' | translate }}\r\n      </span>\r\n    </mat-list-item>\r\n    <mat-list-item *ngIf=\"layerAdditionAllowed && catalogToolInToolbar\">\r\n      <mat-icon matListItemIcon>\r\n        <svg\r\n          viewBox=\"0 0 24 24\"\r\n          fit=\"\"\r\n          height=\"100%\"\r\n          width=\"100%\"\r\n          preserveAspectRatio=\"xMidYMid meet\"\r\n          focusable=\"false\"\r\n        >\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></svg\r\n      ></mat-icon>\r\n      <span\r\n        matListItemTitle\r\n        class=\"catalog-tool mat-typography\"\r\n        (click)=\"catalogEmit()\"\r\n      >\r\n        {{ 'igo.integration.mapTool.catalog-tool' | translate }}\r\n      </span>\r\n    </mat-list-item>\r\n    <mat-list-item *ngIf=\"layerAdditionAllowed && contextToolInToolbar\">\r\n      <mat-icon matListItemIcon>\r\n        <svg\r\n          viewBox=\"0 0 24 24\"\r\n          fit=\"\"\r\n          height=\"100%\"\r\n          width=\"100%\"\r\n          preserveAspectRatio=\"xMidYMid meet\"\r\n          focusable=\"false\"\r\n        >\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></svg\r\n      ></mat-icon>\r\n      <span\r\n        matListItemTitle\r\n        class=\"context-tool mat-typography\"\r\n        (click)=\"contextEmit()\"\r\n      >\r\n        {{ 'igo.integration.mapTool.context-tool' | translate }}\r\n      </span>\r\n    </mat-list-item>\r\n  </mat-list>\r\n</ng-template>\r\n", styles: [":host .map-empty,:host .search-tool,:host .catalog-tool,:host .context-tool{margin:10px}:host .map-empty{text-align:justify}:host .search-tool,:host .catalog-tool,:host .context-tool{cursor:pointer}:host mat-list mat-list-item h4{font-weight:700}:host mat-list-item ::ng-deep .mdc-list-item__primary-text{font-size:smaller}:host mat-list.mat-mdc-list-base mat-list-item.mat-mdc-list-item ::ng-deep div.mdc-list-item__content div.mdc-list-item__primary-text{padding-left:5px}:host .mapDetailsList{overflow:hidden}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i10$2.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i10$2.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i10$2.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i10$2.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i1.LayerListComponent, selector: "igo-layer-list", inputs: ["layersAreAllVisible", "ogcButton", "timeButton", "map", "layers", "floatLabel", "layerFilterAndSortOptions", "excludeBaseLayers", "toggleLegendOnVisibilityChange", "expandLegendOfVisibleLayers", "updateLegendOnResolutionChange", "queryBadge"], outputs: ["appliedFilterAndSort"] }, { kind: "directive", type: i1.LayerListBindingDirective, selector: "[igoLayerListBinding]" }, { kind: "component", type: i1.TrackFeatureButtonComponent, selector: "igo-track-feature-button", inputs: ["layer", "trackFeature"] }, { kind: "component", type: i1.MetadataButtonComponent, selector: "igo-metadata-button", inputs: ["layer", "color"] }, { kind: "component", type: i1.ExportButtonComponent, selector: "igo-export-button", inputs: ["layer", "color"] }, { kind: "component", type: i1.TimeFilterButtonComponent, selector: "igo-time-filter-button", inputs: ["layer", "map", "color", "header"] }, { kind: "component", type: i1.OgcFilterButtonComponent, selector: "igo-ogc-filter-button", inputs: ["layer", "map", "color", "header"] }, { kind: "component", type: WorkspaceButtonComponent, selector: "igo-workspace-button", inputs: ["layer", "color"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MapDetailsToolComponent, selector: "igo-map-details-tool", inputs: { toggleLegendOnVisibilityChange: "toggleLegendOnVisibilityChange", expandLegendOfVisibleLayers: "expandLegendOfVisibleLayers", updateLegendOnResolutionChange: "updateLegendOnResolutionChange", ogcButton: "ogcButton", timeButton: "timeButton", layerListControls: "layerListControls", queryBadge: "queryBadge", layerAdditionAllowed: "layerAdditionAllowed" }, ngImport: i0, template: "<igo-layer-list\r\n  class=\"mapDetailsList\"\r\n  *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\r\n      [layer]=\"layer\"\r\n      (click)=\"activateExport(layer)\"\r\n    ></igo-export-button>\r\n    <igo-ogc-filter-button\r\n      [header]=\"ogcButton\"\r\n      [layer]=\"layer\"\r\n    ></igo-ogc-filter-button>\r\n    <igo-time-filter-button\r\n      [header]=\"timeButton\"\r\n      [layer]=\"layer\"\r\n    ></igo-time-filter-button>\r\n    <igo-track-feature-button\r\n      [trackFeature]=\"true\"\r\n      [layer]=\"layer\"\r\n    ></igo-track-feature-button>\r\n    <igo-metadata-button [layer]=\"layer\"></igo-metadata-button>\r\n  </ng-template>\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 }}\r\n    </p>\r\n    <p\r\n      *ngIf=\"\r\n        layerAdditionAllowed &&\r\n        (searchToolInToolbar || catalogToolInToolbar || contextToolInToolbar)\r\n      \"\r\n      class=\"map-empty mat-typography\"\r\n    >\r\n      {{ 'igo.integration.mapTool.customize' | translate }}\r\n    </p>\r\n    <mat-list-item *ngIf=\"layerAdditionAllowed && searchToolInToolbar\">\r\n      <mat-icon matListItemIcon>\r\n        <svg\r\n          viewBox=\"0 0 24 24\"\r\n          fit=\"\"\r\n          height=\"100%\"\r\n          width=\"100%\"\r\n          preserveAspectRatio=\"xMidYMid meet\"\r\n          focusable=\"false\"\r\n        >\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></svg\r\n      ></mat-icon>\r\n      <span\r\n        matListItemTitle\r\n        class=\"search-tool mat-typography\"\r\n        (click)=\"searchEmit()\"\r\n      >\r\n        {{ 'igo.integration.mapTool.search-tool' | translate }}\r\n      </span>\r\n    </mat-list-item>\r\n    <mat-list-item *ngIf=\"layerAdditionAllowed && catalogToolInToolbar\">\r\n      <mat-icon matListItemIcon>\r\n        <svg\r\n          viewBox=\"0 0 24 24\"\r\n          fit=\"\"\r\n          height=\"100%\"\r\n          width=\"100%\"\r\n          preserveAspectRatio=\"xMidYMid meet\"\r\n          focusable=\"false\"\r\n        >\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></svg\r\n      ></mat-icon>\r\n      <span\r\n        matListItemTitle\r\n        class=\"catalog-tool mat-typography\"\r\n        (click)=\"catalogEmit()\"\r\n      >\r\n        {{ 'igo.integration.mapTool.catalog-tool' | translate }}\r\n      </span>\r\n    </mat-list-item>\r\n    <mat-list-item *ngIf=\"layerAdditionAllowed && contextToolInToolbar\">\r\n      <mat-icon matListItemIcon>\r\n        <svg\r\n          viewBox=\"0 0 24 24\"\r\n          fit=\"\"\r\n          height=\"100%\"\r\n          width=\"100%\"\r\n          preserveAspectRatio=\"xMidYMid meet\"\r\n          focusable=\"false\"\r\n        >\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></svg\r\n      ></mat-icon>\r\n      <span\r\n        matListItemTitle\r\n        class=\"context-tool mat-typography\"\r\n        (click)=\"contextEmit()\"\r\n      >\r\n        {{ 'igo.integration.mapTool.context-tool' | translate }}\r\n      </span>\r\n    </mat-list-item>\r\n  </mat-list>\r\n</ng-template>\r\n", styles: [":host .map-empty,:host .search-tool,:host .catalog-tool,:host .context-tool{margin:10px}:host .map-empty{text-align:justify}:host .search-tool,:host .catalog-tool,:host .context-tool{cursor:pointer}:host mat-list mat-list-item h4{font-weight:700}:host mat-list-item ::ng-deep .mdc-list-item__primary-text{font-size:smaller}:host mat-list.mat-mdc-list-base mat-list-item.mat-mdc-list-item ::ng-deep div.mdc-list-item__content div.mdc-list-item__primary-text{padding-left:5px}:host .mapDetailsList{overflow:hidden}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i10$2.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i10$2.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i10$2.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i10$2.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i1.LayerListComponent, selector: "igo-layer-list", inputs: ["layersAreAllVisible", "ogcButton", "timeButton", "map", "layers", "floatLabel", "layerFilterAndSortOptions", "excludeBaseLayers", "toggleLegendOnVisibilityChange", "expandLegendOfVisibleLayers", "updateLegendOnResolutionChange", "queryBadge"], outputs: ["appliedFilterAndSort"] }, { kind: "directive", type: i1.LayerListBindingDirective, selector: "[igoLayerListBinding]" }, { kind: "component", type: i1.TrackFeatureButtonComponent, selector: "igo-track-feature-button", inputs: ["layer", "trackFeature"] }, { kind: "component", type: i1.MetadataButtonComponent, selector: "igo-metadata-button", inputs: ["layer", "color"] }, { kind: "component", type: i1.ExportButtonComponent, selector: "igo-export-button", inputs: ["layer", "color"] }, { kind: "component", type: i1.TimeFilterButtonComponent, selector: "igo-time-filter-button", inputs: ["layer", "map", "color", "header"] }, { kind: "component", type: i1.OgcFilterButtonComponent, selector: "igo-ogc-filter-button", inputs: ["layer", "map", "color", "header"] }, { kind: "component", type: WorkspaceButtonComponent, selector: "igo-workspace-button", inputs: ["layer", "color"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i7$1.TranslatePipe, name: "translate" }] });
 };
 MapDetailsToolComponent = __decorate([
     ToolComponent({
@@ -3475,7 +3658,7 @@ let MapLegendToolComponent = class MapLegendToolComponent {
         this.toolState.toolbox.activateTool('contextManager');
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapLegendToolComponent, deps: [{ token: MapState }, { token: ToolState }, { token: i1.SearchSourceService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MapLegendToolComponent, selector: "igo-map-legend-tool", inputs: { updateLegendOnResolutionChange: "updateLegendOnResolutionChange", layerAdditionAllowed: "layerAdditionAllowed", allowShowAllLegends: "allowShowAllLegends", showAllLegendsValue: "showAllLegendsValue", layerListControls: "layerListControls" }, ngImport: i0, template: "<igo-layer-legend-list\r\n  *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>\r\n</igo-layer-legend-list>\r\n<ng-template\r\n  *ngIf=\"(layers$ | async).length !== 0; else emptyLayers\"\r\n></ng-template>\r\n\r\n<p\r\n  class=\"map-empty mat-typography\"\r\n  *ngIf=\"\r\n    !allowShowAllLegends &&\r\n    (layers$ | async).length !== 0 &&\r\n    (visibleOrInRangeLayers$ | async).length === 0\r\n  \"\r\n>\r\n  {{\r\n    (visibleLayers$ | async).length\r\n      ? ('igo.integration.mapTool.noLayersInRange' | translate)\r\n      : ('igo.integration.mapTool.noLayersVisible' | translate)\r\n  }}\r\n</p>\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 }}\r\n    </p>\r\n    <p\r\n      *ngIf=\"\r\n        layerAdditionAllowed &&\r\n        (searchToolInToolbar || catalogToolInToolbar || contextToolInToolbar)\r\n      \"\r\n      class=\"map-empty mat-typography\"\r\n    >\r\n      {{ 'igo.integration.mapTool.customize' | translate }}\r\n    </p>\r\n\r\n    <mat-list-item *ngIf=\"layerAdditionAllowed && searchToolInToolbar\">\r\n      <mat-icon matListItemIcon>\r\n        <svg\r\n          viewBox=\"0 0 24 24\"\r\n          fit=\"\"\r\n          height=\"100%\"\r\n          width=\"100%\"\r\n          preserveAspectRatio=\"xMidYMid meet\"\r\n          focusable=\"false\"\r\n        >\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></svg\r\n      ></mat-icon>\r\n      <span\r\n        matListItemTitle\r\n        class=\"search-tool mat-typography\"\r\n        (click)=\"searchEmit()\"\r\n      >\r\n        {{ 'igo.integration.mapTool.search-tool' | translate }}\r\n      </span>\r\n    </mat-list-item>\r\n    <mat-list-item *ngIf=\"layerAdditionAllowed && catalogToolInToolbar\">\r\n      <mat-icon matListItemIcon>\r\n        <svg\r\n          viewBox=\"0 0 24 24\"\r\n          fit=\"\"\r\n          height=\"100%\"\r\n          width=\"100%\"\r\n          preserveAspectRatio=\"xMidYMid meet\"\r\n          focusable=\"false\"\r\n        >\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></svg\r\n      ></mat-icon>\r\n      <span\r\n        matListItemTitle\r\n        class=\"catalog-tool mat-typography\"\r\n        (click)=\"catalogEmit()\"\r\n      >\r\n        {{ 'igo.integration.mapTool.catalog-tool' | translate }}\r\n      </span>\r\n    </mat-list-item>\r\n    <mat-list-item *ngIf=\"layerAdditionAllowed && contextToolInToolbar\">\r\n      <mat-icon matListItemIcon>\r\n        <svg\r\n          viewBox=\"0 0 24 24\"\r\n          fit=\"\"\r\n          height=\"100%\"\r\n          width=\"100%\"\r\n          preserveAspectRatio=\"xMidYMid meet\"\r\n          focusable=\"false\"\r\n        >\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></svg\r\n      ></mat-icon>\r\n      <span\r\n        matListItemTitle\r\n        class=\"context-tool mat-typography\"\r\n        (click)=\"contextEmit()\"\r\n      >\r\n        {{ 'igo.integration.mapTool.context-tool' | translate }}\r\n      </span>\r\n    </mat-list-item>\r\n  </mat-list>\r\n</ng-template>\r\n", styles: [":host .map-empty,:host .search-tool,:host .catalog-tool,:host .context-tool{margin:10px}:host .map-empty{text-align:justify}:host .search-tool,:host .catalog-tool,:host .context-tool{cursor:pointer}:host mat-list mat-list-item h4{font-weight:700}:host mat-list-item ::ng-deep .mdc-list-item__primary-text{font-size:smaller}:host mat-list.mat-mdc-list-base mat-list-item.mat-mdc-list-item ::ng-deep div.mdc-list-item__content div.mdc-list-item__primary-text{padding-left:5px}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i10$2.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i10$2.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i10$2.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i10$2.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i1.LayerLegendListComponent, selector: "igo-layer-legend-list", inputs: ["layers", "excludeBaseLayers", "updateLegendOnResolutionChange", "allowShowAllLegends", "showAllLegendsValue"], outputs: ["allLegendsShown"] }, { kind: "directive", type: i1.LayerLegendListBindingDirective, selector: "[igoLayerLegendListBinding]" }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MapLegendToolComponent, selector: "igo-map-legend-tool", inputs: { updateLegendOnResolutionChange: "updateLegendOnResolutionChange", layerAdditionAllowed: "layerAdditionAllowed", allowShowAllLegends: "allowShowAllLegends", showAllLegendsValue: "showAllLegendsValue", layerListControls: "layerListControls" }, ngImport: i0, template: "<igo-layer-legend-list\r\n  *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>\r\n</igo-layer-legend-list>\r\n<ng-template\r\n  *ngIf=\"(layers$ | async).length !== 0; else emptyLayers\"\r\n></ng-template>\r\n\r\n<p\r\n  class=\"map-empty mat-typography\"\r\n  *ngIf=\"\r\n    !allowShowAllLegends &&\r\n    (layers$ | async).length !== 0 &&\r\n    (visibleOrInRangeLayers$ | async).length === 0\r\n  \"\r\n>\r\n  {{\r\n    (visibleLayers$ | async).length\r\n      ? ('igo.integration.mapTool.noLayersInRange' | translate)\r\n      : ('igo.integration.mapTool.noLayersVisible' | translate)\r\n  }}\r\n</p>\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 }}\r\n    </p>\r\n    <p\r\n      *ngIf=\"\r\n        layerAdditionAllowed &&\r\n        (searchToolInToolbar || catalogToolInToolbar || contextToolInToolbar)\r\n      \"\r\n      class=\"map-empty mat-typography\"\r\n    >\r\n      {{ 'igo.integration.mapTool.customize' | translate }}\r\n    </p>\r\n\r\n    <mat-list-item *ngIf=\"layerAdditionAllowed && searchToolInToolbar\">\r\n      <mat-icon matListItemIcon>\r\n        <svg\r\n          viewBox=\"0 0 24 24\"\r\n          fit=\"\"\r\n          height=\"100%\"\r\n          width=\"100%\"\r\n          preserveAspectRatio=\"xMidYMid meet\"\r\n          focusable=\"false\"\r\n        >\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></svg\r\n      ></mat-icon>\r\n      <span\r\n        matListItemTitle\r\n        class=\"search-tool mat-typography\"\r\n        (click)=\"searchEmit()\"\r\n      >\r\n        {{ 'igo.integration.mapTool.search-tool' | translate }}\r\n      </span>\r\n    </mat-list-item>\r\n    <mat-list-item *ngIf=\"layerAdditionAllowed && catalogToolInToolbar\">\r\n      <mat-icon matListItemIcon>\r\n        <svg\r\n          viewBox=\"0 0 24 24\"\r\n          fit=\"\"\r\n          height=\"100%\"\r\n          width=\"100%\"\r\n          preserveAspectRatio=\"xMidYMid meet\"\r\n          focusable=\"false\"\r\n        >\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></svg\r\n      ></mat-icon>\r\n      <span\r\n        matListItemTitle\r\n        class=\"catalog-tool mat-typography\"\r\n        (click)=\"catalogEmit()\"\r\n      >\r\n        {{ 'igo.integration.mapTool.catalog-tool' | translate }}\r\n      </span>\r\n    </mat-list-item>\r\n    <mat-list-item *ngIf=\"layerAdditionAllowed && contextToolInToolbar\">\r\n      <mat-icon matListItemIcon>\r\n        <svg\r\n          viewBox=\"0 0 24 24\"\r\n          fit=\"\"\r\n          height=\"100%\"\r\n          width=\"100%\"\r\n          preserveAspectRatio=\"xMidYMid meet\"\r\n          focusable=\"false\"\r\n        >\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></svg\r\n      ></mat-icon>\r\n      <span\r\n        matListItemTitle\r\n        class=\"context-tool mat-typography\"\r\n        (click)=\"contextEmit()\"\r\n      >\r\n        {{ 'igo.integration.mapTool.context-tool' | translate }}\r\n      </span>\r\n    </mat-list-item>\r\n  </mat-list>\r\n</ng-template>\r\n", styles: [":host .map-empty,:host .search-tool,:host .catalog-tool,:host .context-tool{margin:10px}:host .map-empty{text-align:justify}:host .search-tool,:host .catalog-tool,:host .context-tool{cursor:pointer}:host mat-list mat-list-item h4{font-weight:700}:host mat-list-item ::ng-deep .mdc-list-item__primary-text{font-size:smaller}:host mat-list.mat-mdc-list-base mat-list-item.mat-mdc-list-item ::ng-deep div.mdc-list-item__content div.mdc-list-item__primary-text{padding-left:5px}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i10$2.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i10$2.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i10$2.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i10$2.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i1.LayerLegendListComponent, selector: "igo-layer-legend-list", inputs: ["layers", "excludeBaseLayers", "updateLegendOnResolutionChange", "allowShowAllLegends", "showAllLegendsValue"], outputs: ["allLegendsShown"] }, { kind: "directive", type: i1.LayerLegendListBindingDirective, selector: "[igoLayerLegendListBinding]" }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i7$1.TranslatePipe, name: "translate" }] });
 };
 MapLegendToolComponent = __decorate([
     ToolComponent({
@@ -3755,7 +3938,7 @@ let MapProximityToolComponent = class MapProximityToolComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapProximityToolComponent, deps: [{ token: MapState }, { token: MapProximityState }, { token: i2.LanguageService }, { token: i2.MessageService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MapProximityToolComponent, selector: "igo-map-proximity-tool", viewQueries: [{ propertyName: "table", first: true, predicate: ["table"], descendants: true, static: true }], ngImport: i0, template: "<igo-entity-table\r\n  #table\r\n  class=\"table-compact\"\r\n  [store]=\"mapProximityState.proximityFeatureStore\"\r\n  [template]=\"tableTemplate\"\r\n></igo-entity-table>\r\n<br />\r\n<mat-form-field\r\n  *ngIf=\"mapProximityState.currentPositionCoordinate$ | async as coord\"\r\n  class=\"coordinates\"\r\n>\r\n  <textarea\r\n    #textArea\r\n    matInput\r\n    readonly\r\n    rows=\"1\"\r\n    [placeholder]=\"'igo.integration.map-proximity-tool.lon' | translate\"\r\n    [value]=\"coord[0]\"\r\n  ></textarea>\r\n</mat-form-field>\r\n<mat-form-field\r\n  *ngIf=\"mapProximityState.currentPositionCoordinate$ | async as coord2\"\r\n  class=\"coordinates2\"\r\n>\r\n  <textarea\r\n    #textArea\r\n    matInput\r\n    readonly\r\n    rows=\"1\"\r\n    [placeholder]=\"'igo.integration.map-proximity-tool.lat' | translate\"\r\n    [value]=\"coord2[1]\"\r\n  ></textarea>\r\n</mat-form-field>\r\n\r\n<button\r\n  *ngIf=\"\r\n    (mapProximityState.currentPositionCoordinate$ | async) &&\r\n    (mapProximityState.currentPositionCoordinate$ | async).length\r\n  \"\r\n  mat-icon-button\r\n  (click)=\"copyTextToClipboard()\"\r\n>\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\">{{\r\n    'igo.integration.map-proximity-tool.method' | translate\r\n  }}</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\r\n      [checked]=\"\r\n        (mapProximityState.proximitylocationType$ | async) === 'geolocation'\r\n      \"\r\n      value=\"geolocation\"\r\n      >{{\r\n        'igo.integration.map-proximity-tool.geolocation' | translate\r\n      }}</mat-radio-button\r\n    >\r\n    <mat-radio-button\r\n      [checked]=\"\r\n        (mapProximityState.proximitylocationType$ | async) === 'mapCenter'\r\n      \"\r\n      value=\"mapCenter\"\r\n      >{{\r\n        'igo.integration.map-proximity-tool.mapCenter' | translate\r\n      }}</mat-radio-button\r\n    >\r\n  </mat-radio-group>\r\n</div>\r\n\r\n<div class=\"radius-unit\">\r\n  <mat-form-field class=\"radius-field\" floatLabel=\"always\">\r\n    <mat-label>{{\r\n      'igo.integration.map-proximity-tool.radiusM' | translate\r\n    }}</mat-label>\r\n    <input\r\n      type=\"number\"\r\n      pattern=\"[0-9]*\"\r\n      [(ngModel)]=\"maxDistance\"\r\n      matInput\r\n      placeholder=\"{{\r\n        'igo.integration.map-proximity-tool.radiusM' | translate\r\n      }}\"\r\n    />\r\n  </mat-form-field>\r\n</div>\r\n", styles: [":host .table-compact{height:auto}:host .table-compact ::ng-deep .mat-mdc-header-cell.mat-column-selectionCheckbox{width:52px}:host textarea{resize:none}:host mat-form-field{padding:10px 15px}:host mat-form-field.coordinates{width:110px}:host mat-form-field.coordinates2{width:100px;padding:0 10px 0 3px}:host mat-form-field.igo-input-container{width:60%;padding:0 15px}:host .radius-unit{display:flex;width:90%;margin-left:2px;padding:5px}:host .radius-unit mat-form-field.radius-field{display:flex;flex-flow:column nowrap;width:100%}:host .title-container{padding:10px}:host .title{margin-left:5px;font-size:initial}:host .mat-mdc-radio-group{display:flex;flex-direction:column}:host .mat-mdc-radio-button{display:inline-flex;position:relative;margin-left:12px}\n"], dependencies: [{ kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i7$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i9$1.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { kind: "component", type: i9$1.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }, { kind: "component", type: i10.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i12.EntityTableComponent, selector: "igo-entity-table", inputs: ["store", "paginator", "template", "scrollBehavior", "sortNullsFirst", "withPaginator", "paginatorOptions"], outputs: ["entityClick", "entitySelectChange", "entitySortChange"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MapProximityToolComponent, selector: "igo-map-proximity-tool", viewQueries: [{ propertyName: "table", first: true, predicate: ["table"], descendants: true, static: true }], ngImport: i0, template: "<igo-entity-table\r\n  #table\r\n  class=\"table-compact\"\r\n  [store]=\"mapProximityState.proximityFeatureStore\"\r\n  [template]=\"tableTemplate\"\r\n></igo-entity-table>\r\n<br />\r\n<mat-form-field\r\n  *ngIf=\"mapProximityState.currentPositionCoordinate$ | async as coord\"\r\n  class=\"coordinates\"\r\n>\r\n  <textarea\r\n    #textArea\r\n    matInput\r\n    readonly\r\n    rows=\"1\"\r\n    [placeholder]=\"'igo.integration.map-proximity-tool.lon' | translate\"\r\n    [value]=\"coord[0]\"\r\n  ></textarea>\r\n</mat-form-field>\r\n<mat-form-field\r\n  *ngIf=\"mapProximityState.currentPositionCoordinate$ | async as coord2\"\r\n  class=\"coordinates2\"\r\n>\r\n  <textarea\r\n    #textArea\r\n    matInput\r\n    readonly\r\n    rows=\"1\"\r\n    [placeholder]=\"'igo.integration.map-proximity-tool.lat' | translate\"\r\n    [value]=\"coord2[1]\"\r\n  ></textarea>\r\n</mat-form-field>\r\n\r\n<button\r\n  *ngIf=\"\r\n    (mapProximityState.currentPositionCoordinate$ | async) &&\r\n    (mapProximityState.currentPositionCoordinate$ | async).length\r\n  \"\r\n  mat-icon-button\r\n  (click)=\"copyTextToClipboard()\"\r\n>\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\">{{\r\n    'igo.integration.map-proximity-tool.method' | translate\r\n  }}</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\r\n      [checked]=\"\r\n        (mapProximityState.proximitylocationType$ | async) === 'geolocation'\r\n      \"\r\n      value=\"geolocation\"\r\n      >{{\r\n        'igo.integration.map-proximity-tool.geolocation' | translate\r\n      }}</mat-radio-button\r\n    >\r\n    <mat-radio-button\r\n      [checked]=\"\r\n        (mapProximityState.proximitylocationType$ | async) === 'mapCenter'\r\n      \"\r\n      value=\"mapCenter\"\r\n      >{{\r\n        'igo.integration.map-proximity-tool.mapCenter' | translate\r\n      }}</mat-radio-button\r\n    >\r\n  </mat-radio-group>\r\n</div>\r\n\r\n<div class=\"radius-unit\">\r\n  <mat-form-field class=\"radius-field\" floatLabel=\"always\">\r\n    <mat-label>{{\r\n      'igo.integration.map-proximity-tool.radiusM' | translate\r\n    }}</mat-label>\r\n    <input\r\n      type=\"number\"\r\n      pattern=\"[0-9]*\"\r\n      [(ngModel)]=\"maxDistance\"\r\n      matInput\r\n      placeholder=\"{{\r\n        'igo.integration.map-proximity-tool.radiusM' | translate\r\n      }}\"\r\n    />\r\n  </mat-form-field>\r\n</div>\r\n", styles: [":host .table-compact{height:auto}:host .table-compact ::ng-deep .mat-mdc-header-cell.mat-column-selectionCheckbox{width:52px}:host textarea{resize:none}:host mat-form-field{padding:10px 15px}:host mat-form-field.coordinates{width:110px}:host mat-form-field.coordinates2{width:100px;padding:0 10px 0 3px}:host mat-form-field.igo-input-container{width:60%;padding:0 15px}:host .radius-unit{display:flex;width:90%;margin-left:2px;padding:5px}:host .radius-unit mat-form-field.radius-field{display:flex;flex-flow:column nowrap;width:100%}:host .title-container{padding:10px}:host .title{margin-left:5px;font-size:initial}:host .mat-mdc-radio-group{display:flex;flex-direction:column}:host .mat-mdc-radio-button{display:inline-flex;position:relative;margin-left:12px}\n"], dependencies: [{ kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i7$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i9.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { kind: "component", type: i9.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }, { kind: "component", type: i10.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i2$2.EntityTableComponent, selector: "igo-entity-table", inputs: ["store", "paginator", "template", "scrollBehavior", "sortNullsFirst", "withPaginator", "paginatorOptions"], outputs: ["entityClick", "entitySelectChange", "entitySortChange"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i7$1.TranslatePipe, name: "translate" }] });
 };
 MapProximityToolComponent = __decorate([
     ToolComponent({
@@ -3834,7 +4017,7 @@ let MapToolComponent = class MapToolComponent {
         this.toolState.toolbox.activateTool('importExport');
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapToolComponent, deps: [{ token: MapState }, { token: ToolState }, { token: ImportExportState }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MapToolComponent, selector: "igo-map-tool", inputs: { toggleLegendOnVisibilityChange: "toggleLegendOnVisibilityChange", expandLegendOfVisibleLayers: "expandLegendOfVisibleLayers", updateLegendOnResolutionChange: "updateLegendOnResolutionChange", ogcButton: "ogcButton", timeButton: "timeButton", layerListControls: "layerListControls", queryBadge: "queryBadge" }, ngImport: i0, template: "<mat-tab-group>\r\n  <mat-tab [label]=\"'igo.integration.tools.map' | translate\">\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\r\n          [layer]=\"layer\"\r\n          (click)=\"activateExport(layer)\"\r\n        ></igo-export-button>\r\n        <igo-ogc-filter-button\r\n          [header]=\"ogcButton\"\r\n          [layer]=\"layer\"\r\n        ></igo-ogc-filter-button>\r\n        <igo-time-filter-button\r\n          [header]=\"timeButton\"\r\n          [layer]=\"layer\"\r\n        ></igo-time-filter-button>\r\n        <igo-track-feature-button\r\n          [trackFeature]=\"true\"\r\n          [layer]=\"layer\"\r\n        ></igo-track-feature-button>\r\n        <igo-metadata-button [layer]=\"layer\"></igo-metadata-button>\r\n      </ng-template>\r\n    </igo-layer-list>\r\n  </mat-tab>\r\n\r\n  <mat-tab [label]=\"'igo.integration.tools.contexts' | translate\">\r\n    <igo-context-list igoContextListBinding></igo-context-list>\r\n  </mat-tab>\r\n</mat-tab-group>\r\n", styles: [":host ::ng-deep .mat-mdc-tab-body-content{overflow:hidden}\n"], dependencies: [{ kind: "component", type: i8$1.MatTab, selector: "mat-tab", inputs: ["disabled"], exportAs: ["matTab"] }, { kind: "component", type: i8$1.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple", "fitInkBarToContent", "mat-stretch-tabs"], exportAs: ["matTabGroup"] }, { kind: "component", type: i1.LayerListComponent, selector: "igo-layer-list", inputs: ["layersAreAllVisible", "ogcButton", "timeButton", "map", "layers", "floatLabel", "layerFilterAndSortOptions", "excludeBaseLayers", "toggleLegendOnVisibilityChange", "expandLegendOfVisibleLayers", "updateLegendOnResolutionChange", "queryBadge"], outputs: ["appliedFilterAndSort"] }, { kind: "directive", type: i1.LayerListBindingDirective, selector: "[igoLayerListBinding]" }, { kind: "component", type: i1.TrackFeatureButtonComponent, selector: "igo-track-feature-button", inputs: ["layer", "trackFeature"] }, { kind: "component", type: i1.MetadataButtonComponent, selector: "igo-metadata-button", inputs: ["layer", "color"] }, { kind: "component", type: i1.ExportButtonComponent, selector: "igo-export-button", inputs: ["layer", "color"] }, { kind: "component", type: i1.TimeFilterButtonComponent, selector: "igo-time-filter-button", inputs: ["layer", "map", "color", "header"] }, { kind: "component", type: i1.OgcFilterButtonComponent, selector: "igo-ogc-filter-button", inputs: ["layer", "map", "color", "header"] }, { kind: "component", type: i1$1.ContextListComponent, selector: "igo-context-list", inputs: ["contexts", "selectedContext", "map", "defaultContextId", "term"], outputs: ["select", "unselect", "edit", "delete", "save", "clone", "create", "hide", "show", "showHiddenContexts", "favorite", "managePermissions", "manageTools", "filterPermissionsChanged"] }, { kind: "directive", type: i1$1.ContextListBindingDirective, selector: "[igoContextListBinding]" }, { kind: "component", type: WorkspaceButtonComponent, selector: "igo-workspace-button", inputs: ["layer", "color"] }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MapToolComponent, selector: "igo-map-tool", inputs: { toggleLegendOnVisibilityChange: "toggleLegendOnVisibilityChange", expandLegendOfVisibleLayers: "expandLegendOfVisibleLayers", updateLegendOnResolutionChange: "updateLegendOnResolutionChange", ogcButton: "ogcButton", timeButton: "timeButton", layerListControls: "layerListControls", queryBadge: "queryBadge" }, ngImport: i0, template: "<mat-tab-group>\r\n  <mat-tab [label]=\"'igo.integration.tools.map' | translate\">\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\r\n          [layer]=\"layer\"\r\n          (click)=\"activateExport(layer)\"\r\n        ></igo-export-button>\r\n        <igo-ogc-filter-button\r\n          [header]=\"ogcButton\"\r\n          [layer]=\"layer\"\r\n        ></igo-ogc-filter-button>\r\n        <igo-time-filter-button\r\n          [header]=\"timeButton\"\r\n          [layer]=\"layer\"\r\n        ></igo-time-filter-button>\r\n        <igo-track-feature-button\r\n          [trackFeature]=\"true\"\r\n          [layer]=\"layer\"\r\n        ></igo-track-feature-button>\r\n        <igo-metadata-button [layer]=\"layer\"></igo-metadata-button>\r\n      </ng-template>\r\n    </igo-layer-list>\r\n  </mat-tab>\r\n\r\n  <mat-tab [label]=\"'igo.integration.tools.contexts' | translate\">\r\n    <igo-context-list igoContextListBinding></igo-context-list>\r\n  </mat-tab>\r\n</mat-tab-group>\r\n", styles: [":host ::ng-deep .mat-mdc-tab-body-content{overflow:hidden}\n"], dependencies: [{ kind: "component", type: i8$1.MatTab, selector: "mat-tab", inputs: ["disabled"], exportAs: ["matTab"] }, { kind: "component", type: i8$1.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple", "fitInkBarToContent", "mat-stretch-tabs"], exportAs: ["matTabGroup"] }, { kind: "component", type: i1.LayerListComponent, selector: "igo-layer-list", inputs: ["layersAreAllVisible", "ogcButton", "timeButton", "map", "layers", "floatLabel", "layerFilterAndSortOptions", "excludeBaseLayers", "toggleLegendOnVisibilityChange", "expandLegendOfVisibleLayers", "updateLegendOnResolutionChange", "queryBadge"], outputs: ["appliedFilterAndSort"] }, { kind: "directive", type: i1.LayerListBindingDirective, selector: "[igoLayerListBinding]" }, { kind: "component", type: i1.TrackFeatureButtonComponent, selector: "igo-track-feature-button", inputs: ["layer", "trackFeature"] }, { kind: "component", type: i1.MetadataButtonComponent, selector: "igo-metadata-button", inputs: ["layer", "color"] }, { kind: "component", type: i1.ExportButtonComponent, selector: "igo-export-button", inputs: ["layer", "color"] }, { kind: "component", type: i1.TimeFilterButtonComponent, selector: "igo-time-filter-button", inputs: ["layer", "map", "color", "header"] }, { kind: "component", type: i1.OgcFilterButtonComponent, selector: "igo-ogc-filter-button", inputs: ["layer", "map", "color", "header"] }, { kind: "component", type: i1$1.ContextListComponent, selector: "igo-context-list", inputs: ["contexts", "selectedContext", "map", "defaultContextId", "term"], outputs: ["select", "unselect", "edit", "delete", "save", "clone", "create", "hide", "show", "showHiddenContexts", "favorite", "managePermissions", "manageTools", "filterPermissionsChanged"] }, { kind: "directive", type: i1$1.ContextListBindingDirective, selector: "[igoContextListBinding]" }, { kind: "component", type: WorkspaceButtonComponent, selector: "igo-workspace-button", inputs: ["layer", "color"] }, { kind: "pipe", type: i7$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 MapToolComponent = __decorate([
     ToolComponent({
@@ -4095,7 +4278,7 @@ let MapToolsComponent = class MapToolsComponent {
         return false;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapToolsComponent, deps: [{ token: LayerListToolState }, { token: ToolState }, { token: MapState }, { token: i1.SearchSourceService }, { token: ImportExportState }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MapToolsComponent, selector: "igo-map-tools", inputs: { allowShowAllLegends: "allowShowAllLegends", showAllLegendsValue: "showAllLegendsValue", toggleLegendOnVisibilityChange: "toggleLegendOnVisibilityChange", expandLegendOfVisibleLayers: "expandLegendOfVisibleLayers", updateLegendOnResolutionChange: "updateLegendOnResolutionChange", selectedTabAtOpening: "selectedTabAtOpening", ogcButton: "ogcButton", timeButton: "timeButton", layerAdditionAllowed: "layerAdditionAllowed", layerListControls: "layerListControls", queryBadge: "queryBadge" }, viewQueries: [{ propertyName: "tabGroup", first: true, predicate: ["tabGroup"], descendants: true, static: true }], ngImport: i0, 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' | translate\">\r\n    <igo-layer-list\r\n      *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-style-modal-layer-button\r\n          *ngIf=\"isStyleEditButton(layer)\"\r\n          [layer]=\"layer\"\r\n        ></igo-style-modal-layer-button>\r\n        <igo-metadata-button [layer]=\"layer\"></igo-metadata-button>\r\n        <igo-track-feature-button\r\n          [trackFeature]=\"true\"\r\n          [layer]=\"layer\"\r\n        ></igo-track-feature-button>\r\n        <igo-time-filter-button\r\n          *ngIf=\"isTimeFilterButton(layer)\"\r\n          [header]=\"timeButton\"\r\n          [layer]=\"layer\"\r\n          (click)=\"activateTimeFilter()\"\r\n        ></igo-time-filter-button>\r\n        <igo-ogc-filter-button\r\n          *ngIf=\"isOGCFilterButton(layer)\"\r\n          [header]=\"ogcButton\"\r\n          [layer]=\"layer\"\r\n          (click)=\"activateOgcFilter()\"\r\n        ></igo-ogc-filter-button>\r\n        <igo-export-button\r\n          *ngIf=\"isExportButton(layer)\"\r\n          [layer]=\"layer\"\r\n          (click)=\"activateExport(layer)\"\r\n        ></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' | translate\">\r\n    <igo-layer-legend-list\r\n      *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    >\r\n    </igo-layer-legend-list>\r\n    <ng-template\r\n      *ngIf=\"(layers$ | async).length !== 0; else emptyLayers\"\r\n    ></ng-template>\r\n\r\n    <p\r\n      class=\"map-empty mat-typography\"\r\n      *ngIf=\"\r\n        !allowShowAllLegends &&\r\n        (layers$ | async).length !== 0 &&\r\n        (visibleOrInRangeLayers$ | async).length === 0\r\n      \"\r\n    >\r\n      {{\r\n        (visibleLayers$ | async).length\r\n          ? ('igo.integration.mapTool.noLayersInRange' | translate)\r\n          : ('igo.integration.mapTool.noLayersVisible' | translate)\r\n      }}\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 }}\r\n      </p>\r\n      <p\r\n        *ngIf=\"\r\n          layerAdditionAllowed &&\r\n          (searchToolInToolbar || catalogToolInToolbar || contextToolInToolbar)\r\n        \"\r\n        class=\"map-empty mat-typography\"\r\n      >\r\n        {{ 'igo.integration.mapTool.customize' | translate }}\r\n      </p>\r\n\r\n      <mat-list-item *ngIf=\"layerAdditionAllowed && searchToolInToolbar\">\r\n        <mat-icon matListItemIcon>\r\n          <svg\r\n            viewBox=\"0 0 24 24\"\r\n            fit=\"\"\r\n            height=\"100%\"\r\n            width=\"100%\"\r\n            preserveAspectRatio=\"xMidYMid meet\"\r\n            focusable=\"false\"\r\n          >\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></svg\r\n        ></mat-icon>\r\n        <span\r\n          matListItemTitle\r\n          class=\"search-tool mat-typography\"\r\n          (click)=\"searchEmit()\"\r\n        >\r\n          {{ 'igo.integration.mapTool.search-tool' | translate }}\r\n        </span>\r\n      </mat-list-item>\r\n      <mat-list-item *ngIf=\"layerAdditionAllowed && catalogToolInToolbar\">\r\n        <mat-icon matListItemIcon>\r\n          <svg\r\n            viewBox=\"0 0 24 24\"\r\n            fit=\"\"\r\n            height=\"100%\"\r\n            width=\"100%\"\r\n            preserveAspectRatio=\"xMidYMid meet\"\r\n            focusable=\"false\"\r\n          >\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></svg\r\n        ></mat-icon>\r\n        <span\r\n          matListItemTitle\r\n          class=\"catalog-tool mat-typography\"\r\n          (click)=\"catalogEmit()\"\r\n        >\r\n          {{ 'igo.integration.mapTool.catalog-tool' | translate }}\r\n        </span>\r\n      </mat-list-item>\r\n      <mat-list-item *ngIf=\"layerAdditionAllowed && contextToolInToolbar\">\r\n        <mat-icon matListItemIcon>\r\n          <svg\r\n            viewBox=\"0 0 24 24\"\r\n            fit=\"\"\r\n            height=\"100%\"\r\n            width=\"100%\"\r\n            preserveAspectRatio=\"xMidYMid meet\"\r\n            focusable=\"false\"\r\n          >\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></svg\r\n        ></mat-icon>\r\n        <span\r\n          matListItemTitle\r\n          class=\"context-tool mat-typography\"\r\n          (click)=\"contextEmit()\"\r\n        >\r\n          {{ 'igo.integration.mapTool.context-tool' | translate }}\r\n        </span>\r\n      </mat-list-item>\r\n    </mat-list>\r\n  </ng-template>\r\n</mat-tab-group>\r\n", styles: [":host mat-tab-group{height:100%}:host ::ng-deep .mat-mdc-tab-body-wrapper{flex:1}:host ::ng-deep .mat-tab-body{margin-top:8px}:host ::ng-deep .mat-mdc-tab-body-content{overflow:hidden}:host .map-empty,:host .search-tool,:host .catalog-tool,:host .context-tool{margin:10px}:host .map-empty{text-align:justify}:host .search-tool,:host .catalog-tool,:host .context-tool{cursor:pointer}:host mat-list mat-list-item h4{font-weight:700}:host mat-list-item ::ng-deep .mdc-list-item__primary-text{font-size:smaller}:host mat-list.mat-mdc-list-base mat-list-item.mat-mdc-list-item ::ng-deep div.mdc-list-item__content div.mdc-list-item__primary-text{padding-left:5px}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i8$1.MatTab, selector: "mat-tab", inputs: ["disabled"], exportAs: ["matTab"] }, { kind: "component", type: i8$1.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple", "fitInkBarToContent", "mat-stretch-tabs"], exportAs: ["matTabGroup"] }, { kind: "component", type: i10$2.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i10$2.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i10$2.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i10$2.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i1.LayerListComponent, selector: "igo-layer-list", inputs: ["layersAreAllVisible", "ogcButton", "timeButton", "map", "layers", "floatLabel", "layerFilterAndSortOptions", "excludeBaseLayers", "toggleLegendOnVisibilityChange", "expandLegendOfVisibleLayers", "updateLegendOnResolutionChange", "queryBadge"], outputs: ["appliedFilterAndSort"] }, { kind: "component", type: i1.LayerLegendListComponent, selector: "igo-layer-legend-list", inputs: ["layers", "excludeBaseLayers", "updateLegendOnResolutionChange", "allowShowAllLegends", "showAllLegendsValue"], outputs: ["allLegendsShown"] }, { kind: "directive", type: i1.LayerListBindingDirective, selector: "[igoLayerListBinding]" }, { kind: "directive", type: i1.LayerLegendListBindingDirective, selector: "[igoLayerLegendListBinding]" }, { kind: "component", type: i1.TrackFeatureButtonComponent, selector: "igo-track-feature-button", inputs: ["layer", "trackFeature"] }, { kind: "component", type: i1.MetadataButtonComponent, selector: "igo-metadata-button", inputs: ["layer", "color"] }, { kind: "component", type: i1.ExportButtonComponent, selector: "igo-export-button", inputs: ["layer", "color"] }, { kind: "component", type: i1.StyleModalLayerButtonComponent, selector: "igo-style-modal-layer-button", inputs: ["layer"] }, { kind: "component", type: i1.TimeFilterButtonComponent, selector: "igo-time-filter-button", inputs: ["layer", "map", "color", "header"] }, { kind: "component", type: i1.OgcFilterButtonComponent, selector: "igo-ogc-filter-button", inputs: ["layer", "map", "color", "header"] }, { kind: "component", type: WorkspaceButtonComponent, selector: "igo-workspace-button", inputs: ["layer", "color"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MapToolsComponent, selector: "igo-map-tools", inputs: { allowShowAllLegends: "allowShowAllLegends", showAllLegendsValue: "showAllLegendsValue", toggleLegendOnVisibilityChange: "toggleLegendOnVisibilityChange", expandLegendOfVisibleLayers: "expandLegendOfVisibleLayers", updateLegendOnResolutionChange: "updateLegendOnResolutionChange", selectedTabAtOpening: "selectedTabAtOpening", ogcButton: "ogcButton", timeButton: "timeButton", layerAdditionAllowed: "layerAdditionAllowed", layerListControls: "layerListControls", queryBadge: "queryBadge" }, viewQueries: [{ propertyName: "tabGroup", first: true, predicate: ["tabGroup"], descendants: true, static: true }], ngImport: i0, 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' | translate\">\r\n    <igo-layer-list\r\n      *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-style-modal-layer-button\r\n          *ngIf=\"isStyleEditButton(layer)\"\r\n          [layer]=\"layer\"\r\n        ></igo-style-modal-layer-button>\r\n        <igo-metadata-button [layer]=\"layer\"></igo-metadata-button>\r\n        <igo-track-feature-button\r\n          [trackFeature]=\"true\"\r\n          [layer]=\"layer\"\r\n        ></igo-track-feature-button>\r\n        <igo-time-filter-button\r\n          *ngIf=\"isTimeFilterButton(layer)\"\r\n          [header]=\"timeButton\"\r\n          [layer]=\"layer\"\r\n          (click)=\"activateTimeFilter()\"\r\n        ></igo-time-filter-button>\r\n        <igo-ogc-filter-button\r\n          *ngIf=\"isOGCFilterButton(layer)\"\r\n          [header]=\"ogcButton\"\r\n          [layer]=\"layer\"\r\n          (click)=\"activateOgcFilter()\"\r\n        ></igo-ogc-filter-button>\r\n        <igo-export-button\r\n          *ngIf=\"isExportButton(layer)\"\r\n          [layer]=\"layer\"\r\n          (click)=\"activateExport(layer)\"\r\n        ></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' | translate\">\r\n    <igo-layer-legend-list\r\n      *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    >\r\n    </igo-layer-legend-list>\r\n    <ng-template\r\n      *ngIf=\"(layers$ | async).length !== 0; else emptyLayers\"\r\n    ></ng-template>\r\n\r\n    <p\r\n      class=\"map-empty mat-typography\"\r\n      *ngIf=\"\r\n        !allowShowAllLegends &&\r\n        (layers$ | async).length !== 0 &&\r\n        (visibleOrInRangeLayers$ | async).length === 0\r\n      \"\r\n    >\r\n      {{\r\n        (visibleLayers$ | async).length\r\n          ? ('igo.integration.mapTool.noLayersInRange' | translate)\r\n          : ('igo.integration.mapTool.noLayersVisible' | translate)\r\n      }}\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 }}\r\n      </p>\r\n      <p\r\n        *ngIf=\"\r\n          layerAdditionAllowed &&\r\n          (searchToolInToolbar || catalogToolInToolbar || contextToolInToolbar)\r\n        \"\r\n        class=\"map-empty mat-typography\"\r\n      >\r\n        {{ 'igo.integration.mapTool.customize' | translate }}\r\n      </p>\r\n\r\n      <mat-list-item *ngIf=\"layerAdditionAllowed && searchToolInToolbar\">\r\n        <mat-icon matListItemIcon>\r\n          <svg\r\n            viewBox=\"0 0 24 24\"\r\n            fit=\"\"\r\n            height=\"100%\"\r\n            width=\"100%\"\r\n            preserveAspectRatio=\"xMidYMid meet\"\r\n            focusable=\"false\"\r\n          >\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></svg\r\n        ></mat-icon>\r\n        <span\r\n          matListItemTitle\r\n          class=\"search-tool mat-typography\"\r\n          (click)=\"searchEmit()\"\r\n        >\r\n          {{ 'igo.integration.mapTool.search-tool' | translate }}\r\n        </span>\r\n      </mat-list-item>\r\n      <mat-list-item *ngIf=\"layerAdditionAllowed && catalogToolInToolbar\">\r\n        <mat-icon matListItemIcon>\r\n          <svg\r\n            viewBox=\"0 0 24 24\"\r\n            fit=\"\"\r\n            height=\"100%\"\r\n            width=\"100%\"\r\n            preserveAspectRatio=\"xMidYMid meet\"\r\n            focusable=\"false\"\r\n          >\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></svg\r\n        ></mat-icon>\r\n        <span\r\n          matListItemTitle\r\n          class=\"catalog-tool mat-typography\"\r\n          (click)=\"catalogEmit()\"\r\n        >\r\n          {{ 'igo.integration.mapTool.catalog-tool' | translate }}\r\n        </span>\r\n      </mat-list-item>\r\n      <mat-list-item *ngIf=\"layerAdditionAllowed && contextToolInToolbar\">\r\n        <mat-icon matListItemIcon>\r\n          <svg\r\n            viewBox=\"0 0 24 24\"\r\n            fit=\"\"\r\n            height=\"100%\"\r\n            width=\"100%\"\r\n            preserveAspectRatio=\"xMidYMid meet\"\r\n            focusable=\"false\"\r\n          >\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></svg\r\n        ></mat-icon>\r\n        <span\r\n          matListItemTitle\r\n          class=\"context-tool mat-typography\"\r\n          (click)=\"contextEmit()\"\r\n        >\r\n          {{ 'igo.integration.mapTool.context-tool' | translate }}\r\n        </span>\r\n      </mat-list-item>\r\n    </mat-list>\r\n  </ng-template>\r\n</mat-tab-group>\r\n", styles: [":host mat-tab-group{height:100%}:host ::ng-deep .mat-mdc-tab-body-wrapper{flex:1}:host ::ng-deep .mat-tab-body{margin-top:8px}:host ::ng-deep .mat-mdc-tab-body-content{overflow:hidden}:host .map-empty,:host .search-tool,:host .catalog-tool,:host .context-tool{margin:10px}:host .map-empty{text-align:justify}:host .search-tool,:host .catalog-tool,:host .context-tool{cursor:pointer}:host mat-list mat-list-item h4{font-weight:700}:host mat-list-item ::ng-deep .mdc-list-item__primary-text{font-size:smaller}:host mat-list.mat-mdc-list-base mat-list-item.mat-mdc-list-item ::ng-deep div.mdc-list-item__content div.mdc-list-item__primary-text{padding-left:5px}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i8$1.MatTab, selector: "mat-tab", inputs: ["disabled"], exportAs: ["matTab"] }, { kind: "component", type: i8$1.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple", "fitInkBarToContent", "mat-stretch-tabs"], exportAs: ["matTabGroup"] }, { kind: "component", type: i10$2.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i10$2.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i10$2.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i10$2.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i1.LayerListComponent, selector: "igo-layer-list", inputs: ["layersAreAllVisible", "ogcButton", "timeButton", "map", "layers", "floatLabel", "layerFilterAndSortOptions", "excludeBaseLayers", "toggleLegendOnVisibilityChange", "expandLegendOfVisibleLayers", "updateLegendOnResolutionChange", "queryBadge"], outputs: ["appliedFilterAndSort"] }, { kind: "component", type: i1.LayerLegendListComponent, selector: "igo-layer-legend-list", inputs: ["layers", "excludeBaseLayers", "updateLegendOnResolutionChange", "allowShowAllLegends", "showAllLegendsValue"], outputs: ["allLegendsShown"] }, { kind: "directive", type: i1.LayerListBindingDirective, selector: "[igoLayerListBinding]" }, { kind: "directive", type: i1.LayerLegendListBindingDirective, selector: "[igoLayerLegendListBinding]" }, { kind: "component", type: i1.TrackFeatureButtonComponent, selector: "igo-track-feature-button", inputs: ["layer", "trackFeature"] }, { kind: "component", type: i1.MetadataButtonComponent, selector: "igo-metadata-button", inputs: ["layer", "color"] }, { kind: "component", type: i1.ExportButtonComponent, selector: "igo-export-button", inputs: ["layer", "color"] }, { kind: "component", type: i1.StyleModalLayerButtonComponent, selector: "igo-style-modal-layer-button", inputs: ["layer"] }, { kind: "component", type: i1.TimeFilterButtonComponent, selector: "igo-time-filter-button", inputs: ["layer", "map", "color", "header"] }, { kind: "component", type: i1.OgcFilterButtonComponent, selector: "igo-ogc-filter-button", inputs: ["layer", "map", "color", "header"] }, { kind: "component", type: WorkspaceButtonComponent, selector: "igo-workspace-button", inputs: ["layer", "color"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i7$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 MapToolsComponent = __decorate([
     ToolComponent({
@@ -4442,6 +4625,15 @@ class SearchState {
     searchOverlayStyleFocus = {};
     focusedOrResolution$$;
     selectedOrResolution$$;
+    /**
+     * Default feature motion are:
+     * on selection = FeatureMotion.Default and
+     * on focus = FeatureMotion.None
+     */
+    featureMotion = {
+        selected: FeatureMotion.Default,
+        focus: FeatureMotion.None
+    };
     searchTermSplitter$ = new BehaviorSubject('|');
     searchTerm$ = new BehaviorSubject(undefined);
     searchType$ = new BehaviorSubject(undefined);
@@ -4452,7 +4644,7 @@ class SearchState {
     /**
      * Store that holds the search results
      */
-    store = new EntityStoreWithStrategy([]);
+    store = new EntityStore([]);
     /**
      * Search types currently enabled in the search source service
      */
@@ -4859,7 +5051,7 @@ let SearchResultsToolComponent = class SearchResultsToolComponent {
             }
             abstractResult.meta.style = computedStyle;
             abstractResult.meta.style.setZIndex(2000 + zIndexOffset);
-            this.map.searchResultsOverlay.addFeature(abstractResult, FeatureMotion.None);
+            this.map.searchResultsOverlay.addFeature(abstractResult, this.searchState.featureMotion.focus);
             if (trigger === 'focused') {
                 this.abstractFocusedResult = abstractResult;
             }
@@ -4918,7 +5110,7 @@ let SearchResultsToolComponent = class SearchResultsToolComponent {
                 feature.setStyle(result.data.meta.style);
                 return;
             }
-            this.map.searchResultsOverlay.addFeature(result.data, FeatureMotion.None);
+            this.map.searchResultsOverlay.addFeature(result.data, this.searchState.featureMotion.focus);
         }
     }
     onResultUnfocus(result) {
@@ -4943,7 +5135,7 @@ let SearchResultsToolComponent = class SearchResultsToolComponent {
      */
     onResultSelect(result) {
         this.map.searchResultsOverlay.dataSource.ol.clear();
-        this.tryAddFeatureToMap(result);
+        this.tryAddFeatureToMap(result, this.searchState.featureMotion.selected);
         this.searchState.setSelectedResult(result);
         if (this.topPanelState === 'initial') {
             if (this.topPanelStateDefault !== 'collapsed') {
@@ -5047,8 +5239,9 @@ let SearchResultsToolComponent = class SearchResultsToolComponent {
     /**
      * Try to add a feature to the map overlay
      * @param result A search result that could be a feature
+     * @param motion A FeatureMotion to trigger when adding the searchresult to the map search overlay
      */
-    tryAddFeatureToMap(result) {
+    tryAddFeatureToMap(result, motion = FeatureMotion.Default) {
         if (result.meta.dataType !== FEATURE) {
             return undefined;
         }
@@ -5058,7 +5251,7 @@ let SearchResultsToolComponent = class SearchResultsToolComponent {
             return;
         }
         feature.meta.style = getCommonVectorSelectedStyle(Object.assign({}, { feature }, this.searchState.searchOverlayStyleSelection, result.style?.selection ? result.style.selection : {}));
-        this.map.searchResultsOverlay.addFeature(feature);
+        this.map.searchResultsOverlay.addFeature(feature, motion);
     }
     isScrolledIntoView(elemSource, elem) {
         const padding = 6;
@@ -5119,7 +5312,7 @@ let SearchResultsToolComponent = class SearchResultsToolComponent {
         }, 250);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SearchResultsToolComponent, deps: [{ token: MapState }, { token: SearchState }, { token: i0.ElementRef }, { token: ToolState }, { token: DirectionState }, { token: i2.ConfigService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SearchResultsToolComponent, selector: "igo-search-results-tool", inputs: { showIcons: "showIcons", topPanelStateDefault: "topPanelStateDefault", topPanelState: "topPanelState" }, ngImport: i0, template: "<div\r\n  *ngIf=\"(!store || store.stateView.empty) && (debouncedEmpty$ | async)\"\r\n  style=\"margin: 10px\"\r\n>\r\n  <section class=\"mat-typography\">\r\n    <h4>\r\n      <strong>{{\r\n        'igo.integration.searchResultsTool.noResults' | translate\r\n      }}</strong>\r\n    </h4>\r\n    <p>\r\n      <strong>{{\r\n        'igo.integration.searchResultsTool.doSearch' | translate\r\n      }}</strong>\r\n    </p>\r\n    <div\r\n      [innerHTML]=\"\r\n        'igo.integration.searchResultsTool.examples' | translate | sanitizeHtml\r\n      \"\r\n    ></div>\r\n  </section>\r\n</div>\r\n\r\n<igo-flexible\r\n  *ngIf=\"(debouncedEmpty$ | 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$ | async) ? 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      [map]=\"map\"\r\n    >\r\n      <ng-template #igoSearchItemToolbar let-result=\"result\">\r\n        <igo-search-add-button\r\n          [map]=\"map\"\r\n          [store]=\"store\"\r\n          [stores]=\"stores\"\r\n          [layer]=\"result\"\r\n          [saveSearchResultInLayer]=\"saveSearchResultInLayer\"\r\n        >\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\r\n      [title]=\"featureTitle\"\r\n      *ngIf=\"feature$ | async\"\r\n      (click)=\"toggleTopPanel($event)\"\r\n      [cursorPointer]=\"true\"\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      >\r\n        <mat-icon\r\n          [svgIcon]=\"\r\n            (topPanelState$ | async) === 'collapsed' ? 'arrow-up' : 'arrow-down'\r\n          \"\r\n        ></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]=\"\r\n          ((isSelectedResultOutOfView$ | async)\r\n            ? 'igo.integration.searchResultsTool.zoomOnFeatureTooltipOutOfView'\r\n            : 'igo.integration.searchResultsTool.zoomOnFeatureTooltip'\r\n          ) | translate\r\n        \"\r\n        matTooltipShowDelay=\"500\"\r\n        (click)=\"zoomToFeatureExtent()\"\r\n      >\r\n        <mat-icon\r\n          aria-hidden=\"false\"\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\"\r\n        ></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      >\r\n      </igo-feature-details>\r\n    </igo-panel>\r\n  </div>\r\n</igo-flexible>\r\n", dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i8$2.MatBadge, selector: "[matBadge]", inputs: ["matBadgeDisabled", "matBadgeColor", "matBadgeOverlap", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "directive", type: i6.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: i10.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i1.FeatureDetailsComponent, selector: "igo-feature-details", inputs: ["source", "map", "toolbox", "feature"], outputs: ["routeEvent", "selectFeature", "htmlDisplayEvent"] }, { kind: "directive", type: i1.FeatureDetailsDirective, selector: "[igoFeatureDetailsDirective]", outputs: ["routingEvent"] }, { kind: "component", type: i1.SearchResultsComponent, selector: "igo-search-results", inputs: ["map", "store", "showIcons", "mode", "withZoomButton", "tabsMode", "term", "settingsChange$", "termSplitter"], outputs: ["resultFocus", "resultUnfocus", "resultSelect", "moreResults", "resultMouseenter", "resultMouseleave"] }, { kind: "component", type: i1.SearchResultAddButtonComponent, selector: "igo-search-add-button", inputs: ["layer", "store", "added", "map", "saveSearchResultInLayer", "color", "stores"] }, { kind: "component", type: i12.FlexibleComponent, selector: "igo-flexible", inputs: ["initial", "collapsed", "expanded", "initialMobile", "collapsedMobile", "expandedMobile", "direction", "state"] }, { kind: "component", type: i12.PanelComponent, selector: "igo-panel", inputs: ["title", "withHeader", "cursorPointer"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }, { kind: "pipe", type: i12.SanitizeHtmlPipe, name: "sanitizeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SearchResultsToolComponent, selector: "igo-search-results-tool", inputs: { showIcons: "showIcons", topPanelStateDefault: "topPanelStateDefault", topPanelState: "topPanelState" }, ngImport: i0, template: "<div\r\n  *ngIf=\"(!store || store.stateView.empty) && (debouncedEmpty$ | async)\"\r\n  style=\"margin: 10px\"\r\n>\r\n  <section class=\"mat-typography\">\r\n    <h4>\r\n      <strong>{{\r\n        'igo.integration.searchResultsTool.noResults' | translate\r\n      }}</strong>\r\n    </h4>\r\n    <p>\r\n      <strong>{{\r\n        'igo.integration.searchResultsTool.doSearch' | translate\r\n      }}</strong>\r\n    </p>\r\n    <div\r\n      [innerHTML]=\"\r\n        'igo.integration.searchResultsTool.examples' | translate | sanitizeHtml\r\n      \"\r\n    ></div>\r\n  </section>\r\n</div>\r\n\r\n<igo-flexible\r\n  *ngIf=\"(debouncedEmpty$ | 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$ | async) ? 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      [map]=\"map\"\r\n    >\r\n      <ng-template #igoSearchItemToolbar let-result=\"result\">\r\n        <igo-search-add-button\r\n          [map]=\"map\"\r\n          [store]=\"store\"\r\n          [stores]=\"stores\"\r\n          [layer]=\"result\"\r\n          [saveSearchResultInLayer]=\"saveSearchResultInLayer\"\r\n        >\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\r\n      [title]=\"featureTitle\"\r\n      *ngIf=\"feature$ | async\"\r\n      (click)=\"toggleTopPanel($event)\"\r\n      [cursorPointer]=\"true\"\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      >\r\n        <mat-icon\r\n          [svgIcon]=\"\r\n            (topPanelState$ | async) === 'collapsed' ? 'arrow-up' : 'arrow-down'\r\n          \"\r\n        ></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]=\"\r\n          ((isSelectedResultOutOfView$ | async)\r\n            ? 'igo.integration.searchResultsTool.zoomOnFeatureTooltipOutOfView'\r\n            : 'igo.integration.searchResultsTool.zoomOnFeatureTooltip'\r\n          ) | translate\r\n        \"\r\n        matTooltipShowDelay=\"500\"\r\n        (click)=\"zoomToFeatureExtent()\"\r\n      >\r\n        <mat-icon\r\n          aria-hidden=\"false\"\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\"\r\n        ></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      >\r\n      </igo-feature-details>\r\n    </igo-panel>\r\n  </div>\r\n</igo-flexible>\r\n", dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i8$2.MatBadge, selector: "[matBadge]", inputs: ["matBadgeDisabled", "matBadgeColor", "matBadgeOverlap", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "directive", type: i6.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: i10.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i1.FeatureDetailsComponent, selector: "igo-feature-details", inputs: ["source", "map", "toolbox", "feature"], outputs: ["routeEvent", "selectFeature", "htmlDisplayEvent"] }, { kind: "directive", type: i1.FeatureDetailsDirective, selector: "[igoFeatureDetailsDirective]", outputs: ["routingEvent"] }, { kind: "component", type: i1.SearchResultsComponent, selector: "igo-search-results", inputs: ["map", "store", "showIcons", "mode", "withZoomButton", "tabsMode", "term", "settingsChange$", "termSplitter"], outputs: ["resultFocus", "resultUnfocus", "resultSelect", "moreResults", "resultMouseenter", "resultMouseleave"] }, { kind: "component", type: i1.SearchResultAddButtonComponent, selector: "igo-search-add-button", inputs: ["layer", "store", "added", "map", "saveSearchResultInLayer", "color", "stores"] }, { kind: "component", type: i2$2.FlexibleComponent, selector: "igo-flexible", inputs: ["initial", "collapsed", "expanded", "initialMobile", "collapsedMobile", "expandedMobile", "direction", "state"] }, { kind: "component", type: i2$2.PanelComponent, selector: "igo-panel", inputs: ["title", "withHeader", "cursorPointer"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i7$1.TranslatePipe, name: "translate" }, { kind: "pipe", type: i2$2.SanitizeHtmlPipe, name: "sanitizeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 SearchResultsToolComponent = __decorate([
     ToolComponent({
@@ -5241,7 +5434,8 @@ class IgoIntegrationModule {
             IgoAppPrintModule,
             IgoAppSearchModule,
             IgoAppFilterModule,
-            IgoAppAboutModule] });
+            IgoAppAboutModule,
+            IgoAppGeometryFormModule] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoIntegrationModule, imports: [IgoAppStorageModule,
             IgoAppAnalyticsModule,
             IgoAppContextModule,
@@ -5255,7 +5449,8 @@ class IgoIntegrationModule {
             IgoAppPrintModule,
             IgoAppSearchModule,
             IgoAppFilterModule,
-            IgoAppAboutModule] });
+            IgoAppAboutModule,
+            IgoAppGeometryFormModule] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IgoIntegrationModule, decorators: [{
             type: NgModule,
@@ -5276,7 +5471,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         IgoAppPrintModule,
                         IgoAppSearchModule,
                         IgoAppFilterModule,
-                        IgoAppAboutModule
+                        IgoAppAboutModule,
+                        IgoAppGeometryFormModule
                     ]
                 }]
         }] });
@@ -5447,7 +5643,7 @@ class QueryState {
     /**
      * Store that holds the query results
      */
-    store = new EntityStoreWithStrategy([]);
+    store = new EntityStore([]);
     queryOverlayStyle = {};
     queryOverlayStyleSelection = {};
     queryOverlayStyleFocus = {};
@@ -5483,5 +5679,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-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, IgoAppDrawingToolModule, 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 };
+export { AboutToolComponent, ActiveOgcFilterToolComponent, ActiveTimeFilterToolComponent, AdvancedMapToolComponent, AnalyticsListenerService, CatalogBrowserToolComponent, CatalogLibraryToolComponent, CatalogState, ContextEditorToolComponent, ContextManagerToolComponent, ContextPermissionManagerToolComponent, ContextShareToolComponent, ContextState, DataIssueReporterToolComponent, DirectionState, DirectionsToolComponent, DrawState, DrawingToolComponent, FeatureActionsService, IgoAppAboutModule, IgoAppAnalyticsModule, IgoAppCatalogBrowserToolModule, IgoAppCatalogLibraryToolModule, IgoAppCatalogModule, IgoAppContextModule, IgoAppDirectionsModule, IgoAppDrawModule, IgoAppDrawingToolModule, IgoAppFilterModule, IgoAppGeometryFormModule, 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.mjs.map